/** Theme Name: AL4AS Theme (Astra Child) Author: DCE Author URI: https://dce.pt Description: AL4AS custom theme based on Astra Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: al4as-theme Template: astra */ :root { /* Cores principais */ --primary-green: #8DC63F; --secondary-green: #006838; /* Tons de verde */ --green-100: #D9E8C3; --green-200: #AEBBB4; --green-300: #99A69F; --green-400: #84908A; --green-500: #4F8C35; --green-600: #1B331F; --green-700: #103D26; --green-800: #061A11; --green-900: #04110A; /* Tons de verde escuro */ --dark-green-1: #004F2D; --dark-green-2: #0B1F14; --dark-green-3: #102418; /* Tons de fundo */ --background-light: #F2F5F3; /* Cores de texto */ --color-title: #07150E; --color-text: #222222; --color-text-light-grey: #84908A; --color-text-medium-grey: #646D68; --color-text-menu: #121c14; /* Cores neutras */ --color-black: #000000; --color-light-gray: #D9D9D9; --color-extra-light-gray: #EFEFEF; --color-white: #FFFFFF; /* Destaques */ --color-icon-hover: #004F2D; --primary-green-hover: #709C32; /* Tipografia */ --font-family-title: "IBM Plex Sans", sans-serif; --font-family-body: "Inter", Arial, sans-serif; --font-family-icon: "Phosphor"; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-title-h1: 36px; --font-title-h2: 30px; --font-title-h3: 26px; --font-title-h4: 22px; --font-title-h5: 19px; --font-title-h6: 17px; --font-page-title: 32px; --font-page-title-hero: 32px; --font-body-lg: 18px; --font-body-md: 16px; --font-body-sm: 15px; --font-body-xs: 14px; --font-caption: 13px; --font-overline: 12px; --font-lead: 20px; --line-none: 1; --line-title: 1.15; --line-heading: 1.2; --line-body: 1.3; --line-body-relaxed: 1.4; --line-meta: 1.2; --line-button: 1; --line-form: 1.3; /* Escala de espacamento */ --space-0: 0; --space-8: 8px; --space-16: 16px; --space-24: 24px; --space-32: 32px; --space-40: 40px; --space-48: 48px; --space-56: 56px; --space-64: 64px; --space-72: 72px; --space-80: 80px; --space-88: 88px; --space-96: 96px; --space-104: 104px; --space-112: 112px; --space-120: 120px; --space-128: 128px; --space-136: 136px; --space-144: 144px; --space-152: 152px; --space-160: 160px; /* Radius */ --radius-none: 0; --radius-sm: 2px; --radius-md: 8px; --radius-pill: 999px; --radius-round: 50%; /* Layout */ --page-gutter-fluid: var(--space-32); --page-gutter-wide: var(--space-48); --page-gutter: var(--page-gutter-fluid); --page-gutter-desktop: var(--page-gutter); --page-gutter-tablet: var(--page-gutter); --page-gutter-mobile: var(--page-gutter); --section-y-start: var(--space-56); --section-y-end: var(--space-64); --section-title-y-start: var(--space-16); --section-title-y-end: var(--space-24); --section-gap-grid: var(--space-32); --section-gap-card: var(--space-16); --section-gap-cluster: var(--space-16); --section-gap-profile: var(--space-32); --elementor-section-gap: var(--section-gap-grid); --elementor-child-gap: var(--section-gap-card); --elementor-cluster-gap: var(--section-gap-cluster); /* Componentes */ --control-height: var(--space-48); --control-padding-x: var(--space-16); --control-padding-y: var(--space-8); --form-font-size: var(--font-body-md); --form-font-size-lg: var(--font-body-lg); --form-font-size-mobile: var(--font-body-xs); --form-placeholder-font-size: var(--form-font-size); --form-placeholder-font-size-lg: var(--form-font-size-lg); --form-placeholder-font-size-mobile: var(--form-font-size-mobile); --button-height-lg: var(--space-56); --button-height-lg-tablet: var(--space-48); --button-height-lg-mobile: 44px; --button-height-md: var(--control-height); --button-height-sm: var(--space-40); --button-padding-x-lg: var(--space-32); --button-padding-x-lg-mobile: var(--space-24); --button-padding-x-md: var(--space-24); --button-padding-x-sm: var(--space-16); --button-font-size: var(--font-body-md); --button-font-size-mobile: var(--font-body-xs); --button-gap: var(--space-16); --button-margin-top: var(--space-40); --button-margin-top-tablet: var(--space-32); --button-margin-top-mobile: var(--space-24); --button-width-wide: 280px; --button-border-width: 2px; --button-border-color: var(--primary-green); --button-bg: transparent; --button-color: var(--color-title); --button-hover-bg: var(--primary-green); --button-hover-color: var(--color-icon-hover); --button-disabled-opacity: 0.5; --button-disabled-bg: var(--green-100); --button-disabled-color: var(--green-300); --button-disabled-border-color: var(--green-100); --button-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out; --shadow-floating-panel: 0 4px 10px -2px rgba(0, 0, 0, .1); --focus-outline-width: 2px; --focus-outline-offset: 4px; --interactive-active-scale: 0.98; --interactive-arrow-shift: 3px; --check-size: var(--space-24); --check-dot-size: 12px; --card-padding-desktop: var(--space-32); --card-padding-tablet: var(--space-24); --card-padding-mobile: var(--space-16); --icon-size-sm: 20px; --icon-size-md: var(--space-24); --icon-size-lg: var(--space-32); --card-min-width: 392px; /* Navegacao */ --header-height-desktop: 100px; --menu-link-padding-x-compact: 12px; --menu-font-size-desktop: 15px; --menu-font-size-compact: 14px; --menu-submenu-link-padding-x: var(--space-16); --header-gutter-compact: var(--space-32); --header-action-size: 44px; --header-action-gap-tablet: 0; --menu-toggle-focus-style: dotted; --menu-native-item-height-tablet: 56px; --menu-native-item-height-mobile: 52px; --menu-native-submenu-height-tablet: 52px; --menu-native-submenu-height-mobile: 48px; --menu-native-submenu-padding-y: 12px; --menu-native-toggle-size: 48px; --menu-native-arrow-size: 20px; --menu-native-submenu-bg: #f6faf7; --menu-native-hover-bg: var(--primary-green); --menu-native-hover-color: var(--color-icon-hover); --menu-native-active-bg: var(--secondary-green); --menu-native-active-color: var(--color-white); /* Footer */ --footer-grid-brand-width: 300px; --footer-grid-brand-width-tablet: 360px; --footer-link-max-width: 200px; --footer-carousel-image-width: 220px; /* Homepage e search */ --home-hero-title-size: var(--font-page-title-hero); --home-grid-gap-desktop: var(--section-gap-grid); --home-grid-gap-tablet: var(--section-gap-grid); --home-grid-gap-mobile: var(--section-gap-grid); --search-menu-width: 320px; /* Posts, news e contactos */ --pagination-padding-desktop: var(--space-48); --pagination-padding-tablet: var(--space-40); --pagination-padding-mobile: var(--space-32); --pagination-item-size: var(--space-32); --single-featured-max-height: 480px; --single-featured-max-height-tablet: 390px; --single-featured-max-height-mobile: 300px; --single-article-y-start: var(--space-56); --single-article-y-end: var(--space-64); --notice-padding-y: var(--control-padding-y); --notice-padding-x: var(--space-24); --news-filter-gap: var(--section-gap-cluster); --news-filter-gap-mobile: var(--section-gap-cluster); --loading-spinner-size: var(--space-32); /* Thematic lines */ --thematic-hero-x-desktop: 16%; --thematic-hero-x-wide: 10%; --thematic-hero-x-tablet: var(--space-64); --thematic-hero-x-mobile: var(--space-32); /* People */ --people-filter-select-padding-right: var(--space-48); --people-profile-sidebar-image-max: 280px; --people-profile-sidebar-image-max-tablet: 240px; --people-profile-sidebar-image-max-tablet-small: 210px; --people-profile-sidebar-image-max-mobile: 180px; --people-profile-card-image-mobile: var(--space-72); } /* Fluid token fallbacks for browsers without clamp(). */ @media (min-width: 400px) and (max-width: 1919px) { :root { --font-title-h1: calc(30.74px + 1.316vw); --font-title-h2: calc(25.79px + 1.053vw); --font-title-h3: calc(22.84px + 0.789vw); --font-title-h4: calc(19.89px + 0.526vw); --font-title-h5: calc(17.68px + 0.329vw); --font-title-h6: calc(16.21px + 0.197vw); --font-page-title: calc(27.26px + 1.184vw); --font-page-title-hero: calc(26.74px + 1.316vw); --font-lead: calc(17.89px + 0.526vw); --section-y-start: calc(37.05px + 4.737vw); --section-y-end: calc(45.05px + 4.737vw); --section-title-y-start: calc(3.37px + 3.158vw); --section-title-y-end: calc(11.37px + 3.158vw); --section-gap-grid: calc(23.58px + 2.105vw); --section-gap-card: calc(11.79px + 1.053vw); --section-gap-cluster: calc(13.89px + 0.526vw); --section-gap-profile: calc(23.58px + 2.105vw); --single-article-y-start: calc(45.47px + 2.632vw); --single-article-y-end: calc(55.58px + 2.105vw); } } @media (min-width: 400px) and (max-width: 1439px) { :root { --page-gutter-fluid: calc(25.85px + 1.54vw); } } @media (min-width: 1440px) { :root { --page-gutter-fluid: var(--space-48); } } @media (min-width: 1441px) and (max-width: 1919px) { :root { --page-gutter-wide: calc(-384px + 30vw); } } @media (min-width: 1920px) { :root { --font-title-h1: 56px; --font-title-h2: 46px; --font-title-h3: 38px; --font-title-h4: 30px; --font-title-h5: 24px; --font-title-h6: 20px; --font-page-title: 50px; --font-page-title-hero: 52px; --font-lead: 28px; --page-gutter-wide: 192px; --section-y-start: var(--space-128); --section-y-end: var(--space-136); --section-title-y-start: var(--space-64); --section-title-y-end: var(--space-72); --section-gap-grid: var(--space-64); --section-gap-card: var(--space-32); --section-gap-cluster: var(--space-24); --section-gap-profile: var(--space-64); --single-article-y-start: var(--space-96); --single-article-y-end: var(--space-96); } } @supports (font-size: clamp(1rem, 2vw, 3rem)) { :root { --font-title-h1: clamp(36px, calc(30.74px + 1.316vw), 56px); --font-title-h2: clamp(30px, calc(25.79px + 1.053vw), 46px); --font-title-h3: clamp(26px, calc(22.84px + 0.789vw), 38px); --font-title-h4: clamp(22px, calc(19.89px + 0.526vw), 30px); --font-title-h5: clamp(19px, calc(17.68px + 0.329vw), 24px); --font-title-h6: clamp(17px, calc(16.21px + 0.197vw), 20px); --font-page-title: clamp(32px, calc(27.26px + 1.184vw), 50px); --font-page-title-hero: clamp(32px, calc(26.74px + 1.316vw), 52px); --font-lead: clamp(20px, calc(17.89px + 0.526vw), 28px); --page-gutter-fluid: clamp(var(--space-32), calc(25.85px + 1.54vw), var(--space-48)); --page-gutter-wide: clamp(var(--space-48), calc(-384px + 30vw), 192px); --section-y-start: clamp(var(--space-56), calc(37.05px + 4.737vw), var(--space-128)); --section-y-end: clamp(var(--space-64), calc(45.05px + 4.737vw), var(--space-136)); --section-title-y-start: clamp(var(--space-16), calc(3.37px + 3.158vw), var(--space-64)); --section-title-y-end: clamp(var(--space-24), calc(11.37px + 3.158vw), var(--space-72)); --section-gap-grid: clamp(var(--space-32), calc(23.58px + 2.105vw), var(--space-64)); --section-gap-card: clamp(var(--space-16), calc(11.79px + 1.053vw), var(--space-32)); --section-gap-cluster: clamp(var(--space-16), calc(13.89px + 0.526vw), var(--space-24)); --section-gap-profile: clamp(var(--space-32), calc(23.58px + 2.105vw), var(--space-64)); --single-article-y-start: clamp(var(--space-56), calc(45.47px + 2.632vw), var(--space-96)); --single-article-y-end: clamp(var(--space-64), calc(55.58px + 2.105vw), var(--space-96)); } } /* Homepage hero title: 56px at 921px, growing to 80px at 1920px. */ @media (min-width: 921px) and (max-width: 1919px) { :root { --home-hero-title-size: calc(33.88px + 2.402vw); } } @media (min-width: 1920px) { :root { --home-hero-title-size: var(--space-80); } } @supports (font-size: clamp(1rem, 2vw, 3rem)) { @media (min-width: 921px) { :root { --home-hero-title-size: clamp(var(--space-56), calc(33.88px + 2.402vw), var(--space-80)); } } } @media (min-width: 1441px) { :root { --form-font-size: var(--form-font-size-lg); --form-placeholder-font-size: var(--form-placeholder-font-size-lg); } } @media (max-width: 544px) { :root { --form-font-size: var(--form-font-size-mobile); --form-placeholder-font-size: var(--form-placeholder-font-size-mobile); } } /* GLOBAL TYPOGRAPHY SYSTEM */ /* Base typography */ html { font-family: var(--font-family-body); } body, button, input, select, textarea, .ast-button, .ast-custom-button { font-family: var(--font-family-body) !important; font-size: var(--font-body-md); font-weight: var(--font-weight-regular); line-height: var(--line-body); color: var(--color-text); } p, li, blockquote, .entry-content p, .entry-content li { font-family: var(--font-family-body); font-size: var(--font-body-md); font-weight: var(--font-weight-regular); line-height: var(--line-body); } a { text-underline-offset: 2px !important; } strong, b { font-weight: var(--font-weight-semibold); } small { font-size: var(--font-caption); line-height: var(--line-meta); } .text-highlight-italic { font-weight: var(--font-weight-medium) !important; font-style: italic !important; } .al4as-title-white, .al4as-title-white h1, .al4as-title-white h2, .al4as-title-white h3, .al4as-title-white h4, .al4as-title-white h5, .al4as-title-white h6 { color: var(--color-white) !important; } /* Heading typography */ h1:not(.rs-layer), .entry-content h1:not(.rs-layer), .elementor-widget-text-editor h1:not(.rs-layer), .elementor-widget-heading h1.elementor-heading-title:not(.rs-layer) { font-family: var(--font-family-title) !important; font-size: var(--font-title-h1) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; color: var(--color-title); } h2:not(.rs-layer), .entry-content h2:not(.rs-layer), .elementor-widget-text-editor h2:not(.rs-layer), .elementor-widget-heading h2.elementor-heading-title:not(.rs-layer) { font-family: var(--font-family-title) !important; font-size: var(--font-title-h2) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; color: var(--color-title); } h3:not(.rs-layer), .entry-content h3:not(.rs-layer), .elementor-widget-text-editor h3:not(.rs-layer), .elementor-widget-heading h3.elementor-heading-title:not(.rs-layer) { font-family: var(--font-family-title) !important; font-size: var(--font-title-h3) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-title) !important; color: var(--color-title); } h4:not(.rs-layer), .entry-content h4:not(.rs-layer), .elementor-widget-text-editor h4:not(.rs-layer), .elementor-widget-heading h4.elementor-heading-title:not(.rs-layer) { font-family: var(--font-family-title) !important; font-size: var(--font-title-h4) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; color: var(--color-title); } h5:not(.rs-layer), .entry-content h5:not(.rs-layer), .elementor-widget-text-editor h5:not(.rs-layer), .elementor-widget-heading h5.elementor-heading-title:not(.rs-layer) { font-family: var(--font-family-title) !important; font-size: var(--font-title-h5) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; color: var(--color-title); } h6:not(.rs-layer), .entry-content h6:not(.rs-layer), .elementor-widget-text-editor h6:not(.rs-layer), .elementor-widget-heading h6.elementor-heading-title:not(.rs-layer) { font-family: var(--font-family-title) !important; font-size: var(--font-title-h6) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; color: var(--color-title); } /* Elementor sets these light-section widget wrappers to white. */ .home .elementor-element-a6fa2fb h2, .home .elementor-element-9830f7b h2 { color: var(--color-title) !important; } .entry-content h1:not(.rs-layer), .entry-content h2:not(.rs-layer) { margin-bottom: var(--space-32); } .entry-content h3:not(.rs-layer), .entry-content h4:not(.rs-layer), .entry-content h5:not(.rs-layer), .entry-content h6:not(.rs-layer) { margin-bottom: var(--space-24); } .entry-content p { margin-bottom: var(--space-32); } .entry-content > ul, .entry-content > ol, .entry-content .elementor-widget-text-editor ul, .entry-content .elementor-widget-text-editor ol, .entry-content .elementor-widget-theme-post-content ul, .entry-content .elementor-widget-theme-post-content ol { margin: var(--space-32) 0 0 0; padding-left: var(--space-24); } .entry-content .elementor-widget-container > ul:first-child, .entry-content .elementor-widget-container > ol:first-child, .entry-content .elementor-widget-container > .elementor-text-editor > ul:first-child, .entry-content .elementor-widget-container > .elementor-text-editor > ol:first-child { margin-top: 0 !important; } /* POLICY CONTENT LISTS */ #page .al4as-policy-content .elementor-widget-text-editor ul > li + li, #page .al4as-policy-content .elementor-widget-text-editor ol > li + li { margin-top: var(--space-8); } #page .al4as-policy-content .elementor-widget-text-editor p + ul, #page .al4as-policy-content .elementor-widget-text-editor p + ol { margin-top: var(--space-32) !important; } #page .al4as-policy-content .elementor-widget-text-editor li > ul, #page .al4as-policy-content .elementor-widget-text-editor li > ol { margin-top: var(--space-8) !important; } @media (max-width: 921px) { #page .al4as-policy-content .elementor-widget-text-editor p + ul, #page .al4as-policy-content .elementor-widget-text-editor p + ol { margin-top: var(--space-24) !important; } } .entry-content p:last-of-type { margin-bottom: 0 !important; } /* Elementor typography */ .elementor-kit-95 { --e-global-typography-primary-font-family: var(--font-family-title); --e-global-typography-primary-font-weight: var(--font-weight-bold); --e-global-typography-secondary-font-family: var(--font-family-title); --e-global-typography-secondary-font-weight: var(--font-weight-semibold); --e-global-typography-text-font-family: var(--font-family-body); --e-global-typography-text-font-weight: var(--font-weight-regular); --e-global-typography-accent-font-family: var(--font-family-body); --e-global-typography-accent-font-weight: var(--font-weight-medium); } .elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-widget-text-editor li, .elementor-widget-text-editor > .elementor-widget-container { font-family: var(--font-family-body); font-size: var(--font-body-md) !important; font-weight: var(--font-weight-regular); line-height: var(--line-body); } .elementor-button, .elementor-button-text { font-family: var(--font-family-body) !important; font-size: var(--button-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; } .elementor-icon-list-item, .elementor-icon-list-text { font-family: var(--font-family-body) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-medium) !important; line-height: var(--line-body) !important; } /* Astra typography */ .site-title, .site-title a, .entry-title, .entry-title a, .widget-title, .ast-archive-title, .page-title { font-family: var(--font-family-title) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; color: var(--color-title); } .entry-title, .entry-title a, .widget-title, .ast-archive-title, .page-title { font-size: var(--font-page-title) !important; } .site-description, .entry-meta, .entry-meta *, .ast-blog-meta-container, .ast-blog-single-element.ast-taxonomy-container a { font-family: var(--font-family-body) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-meta) !important; } /* Essential Addons typography */ .eael-entry-title, .eael-entry-title a { font-family: var(--font-family-title) !important; line-height: var(--line-heading) !important; } .eael-posted-on, .eael-entry-meta, .eael-entry-meta * { font-family: var(--font-family-body) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-meta) !important; } .eael-grid-post-excerpt p { font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-regular) !important; line-height: var(--line-body) !important; } .eael-post-elements-readmore-btn { font-family: var(--font-family-body) !important; font-size: var(--button-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; } .eael-load-more-button { font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; } .eael-feature-list-title, .eael-feature-list-title a { font-family: var(--font-family-title) !important; font-size: var(--font-title-h6) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-none) !important; } .eael-feature-list-content { font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-regular) !important; line-height: var(--line-body) !important; } /* AL4AS utility typography */ .al4as-page-title h1, .entry-content .al4as-page-title h1:not(.rs-layer) { margin: 0 !important; color: var(--color-white) !important; font-size: var(--font-page-title) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; } .al4as-page-title-hero h1, .entry-content .al4as-page-title-hero h1:not(.rs-layer) { margin: 0 !important; color: var(--color-white) !important; font-size: var(--font-page-title-hero) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; } #page .title-h1, #page .title-h1 h1, #page .title-h1 h2, #page .title-h1 h3, #page .title-h1 h4, #page .title-h1 h5, #page .title-h1 h6 { font-size: var(--font-title-h1) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; } #page .title-h2, #page .title-h2 h1, #page .title-h2 h2, #page .title-h2 h3, #page .title-h2 h4, #page .title-h2 h5, #page .title-h2 h6 { font-size: var(--font-title-h2) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; } #page .title-h3, #page .title-h3 h1, #page .title-h3 h2, #page .title-h3 h3, #page .title-h3 h4, #page .title-h3 h5, #page .title-h3 h6 { font-size: var(--font-title-h3) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-heading) !important; } #page .title-h4, #page .title-h4 h1, #page .title-h4 h2, #page .title-h4 h3, #page .title-h4 h4, #page .title-h4 h5, #page .title-h4 h6 { font-size: var(--font-title-h4) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; } #page .title-h5, #page .title-h5 h1, #page .title-h5 h2, #page .title-h5 h3, #page .title-h5 h4, #page .title-h5 h5, #page .title-h5 h6 { font-size: var(--font-title-h5) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; } #page .title-h6, #page .title-h6 h1, #page .title-h6 h2, #page .title-h6 h3, #page .title-h6 h4, #page .title-h6 h5, #page .title-h6 h6 { font-size: var(--font-title-h6) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; } @media (min-width: 1441px) { .entry-content p, .entry-content li, .elementor-widget-text-editor p, .elementor-widget-text-editor li, .elementor-widget-text-editor > .elementor-widget-container, .eael-grid-post-excerpt p { font-size: var(--font-body-lg) !important; line-height: var(--line-body-relaxed) !important; } } @media (max-width: 921px) { .entry-content h1:not(.rs-layer), .entry-content h2:not(.rs-layer), .entry-content h3:not(.rs-layer), .entry-content h4:not(.rs-layer), .entry-content h5:not(.rs-layer), .entry-content h6:not(.rs-layer), .entry-content p { margin-bottom: var(--space-24) !important; } .entry-content > ul, .entry-content > ol, .entry-content .elementor-widget-text-editor ul, .entry-content .elementor-widget-text-editor ol, .entry-content .elementor-widget-theme-post-content ul, .entry-content .elementor-widget-theme-post-content ol { margin: 0 !important; } .entry-content .al4as-page-title h1:not(.rs-layer), .entry-content .al4as-page-title-hero h1:not(.rs-layer) { margin: 0 !important; } .al4as-button, .al4as-button-white, .al4as-button-out, .al4as-button-out-white, .eael-post-elements-readmore-btn, .wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button { margin-top: var(--button-margin-top-tablet) !important; } .al4as-button-no-margin { margin-top: 0 !important; } } @media (max-width: 544px) { p, .entry-content p, .entry-content li, .elementor-widget-text-editor p, .elementor-widget-text-editor li, .elementor-widget-text-editor > .elementor-widget-container, .elementor-widget-container p, .eael-grid-post-excerpt p { font-size: var(--font-body-sm) !important; line-height: var(--line-body) !important; } .entry-content h1:not(.rs-layer), .entry-content h2:not(.rs-layer), .entry-content h3:not(.rs-layer), .entry-content h4:not(.rs-layer), .entry-content h5:not(.rs-layer), .entry-content h6:not(.rs-layer), .entry-content p { margin-bottom: var(--space-16) !important; } .entry-content > ul, .entry-content > ol, .entry-content .elementor-widget-text-editor ul, .entry-content .elementor-widget-text-editor ol, .entry-content .elementor-widget-theme-post-content ul, .entry-content .elementor-widget-theme-post-content ol { margin: var(--space-24) 0 0 0 !important; } .entry-content .al4as-page-title h1:not(.rs-layer), .entry-content .al4as-page-title-hero h1:not(.rs-layer) { margin: 0 !important; } .al4as-button, .al4as-button-white, .al4as-button-out, .al4as-button-out-white, .eael-post-elements-readmore-btn, .wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button { margin-top: var(--button-margin-top-mobile) !important; } .al4as-button-no-margin { margin-top: 0 !important; } } /* PROFILE */ .al4as-governance-section, .al4as-governance-section-one, .al4as-governance-section-paired, .al4as-governance-grid { --width: 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .al4as-governance-section, .al4as-governance-section-one { display: flex !important; flex-direction: column !important; } .al4as-governance-section-paired { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--section-gap-grid) !important; } .al4as-governance-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--section-gap-grid) !important; } .al4as-governance-section-one .al4as-governance-grid { grid-template-columns: minmax(0, 1fr) !important; } .al4as-governance-grid > .al4as-profile-card-governance { --width: 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0; } .al4as-profile-card-governance, .al4as-profile-card { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: var(--section-gap-card) !important; text-decoration: none !important; padding: var(--card-padding-desktop) !important; margin: 0 !important; background-color: var(--background-light); border-radius: var(--radius-md) !important; border: 3px solid var(--color-extra-light-gray); transition: var(--button-transition) !important; box-shadow: none; cursor: pointer; box-sizing: border-box; width: 100% !important; max-width: 100% !important; min-width: 0; } .al4as-profile-card-governance:hover, .al4as-profile-card:hover { background-color: var(--primary-green) !important; border-color: var(--green-500) !important; } .al4as-profile-card-governance:hover .al4as-profile-name, .al4as-profile-card-governance:hover .al4as-title-name, .al4as-profile-card-governance:hover .al4as-institution-name, .al4as-profile-card:hover .al4as-profile-name, .al4as-profile-card:hover .al4as-title-name, .al4as-profile-card:hover .al4as-profile-affiliation { color: var(--dark-green-1) !important; } .al4as-profile-card-governance:active, .al4as-profile-card:active { transform: scale(var(--interactive-active-scale)); } .al4as-profile-card-governance > .al4as-profile-image, .al4as-profile-card > .al4as-profile-image { flex: 0 0 auto !important; align-self: center; margin: 0 !important; } .al4as-profile-card-governance > .al4as-profile-image { --width: auto !important; width: auto !important; max-width: none !important; } .al4as-profile-card-governance .al4as-profile-image img, .al4as-profile-card .al4as-profile-image img { display: block; width: 100px !important; width: clamp(100px, 12vw, 150px) !important; height: 100px !important; height: clamp(100px, 12vw, 150px) !important; border-radius: var(--radius-round); border: solid 2px var(--green-500); border: solid clamp(2px, 0.3vw, 3px) var(--green-500); margin: 0 !important; object-fit: cover; } .al4as-profile-card-governance > .al4as-governance-profile-info, .al4as-profile-card > .al4as-profile-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; gap: 0 !important; min-width: 0; margin: 0 !important; } .al4as-profile-card-governance > .al4as-governance-profile-info { --width: auto !important; width: auto !important; max-width: none !important; } .al4as-governance-profile-info > .elementor-widget-text-editor, .al4as-governance-profile-info > .elementor-widget-text-editor > .elementor-widget-container { width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .al4as-profile-card-governance h4.al4as-profile-name, .al4as-profile-card-governance h5.al4as-title-name, .al4as-profile-card-governance h6.al4as-institution-name, .al4as-profile-card h4.al4as-profile-name, .al4as-profile-card p.al4as-title-name, .al4as-profile-card p.al4as-profile-affiliation { display: block; width: 100%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin-top: 0 !important; } .al4as-profile-card-governance h4.al4as-profile-name, .al4as-profile-card h4.al4as-profile-name { font-size: 18px !important; font-size: clamp(18px, calc(16.16px + 0.461vw), 25px) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-heading) !important; margin-bottom: 2px !important; margin-bottom: clamp(2px, calc(0.95px + 0.263vw), 6px) !important; color: var(--color-title) !important; } .al4as-profile-card-governance h5.al4as-title-name, .al4as-profile-card p.al4as-title-name { font-size: 15px !important; font-size: clamp(15px, calc(13.42px + 0.395vw), 21px) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; margin-bottom: 2px !important; margin-bottom: clamp(2px, calc(0.42px + 0.395vw), 8px) !important; color: var(--color-title) !important; } .al4as-profile-card-governance h6.al4as-institution-name, .al4as-profile-card p.al4as-profile-affiliation { font-size: 14px !important; font-size: clamp(14px, calc(12.95px + 0.263vw), 18px) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; margin-bottom: 0 !important; color: var(--color-title) !important; } @media (max-width: 1290px) { .al4as-profile-card-governance, .al4as-profile-card { padding: var(--card-padding-tablet) !important; } } @media (max-width: 921px) { .al4as-governance-section-paired, .al4as-governance-grid, .al4as-governance-section-one .al4as-governance-grid { grid-template-columns: minmax(0, 1fr) !important; } .al4as-governance-section-paired { gap: var(--space-64) !important; } .al4as-profile-card-governance, .al4as-profile-card { padding: var(--card-padding-tablet) !important; } } @media (max-width: 544px) { .al4as-governance-grid { gap: var(--space-24) !important; } .al4as-governance-section-paired { gap: var(--space-48) !important; } .al4as-profile-card-governance, .al4as-profile-card { border-width: 2px !important; padding: var(--card-padding-mobile) !important; } .al4as-profile-card-governance .al4as-profile-image img, .al4as-profile-card .al4as-profile-image img { width: var(--people-profile-card-image-mobile) !important; height: var(--people-profile-card-image-mobile) !important; border-width: 2px; } } /* FORM ELEMENTS */ input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type=reset], input[type=tel], input[type=date], select, textarea { font-size: var(--form-font-size); font-family: var(--font-family-body); font-style: normal; font-weight: var(--font-weight-regular); line-height: var(--line-form); padding: var(--control-padding-y) var(--control-padding-x); height: var(--control-height); width: 100% !important; border-radius: var(--radius-md); border-width: 2px; border-style: solid; border-color: var(--color-extra-light-gray); box-shadow: none !important; color: var(--color-text) !important; cursor: pointer !important; } textarea { height: auto; } select { color: var(--green-300) !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z' fill='%23006838'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--space-16) center; background-size: var(--icon-size-md) var(--icon-size-md); padding-right: var(--button-padding-x-md); } select option { font-size: var(--form-font-size) !important; color: var(--green-300); font-weight: var(--font-weight-regular) !important; opacity: 1 !important; } select:focus, select option:checked, select option:checked:focus, select option.option-selected, select option[selected], select option:checked { color: var(--color-text) !important; } /* placeholder text styling */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: var(--form-placeholder-font-size); color: var(--green-300); font-weight: var(--font-weight-regular); opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { font-size: var(--form-placeholder-font-size); color: var(--green-300); font-weight: var(--font-weight-regular); opacity: 1; } input::placeholder, textarea::placeholder { font-size: var(--form-placeholder-font-size); color: var(--green-300); font-weight: var(--font-weight-regular); opacity: 1; } /* labels */ label, legend { color: var(--color-text); font-size: var(--form-font-size); font-style: normal; font-weight: var(--font-weight-semibold); line-height: var(--line-form); width: 100%; margin: 0 0 var(--space-8) 0; display: flex; align-items: center; } @media (min-width: 1441px) { input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type=reset], input[type=tel], input[type=date], select, textarea, select option, label, legend { font-size: var(--form-font-size-lg) !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: var(--form-placeholder-font-size-lg); } input::-moz-placeholder, textarea::-moz-placeholder { font-size: var(--form-placeholder-font-size-lg); } input::placeholder, textarea::placeholder { font-size: var(--form-placeholder-font-size-lg); } } @media (max-width: 921px) { label, legend { font-size: var(--form-font-size); } } @media (max-width: 544px) { input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type=reset], input[type=tel], input[type=date], select, textarea, select option, label, legend { font-size: var(--form-font-size-mobile) !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: var(--form-placeholder-font-size-mobile); } input::-moz-placeholder, textarea::-moz-placeholder { font-size: var(--form-placeholder-font-size-mobile); } input::placeholder, textarea::placeholder { font-size: var(--form-placeholder-font-size-mobile); } } /* radio button customization */ input[type="radio"] { margin-right: var(--space-8); width: var(--check-size) !important; height: var(--check-size) !important; border: 2px solid var(--secondary-green); border-radius: var(--radius-round) !important; appearance: none !important; -webkit-appearance: none; -moz-appearance: none; background-color: var(--color-white); cursor: pointer; position: relative; padding: 0 !important; } input[type="radio"]:checked { background-color: var(--color-white) !important; } input[type="radio"]:checked::after { content: ""; display: block; background-color: var(--secondary-green); border-radius: var(--radius-round); width: var(--check-dot-size); height: var(--check-dot-size); position: absolute; top: 4px; left: 4px; } /* checkbox button customization */ input[type="checkbox"] { margin-right: var(--space-8) !important; width: var(--check-size) !important; height: var(--check-size) !important; border: 2px solid var(--color-extra-light-gray) !important; border-radius: 5px !important; appearance: none !important; -webkit-appearance: none; -moz-appearance: none; background-color: var(--color-white) !important; cursor: pointer; position: relative; padding: 0 !important; } input[type="checkbox"]:checked { background-color: var(--color-white) !important; } input[type="checkbox"]:checked::after { content: "」"; transform: rotate(45deg) !important; top: 0; left: 6px; display: block; color: var(--secondary-green); position: absolute; font-size: var(--icon-size-sm); font-weight: var(--font-weight-bold); } /* focus state for form elements */ input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type=reset]:focus, input[type="tel"]:focus, input[type=date]:focus, select:focus, textarea:focus { border-width: 2px !important; border-style: solid !important; border-color: var(--primary-green) !important; outline: none; } /* disabled state for form elements */ input:disabled, select:disabled, textarea:disabled, input[type="radio"]:disabled, input[type="checkbox"]:disabled { background-color: var(--color-text-light-grey); color: var(--color-text-medium-grey) !important; cursor: not-allowed; box-shadow: none; } /* button disabled state */ button:disabled:not(.menu-toggle):not(.ast-menu-toggle):not(.search-submit), .al4as-submit-btn:disabled, .al4as-newsletter-subscribe-button button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled { background-color: var(--button-disabled-bg) !important; color: var(--button-disabled-color) !important; border-color: var(--button-disabled-border-color) !important; cursor: not-allowed !important; } /* BUTTONS */ input.adminbar-button, input[type="submit"].adminbar-button, .ast-header-search .search-submit.ast-search-submit, .ast-search-menu-icon .search-form button.search-submit { min-width: 0 !important; min-height: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: inherit !important; font: inherit !important; line-height: inherit !important; transform: none !important; } .ast-header-search .search-submit.ast-search-submit, .ast-search-menu-icon .search-form button.search-submit { color: var(--primary-green) !important; } .wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button, .eael-post-elements-readmore-btn, .elementor-widget-button .elementor-button, .al4as-button .elementor-button, .al4as-button-white .elementor-button, .al4as-button-out .elementor-button, .al4as-button-out-white .elementor-button, .al4as-search-btn, .al4as-back-btn, .al4as-newsletter-subscribe-button button, #loginform #wp-submit, .al4as-filter-clear, #custom-profile-edit-form .wp-generate-pw, #custom-profile-edit-form #update_profile, .al4as-submit-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: var(--button-gap) !important; height: var(--button-height-md) !important; padding: 0 var(--button-padding-x-md) !important; border: var(--button-border-width) solid var(--button-border-color) !important; border-radius: var(--radius-pill) !important; background-color: var(--button-bg) !important; color: var(--button-color) !important; font-family: var(--font-family-body) !important; font-size: var(--button-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; box-sizing: border-box; cursor: pointer !important; transition: var(--button-transition) !important; } .uc_more_btn, .al4as-filter-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: var(--button-gap) !important; height: var(--button-height-sm) !important; padding: 0 var(--button-padding-x-sm) !important; border: var(--button-border-width) solid var(--button-border-color) !important; border-radius: var(--radius-pill) !important; background-color: var(--button-bg) !important; color: var(--button-color) !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-xs) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; box-sizing: border-box; cursor: pointer !important; transition: var(--button-transition) !important; } .elementor-widget-button .elementor-button .elementor-button-content-wrapper { display: inline-flex; align-items: center; line-height: inherit; } .elementor-widget-button .elementor-button .elementor-button-text, .al4as-button .elementor-button .elementor-button-text, .al4as-button-white .elementor-button .elementor-button-text, .al4as-button-out .elementor-button .elementor-button-text, .al4as-button-out-white .elementor-button .elementor-button-text, .eael-post-elements-readmore-btn { font-size: var(--button-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; } .al4as-button, .al4as-button-white, .al4as-button-out, .al4as-button-out-white, .eael-post-elements-readmore-btn, .wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button { margin-top: var(--button-margin-top); } .al4as-button-no-margin { margin-top: 0 !important; } .al4as-button .elementor-button, .al4as-button-out .elementor-button { color: var(--button-color) !important; } .al4as-button-white .elementor-button, .al4as-button-out-white .elementor-button, .al4as-search-btn { color: var(--color-white) !important; } .al4as-button .elementor-button, .al4as-button-white .elementor-button, .al4as-button-out .elementor-button, .al4as-button-out-white .elementor-button, .uc_more_btn, .eael-post-elements-readmore-btn { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 100%; } .al4as-search-btn { width: var(--button-width-wide); min-width: var(--button-width-wide); flex: 0 0 var(--button-width-wide); } .wp-block-button .wp-block-button__link::after, .uc_more_btn::after, .eael-post-elements-readmore-btn::after, .al4as-button .elementor-button::after, .al4as-button-white .elementor-button::after { content: '\e06c'; font-family: var(--font-family-icon); font-size: var(--icon-size-md); font-weight: var(--font-weight-regular); line-height: var(--line-button); color: var(--primary-green) !important; display: inline-block; margin-left: 0 !important; flex: 0 0 auto; transition: transform 0.3s ease-in-out; } .al4as-button-out .elementor-button::after, .al4as-button-out-white .elementor-button::after, .al4as-search-btn::after, .al4as-back-btn::after { font-family: var(--font-family-icon); font-size: var(--icon-size-md); font-weight: var(--font-weight-regular); line-height: var(--line-button); color: var(--primary-green) !important; display: inline-block; margin-left: 0 !important; flex: 0 0 auto; transition: transform 0.3s ease-in-out; } .al4as-button-out .elementor-button::after, .al4as-button-out-white .elementor-button::after { content: '\e092'; } .al4as-search-btn::after { content: '\e30c'; } .al4as-back-btn::after { content: '\e058'; } .wp-block-button .wp-block-button__link:not(:disabled):hover, .wp-block-button .wp-block-button__link:visited:not(:disabled):hover, .wp-block-search .wp-block-search__button:not(:disabled):hover, body .wp-block-file .wp-block-file__button:not(:disabled):hover, .elementor-widget-button .elementor-button:not(:disabled):hover, .elementor-widget-button .elementor-button:visited:not(:disabled):hover, .al4as-button .elementor-button:not(:disabled):hover, .al4as-button-white .elementor-button:not(:disabled):hover, .al4as-button-out .elementor-button:not(:disabled):hover, .al4as-button-out-white .elementor-button:not(:disabled):hover, .uc_more_btn:not(:disabled):hover, .eael-post-elements-readmore-btn:not(:disabled):hover, .al4as-filter-btn:not(.active):not(:disabled):hover, .al4as-search-btn:not(:disabled):hover, .al4as-back-btn:not(:disabled):hover, .al4as-newsletter-subscribe-button button:not(:disabled):hover, #loginform #wp-submit:not(:disabled):hover, .al4as-filter-clear:not(:disabled):hover, #custom-profile-edit-form .wp-generate-pw:not(:disabled):hover, #custom-profile-edit-form #update_profile:not(:disabled):hover, .al4as-submit-btn:not(:disabled):hover { color: var(--button-hover-color) !important; background-color: var(--button-hover-bg) !important; border-color: var(--button-hover-bg) !important; text-decoration: none !important; } .wp-block-button .wp-block-button__link:not(:disabled):hover::after, .uc_more_btn:not(:disabled):hover::after, .eael-post-elements-readmore-btn:not(:disabled):hover::after, .al4as-button .elementor-button:not(:disabled):hover::after, .al4as-button-white .elementor-button:not(:disabled):hover::after, .al4as-button-out .elementor-button:not(:disabled):hover::after, .al4as-button-out-white .elementor-button:not(:disabled):hover::after, .al4as-search-btn:not(:disabled):hover::after, .al4as-back-btn:not(:disabled):hover::after { transform: translateX(var(--interactive-arrow-shift)); color: var(--button-hover-color) !important; } .wp-block-button .wp-block-button__link:focus, .wp-block-search .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:focus, .elementor-widget-button .elementor-button:focus, .al4as-button .elementor-button:focus, .al4as-button-white .elementor-button:focus, .al4as-button-out .elementor-button:focus, .al4as-button-out-white .elementor-button:focus, .uc_more_btn:focus, .eael-post-elements-readmore-btn:focus, .al4as-filter-btn:focus, .al4as-search-btn:focus, .al4as-back-btn:focus, .al4as-newsletter-subscribe-button button:focus, #loginform #wp-submit:focus, .al4as-filter-clear:focus, #custom-profile-edit-form .wp-generate-pw:focus, #custom-profile-edit-form #update_profile:focus, .al4as-submit-btn:focus { outline: var(--focus-outline-width) solid var(--button-hover-color) !important; outline-offset: var(--focus-outline-offset) !important; color: var(--button-hover-color) !important; background-color: var(--button-hover-bg) !important; border-color: var(--button-hover-bg) !important; } .wp-block-button .wp-block-button__link:focus::after, .al4as-button .elementor-button:focus::after, .al4as-button-white .elementor-button:focus::after, .al4as-button-out .elementor-button:focus::after, .al4as-button-out-white .elementor-button:focus::after, .uc_more_btn:focus::after, .eael-post-elements-readmore-btn:focus::after, .al4as-search-btn:focus::after, .al4as-back-btn:focus::after { color: var(--button-hover-color) !important; transform: translateX(var(--interactive-arrow-shift)) !important; } .wp-block-button .wp-block-button__link:active, .wp-block-search .wp-block-search__button:active, body .wp-block-file .wp-block-file__button:active, .elementor-widget-button .elementor-button:active, .al4as-button .elementor-button:active, .al4as-button-white .elementor-button:active, .al4as-button-out .elementor-button:active, .al4as-button-out-white .elementor-button:active, .uc_more_btn:active, .eael-post-elements-readmore-btn:active, .al4as-filter-btn:active, .al4as-search-btn:active, .al4as-back-btn:active, .al4as-newsletter-subscribe-button button:active, #loginform #wp-submit:active, .al4as-filter-clear:active, #custom-profile-edit-form .wp-generate-pw:active, #custom-profile-edit-form #update_profile:active, .al4as-submit-btn:active { transform: scale(var(--interactive-active-scale)); color: var(--button-hover-color) !important; background-color: var(--button-hover-bg) !important; border-color: var(--button-hover-bg) !important; } .wp-block-button .wp-block-button__link:active::after, .al4as-button .elementor-button:active::after, .al4as-button-white .elementor-button:active::after, .al4as-button-out .elementor-button:active::after, .al4as-button-out-white .elementor-button:active::after, .uc_more_btn:active::after, .eael-post-elements-readmore-btn:active::after, .al4as-search-btn:active::after, .al4as-back-btn:active::after { color: var(--button-hover-color) !important; transform: translateX(calc(var(--interactive-arrow-shift) + 2px)) !important; } .wp-block-button .wp-block-button__link:disabled, .elementor-widget-button .elementor-button:disabled, .al4as-button .elementor-button:disabled, .al4as-button-white .elementor-button:disabled, .al4as-button-out .elementor-button:disabled, .al4as-button-out-white .elementor-button:disabled, .uc_more_btn:disabled, .eael-post-elements-readmore-btn:disabled, .al4as-filter-btn:disabled, .al4as-filter-btn.disabled, .al4as-search-btn:disabled, .al4as-back-btn:disabled, .al4as-newsletter-subscribe-button button:disabled, #loginform #wp-submit:disabled, #custom-profile-edit-form .wp-generate-pw:disabled, #custom-profile-edit-form #update_profile:disabled, .al4as-submit-btn:disabled, .wp-block-button .wp-block-button__link:disabled:hover, .elementor-widget-button .elementor-button:disabled:hover, .uc_more_btn:disabled:hover, .eael-post-elements-readmore-btn:disabled:hover, .al4as-filter-btn:disabled:hover, .al4as-filter-btn.disabled:hover, .al4as-search-btn:disabled:hover, .al4as-back-btn:disabled:hover, .al4as-newsletter-subscribe-button button:disabled:hover, #loginform #wp-submit:disabled:hover, #custom-profile-edit-form .wp-generate-pw:disabled:hover, #custom-profile-edit-form #update_profile:disabled:hover, .al4as-submit-btn:disabled:hover, .wp-block-button .wp-block-button__link:disabled:focus, .elementor-widget-button .elementor-button:disabled:focus, .uc_more_btn:disabled:focus, .eael-post-elements-readmore-btn:disabled:focus, .al4as-filter-btn:disabled:focus, .al4as-filter-btn.disabled:focus, .al4as-search-btn:disabled:focus, .al4as-back-btn:disabled:focus, .al4as-newsletter-subscribe-button button:disabled:focus, #loginform #wp-submit:disabled:focus, #custom-profile-edit-form .wp-generate-pw:disabled:focus, #custom-profile-edit-form #update_profile:disabled:focus, .al4as-submit-btn:disabled:focus, .wp-block-button .wp-block-button__link:disabled:active, .elementor-widget-button .elementor-button:disabled:active, .uc_more_btn:disabled:active, .eael-post-elements-readmore-btn:disabled:active, .al4as-filter-btn:disabled:active, .al4as-filter-btn.disabled:active, .al4as-search-btn:disabled:active, .al4as-back-btn:disabled:active, .al4as-newsletter-subscribe-button button:disabled:active, #loginform #wp-submit:disabled:active, #custom-profile-edit-form .wp-generate-pw:disabled:active, #custom-profile-edit-form #update_profile:disabled:active, .al4as-submit-btn:disabled:active { background-color: var(--button-disabled-bg) !important; color: var(--button-disabled-color) !important; border-color: var(--button-disabled-border-color) !important; opacity: var(--button-disabled-opacity); cursor: not-allowed !important; transform: none !important; } .wp-block-button .wp-block-button__link:disabled::after, .al4as-button .elementor-button:disabled::after, .al4as-button-white .elementor-button:disabled::after, .al4as-button-out .elementor-button:disabled::after, .al4as-button-out-white .elementor-button:disabled::after, .uc_more_btn:disabled::after, .eael-post-elements-readmore-btn:disabled::after, .al4as-search-btn:disabled::after, .al4as-back-btn:disabled::after { color: var(--button-disabled-color) !important; transform: none !important; opacity: var(--button-disabled-opacity); } @media (max-width: 921px) { .wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button, .eael-post-elements-readmore-btn, .elementor-widget-button .elementor-button, .al4as-button .elementor-button, .al4as-button-white .elementor-button, .al4as-button-out .elementor-button, .al4as-button-out-white .elementor-button, .al4as-search-btn, .al4as-back-btn, .al4as-newsletter-subscribe-button button, #loginform #wp-submit, .al4as-filter-clear, #custom-profile-edit-form .wp-generate-pw, #custom-profile-edit-form #update_profile, .al4as-submit-btn { padding: 0 var(--button-padding-x-lg-mobile) !important; } .uc_more_btn, .al4as-filter-btn { height: var(--button-height-sm) !important; padding: 0 var(--button-padding-x-sm) !important; } } @media (max-width: 544px) { .wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button, .eael-post-elements-readmore-btn, .elementor-widget-button .elementor-button, .al4as-button .elementor-button, .al4as-button-white .elementor-button, .al4as-button-out .elementor-button, .al4as-button-out-white .elementor-button, .al4as-search-btn, .al4as-back-btn, .al4as-newsletter-subscribe-button button, #loginform #wp-submit, .al4as-filter-clear, #custom-profile-edit-form .wp-generate-pw, #custom-profile-edit-form #update_profile, .al4as-submit-btn { height: var(--button-height-lg-mobile) !important; padding: 0 var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; line-height: var(--line-button) !important; } .elementor-widget-button .elementor-button .elementor-button-text, .al4as-button .elementor-button .elementor-button-text, .al4as-button-white .elementor-button .elementor-button-text, .al4as-button-out .elementor-button .elementor-button-text, .al4as-button-out-white .elementor-button .elementor-button-text, .eael-post-elements-readmore-btn { font-size: var(--button-font-size-mobile) !important; line-height: var(--line-button) !important; } .uc_more_btn, .al4as-filter-btn { height: 36px !important; padding: 0 var(--space-16) !important; font-size: var(--font-caption) !important; } .al4as-search-btn, .al4as-submit-btn, .al4as-newsletter-subscribe-button button { width: 100% !important; min-width: 0 !important; flex: 0 0 auto; } } /* ICONS */ .ahfb-svg-iconset svg { width: var(--icon-size-md) !important; height: var(--icon-size-md) !important; color: var(--secondary-green) !important; fill: var(--secondary-green) !important; } .ahfb-svg-iconset svg:hover { color: var(--primary-green) !important; fill: var(--primary-green) !important; transition: color 0.3s ease-in-out, fill 0.3s ease-in-out; } .ast-icon.icon-arrow svg { height: .8em; width: .8em; position: relative; margin-left: 6px; top: 1px; } .ast-icon.icon-arrow svg:hover { color: var(--primary-green) !important; fill: var(--primary-green) !important; transition: color 0.3s ease-in-out, fill 0.3s ease-in-out; } /* SECTIONS & CONTAINERS */ /* Elementor container gaps */ .al4as-section, .al4as-section-fullwidth, .al4as-section-fullwidth-no-text, .al4as-section-fullwidth-no-margin, .al4as-section-no-padding, .al4as-section-title { --gap: 0 !important; --row-gap: 0 !important; --column-gap: 0 !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .al4as-gap-grid-default { --gap: var(--elementor-section-gap) !important; gap: var(--elementor-section-gap) !important; } @media (max-width: 544px) { .al4as-home-thematic-grid, .al4as-about-thematic-grid, .al4as-external-card-grid { --gap: var(--space-48) !important; gap: var(--space-48) !important; } .al4as-supporters-grid, .al4as-research-impact-grid { --gap: var(--space-24) !important; gap: var(--space-24) !important; } } .al4as-gap-grid, .al4as-gap-grid > .e-con-inner, .al4as-gap-grid > .elementor-element.e-con.e-child { --gap: var(--elementor-section-gap) !important; --row-gap: var(--elementor-section-gap) !important; --column-gap: var(--elementor-section-gap) !important; gap: var(--elementor-section-gap) !important; row-gap: var(--elementor-section-gap) !important; column-gap: var(--elementor-section-gap) !important; } .al4as-gap-card, .al4as-gap-card > .e-con-inner, .al4as-gap-card > .elementor-element.e-con.e-child { --gap: var(--elementor-child-gap) !important; --row-gap: var(--elementor-child-gap) !important; --column-gap: var(--elementor-child-gap) !important; gap: var(--elementor-child-gap) !important; row-gap: var(--elementor-child-gap) !important; column-gap: var(--elementor-child-gap) !important; } .al4as-gap-cluster, .al4as-gap-cluster > .e-con-inner, .al4as-gap-cluster > .elementor-element.e-con.e-child { --gap: var(--elementor-cluster-gap) !important; --row-gap: var(--elementor-cluster-gap) !important; --column-gap: var(--elementor-cluster-gap) !important; gap: var(--elementor-cluster-gap) !important; row-gap: var(--elementor-cluster-gap) !important; column-gap: var(--elementor-cluster-gap) !important; } .al4as-gap-none, .al4as-gap-none > .e-con-inner, .al4as-gap-none > .elementor-element.e-con.e-child { --gap: 0 !important; --row-gap: 0 !important; --column-gap: 0 !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } .al4as-section { margin: var(--section-y-start) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter) !important; max-width: 100% !important; } .al4as-section-fullwidth { margin: 0 !important; padding: var(--section-y-start) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; max-width: 100% !important; } .al4as-section-fullwidth-no-text { margin: 0 !important; padding: var(--section-y-end) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; max-width: 100% !important; } .al4as-section-fullwidth-no-margin { margin: 0 !important; padding: 0 !important; max-width: 100% !important; } .al4as-section-no-padding { margin: var(--section-y-start) 0 var(--section-y-end) 0 !important; padding: 0 0 !important; max-width: 100% !important; } .al4as-section-title { margin: 0 0 0 0 !important; padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; max-width: 100% !important; background-image: url('https://wpdev.dce.pt/al4as/wp-content/themes/astra-child/assets/img/background-banner-green.png'); background-size: 40%; background-position: calc(100% + 20%) center; background-repeat: no-repeat; } @media (min-width: 1441px) { :root { --page-gutter: var(--page-gutter-wide); } .al4as-section { padding: 0 var(--page-gutter) !important; } .al4as-section-fullwidth { padding: var(--section-y-start) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; } .al4as-section-fullwidth-no-text { padding: var(--section-y-end) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; } .al4as-section-title { padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; background-position: calc(100% + 10%) center; } } @media (min-width: 922px) { .ast-container { max-width: 100% !important; } } @media (max-width: 1320px) { .al4as-section-title { background-size: 35%; background-position: calc(100% + 25%) center; } } @media (max-width: 921px) { .al4as-section { margin: var(--section-y-start) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter) !important; } .al4as-section-fullwidth { margin: 0 !important; padding: var(--section-y-start) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; } .al4as-section-fullwidth-no-text { margin: 0 !important; padding: var(--section-y-end) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; } .al4as-section-no-padding { margin: var(--section-y-start) 0 var(--section-y-end) 0 !important; padding: 0 0 !important; } .al4as-section-title { margin: 0 0 0 0 !important; padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; background-size: 45% !important; background-position: calc(100% + 40%) center; } } @media (max-width: 544px) { .al4as-section { margin: var(--section-y-start) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter) !important; } .al4as-section-fullwidth { margin: 0 !important; padding: var(--section-y-start) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; } .al4as-section-fullwidth-no-text { margin: 0 !important; padding: var(--section-y-end) var(--page-gutter) var(--section-y-end) var(--page-gutter) !important; } .al4as-section-no-padding { margin: var(--section-y-start) 0 var(--section-y-end) 0 !important; padding: 0 0 !important; } .al4as-section-title { margin: 0 0 0 0 !important; padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; background-size: 40% !important; background-position: calc(100% + 35%) center; } } /* HEADER */ #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper { padding-left: var(--page-gutter-desktop) !important; padding-right: var(--page-gutter-desktop) !important; } @media (max-width: 921px) { #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper { padding-left: var(--page-gutter-tablet) !important; padding-right: var(--page-gutter-tablet) !important; } .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar { padding-left: var(--page-gutter-tablet); padding-right: var(--page-gutter-tablet); } } @media (max-width: 544px) { #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper { padding-left: var(--page-gutter-mobile) !important; padding-right: var(--page-gutter-mobile) !important; } .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar { padding-left: var(--page-gutter-mobile); padding-right: var(--page-gutter-mobile); } } /* MENU Sections: - Shared navigation - Desktop menu - Custom hamburger menu (922px-1280px) - Astra mobile hamburger menu (max-width: 921px) */ /* MENU - shared navigation */ .ast-icon.icon-search svg { display: block; height: var(--icon-size-md); width: var(--icon-size-md); margin: 0; color: var(--secondary-green) !important; fill: var(--secondary-green) !important; } .ast-icon.icon-search svg:hover { color: var(--primary-green) !important; fill: var(--primary-green) !important; transition: color 0.3s ease-in-out, fill 0.3s ease-in-out; } .ast-builder-menu-1 .menu-item > .menu-link, .ast-builder-menu-2 .menu-item > .menu-link { font-size: var(--menu-font-size-desktop) !important; font-weight: var(--font-weight-medium); } .ast-builder-menu-2 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-2 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper { margin-top: 25px !important; } .ast-header-break-point .ast-nav-menu .sub-menu { line-height: var(--line-body) !important; } .main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type, .ast-header-navigation-arrow { display: none !important; } .main-header-menu .menu-link, .main-header-menu>a { padding: 0 var(--space-16); } .ast-desktop .main-header-menu { flex-wrap: nowrap !important; } .ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link { white-space: nowrap !important; } [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal { background: transparent !important; position: relative; right: -16px !important; bottom: 4px !important; } /* MENU - custom hamburger trigger base */ .al4as-responsive-menu-toggle { display: none !important; align-items: center; justify-content: center; padding: 0 !important; border: thin var(--menu-toggle-focus-style) transparent !important; border-radius: var(--radius-sm) !important; background: transparent !important; color: var(--secondary-green) !important; box-shadow: none !important; cursor: pointer; font-weight: var(--font-weight-regular); line-height: 1.8571428571; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .al4as-responsive-menu-toggle svg { display: block; width: var(--icon-size-md); height: var(--icon-size-md); margin: 0; fill: currentColor; } .al4as-responsive-menu-toggle:hover, .al4as-responsive-menu-toggle:focus { color: var(--primary-green) !important; background: transparent !important; box-shadow: none !important; } .al4as-responsive-menu-toggle:focus { border-color: var(--primary-green) !important; border-style: var(--menu-toggle-focus-style) !important; outline-color: var(--primary-green) !important; outline-style: none !important; outline-width: 0 !important; } .al4as-responsive-menu-toggle:active { border-color: var(--primary-green) !important; border-style: var(--menu-toggle-focus-style) !important; outline-color: var(--primary-green) !important; outline-style: none !important; outline-width: 0 !important; background: transparent !important; border-radius: var(--radius-sm) !important; } .al4as-responsive-menu-toggle .al4as-responsive-menu-toggle-close { display: none; } .al4as-responsive-menu-toggle.is-open .al4as-responsive-menu-toggle-open { display: none; } .al4as-responsive-menu-toggle.is-open .al4as-responsive-menu-toggle-close { display: block; } .al4as-responsive-menu-panel { display: none; } /* MENU - desktop */ .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item { line-height: 2 !important; } .site-header-section>* { padding: var(--space-8) !important; } @media (min-width: 922px) { .site-header-section { height: var(--header-height-desktop); } #ast-desktop-header .site-header-primary-section-right { display: flex; align-items: center; justify-content: flex-end; gap: var(--header-action-gap-tablet); } #ast-desktop-header .site-header-primary-section-right .ast-header-search, #ast-desktop-header .site-header-primary-section-right .ast-builder-menu-2, #ast-desktop-header .site-header-primary-section-right .menu-item-user-menu { padding: 0 !important; margin: 0 !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon, #ast-desktop-header .site-header-primary-section-right .menu-item-user-menu > .menu-link { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: var(--header-action-size) !important; min-width: var(--header-action-size) !important; height: var(--header-action-size) !important; min-height: var(--header-action-size) !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon > .ast-icon, #ast-desktop-header .site-header-primary-section-right .menu-item-user-menu > .menu-link .ahfb-svg-iconset { display: flex; align-items: center; justify-content: center; line-height: 0; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon > .ast-icon svg, #ast-desktop-header .site-header-primary-section-right .menu-item-user-menu > .menu-link .ahfb-svg-iconset svg { display: block; margin: 0 !important; position: static; transform: none; position: relative !important; top: 1px !important; } .ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle { color: var(--primary-green) !important; } .ast-desktop .main-header-menu .sub-menu { padding: var(--space-8) 0 !important; } .ast-desktop .main-header-menu .sub-menu .menu-link { margin: 0 !important; padding-left: var(--menu-submenu-link-padding-x) !important; padding-right: var(--menu-submenu-link-padding-x) !important; width: 100% !important; } .ast-desktop .main-header-menu .sub-menu .menu-link:hover, .ast-desktop .main-header-menu .sub-menu .menu-link:focus, .ast-desktop .main-header-menu .sub-menu .menu-item:hover > .menu-link { background-color: var(--primary-green) !important; color: var(--color-icon-hover) !important; } .ast-desktop .main-header-menu .sub-menu .menu-link:hover *, .ast-desktop .main-header-menu .sub-menu .menu-link:focus *, .ast-desktop .main-header-menu .sub-menu .menu-item:hover > .menu-link * { color: var(--color-icon-hover) !important; fill: var(--color-icon-hover) !important; } .ast-desktop .main-header-menu .sub-menu .current-menu-item > .menu-link, .ast-desktop .main-header-menu .sub-menu .current-menu-parent > .menu-link, .ast-desktop .main-header-menu .sub-menu .current-menu-ancestor > .menu-link { background-color: var(--secondary-green) !important; color: var(--color-white) !important; } .ast-desktop .main-header-menu .sub-menu .current-menu-item > .menu-link *, .ast-desktop .main-header-menu .sub-menu .current-menu-parent > .menu-link *, .ast-desktop .main-header-menu .sub-menu .current-menu-ancestor > .menu-link * { color: var(--color-white) !important; fill: var(--color-white) !important; } .main-header-bar .main-header-bar-navigation { height: 100%; max-height: var(--header-height-desktop); } .menu-item-user-menu a { padding-left: 0 !important; } body.logged-out .menu-item-login a { padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; position: relative; top: 3px; } .site-header-primary-section-right .menu-item-user-menu { margin-left: 0 !important; } .site-header-primary-section-right .menu-item-user-menu > .menu-link { padding-right: 0 !important; padding-left: 0 !important; } } /* MENU - desktop compact */ @media (min-width: 1281px) and (max-width: 1320px) { #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper { padding-left: var(--header-gutter-compact) !important; padding-right: var(--header-gutter-compact) !important; } .ast-builder-menu-1 .menu-item > .menu-link, .ast-builder-menu-2 .menu-item > .menu-link { font-size: var(--menu-font-size-compact) !important; } .ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link { padding-left: var(--menu-link-padding-x-compact) !important; padding-right: var(--menu-link-padding-x-compact) !important; } } /* MENU - desktop keyboard state */ @media (min-width: 1281px) { #ast-desktop-header .main-header-menu > .menu-item.al4as-desktop-submenu-open > .sub-menu { display: block !important; top: 100% !important; left: auto !important; right: auto; opacity: 1 !important; visibility: visible !important; pointer-events: auto; transform: none !important; } #ast-desktop-header .main-header-menu .sub-menu .menu-item.al4as-desktop-submenu-open > .sub-menu { display: block !important; top: 0 !important; left: 100% !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto; transform: none !important; } } /* MENU - custom hamburger menu (922px-1280px) */ @media (min-width: 922px) and (max-width: 1280px) { #ast-desktop-header { display: block !important; position: relative; z-index: 10000; } #ast-mobile-header { display: none !important; } #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper { padding-left: var(--page-gutter-tablet) !important; padding-right: var(--page-gutter-tablet) !important; } #ast-desktop-header .ast-builder-menu-1 { display: none !important; } #ast-desktop-header .site-header-primary-section-right { display: flex; align-items: center; justify-content: flex-end; gap: var(--header-action-gap-tablet) !important; } #ast-desktop-header .site-header-primary-section-right > * { padding: 0 !important; margin: 0 !important; } #ast-desktop-header .site-header-primary-section-right .ast-header-search, #ast-desktop-header .site-header-primary-section-right .ast-builder-menu-2 { padding: 0 !important; margin: 0 !important; } #ast-desktop-header .site-header-primary-section-right .ast-builder-menu-2 { display: none !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon { display: flex !important; align-items: center; justify-content: center; width: var(--header-action-size) !important; min-width: var(--header-action-size) !important; height: var(--header-action-size) !important; min-height: var(--header-action-size) !important; padding: 0 !important; margin: 0 !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active { width: calc(100vw - (var(--page-gutter-tablet) * 2) - 220px) !important; max-width: var(--search-menu-width) !important; min-width: 0 !important; width: min(var(--search-menu-width), calc(100vw - (var(--page-gutter-tablet) * 2) - 220px)) !important; min-width: min(var(--search-menu-width), calc(100vw - (var(--page-gutter-tablet) * 2) - 220px)) !important; } /* Custom hamburger search */ #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active .search-form { position: relative !important; display: flex !important; align-items: center; width: 100% !important; top: 26px !important; right: -12px !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active .search-form label { width: 100% !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active input[type="search"] { width: 100% !important; padding-right: var(--space-48) !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active .search-form button.search-submit { position: absolute !important; top: 50% !important; right: var(--space-16) !important; display: flex !important; align-items: center; justify-content: center; width: var(--icon-size-md) !important; min-width: var(--icon-size-md) !important; height: var(--icon-size-md) !important; min-height: var(--icon-size-md) !important; padding: 0 !important; margin: 0 !important; transform: translateY(-50%) !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active .search-form button.search-submit svg { width: var(--icon-size-md) !important; height: var(--icon-size-md) !important; } #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active > .ast-icon, #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active > .ahfb-svg-iconset, #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active > .ast-search-icon, #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active > a, #ast-desktop-header .site-header-primary-section-right .ast-search-menu-icon.ast-dropdown-active > .search-submit { display: none !important; } /* Custom hamburger trigger */ #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: var(--header-action-size) !important; min-width: var(--header-action-size) !important; height: var(--header-action-size) !important; min-height: var(--header-action-size) !important; padding: 0 !important; margin: 0 !important; border-radius: var(--radius-sm) !important; position: static; } #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle svg { display: block; width: 26px !important; height: 26px !important; margin: 0 !important; position: static; transform: none; } #ast-desktop-header .site-header-primary-section-right .ast-icon.icon-search svg, #ast-desktop-header .site-header-primary-section-right .ahfb-svg-iconset svg { width: var(--icon-size-md) !important; height: var(--icon-size-md) !important; } .al4as-responsive-menu-toggle { display: inline-flex !important; } body.home #ast-desktop-header .site-header-primary-section-right .ast-icon.icon-search svg { color: var(--color-white) !important; fill: var(--color-white) !important; } body.home #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle, body.home #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle:hover, body.home #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle:focus, body.home #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle:active, body.home #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle.is-open { color: var(--secondary-green) !important; background: transparent !important; } body.home #ast-desktop-header .site-header-primary-section-right .al4as-responsive-menu-toggle svg { color: var(--color-white) !important; fill: currentColor !important; } #ast-desktop-header .site-header-primary-section-right .menu-link { white-space: normal !important; } /* Custom hamburger panel */ .al4as-responsive-menu-panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 10001; display: none; background-color: var(--background-light) !important; box-shadow: var(--shadow-floating-panel); font-size: var(--font-body-sm) !important; } .al4as-responsive-menu-panel.is-open { display: block; } .al4as-responsive-menu-panel .main-header-menu, .al4as-responsive-menu-panel .sub-menu { display: block; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none; } .al4as-responsive-menu-panel .main-header-menu { background-color: var(--background-light) !important; } #ast-desktop-header .al4as-responsive-menu-panel .sub-menu { display: none; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; float: none !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; box-shadow: none !important; background-color: var(--menu-native-submenu-bg) !important; } #ast-desktop-header .al4as-responsive-menu-panel .menu-item.is-open > .sub-menu, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.ast-submenu-expanded > .sub-menu { display: block; } .al4as-responsive-menu-panel .menu-item-user-menu { display: list-item !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item { position: relative; border-bottom: 0 !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item:last-child { border-bottom: 4px solid var(--secondary-green) !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item > .menu-link { display: flex; align-items: center; box-sizing: border-box; min-height: var(--menu-native-item-height-tablet); padding-top: var(--space-8) !important; padding-right: var(--page-gutter-tablet) !important; padding-bottom: var(--space-8) !important; padding-left: var(--page-gutter-tablet) !important; background-color: var(--background-light) !important; color: var(--color-text-menu) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-medium) !important; line-height: var(--line-body) !important; text-transform: uppercase !important; border-bottom: 1px solid var(--color-white) !important; } .al4as-responsive-menu-panel .menu-item-has-children { position: relative; } .al4as-responsive-menu-panel .main-header-menu > .menu-item.menu-item-has-children > .menu-link { padding-right: calc(var(--page-gutter-tablet) + var(--menu-native-toggle-size)) !important; } .al4as-responsive-menu-panel .menu-item-has-children > .ast-menu-toggle { position: absolute; display: flex !important; align-items: center; justify-content: center; top: 4px !important; right: calc(var(--page-gutter-tablet) - var(--space-8)) !important; width: var(--menu-native-toggle-size) !important; min-width: var(--menu-native-toggle-size) !important; height: var(--menu-native-toggle-size) !important; min-height: var(--menu-native-toggle-size) !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--color-text-menu) !important; opacity: 1 !important; visibility: visible !important; z-index: 2; cursor: pointer; } .al4as-responsive-menu-panel .ast-menu-toggle .ast-icon.icon-arrow { display: flex; opacity: 1 !important; visibility: visible !important; transition: transform 0.2s ease-in-out; } .al4as-responsive-menu-panel .ast-icon.icon-arrow svg { display: block !important; width: var(--menu-native-arrow-size) !important; height: var(--menu-native-arrow-size) !important; margin: 0 !important; color: currentColor !important; fill: currentColor !important; opacity: 1 !important; visibility: visible !important; } .al4as-responsive-menu-panel .menu-item.is-open > .ast-menu-toggle .ast-icon.icon-arrow, .al4as-responsive-menu-panel .menu-item.ast-submenu-expanded > .ast-menu-toggle .ast-icon.icon-arrow { transform: rotate(180deg); } .al4as-responsive-menu-panel .sub-menu > .menu-item { border-bottom: 0 !important; } .al4as-responsive-menu-panel .sub-menu .menu-item .menu-link { display: flex; align-items: center; box-sizing: border-box; min-height: var(--menu-native-submenu-height-tablet); padding-left: var(--space-64) !important; padding-top: var(--menu-native-submenu-padding-y) !important; padding-right: var(--page-gutter-tablet) !important; padding-bottom: var(--menu-native-submenu-padding-y) !important; background-color: var(--menu-native-submenu-bg) !important; color: var(--color-text-menu) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-medium) !important; line-height: var(--line-body) !important; text-transform: uppercase !important; border-bottom: 1px solid var(--color-white) !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item:last-child:not(.is-open):not(.ast-submenu-expanded) > .menu-link, .al4as-responsive-menu-panel .main-header-menu > .menu-item:last-child.is-open > .sub-menu > .menu-item:last-child > .menu-link, .al4as-responsive-menu-panel .main-header-menu > .menu-item:last-child.ast-submenu-expanded > .sub-menu > .menu-item:last-child > .menu-link { border-bottom: 0 !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item:not(.is-open):not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):focus-within > .menu-link, .al4as-responsive-menu-panel .sub-menu .menu-item:not(.current-menu-item):focus-within > .menu-link { background-color: var(--menu-native-hover-bg) !important; color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; outline: 0 !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item:not(.is-open):not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):focus-within > .ast-menu-toggle { background-color: var(--menu-native-hover-bg) !important; color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; outline: 0 !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item:not(.is-open):not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):focus-within > .ast-menu-toggle .ast-icon.icon-arrow svg { color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item.is-open > .menu-link, .al4as-responsive-menu-panel .main-header-menu > .menu-item.ast-submenu-expanded > .menu-link, .al4as-responsive-menu-panel .main-header-menu > .menu-item.current-menu-item > .menu-link, .al4as-responsive-menu-panel .main-header-menu > .menu-item.current-menu-ancestor > .menu-link, .al4as-responsive-menu-panel .main-header-menu > .menu-item.current-menu-parent > .menu-link, .al4as-responsive-menu-panel .sub-menu .menu-item.current-menu-item > .menu-link { background-color: var(--menu-native-active-bg) !important; color: var(--menu-native-active-color) !important; fill: var(--menu-native-active-color) !important; outline: 0 !important; } #ast-desktop-header .al4as-responsive-menu-panel .menu-item.is-open > .ast-menu-toggle, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.ast-submenu-expanded > .ast-menu-toggle, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.current-menu-item > .ast-menu-toggle, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.current-menu-parent > .ast-menu-toggle { color: var(--menu-native-active-color) !important; fill: var(--menu-native-active-color) !important; background-color: var(--menu-native-active-bg) !important; outline: 0 !important; } #ast-desktop-header .al4as-responsive-menu-panel .menu-item.is-open > .ast-menu-toggle svg, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.ast-submenu-expanded > .ast-menu-toggle svg, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.current-menu-item > .ast-menu-toggle svg, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.current-menu-ancestor > .ast-menu-toggle svg, #ast-desktop-header .al4as-responsive-menu-panel .menu-item.current-menu-parent > .ast-menu-toggle svg { color: var(--menu-native-active-color) !important; fill: var(--menu-native-active-color) !important; } .al4as-responsive-menu-panel .menu-link:focus, .al4as-responsive-menu-panel .ast-menu-toggle:focus { outline: 0 !important; } } @media (min-width: 922px) and (max-width: 1280px) and (hover: none) { .al4as-responsive-menu-panel .main-header-menu > .menu-item:not(.is-open):not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > .menu-link:hover { background-color: var(--background-light) !important; color: var(--color-text-menu) !important; } .al4as-responsive-menu-panel .sub-menu .menu-item:not(.current-menu-item) > .menu-link:hover { background-color: var(--menu-native-submenu-bg) !important; color: var(--color-text-menu) !important; } } @media (min-width: 922px) and (max-width: 1280px) and (hover: hover) and (pointer: fine) { .al4as-responsive-menu-panel .main-header-menu > .menu-item:not(.is-open):not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):hover > .menu-link, .al4as-responsive-menu-panel .sub-menu .menu-item:not(.current-menu-item):hover > .menu-link { background-color: var(--menu-native-hover-bg) !important; color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; } .al4as-responsive-menu-panel .main-header-menu > .menu-item:not(.is-open):not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):hover > .ast-menu-toggle, .al4as-responsive-menu-panel .main-header-menu > .menu-item:not(.is-open):not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):hover > .ast-menu-toggle svg { background-color: var(--menu-native-hover-bg) !important; color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; } } /* MENU - Astra mobile hamburger original */ @media (max-width: 921px) { body.ast-main-header-nav-open { overflow: hidden !important; } body.ast-main-header-nav-open #ast-mobile-header .ast-mobile-header-wrap { display: flex; flex-direction: column; max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)); max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)); overflow: hidden; } body.ast-main-header-nav-open #ast-mobile-header .ast-main-header-wrap { flex: 0 0 auto; } body.ast-main-header-nav-open #ast-mobile-header .ast-mobile-header-content { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation { font-size: var(--font-body-sm) !important; } .ast-header-break-point .ast-builder-menu-mobile .menu-item-login, .ast-header-break-point .ast-builder-menu-mobile .menu-item-user-menu { margin-top: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .menu-link { background-color: var(--background-light) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item { position: relative; border-bottom: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:last-child { border-bottom: 4px solid var(--secondary-green) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .menu-link { display: flex; align-items: center; box-sizing: border-box; min-height: var(--menu-native-item-height-tablet); padding-top: var(--space-8) !important; padding-bottom: var(--space-8) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-medium) !important; line-height: var(--line-body) !important; border-bottom: 1px solid var(--color-white) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.menu-item-has-children > .menu-link { padding-right: calc(var(--page-gutter-tablet) + var(--menu-native-toggle-size)) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .sub-menu { background-color: var(--menu-native-submenu-bg) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .sub-menu > .menu-item { border-bottom: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item > .menu-link { display: flex; align-items: center; box-sizing: border-box; min-height: var(--menu-native-submenu-height-tablet); padding-top: var(--menu-native-submenu-padding-y) !important; padding-right: var(--page-gutter-tablet) !important; padding-bottom: var(--menu-native-submenu-padding-y) !important; padding-left: var(--space-64) !important; background-color: var(--menu-native-submenu-bg) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-medium) !important; line-height: var(--line-body) !important; border-bottom: 1px solid var(--color-white) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:last-child:not(.ast-submenu-expanded) > .menu-link, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:last-child.ast-submenu-expanded > .sub-menu > .menu-item:last-child > .menu-link { border-bottom: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .menu-item-has-children > .ast-menu-toggle { position: absolute; top: 4px !important; right: calc(var(--page-gutter-tablet) - var(--space-8)) !important; display: flex !important; align-items: center; justify-content: center; width: var(--menu-native-toggle-size) !important; min-width: var(--menu-native-toggle-size) !important; height: var(--menu-native-toggle-size) !important; min-height: var(--menu-native-toggle-size) !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; transform: none; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .ast-menu-toggle .ast-icon.icon-arrow { display: flex; transition: transform 0.2s ease-in-out; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .ast-menu-toggle .ast-icon.icon-arrow svg { width: var(--menu-native-arrow-size) !important; height: var(--menu-native-arrow-size) !important; margin: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .menu-item.ast-submenu-expanded > .ast-menu-toggle .ast-icon.icon-arrow { transform: rotate(180deg); } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):focus-within > .menu-link, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item:not(.current-menu-item):focus-within > .menu-link { background-color: var(--menu-native-hover-bg) !important; color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; outline: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):focus-within > .ast-menu-toggle { background-color: var(--menu-native-hover-bg) !important; color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; outline: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):focus-within > .ast-menu-toggle .ast-icon.icon-arrow svg { color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.ast-submenu-expanded > .menu-link, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-ancestor > .menu-link, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-parent > .menu-link, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item.current-menu-item > .menu-link { background-color: var(--menu-native-active-bg) !important; color: var(--menu-native-active-color) !important; fill: var(--menu-native-active-color) !important; outline: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.ast-submenu-expanded > .ast-menu-toggle, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-item > .ast-menu-toggle, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-parent > .ast-menu-toggle { color: var(--menu-native-active-color) !important; fill: var(--menu-native-active-color) !important; background-color: var(--menu-native-active-bg) !important; outline: 0 !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.ast-submenu-expanded > .ast-menu-toggle svg, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-item > .ast-menu-toggle svg, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-ancestor > .ast-menu-toggle svg, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-parent > .ast-menu-toggle svg { color: var(--menu-native-active-color) !important; fill: var(--menu-native-active-color) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation { box-shadow: var(--shadow-floating-panel); } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .menu-link:focus, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .ast-menu-toggle:focus { outline: 0 !important; } } @media (max-width: 921px) and (hover: none) { .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent) > .menu-link:hover { background-color: var(--background-light) !important; color: var(--color-text-menu) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item:not(.current-menu-item) > .menu-link:hover { background-color: var(--menu-native-submenu-bg) !important; color: var(--color-text-menu) !important; } } @media (max-width: 921px) and (hover: hover) and (pointer: fine) { .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):hover > .menu-link, .ast-header-break-point .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item:not(.current-menu-item):hover > .menu-link { background-color: var(--menu-native-hover-bg) !important; color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):hover > .ast-menu-toggle { color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; background-color: var(--menu-native-hover-bg) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:not(.ast-submenu-expanded):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-parent):hover > .ast-menu-toggle .ast-icon.icon-arrow svg { color: var(--menu-native-hover-color) !important; fill: var(--menu-native-hover-color) !important; } } /* MENU - Astra mobile hamburger original, small mobile */ @media (max-width: 544px) { .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .menu-link { min-height: var(--menu-native-item-height-mobile); } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.menu-item-has-children > .menu-link { padding-right: calc(var(--page-gutter-mobile) + var(--menu-native-toggle-size)) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item > .menu-link { min-height: var(--menu-native-submenu-height-mobile); padding-right: var(--page-gutter-mobile) !important; padding-left: var(--space-48) !important; } .ast-header-break-point .ast-builder-menu-mobile .main-navigation .menu-item-has-children > .ast-menu-toggle { top: 2px !important; right: calc(var(--page-gutter-mobile) - var(--space-8)) !important; } } /* HEADER HERO HOME */ .home .main-header-bar { background-color: transparent !important; } .home .ast-builder-menu-1 .menu-item > .menu-link { color: var(--color-white); } .home .main-header-menu .sub-menu .menu-link { color: var(--color-text-menu); } .home .ast-icon.icon-search svg, .home .ahfb-svg-iconset svg, .home .ast-icon.icon-arrow svg { color: var(--color-white) !important; fill: var(--color-white) !important; } .home a.menu-link .dropdown-menu-toggle .ast-icon.icon-arrow svg, .home button.ast-menu-toggle .ast-icon.icon-arrow svg, .home .sub-menu a.menu-link .ast-icon.icon-arrow svg { color: var(--secondary-green) !important; fill: var(--secondary-green) !important; } .home .ast-icon.icon-search svg:hover, .home .ahfb-svg-iconset svg:hover, .home .ast-icon.icon-arrow svg:hover { color: var(--primary-green) !important; fill: var(--primary-green) !important; } .home .ast-icon.icon-search svg:active, .home .ahfb-svg-iconset svg:active, .home .ast-icon.icon-arrow svg:active { color: var(--secondary-green); fill: var(--secondary-green); } .home .ast-builder-menu-2 .menu-item:hover > .menu-link, .home .ast-builder-menu-2 .inline-on-mobile .menu-item:hover > .ast-menu-toggle { color: var(--primary-green); } .home .logo-al4as-svg .st1 { fill: var(--color-white); } .home .logo-al4as-svg .st2 { fill: var(--primary-green); } #rev_slider_2_1 .tp-leftarrow { left: 0 !important; margin: 0 10px !important; } #rev_slider_2_1 .tp-rightarrow { right: 0 !important; margin: 0 -10px !important; } #rev_slider_2_1 .custom.tparrows { cursor: pointer; background: transparent !important; width: 50px; height: 50px; position: absolute; display: block; z-index: 1000; } #rev_slider_2_1 .custom.tparrows:before { font-family: 'revicons'; font-size: 36px !important; color: var(--color-white); display: block; line-height: var(--space-40); text-align: center; opacity: 0.5; transition: opacity 0.3s ease, color 0.3s ease; } #rev_slider_2_1 .custom.tparrows:hover:before { color: var(--primary-green) !important; opacity: 1; } #rev_slider_2_1 .custom .tp-bullet { width: var(--space-32) !important; height: 5px !important; border-radius: var(--radius-pill); position: absolute; background: rgba(255, 255, 255, 0.5) !important; cursor: pointer; box-sizing: content-box; transition: background 0.3s ease, transform 0.3s ease; } #rev_slider_2_1 .custom .tp-bullet:hover { background: var(--primary-green) !important; } #rev_slider_2_1 .tp-bullet.selected, #rev_slider_2_1 .tp-bullet.rs-touchhover { background: var(--primary-green) !important; } /* HOMEPAGE HERO - responsive layer stack */ #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] { display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(4, auto); align-content: start !important; align-items: start !important; column-gap: 0; row-gap: var(--space-32); box-sizing: border-box; padding: calc(var(--header-height-desktop) + var(--space-96)) calc(var(--page-gutter) + var(--space-64)) var(--space-64) !important; } @media (min-width: 1291px) and (max-height: 780px) { #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] { padding: calc(var(--header-height-desktop) + var(--space-48)) calc(var(--page-gutter) + var(--space-64)) var(--space-64) !important; } } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role] { box-sizing: border-box !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role]:not([data-al4as-hero-role="background"]) { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; grid-column: 1; height: auto !important; min-height: 0 !important; padding: 0 !important; justify-self: start; align-self: start; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h1"], #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h2"], #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="paragraph"] { margin: 0 !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h1"] { grid-row: 1; width: 100% !important; max-width: 1200px !important; z-index: 7 !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h2"] { grid-row: 2; width: 80% !important; max-width: 1080px !important; z-index: 8 !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="paragraph"] { grid-row: 3; width: 75% !important; max-width: 880px !important; z-index: 9 !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="button"] { grid-row: 4; display: inline-block !important; width: var(--button-width-wide) !important; max-width: 100% !important; margin: var(--space-24) 0 0 !important; justify-self: start !important; z-index: 10 !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; isolation: isolate; z-index: 6 !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::before, #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::after, #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; pointer-events: none; } /* * HERO OVERLAYS * Ordem: acentos cromaticos, lavagem horizontal, mascara do copy e protecao do menu. * Nos gradientes, o primeiro elemento e desenhado por cima dos seguintes. */ #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade { z-index: 1; /* Acentos cromaticos sobre a fotografia. */ background: /* Superior direito. */ radial-gradient(ellipse 58% 70% at 110% -10%, rgba(0, 79, 45, 0.95) 0%, rgba(0, 79, 45, 0.37) 48%, rgba(0, 79, 45, 0) 82%), /* Inferior direito. */ radial-gradient(ellipse 72% 66% at 112% 114%, rgba(0, 79, 45, 0.95) 0%, rgba(0, 79, 45, 0.37) 48%, rgba(0, 79, 45, 0) 82%), /* Transicao central. */ radial-gradient(ellipse 70% 96% at 42% 48%, rgba(141, 198, 63, 0.22) 0%, rgba(141, 198, 63, 0.03) 38%, rgba(17, 61, 38, 0.06) 74%, rgba(17, 61, 38, 0.14) 82%, rgba(17, 61, 38, 0.26) 89%, rgba(17, 61, 38, 0.40) 95%, rgba(17, 61, 38, 0.56) 100%); mix-blend-mode: multiply !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; /* Lavagem horizontal da esquerda para o centro. */ background: linear-gradient(100deg, rgba(17, 61, 38, 0.98) 0%, rgba(17, 61, 38, 0.93) 16%, rgba(17, 61, 38, 0.85) 28%, rgba(17, 61, 38, 0.68) 38%, rgba(17, 61, 38, 0.53) 44%, rgba(0, 79, 45, 0.48) 50%, rgba(0, 104, 56, 0.42) 54%, rgba(141, 198, 63, 0.34) 59%, rgba(141, 198, 63, 0.25) 63%, rgba(141, 198, 63, 0.16) 66%, rgba(141, 198, 63, 0.08) 69%, rgba(141, 198, 63, 0) 72%); mix-blend-mode: multiply; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::before { z-index: 2; /* Contraste do copy e vinheta vertical. */ background: linear-gradient(180deg, rgba(17, 61, 38, 0.48) 0%, rgba(17, 61, 38, 0.43) 6%, rgba(17, 61, 38, 0.34) 12%, rgba(17, 61, 38, 0.24) 18%, rgba(17, 61, 38, 0.14) 22%, rgba(17, 61, 38, 0.06) 25%, rgba(17, 61, 38, 0) 27%, rgba(17, 61, 38, 0) 69%, rgba(17, 61, 38, 0.07) 73%, rgba(17, 61, 38, 0.16) 77%, rgba(17, 61, 38, 0.28) 82%, rgba(17, 61, 38, 0.40) 88%, rgba(17, 61, 38, 0.52) 94%, rgba(17, 61, 38, 0.66) 100%), radial-gradient(ellipse 78% 122% at -18% 50%, rgba(17, 61, 38, 0.48) 0%, rgba(17, 61, 38, 0.46) 18%, rgba(0, 79, 45, 0.40) 32%, rgba(0, 79, 45, 0.33) 46%, rgba(0, 104, 56, 0.24) 60%, rgba(0, 104, 56, 0.14) 72%, rgba(0, 104, 56, 0.06) 80%, rgba(0, 104, 56, 0) 88%), linear-gradient(105deg, rgba(17, 61, 38, 0) 2%, rgba(17, 61, 38, 0.01) 22%, rgba(17, 61, 38, 0.08) 28%, rgba(17, 61, 38, 0.17) 34%, rgba(17, 61, 38, 0.28) 39%, rgba(17, 61, 38, 0.37) 43%, rgba(17, 61, 38, 0.41) 45%, rgba(0, 79, 45, 0.39) 50%, rgba(0, 104, 56, 0.35) 55%, rgba(141, 198, 63, 0.19) 61%, rgba(141, 198, 63, 0.14) 64%, rgba(141, 198, 63, 0.11) 67%, rgba(141, 198, 63, 0.07) 69%, rgba(141, 198, 63, 0.02) 71%, rgba(141, 198, 63, 0) 74%); mix-blend-mode: normal; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::after { bottom: auto; height: calc(var(--header-height-desktop) + var(--space-128)); z-index: 3; /* Protecao de contraste exclusiva do menu. */ background: linear-gradient(180deg, rgba(17, 61, 38, 0.80) 0%, rgba(17, 61, 38, 0.40) 40%, rgba(17, 61, 38, 0) 100%); mix-blend-mode: multiply; } #rev_slider_2_1 .al4as-home-hero-bkg, #rev_slider_2_1 .al4as-home-hero-bkg .tp-rs-img { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; inset: 0 !important; width: 100% !important; min-width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; } #rev_slider_2_1 .al4as-home-hero-bkg { overflow: hidden !important; z-index: 0 !important; } #rev_slider_2_1 .al4as-home-hero-bkg .tp-rs-img { display: block !important; object-fit: cover !important; object-position: 76% center !important; } #rev_slider_2_1 .al4as-home-hero-title-h1, #rev_slider_2_1 .al4as-home-hero-title-h2, #rev_slider_2_1 .al4as-home-hero-title-p { display: block !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; color: var(--color-white) !important; letter-spacing: 0 !important; white-space: normal !important; overflow-wrap: break-word; overflow-wrap: anywhere; } #rev_slider_2_1 .al4as-home-hero-title-h1 { font-family: var(--font-family-title) !important; font-size: var(--home-hero-title-size) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; } #rev_slider_2_1 .al4as-home-hero-title-h2 { font-family: var(--font-family-title) !important; font-size: var(--font-lead) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-body) !important; } #rev_slider_2_1 .al4as-home-hero-title-p { font-family: var(--font-family-body) !important; font-size: var(--font-body-lg) !important; font-weight: var(--font-weight-regular) !important; line-height: var(--line-body-relaxed) !important; } #rev_slider_2_1 rs-layer-wrap[data-al4as-hero-role="button"] .al4as-home-hero-title-btn { display: inline-flex !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: var(--button-height-lg) !important; margin: 0 !important; padding: 0 var(--button-padding-x-lg) !important; font-family: var(--font-family-body) !important; font-size: var(--button-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; white-space: normal !important; } @media (min-width: 921px) and (max-width: 1290px) { #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] { row-gap: var(--space-32); padding: calc(var(--header-height-desktop) + var(--space-64)) calc(var(--page-gutter) + var(--space-48)) var(--space-64) !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h2"] { width: 90% !important; max-width: 920px !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="paragraph"] { width: 80% !important; max-width: 920px !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade { /* Mesma composicao, alargada para desktop reduzido. */ background: radial-gradient(ellipse 66% 74% at 110% -12%, rgba(0, 79, 45, 0.78) 0%, rgba(0, 79, 45, 0.30) 48%, rgba(0, 79, 45, 0) 82%), radial-gradient(ellipse 78% 70% at 112% 116%, rgba(0, 79, 45, 0.78) 0%, rgba(0, 79, 45, 0.30) 48%, rgba(0, 79, 45, 0) 82%), radial-gradient(ellipse 78% 100% at 43% 50%, rgba(141, 198, 63, 0.18) 0%, rgba(141, 198, 63, 0.03) 38%, rgba(17, 61, 38, 0.05) 74%, rgba(17, 61, 38, 0.12) 82%, rgba(17, 61, 38, 0.22) 89%, rgba(17, 61, 38, 0.34) 95%, rgba(17, 61, 38, 0.48) 100%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade::before { background: linear-gradient(100deg, rgba(17, 61, 38, 0.84) 0%, rgba(17, 61, 38, 0.80) 16%, rgba(17, 61, 38, 0.73) 28%, rgba(17, 61, 38, 0.58) 38%, rgba(17, 61, 38, 0.45) 44%, rgba(0, 79, 45, 0.41) 50%, rgba(0, 104, 56, 0.36) 55%, rgba(141, 198, 63, 0.29) 61%, rgba(141, 198, 63, 0.21) 66%, rgba(141, 198, 63, 0.13) 70%, rgba(141, 198, 63, 0.06) 75%, rgba(141, 198, 63, 0) 80%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::before { background: linear-gradient(180deg, rgba(17, 61, 38, 0.39) 0%, rgba(17, 61, 38, 0.35) 6%, rgba(17, 61, 38, 0.28) 12%, rgba(17, 61, 38, 0.20) 18%, rgba(17, 61, 38, 0.11) 22%, rgba(17, 61, 38, 0.05) 26%, rgba(17, 61, 38, 0) 29%, rgba(17, 61, 38, 0) 68%, rgba(17, 61, 38, 0.06) 73%, rgba(17, 61, 38, 0.13) 77%, rgba(17, 61, 38, 0.23) 82%, rgba(17, 61, 38, 0.33) 88%, rgba(17, 61, 38, 0.43) 94%, rgba(17, 61, 38, 0.54) 100%), radial-gradient(ellipse 88% 128% at -26% 50%, rgba(17, 61, 38, 0.40) 0%, rgba(17, 61, 38, 0.38) 18%, rgba(0, 79, 45, 0.33) 32%, rgba(0, 79, 45, 0.27) 46%, rgba(0, 104, 56, 0.20) 60%, rgba(0, 104, 56, 0.12) 72%, rgba(0, 104, 56, 0.05) 82%, rgba(0, 104, 56, 0) 90%), linear-gradient(105deg, rgba(17, 61, 38, 0) 2%, rgba(17, 61, 38, 0.01) 22%, rgba(17, 61, 38, 0.07) 29%, rgba(17, 61, 38, 0.15) 35%, rgba(17, 61, 38, 0.24) 41%, rgba(17, 61, 38, 0.32) 46%, rgba(17, 61, 38, 0.36) 49%, rgba(0, 79, 45, 0.34) 55%, rgba(0, 104, 56, 0.30) 61%, rgba(141, 198, 63, 0.16) 67%, rgba(141, 198, 63, 0.12) 71%, rgba(141, 198, 63, 0.09) 74%, rgba(141, 198, 63, 0.06) 77%, rgba(141, 198, 63, 0.02) 79%, rgba(141, 198, 63, 0) 82%); } #rev_slider_2_1 .al4as-home-hero-bkg .tp-rs-img { object-position: 80% center !important; } } @media (min-width: 544px) and (max-width: 920px) { #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] { row-gap: var(--space-24); padding: calc(var(--header-height-desktop) + var(--space-64)) calc(var(--page-gutter) + var(--space-16)) var(--space-64) !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h1"], #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h2"], #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="paragraph"] { width: 100% !important; max-width: 100% !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade { /* Mesma composicao, alargada para tablet. */ background: radial-gradient(ellipse 78% 78% at 112% -14%, rgba(0, 79, 45, 0.62) 0%, rgba(0, 79, 45, 0.24) 50%, rgba(0, 79, 45, 0) 84%), radial-gradient(ellipse 88% 76% at 114% 118%, rgba(0, 79, 45, 0.62) 0%, rgba(0, 79, 45, 0.24) 48%, rgba(0, 79, 45, 0) 84%), radial-gradient(ellipse 90% 106% at 46% 52%, rgba(141, 198, 63, 0.14) 0%, rgba(141, 198, 63, 0.02) 40%, rgba(17, 61, 38, 0.04) 74%, rgba(17, 61, 38, 0.10) 82%, rgba(17, 61, 38, 0.19) 89%, rgba(17, 61, 38, 0.29) 95%, rgba(17, 61, 38, 0.40) 100%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade::before { background: linear-gradient(100deg, rgba(17, 61, 38, 0.72) 0%, rgba(17, 61, 38, 0.68) 16%, rgba(17, 61, 38, 0.61) 28%, rgba(17, 61, 38, 0.49) 38%, rgba(17, 61, 38, 0.38) 44%, rgba(0, 79, 45, 0.35) 52%, rgba(0, 104, 56, 0.30) 60%, rgba(141, 198, 63, 0.24) 68%, rgba(141, 198, 63, 0.17) 76%, rgba(141, 198, 63, 0.10) 83%, rgba(141, 198, 63, 0.04) 89%, rgba(141, 198, 63, 0) 94%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::before { background: linear-gradient(180deg, rgba(17, 61, 38, 0.31) 0%, rgba(17, 61, 38, 0.28) 6%, rgba(17, 61, 38, 0.22) 12%, rgba(17, 61, 38, 0.16) 18%, rgba(17, 61, 38, 0.09) 23%, rgba(17, 61, 38, 0.04) 27%, rgba(17, 61, 38, 0) 30%, rgba(17, 61, 38, 0) 68%, rgba(17, 61, 38, 0.05) 73%, rgba(17, 61, 38, 0.10) 77%, rgba(17, 61, 38, 0.18) 82%, rgba(17, 61, 38, 0.26) 88%, rgba(17, 61, 38, 0.34) 94%, rgba(17, 61, 38, 0.43) 100%), radial-gradient(ellipse 102% 134% at -36% 50%, rgba(17, 61, 38, 0.36) 0%, rgba(17, 61, 38, 0.35) 18%, rgba(0, 79, 45, 0.30) 32%, rgba(0, 79, 45, 0.25) 46%, rgba(0, 104, 56, 0.18) 60%, rgba(0, 104, 56, 0.10) 72%, rgba(0, 104, 56, 0.05) 82%, rgba(0, 104, 56, 0) 92%), linear-gradient(105deg, rgba(17, 61, 38, 0) 2%, rgba(17, 61, 38, 0.01) 24%, rgba(17, 61, 38, 0.06) 32%, rgba(17, 61, 38, 0.13) 40%, rgba(17, 61, 38, 0.21) 48%, rgba(17, 61, 38, 0.28) 54%, rgba(17, 61, 38, 0.31) 58%, rgba(0, 79, 45, 0.29) 64%, rgba(0, 104, 56, 0.26) 70%, rgba(141, 198, 63, 0.15) 78%, rgba(141, 198, 63, 0.11) 83%, rgba(141, 198, 63, 0.08) 87%, rgba(141, 198, 63, 0.05) 90%, rgba(141, 198, 63, 0.02) 93%, rgba(141, 198, 63, 0) 96%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::after { /* Pelicula integral para contraste do conteudo em tablet/mobile. */ height: 100%; background: linear-gradient(180deg, rgba(17, 61, 38, 0.64) 0%, rgba(17, 61, 38, 0.44) 55%, rgba(17, 61, 38, 0.24) 100%); } #rev_slider_2_1 .al4as-home-hero-bkg .tp-rs-img { object-position: 84% center !important; } #rev_slider_2_1 .al4as-home-hero-title-p { font-size: var(--font-body-md) !important; } #rev_slider_2_1 rs-layer-wrap[data-al4as-hero-role="button"] .al4as-home-hero-title-btn { height: auto !important; min-height: var(--button-height-lg-tablet) !important; padding-right: var(--button-padding-x-lg-mobile) !important; padding-left: var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; } } @media (max-width: 920px) { #rev_slider_2_1, #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] { touch-action: pan-y; } /* O script assume o swipe; CTA e navegacao continuam interativos. */ #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="button"] { pointer-events: none !important; } #rev_slider_2_1 rs-layer-wrap[data-al4as-hero-role="button"] .al4as-home-hero-title-btn, #rev_slider_2_1 .tparrows, #rev_slider_2_1 .tp-bullets, #rev_slider_2_1 .tp-bullet { pointer-events: auto !important; } } @media (max-width: 543px) { #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] { grid-template-columns: minmax(0, 100%); row-gap: var(--space-24); padding: calc(var(--header-height-desktop) + var(--space-40)) calc(var(--page-gutter) + var(--space-8)) var(--space-56) !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h1"], #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="h2"], #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="paragraph"] { width: 100% !important; max-width: 100% !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade { /* Cobertura mais uniforme em mobile. */ background: radial-gradient(ellipse 96% 84% at 114% -16%, rgba(0, 79, 45, 0.48) 0%, rgba(0, 79, 45, 0.18) 52%, rgba(0, 79, 45, 0) 86%), radial-gradient(ellipse 106% 82% at 116% 120%, rgba(0, 79, 45, 0.48) 0%, rgba(0, 79, 45, 0.18) 50%, rgba(0, 79, 45, 0) 86%), radial-gradient(ellipse 108% 112% at 48% 52%, rgba(141, 198, 63, 0.10) 0%, rgba(141, 198, 63, 0.02) 42%, rgba(17, 61, 38, 0.04) 74%, rgba(17, 61, 38, 0.08) 82%, rgba(17, 61, 38, 0.15) 89%, rgba(17, 61, 38, 0.23) 95%, rgba(17, 61, 38, 0.32) 100%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"] > .al4as-home-hero-color-grade::before { background: linear-gradient(100deg, rgba(17, 61, 38, 0.66) 0%, rgba(17, 61, 38, 0.63) 16%, rgba(17, 61, 38, 0.56) 28%, rgba(17, 61, 38, 0.45) 38%, rgba(17, 61, 38, 0.35) 44%, rgba(0, 79, 45, 0.32) 52%, rgba(0, 104, 56, 0.28) 62%, rgba(141, 198, 63, 0.20) 72%, rgba(141, 198, 63, 0.14) 80%, rgba(141, 198, 63, 0.10) 88%, rgba(141, 198, 63, 0.07) 94%, rgba(141, 198, 63, 0.06) 100%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::before { background: linear-gradient(180deg, rgba(17, 61, 38, 0.28) 0%, rgba(17, 61, 38, 0.25) 6%, rgba(17, 61, 38, 0.20) 12%, rgba(17, 61, 38, 0.14) 18%, rgba(17, 61, 38, 0.08) 24%, rgba(17, 61, 38, 0.03) 28%, rgba(17, 61, 38, 0) 32%, rgba(17, 61, 38, 0) 66%, rgba(17, 61, 38, 0.04) 72%, rgba(17, 61, 38, 0.09) 77%, rgba(17, 61, 38, 0.16) 82%, rgba(17, 61, 38, 0.23) 88%, rgba(17, 61, 38, 0.30) 94%, rgba(17, 61, 38, 0.38) 100%), radial-gradient(ellipse 116% 140% at -44% 50%, rgba(17, 61, 38, 0.34) 0%, rgba(17, 61, 38, 0.32) 18%, rgba(0, 79, 45, 0.28) 32%, rgba(0, 79, 45, 0.23) 46%, rgba(0, 104, 56, 0.17) 60%, rgba(0, 104, 56, 0.10) 72%, rgba(0, 104, 56, 0.04) 82%, rgba(0, 104, 56, 0) 94%), linear-gradient(105deg, rgba(17, 61, 38, 0) 2%, rgba(17, 61, 38, 0.01) 18%, rgba(17, 61, 38, 0.06) 26%, rgba(17, 61, 38, 0.13) 34%, rgba(17, 61, 38, 0.21) 42%, rgba(17, 61, 38, 0.28) 50%, rgba(17, 61, 38, 0.31) 56%, rgba(0, 79, 45, 0.29) 64%, rgba(0, 104, 56, 0.26) 72%, rgba(141, 198, 63, 0.14) 80%, rgba(141, 198, 63, 0.11) 86%, rgba(141, 198, 63, 0.09) 90%, rgba(141, 198, 63, 0.07) 94%, rgba(141, 198, 63, 0.06) 97%, rgba(141, 198, 63, 0.05) 100%); } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="background"]::after { /* Pelicula integral para contraste do conteudo em tablet/mobile. */ height: 100%; background: linear-gradient(180deg, rgba(17, 61, 38, 0.84) 0%, rgba(17, 61, 38, 0.44) 55%, rgba(17, 61, 38, 0.24) 100%); } #rev_slider_2_1 .al4as-home-hero-bkg .tp-rs-img { object-position: 88% center !important; } #rev_slider_2_1 .al4as-home-hero-title-h2 { font-size: var(--font-lead) !important; } #rev_slider_2_1 .al4as-home-hero-title-p { font-size: var(--font-body-xs) !important; line-height: var(--line-body-relaxed) !important; } #rev_slider_2_1 rs-layer-wrap[data-al4as-hero-role="button"] .al4as-home-hero-title-btn { height: auto !important; min-height: var(--button-height-lg-mobile) !important; width: fit-content !important; padding-right: var(--button-padding-x-lg-mobile) !important; padding-left: var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; } #rev_slider_2_1 rs-slide[data-al4as-hero-ready="true"] > rs-layer-wrap[data-al4as-hero-role="button"] { margin: var(--space-16) 0 0 !important; } } #rev_slider_2_1 .rev-btn { height: auto !important; min-height: var(--button-height-lg) !important; max-width: 100%; display: flex !important; flex-wrap: nowrap !important; align-content: center !important; align-items: center !important; justify-content: center !important; gap: var(--button-gap) !important; padding: 0 var(--button-padding-x-lg) !important; border: var(--button-border-width) solid var(--button-border-color) !important; border-radius: var(--radius-pill) !important; background-color: var(--button-bg) !important; white-space: normal !important; overflow-wrap: break-word; text-align: center; box-shadow: none !important; box-sizing: border-box; transition: var(--button-transition) !important; } #rev_slider_2_1 .rev-btn::after { content: '\e06c'; font-family: var(--font-family-icon); font-size: var(--icon-size-md); font-weight: var(--font-weight-regular); color: var(--primary-green) !important; margin-left: 0 !important; display: inline-block; transition: transform 0.3s ease-in-out; } #rev_slider_2_1 .rev-btn:hover::after { transform: translateX(var(--interactive-arrow-shift)); color: var(--color-icon-hover) !important; } #rev_slider_2_1 .rev-btn:hover, #rev_slider_2_1 .rev-btn:visited:hover { color: var(--color-icon-hover) !important; background-color: var(--primary-green) !important; border-color: var(--primary-green) !important; } #rev_slider_2_1 .rev-btn:focus { outline: var(--focus-outline-width) solid var(--color-icon-hover) !important; outline-offset: var(--focus-outline-offset) !important; color: var(--color-icon-hover) !important; background-color: var(--primary-green) !important; } #rev_slider_2_1 .rev-btn:focus::after { color: var(--color-icon-hover) !important; transform: translateX(calc(var(--interactive-arrow-shift) - 1px)) !important; } #rev_slider_2_1 .rev-btn:active { transform: scale(var(--interactive-active-scale)) !important; color: var(--color-icon-hover) !important; background-color: var(--primary-green) !important; border-color: var(--primary-green) !important; } #rev_slider_2_1 .rev-btn:active::after { color: var(--color-icon-hover) !important; transform: translateX(calc(var(--interactive-arrow-shift) + 2px)) !important; } #rev_slider_2_1 .rev-btn:disabled { opacity: 0.5; cursor: not-allowed; } #rev_slider_2_1 .rev-btn:disabled::after { color: var(--color-text-light-grey) !important; transform: none; opacity: 0.5; } @media (min-width: 1580px) { #rev_slider_2_1 .tp-leftarrow { margin: 0 35px !important; } #rev_slider_2_1 .tp-rightarrow { margin: 0 -35px !important; } } @media (min-width: 922px) { .home #ast-desktop-header { position: absolute; width: 100%; width: -webkit-fill-available; width: -moz-available; } } @media (max-width: 921px) { .home #ast-mobile-header { position: absolute; width: 100%; width: -webkit-fill-available; width: -moz-available; } #rev_slider_2_1 .custom.tparrows:before { font-size: var(--icon-size-lg) !important; } #rev_slider_2_1 .tp-leftarrow { margin: 0 var(--space-16) !important; } #rev_slider_2_1 .tp-rightarrow { margin: 0 -16px !important; } #rev_slider_2_1 .custom .tp-bullet { width: var(--space-24) !important; height: 4px !important; } #rev_slider_2_1 .rev-btn { height: auto !important; min-height: var(--button-height-lg-tablet) !important; padding: 0 var(--button-padding-x-lg-mobile) !important; } } @media (max-width: 543px) { #rev_slider_2_1 .custom.tparrows:before { font-size: var(--icon-size-md) !important; } #rev_slider_2_1 .tp-leftarrow { margin: 0 5px !important; } #rev_slider_2_1 .tp-rightarrow { margin: 0 -5px !important; } #rev_slider_2_1 .custom .tp-bullet { width: var(--icon-size-sm) !important; height: 4px !important; } #rev_slider_2_1 .rev-btn { height: auto !important; min-height: var(--button-height-lg-mobile) !important; padding: 0 var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; line-height: var(--line-button) !important; } } /* HOME THEMATIC LINES CARDS */ .al4as-home-thematic-card { display: flex !important; flex-direction: column !important; height: 100%; } .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer) { position: relative; max-width: 100%; margin: 0 !important; padding-left: var(--space-24); padding-inline-start: var(--space-24); font-family: var(--font-family-title) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; white-space: normal; overflow: visible; text-overflow: clip; word-break: normal; } .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer)::before { content: ''; position: absolute; left: 0; inset-inline-start: 0; top: 0.12em; bottom: 0.12em; width: 4px; border-radius: var(--radius-pill); background-color: var(--primary-green); } .al4as-home-thematic-description > .elementor-widget-container { display: -webkit-box; max-height: 4.2em; overflow: hidden; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; line-height: var(--line-body-relaxed); } .al4as-home-thematic-description p { margin: 0 !important; } .al4as-home-thematic-card > .elementor-widget-button { margin-top: auto !important; padding-top: var(--button-margin-top); } @media (min-width: 1291px) { .al4as-home-thematic-title { margin-bottom: var(--space-24) !important; } .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer) { min-height: 2.4em; font-size: 25px !important; } } @media (min-width: 1440px) { .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer) { font-size: 29px !important; } } @media (min-width: 1720px) { .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer) { font-size: 32px !important; } } @media (min-width: 922px) and (max-width: 1290px) { .al4as-home-thematic-title { margin-bottom: var(--space-24) !important; } .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer) { min-height: 2.4em; font-size: 24px !important; font-size: clamp(24px, calc(13.98px + 1.087vw), 28px) !important; } } @media (min-width: 545px) and (max-width: 921px) { .al4as-home-thematic-title { margin-bottom: var(--space-24) !important; } .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer) { min-height: 0; font-size: var(--font-title-h3) !important; } .al4as-home-thematic-card > .elementor-widget-button { padding-top: var(--button-margin-top-tablet); } } @media (max-width: 544px) { .al4as-home-thematic-title { margin-bottom: var(--space-16) !important; } .al4as-home-thematic-card .al4as-home-thematic-title h3:not(.rs-layer) { min-height: 0; font-size: var(--font-title-h3) !important; } .al4as-home-thematic-card > .elementor-widget-button { padding-top: var(--button-margin-top-mobile); } } /* ABOUT US THEMATIC LINES CARDS */ .al4as-about-thematic-card { display: flex !important; flex-direction: column !important; height: 100%; background-color: var(--background-light); } .al4as-about-thematic-image { margin: 0 !important; padding: 0 !important; } .al4as-about-thematic-image, .al4as-about-thematic-image > .elementor-widget-container, .al4as-about-thematic-image img { width: 100%; height: 300px !important; } .al4as-about-thematic-image img { display: block !important; object-fit: cover; } .al4as-about-thematic-content { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100%; background-color: var(--background-light); margin: 0 !important; padding: var(--space-24) var(--space-32) var(--space-40) var(--space-32) !important; } .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer) { position: relative; max-width: 100%; margin: 0 !important; padding-left: 0 !important; padding-inline-start: 0 !important; font-family: var(--font-family-title) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; white-space: normal; overflow: visible; text-overflow: clip; word-break: normal; } .al4as-about-thematic-description > .elementor-widget-container { display: -webkit-box; max-height: 7em; overflow: hidden; -webkit-box-orient: vertical; line-clamp: 5; -webkit-line-clamp: 5; line-height: var(--line-body-relaxed); } .al4as-about-thematic-description p { margin: 0 !important; } .al4as-about-thematic-card .al4as-about-thematic-content .elementor-widget-button { margin-top: auto !important; padding-top: var(--space-32); } @media (min-width: 1291px) { .al4as-about-thematic-title { margin-bottom: var(--space-16) !important; } .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer) { min-height: 2.4em; font-size: 25px !important; } } @media (min-width: 1440px) { .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer) { font-size: 26px !important; } } @media (min-width: 1720px) { .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer) { font-size: 29px !important; } } @media (min-width: 922px) and (max-width: 1290px) { .al4as-about-thematic-title { margin-bottom: var(--space-16) !important; } .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer) { min-height: 2.4em; font-size: 24px !important; font-size: clamp(24px, calc(13.98px + 1.087vw), 28px) !important; } .al4as-about-thematic-card .al4as-about-thematic-content .elementor-widget-button { padding-top: var(--space-24); } } @media (min-width: 545px) and (max-width: 921px) { .al4as-about-thematic-image, .al4as-about-thematic-image > .elementor-widget-container, .al4as-about-thematic-image img { height: 280px !important; } .al4as-about-thematic-title { margin-bottom: var(--space-16) !important; } .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer) { min-height: 0; font-size: var(--font-title-h3) !important; } .al4as-about-thematic-card .al4as-about-thematic-content .elementor-widget-button { padding-top: var(--space-24); } } @media (max-width: 544px) { .al4as-about-thematic-image, .al4as-about-thematic-image > .elementor-widget-container, .al4as-about-thematic-image img { height: 250px !important; } .al4as-about-thematic-content { padding: 28px var(--space-24) var(--space-40) var(--space-24) !important; } .al4as-about-thematic-title { margin-bottom: var(--space-16) !important; } .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer) { min-height: 0; font-size: var(--font-title-h3) !important; line-height: var(--line-title) !important; } .al4as-about-thematic-card .al4as-about-thematic-content .elementor-widget-button { padding-top: var(--button-margin-top-mobile); } } @media (max-width: 921px) { .al4as-about-thematic-card .al4as-about-thematic-title h3:not(.rs-layer), .al4as-about-thematic-description > .elementor-widget-container { display: block; max-height: none; overflow: visible; line-clamp: unset; -webkit-line-clamp: unset; } } /* OUR SUPPORTERS */ .al4as-supporters-grid { --e-con-grid-template-rows: none !important; grid-template-rows: none !important; grid-auto-rows: auto; } .al4as-supporters-grid > .e-con, .al4as-supporter-logo { width: 100%; max-width: 100%; min-width: 0; } .al4as-supporter-logo > .elementor-widget-container { position: relative; width: 100%; height: 0; padding-bottom: 57.142857%; overflow: hidden; } .al4as-supporter-logo img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; width: 100% !important; height: 100% !important; max-width: 100%; object-fit: contain; object-position: center; } @supports (aspect-ratio: 7 / 4) { .al4as-supporter-logo > .elementor-widget-container { height: auto; padding-bottom: 0; aspect-ratio: 7 / 4; } } /* IMAGE CARD OVERLAYS */ .al4as-overlay-dark-images { position: relative; overflow: hidden; } /* BREADCRUMB */ .ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper * { display: flex !important; flex-wrap: wrap; flex-direction: row; align-items: center; align-content: center; } .ast-breadcrumbs-wrapper { padding: 0 var(--space-8); line-height: var(--line-none); } .trail-items li::after { content: '\e06c'; font-family: var(--font-family-icon); font-size: var(--icon-size-md); font-weight: var(--font-weight-regular); display: inline-block; } /* FOOTER */ footer a { font-weight: var(--font-weight-medium) !important; } /* * TEMPORARY SITE STATUS NOTICE — REMOVE AFTER SITE LAUNCH. * The markup is controlled by AL4AS_SHOW_TEMPORARY_SITE_NOTICE in functions.php. */ .al4as-temporary-site-status-notice { box-sizing: border-box; width: 100%; margin: 0; padding: var(--space-16) var(--page-gutter-desktop); background-color: var(--green-500); text-align: center; } .al4as-temporary-site-status-notice p { margin: 0 !important; padding: 0; color: var(--color-black) !important; font-family: var(--font-family-body); font-size: var(--font-body-xs) !important; font-weight: var(--font-weight-medium); line-height: var(--line-meta); white-space: normal; word-wrap: break-word; overflow-wrap: break-word; } .al4as-footer-grid .elementor-icon-list-items { margin: 0; padding: 0; list-style: none; } .al4as-footer-grid .elementor-icon-list-item { position: relative; margin: 0; padding: 0; } .al4as-footer-grid .elementor-icon-list-item, .al4as-footer-grid .elementor-icon-list-item > a { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: inherit; } .al4as-footer-grid .elementor-icon-list-icon { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; position: relative; } .al4as-footer-grid .elementor-icon-list-icon + .elementor-icon-list-text { -webkit-align-self: center; align-self: center; padding-left: 5px; padding-inline-start: 5px; } .al4as-footer-list .elementor-icon-list-icon { line-height: 1; } .al4as-footer-list .elementor-icon-list-icon i { display: block; width: 1.25em; font-size: var(--icon-size-md) !important; line-height: 1; } .site-above-footer-wrap li, .site-primary-footer-wrap p { font-size: var(--font-body-sm) !important; } .site-below-footer-wrap { line-height: var(--line-none) !important; } .site-below-footer-wrap p { font-size: var(--font-body-xs) !important; } .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row, .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row { padding-left: var(--page-gutter-desktop); padding-right: var(--page-gutter-desktop); } .site-above-footer-wrap li { width: 100%; max-width: var(--footer-link-max-width); } .al4as-footer-grid { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; flex-flow: row wrap; flex-wrap: wrap !important; overflow: hidden !important; } .al4as-footer-grid > .e-child { display: flex !important; flex-direction: column !important; align-items: flex-start !important; box-sizing: border-box; flex: 1 1 0; min-width: 0; } .al4as-footer-grid > .e-child:first-child { flex: 0 0 var(--footer-grid-brand-width); } .al4as-footer-disclaimer { display: block; box-sizing: border-box; width: 100%; max-width: 100%; margin: var(--space-24) 0 0 !important; margin: clamp(var(--space-24), calc(21.89px + 0.526vw), var(--space-32)) 0 0 !important; color: var(--color-text-light-grey) !important; font-family: var(--font-family-body) !important; font-size: var(--font-caption) !important; font-weight: var(--font-weight-regular) !important; line-height: var(--line-form) !important; text-align: left; white-space: normal; overflow-wrap: break-word; overflow-wrap: anywhere; } @supports (display: grid) { .al4as-footer-grid { display: grid !important; grid-template-columns: var(--footer-grid-brand-width) repeat(4, 1fr) !important; gap: var(--space-32) !important; } } @media (min-width: 1291px) { .al4as-footer-grid { -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .al4as-footer-grid > .e-child:first-child { -webkit-box-flex: 1.4; -webkit-flex: 1.4 1 0; flex: 1.4 1 0; min-width: var(--footer-grid-brand-width); } @supports (display: grid) { .al4as-footer-grid { grid-template-columns: minmax(var(--footer-grid-brand-width), 1.4fr) repeat(4, minmax(0, 1fr)) !important; } } } @media (min-width: 1441px) { .site-above-footer-wrap li, .site-primary-footer-wrap p { font-size: var(--font-body-md) !important; } .site-below-footer-wrap p { font-size: var(--font-body-xs) !important; } .site-above-footer-wrap li { width: 100%; max-width: var(--footer-link-max-width); } } @media (max-width: 1290px) { .al4as-footer-grid > .e-child { -webkit-flex: 1 1 calc((100% - var(--footer-grid-brand-width-tablet)) / 2); flex: 1 1 calc((100% - var(--footer-grid-brand-width-tablet)) / 2); } .al4as-footer-grid > .e-child:first-child { -webkit-flex: 0 0 var(--footer-grid-brand-width-tablet); flex: 0 0 var(--footer-grid-brand-width-tablet); } @supports (display: grid) { .al4as-footer-grid { grid-template-columns: var(--footer-grid-brand-width-tablet) 1fr 1fr !important; gap: var(--space-48) !important; } } } @media (max-width: 921px) { .al4as-temporary-site-status-notice { padding-right: var(--page-gutter-tablet); padding-left: var(--page-gutter-tablet); } .site-above-footer-wrap li, .site-primary-footer-wrap p { font-size: var(--font-body-xs) !important; } .site-below-footer-wrap p { font-size: var(--font-caption) !important; } .site-below-footer-wrap { line-height: var(--line-body) !important; } .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section { margin-bottom: 0; } .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row, .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row { padding-left: var(--page-gutter-tablet); padding-right: var(--page-gutter-tablet); } .al4as-footer-grid > .e-child { flex: 0 0 50%; } .al4as-footer-grid > .e-child:first-child { flex-basis: 100%; text-align: center; margin: 0 0 var(--space-40) 0; } @supports (display: grid) { .al4as-footer-grid { grid-template-columns: 1fr 1fr !important; } .al4as-footer-grid > .e-child:first-child { grid-column: 1 / -1 !important; } } } @media (min-width: 545px) and (max-width: 921px) { @supports not (display: grid) { .al4as-footer-grid > .e-child:nth-child(2) { -webkit-flex: 0 0 50%; flex: 0 0 50%; padding-right: var(--space-24); } .al4as-footer-grid > .e-child:nth-child(3) { -webkit-flex: 0 0 50%; flex: 0 0 50%; padding-left: var(--space-24); } } } @media (max-width: 544px) { .al4as-temporary-site-status-notice { padding-right: var(--page-gutter-mobile); padding-left: var(--page-gutter-mobile); } .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section { margin-bottom: var(--space-8); } .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section:last-child { margin-bottom: var(--space-0); } .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row, .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row { padding-left: var(--page-gutter-mobile); padding-right: var(--page-gutter-mobile); } footer .elementor-widget .elementor-icon-list-item, footer .elementor-widget .elementor-icon-list-item a { display: flex !important; flex-direction: column !important; } .elementor-icon-list-icon { padding-right: 0 !important; margin: 0 0 var(--space-8) 0; } .site-above-footer-wrap li { max-width: 260px; } .al4as-footer-grid > .e-child { flex: 0 0 100%; align-items: center !important; text-align: center; } .al4as-footer-grid > .e-child:first-child { margin: 0 0 var(--space-8) 0; } .al4as-footer-grid .elementor-icon-list-items, .al4as-footer-grid .elementor-icon-list-item, .al4as-footer-grid .elementor-icon-list-item a, .al4as-footer-grid p { justify-content: center !important; text-align: center !important; } .al4as-footer-grid .site-above-footer-wrap li, .al4as-footer-grid li { margin-left: auto !important; margin-right: auto !important; } @supports (display: grid) { .al4as-footer-grid { grid-template-columns: 1fr !important; } } .site-below-footer-wrap p { font-size: var(--font-overline) !important; } } @media (max-width: 544px) { .al4as-footer-disclaimer { text-align: center; } } /* FOOTER CAROUSEL */ .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row { padding-left: 0 !important; padding-right: 0 !important; } .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section { overflow: hidden !important; } .al4as-footer-carousel-image .swiper-slide img, .footer-widget-area .swiper-slide img { width: var(--footer-carousel-image-width) !important; width: clamp(var(--footer-carousel-image-width), 20vw, 260px) !important; max-height: 150px; object-fit: contain; } @media (max-width: 979px) { .al4as-footer-carousel-image .swiper-slide img, .footer-widget-area .swiper-slide img { width: var(--footer-carousel-image-width) !important; } } /* BACK TO TOP */ #ast-scroll-top { display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: fixed; background: rgba(16, 31, 38, 0.1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); height: var(--space-64); width: var(--space-40); padding: 0; border: 2px solid var(--primary-green); border-radius: var(--radius-pill); line-height: 1; bottom: 28px; right: 28px; cursor: pointer !important; transition: var(--button-transition) !important; } #ast-scroll-top:hover { background-color: var(--primary-green) !important; } #ast-scroll-top .ast-icon.icon-arrow svg { display: none; } #ast-scroll-top .ast-icon.icon-arrow { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; line-height: 1; } #ast-scroll-top .ast-icon.icon-arrow::before { content: '\e08e'; font-family: var(--font-family-icon); font-size: var(--icon-size-md); font-weight: var(--font-weight-regular); color: var(--primary-green); display: block; transition: color 0.3s ease-in-out, transform 0.3s ease-in-out; } #ast-scroll-top:hover .ast-icon.icon-arrow::before { transform: translateY(-2px); color: var(--color-icon-hover); } #ast-scroll-top:focus { outline: var(--focus-outline-width) solid var(--color-icon-hover); outline-offset: var(--focus-outline-offset); color: var(--color-icon-hover) !important; background-color: var(--primary-green) !important; } #ast-scroll-top:focus .ast-icon.icon-arrow::before { color: var(--color-icon-hover) !important; transform: translateY(-2px) !important; } #ast-scroll-top:active { transform: scale(var(--interactive-active-scale)); color: var(--color-icon-hover) !important; } @media (max-width: 921px) { #ast-scroll-top { bottom: var(--space-24); right: 18px; } } @media (max-width: 544px) { #ast-scroll-top { height: var(--space-56); width: 36px; bottom: var(--space-16); right: 14px; } #ast-scroll-top .ast-icon.icon-arrow::before { font-size: var(--icon-size-sm); } } /* HOME NEWS & EVENTS POST GRID UNLIMITED ELEMENTS */ /* Explicit Elementor container fallback: title left, CTA right. */ .home .elementor-element-f7bfd88 { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: space-between !important; width: 100% !important; } .home .elementor-element-f7bfd88 > .elementor-element-9830f7b { flex: 0 1 auto !important; } .home .elementor-element-f7bfd88 > .elementor-element-91c0629 { display: flex !important; flex: 0 0 50% !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start !important; margin-left: auto !important; } @media (max-width: 921px) { .home .elementor-element-f7bfd88 { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; } .home .elementor-element-f7bfd88 > .elementor-element-91c0629 { flex-basis: 100% !important; width: 100% !important; align-items: flex-start !important; margin-left: 0 !important; } } .ue-grid-item-category a:hover { color: var(--primary-green) !important; } .uc_post_title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .uc_post_title.fallback { display: block; line-height: var(--line-heading); max-height: 2.4em; overflow: hidden; } .ue_p_title { margin: 0 !important; } .uc_more_btn { display: flex !important; align-items: center !important; align-content: center !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: var(--button-height-md) !important; } @media (max-width: 921px) { .uc_post_title { display: flex !important; } } /* HOME NEWS & EVENTS POST GRID ESSENTIAL ADDONS */ .eael-post-grid-container .eael-post-grid { margin: 0 !important; display: flex; gap: var(--home-grid-gap-desktop); } .eael-grid-post .eael-entry-wrapper { padding: 0 !important; } .eael-entry-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin: var(--space-16) 0 0 0 !important; } .eael-entry-meta span.eael-posted-on::before { display: none !important; } .eael-posted-on { color: var(--color-text-medium-grey); font-family: var(--font-family-body); font-size: var(--font-body-md); font-weight: var(--font-weight-semibold); gap: var(--space-0); width: auto; margin: var(--space-24) 0 0 0 !important; } .eael-grid-post-excerpt p { margin: var(--space-24) 0 0 0 !important; font-size: var(--font-body-md) !important; } .eael-post-elements-readmore-btn { display: flex !important; align-items: center !important; align-content: center !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .eael-load-more-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: var(--button-height-md) !important; padding: 0 var(--button-padding-x-md) !important; border: var(--button-border-width) solid var(--primary-green) !important; border-radius: var(--radius-pill) !important; width: 100%; max-width: var(--button-width-wide); font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; transition: transform 0.3s ease, color 0.3s ease !important; color: var(--color-icon-hover) !important; background-color: var(--primary-green) !important; box-shadow: none !important; } .eael-load-more-button:hover, .eael-load-more-button:active, .eael_load_more_text:hover { color: var(--color-white) !important; background-color: var(--primary-green-hover) !important; border-color: var(--primary-green-hover) !important; } /* mudança de layout */ .eael-entry-media .post-carousel-categories { display: none !important; } .home .eael-entry-media, .home .eael-entry-thumbnail, .al4as-post-grid-news-events .eael-entry-media, .al4as-post-grid-news-events .eael-entry-thumbnail { overflow: hidden; } .home .eael-entry-media .eael-entry-thumbnail img, .al4as-post-grid-news-events .eael-entry-media .eael-entry-thumbnail img { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1) !important; transform: translateZ(0) scale(1) !important; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.45s ease-in-out !important; transition: transform 0.45s ease-in-out !important; will-change: transform; } .home .eael-entry-media:hover .eael-entry-thumbnail img, .home .eael-entry-media:focus-within .eael-entry-thumbnail img, .al4as-post-grid-news-events .eael-entry-media:hover .eael-entry-thumbnail img, .al4as-post-grid-news-events .eael-entry-media:focus-within .eael-entry-thumbnail img { -webkit-transform: translateZ(0) scale(1.06) !important; transform: translateZ(0) scale(1.06) !important; } .post-carousel-categories { position: relative !important; z-index: 999999; width: 100%; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; } .post-carousel-categories li { margin-right: 0; margin: var(--space-24) 0 0 0 !important; } .post-carousel-categories li a { color: var(--secondary-green) !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-sm) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-none) !important; text-transform: uppercase !important; text-decoration: none !important; padding: 0 !important; } .post-carousel-categories li a:hover { color: var(--primary-green) !important; } @media (min-width: 1441px) { .eael-grid-post-excerpt p { font-size: var(--font-body-lg) !important; } } @media (max-width: 1290px) { .eael-post-grid-container .eael-post-grid { display: flex; flex-wrap: wrap; gap: var(--home-grid-gap-desktop); } .eael-post-grid-container .eael-post-grid > * { flex: 0 0 calc((100% - var(--home-grid-gap-tablet)) / 2); } } @media (max-width: 921px) { .eael-entry-title { display: flex !important; } .eael-post-grid-container .eael-post-grid { gap: var(--home-grid-gap-tablet); } .eael-post-grid-container .eael-post-grid > * { flex: 0 0 100%; } .eael-posted-on { font-size: var(--font-body-sm); margin: 0 !important; } .eael-grid-post-excerpt p { font-size: var(--font-body-md) !important; margin: var(--space-24) 0 0 0 !important; } .post-carousel-categories li { margin: var(--space-24) 0 0 0 !important; } } @media (max-width: 544px) { .eael-post-grid-container .eael-post-grid { gap: var(--space-48); } h3.eael-entry-title { margin: 12px 0 var(--space-16) 0 !important; } .eael-load-more-button { width: 100% !important; max-width: none !important; } .eael-grid-post-excerpt p { font-size: var(--font-body-sm) !important; line-height: var(--line-body-relaxed) !important; margin: var(--space-16) 0 0 0 !important; } .entry-content .post-carousel-categories { margin: 0 !important; padding: 0 !important; } .post-carousel-categories li { margin: var(--space-16) 0 0 0 !important; } } /* HOME EDUCATION & TRAINING */ .al4as-careers-education-list { width: 100%; } .entry-content .al4as-careers-education-list .eael-feature-list-items { margin: 0 !important; padding: 0 !important; list-style: none !important; } .text-one-line, .al4as-careers-education-list .eael-feature-list-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .al4as-careers-education-list .eael-feature-list-item { display: flex; align-items: center !important; border-bottom: 1px solid var(--color-extra-light-gray); padding: var(--space-16) var(--space-48) var(--space-16) 0; } .al4as-careers-education-list .eael-feature-list-item::after { content: '\e06c'; font-family: var(--font-family-icon); font-size: var(--icon-size-lg); font-weight: var(--font-weight-regular); color: var(--green-500) !important; position: absolute; right: var(--space-8); } .al4as-careers-education-list .eael-feature-list-item:hover::after { color: var(--primary-green) !important; } .al4as-careers-education-list .eael-feature-list-item:hover .eael-feature-list-title a { color: var(--primary-green) !important; } .al4as-careers-education-list .eael-feature-list-item .eael-feature-list-icon svg { fill: var(--green-500) !important; } .al4as-careers-education-list .eael-feature-list-item:hover .eael-feature-list-icon svg { fill: var(--primary-green) !important; } .al4as-careers-education-list .eael-feature-list-title { color: var(--color-title); line-height: var(--line-title) !important; margin: 0 0 var(--space-8) 0 !important; } .entry-content .al4as-careers-education-list .eael-feature-list-title { margin: 0 0 var(--space-8) 0 !important; } .al4as-careers-education-list .eael-feature-list-title a { text-decoration: none; color: var(--color-title); transition: color 0.3s ease-in-out; } .al4as-careers-education-list .eael-feature-list-title a:hover { color: var(--primary-green) !important; } .al4as-careers-education-list .eael-feature-list-content { font-size: var(--font-body-md) !important; color: var(--color-text-medium-grey); line-height: var(--line-body); } @media (max-width: 921px) { .al4as-careers-education-list .eael-feature-list-content { font-size: var(--font-body-sm) !important; } } @media (max-width: 544px) { .text-one-line, .al4as-careers-education-list .eael-feature-list-content { -webkit-line-clamp: 2; line-clamp: 2; } .al4as-careers-education-list .eael-feature-list-item { padding: var(--space-16) 0; } .al4as-careers-education-list .eael-feature-list-item::after { font-size: var(--icon-size-md); right: var(--space-8); display: none !important; } .al4as-careers-education-list .eael-feature-list-content { font-size: var(--font-body-xs) !important; } } /* HOME NEWSLETTER */ .al4as-newsletter-subscribe-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: var(--home-grid-gap-desktop); width: 100%; } .al4as-newsletter-subscribe-fields { display: flex; width: 100%; } .al4as-newsletter-subscribe-fields input { width: 100% !important; box-sizing: border-box; } .al4as-newsletter-subscribe-fields label { width: 100%; margin: 0 !important; } .mc4wp-alert p { font-size: var(--font-body-sm) !important; color: var(--color-white); margin-top: var(--space-24); } .mc4wp-error p { font-size: var(--font-body-sm) !important; margin-top: var(--space-24); } .al4as-newsletter-subscribe-fields input::-webkit-input-placeholder { font-size: var(--form-placeholder-font-size); color: var(--green-300); font-weight: var(--font-weight-regular); opacity: 1; } .al4as-newsletter-subscribe-fields input::-webkit-input-placeholder, .al4as-newsletter-subscribe-fields input::-moz-placeholder, .al4as-newsletter-subscribe-fields input::placeholder { font-size: var(--form-placeholder-font-size); color: var(--green-300); font-weight: var(--font-weight-regular); opacity: 1; } .al4as-newsletter-subscribe-button { display: flex; justify-content: flex-end; margin-top: 0 !important; } .al4as-newsletter-subscribe-button button { margin-top: 0 !important; width: 100% !important; min-width: 208px !important; } @media (max-width: 1290px) { .al4as-newsletter-subscribe-container { display: flex; gap: var(--section-gap-card); width: 100%; flex-direction: column; flex-wrap: wrap; align-items: stretch; align-content: space-between; } .al4as-newsletter-subscribe-button { justify-content: normal; } } @media (max-width: 921px) { .al4as-newsletter-subscribe-container { gap: var(--space-32); } } @media (max-width: 544px) { .al4as-newsletter-subscribe-container { gap: var(--space-24); } } /* background animation */ .elementor-editor-active .newsletter-background-animation { transition: none !important; animation: none !important; } .newsletter-background-animation { width: 100%; height: 100%; background-size: cover !important; background-position: center; background-repeat: no-repeat; background-image: url('https://wpdev.dce.pt/al4as/wp-content/themes/astra-child/assets/img/pattern-skin-animal-1.svg'); transition: background-image 1s ease-in-out !important; } @keyframes zoomIn { 0% { background-size: 100%; } 100% { background-size: 120%; } } /* SEARCH BAR - MENU */ .ast-header-search input[type="search"] { font-size: var(--form-font-size); font-family: var(--font-family-body); font-style: normal; font-weight: var(--font-weight-regular); line-height: var(--line-form); padding: var(--control-padding-y) var(--space-40) var(--control-padding-y) var(--space-16); height: var(--control-height); width: var(--search-menu-width) !important; border-radius: var(--radius-md); box-shadow: none !important; color: var(--color-text) !important; cursor: pointer !important; } .ast-header-search input[type="search"]:focus { border-style: none !important; } .ast-search-menu-icon .search-form { border-radius: var(--radius-md); } .ast-search-menu-icon .search-form:focus-within { outline: var(--focus-outline-width) solid var(--primary-green) !important; outline-offset: 2px; } .ast-header-search label { margin: 0 !important; font-size: var(--form-font-size); } label.ast-search--posttype-heading { text-transform: capitalize; padding: var(--space-16) var(--space-24) var(--space-8) var(--space-24); color: var(--color-text); font-weight: var(--font-weight-medium); } .ast-live-search-results { position: absolute; width: 100%; top: 73px !important; padding: 0; max-height: 400px; height: auto; overflow-x: hidden; overflow-y: auto; background: var(--color-white); z-index: 999999; border-radius: 0; border-top: 2px solid var(--primary-green) !important; border: 0; box-shadow: var(--shadow-floating-panel); } .ast-search-item + .ast-search--posttype-heading { border-top: 2px solid var(--color-extra-light-gray); } a.ast-search-item { position: relative; padding: var(--space-16) var(--space-24); font-size: var(--font-body-xs); font-weight: var(--font-weight-semibold); } a.ast-search-item:hover { background-color: var(--color-white); } /* SEARCH AND CATEGORY PAGES */ .search .ast-archive-description, .archive .ast-archive-description { border-bottom: none; margin: 0 0 0 0 !important; padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; max-width: 100% !important; background-color: var(--secondary-green); background-image: url('https://wpdev.dce.pt/al4as/wp-content/themes/astra-child/assets/img/background-banner-green.png'); background-size: 40%; background-position: calc(100% + 20%) center; background-repeat: no-repeat; text-align: left; } .search .ast-archive-description > *:not(:last-child), .archive .ast-archive-description > *:not(:last-child) { margin-bottom: 0; } .search .site-content section.ast-archive-description, .archive .site-content section.ast-archive-description { margin-bottom: 0; } .search .ast-archive-description h1, .search .ast-archive-description h1 *, .archive .ast-archive-description h1, .archive .ast-archive-description h1 * { font-weight: var(--font-weight-bold); color: var(--color-white) !important; font-size: var(--font-page-title) !important; text-align: left; line-height: var(--line-title) !important; margin: 0 !important; } .search .ast-archive-description h1 span { color: var(--primary-green) !important; -webkit-text-stroke: 1px var(--secondary-green); paint-order: stroke fill; } .search .ast-breadcrumbs-wrapper { display: none !important; } .archive .ast-archive-description p { display: none !important; } .search .site-main, .archive .site-main { margin: var(--section-y-end) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter) !important; max-width: 100% !important; } .search .ast-grid-common-col, .archive .ast-grid-common-col { padding-left: 0 !important; padding-right: 0 !important; } .search .ast-row, .archive .ast-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--section-gap-grid); margin-left: 0 !important; margin-right: 0 !important; } .search .ast-article-post, .archive .ast-article-post { width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; background-color: var(--background-light) !important; border: 2px solid var(--color-extra-light-gray); border-radius: var(--radius-md) !important; overflow: hidden; transition: var(--button-transition); } .search .ast-article-post:hover, .search .ast-article-post:focus-within, .archive .ast-article-post:hover, .archive .ast-article-post:focus-within { border-color: var(--primary-green); } .search .ast-article-inner, .archive .ast-article-inner { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; height: 100%; padding: var(--card-padding-desktop); background-color: var(--background-light) !important; box-shadow: none !important; } .search .post-content, .archive .post-content { display: flex; flex-direction: column; width: 100%; max-width: 100%; min-width: 0; height: 100%; padding: 0; } .search .post-content > .entry-title, .search .post-content > .entry-title a, .archive .post-content > .entry-title, .archive .post-content > .entry-title a { display: block; max-width: 100%; max-height: none; margin: 0 !important; overflow: visible; white-space: normal; text-overflow: clip; color: var(--color-title) !important; font-size: var(--font-title-h5) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-heading) !important; } .search .post-content > .entry-title a:hover, .search .post-content > .entry-title a:focus, .archive .post-content > .entry-title a:hover, .archive .post-content > .entry-title a:focus { color: var(--primary-green) !important; } .search .post-content > .read-more, .archive .post-content > .read-more { margin: auto 0 0 0 !important; padding-top: var(--space-16); font-size: var(--font-body-md) !important; color: var(--secondary-green) !important; } .search .post-content > .read-more a, .search .post-content > .read-more .text-button-readmore, .archive .post-content > .read-more a, .archive .post-content > .read-more .text-button-readmore { color: var(--secondary-green) !important; } .search .post-content > .read-more a:hover, .search .post-content > .read-more a:focus, .search .post-content > .read-more a:hover .text-button-readmore, .search .post-content > .read-more a:focus .text-button-readmore, .archive .post-content > .read-more a:hover, .archive .post-content > .read-more a:focus, .archive .post-content > .read-more a:hover .text-button-readmore, .archive .post-content > .read-more a:focus .text-button-readmore { color: var(--primary-green) !important; } .search .ast-article-post .ast-blog-featured-section, .archive .ast-article-post .ast-blog-featured-section, .search .post-content > .cat-links, .archive .post-content > .cat-links, .search .post-content > .entry-header, .archive .post-content > .entry-header, .search .post-content > .entry-content, .archive .post-content > .entry-content, .search .post-content > .ast-excerpt-container, .archive .post-content > .ast-excerpt-container, .search .ast-author-avatar, .archive .ast-author-avatar { display: none !important; } /* Search without results */ .search-no-results .no-results .widget_search .search-form .search-field { font-size: var(--font-body-sm); font-family: var(--font-family-body); font-style: normal; font-weight: var(--font-weight-regular); line-height: var(--line-form); padding: var(--space-8) var(--space-16); height: var(--control-height); width: 100% !important; border-radius: var(--radius-md); box-shadow: none !important; color: var(--color-text) !important; cursor: pointer !important; border-width: 2px; border-style: solid; border-color: var(--color-extra-light-gray) !important; background-color: var(--color-white) !important; } .search-no-results .no-results .widget_search .search-form .search-field:focus { border-color: var(--primary-green) !important; outline: none; } .search-no-results .no-results .widget_search .search-form .search-field:disabled { background-color: var(--color-text-light-grey); color: var(--color-text-medium-grey) !important; cursor: not-allowed; border-color: var(--color-text-light-grey); } .search-no-results .no-results .widget_search .search-form button { top: 11px; right: var(--space-16); box-shadow: none !important; } .search-no-results .no-results .widget_search .search-form input[type=submit], .search-no-results .no-results .widget_search .search-form input[type=submit]:focus { box-shadow: none !important; } .search-no-results .no-results label.ast-search--posttype-heading, .search-no-results .no-results label.ast-search--no-results-heading { margin: 0 !important; font-size: var(--font-body-sm) !important; } .search-no-results .no-results a.ast-search-item { text-align: left; } /* Category - empty state */ .category .no-results { width: 100%; max-width: 100%; margin: 0 auto !important; padding: 0; text-align: center; } .category .no-results .page-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; max-width: 100%; margin: 0; padding: 0; } .category .no-results .page-content > p { width: 100%; max-width: 100%; margin: 0 !important; padding: 0; color: var(--color-text); font-size: var(--font-body-md); line-height: var(--line-body); } .category .no-results .search-form { box-sizing: border-box; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; max-width: var(--search-menu-width); height: var(--control-height); margin: var(--space-32) auto 0; border: 2px solid var(--color-extra-light-gray) !important; border-radius: var(--radius-md); background-color: var(--color-white) !important; box-shadow: none !important; transition: var(--button-transition); } .category .no-results .search-form label { display: block; width: 100%; height: 100%; margin: 0 !important; } .category .no-results .search-form input[type="search"] { display: block; width: 100% !important; max-width: 100%; height: 100%; margin: 0; padding: var(--control-padding-y) var(--space-48) var(--control-padding-y) var(--space-16); border: 0 !important; border-radius: var(--radius-md); background-color: var(--color-white) !important; box-shadow: none !important; color: var(--color-text) !important; font-family: var(--font-family-body); font-size: var(--form-font-size); font-style: normal; font-weight: var(--font-weight-regular); line-height: var(--line-form); cursor: text !important; transition: var(--button-transition); } .category .no-results .search-form:focus-within { border-color: var(--secondary-green) !important; outline: var(--focus-outline-width) solid var(--primary-green); outline-offset: 2px; } .category .no-results .search-form input[type="search"]:focus { border: 0 !important; outline: none; } .category .no-results .search-form button.search-submit { position: absolute !important; top: -2px !important; right: -2px !important; bottom: auto !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: var(--control-height) !important; min-width: var(--control-height) !important; height: var(--control-height) !important; min-height: var(--control-height) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 var(--radius-md) var(--radius-md) 0 !important; background-color: transparent !important; box-shadow: none !important; color: var(--secondary-green) !important; line-height: var(--line-none); transform: none; transition: var(--button-transition); } .category .no-results .search-form button.search-submit:hover, .category .no-results .search-form button.search-submit:focus { background-color: transparent !important; color: var(--primary-green) !important; } .category .no-results .search-form button.search-submit:focus { outline: none; } .category .no-results .search-form button.search-submit:active { transform: scale(var(--interactive-active-scale)); } .category .no-results .search-form button.search-submit svg { display: block; width: var(--icon-size-md); height: var(--icon-size-md); } .category .no-results .search-form > input.search-submit { display: none !important; } @media (min-width: 1441px) { .category .no-results .page-content > p { font-size: var(--font-body-lg); } .search .ast-archive-description, .archive .ast-archive-description { background-position: calc(100% + 10%) center; padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; } .search .site-main, .archive .site-main { padding: 0 var(--page-gutter) !important; } .search .ast-row, .archive .ast-row { gap: var(--section-gap-grid); } } @media (max-width: 544px) { .category .no-results .page-content > p { font-size: var(--font-body-sm); } .category .no-results .search-form { max-width: 100%; } } @media (max-width: 1320px) { .search .ast-archive-description, .archive .ast-archive-description { background-size: 35%; background-position: calc(100% + 25%) center; } } @media (max-width: 1290px) { .search .ast-row, .archive .ast-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .search .ast-article-inner, .archive .ast-article-inner { padding: var(--card-padding-tablet); } } @media (max-width: 921px) { .search .ast-archive-description, .archive .ast-archive-description { margin: 0 0 0 0 !important; padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; background-size: 45% !important; background-position: calc(100% + 40%) center; } .search .site-main, .archive .site-main { margin: var(--section-y-end) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter) !important; } .search .ast-row, .archive .ast-row { grid-template-columns: minmax(0, 1fr); gap: var(--section-gap-grid); } } @media (max-width: 544px) { .search .ast-archive-description, .archive .ast-archive-description { margin: 0 0 0 0 !important; padding: var(--section-title-y-start) var(--page-gutter) var(--section-title-y-end) var(--page-gutter) !important; background-size: 40% !important; background-position: calc(100% + 35%) center; } .search .site-main, .archive .site-main { margin: var(--section-y-end) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter) !important; } .search .ast-row, .archive .ast-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-24); } .search .ast-article-inner, .archive .ast-article-inner { padding: var(--card-padding-mobile); } .search .post-content > .read-more, .archive .post-content > .read-more { padding-top: var(--space-8); } } /* PAGINATION */ .search .ast-pagination, .archive .ast-pagination { margin: 0 !important; padding: var(--pagination-padding-desktop) !important; border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color)); } .search .ast-pagination .nav-links, .archive .ast-pagination .nav-links { min-width: 0; text-align: center; } .search .ast-pagination .nav-links::after, .archive .ast-pagination .nav-links::after { content: ""; display: table; clear: both; } .search .ast-pagination .page-numbers, .archive .ast-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: var(--pagination-item-size); height: var(--pagination-item-size); color: var(--color-black); font-weight: var(--font-weight-bold); font-size: var(--font-body-xs); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 5px !important; border: 2px solid var(--primary-green); border-radius: var(--radius-round); line-height: calc(2.33333em - 4px); cursor: pointer; } .search .ast-pagination .page-numbers.current, .archive .ast-pagination .page-numbers.current { color: var(--color-white); border-color: var(--secondary-green); background-color: var(--secondary-green); } .search .ast-pagination .page-numbers.current:hover, .archive .ast-pagination .page-numbers.current:hover { color: var(--color-white); border-color: var(--secondary-green); background-color: var(--secondary-green); } .search .ast-pagination a.page-numbers:hover, .search .ast-pagination a.page-numbers:focus, .archive .ast-pagination a.page-numbers:hover, .archive .ast-pagination a.page-numbers:focus { color: var(--color-icon-hover); border-color: var(--primary-green); background-color: var(--primary-green); } .search .ast-pagination .dots, .archive .ast-pagination .dots { color: var(--color-text-medium-grey); border-color: transparent; background-color: transparent; cursor: default; pointer-events: none; } .search .ast-pagination .prev.page-numbers, .search .ast-pagination .next.page-numbers, .archive .ast-pagination .prev.page-numbers, .archive .ast-pagination .next.page-numbers { border: none !important; } .search .ast-pagination .prev.page-numbers:hover, .search .ast-pagination .prev.page-numbers:focus, .search .ast-pagination .next.page-numbers:hover, .search .ast-pagination .next.page-numbers:focus, .archive .ast-pagination .prev.page-numbers:hover, .archive .ast-pagination .prev.page-numbers:focus, .archive .ast-pagination .next.page-numbers:hover, .archive .ast-pagination .next.page-numbers:focus { color: var(--primary-green); border: none !important; background-color: transparent; } .search .ast-pagination .next.page-numbers, .archive .ast-pagination .next.page-numbers { float: right; padding-right: 0; text-align: right; } .search .ast-pagination .prev.page-numbers, .archive .ast-pagination .prev.page-numbers { float: left; padding-left: 0; text-align: left; } .search .ast-pagination .prev, .search .ast-pagination .prev:visited, .search .ast-pagination .prev:focus, .search .ast-pagination .next, .search .ast-pagination .next:visited, .search .ast-pagination .next:focus, .archive .ast-pagination .prev, .archive .ast-pagination .prev:visited, .archive .ast-pagination .prev:focus, .archive .ast-pagination .next, .archive .ast-pagination .next:visited, .archive .ast-pagination .next:focus { display: inline-flex; align-items: center; width: auto !important; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; background-color: transparent !important; } .search .ast-pagination .ast-right-arrow, .search .ast-pagination .ast-left-arrow, .archive .ast-pagination .ast-right-arrow, .archive .ast-pagination .ast-left-arrow { top: 0; width: 1em; height: 1em; font-size: var(--font-body-xs); color: var(--secondary-green); fill: var(--secondary-green) !important; transition: var(--button-transition), fill 0.3s ease-in-out; } .search .ast-pagination .ast-right-arrow svg, .search .ast-pagination .ast-left-arrow svg, .archive .ast-pagination .ast-right-arrow svg, .archive .ast-pagination .ast-left-arrow svg { transition: var(--button-transition), fill 0.3s ease-in-out; } .search .ast-pagination a.next:hover .ast-right-arrow, .search .ast-pagination a.next:focus .ast-right-arrow, .archive .ast-pagination a.next:hover .ast-right-arrow, .archive .ast-pagination a.next:focus .ast-right-arrow { transform: translateX(3px); transform: translateX(var(--interactive-arrow-shift)); color: var(--primary-green) !important; fill: var(--primary-green) !important; } .search .ast-pagination a.prev:hover .ast-left-arrow, .search .ast-pagination a.prev:focus .ast-left-arrow, .archive .ast-pagination a.prev:hover .ast-left-arrow, .archive .ast-pagination a.prev:focus .ast-left-arrow { transform: translateX(-3px); transform: translateX(calc(0px - var(--interactive-arrow-shift))); color: var(--primary-green) !important; fill: var(--primary-green) !important; } @media (max-width: 921px) { .search .ast-pagination, .archive .ast-pagination { margin: 0 !important; padding: var(--pagination-padding-tablet) !important; } } @media (max-width: 544px) { .search .ast-pagination, .archive .ast-pagination { margin: 0 !important; padding: var(--pagination-padding-mobile) !important; } .search .ast-pagination .page-numbers, .archive .ast-pagination .page-numbers { font-size: var(--font-caption); } } /* POST PAGES */ .ast-container { margin: 0 !important; padding: 0 !important; } .ast-plain-container.ast-no-sidebar #primary { margin-top: 0 !important; margin-bottom: 0 !important; } .single .site-content .ast-single-post-featured-section.post-thumb { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; overflow: hidden; } .single header.entry-header .post-thumb img, .single .ast-single-post-featured-section.post-thumb img { display: block; width: 100% !important; height: var(--single-featured-max-height) !important; max-height: none !important; object-fit: cover; } .single .entry-content[data-ast-blocks-layout] > * { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; } .single .ast-single-post-featured-section + article { margin: var(--single-article-y-start) 0 var(--single-article-y-end) 0 !important; padding: 0 var(--page-gutter) !important; max-width: 100% !important; } .single header.entry-header .entry-title { display: block !important; font-weight: var(--font-weight-bold) !important; color: var(--color-title) !important; font-size: var(--font-page-title) !important; margin: 0 !important; } .single header.entry-header .entry-meta, .single header.entry-header .entry-meta * { font-weight: var(--font-weight-semibold); font-size: var(--font-body-lg) !important; margin: var(--space-32) 0 var(--space-48) 0; color: var(--color-text-medium-grey); } .single header.entry-header .entry-meta a, .single header.entry-header .entry-meta a:visited { color: var(--secondary-green) !important; font-weight: var(--font-weight-bold) !important; text-decoration: none !important; transition: color 0.3s ease-in-out; } .single header.entry-header .entry-meta a *, .single header.entry-header .entry-meta a:visited * { color: inherit !important; font-weight: inherit !important; } .single header.entry-header .entry-meta a:hover, .single header.entry-header .entry-meta a:focus { color: var(--primary-green) !important; } .single .entry-header { margin-bottom: var(--space-48); } .single .post-navigation { margin: 0 !important; padding: var(--pagination-padding-desktop) !important; } .single .post-navigation .nav-links { display: flex !important; width: 100%; } .single .post-navigation .nav-previous, .single .post-navigation .nav-next { width: 50%; min-width: 0; margin-bottom: 0; } .single .post-navigation .nav-next:first-child { margin-left: auto; } .single .post-navigation .nav-previous a, .single .post-navigation .nav-next a { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; height: auto !important; color: var(--color-title); line-height: var(--line-body); transition: var(--button-transition); } .single .post-navigation .nav-previous a { padding: 0 var(--space-16) 0 0; } .single .post-navigation .nav-next a { padding: 0 0 0 var(--space-16); } .single .post-navigation a .ast-post-nav { display: flex !important; align-items: center; gap: var(--space-8); font-weight: var(--font-weight-bold); font-size: var(--font-body-xs) !important; line-height: var(--line-button); white-space: nowrap; } .single .post-navigation .nav-previous .ast-post-nav { justify-content: flex-start; } .single .post-navigation .nav-next .ast-post-nav { justify-content: flex-end; } .single .post-navigation .ast-post-nav .ahfb-svg-iconset { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 0; transition: transform 0.3s ease-in-out; } .single .post-navigation .ast-post-nav .ahfb-svg-iconset svg { display: block; width: var(--icon-size-sm) !important; height: var(--icon-size-sm) !important; margin: 0 !important; position: static !important; top: auto !important; color: var(--secondary-green) !important; fill: currentColor !important; transition: color 0.3s ease-in-out, fill 0.3s ease-in-out !important; } .single .post-navigation a:hover, .single .post-navigation a:focus { color: var(--primary-green) !important; text-decoration: none !important; } .single .post-navigation a:focus { outline: var(--focus-outline-width) solid var(--primary-green); outline-offset: var(--focus-outline-offset); } .single .post-navigation a:hover .ahfb-svg-iconset svg, .single .post-navigation a:focus .ahfb-svg-iconset svg { color: var(--primary-green) !important; } .single .post-navigation .nav-previous a:hover .ahfb-svg-iconset, .single .post-navigation .nav-previous a:focus .ahfb-svg-iconset { transform: translateX(calc(0px - var(--interactive-arrow-shift))); } .single .post-navigation .nav-next a:hover .ahfb-svg-iconset, .single .post-navigation .nav-next a:focus .ahfb-svg-iconset { transform: translateX(var(--interactive-arrow-shift)); } .single .post-navigation a p { margin: var(--space-8) 0 0 0; max-width: 100%; overflow: hidden; color: inherit; font-size: var(--font-body-sm) !important; line-height: var(--line-body-relaxed); white-space: nowrap; text-overflow: ellipsis; transition: var(--button-transition); } .no-flex-gap .single .post-navigation a .ast-post-nav { gap: 0; } .no-flex-gap .single .post-navigation .nav-previous .ast-post-nav .ahfb-svg-iconset { margin-right: var(--space-8) !important; } .no-flex-gap .single .post-navigation .nav-next .ast-post-nav .ahfb-svg-iconset { margin-left: var(--space-8) !important; } @media (min-width: 1441px) { .single .ast-single-post-featured-section + article { padding: 0 var(--page-gutter) !important; } } @media (min-width: 1601px) { .single-post header.entry-header .post-thumb img, .single-post .ast-single-post-featured-section.post-thumb img { height: 576px !important; height: 30vw !important; max-height: 640px !important; } } @media (max-width: 921px) { .single header.entry-header .post-thumb img, .single .ast-single-post-featured-section.post-thumb img { height: var(--single-featured-max-height-tablet) !important; } .single .ast-single-post-featured-section + article { margin: var(--single-article-y-start) 0 var(--single-article-y-end) 0 !important; padding: 0 var(--page-gutter) !important; } .single .entry-header { margin-bottom: var(--space-40); } .single header.entry-header .entry-meta, .single header.entry-header .entry-meta * { font-size: var(--font-body-md) !important; margin: var(--space-32) 0 var(--space-40) 0; } .single .post-navigation { margin: 0 !important; padding: var(--pagination-padding-tablet) !important; } } @media (max-width: 544px) { .single header.entry-header .post-thumb img, .single .ast-single-post-featured-section.post-thumb img { height: var(--single-featured-max-height-mobile) !important; } .single .ast-single-post-featured-section + article { margin: var(--single-article-y-start) 0 var(--single-article-y-end) 0 !important; padding: 0 var(--page-gutter) !important; } .single .entry-header { margin-bottom: var(--space-32); } .single header.entry-header .entry-meta, .single header.entry-header .entry-meta * { font-size: var(--font-body-sm) !important; margin: var(--space-32) 0 var(--space-32) 0; } .single .post-navigation { margin: 0 !important; padding: var(--pagination-padding-mobile) !important; } .single .post-navigation .nav-links { padding-left: 0 !important; padding-right: 0 !important; } .single .post-navigation a p { display: none !important; } } /* ERROR PAGE */ .error404 .ast-404-layout-1 { margin: var(--section-y-end) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter-desktop) !important; width: 100%; max-width: 100% !important; } .error404 .page-title { font-weight: var(--font-weight-bold) !important; color: var(--color-title) !important; font-size: var(--font-page-title) !important; line-height: var(--line-title) !important; margin: 0 !important; } .error404 .page-header { margin-bottom: var(--space-32); } .error404 .page-sub-title { margin: 0 !important; line-height: var(--line-body); } .error404 .ast-404-search { width: 100%; margin-top: var(--space-32); } .error404 .ast-404-search .widget_search { width: 100%; max-width: var(--search-menu-width); margin: 0 auto !important; padding-top: 0; } .error404 .ast-404-search .search-form { box-sizing: border-box; position: relative; display: flex; align-items: center; width: 100%; max-width: 100%; height: var(--control-height); margin: 0; border: 2px solid var(--color-extra-light-gray) !important; border-radius: var(--radius-md); background-color: var(--color-white) !important; box-shadow: none !important; transition: var(--button-transition); } .error404 .ast-404-search .search-form label { display: block; width: 100%; height: 100%; margin: 0 !important; } .error404 .ast-404-search .search-form input[type="search"] { display: block; width: 100% !important; max-width: 100%; height: 100%; margin: 0; padding: var(--control-padding-y) var(--space-48) var(--control-padding-y) var(--space-16); border: 0 !important; border-radius: var(--radius-md); background-color: var(--color-white) !important; box-shadow: none !important; color: var(--color-text) !important; font-family: var(--font-family-body); font-size: var(--form-font-size); font-style: normal; font-weight: var(--font-weight-regular); line-height: var(--line-form); cursor: text !important; transition: var(--button-transition); } .error404 .ast-404-search .search-form:focus-within { border-color: var(--secondary-green) !important; outline: var(--focus-outline-width) solid var(--primary-green); outline-offset: 2px; } .error404 .ast-404-search .search-form input[type="search"]:focus { border: 0 !important; outline: none; } .error404 .ast-404-search .search-form button.search-submit { position: absolute !important; top: -2px !important; right: -2px !important; bottom: auto !important; display: flex !important; align-items: center; justify-content: center; width: var(--control-height) !important; min-width: var(--control-height) !important; height: var(--control-height) !important; min-height: var(--control-height) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 var(--radius-md) var(--radius-md) 0 !important; background-color: transparent !important; box-shadow: none !important; color: var(--secondary-green) !important; line-height: var(--line-none); transform: none; transition: var(--button-transition); } .error404 .ast-404-search .search-form button.search-submit:hover, .error404 .ast-404-search .search-form button.search-submit:focus { background-color: transparent !important; color: var(--primary-green) !important; } .error404 .ast-404-search .search-form button.search-submit:focus { outline: none; } .error404 .ast-404-search .search-form button.search-submit:active { transform: scale(var(--interactive-active-scale)); } .error404 .ast-404-search .search-form button.search-submit svg { display: block; width: var(--icon-size-md); height: var(--icon-size-md); } .error404 .ast-404-search .search-form > input.search-submit { display: none !important; } .error-404 .page-sub-title { font-size: var(--font-body-md); } @media (min-width: 1441px) { .error-404 .page-sub-title { font-size: var(--font-body-lg); } } @media (max-width: 921px) { .error404 .ast-404-layout-1 { margin: var(--section-y-end) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter-tablet) !important; } } @media (max-width: 544px) { .error404 .ast-404-layout-1 { margin: var(--section-y-end) 0 var(--section-y-end) 0 !important; padding: 0 var(--page-gutter-mobile) !important; } .error404 .ast-404-search .widget_search { max-width: 100%; } .error-404 .page-sub-title { font-size: var(--font-body-sm); } } /* NOTIFICATION MESSAGES */ .notice { padding: var(--notice-padding-y) var(--notice-padding-x); margin: 0 0 var(--space-32) 0; font-size: var(--font-body-xs); line-height: var(--line-body); border-width: 2px; border-style: solid; border-color: var(--color-extra-light-gray); background-color: var(--background-light); color: var(--color-text-medium-grey); } /* LOGIN PAGE */ .page-id-451 .al4as-section-fullwidth { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; } .page-id-451 .al4as-section-fullwidth > .e-con { box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .login-links { margin-top: var(--space-32); } #loginform .login-submit { margin: var(--button-margin-top) 0 0 0 !important; width: 100% !important; } #loginform #wp-submit { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } .login-remember label { font-weight: var(--font-weight-regular) !important; } .page-id-451 .openid_connect_generic_login_button { display: block !important; width: 100% !important; height: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: inherit !important; cursor: default !important; transition: none !important; } .page-id-451 .openid-connect-login-button > a.button, .page-id-451 .openid-connect-login-button > a.button:visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: var(--button-height-md) !important; padding: 0 var(--button-padding-x-md) !important; border: var(--button-border-width) solid var(--button-border-color) !important; border-radius: var(--radius-pill) !important; background-color: var(--button-bg) !important; color: var(--button-color) !important; font-family: var(--font-family-body) !important; font-size: var(--button-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; text-shadow: none !important; box-shadow: none !important; box-sizing: border-box; cursor: pointer !important; transition: var(--button-transition) !important; } .page-id-451 .openid-connect-login-button > a.button:hover, .page-id-451 .openid-connect-login-button > a.button:visited:hover { border-color: var(--button-hover-bg) !important; background-color: var(--button-hover-bg) !important; color: var(--button-hover-color) !important; text-decoration: none !important; } .page-id-451 .openid-connect-login-button > a.button:focus { border-color: var(--button-hover-bg) !important; background-color: var(--button-hover-bg) !important; color: var(--button-hover-color) !important; outline: var(--focus-outline-width) solid var(--button-hover-color) !important; outline-offset: var(--focus-outline-offset) !important; } .page-id-451 .openid-connect-login-button > a.button:active { border-color: var(--button-hover-bg) !important; background-color: var(--button-hover-bg) !important; color: var(--button-hover-color) !important; transform: scale(var(--interactive-active-scale)); } @media (min-width: 922px) { .page-id-451 .al4as-section-fullwidth > .e-con { width: 40% !important; max-width: 40% !important; } } @media (max-width: 921px) { #loginform .login-submit { margin: var(--button-margin-top-tablet) 0 0 0 !important; } .page-id-451 .openid-connect-login-button > a.button { padding: 0 var(--button-padding-x-lg-mobile) !important; } } @media (max-width: 544px) { #loginform .login-submit { margin: var(--button-margin-top-mobile) 0 0 0 !important; } .page-id-451 .openid-connect-login-button > a.button { height: var(--button-height-lg-mobile) !important; padding: 0 var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; line-height: var(--line-button) !important; } } /* NATIVE WP LOGIN */ .login-action-lostpassword .openid-connect-login-button { display: none !important; } body.login { background: var(--color-white) !important; color: var(--color-text) !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; line-height: var(--line-body) !important; } body.login #login { box-sizing: border-box; width: calc(100% - (var(--page-gutter) * 2)) !important; width: min(100% - calc(var(--page-gutter) * 2), 456px) !important; max-width: 456px !important; margin: 0 auto !important; padding: var(--space-96) 0 var(--section-y-end) !important; padding: clamp(var(--space-96), calc(74.46px + 5.38vw), var(--space-152)) 0 var(--section-y-end) !important; } body.login #login h1.wp-login-logo { margin: 0 0 var(--space-32) !important; padding: 0 !important; } body.login #login h1.wp-login-logo a { margin: 0 auto !important; } body.login #login form { display: flow-root !important; margin: var(--space-32) 0 0 !important; padding: 0 !important; border: 0 !important; background: var(--color-white) !important; box-shadow: none !important; color: var(--color-text) !important; overflow: visible !important; } body.login #login form p { margin: 0 0 var(--space-24) !important; } body.login #login form p.submit { margin: var(--button-margin-top) 0 0 !important; margin-left: calc(var(--focus-outline-offset) * -1) !important; margin-right: calc(var(--focus-outline-offset) * -1) !important; padding: var(--focus-outline-offset) !important; overflow: visible !important; } body.login #login label, body.login #login legend { display: block !important; margin: 0 0 var(--space-8) !important; color: var(--color-text) !important; font-family: var(--font-family-body) !important; font-size: var(--form-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-form) !important; } body.login #login input.input, body.login #login input[type="text"], body.login #login input[type="password"], body.login #login input[type="email"], body.login #login select { width: 100% !important; min-height: var(--control-height) !important; padding: var(--control-padding-y) var(--control-padding-x) !important; border: 2px solid var(--color-extra-light-gray) !important; border-radius: var(--radius-md) !important; background-color: var(--color-white) !important; color: var(--color-text) !important; font-family: var(--font-family-body) !important; font-size: var(--form-font-size) !important; font-weight: var(--font-weight-regular) !important; line-height: var(--line-form) !important; box-shadow: none !important; margin: 0 !important; } body.login #login input.input:focus, body.login #login input[type="text"]:focus, body.login #login input[type="password"]:focus, body.login #login input[type="email"]:focus, body.login #login select:focus { border-color: var(--primary-green) !important; outline: 0 !important; box-shadow: none !important; } body.login #login .forgetmenot { margin: var(--space-24) 0 0 !important; } body.login #login .forgetmenot label { display: inline-flex !important; align-items: center !important; gap: var(--space-8) !important; margin: 0 !important; font-weight: var(--font-weight-regular) !important; } body.login #wp-submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: var(--button-height-md) !important; padding: 0 var(--button-padding-x-md) !important; border: var(--button-border-width) solid var(--button-border-color) !important; border-radius: var(--radius-pill) !important; background-color: var(--button-bg) !important; color: var(--button-color) !important; font-family: var(--font-family-body) !important; font-size: var(--button-font-size) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-button) !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; text-shadow: none !important; box-shadow: none !important; cursor: pointer !important; transition: var(--button-transition) !important; } body.login #wp-submit:hover, body.login #wp-submit:focus { border-color: var(--button-hover-bg) !important; background-color: var(--button-hover-bg) !important; color: var(--button-hover-color) !important; } body.login #wp-submit:focus { outline: var(--focus-outline-width) solid var(--button-hover-color) !important; outline-offset: var(--focus-outline-offset) !important; } body.login #wp-submit:active { border-color: var(--button-hover-bg) !important; background-color: var(--button-hover-bg) !important; color: var(--button-hover-color) !important; transform: scale(var(--interactive-active-scale)); } body.login #login .notice, body.login #login .message, body.login #login #login_error { margin: var(--space-24) 0 0 !important; padding: var(--space-16) var(--space-24) !important; border: 0 !important; border-radius: var(--radius-md) !important; background: var(--background-light) !important; color: var(--color-text) !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-sm) !important; line-height: var(--line-body-relaxed) !important; box-shadow: none !important; } body.login #login .notice p, body.login #login .message p, body.login #login #login_error p { margin: 0 !important; font-size: inherit !important; line-height: inherit !important; } body.login #nav, body.login #backtoblog, body.login .privacy-policy-page-link { display: block !important; margin: var(--space-16) 0 0 !important; padding: 0 !important; text-align: left !important; color: var(--color-text) !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-sm) !important; line-height: var(--line-body) !important; } body.login #nav { margin-top: 0 !important; padding-top: var(--space-48) !important; } body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-page-link a, body.login #login .notice a, body.login #login .message a, body.login #login #login_error a, body.login #nav a:visited, body.login #backtoblog a:visited, body.login .privacy-policy-page-link a:visited, body.login #login .notice a:visited, body.login #login .message a:visited, body.login #login #login_error a:visited { color: var(--secondary-green) !important; font-family: var(--font-family-body) !important; font-weight: var(--font-weight-regular) !important; text-decoration: underline !important; text-underline-offset: 2px; } body.login #nav a:hover, body.login #backtoblog a:hover, body.login .privacy-policy-page-link a:hover, body.login #login .notice a:hover, body.login #login .message a:hover, body.login #login #login_error a:hover { color: var(--green-700) !important; } body.login #nav a:focus, body.login #backtoblog a:focus, body.login .privacy-policy-page-link a:focus, body.login #login .notice a:focus, body.login #login .message a:focus, body.login #login #login_error a:focus { color: var(--green-700) !important; outline: var(--focus-outline-width) solid var(--primary-green) !important; outline-offset: 2px; } body.login #nav a:active, body.login #backtoblog a:active, body.login .privacy-policy-page-link a:active, body.login #login .notice a:active, body.login #login .message a:active, body.login #login #login_error a:active { color: var(--green-800) !important; } body.login .language-switcher { display: none !important; } @media (min-width: 1441px) { body.login { font-size: var(--font-body-lg) !important; } body.login #login label, body.login #login legend, body.login #login input.input, body.login #login input[type="text"], body.login #login input[type="password"], body.login #login input[type="email"], body.login #login select { font-size: var(--form-font-size-lg) !important; } } @media (max-width: 921px) { body.login #login { padding: var(--section-y-start) 0 var(--section-y-end) !important; } body.login #login form p.submit { margin-top: var(--button-margin-top-tablet) !important; } } @media (max-width: 921px) and (min-width: 545px) { body.login #login { width: calc(100% - calc(var(--page-gutter) * 2)) !important; max-width: none !important; } } @media (max-width: 544px) { body.login { font-size: var(--font-body-sm) !important; } body.login #login { width: calc(100% - calc(var(--page-gutter) * 2)) !important; max-width: none !important; } body.login #login h1.wp-login-logo { margin-bottom: var(--space-24) !important; } body.login #login form { margin-top: var(--space-24) !important; } body.login #login form p { margin-bottom: var(--space-16) !important; } body.login #login form p.submit { margin-top: var(--button-margin-top-mobile) !important; } body.login #nav { margin-top: 0 !important; padding-top: var(--space-40) !important; } body.login #login label, body.login #login legend, body.login #login input.input, body.login #login input[type="text"], body.login #login input[type="password"], body.login #login input[type="email"], body.login #login select { font-size: var(--form-font-size-mobile) !important; } body.login #wp-submit { height: var(--button-height-lg-mobile) !important; padding: 0 var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; } } /* READ MORE TEXT BUTTON */ .text-button-readmore { display: inline-flex; align-items: center; gap: var(--space-8); font-weight: var(--font-weight-semibold); text-decoration: none; } .ast-read-more-container a { text-decoration: none !important; } .text-button-readmore i { font-size: var(--font-body-md); font-weight: var(--font-weight-semibold); color: var(--primary-green) !important; transition: transform 0.3s ease-in-out; } .text-button-readmore:hover i { transform: translateX(var(--interactive-arrow-shift)); } /* NEWS & EVENTS */ .al4as-post-grid-news-events .eael-post-grid-container .eael-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--section-gap-grid); } .al4as-post-grid-news-events .eael-post-grid-container .eael-post-grid .eael-grid-post { width: 100% !important; } .al4as-post-grid-news-events .eael-entry-media, .al4as-post-grid-news-events .eael-entry-thumbnail, .al4as-post-grid-news-events .eael-entry-media img { width: 100%; height: 300px !important; } .al4as-post-grid-news-events .eael-entry-media img { object-fit: cover; } .al4as-post-grid-news-events .eael-entry-title { margin: var(--space-16) 0 0 0 !important; } .al4as-post-grid-news-events .eael-entry-wrapper .post-carousel-categories { display: none !important; } .al4as-post-grid-news-events .eael-entry-media .post-carousel-categories { display: block !important; position: absolute !important; padding: 4px var(--space-24) 6px var(--space-16) !important; background-color: var(--primary-green); overflow: hidden; -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 89% 100%, 100% 100%, 0 100%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .al4as-post-grid-news-events .post-carousel-categories li { margin: 0 !important; } .al4as-post-grid-news-events .post-carousel-categories li a { color: var(--color-icon-hover) !important; font-size: var(--font-overline) !important; } .al4as-post-grid-news-events .post-carousel-categories li a:hover { color: var(--color-white) !important; } .al4as-post-grid-news-events .eael-post-elements-readmore-btn { margin-top: var(--button-margin-top) !important; } .al4as-post-grid-news-events .eael-grid-post-excerpt > p { display: -webkit-box !important; height: 3.9em !important; min-height: 3.9em !important; max-height: 3.9em !important; overflow: hidden !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3 !important; line-clamp: 3; text-overflow: ellipsis; } @media (min-width: 1441px) { .al4as-post-grid-news-events .eael-grid-post-excerpt > p { height: 4.2em !important; min-height: 4.2em !important; max-height: 4.2em !important; } } @media (max-width: 544px) { .al4as-post-grid-news-events .eael-grid-post-excerpt > p { height: 4.2em !important; min-height: 4.2em !important; max-height: 4.2em !important; } } .al4as-category-filters { display: flex; justify-content: center; gap: var(--news-filter-gap); margin: 0 0 var(--space-64) 0; } .al4as-category-filters .al4as-filter-btn { height: var(--button-height-lg) !important; padding: 0 var(--button-padding-x-lg) !important; font-size: var(--button-font-size) !important; } .al4as-filter-btn.active, .al4as-filter-btn:active { background-color: var(--secondary-green) !important; color: var(--color-white) !important; border: var(--button-border-width) solid var(--secondary-green) !important; } .al4as-filter-btn.disabled, .al4as-filter-btn:disabled { background-color: transparent !important; color: var(--color-title) !important; border: var(--button-border-width) solid var(--primary-green) !important; } .al4as-post-loading, .al4as-filter-loading, .al4as-loading-spinner { text-align: center; margin: var(--space-24) 0 var(--space-64) 0; align-items: center; justify-content: center; } .loader-spinner { position: relative; right: var(--space-8) !important; display: inline-block; vertical-align: middle; width: var(--loading-spinner-size); height: var(--loading-spinner-size); border: 4px solid var(--color-light-gray); border-top-color: var(--primary-green); border-radius: var(--radius-round); animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } @media (max-width: 1290px) { .al4as-post-grid-news-events .eael-post-grid-container .eael-post-grid { grid-template-columns: repeat(2, 1fr); gap: var(--section-gap-grid); } } @media (max-width: 921px) { .al4as-post-grid-news-events .eael-post-grid-container .eael-post-grid { grid-template-columns: repeat(1, 1fr); gap: var(--section-gap-grid); } .al4as-post-grid-news-events .eael-entry-media, .al4as-post-grid-news-events .eael-entry-thumbnail, .al4as-post-grid-news-events .eael-entry-media img { height: 280px !important; } .al4as-post-grid-news-events .eael-post-elements-readmore-btn { margin-top: var(--button-margin-top-tablet) !important; } .al4as-category-filters { display: flex; flex-wrap: nowrap; justify-content: center; gap: var(--news-filter-gap-mobile); padding-bottom: var(--space-8); margin: 0 0 var(--space-40) 0; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .al4as-category-filters::-webkit-scrollbar { display: none; } .al4as-filter-btn { flex: 0 0 auto; scroll-snap-align: start; white-space: nowrap; } .al4as-category-filters button { scroll-snap-align: start; white-space: nowrap; flex-shrink: 0; } .al4as-category-filters .al4as-filter-btn { height: var(--button-height-lg-tablet) !important; padding: 0 var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; } } @media (max-width: 544px) { .al4as-post-grid-news-events .eael-post-grid-container .eael-post-grid { gap: var(--space-48); } .al4as-post-grid-news-events .eael-entry-media, .al4as-post-grid-news-events .eael-entry-thumbnail, .al4as-post-grid-news-events .eael-entry-media img { height: 250px !important; } .al4as-post-grid-news-events .eael-entry-title { margin: 12px 0 var(--space-16) 0 !important; } .al4as-post-grid-news-events .eael-post-elements-readmore-btn { margin-top: var(--button-margin-top-mobile) !important; } .al4as-category-filters { margin: 0 0 var(--space-32) 0; } .al4as-category-filters .al4as-filter-btn { height: var(--button-height-lg-mobile) !important; padding: 0 var(--button-padding-x-lg-mobile) !important; font-size: var(--button-font-size-mobile) !important; } .al4as-post-loading, .al4as-filter-loading, .al4as-loading-spinner { text-align: center; margin: var(--space-24) 0 var(--space-40) 0; } } /* EXTERNAL CARDS — EDUCATION & OPPORTUNITIES */ .al4as-external-card-grid { --e-con-grid-template-columns: repeat(3, minmax(0, 1fr)) !important; --e-con-grid-template-rows: none !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: auto; align-items: stretch !important; gap: var(--section-gap-grid) !important; width: 100% !important; max-width: 100% !important; min-width: 0; } .al4as-external-card-grid > .al4as-external-card { --width: 100% !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column !important; flex-direction: column !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; align-items: stretch !important; position: relative; width: 100% !important; max-width: 100% !important; min-width: 0; height: 100%; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0; border-radius: var(--radius-none); box-sizing: border-box; } .al4as-external-card-label { --width: auto !important; display: block !important; position: absolute !important; top: 0; left: 0; z-index: 2; width: auto !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 100%; margin: 0 !important; padding: 12px var(--space-24) 11.2px var(--space-16) !important; overflow: hidden; background-color: var(--primary-green); box-sizing: border-box; -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 89% 100%, 100% 100%, 0 100%); } .al4as-external-card-label > .elementor-widget-container, .al4as-external-card-label p { margin: 0 !important; padding: 0 !important; color: var(--color-icon-hover) !important; font-family: var(--font-family-body) !important; font-size: var(--font-overline) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-none) !important; text-transform: uppercase; } .al4as-external-card-image { margin: 0 !important; padding: 0 !important; overflow: hidden; } .al4as-external-card-image, .al4as-external-card-image > .elementor-widget-container, .al4as-external-card-image img { width: 100% !important; max-width: 100% !important; height: 300px !important; } .al4as-external-card-image > .elementor-widget-container { overflow: hidden; } .al4as-external-card-image img { display: block !important; object-fit: cover; } .al4as-external-card-content { --width: 100% !important; --gap: 0 !important; --row-gap: 0 !important; --column-gap: 0 !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column !important; flex-direction: column !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: var(--space-16) 0 0 0 !important; background: transparent !important; box-sizing: border-box; } .al4as-external-card-title { width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } #page .al4as-external-card-title h3:not(.rs-layer) { display: block; display: -webkit-box; max-width: 100%; max-height: 2.4em; margin: 0 !important; padding: 0 !important; overflow: hidden; color: var(--color-title) !important; font-family: var(--font-family-title) !important; font-size: 32px !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; overflow-wrap: break-word; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; } .al4as-external-card-meta, .al4as-external-card-date, .al4as-external-card-description { width: 100% !important; min-width: 0; padding: 0 !important; word-wrap: break-word; overflow-wrap: break-word; } .al4as-external-card-meta, .al4as-external-card-date { font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-meta) !important; } .al4as-external-card-meta { margin: var(--space-24) 0 0 0 !important; color: var(--secondary-green) !important; } .al4as-external-card-meta a, .al4as-external-card-meta a:visited { color: inherit !important; font: inherit !important; line-height: inherit !important; text-decoration: none !important; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .al4as-external-card-meta a:hover, .al4as-external-card-meta a:focus { color: var(--primary-green) !important; } .al4as-external-card-meta a:focus { outline: var(--focus-outline-width) solid var(--primary-green); outline-offset: var(--focus-outline-offset); } .al4as-external-card-meta-separator { display: inline-block; margin-right: var(--space-8); margin-left: var(--space-8); color: var(--primary-green) !important; font: inherit !important; line-height: inherit !important; } .al4as-external-card-date { margin: var(--space-8) 0 0 0 !important; color: #a33a2b !important; } .al4as-external-card-meta > .elementor-widget-container, .al4as-external-card-date > .elementor-widget-container { color: inherit !important; font: inherit !important; line-height: inherit !important; } .al4as-external-card-description { margin: var(--space-24) 0 0 0 !important; color: var(--color-text) !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-regular) !important; line-height: var(--line-body-relaxed) !important; } .al4as-external-card-description > .elementor-widget-container { display: block; display: -webkit-box; max-height: 7em; overflow: hidden; color: inherit !important; font: inherit !important; line-height: inherit !important; -webkit-box-orient: vertical; line-clamp: 5; -webkit-line-clamp: 5; } .al4as-external-card-description p { margin: 0 !important; padding: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .al4as-external-card-button { -webkit-align-self: flex-start !important; align-self: flex-start !important; margin-top: auto !important; padding-top: var(--button-margin-top); } @media (min-width: 1441px) { .al4as-external-card-meta, .al4as-external-card-date, .al4as-external-card-description { font-size: var(--font-body-lg) !important; } } @media (max-width: 1290px) { .al4as-external-card-grid { --e-con-grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 921px) { .al4as-external-card-grid { --e-con-grid-template-columns: minmax(0, 1fr) !important; grid-template-columns: minmax(0, 1fr) !important; } #page .al4as-external-card-title h3:not(.rs-layer) { font-size: 28px !important; } .al4as-external-card-image, .al4as-external-card-image > .elementor-widget-container, .al4as-external-card-image img { height: 280px !important; } .al4as-external-card-description > .elementor-widget-container { display: block; max-height: none; overflow: visible; line-clamp: unset; -webkit-line-clamp: unset; } .al4as-external-card-button { padding-top: var(--button-margin-top-tablet); } } @media (max-width: 544px) { .al4as-external-card-grid { gap: var(--space-48) !important; } #page .al4as-external-card-title h3:not(.rs-layer) { font-size: 24px !important; } .al4as-external-card-meta, .al4as-external-card-date, .al4as-external-card-description { font-size: var(--font-body-sm) !important; } .al4as-external-card-description { line-height: var(--line-body) !important; } .al4as-external-card-image, .al4as-external-card-image > .elementor-widget-container, .al4as-external-card-image img { height: 250px !important; } .al4as-external-card-meta { margin: var(--space-16) 0 0 0 !important; } .al4as-external-card-description { margin: var(--space-16) 0 0 0 !important; } .al4as-external-card-button { padding-top: var(--button-margin-top-mobile); } .al4as-external-card-label { padding: 10px var(--space-24) 8.8px var(--space-16) !important; } } /* CONTACTS */ .al4as-contact-form-text-link a { font-weight: var(--font-weight-bold); text-decoration: none !important; } .al4as-contact-form-text-link, .al4as-contact-form-text-link p { margin: 0 0 var(--space-8) 0 !important; padding: 0 !important; } .al4as-form-group, .al4as-form-footer { margin: 0 0 var(--space-24) 0 !important; padding: 0 !important; } .al4as-button-group { display: flex; justify-content: center; margin: var(--space-32) 0 0 0 !important; padding: 0 !important; } .al4as-contact-form-container .wpcf7-spinner { display: none !important; } .al4as-submit-btn { min-width: var(--button-width-wide); } .al4as-contact-form input[type="checkbox"]:checked::after { top: 10px !important; left: 7px !important; } .al4as-contact-form-link, .al4as-contact-form label { font-weight: var(--font-weight-bold) !important; } .al4as-acceptance-text { font-weight: var(--font-weight-regular) !important; text-decoration: none !important; } .al4as-contact-form-container select#subject.al4as-placeholder-selected { color: var(--green-300) !important; } .al4as-contact-form-container select#subject.al4as-value-selected { color: var(--color-text) !important; } .al4as-contact-form-container .wpcf7-form br { display: none !important; } .al4as-contact-form-container .wpcf7 input.wpcf7-form-control:not([type=submit]), .al4as-contact-form-container .wpcf7 textarea.wpcf7-form-control { padding: var(--control-padding-y) var(--control-padding-x) !important; } .al4as-contact-form-container .wpcf7 select.wpcf7-form-control { padding: var(--control-padding-y) var(--space-48) var(--control-padding-y) var(--control-padding-x) !important; } .al4as-contact-form-container .wpcf7-list-item { margin: 0 !important; } .al4as-contact-form-container .wpcf7 form .wpcf7-response-output { margin: var(--space-32) 0 0 0; padding: var(--notice-padding-y) var(--notice-padding-x); font-size: var(--font-body-xs); line-height: var(--line-body) !important; } .al4as-contact-form-container .wpcf7 .wpcf7-not-valid-tip { font-size: var(--font-body-xs) !important; line-height: var(--line-body) !important; } .al4as-contact-form-container .wpcf7 form > div, .al4as-contact-form-container .wpcf7 form > p { margin-bottom: var(--space-8) !important; } .al4as-contact-form-container .wpcf7 textarea { max-height: 152px !important; } @media (max-width: 921px) { .al4as-contact-form-container .wpcf7 form .wpcf7-response-output { font-size: var(--font-caption) !important; } .al4as-contact-form-container .wpcf7 .wpcf7-not-valid-tip { font-size: var(--font-caption) !important; } .al4as-contact-form-container .wpcf7 textarea { max-height: none !important; } p.al4as-contact-form-text-link { margin: 0 0 var(--space-8) 0 !important; } } @media (max-width: 544px) { .al4as-button-group { margin: var(--space-24) 0 0 0 !important; } .al4as-submit-btn, .al4as-button-group > p { width: 100% !important; } .al4as-submit-btn { min-width: 100% !important; } } /* FACTS & FIGURES */ .al4as-facts-figures-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--card-min-width), 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--card-min-width)), 1fr)); gap: var(--section-gap-grid); width: 100%; margin: 0 auto; } .al4as-chart-container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; min-width: 0; height: auto; min-height: 340px; padding: var(--space-40) var(--space-48) var(--space-48); background: var(--background-light); border-radius: var(--radius-none); text-align: center; box-sizing: border-box; } .al4as-facts-figures-container h3 { margin-top: 0 !important; font-size: 24px !important; font-size: clamp(24px, 2.2vw, 28px) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-heading) !important; } .al4as-facts-figures-container canvas { display: block; max-width: 100%; margin-bottom: var(--space-32); } /* Total: estrutura comum */ #page .al4as-chart-total { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; max-width: 100%; margin: auto 0 0 !important; box-sizing: border-box; } #page .al4as-chart-total, #page .al4as-chart-total span { padding: 0; } .al4as-chart-total-label, .al4as-chart-total-value { display: block; } .al4as-chart-total-label { font-family: var(--font-family-body); font-size: var(--font-body-xs); font-weight: var(--font-weight-semibold); line-height: var(--line-meta); letter-spacing: 0.04em; text-transform: uppercase; } .al4as-chart-total-value { font-family: var(--font-family-title); font-size: var(--font-title-h4); font-weight: var(--font-weight-bold); line-height: var(--line-none); } /* Opção 1: destaque editorial */ .al4as-chart-total-editorial { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; align-items: flex-start !important; align-self: stretch; width: 100%; padding: var(--space-16) var(--space-24) !important; background-color: var(--color-white); border-left: 4px solid var(--primary-green); text-align: left; } .al4as-chart-total-editorial .al4as-chart-total-label { margin-bottom: var(--space-8); color: var(--green-700); } .al4as-chart-total-editorial .al4as-chart-total-value { color: var(--secondary-green); } /* Opção 2: cápsula transparente */ .al4as-chart-total-outline { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; align-self: center; width: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: var(--space-8) var(--space-24) !important; background-color: var(--color-white); border: 2px solid var(--secondary-green); border-radius: var(--radius-pill); } .al4as-chart-total-outline .al4as-chart-total-label { margin-right: var(--space-16); color: var(--green-700); } .al4as-chart-total-outline .al4as-chart-total-value { color: var(--secondary-green); } /* Opção 3: minimalista vertical com detalhe */ .al4as-chart-total-minimal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; align-self: stretch; width: 100%; padding-top: var(--space-16) !important; border-top: 1px solid var(--color-extra-light-gray); } .al4as-chart-total-minimal .al4as-chart-total-label { margin-bottom: var(--space-8); color: var(--green-700); } .al4as-chart-total-minimal .al4as-chart-total-value { color: var(--secondary-green); } .al4as-chart-total-minimal::after { content: ""; display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: var(--space-32); height: 2px; margin-top: var(--space-8); background-color: var(--primary-green); } @media (max-width: 1290px) { .al4as-facts-figures-container { gap: var(--section-gap-grid); } .al4as-chart-container { padding: var(--space-32); } } @media (max-width: 921px) { .al4as-facts-figures-container { grid-template-columns: 1fr; gap: var(--section-gap-grid); } .al4as-chart-container { padding: var(--space-24) var(--space-32) var(--space-32); } .al4as-facts-figures-container canvas { margin-bottom: var(--space-24); } } @media (max-width: 544px) { .al4as-facts-figures-container { grid-template-columns: 1fr; gap: var(--space-24); } .al4as-chart-container { min-height: auto; padding: var(--space-24); } .al4as-facts-figures-container canvas { margin-bottom: var(--space-16); } .al4as-chart-total-editorial, .al4as-chart-total-outline { width: 100%; padding-right: var(--space-16) !important; padding-left: var(--space-16) !important; } .al4as-chart-total-outline { align-self: stretch; } } /* PEOPLE */ .al4as-search-bar-form { display: flex !important; align-items: center; gap: var(--section-gap-grid) !important; flex-wrap: nowrap; } .al4as-search-btn { width: var(--button-width-wide) !important; min-width: var(--button-width-wide) !important; flex: 0 0 var(--button-width-wide) !important; background-color: transparent !important; color: var(--color-white) !important; white-space: nowrap !important; cursor: pointer; text-decoration: none; } .al4as-search-btn::after { content: '\e30c'; font-family: var(--font-family-icon); font-size: var(--icon-size-md); color: var(--primary-green) !important; font-weight: var(--font-weight-regular) !important; transition: transform 0.3s ease, color 0.3s ease; } .al4as-search-btn:hover { background-color: var(--primary-green) !important; color: var(--color-icon-hover) !important; } .al4as-search-btn:hover::after { transform: translateX(var(--interactive-arrow-shift)); color: var(--color-icon-hover) !important; } .al4as-search-btn:focus { outline: var(--focus-outline-width) solid var(--color-icon-hover) !important; outline-offset: var(--focus-outline-offset) !important; background-color: var(--primary-green) !important; } .al4as-search-btn:active { transform: scale(var(--interactive-active-scale)); } .al4as-search-btn:active::after { transform: translateX(calc(var(--interactive-arrow-shift) + 2px)); } .al4as-search-btn:disabled { background-color: var(--button-disabled-bg) !important; color: var(--button-disabled-color) !important; border-color: var(--button-disabled-border-color) !important; opacity: var(--button-disabled-opacity); cursor: not-allowed !important; } .al4as-search-btn:disabled::after { color: var(--button-disabled-color) !important; transform: none; } .al4as-profile-image { flex: 0 0 auto; } .al4as-investigator-search { margin: 0 !important; } .al4as-results-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--section-gap-grid); margin-bottom: var(--section-gap-grid); width: 100% !important; } .al4as-results-header h3 { margin: 0!important; } .al4as-filter-row { display: flex; align-items: center; gap: var(--section-gap-card); flex-wrap: nowrap; width: 100% !important; justify-content: space-between; } .al4as-filter-row-item { display: flex; align-items: center; gap: var(--section-gap-cluster); flex-wrap: nowrap; } .al4as-filter-label { font-size: inherit; font-weight: var(--font-weight-bold); color: var(--color-text); white-space: nowrap; margin-right: -8px !important; } .al4as-filter-select { width: 192px !important; padding-right: var(--people-filter-select-padding-right) !important; } .al4as-filter-select-az { width: 152px !important; padding-right: var(--people-filter-select-padding-right) !important; } @media (min-width: 1441px) { #page .al4as-investigator-search .al4as-filter-select { flex: 0 0 auto; } #page .al4as-investigator-search #inv_pos { width: calc(192px + var(--space-24)) !important; min-width: calc(192px + var(--space-24)) !important; } #page .al4as-investigator-search #inv_aff { width: calc(192px + var(--space-24)) !important; min-width: calc(192px + var(--space-24)) !important; } #page .al4as-investigator-search #inv_sort { width: calc(152px + var(--space-24)) !important; min-width: calc(152px + var(--space-24)) !important; } } .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .al4as-investigator-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--section-gap-grid); } .al4as-investigator-grid > * { min-width: 0; } .al4as-profile-back { display: flex; justify-content: flex-end; margin-top: var(--space-48); } .al4as-back-btn { background-color: transparent !important; color: var(--color-title) !important; white-space: nowrap !important; text-decoration: none !important; } .al4as-back-btn::after { content: '\e058'; font-family: var(--font-family-icon); font-size: var(--icon-size-md); font-weight: var(--font-weight-regular); color: var(--primary-green) !important; display: inline-block; transition: transform 0.3s ease-in-out; } .al4as-back-btn:hover { background-color: var(--primary-green) !important; color: var(--color-icon-hover) !important; } .al4as-back-btn:hover::after { transform: translateX(var(--interactive-arrow-shift)); color: var(--color-icon-hover) !important; } .al4as-back-btn:focus { outline: var(--focus-outline-width) solid var(--color-icon-hover); outline-offset: var(--focus-outline-offset); background-color: var(--primary-green); } .al4as-back-btn:active { transform: scale(var(--interactive-active-scale)); } .al4as-back-btn:active::after { transform: translateX(calc(var(--interactive-arrow-shift) + 2px)); } .al4as-investigator-profile-wrap { display: flex; flex-direction: column; flex-wrap: wrap; } .al4as-profile-layout { display: flex; flex-direction: row; gap: var(--section-gap-profile); align-items: flex-start; flex-wrap: nowrap; } .al4as-profile-sidebar { display: flex; gap: var(--section-gap-card); background: var(--background-light); padding: var(--space-64); text-align: center; flex-direction: column; width: 100%; min-width: 320px; max-width: 420px; flex-wrap: nowrap; align-items: center; align-content: center; } .al4as-profile-sidebar .al4as-profile-image img { width: 100%; max-width: var(--people-profile-sidebar-image-max); height: 100%; max-height: var(--people-profile-sidebar-image-max); border-radius: var(--radius-round); object-fit: cover; border: 3px solid var(--green-500); display: block; margin: 0; } .al4as-profile-meta { margin: 0; padding: 0; list-style: none; text-align: center; } .al4as-profile-meta dt.al4as-meta-badge { display: inline-block; background: var(--secondary-green); color: var(--color-white); font-size: var(--font-overline); font-weight: var(--font-weight-medium); letter-spacing: 1px; text-transform: uppercase; padding: 3px var(--space-16); border-radius: var(--radius-pill); margin: 0 0 var(--space-8) 0; } .al4as-profile-meta dd { margin: 0 0 var(--space-24) 0; color: var(--secondary-green); font-weight: var(--font-weight-semibold); font-size: inherit; word-break: break-word; } .al4as-profile-meta dd:last-of-type { margin-bottom: 0; } .al4as-profile-main { flex: 1 1 320px; min-width: 0; } #page .al4as-profile-main .al4as-profile-name, .investigator-profile-header .al4as-profile-name { margin: 0 0 var(--space-8) 0 !important; color: var(--color-title); } #page .al4as-profile-main .al4as-title-name, .investigator-profile-header .al4as-title-name { color: var(--secondary-green); margin: 0 0 var(--space-8) 0 !important; } #page .al4as-profile-main .al4as-profile-affiliation, .investigator-profile-header .al4as-profile-affiliation { color: var(--secondary-green); margin: 0 !important; } .al4as-profile-bio { color: var(--color-text); line-height: var(--line-body); margin-top: var(--space-40); } .al4as-profile-bio p br { display: block !important; margin-top: var(--space-32) !important; } body.al4as-has-investigator-profile .al4as-search-bar-profile, body.al4as-has-investigator-profile .al4as-search-bar-profile-spacer { display: none !important; } @supports selector(body:has(*)) { body:has(.al4as-investigator-profile-wrap) .al4as-search-bar-profile, body:has(.al4as-investigator-profile-wrap) .al4as-search-bar-profile-spacer { display: none !important; } } @media (max-width: 1290px) { .al4as-search-bar-form { gap: var(--section-gap-grid) !important; } .al4as-results-header { gap: var(--section-gap-card); margin-bottom: var(--section-gap-grid); } .al4as-investigator-grid { gap: var(--section-gap-grid); } .al4as-profile-layout { gap: var(--section-gap-grid); } .al4as-profile-sidebar { gap: var(--section-gap-card); padding: var(--space-48); max-width: 360px; } .al4as-profile-sidebar .al4as-profile-image img { max-width: var(--people-profile-sidebar-image-max-tablet); max-height: var(--people-profile-sidebar-image-max-tablet); } .al4as-profile-meta dd { margin: 0 0 var(--space-24) 0; } .al4as-profile-back { margin-top: var(--space-40); } } @media (max-width: 921px) { .al4as-search-bar-form { gap: var(--section-gap-grid) !important; flex-direction: column !important; } .al4as-search-btn { width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; } .al4as-filter-row { display: flex; align-items: flex-start; gap: var(--section-gap-cluster); flex-wrap: nowrap; flex-direction: column; } .al4as-results-header { display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; flex-wrap: wrap; gap: var(--section-gap-card); margin-bottom: var(--section-gap-grid); } .al4as-investigator-grid { grid-template-columns: 1fr; gap: var(--section-gap-grid); } .al4as-profile-layout { gap: var(--section-gap-grid); flex-direction: column !important; flex-wrap: nowrap; width: 100%; } .al4as-profile-sidebar { gap: var(--section-gap-card); padding: var(--space-40) var(--space-32); width: 100%; min-width: 0; max-width: 100%; } .al4as-profile-main { width: 100%; } .al4as-profile-sidebar .al4as-profile-image img { max-width: var(--people-profile-sidebar-image-max-tablet-small); max-height: var(--people-profile-sidebar-image-max-tablet-small); } .al4as-profile-bio { margin-top: var(--space-32); } .al4as-profile-meta dd { margin: 0 0 var(--space-16) 0; } .al4as-investigator-profile-wrap { align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .al4as-profile-back { margin-top: var(--space-32); } } @media (max-width: 544px) { .al4as-search-bar-form { gap: var(--section-gap-card) !important; } .al4as-results-header { gap: var(--space-16); margin-bottom: var(--space-40); } .al4as-filter-row-item { display: flex; align-items: stretch; gap: var(--space-8); flex-wrap: nowrap; flex-direction: column; width: 100%; } .al4as-filter-select { width: 100% !important; } .al4as-filter-select-az { width: 100% !important; } .al4as-investigator-grid { grid-template-columns: 1fr; gap: var(--space-24); } .al4as-profile-layout { gap: var(--section-gap-profile); flex-direction: column !important; flex-wrap: nowrap; width: 100%; } .al4as-profile-sidebar { gap: var(--section-gap-card); padding: var(--space-32) var(--space-24); min-width: 0; max-width: 100%; } .al4as-profile-sidebar .al4as-profile-image img { max-width: var(--people-profile-sidebar-image-max-mobile); max-height: var(--people-profile-sidebar-image-max-mobile); } .al4as-profile-bio { margin-top: var(--space-32); } .al4as-profile-meta dd { margin: 0 0 var(--space-16) 0; } .al4as-profile-back { margin-top: var(--space-32); } } /* PROFILE EDIT */ #custom-profile-edit-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-row-gap: var(--section-gap-card); grid-column-gap: var(--section-gap-grid); row-gap: var(--section-gap-card); column-gap: var(--section-gap-grid); width: 100%; max-width: 100%; min-width: 0; } #custom-profile-edit-form > p, #custom-profile-edit-form > .user-pass1-wrap { min-width: 0; margin: 0 !important; } #custom-profile-edit-form > p:nth-of-type(n + 7), #custom-profile-edit-form > .user-pass1-wrap { grid-column: 1 / -1; } #custom-profile-edit-form > br { display: none !important; } #custom-profile-edit-form textarea { min-height: 200px; max-height: none !important; overflow: auto; resize: vertical !important; cursor: text !important; } #custom-profile-edit-form input[type="file"] { display: block; width: 100%; max-width: 100%; min-height: var(--control-height); padding: var(--space-8); border: 2px solid var(--color-extra-light-gray); border-radius: var(--radius-md); background-color: var(--color-white); color: var(--color-text); font-family: var(--font-family-body); font-size: var(--form-font-size); font-weight: var(--font-weight-regular); line-height: var(--line-form); box-sizing: border-box; cursor: pointer; } #custom-profile-edit-form input[type="file"]::-webkit-file-upload-button, #custom-profile-edit-form input[type="file"]::file-selector-button { min-height: var(--button-height-sm); margin-right: var(--space-16); padding: 0 var(--button-padding-x-sm); border: var(--button-border-width) solid var(--button-border-color); border-radius: var(--radius-pill); background-color: var(--button-bg); color: var(--button-color); font-family: var(--font-family-body); font-size: var(--button-font-size); font-weight: var(--font-weight-semibold); line-height: var(--line-button); cursor: pointer; transition: var(--button-transition); } #custom-profile-edit-form input[type="file"]:hover::-webkit-file-upload-button, #custom-profile-edit-form input[type="file"]:hover::file-selector-button { border-color: var(--button-hover-bg); background-color: var(--button-hover-bg); color: var(--button-hover-color); } #custom-profile-edit-form input[type="file"]:focus { border-color: var(--primary-green); outline: var(--focus-outline-width) solid var(--primary-green); outline-offset: var(--focus-outline-offset); } #custom-profile-edit-form > p > .description { display: block; margin: var(--space-8) 0 0 0; color: var(--color-text-medium-grey); font-size: var(--font-caption); font-weight: var(--font-weight-regular); line-height: var(--line-body); } #custom-profile-edit-form label[for="user_email"] > .description { margin-left: var(--space-8) !important; } #custom-profile-edit-form > .user-pass1-wrap > p { margin: 0 0 var(--space-16) 0 !important; } #custom-profile-edit-form .password-input-wrapper { display: block; width: 100%; min-width: 0; } #custom-profile-edit-form #pass-strength-result { width: 100%; max-width: 100%; margin: var(--space-8) 0 0 0; box-sizing: border-box; } #custom-profile-edit-form .wp-generate-pw, #custom-profile-edit-form #update_profile { width: auto !important; max-width: 100%; } #custom-profile-edit-form #update_profile { width: var(--button-width-wide) !important; min-width: var(--button-width-wide); height: var(--button-height-lg) !important; border-color: var(--secondary-green) !important; background-color: var(--secondary-green) !important; color: var(--color-white) !important; } #custom-profile-edit-form > p.submit { justify-self: stretch; width: 100%; padding-top: var(--section-gap-card); border-top: 1px solid var(--color-extra-light-gray); } @media (min-width: 1441px) { #custom-profile-edit-form input[type="file"] { font-size: var(--form-font-size-lg); } } @media (max-width: 921px) { #custom-profile-edit-form { grid-template-columns: minmax(0, 1fr); } #custom-profile-edit-form > p, #custom-profile-edit-form > .user-pass1-wrap { grid-column: 1 / -1; } #custom-profile-edit-form #update_profile { height: var(--button-height-lg-tablet) !important; } #custom-profile-edit-form label[for="user_email"] > .description { margin-left: 6px !important; } } @media (max-width: 544px) { #custom-profile-edit-form input[type="file"] { font-size: var(--form-font-size-mobile); } #custom-profile-edit-form #update_profile { width: 100% !important; min-width: 0; height: var(--button-height-lg-mobile) !important; } #custom-profile-edit-form > p.submit { padding-top: var(--space-24); } #custom-profile-edit-form label[for="user_email"] > .description { margin-left: 4px !important; } #custom-profile-edit-form textarea { min-height: 300px; } } /* LIST BULLET-TEXT */ .al4as-bullet-text-list .eael-feature-list-icon-box { display: flex; flex-wrap: wrap; align-content: center; align-items: center; } .al4as-bullet-text-list .eael-feature-list-content-box { display: flex; flex-wrap: wrap; align-content: center; align-items: center; } .al4as-bullet-text-list .eael-feature-list-title, .al4as-bullet-text-list .eael-feature-list-title a { font-family: var(--font-family-title) !important; font-size: var(--font-title-h6) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; } .al4as-bullet-text-list .eael-feature-list-items > .eael-feature-list-item:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* LIST DOWNLOAD / DOCUMENTS - SHARED */ /* Used by Legal & Reports and the Thematic Line page. Project/Publication visual overrides are grouped under THEMATIC LINE PAGE. */ .al4as-list-download-grid { --width: 100%; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .al4as-list-download-grid > .al4as-list-download-item, .al4as-list-download-grid > .al4as-list-download-item-project, .al4as-list-download-grid > .al4as-list-download-item-publication { --width: 100%; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: var(--section-gap-grid) !important; width: 100% !important; max-width: 100% !important; min-width: 0; box-sizing: border-box; } .al4as-list-download-grid > .al4as-list-download-item { margin: 0 !important; padding: 20px var(--space-16) var(--space-24) var(--space-16) !important; border: 0 !important; border-bottom: 1px solid var(--color-extra-light-gray) !important; } .al4as-list-download-grid > .al4as-list-download-item:first-child { border-top: 1px solid var(--color-extra-light-gray) !important; } .al4as-list-download-info { --width: 100%; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-align: center; -webkit-align-items: center !important; align-items: center !important; gap: var(--space-16) !important; width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .al4as-list-download-ico { --width: 12px; display: block; flex: 0 0 12px !important; width: 12px !important; min-width: 12px; max-width: 12px; align-self: center !important; margin: 0 !important; color: var(--green-500) !important; } .al4as-list-download-ico .elementor-widget-container, .al4as-list-download-ico .elementor-icon-wrapper, .al4as-list-download-ico .elementor-icon { display: block; width: 12px; height: 12px; margin: 0 !important; line-height: 0; color: var(--green-500) !important; } .al4as-list-download-ico svg { display: block; width: 12px !important; height: 12px !important; fill: currentColor !important; } .al4as-list-download-text { --width: 100%; flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .al4as-list-download-text > .elementor-widget-container { width: 100%; min-width: 0; margin: 0 !important; padding: 0 !important; } #page .al4as-list-download-title { margin: 0 !important; color: var(--secondary-green) !important; font-family: var(--font-family-title) !important; font-size: var(--font-title-h5) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; } #page .al4as-list-download-description { margin: 4px 0 0 0 !important; color: var(--color-text) !important; } #page .al4as-list-download-meta { display: flex !important; flex-wrap: wrap; align-items: center; margin: 4px 0 0 0 !important; padding: 0 !important; list-style: none !important; color: var(--color-text-medium-grey) !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-body) !important; } #page .al4as-list-download-title, #page .al4as-list-download-description, #page .al4as-list-download-meta { word-wrap: break-word; overflow-wrap: break-word; } #page .al4as-list-download-meta > li { display: inline-flex; align-items: center; margin: 0 !important; padding: 0 !important; list-style: none !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } #page .al4as-list-download-meta time { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } #page .al4as-list-download-meta > li + li::before { content: "\2022"; margin: 0 var(--space-8); color: var(--primary-green); } .al4as-list-download-button { --width: auto; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center !important; align-items: center !important; -webkit-box-pack: end; -webkit-justify-content: flex-end !important; justify-content: flex-end !important; justify-self: end !important; width: auto !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .al4as-list-download-button .elementor-widget-button { --width: auto; margin: 0 !important; } .al4as-list-download-button .elementor-widget-button, .al4as-list-download-button .elementor-widget-container, .al4as-list-download-button .elementor-button-wrapper, .al4as-list-download-button .elementor-button { width: auto !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 100% !important; } .al4as-list-download-button .elementor-widget-container, .al4as-list-download-button .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; } @media (max-width: 921px) { .al4as-list-download-grid > .al4as-list-download-item, .al4as-list-download-grid > .al4as-list-download-item-project, .al4as-list-download-grid > .al4as-list-download-item-publication { grid-template-columns: minmax(0, 1fr) !important; gap: var(--space-16) !important; } .al4as-list-download-grid > .al4as-list-download-item { padding: 18px var(--space-16) var(--space-24) var(--space-16) !important; } .al4as-list-download-button { --width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; justify-self: stretch !important; } .al4as-list-download-button, .al4as-list-download-button .elementor-widget-button, .al4as-list-download-button .elementor-widget-container, .al4as-list-download-button .elementor-button-wrapper, .al4as-list-download-button .elementor-button { --width: 100%; width: 100% !important; max-width: 100% !important; } } @media (max-width: 544px) { .al4as-list-download-grid > .al4as-list-download-item { padding: 18px 0 var(--space-24) 0 !important; } #page .al4as-list-download-meta { font-size: var(--font-body-sm) !important; } } @supports not (display: grid) { .al4as-list-download-grid { display: block !important; } .al4as-list-download-grid > .al4as-list-download-item, .al4as-list-download-grid > .al4as-list-download-item-project, .al4as-list-download-grid > .al4as-list-download-item-publication { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-align: center; -webkit-align-items: center !important; align-items: center !important; } .al4as-list-download-grid > .al4as-list-download-item > .al4as-list-download-info, .al4as-list-download-grid > .al4as-list-download-item-project > .al4as-list-download-info, .al4as-list-download-grid > .al4as-list-download-item-publication > .al4as-list-download-info { -webkit-box-flex: 1; -webkit-flex: 1 1 auto !important; flex: 1 1 auto !important; } .al4as-list-download-grid > .al4as-list-download-item > .al4as-list-download-button, .al4as-list-download-grid > .al4as-list-download-item-project > .al4as-list-download-button, .al4as-list-download-grid > .al4as-list-download-item-publication > .al4as-list-download-button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-left: var(--section-gap-grid) !important; } @media (max-width: 921px) { .al4as-list-download-grid > .al4as-list-download-item, .al4as-list-download-grid > .al4as-list-download-item-project, .al4as-list-download-grid > .al4as-list-download-item-publication { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: stretch; -webkit-align-items: stretch !important; align-items: stretch !important; } .al4as-list-download-grid > .al4as-list-download-item > .al4as-list-download-button, .al4as-list-download-grid > .al4as-list-download-item-project > .al4as-list-download-button, .al4as-list-download-grid > .al4as-list-download-item-publication > .al4as-list-download-button { margin-top: var(--space-16) !important; margin-left: 0 !important; } } } /* ========================================================== */ /* THEMATIC LINE PAGE */ /* ========================================================== */ /* 1. HERO */ .elementor .elementor-element.al4as-section-thematic-line-hero { position: relative; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; isolation: isolate; width: 100%; max-width: 100%; min-width: 0; height: auto !important; min-height: 500px; max-height: none; margin: 0 !important; padding: var(--section-y-start) var(--thematic-hero-x-desktop) var(--section-y-end) var(--thematic-hero-x-desktop) !important; overflow: hidden; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; box-sizing: border-box; } #page .elementor .elementor-element.al4as-section-thematic-line-hero::before, #page .elementor .elementor-element.al4as-section-thematic-line-hero::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; pointer-events: none; } #page .elementor .elementor-element.al4as-section-thematic-line-hero::before { z-index: 0 !important; background-color: rgba(17, 61, 38, 0.32) !important; background-image: /* Contraste principal, concentrado no centro do conteudo. */ radial-gradient(ellipse 52% 118% at 50% 50%, rgba(17, 61, 38, 0.60) 0%, rgba(17, 61, 38, 0.46) 42%, rgba(17, 61, 38, 0.22) 72%, rgba(17, 61, 38, 0.08) 100%), /* Transicao central ampla, sem zonas descobertas. */ radial-gradient(ellipse 92% 132% at 50% 50%, rgba(17, 61, 38, 0.34) 0%, rgba(0, 79, 45, 0.26) 52%, rgba(0, 79, 45, 0.12) 78%, rgba(0, 79, 45, 0.06) 100%), /* Vinheta vertical com os valores cromaticos do hero da homepage. */ linear-gradient(180deg, rgba(17, 61, 38, 0.48) 0%, rgba(17, 61, 38, 0.34) 12%, rgba(17, 61, 38, 0.14) 22%, rgba(17, 61, 38, 0.05) 40%, rgba(17, 61, 38, 0.05) 62%, rgba(17, 61, 38, 0.16) 77%, rgba(17, 61, 38, 0.40) 88%, rgba(17, 61, 38, 0.66) 100%), /* Acento AL4AS simetrico, preservando o centro escuro. */ radial-gradient(ellipse 108% 120% at 50% 50%, rgba(141, 198, 63, 0.20) 0%, rgba(141, 198, 63, 0.04) 38%, rgba(17, 61, 38, 0.08) 70%, rgba(17, 61, 38, 0.18) 85%, rgba(17, 61, 38, 0.34) 100%), /* Pelicula horizontal simetrica, sem a abertura clara do lado direito. */ linear-gradient(90deg, rgba(141, 198, 63, 0.18) 0%, rgba(0, 104, 56, 0.28) 22%, rgba(17, 61, 38, 0.48) 42%, rgba(17, 61, 38, 0.56) 50%, rgba(17, 61, 38, 0.48) 58%, rgba(0, 104, 56, 0.28) 78%, rgba(141, 198, 63, 0.18) 100%) !important; opacity: 1 !important; mix-blend-mode: multiply; } #page .elementor .elementor-element.al4as-section-thematic-line-hero::after { content: "" !important; display: none !important; visibility: hidden !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; inset: 0 !important; width: 100%; height: 100%; z-index: 1 !important; background-color: transparent !important; background-image: url('https://wpdev.dce.pt/al4as/wp-content/themes/astra-child/assets/img/background-banner-green.png') !important; background-position: right center !important; background-position: calc(100% + var(--space-120)) center !important; background-repeat: no-repeat !important; background-size: auto 80% !important; opacity: 1 !important; pointer-events: none !important; } .al4as-section-thematic-line-hero > .elementor-element { position: relative; z-index: 2; width: 100% !important; max-width: 100%; min-width: 0; margin-right: auto !important; margin-left: auto !important; text-align: center; } #page .al4as-section-thematic-line-label, #page .al4as-section-thematic-line-label > .elementor-widget-container { max-width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; font-family: var(--font-family-title) !important; font-size: var(--font-lead) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; color: var(--primary-green) !important; } #page .al4as-section-thematic-line-title { max-width: 1000px !important; margin-top: var(--space-24) !important; margin-bottom: var(--space-32) !important; padding: 0 !important; } #page .al4as-section-thematic-line-title h1:not(.rs-layer) { max-width: 100%; margin: 0 !important; padding: 0 !important; font-family: var(--font-family-title) !important; font-size: var(--font-title-h1) !important; font-weight: var(--font-weight-bold) !important; line-height: var(--line-title) !important; color: var(--color-white) !important; white-space: normal !important; overflow: visible; text-overflow: clip; overflow-wrap: break-word; overflow-wrap: anywhere; word-break: normal; } #page .al4as-section-thematic-line-subtitle, #page .al4as-section-thematic-line-subtitle > .elementor-widget-container { max-width: 1100px; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; font-family: var(--font-family-title) !important; font-size: var(--font-lead) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-body) !important; color: var(--color-white) !important; white-space: normal !important; overflow-wrap: break-word; overflow-wrap: anywhere; } .al4as-section-thematic-line-hero-meta { max-width: 1000px !important; margin-top: var(--space-32) !important; margin-bottom: 0 !important; padding: 0 !important; } .al4as-section-thematic-line-hero-meta > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: var(--space-16) !important; width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } .al4as-section-thematic-line-hero-profile-image, .al4as-section-thematic-line-hero-profile-image > .elementor-widget-container, .al4as-section-thematic-line-hero-profile-image a { display: block; flex: 0 0 auto !important; width: 40px !important; width: clamp(40px, 5vw, 50px) !important; height: 40px !important; height: clamp(40px, 5vw, 50px) !important; max-width: 50px !important; margin: 0 !important; padding: 0 !important; } .al4as-section-thematic-line-hero-profile-image img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; border: 1px solid var(--primary-green) !important; border-radius: var(--radius-round) !important; object-fit: cover; transition: var(--button-transition); } .al4as-section-thematic-line-hero-profile-image a:hover img, .al4as-section-thematic-line-hero-profile-image a:focus img { border-color: var(--primary-green-hover) !important; } .al4as-section-thematic-line-hero-profile-meta { flex: 0 1 auto !important; width: auto !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; } #page .al4as-section-thematic-line-hero-profile-meta, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-text, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item > a { font-family: var(--font-family-body) !important; font-size: var(--font-body-lg) !important; line-height: var(--line-body-relaxed) !important; } .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-items { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: var(--space-8) !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; white-space: nowrap; } #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item:first-child .elementor-icon-list-text { font-weight: var(--font-weight-medium) !important; color: var(--color-white) !important; } #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item:last-child a, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item:last-child .elementor-icon-list-text { font-weight: var(--font-weight-semibold) !important; text-decoration: none !important; color: var(--primary-green) !important; } #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item:last-child a:hover, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item:last-child a:focus { text-decoration: underline !important; color: var(--primary-green-hover) !important; } @media (max-width: 1290px) { .elementor .elementor-element.al4as-section-thematic-line-hero { height: auto !important; padding-right: var(--thematic-hero-x-wide) !important; padding-left: var(--thematic-hero-x-wide) !important; } } @media (min-width: 922px) and (max-width: 1290px) { .elementor .elementor-element.al4as-section-thematic-line-hero { min-height: 540px; } #page .elementor .elementor-element.al4as-section-thematic-line-hero::before { background-image: radial-gradient(ellipse 68% 118% at 50% 50%, rgba(17, 61, 38, 0.58) 0%, rgba(17, 61, 38, 0.45) 42%, rgba(17, 61, 38, 0.23) 72%, rgba(17, 61, 38, 0.10) 100%), radial-gradient(ellipse 108% 132% at 50% 50%, rgba(17, 61, 38, 0.34) 0%, rgba(0, 79, 45, 0.27) 52%, rgba(0, 79, 45, 0.14) 78%, rgba(0, 79, 45, 0.08) 100%), linear-gradient(180deg, rgba(17, 61, 38, 0.45) 0%, rgba(17, 61, 38, 0.32) 12%, rgba(17, 61, 38, 0.14) 22%, rgba(17, 61, 38, 0.06) 40%, rgba(17, 61, 38, 0.06) 62%, rgba(17, 61, 38, 0.17) 77%, rgba(17, 61, 38, 0.38) 88%, rgba(17, 61, 38, 0.62) 100%), radial-gradient(ellipse 122% 120% at 50% 50%, rgba(141, 198, 63, 0.18) 0%, rgba(141, 198, 63, 0.04) 40%, rgba(17, 61, 38, 0.08) 72%, rgba(17, 61, 38, 0.18) 86%, rgba(17, 61, 38, 0.32) 100%), linear-gradient(90deg, rgba(141, 198, 63, 0.18) 0%, rgba(0, 104, 56, 0.29) 22%, rgba(17, 61, 38, 0.49) 42%, rgba(17, 61, 38, 0.57) 50%, rgba(17, 61, 38, 0.49) 58%, rgba(0, 104, 56, 0.29) 78%, rgba(141, 198, 63, 0.18) 100%) !important; } } @media (max-width: 921px) { .elementor .elementor-element.al4as-section-thematic-line-hero { min-height: 520px; padding-right: var(--thematic-hero-x-tablet) !important; padding-left: var(--thematic-hero-x-tablet) !important; background-position: left center !important; } #page .al4as-section-thematic-line-title { margin-bottom: var(--space-24) !important; } .al4as-section-thematic-line-hero-meta { margin-top: var(--space-24) !important; } } @media (min-width: 545px) and (max-width: 921px) { #page .elementor .elementor-element.al4as-section-thematic-line-hero::before { background-image: radial-gradient(ellipse 96% 112% at 50% 50%, rgba(17, 61, 38, 0.56) 0%, rgba(17, 61, 38, 0.44) 44%, rgba(17, 61, 38, 0.24) 74%, rgba(17, 61, 38, 0.12) 100%), radial-gradient(ellipse 136% 126% at 50% 50%, rgba(17, 61, 38, 0.35) 0%, rgba(0, 79, 45, 0.28) 54%, rgba(0, 79, 45, 0.16) 80%, rgba(0, 79, 45, 0.10) 100%), linear-gradient(180deg, rgba(17, 61, 38, 0.42) 0%, rgba(17, 61, 38, 0.30) 14%, rgba(17, 61, 38, 0.15) 24%, rgba(17, 61, 38, 0.07) 42%, rgba(17, 61, 38, 0.07) 60%, rgba(17, 61, 38, 0.18) 78%, rgba(17, 61, 38, 0.38) 90%, rgba(17, 61, 38, 0.58) 100%), radial-gradient(ellipse 148% 118% at 50% 50%, rgba(141, 198, 63, 0.16) 0%, rgba(141, 198, 63, 0.04) 42%, rgba(17, 61, 38, 0.08) 74%, rgba(17, 61, 38, 0.18) 88%, rgba(17, 61, 38, 0.30) 100%), linear-gradient(90deg, rgba(141, 198, 63, 0.18) 0%, rgba(0, 104, 56, 0.30) 22%, rgba(17, 61, 38, 0.50) 42%, rgba(17, 61, 38, 0.58) 50%, rgba(17, 61, 38, 0.50) 58%, rgba(0, 104, 56, 0.30) 78%, rgba(141, 198, 63, 0.18) 100%) !important; } } @media (max-width: 920px) { #page .al4as-section-thematic-line-hero-profile-meta, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-text, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item > a { font-size: var(--font-body-md) !important; } } @media (max-width: 544px) { .elementor .elementor-element.al4as-section-thematic-line-hero { min-height: 500px; padding-right: var(--thematic-hero-x-mobile) !important; padding-left: var(--thematic-hero-x-mobile) !important; } #page .al4as-section-thematic-line-title { margin-top: var(--space-16) !important; margin-bottom: var(--space-16) !important; } #page .elementor .elementor-element.al4as-section-thematic-line-hero::before { background-image: radial-gradient(ellipse 125% 108% at 50% 50%, rgba(17, 61, 38, 0.54) 0%, rgba(17, 61, 38, 0.43) 46%, rgba(17, 61, 38, 0.26) 76%, rgba(17, 61, 38, 0.14) 100%), radial-gradient(ellipse 156% 122% at 50% 50%, rgba(17, 61, 38, 0.36) 0%, rgba(0, 79, 45, 0.29) 56%, rgba(0, 79, 45, 0.17) 82%, rgba(0, 79, 45, 0.11) 100%), linear-gradient(180deg, rgba(17, 61, 38, 0.40) 0%, rgba(17, 61, 38, 0.28) 14%, rgba(17, 61, 38, 0.15) 26%, rgba(17, 61, 38, 0.08) 44%, rgba(17, 61, 38, 0.08) 60%, rgba(17, 61, 38, 0.19) 78%, rgba(17, 61, 38, 0.38) 90%, rgba(17, 61, 38, 0.56) 100%), radial-gradient(ellipse 170% 116% at 50% 50%, rgba(141, 198, 63, 0.12) 0%, rgba(141, 198, 63, 0.04) 44%, rgba(17, 61, 38, 0.08) 76%, rgba(17, 61, 38, 0.18) 90%, rgba(17, 61, 38, 0.28) 100%), linear-gradient(90deg, rgba(141, 198, 63, 0.20) 0%, rgba(0, 104, 56, 0.31) 22%, rgba(17, 61, 38, 0.52) 42%, rgba(17, 61, 38, 0.60) 50%, rgba(17, 61, 38, 0.52) 58%, rgba(0, 104, 56, 0.31) 78%, rgba(141, 198, 63, 0.20) 100%) !important; } } @media (max-width: 543px) { #page .al4as-section-thematic-line-hero-profile-meta, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-text, #page .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item > a { font-size: var(--font-body-xs) !important; } } @media (min-width: 1291px) and (max-width: 1440px) { .elementor .elementor-element.al4as-section-thematic-line-hero { height: auto !important; min-height: 560px; } #page .elementor .elementor-element.al4as-section-thematic-line-hero::after { content: "" !important; display: block !important; visibility: visible !important; background-position: right center !important; background-position: calc(100% + 340px) center !important; background-size: auto 100% !important; opacity: 1 !important; } } @media (min-width: 1440px) and (max-width: 1719px) { .elementor .elementor-element.al4as-section-thematic-line-hero { height: 560px !important; min-height: 560px; } } @media (min-width: 1720px) and (max-width: 1919px) { .elementor .elementor-element.al4as-section-thematic-line-hero { height: 607px !important; min-height: 607px; } } @media (min-width: 1441px) and (max-width: 1919px) { #page .elementor .elementor-element.al4as-section-thematic-line-hero::after { content: "" !important; display: block !important; visibility: visible !important; background-position: right center !important; background-position: calc(100% + 320px) center !important; background-size: auto 100% !important; opacity: 1 !important; } } @media (min-width: 1920px) { .elementor .elementor-element.al4as-section-thematic-line-hero { height: 640px !important; min-height: 640px; } #page .elementor .elementor-element.al4as-section-thematic-line-hero::after { content: "" !important; display: block !important; visibility: visible !important; background-position: right center !important; background-position: calc(100% + 220px) center !important; background-size: auto 100% !important; opacity: 1 !important; } } @supports (min-height: clamp(500px, 50vw, 640px)) { @media (max-width: 1439px) { .elementor .elementor-element.al4as-section-thematic-line-hero { height: auto !important; min-height: 500px; min-height: clamp(500px, calc(476.92px + 5.769vw), 560px); } } @media (min-width: 1440px) { .elementor .elementor-element.al4as-section-thematic-line-hero { height: 560px !important; height: clamp(560px, calc(320px + 16.667vw), 640px) !important; min-height: 560px; min-height: clamp(560px, calc(320px + 16.667vw), 640px); } } } /* 2. RESEARCH IMPACT CARDS */ .al4as-research-impact-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: auto; align-items: stretch !important; width: 100% !important; max-width: 100% !important; min-width: 0; } .al4as-research-impact-grid > .al4as-research-impact-card { --width: 100% !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column !important; flex-direction: column !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-align: stretch; -webkit-align-items: stretch !important; align-items: stretch !important; -webkit-box-pack: start; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; min-width: 0; height: 100% !important; margin: 0 !important; padding: 28px var(--space-32) var(--space-32) var(--space-32) !important; gap: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--dark-green-1) !important; box-sizing: border-box; } .al4as-research-impact-content { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column !important; flex-direction: column !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-flex: 1; -webkit-flex: 1 1 auto !important; flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0; height: auto !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; background: transparent !important; box-sizing: border-box; } #page .al4as-research-impact-card-title { width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 0 18px 0 !important; padding: 0 !important; } #page .al4as-research-impact-card-title h3:not(.rs-layer) { max-width: 100%; margin: 0 !important; padding: 0 !important; font-family: var(--font-family-title) !important; font-size: 26px !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; color: var(--color-white) !important; white-space: normal !important; overflow: visible; text-overflow: clip; word-wrap: break-word; overflow-wrap: break-word; word-break: normal; } #page .al4as-research-impact-card-title h3:not(.rs-layer) span { color: var(--primary-green) !important; } #page .al4as-research-impact-card-description, #page .al4as-research-impact-card-description > .elementor-widget-container { width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; font-family: var(--font-family-body) !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-regular) !important; line-height: var(--line-body-relaxed) !important; color: var(--color-white) !important; white-space: normal !important; overflow: visible; word-wrap: break-word; overflow-wrap: break-word; } #page .al4as-research-impact-card-description p { margin: 0 !important; padding: 0 !important; font: inherit !important; line-height: inherit !important; color: inherit !important; word-wrap: inherit; overflow-wrap: inherit; } @media (min-width: 1291px) and (max-width: 1439px) { #page .al4as-research-impact-card-title h3:not(.rs-layer) { font-size: 26px !important; } } @media (min-width: 1440px) and (max-width: 1719px) { #page .al4as-research-impact-card-title h3:not(.rs-layer) { font-size: 29px !important; } } @media (min-width: 1441px) { #page .al4as-research-impact-card-description, #page .al4as-research-impact-card-description > .elementor-widget-container { font-size: var(--font-body-lg) !important; } } @media (min-width: 1720px) { #page .al4as-research-impact-card-title h3:not(.rs-layer) { font-size: 32px !important; } } @media (min-width: 922px) and (max-width: 1290px) { .al4as-research-impact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .al4as-research-impact-grid > .al4as-research-impact-card { padding: 28px var(--space-32) var(--space-32) var(--space-32) !important; } #page .al4as-research-impact-card-title h3:not(.rs-layer) { font-size: 26px !important; } } @media (max-width: 921px) { .al4as-research-impact-grid { grid-template-columns: minmax(0, 1fr) !important; } .al4as-research-impact-grid > .al4as-research-impact-card { padding: 20px var(--space-24) var(--space-24) var(--space-24) !important; } #page .al4as-research-impact-card-title { margin-bottom: var(--space-16) !important; } #page .al4as-research-impact-card-title h3:not(.rs-layer) { font-size: var(--font-title-h3) !important; } } @media (max-width: 544px) { .al4as-research-impact-grid > .al4as-research-impact-card { padding: 20px var(--space-24) var(--space-24) var(--space-24) !important; } #page .al4as-research-impact-card-description, #page .al4as-research-impact-card-description > .elementor-widget-container { font-size: var(--font-body-sm) !important; } #page .al4as-research-impact-card-title { margin-bottom: 12px !important; } } @supports not (display: grid) { .al4as-research-impact-grid { display: block !important; } .al4as-research-impact-grid > .al4as-research-impact-card { height: auto !important; margin-bottom: var(--elementor-section-gap) !important; } .al4as-research-impact-grid > .al4as-research-impact-card:last-child { margin-bottom: 0 !important; } @media (max-width: 544px) { .al4as-research-impact-grid > .al4as-research-impact-card { margin-bottom: var(--space-48) !important; } } } /* 3. GLOBAL LISTS */ .al4as-global-list { margin: 0 !important; padding: 0 !important; list-style: none !important; } .al4as-global-list > .al4as-global-list__item { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: var(--space-16); min-width: 0; margin: 0 !important; padding: 0 0 var(--space-16) 0 !important; } .al4as-global-list__bullet { display: block; flex: 0 0 12px; width: 12px; height: 12px; background-color: var(--green-500); border-radius: var(--radius-round); } .al4as-global-list__bullet-light { display: block; flex: 0 0 12px; width: 12px; height: 12px; background-color: var(--primary-green) !important; border-radius: var(--radius-round); } .al4as-global-list__text { color: var(--color-text); } .al4as-global-list__text-light { color: var(--color-white); } .al4as-global-list > .al4as-global-list__item > .al4as-global-list__text, .al4as-global-list > .al4as-global-list__item > .al4as-global-list__text-light { flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 !important; } @media (max-width: 921px) { .al4as-global-list > .al4as-global-list__item { padding-bottom: var(--space-16) !important; } } .al4as-global-list > .al4as-global-list__item:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 4. KEYWORDS */ .al4as-lt-keywords a, .al4as-lt-keywords a .elementor-icon-list-text { text-decoration: none !important; font-size: var(--font-body-md) !important; font-weight: var(--font-weight-semibold) !important; line-height: 1.6 !important; } @media (min-width: 1441px) { .al4as-lt-keywords a, .al4as-lt-keywords a .elementor-icon-list-text { font-size: var(--font-body-lg) !important; } } @media (max-width: 544px) { .al4as-lt-keywords a, .al4as-lt-keywords a .elementor-icon-list-text { font-size: var(--font-body-sm) !important; } } /* 5. PUBLIC POLICIES */ .al4as-public-policies-container { --flex-direction: row !important; --flex-wrap: nowrap !important; --gap: 0 !important; --row-gap: 0 !important; --column-gap: 0 !important; box-sizing: border-box; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex: 0 0 auto !important; flex: 0 0 auto !important; -webkit-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; min-width: 0; height: auto !important; min-height: 0; margin: 0 0 28px 0 !important; padding: 0 !important; } .al4as-public-policies-container:last-child { margin-bottom: 0 !important; } .al4as-public-policies-ico { --align-self: center !important; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--space-80) !important; flex: 0 0 var(--space-80) !important; -webkit-align-self: center !important; align-self: center !important; width: var(--space-80) !important; min-width: var(--space-80) !important; max-width: var(--space-80) !important; height: var(--space-80) !important; margin: 0 !important; padding: 0 !important; } .al4as-public-policies-ico > .elementor-widget-container, .al4as-public-policies-ico .elementor-icon-wrapper { box-sizing: border-box; width: var(--space-80) !important; height: var(--space-80) !important; margin: 0 !important; padding: 0 !important; line-height: 1; } .al4as-public-policies-ico .elementor-icon { box-sizing: border-box; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: var(--space-80) !important; height: var(--space-80) !important; margin: 0 !important; padding: var(--space-8) !important; border-radius: var(--radius-round) !important; line-height: 1; } .al4as-public-policies-ico .elementor-icon svg, .al4as-public-policies-ico .elementor-icon img { display: block; width: var(--space-64) !important; max-width: var(--space-64) !important; height: var(--space-64) !important; max-height: var(--space-64) !important; object-fit: contain; } .al4as-public-policies-container > .al4as-public-policies-text { box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 1 auto !important; flex: 1 1 auto !important; width: auto !important; max-width: 100% !important; min-width: 0; margin: 0 0 0 var(--space-32) !important; padding: 0 !important; } .al4as-public-policies-text > .elementor-widget-container { width: 100%; min-width: 0; margin: 0 !important; padding: 0 !important; } #page .al4as-public-policies-text h3:not(.rs-layer) { margin: 0 !important; padding: 0 !important; color: inherit !important; font-family: var(--font-family-title) !important; font-size: var(--font-title-h5) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; } @media (max-width: 1290px) { .al4as-public-policies-container { margin-bottom: var(--space-24) !important; } .al4as-public-policies-container:last-child { margin-bottom: 0 !important; } .al4as-public-policies-container > .al4as-public-policies-text { margin-left: var(--space-24) !important; } } @media (max-width: 921px) { .al4as-public-policies-ico, .al4as-public-policies-ico > .elementor-widget-container, .al4as-public-policies-ico .elementor-icon-wrapper, .al4as-public-policies-ico .elementor-icon { width: var(--space-72) !important; min-width: var(--space-72) !important; max-width: var(--space-72) !important; height: var(--space-72) !important; } .al4as-public-policies-ico { -webkit-flex-basis: var(--space-72) !important; flex-basis: var(--space-72) !important; } .al4as-public-policies-ico .elementor-icon svg, .al4as-public-policies-ico .elementor-icon img { width: var(--space-56) !important; max-width: var(--space-56) !important; height: var(--space-56) !important; max-height: var(--space-56) !important; } } @media (max-width: 544px) { .al4as-public-policies-container { margin-bottom: var(--space-16) !important; } .al4as-public-policies-container:last-child { margin-bottom: 0 !important; } .al4as-public-policies-ico, .al4as-public-policies-ico > .elementor-widget-container, .al4as-public-policies-ico .elementor-icon-wrapper, .al4as-public-policies-ico .elementor-icon { width: var(--space-64) !important; min-width: var(--space-64) !important; max-width: var(--space-64) !important; height: var(--space-64) !important; } .al4as-public-policies-ico { -webkit-flex-basis: var(--space-64) !important; flex-basis: var(--space-64) !important; } .al4as-public-policies-ico .elementor-icon svg, .al4as-public-policies-ico .elementor-icon img { width: var(--space-48) !important; max-width: var(--space-48) !important; height: var(--space-48) !important; max-height: var(--space-48) !important; } .al4as-public-policies-container > .al4as-public-policies-text { margin-left: var(--space-16) !important; } } /* 6. PROJECT / PUBLICATION VARIANTS */ /* Uses the shared LIST DOWNLOAD / DOCUMENTS infrastructure above. */ .al4as-list-download-grid > .al4as-list-download-item-project { margin: 0 0 var(--space-32) 0 !important; padding: 20px var(--space-24) var(--space-24) var(--space-24) !important; background-color: var(--background-light); border: 0 !important; } .al4as-list-download-grid > .al4as-list-download-item-project:last-child { margin: 0 !important; } .al4as-list-download-grid > .al4as-list-download-item-publication { margin: 0 !important; padding: 22px var(--space-16) var(--space-24) var(--space-16) !important; border: 0 !important; border-bottom: 1px solid var(--color-extra-light-gray) !important; } .al4as-list-download-grid > .al4as-list-download-item-publication:first-child { border-top: 1px solid var(--color-extra-light-gray) !important; } #page .al4as-list-download-title-publication { margin: 0 !important; color: var(--secondary-green) !important; font-family: var(--font-family-body) !important; font-size: var(--font-title-h6) !important; font-weight: var(--font-weight-semibold) !important; font-style: italic !important; line-height: var(--line-heading) !important; padding: 4px 0 !important; } #page .al4as-list-download-description-publication { margin: 0 !important; color: var(--color-text) !important; } #page .al4as-list-download-item-project .al4as-list-download-project-title { margin: 0 !important; padding: 0 !important; color: var(--secondary-green) !important; font-family: var(--font-family-title) !important; font-size: var(--font-title-h5) !important; font-weight: var(--font-weight-semibold) !important; line-height: var(--line-heading) !important; } #page .al4as-list-download-item-project .al4as-list-download-project-reference { margin: 4px 0 0 0 !important; padding: 0 !important; color: var(--color-text) !important; font-weight: var(--font-weight-semibold) !important; } #page .al4as-list-download-item-project .al4as-list-download-project-detail { margin: 4px 0 0 0 !important; padding: 0 !important; color: var(--color-text) !important; font-weight: var(--font-weight-regular) !important; } #page .al4as-list-download-item-project .al4as-list-download-project-label { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: var(--font-weight-semibold) !important; line-height: inherit !important; } #page .al4as-list-download-item-project .al4as-list-download-project-title, #page .al4as-list-download-item-project .al4as-list-download-project-reference, #page .al4as-list-download-item-project .al4as-list-download-project-detail { word-wrap: break-word; overflow-wrap: break-word; } #page .al4as-list-download-title-publication, #page .al4as-list-download-description-publication { word-wrap: break-word; overflow-wrap: break-word; } @media (max-width: 921px) { .al4as-list-download-grid > .al4as-list-download-item-project { padding: 20px var(--space-24) var(--space-24) var(--space-24) !important; margin: 0 0 var(--space-24) 0 !important; } .al4as-list-download-grid > .al4as-list-download-item-publication { padding: 20px var(--space-16) var(--space-24) var(--space-16) !important; } } @media (max-width: 544px) { .al4as-list-download-grid > .al4as-list-download-item-project { margin: 0 0 var(--space-24) 0 !important; padding: 20px var(--space-16) var(--space-24) var(--space-16) !important; } .al4as-list-download-grid > .al4as-list-download-item-publication { padding: 20px 0 var(--space-24) 0 !important; } } /* 7. PAGE-SPECIFIC COMPATIBILITY FALLBACKS */ @supports not (margin-inline: 1px) { .al4as-lt-keywords .elementor-icon-list-items.elementor-inline-items { display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px !important; margin-left: -12px !important; } .al4as-lt-keywords .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin-right: 12px !important; margin-left: 12px !important; } .al4as-lt-keywords .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child)::after { right: -12px !important; left: auto !important; } } .no-flex-gap .al4as-global-list__item { gap: 0; } .no-flex-gap .al4as-global-list__bullet + .al4as-global-list__text, .no-flex-gap .al4as-global-list__bullet-light + .al4as-global-list__text, .no-flex-gap .al4as-global-list__bullet + .al4as-global-list__text-light, .no-flex-gap .al4as-global-list__bullet-light + .al4as-global-list__text-light { margin-left: var(--space-16) !important; } .no-flex-gap .al4as-section-thematic-line-hero-meta > .e-con-inner, .no-flex-gap .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-items { gap: 0 !important; } .no-flex-gap .al4as-section-thematic-line-hero-profile-meta { margin-left: var(--space-16) !important; } .no-flex-gap .al4as-section-thematic-line-hero-profile-meta .elementor-icon-list-item + .elementor-icon-list-item { margin-left: var(--space-8) !important; } /* COMPATIBILITY */ /* Safari before 14.1 supports Grid gap but not Flexbox gap. */ .no-flex-gap .wp-block-button .wp-block-button__link::after, .no-flex-gap .uc_more_btn::after, .no-flex-gap .eael-post-elements-readmore-btn::after, .no-flex-gap .al4as-button .elementor-button::after, .no-flex-gap .al4as-button-white .elementor-button::after, .no-flex-gap .al4as-button-out .elementor-button::after, .no-flex-gap .al4as-button-out-white .elementor-button::after, .no-flex-gap .al4as-search-btn::after, .no-flex-gap .al4as-back-btn::after, .no-flex-gap #rev_slider_2_1 .rev-btn::after { margin-left: var(--button-gap) !important; } .no-flex-gap body.login #login .forgetmenot label > * + *, .no-flex-gap .text-button-readmore > * + * { margin-left: var(--space-8) !important; } .no-flex-gap .text-button-readmore { gap: 0; } .no-flex-gap .text-button-readmore i { margin-left: var(--space-8) !important; } .no-flex-gap .al4as-flex-gap-row > * + * { margin-left: var(--gap) !important; } .no-flex-gap .al4as-flex-gap-column > * + * { margin-top: var(--gap) !important; } .no-flex-gap .eael-post-grid-container .eael-post-grid > * { box-sizing: border-box; flex: 0 0 calc((100% - (var(--home-grid-gap-desktop) * 2)) / 3); margin-right: var(--home-grid-gap-desktop) !important; margin-bottom: var(--home-grid-gap-desktop) !important; } .no-flex-gap .eael-post-grid-container .eael-post-grid > *:nth-child(3n) { margin-right: 0 !important; } .no-flex-gap .al4as-newsletter-subscribe-container > * + * { margin-left: var(--home-grid-gap-desktop) !important; } .no-flex-gap .al4as-search-bar-form > * + *, .no-flex-gap .al4as-results-header > * + * { margin-left: var(--section-gap-grid) !important; } .no-flex-gap .al4as-filter-row > * + * { margin-left: var(--section-gap-card) !important; } .no-flex-gap .al4as-filter-row-item > * + * { margin-left: var(--section-gap-cluster) !important; } .no-flex-gap .al4as-profile-card > * + *, .no-flex-gap .al4as-profile-card-governance > * + * { margin-left: var(--section-gap-card) !important; } .no-flex-gap .al4as-profile-layout > * + * { margin-left: var(--section-gap-profile) !important; } .no-flex-gap .al4as-profile-sidebar > * + * { margin-top: var(--section-gap-card) !important; } .no-flex-gap .al4as-list-download-info > * + * { margin-left: var(--space-16) !important; } .no-flex-gap .al4as-category-filters > * + * { margin-left: var(--news-filter-gap) !important; } .no-flex-gap .al4as-post-grid-news-events .eael-post-grid-container .eael-post-grid > * { flex-basis: auto; margin-right: 0 !important; margin-bottom: 0 !important; } @media (max-width: 1290px) { .no-flex-gap .eael-post-grid-container .eael-post-grid > * { flex-basis: calc((100% - var(--home-grid-gap-tablet)) / 2); margin-right: var(--home-grid-gap-tablet) !important; margin-bottom: var(--home-grid-gap-tablet) !important; } .no-flex-gap .eael-post-grid-container .eael-post-grid > *:nth-child(3n) { margin-right: var(--home-grid-gap-tablet) !important; } .no-flex-gap .eael-post-grid-container .eael-post-grid > *:nth-child(2n) { margin-right: 0 !important; } .no-flex-gap .al4as-newsletter-subscribe-container > * + * { margin-top: var(--section-gap-card) !important; margin-left: 0 !important; } .no-flex-gap .al4as-results-header > * + * { margin-left: var(--section-gap-card) !important; } .no-flex-gap .al4as-profile-layout > * + * { margin-left: var(--section-gap-grid) !important; } } @media (max-width: 921px) { .no-flex-gap .eael-post-grid-container .eael-post-grid > * { flex-basis: 100%; margin-right: 0 !important; margin-bottom: var(--home-grid-gap-tablet) !important; } .no-flex-gap .al4as-search-bar-form > * + *, .no-flex-gap .al4as-profile-layout > * + * { margin-top: var(--section-gap-grid) !important; margin-left: 0 !important; } .no-flex-gap .al4as-results-header > * + * { margin-top: var(--section-gap-card) !important; margin-left: 0 !important; } .no-flex-gap .al4as-filter-row > * + * { margin-top: var(--section-gap-cluster) !important; margin-left: 0 !important; } .no-flex-gap .al4as-list-download-info > * + * { margin-left: 0 !important; } .no-flex-gap .al4as-newsletter-subscribe-container > * + * { margin-top: var(--space-32) !important; } .no-flex-gap .al4as-category-filters > * + * { margin-left: var(--news-filter-gap-mobile) !important; } } @media (max-width: 544px) { .no-flex-gap .eael-post-grid-container .eael-post-grid > * { margin-bottom: var(--home-grid-gap-mobile) !important; } .no-flex-gap .al4as-newsletter-subscribe-container > * + * { margin-top: var(--space-24) !important; } .no-flex-gap .al4as-search-bar-form > * + * { margin-top: var(--section-gap-card) !important; } .no-flex-gap .al4as-results-header > * + * { margin-top: var(--space-16) !important; } .no-flex-gap .al4as-profile-layout > * + * { margin-top: var(--section-gap-profile) !important; } .no-flex-gap .al4as-filter-row-item > * + * { margin-top: var(--space-8) !important; margin-left: 0 !important; } }