From dedfd511da4721db3dda3fb39666dd1e81a554a4 Mon Sep 17 00:00:00 2001 From: jorge-vitrubio Date: Sun, 14 Jan 2024 17:12:37 +0100 Subject: [PATCH] styled sass as xarxaprod 2024 --- adminstyles.css | 1013 ++++------------- assets/css/adminstyles.css | 2 +- sass/abstracts/variables/_colors.scss | 28 +- sass/adminstyles.scss | 9 - sass/base/elements/_body.scss | 5 + sass/base/elements/_buttons.scss | 117 +- sass/base/elements/_links.scss | 116 +- sass/base/elements/_lists.scss | 130 +-- sass/base/typography/_headings.scss | 106 +- sass/base/typography/_typography.scss | 18 +- sass/components/content/_posts-and-pages.scss | 128 +-- sass/components/navigation/_navigation.scss | 271 ++--- sass/layouts/_no-sidebar.scss | 35 +- sass/plugins/contactform7/_contactform7.scss | 102 +- sass/style.scss | 24 +- style.css | 996 ++++------------ 16 files changed, 843 insertions(+), 2257 deletions(-) diff --git a/adminstyles.css b/adminstyles.css index ddc7242..d481d2a 100644 --- a/adminstyles.css +++ b/adminstyles.css @@ -12,23 +12,23 @@ /* -Theme Name: XarxaProd.cat 2024 -Theme URI: https://git.hangar.org/xarxaprod/ -Author: Hangar.org Tech Lab - hangar.org -Author URI: https://hangar.org -Description: theme for the XarxaProd. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla vanderpla.com. Coding template and theme by Jorge - vitrubio.net -Version: 1.0.7 -Tested up to: 6.2 -Requires PHP: 7.4 -License: GNU General Public License v3 or later -License URI: https://www.gnu.org/licenses/gpl-3.0.html +Theme Name: Xarxaprod theme +Theme URI: http://underscores.me/ +Author: jorge-vitrubio.net +Author URI: https://vitrubio.net +Description: theme for the Xarxaprod.cat +Version: 1.0.0 +Tested up to: 5.4 +Requires PHP: 5.6 +License: GNU General Public License v2 or later +License URI: LICENSE Text Domain: xarxaprod -Tags: custom-logo, custom-menu, search,custom post-type, translation-ready +Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. -The Xarxaprod.cat theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. +Xarxaprod theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of @@ -318,12 +318,6 @@ Add your custom styles in this file so it is easier to update the theme. /* Contact Form 7 --------------------------------------------- */ - /* contact forms styles used in wp backend with CF7 */ - - /* styles applied if written in wp backend - * class="contactform contactform-WHATEVER" - * */ - /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ @@ -535,30 +529,12 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area select, .edit-post-visual-editor__content-area optgroup, .edit-post-visual-editor__content-area textarea { - color: #202020; + color: #000; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.3; } -.edit-post-visual-editor__content-area .hide { - display: inline-block; - margin: 0; - padding: 0; - min-width: unset; - max-width: unset; - width: 0; - min-height: unset; - max-height: unset; - height: 0; - font-size: 0; - line-height: 0px; - text-decoration: none; - border: 0; - background: none; - background-color: transparent; -} - @media screen { .edit-post-visual-editor__content-area h1, @@ -566,86 +542,43 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area h3, .edit-post-visual-editor__content-area h4, .edit-post-visual-editor__content-area h5, - .edit-post-visual-editor__content-area h6, - .edit-post-visual-editor__content-area .h1, - .edit-post-visual-editor__content-area .h2, - .edit-post-visual-editor__content-area .h3, - .edit-post-visual-editor__content-area .h4, - .edit-post-visual-editor__content-area .h5, - .edit-post-visual-editor__content-area .h6 { + .edit-post-visual-editor__content-area h6 { + font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; clear: both; line-height: 1.1; } - .edit-post-visual-editor__content-area h1, - .edit-post-visual-editor__content-area .h1 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + .edit-post-visual-editor__content-area h1 a, + .edit-post-visual-editor__content-area h2 a, + .edit-post-visual-editor__content-area h3 a, + .edit-post-visual-editor__content-area h4 a, + .edit-post-visual-editor__content-area h5 a, + .edit-post-visual-editor__content-area h6 a { + text-decoration: none; + } + + .edit-post-visual-editor__content-area h1 { font-size: 1.8rem; - text-transform: uppercase; } - .edit-post-visual-editor__content-area h1.small, - .edit-post-visual-editor__content-area .h1.small { + .edit-post-visual-editor__content-area h2 { font-size: 1.5rem; } - .edit-post-visual-editor__content-area h2, - .edit-post-visual-editor__content-area .h2 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.5rem; - text-transform: uppercase; - } - - .edit-post-visual-editor__content-area h2.small, - .edit-post-visual-editor__content-area .h2.small { - font-size: 1.2rem; - } - - .edit-post-visual-editor__content-area h3, - .edit-post-visual-editor__content-area .h3 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + .edit-post-visual-editor__content-area h3 { font-size: 1.3rem; - text-transform: uppercase; } - .edit-post-visual-editor__content-area h3.small, - .edit-post-visual-editor__content-area .h3.small { - font-size: 1rem; - } - - .edit-post-visual-editor__content-area h4, - .edit-post-visual-editor__content-area .h4 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + .edit-post-visual-editor__content-area h4 { font-size: 1.2rem; - text-transform: uppercase; } - .edit-post-visual-editor__content-area h4.small, - .edit-post-visual-editor__content-area .h4.small { - font-size: 0.9rem; - } - - .edit-post-visual-editor__content-area h5, - .edit-post-visual-editor__content-area .h5 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.1rem; - text-transform: uppercase; - } - - .edit-post-visual-editor__content-area h5.small, - .edit-post-visual-editor__content-area .h5.small { - font-size: 0.8rem; - } - - .edit-post-visual-editor__content-area h6, - .edit-post-visual-editor__content-area .h6 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + .edit-post-visual-editor__content-area h5 { font-size: 1.1rem; } - .edit-post-visual-editor__content-area h6.small, - .edit-post-visual-editor__content-area .h6.small { - font-size: 0.8rem; + .edit-post-visual-editor__content-area h6 { + font-size: 1.1rem; } .edit-post-visual-editor__content-area .site-main h1, @@ -654,23 +587,15 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area .site-main h4, .edit-post-visual-editor__content-area .site-main h5, .edit-post-visual-editor__content-area .site-main h6, - .edit-post-visual-editor__content-area .site-main .h1, - .edit-post-visual-editor__content-area .site-main .h2, - .edit-post-visual-editor__content-area .site-main .h3, - .edit-post-visual-editor__content-area .site-main .h4, - .edit-post-visual-editor__content-area .site-main .h5, - .edit-post-visual-editor__content-area .site-main .h6, .edit-post-visual-editor__content-area .site-main .entry-content { margin: 0; } - .edit-post-visual-editor__content-area .single h1, - .edit-post-visual-editor__content-area .single .h1 { + .edit-post-visual-editor__content-area .single h1 { font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - .edit-post-visual-editor__content-area .home-featured h2, - .edit-post-visual-editor__content-area .home-featured .h2 { + .edit-post-visual-editor__content-area .home-featured h2 { margin: 1.2rem 0; font-size: 2rem; line-height: 1.2; @@ -680,79 +605,32 @@ Add your custom styles in this file so it is easier to update the theme. @media screen and (min-width: 48em) { - .edit-post-visual-editor__content-area h1, - .edit-post-visual-editor__content-area .h1 { + .edit-post-visual-editor__content-area h1 { font-size: 3.5rem; } - .edit-post-visual-editor__content-area h2, - .edit-post-visual-editor__content-area .h2 { + .edit-post-visual-editor__content-area h2 { font-size: 2.5rem; } - .edit-post-visual-editor__content-area h3, - .edit-post-visual-editor__content-area .h3 { + .edit-post-visual-editor__content-area h3 { + font-size: 2rem; + } + + .edit-post-visual-editor__content-area h4 { + font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.7rem; + } + + .edit-post-visual-editor__content-area h5 { font-size: 1.5rem; } - .edit-post-visual-editor__content-area h4, - .edit-post-visual-editor__content-area .h4 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.3rem; + .edit-post-visual-editor__content-area h6 { + font-size: 1.5rem; } - .edit-post-visual-editor__content-area h5, - .edit-post-visual-editor__content-area .h5 { - font-size: 1.3rem; - } - - .edit-post-visual-editor__content-area h6, - .edit-post-visual-editor__content-area .h6 { - font-size: 1.3rem; - } - - .edit-post-visual-editor__content-area .home-featured h2, - .edit-post-visual-editor__content-area .home-featured .h2 { - font-size: 3.5rem; - border-bottom: 0.8rem solid #000; - } -} - -@media screen and (min-width: 1440px) { - - .edit-post-visual-editor__content-area h1, - .edit-post-visual-editor__content-area .h1 { - font-size: 3.5rem; - } - - .edit-post-visual-editor__content-area h2, - .edit-post-visual-editor__content-area .h2 { - font-size: 2.5rem; - } - - .edit-post-visual-editor__content-area h3, - .edit-post-visual-editor__content-area .h3 { - font-size: 1.6rem; - } - - .edit-post-visual-editor__content-area h4, - .edit-post-visual-editor__content-area .h4 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.4rem; - } - - .edit-post-visual-editor__content-area h5, - .edit-post-visual-editor__content-area .h5 { - font-size: 1.4rem; - } - - .edit-post-visual-editor__content-area h6, - .edit-post-visual-editor__content-area .h6 { - font-size: 1.4rem; - } - - .edit-post-visual-editor__content-area .home-featured h2, - .edit-post-visual-editor__content-area .home-featured .h2 { + .edit-post-visual-editor__content-area .home-featured h2 { font-size: 3.5rem; border-bottom: 0.8rem solid #000; } @@ -857,7 +735,11 @@ Add your custom styles in this file so it is easier to update the theme. } .edit-post-visual-editor__content-area body { - background: #fff; + background: none; + background-image: url(./assets/img/background-colors-02.jpg); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; } .edit-post-visual-editor__content-area hr { @@ -896,96 +778,47 @@ Add your custom styles in this file so it is easier to update the theme. padding: 0; } -.edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label { +.edit-post-visual-editor__content-area .xarxaprod-label { margin: 0; padding: 0; display: inline; } -.edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label li { +.edit-post-visual-editor__content-area .xarxaprod-label li { display: inline-block; - margin: 0.1em 0; - padding: 0.2em 0.2em 0 0.2em; + margin: 0.1rem; + padding: 0 0.2rem; color: #fff; background-color: #000; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 0.7rem; - text-transform: uppercase; } -.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_target li { +.edit-post-visual-editor__content-area .item-os_fund_target li { background-color: #ff8d76; } -.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_source li { +.edit-post-visual-editor__content-area .item-os_fund_source li { background-color: #5bcee8; } -.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_field li { +.edit-post-visual-editor__content-area .item-os_fund_field li { background-color: #f6cc4c; } -.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_dates li { +.edit-post-visual-editor__content-area .item-os_fund_dates li { background-color: #69ed82; } -.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call { +.edit-post-visual-editor__content-area .item-os_fund_call { display: block; - margin: 0.2rem 0; + margin: 0.2rem 0.1rem; } -.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call li { +.edit-post-visual-editor__content-area .item-os_fund_call li { font-size: 1.2rem; } -.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_apply_text { - display: inline-block; - margin: 0.1em 0; - padding: 0.2em 0.2em 0 0.2em; - color: #fff; - background-color: #69ed82; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 0.7rem; - text-transform: uppercase; -} - -.edit-post-visual-editor__content-area .xarxaprod-faqs-types ul { - margin: 0; -} - -.edit-post-visual-editor__content-area .xarxaprod-faqs-types .cat-item { - display: inline-block; - margin: 0.1em 0.5em 0.1em 0; - padding: 0.2em 0.2em 0 0.2em; - color: #fff; - background-color: #000; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.1rem; - text-transform: uppercase; -} - -.edit-post-visual-editor__content-area .xarxaprod-faqs-types .current-cat { - background-color: #ff8d76; -} - -.edit-post-visual-editor__content-area .xarxaprod-faqs-types a { - color: #fff; - text-decoration: none; -} - -.edit-post-visual-editor__content-area .xarxaprod-faqs-types a:visited, -.edit-post-visual-editor__content-area .xarxaprod-faqs-types a:hover { - color: #fff; -} - -.edit-post-visual-editor__content-area .single-xarxaprod-ajut article:not(.type-post) .xarxaprod-label li { - font-size: 1.1rem; -} - -.edit-post-visual-editor__content-area .single-xarxaprod-ajut article:not(.type-post) .item-os_fund_apply_text { - font-size: 1.1rem; -} - .edit-post-visual-editor__content-area embed, .edit-post-visual-editor__content-area iframe, .edit-post-visual-editor__content-area object { @@ -1011,7 +844,7 @@ Add your custom styles in this file so it is easier to update the theme. } .edit-post-visual-editor__content-area a:visited { - color: #111; + color: #000; } .edit-post-visual-editor__content-area a:hover, @@ -1040,6 +873,70 @@ Add your custom styles in this file so it is easier to update the theme. text-decoration: none; } +.edit-post-visual-editor__content-area .home-featured .category-faq, +.edit-post-visual-editor__content-area .home-featured .type-xarxaprod-ajut, +.edit-post-visual-editor__content-area .archive-posts .category-faq, +.edit-post-visual-editor__content-area .archive-posts .type-xarxaprod-ajut { + position: relative; + padding-bottom: 4rem; +} + +.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after, +.edit-post-visual-editor__content-area .home-featured .type-xarxaprod-ajut .entry-title a::after, +.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after, +.edit-post-visual-editor__content-area .archive-posts .type-xarxaprod-ajut .entry-title a::after { + content: "+"; + position: absolute; + bottom: 0; + left: 0; + width: 3rem; + height: 3rem; + padding: 0 0.38rem; + border: 1px solid #000; + font-size: 4rem; + line-height: 0.8; +} + +.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after, +.edit-post-visual-editor__content-area .home-featured .type-xarxaprod-ajut .entry-title a:hover::after, +.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after, +.edit-post-visual-editor__content-area .archive-posts .type-xarxaprod-ajut .entry-title a:hover::after { + content: ">"; + padding: 0 0.38rem; + font-size: 2.5rem; + line-height: 1.3; +} + +.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::before, +.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::before { + content: "accedir"; + position: absolute; + bottom: 1em; + left: 0.5em; + font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1rem; + line-height: 0; +} + +.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after, +.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after { + content: "+"; + width: 8rem; + height: 2rem; + padding: 0 0.5rem; + text-align: right; + font-size: 2.5rem; + line-height: 0.7; +} + +.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after, +.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after { + content: ">"; + padding: 0 0.1rem; + font-size: 1.5rem; + line-height: 1.2; +} + .edit-post-visual-editor__content-area button, .edit-post-visual-editor__content-area input[type="button"], .edit-post-visual-editor__content-area input[type="reset"], @@ -1049,11 +946,10 @@ Add your custom styles in this file so it is easier to update the theme. border: 1px solid; border-color: #000; border-radius: 0; - background: #fff; + background: none; color: #000; line-height: 1; padding: 0.6em 1em 0.4em; - text-transform: uppercase; } .edit-post-visual-editor__content-area button:hover, @@ -1077,123 +973,24 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area .button:focus, .edit-post-visual-editor__content-area .wp-block-button__link:active, .edit-post-visual-editor__content-area .wp-block-button__link:focus { - border-color: #333; -} - -.edit-post-visual-editor__content-area .button-more { - line-height: 2.5; + border-color: #222; } .edit-post-visual-editor__content-area .button-more::after { content: "+"; display: inline-block; - width: 2rem; + width: 1.5rem; + height: 2rem; + padding: 0 0.5rem; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; - text-align: right; } .edit-post-visual-editor__content-area .button-more:hover::after { content: ">"; - font-size: 1rem; -} - -.edit-post-visual-editor__content-area .home-featured .more-link, -.edit-post-visual-editor__content-area .archive-posts .more-link { - position: relative; -} - -.edit-post-visual-editor__content-area .home-featured .more-link .button-more, -.edit-post-visual-editor__content-area .archive-posts .more-link .button-more { - border: none; -} - -.edit-post-visual-editor__content-area .home-featured .more-link .button-more::after, -.edit-post-visual-editor__content-area .archive-posts .more-link .button-more::after { - content: "+"; - position: absolute; - display: flex; - align-items: center; - justify-content: center; - width: 3rem; - height: 3rem; - bottom: 0; - left: 0; - padding: 0; - border: 1px solid #000; - font-size: 4rem; - line-height: inherit; -} - -.edit-post-visual-editor__content-area .home-featured .more-link .button-more:hover::after, -.edit-post-visual-editor__content-area .archive-posts .more-link .button-more:hover::after { - content: ">"; - padding: 0; - font-size: 2.5rem; - line-height: inherit; -} - -.edit-post-visual-editor__content-area .category-faq .more-link .button-more::before { - content: "accedir"; - position: absolute; - bottom: 1em; - left: 0.5em; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1rem; - line-height: 0; -} - -.edit-post-visual-editor__content-area .category-faq .more-link .button-more::after { - content: "+"; - display: inline-block; - width: 8rem; - height: 2rem; - padding: 0 0.5rem; - text-align: right; - font-size: 2.5rem; - line-height: 0.7; -} - -.edit-post-visual-editor__content-area .category-faq .more-link .button-more:hover::after { - content: ">"; - padding: 0 0.1rem; - font-size: 1.5rem; - line-height: 1.2; -} - -.edit-post-visual-editor__content-area .xarxaprod-search-form { - display: flex; - margin: 0.5rem 0; -} - -.edit-post-visual-editor__content-area .xarxaprod-search-form .search-field { - padding: 0.5em; -} - -.edit-post-visual-editor__content-area .xarxaprod-search-form .search-submit { - z-index: 10; - margin: 0; - border: none; - width: 2.5rem; - height: 2.5rem; - background: none; - cursor: pointer; - font-size: 0; -} - -.edit-post-visual-editor__content-area .xarxaprod-icon-search::before { - position: absolute; - padding: 0; - margin: 0.2rem 0 0 -1.5rem; - z-index: 0; - min-width: 2.5rem; - min-height: 2.5rem; - font-size: 2rem; - content: "\26b2"; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); + padding-left: 0.2rem; + font-size: 1.2rem; + line-height: 1.5; } .edit-post-visual-editor__content-area input[type="text"], @@ -1212,7 +1009,7 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area input[type="datetime-local"], .edit-post-visual-editor__content-area input[type="color"], .edit-post-visual-editor__content-area textarea { - color: #333; + color: #111; background-color: #eee; border: none; border-radius: 0; @@ -1278,22 +1075,19 @@ Add your custom styles in this file so it is easier to update the theme. z-index: 900; top: 0; margin-bottom: 2rem; - background-color: #fff; - box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0); } .edit-post-visual-editor__content-area .site-header .main { display: flex; - flex-flow: column; - align-items: initial; + flex-flow: row; + align-items: center; justify-content: space-around; - padding-left: 1rem; } .edit-post-visual-editor__content-area .site-header .secondary { display: flex; flex-flow: column; - align-items: end; + align-items: center; } .edit-post-visual-editor__content-area .site-main { @@ -1313,25 +1107,10 @@ Add your custom styles in this file so it is easier to update the theme. } } -@media screen and (max-width: 48em) { - - .edit-post-visual-editor__content-area .site-header { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0.5rem 0; - align-items: center; - } -} - @media screen and (min-width: 48em) { .edit-post-visual-editor__content-area .site-header .main { - align-items: center; - } - - .edit-post-visual-editor__content-area .site-header .secondary { - border-top: 1px solid #eee; - align-items: center; + flex-flow: column; } .edit-post-visual-editor__content-area .site-main { @@ -1343,7 +1122,6 @@ Add your custom styles in this file so it is easier to update the theme. } .edit-post-visual-editor__content-area.single .site-main { - width: 45rem; margin: 0 auto; } @@ -1352,26 +1130,11 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area .archive-posts { grid-template-columns: repeat(4, 1fr); } - - .edit-post-visual-editor__content-area .xarxaprod-faqs-aside { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - } - - .edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:hover, - .edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:active, - .edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:focus, - .edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:target { - flex-grow: 1; - } } @media screen and (min-width: 80em) { .edit-post-visual-editor__content-area .site-header .main { - width: 80em; margin: auto; flex-flow: row; } @@ -1418,15 +1181,48 @@ Add your custom styles in this file so it is easier to update the theme. padding-left: 0; } - .edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu, - .edit-post-visual-editor__content-area .secondary-navigation ul ul.sub-menu { - padding-top: 0.5rem; - padding-left: 1rem; + .edit-post-visual-editor__content-area .main-navigation ul ul, + .edit-post-visual-editor__content-area .secondary-navigation ul ul { + background-color: #fff; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); + flex-direction: column; + float: left; + position: absolute; + top: 100%; + left: -999em; + z-index: 99999; + } + + .edit-post-visual-editor__content-area .main-navigation ul ul ul, + .edit-post-visual-editor__content-area .secondary-navigation ul ul ul { + left: -999em; + top: 0; + } + + .edit-post-visual-editor__content-area .main-navigation ul ul li:hover > ul, + .edit-post-visual-editor__content-area .main-navigation ul ul li.focus > ul, + .edit-post-visual-editor__content-area .secondary-navigation ul ul li:hover > ul, + .edit-post-visual-editor__content-area .secondary-navigation ul ul li.focus > ul { + left: 30%; + top: 2.5rem; + } + + .edit-post-visual-editor__content-area .main-navigation ul ul a, + .edit-post-visual-editor__content-area .secondary-navigation ul ul a { + width: 200px; + } + + .edit-post-visual-editor__content-area .main-navigation ul li:hover > ul, + .edit-post-visual-editor__content-area .main-navigation ul li.focus > ul, + .edit-post-visual-editor__content-area .secondary-navigation ul li:hover > ul, + .edit-post-visual-editor__content-area .secondary-navigation ul li.focus > ul { + left: auto; } .edit-post-visual-editor__content-area .main-navigation li, .edit-post-visual-editor__content-area .secondary-navigation li { position: relative; + padding: 1rem; } .edit-post-visual-editor__content-area .main-navigation a, @@ -1459,7 +1255,7 @@ Add your custom styles in this file so it is easier to update the theme. } .edit-post-visual-editor__content-area .secondary-navigation { - padding: 0 1em 1em 0; + padding: 1em 0; } .edit-post-visual-editor__content-area .secondary-navigation ul { @@ -1470,20 +1266,37 @@ Add your custom styles in this file so it is easier to update the theme. padding: 0.5em 0; } - .edit-post-visual-editor__content-area .secondary-navigation a { - text-transform: uppercase; + .edit-post-visual-editor__content-area .menu-item-has-children::after { + content: ""; + display: inline-block; + position: absolute; + top: 40%; + right: 0.3em; + width: 0.3em; + height: 0.3em; + border: 1px solid #000; + border-top: none; + border-left: none; + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } - .edit-post-visual-editor__content-area .toggle-secondary-navigation .show-mobile { + .edit-post-visual-editor__content-area .menu-item-has-children:hover::after { + border-color: #666; + } + + .edit-post-visual-editor__content-area .toogle-secondary-navigation .show-mobile { display: inherit; } - .edit-post-visual-editor__content-area .toggle, - .edit-post-visual-editor__content-area .toggled-menu { + .edit-post-visual-editor__content-area .toogle, + .edit-post-visual-editor__content-area .toogled-menu { display: none; } - .edit-post-visual-editor__content-area .toggle:checked + .toggled-menu { + .edit-post-visual-editor__content-area .toogle:checked + .toogled-menu { display: block; position: absolute; left: 0; @@ -1491,93 +1304,42 @@ Add your custom styles in this file so it is easier to update the theme. width: 100%; height: 100vh; margin-top: 0; - padding: 0 2rem; + padding: 7em 4em 0 4em; background-color: #fff; } - .edit-post-visual-editor__content-area .toggle-show { + .edit-post-visual-editor__content-area .toogle-show { position: relative; display: inline-block; width: 1.8em; height: 1.4em; margin-right: 0.3em; - border-top: 0.3em solid #000; - border-bottom: 0.3em solid #000; } - .edit-post-visual-editor__content-area .toggle-show::before { + .edit-post-visual-editor__content-area .toogle-show::before { content: ""; position: absolute; top: 0.3em; left: 0; width: 100%; - border-top: 0.3em solid #000; } - .edit-post-visual-editor__content-area .toggle-hide { + .edit-post-visual-editor__content-area .toogle-hide { display: flex; - justify-content: end; - margin-right: -0.5em; + justify-content: center; } - .edit-post-visual-editor__content-area .toggle-hide::after { + .edit-post-visual-editor__content-area .toogle-hide::after { content: "x"; padding: 0; font-size: 3rem; font-weight: 700; } + .edit-post-visual-editor__content-area .menu-toggle, .edit-post-visual-editor__content-area .main-navigation.toggled ul { display: block; } - - .edit-post-visual-editor__content-area .main-navigation.toggled .main-navigation-content { - display: inline-block; - position: absolute; - top: 5rem; - left: 0; - width: 100%; - height: calc(100vh - 5rem); - padding: 3rem; - background-color: #fff; - } - - .edit-post-visual-editor__content-area .menu-toggle { - display: inline-block; - width: 10rem; - height: 4rem; - margin: 0; - padding: 0; - font-size: 0; - border: none; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - } -} - -@media screen and (max-width: 47.99em) { - - .edit-post-visual-editor__content-area .site-branding { - display: block; - width: 0; - height: 0; - overflow: hidden; - margin: 0; - padding: 0; - } - - .edit-post-visual-editor__content-area .main-navigation-content { - text-transform: uppercase; - } - - .edit-post-visual-editor__content-area .main-navigation-content li { - padding: 0.5rem 0; - } - - .edit-post-visual-editor__content-area .secondary-navigation-content { - padding: 4rem 2rem; - } } @media screen and (min-width: 48em) { @@ -1585,10 +1347,10 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area { /* - * css menu toggler - * */ + * css menu toogler + * */ - /* end css menu toggler + /* end css menu toogler * */ } @@ -1606,43 +1368,6 @@ Add your custom styles in this file so it is easier to update the theme. display: flex; } - .edit-post-visual-editor__content-area .main-navigation ul ul, - .edit-post-visual-editor__content-area .secondary-navigation ul ul { - background-color: #fff; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); - float: left; - position: absolute; - top: 100%; - left: -999em; - z-index: 99999; - } - - .edit-post-visual-editor__content-area .main-navigation ul ul ul, - .edit-post-visual-editor__content-area .secondary-navigation ul ul ul { - left: -999em; - top: 0; - } - - .edit-post-visual-editor__content-area .main-navigation ul ul li:hover > ul, - .edit-post-visual-editor__content-area .main-navigation ul ul li.focus > ul, - .edit-post-visual-editor__content-area .secondary-navigation ul ul li:hover > ul, - .edit-post-visual-editor__content-area .secondary-navigation ul ul li.focus > ul { - display: block; - left: auto; - } - - .edit-post-visual-editor__content-area .main-navigation ul ul a, - .edit-post-visual-editor__content-area .secondary-navigation ul ul a { - width: 200px; - } - - .edit-post-visual-editor__content-area .main-navigation ul li:hover > ul, - .edit-post-visual-editor__content-area .main-navigation ul li.focus > ul, - .edit-post-visual-editor__content-area .secondary-navigation ul li:hover > ul, - .edit-post-visual-editor__content-area .secondary-navigation ul li.focus > ul { - left: auto; - } - .edit-post-visual-editor__content-area .main-navigation a, .edit-post-visual-editor__content-area .secondary-navigation a { padding: 0 0.5rem; @@ -1666,69 +1391,23 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area .main-navigation ul { justify-content: end; } - - .edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu { - flex-direction: column; - padding-top: 2rem; - padding-left: 1rem; - padding-bottom: 1rem; - } - - .edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu li { - margin: 0.5rem 0; - } .edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"], .edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"], .edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"] { font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border-left: none; } - .edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"]::after, - .edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"]::after, - .edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]::after, - .edit-post-visual-editor__content-area .main-navigation .current-menu-item a::after { - display: inline-block; - content: ""; - position: absolute; - left: 5%; - min-height: 2px; - height: 100%; - width: 90%; - margin-top: 2.3em; - border-bottom: 0.3rem solid #000; - } .edit-post-visual-editor__content-area .secondary-navigation { padding: 1.5em 0; } - .edit-post-visual-editor__content-area .menu-item-has-children::after { - content: ""; - display: inline-block; - position: absolute; - top: 40%; - right: 0.3em; - width: 0.3em; - height: 0.3em; - border: 1px solid #ccc; - border-top: none; - border-left: none; - -moz-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - } - - .edit-post-visual-editor__content-area .menu-item-has-children:hover::after { - border-color: #666; - } - - .edit-post-visual-editor__content-area .toggle-secondary-navigation .show-mobile, - .edit-post-visual-editor__content-area .toggle-secondary-navigation .hide-not-mobile { + .edit-post-visual-editor__content-area .toogle-secondary-navigation .show-mobile, + .edit-post-visual-editor__content-area .toogle-secondary-navigation .hide-not-mobile { display: none; } - .edit-post-visual-editor__content-area .toggled-menu { + .edit-post-visual-editor__content-area .toogled-menu { display: inherit; } } @@ -1739,7 +1418,6 @@ Add your custom styles in this file so it is easier to update the theme. .site-main .edit-post-visual-editor__content-area .post-navigation { margin: 0 0 1.5em; - align-self: end; } .edit-post-visual-editor__content-area .comment-navigation .nav-links, @@ -1757,15 +1435,16 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area .comment-navigation .nav-next, .edit-post-visual-editor__content-area .posts-navigation .nav-next, .edit-post-visual-editor__content-area .post-navigation .nav-next { + text-align: end; flex: 1 0 50%; } @media screen and (min-width: 80em) { - .edit-post-visual-editor__content-area .main-navigation .toggle-sidebar-segona .show-mobile, - .edit-post-visual-editor__content-area .main-navigation .toggle-sidebar-segona .hide-not-mobile, - .edit-post-visual-editor__content-area .secondary-navigation .toggle-sidebar-segona .show-mobile, - .edit-post-visual-editor__content-area .secondary-navigation .toggle-sidebar-segona .hide-not-mobile { + .edit-post-visual-editor__content-area .main-navigation .toogle-sidebar-segona .show-mobile, + .edit-post-visual-editor__content-area .main-navigation .toogle-sidebar-segona .hide-not-mobile, + .edit-post-visual-editor__content-area .secondary-navigation .toogle-sidebar-segona .show-mobile, + .edit-post-visual-editor__content-area .secondary-navigation .toogle-sidebar-segona .hide-not-mobile { display: none; } @@ -1787,28 +1466,13 @@ Add your custom styles in this file so it is easier to update the theme. @media screen { - .edit-post-visual-editor__content-area { - - /* used in - * ./template-parts/section-eachpost.php - * */ - - /* used in - * ./template-parts/content-xarxaprod-ajut.php - * ./template-parts/section-eachpost.php - * */ - - /* filters form custom fields - */ - } - .edit-post-visual-editor__content-area .sticky { display: block; } .edit-post-visual-editor__content-area .post, .edit-post-visual-editor__content-area .page { - margin: 0 0 5em; + margin: 0 0 1.5em; } .edit-post-visual-editor__content-area .updated:not(.published) { @@ -1838,11 +1502,6 @@ Add your custom styles in this file so it is easier to update the theme. margin: 0; } - .edit-post-visual-editor__content-area .xarxaprod-card-each .more-link { - display: inline-block; - margin-top: 2rem; - } - .edit-post-visual-editor__content-area .xarxaprod-fund-info-fields, .edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields { display: grid; @@ -1899,107 +1558,28 @@ Add your custom styles in this file so it is easier to update the theme. .edit-post-visual-editor__content-area .xarxaprod-filtered-funds { display: grid; - grid: 1fr; + grid-template-columns: 1fr 1fr; } - .edit-post-visual-editor__content-area .xarxaprod-filtered-funds .os_fund_target .filter, - .edit-post-visual-editor__content-area .xarxaprod-filtered-funds .os_fund_source .filter, - .edit-post-visual-editor__content-area .xarxaprod-filtered-funds .os_fund_field .filter { - display: none; - } - - .edit-post-visual-editor__content-area .xarxaprod-filters section { - margin: 1em 0; + .edit-post-visual-editor__content-area .xarxaprod-fund-filter { + display: grid; + grid-template-columns: repeat(1, 1fr); + gap: 1rem; } .edit-post-visual-editor__content-area .archive-posts { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - - .edit-post-visual-editor__content-area .xarxaprod-titol-opcions { - display: inline-block; - width: 100%; - max-width: 13em; - margin-bottom: 0; - margin-bottom: 1rem; - padding: 0.6em 1em 0.4em; - clear: both; - cursor: pointer; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 0.9rem; - border: 1px solid #000; - text-transform: uppercase; - } - - .edit-post-visual-editor__content-area .xarxaprod-titol-opcions::after { - content: ">"; - display: inline; - float: right; - } - - .edit-post-visual-editor__content-area .xarxaprod-titol-opcions:hover::after { - transform: rotate(90deg); - animation: rotate 0.5s; - } - - @keyframes rotate { - - 0% { - transform: rotate(0); - } - - 100% { - transform: rotate(90deg); - } - } -} - -@media screen and (max-width: 48em) { - - .edit-post-visual-editor__content-area .post, - .edit-post-visual-editor__content-area .page { - margin: 0 0 1em; - } - - .edit-post-visual-editor__content-area .xarxaprod-filters section { - display: block; - } - - .edit-post-visual-editor__content-area .xarxaprod-filters section h5 { - display: block; - width: 100%; - } - - .edit-post-visual-editor__content-area .xarxaprod-filters section .filter { - display: inline-block; - width: 45%; - margin-top: 0.5rem; - margin-right: 0.3em; - float: left; - } - - .edit-post-visual-editor__content-area .xarxaprod-filters section .filter:last-of-type { - margin-bottom: 2rem; + grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 48em) { - .edit-post-visual-editor__content-area .xarxaprod-filters { - padding-right: 2em; - } - - .edit-post-visual-editor__content-area .xarxaprod-filters section { - margin: 1em 0; - } - .edit-post-visual-editor__content-area .xarxaprod-filtered-funds { grid-template-columns: 1fr 2fr; } .edit-post-visual-editor__content-area .archive-posts { - grid-template-columns: repeat(2, minmax(0, 1fr)); - grid-gap: 3em; + grid-template-columns: repeat(2, 1fr); } } @@ -2010,7 +1590,7 @@ Add your custom styles in this file so it is easier to update the theme. } .edit-post-visual-editor__content-area .archive-posts { - grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-columns: repeat(3, 1fr); } } @@ -2194,6 +1774,27 @@ Add your custom styles in this file so it is easier to update the theme. padding: 0; } +.edit-post-visual-editor__content-area .wpcf7-form .contactform-name, +.edit-post-visual-editor__content-area .wpcf7-form .wpcf7-form .contactform-email { + max-width: 40%; + display: inline-block; +} + +.edit-post-visual-editor__content-area .wpcf7-form .contactform-name { + float: left; +} + +.edit-post-visual-editor__content-area .wpcf7-form .contactform-email { + float: right; + margin-bottom: 1rem; +} + +.edit-post-visual-editor__content-area .wpcf7-form .contactform-acceptance { + display: flex; + align-items: center; + justify-content: end; +} + .edit-post-visual-editor__content-area .wpcf7-form .wpcf7-submit { margin-left: 1rem; } @@ -2202,106 +1803,6 @@ Add your custom styles in this file so it is easier to update the theme. margin: 0 -24px 0 0; } -.edit-post-visual-editor__content-area .wpcf7-list-item-label { - margin: 0 0.3rem; -} - -.edit-post-visual-editor__content-area .contactform { - margin-bottom: 1rem; -} - -.edit-post-visual-editor__content-area .contactform br { - display: none; -} - -.edit-post-visual-editor__content-area .contactform p { - display: block; - break-inside: avoid-column; - margin-top: 0; -} - -.edit-post-visual-editor__content-area .contactform .break-after-column, -.edit-post-visual-editor__content-area .contactform .saltar-columna { - break-after: column; -} - -.edit-post-visual-editor__content-area .contactform-consultoria .contactform-name, -.edit-post-visual-editor__content-area .contactform-consultoria .contactform-email { - max-width: 40%; - display: inline-block; -} - -.edit-post-visual-editor__content-area .contactform-consultoria .contactform-name { - float: left; -} - -.edit-post-visual-editor__content-area .contactform-consultoria .contactform-email { - float: right; - margin-bottom: 1rem; -} - -.edit-post-visual-editor__content-area .contactform-acceptance { - display: flex; - align-items: center; - justify-content: end; -} - -.edit-post-visual-editor__content-area .contactform-fund-info { - display: inline-block; - column-count: 2; - column-gap: 2em; - width: 100%; -} - -.edit-post-visual-editor__content-area .contactform-fund-info .contactform-descripcio textarea { - display: inline-block; - min-height: 15.5em; -} - -.edit-post-visual-editor__content-area .contactform-fund-options { - display: flex; - justify-content: space-between; -} - -.edit-post-visual-editor__content-area .contactform-fund-options p { - display: inline-block; -} - -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-list-item { - display: block; -} - -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-list-item label { - display: flex; - flex-direction: row-reverse; - justify-content: left; -} - -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"], -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"] { - display: block; -} - -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"] input[type="date"], -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"] input[type="date"] { - width: auto; - background-color: #fff; -} - -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"]::before, -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"]::before { - display: inline-block; - width: 2rem; -} - -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"]::before { - content: "inici: "; -} - -.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"]::before { - content: "fi: "; -} - .edit-post-visual-editor__content-area .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); @@ -2316,7 +1817,7 @@ Add your custom styles in this file so it is easier to update the theme. } .edit-post-visual-editor__content-area .screen-reader-text:focus { - background-color: #fff; + background-color: none; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; @@ -2375,16 +1876,6 @@ Add your custom styles in this file so it is easier to update the theme. display: none; } -.editor-styles-wrapper .wp-block-button__link { - color: #000 !important; - background-color: #fff !important; - border-radius: 0 !important; - box-shadow: none !important; - text-decoration: none !important; - padding: 0.6em 1em 0.4em !important; - font-size: inherit !important; -} - /* Your custom style diff --git a/assets/css/adminstyles.css b/assets/css/adminstyles.css index 599935f..70d27c1 100644 --- a/assets/css/adminstyles.css +++ b/assets/css/adminstyles.css @@ -1 +1 @@ -.wp-admin .components-button.edit-post-fullscreen-mode-close.has-icon,.wp-admin .edit-post-fullscreen-mode-close_site-icon{background-color:#fff;filter:invert(1)}.site-icon-preview .app-icon-preview{background-color:#fff}.edit-post-visual-editor__content-area{/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */}.edit-post-visual-editor__content-area html{line-height:1.15;-webkit-text-size-adjust:100%}.edit-post-visual-editor__content-area body{margin:0}.edit-post-visual-editor__content-area main{display:block}.edit-post-visual-editor__content-area h1{font-size:2em;margin:0.67em 0}.edit-post-visual-editor__content-area hr{box-sizing:content-box;height:0;overflow:visible}.edit-post-visual-editor__content-area pre{font-family:monospace, monospace;font-size:1em}.edit-post-visual-editor__content-area a{background-color:transparent}.edit-post-visual-editor__content-area abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}.edit-post-visual-editor__content-area b,.edit-post-visual-editor__content-area strong{font-weight:bolder}.edit-post-visual-editor__content-area code,.edit-post-visual-editor__content-area kbd,.edit-post-visual-editor__content-area samp{font-family:monospace, monospace;font-size:1em}.edit-post-visual-editor__content-area small{font-size:80%}.edit-post-visual-editor__content-area sub,.edit-post-visual-editor__content-area sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.edit-post-visual-editor__content-area sub{bottom:-0.25em}.edit-post-visual-editor__content-area sup{top:-0.5em}.edit-post-visual-editor__content-area img{border-style:none}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input,.edit-post-visual-editor__content-area optgroup,.edit-post-visual-editor__content-area select,.edit-post-visual-editor__content-area textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input{overflow:visible}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area select{text-transform:none}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area [type="button"],.edit-post-visual-editor__content-area [type="reset"],.edit-post-visual-editor__content-area [type="submit"]{-webkit-appearance:button}.edit-post-visual-editor__content-area button::-moz-focus-inner,.edit-post-visual-editor__content-area [type="button"]::-moz-focus-inner,.edit-post-visual-editor__content-area [type="reset"]::-moz-focus-inner,.edit-post-visual-editor__content-area [type="submit"]::-moz-focus-inner{border-style:none;padding:0}.edit-post-visual-editor__content-area button:-moz-focusring,.edit-post-visual-editor__content-area [type="button"]:-moz-focusring,.edit-post-visual-editor__content-area [type="reset"]:-moz-focusring,.edit-post-visual-editor__content-area [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}.edit-post-visual-editor__content-area fieldset{padding:0.35em 0.75em 0.625em}.edit-post-visual-editor__content-area legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.edit-post-visual-editor__content-area progress{vertical-align:baseline}.edit-post-visual-editor__content-area textarea{overflow:auto}.edit-post-visual-editor__content-area [type="checkbox"],.edit-post-visual-editor__content-area [type="radio"]{box-sizing:border-box;padding:0}.edit-post-visual-editor__content-area [type="number"]::-webkit-inner-spin-button,.edit-post-visual-editor__content-area [type="number"]::-webkit-outer-spin-button{height:auto}.edit-post-visual-editor__content-area [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}.edit-post-visual-editor__content-area [type="search"]::-webkit-search-decoration{-webkit-appearance:none}.edit-post-visual-editor__content-area ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.edit-post-visual-editor__content-area details{display:block}.edit-post-visual-editor__content-area summary{display:list-item}.edit-post-visual-editor__content-area template{display:none}.edit-post-visual-editor__content-area [hidden]{display:none}.edit-post-visual-editor__content-area *,.edit-post-visual-editor__content-area *::before,.edit-post-visual-editor__content-area *::after{box-sizing:inherit}.edit-post-visual-editor__content-area html{box-sizing:border-box}.edit-post-visual-editor__content-area body,.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input,.edit-post-visual-editor__content-area select,.edit-post-visual-editor__content-area optgroup,.edit-post-visual-editor__content-area textarea{color:#202020;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.3}.edit-post-visual-editor__content-area .hide{display:inline-block;margin:0;padding:0;min-width:unset;max-width:unset;width:0px;min-height:unset;max-height:unset;height:0px;font-size:0px;line-height:0px;text-decoration:none;border:0;background:none;background-color:transparent}@media screen{.edit-post-visual-editor__content-area h1,.edit-post-visual-editor__content-area h2,.edit-post-visual-editor__content-area h3,.edit-post-visual-editor__content-area h4,.edit-post-visual-editor__content-area h5,.edit-post-visual-editor__content-area h6,.edit-post-visual-editor__content-area .h1,.edit-post-visual-editor__content-area .h2,.edit-post-visual-editor__content-area .h3,.edit-post-visual-editor__content-area .h4,.edit-post-visual-editor__content-area .h5,.edit-post-visual-editor__content-area .h6{clear:both;line-height:1.1}.edit-post-visual-editor__content-area h1,.edit-post-visual-editor__content-area .h1{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.8rem;text-transform:uppercase}.edit-post-visual-editor__content-area h1.small,.edit-post-visual-editor__content-area .h1.small{font-size:1.5rem}.edit-post-visual-editor__content-area h2,.edit-post-visual-editor__content-area .h2{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.5rem;text-transform:uppercase}.edit-post-visual-editor__content-area h2.small,.edit-post-visual-editor__content-area .h2.small{font-size:1.2rem}.edit-post-visual-editor__content-area h3,.edit-post-visual-editor__content-area .h3{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.3rem;text-transform:uppercase}.edit-post-visual-editor__content-area h3.small,.edit-post-visual-editor__content-area .h3.small{font-size:1rem}.edit-post-visual-editor__content-area h4,.edit-post-visual-editor__content-area .h4{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.2rem;text-transform:uppercase}.edit-post-visual-editor__content-area h4.small,.edit-post-visual-editor__content-area .h4.small{font-size:.9rem}.edit-post-visual-editor__content-area h5,.edit-post-visual-editor__content-area .h5{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.1rem;text-transform:uppercase}.edit-post-visual-editor__content-area h5.small,.edit-post-visual-editor__content-area .h5.small{font-size:.8rem}.edit-post-visual-editor__content-area h6,.edit-post-visual-editor__content-area .h6{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.1rem}.edit-post-visual-editor__content-area h6.small,.edit-post-visual-editor__content-area .h6.small{font-size:.8rem}.edit-post-visual-editor__content-area .site-main h1,.edit-post-visual-editor__content-area .site-main h2,.edit-post-visual-editor__content-area .site-main h3,.edit-post-visual-editor__content-area .site-main h4,.edit-post-visual-editor__content-area .site-main h5,.edit-post-visual-editor__content-area .site-main h6,.edit-post-visual-editor__content-area .site-main .h1,.edit-post-visual-editor__content-area .site-main .h2,.edit-post-visual-editor__content-area .site-main .h3,.edit-post-visual-editor__content-area .site-main .h4,.edit-post-visual-editor__content-area .site-main .h5,.edit-post-visual-editor__content-area .site-main .h6,.edit-post-visual-editor__content-area .site-main .entry-content{margin:0}.edit-post-visual-editor__content-area .single h1,.edit-post-visual-editor__content-area .single .h1{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.edit-post-visual-editor__content-area .home-featured h2,.edit-post-visual-editor__content-area .home-featured .h2{margin:1.2rem 0;font-size:2rem;line-height:1.2;border-bottom:0.6rem solid #000}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area h1,.edit-post-visual-editor__content-area .h1{font-size:3.5rem}.edit-post-visual-editor__content-area h2,.edit-post-visual-editor__content-area .h2{font-size:2.5rem}.edit-post-visual-editor__content-area h3,.edit-post-visual-editor__content-area .h3{font-size:1.5rem}.edit-post-visual-editor__content-area h4,.edit-post-visual-editor__content-area .h4{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.3rem}.edit-post-visual-editor__content-area h5,.edit-post-visual-editor__content-area .h5{font-size:1.3rem}.edit-post-visual-editor__content-area h6,.edit-post-visual-editor__content-area .h6{font-size:1.3rem}.edit-post-visual-editor__content-area .home-featured h2,.edit-post-visual-editor__content-area .home-featured .h2{font-size:3.5rem;border-bottom:0.8rem solid #000}}@media screen and (min-width: 1440px){.edit-post-visual-editor__content-area h1,.edit-post-visual-editor__content-area .h1{font-size:3.5rem}.edit-post-visual-editor__content-area h2,.edit-post-visual-editor__content-area .h2{font-size:2.5rem}.edit-post-visual-editor__content-area h3,.edit-post-visual-editor__content-area .h3{font-size:1.6rem}.edit-post-visual-editor__content-area h4,.edit-post-visual-editor__content-area .h4{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.4rem}.edit-post-visual-editor__content-area h5,.edit-post-visual-editor__content-area .h5{font-size:1.4rem}.edit-post-visual-editor__content-area h6,.edit-post-visual-editor__content-area .h6{font-size:1.4rem}.edit-post-visual-editor__content-area .home-featured h2,.edit-post-visual-editor__content-area .home-featured .h2{font-size:3.5rem;border-bottom:0.8rem solid #000}}.edit-post-visual-editor__content-area p{margin-bottom:1.5em}.edit-post-visual-editor__content-area dfn,.edit-post-visual-editor__content-area cite,.edit-post-visual-editor__content-area em,.edit-post-visual-editor__content-area i{font-style:italic}.edit-post-visual-editor__content-area blockquote{margin:0}.edit-post-visual-editor__content-area blockquote p{font-size:1.1rem}.edit-post-visual-editor__content-area address{margin:0 0 1.5em}.edit-post-visual-editor__content-area pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.4;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}.edit-post-visual-editor__content-area code,.edit-post-visual-editor__content-area .code,.edit-post-visual-editor__content-area kbd,.edit-post-visual-editor__content-area tt,.edit-post-visual-editor__content-area var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace,mono;background-color:#eee}.edit-post-visual-editor__content-area abbr,.edit-post-visual-editor__content-area acronym{border-bottom:1px dotted #666;cursor:help}.edit-post-visual-editor__content-area mark,.edit-post-visual-editor__content-area ins{background:#fdfdfd;text-decoration:none}.edit-post-visual-editor__content-area big{font-size:125%}.edit-post-visual-editor__content-area .small{font-size:80%}@font-face{.edit-post-visual-editor__content-area{font-family:Neue Haas Grotesk Pro;src:url(assets/fonts/NeueHaasGroteskPro-45Light.eot);src:url(assets/fonts/NeueHaasGroteskPro-45Light.eot?#iefix) format(embedded-opentype),url(assets/fonts/NeueHaasGroteskPro-45Light.woff2) format(woff2),url(assets/fonts/NeueHaasGroteskPro-45Light.woff) format(woff),url(assets/fonts/NeueHaasGroteskPro-45Light.ttf) format(truetype),url(assets/fonts/NeueHaasGroteskPro-45Light.svg#NeueHaasGroteskPro-45Light) format(svg);font-weight:300;font-style:normal;font-display:swap}}@font-face{.edit-post-visual-editor__content-area{font-family:Neue Haas Grotesk Pro;src:url(assets/fonts/NeueHaasGroteskPro-55Roman.eot);src:url(assets/fonts/NeueHaasGroteskPro-55Roman.eot?#iefix) format(embedded-opentype),url(assets/fonts/NeueHaasGroteskPro-55Roman.woff2) format(woff2),url(assets/fonts/NeueHaasGroteskPro-55Roman.woff) format(woff),url(assets/fonts/NeueHaasGroteskPro-55Roman.ttf) format(truetype),url(assets/fonts/NeueHaasGroteskPro-55Roman.svg#NeueHaasGroteskPro-55Roman) format(svg);font-weight:500;font-style:normal;font-display:swap}}@font-face{.edit-post-visual-editor__content-area{font-family:Neue Haas Grotesk Pro;src:url(assets/fonts/NeueHaasGroteskPro-75Bold.eot);src:url(assets/fonts/NeueHaasGroteskPro-75Bold.eot?#iefix) format(embedded-opentype),url(assets/fonts/NeueHaasGroteskPro-75Bold.woff2) format(woff2),url(assets/fonts/NeueHaasGroteskPro-75Bold.woff) format(woff),url(assets/fonts/NeueHaasGroteskPro-75Bold.ttf) format(truetype),url(assets/fonts/NeueHaasGroteskPro-75Bold.svg#NeueHaasGroteskPro-75Bold) format(svg);font-weight:bold;font-style:normal;font-display:swap}}.edit-post-visual-editor__content-area body{background:#fff}.edit-post-visual-editor__content-area hr{background-color:#000;border:0;height:1px;margin-bottom:1.5em}.edit-post-visual-editor__content-area ul,.edit-post-visual-editor__content-area ol{margin:0 0 0.5em 0.5em;padding:0}.edit-post-visual-editor__content-area ul{list-style:none}.edit-post-visual-editor__content-area ol{list-style:decimal}.edit-post-visual-editor__content-area li>ul,.edit-post-visual-editor__content-area li>ol{margin-bottom:0;margin-left:0.5em}.edit-post-visual-editor__content-area dt{font-weight:700}.edit-post-visual-editor__content-area dd{margin:0 0 0.5em 0.5em;padding:0}.edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label{margin:0;padding:0;display:inline}.edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label li{display:inline-block;margin:0.1em 0;padding:0.2em 0.2em 0 0.2em;color:#fff;background-color:#000;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:.7rem;text-transform:uppercase}.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_target li{background-color:#ff8d76}.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_source li{background-color:#5bcee8}.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_field li{background-color:#f6cc4c}.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_dates li{background-color:#69ed82}.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call{display:block;margin:0.2rem 0}.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call li{font-size:1.2rem}.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_apply_text{display:inline-block;margin:0.1em 0;padding:0.2em 0.2em 0 0.2em;color:#fff;background-color:#69ed82;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:.7rem;text-transform:uppercase}.edit-post-visual-editor__content-area .xarxaprod-faqs-types ul{margin:0}.edit-post-visual-editor__content-area .xarxaprod-faqs-types .cat-item{display:inline-block;margin:0.1em 0.5em 0.1em 0;padding:0.2em 0.2em 0 0.2em;color:#fff;background-color:#000;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.1rem;text-transform:uppercase}.edit-post-visual-editor__content-area .xarxaprod-faqs-types .current-cat{background-color:#ff8d76}.edit-post-visual-editor__content-area .xarxaprod-faqs-types a{color:#fff;text-decoration:none}.edit-post-visual-editor__content-area .xarxaprod-faqs-types a:visited,.edit-post-visual-editor__content-area .xarxaprod-faqs-types a:hover{color:#fff}.edit-post-visual-editor__content-area .single-xarxaprod-ajut article:not(.type-post) .xarxaprod-label li{font-size:1.1rem}.edit-post-visual-editor__content-area .single-xarxaprod-ajut article:not(.type-post) .item-os_fund_apply_text{font-size:1.1rem}.edit-post-visual-editor__content-area embed,.edit-post-visual-editor__content-area iframe,.edit-post-visual-editor__content-area object{max-width:100%}.edit-post-visual-editor__content-area img{height:auto;max-width:100%}.edit-post-visual-editor__content-area figure{margin:1em 0}.edit-post-visual-editor__content-area table{margin:0 0 1.5em;width:100%}.edit-post-visual-editor__content-area a{color:#000}.edit-post-visual-editor__content-area a:visited{color:#111}.edit-post-visual-editor__content-area a:hover,.edit-post-visual-editor__content-area a:focus,.edit-post-visual-editor__content-area a:active{color:#333}.edit-post-visual-editor__content-area a:focus{outline:thin dotted}.edit-post-visual-editor__content-area a:hover,.edit-post-visual-editor__content-area a:active{outline:0}.edit-post-visual-editor__content-area a.button{text-decoration:none}.edit-post-visual-editor__content-area .button a,.edit-post-visual-editor__content-area .excerpt a,.edit-post-visual-editor__content-area .post-excerpt a,.edit-post-visual-editor__content-area .entry-title a{text-decoration:none}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input[type="button"],.edit-post-visual-editor__content-area input[type="reset"],.edit-post-visual-editor__content-area input[type="submit"],.edit-post-visual-editor__content-area .button,.edit-post-visual-editor__content-area .wp-block-button__link{border:1px solid;border-color:#000;border-radius:0;background:#fff;color:#000;line-height:1;padding:0.6em 1em 0.4em;text-transform:uppercase}.edit-post-visual-editor__content-area button:hover,.edit-post-visual-editor__content-area input[type="button"]:hover,.edit-post-visual-editor__content-area input[type="reset"]:hover,.edit-post-visual-editor__content-area input[type="submit"]:hover,.edit-post-visual-editor__content-area .button:hover,.edit-post-visual-editor__content-area .wp-block-button__link:hover{border-color:#111}.edit-post-visual-editor__content-area button:active,.edit-post-visual-editor__content-area button:focus,.edit-post-visual-editor__content-area input[type="button"]:active,.edit-post-visual-editor__content-area input[type="button"]:focus,.edit-post-visual-editor__content-area input[type="reset"]:active,.edit-post-visual-editor__content-area input[type="reset"]:focus,.edit-post-visual-editor__content-area input[type="submit"]:active,.edit-post-visual-editor__content-area input[type="submit"]:focus,.edit-post-visual-editor__content-area .button:active,.edit-post-visual-editor__content-area .button:focus,.edit-post-visual-editor__content-area .wp-block-button__link:active,.edit-post-visual-editor__content-area .wp-block-button__link:focus{border-color:#333}.edit-post-visual-editor__content-area .button-more{line-height:2.5}.edit-post-visual-editor__content-area .button-more::after{content:"+";display:inline-block;width:2rem;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.5rem;text-align:right}.edit-post-visual-editor__content-area .button-more:hover::after{content:">";font-size:1rem}.edit-post-visual-editor__content-area .home-featured .more-link,.edit-post-visual-editor__content-area .archive-posts .more-link{position:relative}.edit-post-visual-editor__content-area .home-featured .more-link .button-more,.edit-post-visual-editor__content-area .archive-posts .more-link .button-more{border:none}.edit-post-visual-editor__content-area .home-featured .more-link .button-more::after,.edit-post-visual-editor__content-area .archive-posts .more-link .button-more::after{content:"+";position:absolute;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;bottom:0;left:0;padding:0;border:1px solid #000;font-size:4rem;line-height:inherit}.edit-post-visual-editor__content-area .home-featured .more-link .button-more:hover::after,.edit-post-visual-editor__content-area .archive-posts .more-link .button-more:hover::after{content:">";padding:0;font-size:2.5rem;line-height:inherit}.edit-post-visual-editor__content-area .category-faq .more-link .button-more::before{content:"accedir";position:absolute;bottom:1em;left:0.5em;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:0}.edit-post-visual-editor__content-area .category-faq .more-link .button-more::after{content:"+";display:inline-block;width:8rem;height:2rem;padding:0 0.5rem;text-align:right;font-size:2.5rem;line-height:0.7}.edit-post-visual-editor__content-area .category-faq .more-link .button-more:hover::after{content:">";padding:0 0.1rem;font-size:1.5rem;line-height:1.2}.edit-post-visual-editor__content-area .xarxaprod-search-form{display:flex;margin:0.5rem 0}.edit-post-visual-editor__content-area .xarxaprod-search-form .search-field{padding:0.5em}.edit-post-visual-editor__content-area .xarxaprod-search-form .search-submit{z-index:10;margin:0rem;border:none;width:2.5rem;height:2.5rem;background:none;cursor:pointer;font-size:0px}.edit-post-visual-editor__content-area .xarxaprod-icon-search:before{position:absolute;padding:0;margin:0.2rem 0 0 -1.5rem;z-index:0;min-width:2.5rem;min-height:2.5rem;font-size:2rem;content:"\26b2";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.edit-post-visual-editor__content-area input[type="text"],.edit-post-visual-editor__content-area input[type="email"],.edit-post-visual-editor__content-area input[type="url"],.edit-post-visual-editor__content-area input[type="password"],.edit-post-visual-editor__content-area input[type="search"],.edit-post-visual-editor__content-area input[type="number"],.edit-post-visual-editor__content-area input[type="tel"],.edit-post-visual-editor__content-area input[type="range"],.edit-post-visual-editor__content-area input[type="date"],.edit-post-visual-editor__content-area input[type="month"],.edit-post-visual-editor__content-area input[type="week"],.edit-post-visual-editor__content-area input[type="time"],.edit-post-visual-editor__content-area input[type="datetime"],.edit-post-visual-editor__content-area input[type="datetime-local"],.edit-post-visual-editor__content-area input[type="color"],.edit-post-visual-editor__content-area textarea{color:#333;background-color:#eee;border:none;border-radius:0;width:100%;padding:0.3rem}.edit-post-visual-editor__content-area input[type="text"]:focus,.edit-post-visual-editor__content-area input[type="email"]:focus,.edit-post-visual-editor__content-area input[type="url"]:focus,.edit-post-visual-editor__content-area input[type="password"]:focus,.edit-post-visual-editor__content-area input[type="search"]:focus,.edit-post-visual-editor__content-area input[type="number"]:focus,.edit-post-visual-editor__content-area input[type="tel"]:focus,.edit-post-visual-editor__content-area input[type="range"]:focus,.edit-post-visual-editor__content-area input[type="date"]:focus,.edit-post-visual-editor__content-area input[type="month"]:focus,.edit-post-visual-editor__content-area input[type="week"]:focus,.edit-post-visual-editor__content-area input[type="time"]:focus,.edit-post-visual-editor__content-area input[type="datetime"]:focus,.edit-post-visual-editor__content-area input[type="datetime-local"]:focus,.edit-post-visual-editor__content-area input[type="color"]:focus,.edit-post-visual-editor__content-area textarea:focus{color:#000}.edit-post-visual-editor__content-area select{border:1px solid #000}.edit-post-visual-editor__content-area textarea{width:100%}@media screen{.edit-post-visual-editor__content-area .site{display:grid;grid-template-columns:1fr minmax(0, 35em) minmax(0, 35em) 1fr;grid-template-areas:"header" "main" "aside" "footer";margin:auto;padding:0}.edit-post-visual-editor__content-area .site>header{grid-column:1 / -1}.edit-post-visual-editor__content-area .site>main{grid-column:2 / 4}.edit-post-visual-editor__content-area .site>aside{grid-column:2 / 4}.edit-post-visual-editor__content-area .site>footer{grid-column:1 / -1}.edit-post-visual-editor__content-area .site-header{position:sticky;z-index:900;top:0;margin-bottom:2rem;background-color:#fff;box-shadow:0 15px 30px rgba(0,0,0,0.05),0 1px 0 0 rgba(0,0,0,0)}.edit-post-visual-editor__content-area .site-header .main{display:flex;flex-flow:column;align-items:initial;justify-content:space-around;padding-left:1rem}.edit-post-visual-editor__content-area .site-header .secondary{display:flex;flex-flow:column;align-items:end}.edit-post-visual-editor__content-area .site-main{padding:0 1rem}.edit-post-visual-editor__content-area .home-featured{padding:0 1rem}.edit-post-visual-editor__content-area .xarxaprod-destacats,.edit-post-visual-editor__content-area .xarxaprod-featured,.edit-post-visual-editor__content-area .archive-posts{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}}@media screen and (max-width: 48em){.edit-post-visual-editor__content-area .site-header{display:grid;grid-template-columns:1fr 1fr;padding:0.5rem 0;align-items:center}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area .site-header .main{align-items:center}.edit-post-visual-editor__content-area .site-header .secondary{border-top:1px solid #eee;align-items:center}.edit-post-visual-editor__content-area .site-main{padding:0 2rem}.edit-post-visual-editor__content-area .home-featured{padding:0 2rem}.edit-post-visual-editor__content-area.single .site-main{width:45rem;margin:0 auto}.edit-post-visual-editor__content-area .xarxaprod-destacats,.edit-post-visual-editor__content-area .xarxaprod-featured,.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(4, 1fr)}.edit-post-visual-editor__content-area .xarxaprod-faqs-aside{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:hover,.edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:active,.edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:focus,.edit-post-visual-editor__content-area .xarxaprod-faqs-aside .xarxaprod-search-form:target{flex-grow:1}}@media screen and (min-width: 80em){.edit-post-visual-editor__content-area .site-header .main{width:80em;margin:auto;flex-flow:row}.edit-post-visual-editor__content-area .site-main{padding:0}.edit-post-visual-editor__content-area .home-featured{padding:0}}@media screen{.edit-post-visual-editor__content-area .hide-content{display:block;width:0px;height:0px;margin:0;padding:0;overflow:hidden}.edit-post-visual-editor__content-area .custom-logo{min-width:11rem;margin:1rem}.edit-post-visual-editor__content-area .main-navigation ul,.edit-post-visual-editor__content-area .secondary-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu,.edit-post-visual-editor__content-area .secondary-navigation ul ul.sub-menu{padding-top:0.5rem;padding-left:1rem}.edit-post-visual-editor__content-area .main-navigation li,.edit-post-visual-editor__content-area .secondary-navigation li{position:relative}.edit-post-visual-editor__content-area .main-navigation a,.edit-post-visual-editor__content-area .secondary-navigation a{display:flex;align-items:center;min-height:100%;padding:0 0.5rem;text-decoration:none;font-size:1rem}.edit-post-visual-editor__content-area .main-navigation .current_page_item>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .main-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_item>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-ancestor>a{font-weight:bold;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border-left:1px solid #000}.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"],.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"],.edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border-left:1px solid #000}.edit-post-visual-editor__content-area .secondary-navigation{padding:0 1em 1em 0}.edit-post-visual-editor__content-area .secondary-navigation ul{display:inline-block}.edit-post-visual-editor__content-area .secondary-navigation ul li{padding:0.5em 0}.edit-post-visual-editor__content-area .secondary-navigation a{text-transform:uppercase}.edit-post-visual-editor__content-area .toggle-secondary-navigation .show-mobile{display:inherit}.edit-post-visual-editor__content-area .toggle,.edit-post-visual-editor__content-area .toggled-menu{display:none}.edit-post-visual-editor__content-area .toggle:checked+.toggled-menu{display:block;position:absolute;left:0;top:0;width:100%;height:100vh;margin-top:0;padding:0 2rem;background-color:#fff}.edit-post-visual-editor__content-area .toggle-show{position:relative;display:inline-block;width:1.8em;height:1.4em;margin-right:0.3em;border-top:0.3em solid #000;border-bottom:0.3em solid #000}.edit-post-visual-editor__content-area .toggle-show::before{content:"";position:absolute;top:0.3em;left:0;width:100%;border-top:0.3em solid #000}.edit-post-visual-editor__content-area .toggle-hide{display:flex;justify-content:end;margin-right:-0.5em}.edit-post-visual-editor__content-area .toggle-hide::after{content:"x";padding:0;font-size:3rem;font-weight:bold}.edit-post-visual-editor__content-area .main-navigation.toggled ul{display:block}.edit-post-visual-editor__content-area .main-navigation.toggled .main-navigation-content{display:inline-block;position:absolute;top:5rem;left:0;width:100%;height:calc(100vh - 5rem);padding:3rem;background-color:#fff}.edit-post-visual-editor__content-area .menu-toggle{display:inline-block;width:10rem;height:4rem;margin:0;padding:0;font-size:0;border:none;background-position:center;background-repeat:no-repeat;background-size:contain}}@media screen and (max-width: 47.99em){.edit-post-visual-editor__content-area .site-branding{display:block;width:0px;height:0px;overflow:hidden;margin:0;padding:0}.edit-post-visual-editor__content-area .main-navigation-content{text-transform:uppercase}.edit-post-visual-editor__content-area .main-navigation-content li{padding:0.5rem 0}.edit-post-visual-editor__content-area .secondary-navigation-content{padding:4rem 2rem}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area .custom-logo{min-width:11rem;margin:1rem 1rem 1rem 0}.edit-post-visual-editor__content-area .menu-toggle{display:none}.edit-post-visual-editor__content-area .main-navigation ul,.edit-post-visual-editor__content-area .secondary-navigation ul{display:flex}.edit-post-visual-editor__content-area .main-navigation ul ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul{background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.edit-post-visual-editor__content-area .main-navigation ul ul ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul ul{left:-999em;top:0}.edit-post-visual-editor__content-area .main-navigation ul ul li:hover>ul,.edit-post-visual-editor__content-area .main-navigation ul ul li.focus>ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul li:hover>ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul li.focus>ul{display:block;left:auto}.edit-post-visual-editor__content-area .main-navigation ul ul a,.edit-post-visual-editor__content-area .secondary-navigation ul ul a{width:200px}.edit-post-visual-editor__content-area .main-navigation ul li:hover>ul,.edit-post-visual-editor__content-area .main-navigation ul li.focus>ul,.edit-post-visual-editor__content-area .secondary-navigation ul li:hover>ul,.edit-post-visual-editor__content-area .secondary-navigation ul li.focus>ul{left:auto}.edit-post-visual-editor__content-area .main-navigation a,.edit-post-visual-editor__content-area .secondary-navigation a{padding:0 0.5rem}.edit-post-visual-editor__content-area .main-navigation .current_page_item>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .main-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_item>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-ancestor>a{border-left:none}.edit-post-visual-editor__content-area .main-navigation{padding-bottom:1em}.edit-post-visual-editor__content-area .main-navigation ul{justify-content:end}.edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu{flex-direction:column;padding-top:2rem;padding-left:1rem;padding-bottom:1rem}.edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu li{margin:0.5rem 0}.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"],.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"],.edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border-left:none}.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"]::after,.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"]::after,.edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]::after,.edit-post-visual-editor__content-area .main-navigation .current-menu-item a::after{display:inline-block;content:"";position:absolute;left:5%;min-height:2px;height:100%;width:90%;margin-top:2.3em;border-bottom:0.3rem solid #000}.edit-post-visual-editor__content-area .secondary-navigation{padding:1.5em 0}.edit-post-visual-editor__content-area .menu-item-has-children::after{content:"";display:inline-block;position:absolute;top:40%;right:0.3em;width:0.3em;height:0.3em;border:1px solid #ccc;border-top:none;border-left:none;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.edit-post-visual-editor__content-area .menu-item-has-children:hover::after{border-color:#666}.edit-post-visual-editor__content-area .toggle-secondary-navigation .show-mobile,.edit-post-visual-editor__content-area .toggle-secondary-navigation .hide-not-mobile{display:none}.edit-post-visual-editor__content-area .toggled-menu{display:inherit}}.site-main .edit-post-visual-editor__content-area .comment-navigation,.site-main .edit-post-visual-editor__content-area .posts-navigation,.site-main .edit-post-visual-editor__content-area .post-navigation{margin:0 0 1.5em;align-self:end}.edit-post-visual-editor__content-area .comment-navigation .nav-links,.edit-post-visual-editor__content-area .posts-navigation .nav-links,.edit-post-visual-editor__content-area .post-navigation .nav-links{display:flex}.edit-post-visual-editor__content-area .comment-navigation .nav-previous,.edit-post-visual-editor__content-area .posts-navigation .nav-previous,.edit-post-visual-editor__content-area .post-navigation .nav-previous{flex:1 0 50%}.edit-post-visual-editor__content-area .comment-navigation .nav-next,.edit-post-visual-editor__content-area .posts-navigation .nav-next,.edit-post-visual-editor__content-area .post-navigation .nav-next{flex:1 0 50%}@media screen and (min-width: 80em){.edit-post-visual-editor__content-area .main-navigation .toggle-sidebar-segona .show-mobile,.edit-post-visual-editor__content-area .main-navigation .toggle-sidebar-segona .hide-not-mobile,.edit-post-visual-editor__content-area .secondary-navigation .toggle-sidebar-segona .show-mobile,.edit-post-visual-editor__content-area .secondary-navigation .toggle-sidebar-segona .hide-not-mobile{display:none}.edit-post-visual-editor__content-area .main-navigation a,.edit-post-visual-editor__content-area .secondary-navigation a{padding:0 1rem}.edit-post-visual-editor__content-area .main-navigation{padding-bottom:0}.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"]::after,.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"]::after,.edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]::after,.edit-post-visual-editor__content-area .main-navigation .current-menu-item a::after{margin-top:5em}}@media screen{.edit-post-visual-editor__content-area .sticky{display:block}.edit-post-visual-editor__content-area .post,.edit-post-visual-editor__content-area .page{margin:0 0 5em}.edit-post-visual-editor__content-area .updated:not(.published){display:none}.edit-post-visual-editor__content-area .page-content,.edit-post-visual-editor__content-area .entry-content,.edit-post-visual-editor__content-area .entry-summary{margin:1.5em 0 0}.edit-post-visual-editor__content-area .page-links{clear:both;margin:0 0 1.5em}.edit-post-visual-editor__content-area .xarxaprod-card-each .entry-title,.edit-post-visual-editor__content-area .xarxaprod-card-each h6{border-bottom:1px solid #000;margin:0;padding:0.5rem 0}.edit-post-visual-editor__content-area .xarxaprod-card-each p{padding:0.5rem 0;margin:0}.edit-post-visual-editor__content-area .xarxaprod-card-each .more-link{display:inline-blocK;margin-top:2rem}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields{display:grid}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields .xarxaprod-fund-info-field,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field{padding-bottom:1rem;border-bottom:1px solid #000}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields h6,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields h6{font-size:2.4rem;font-variant:all-petite-caps}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields p,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields p{margin:0.5rem 0 0 0}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields li,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields li{font-size:1.3rem}.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field{margin:0}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields .xarxaprod-fund-info-field{margin:1rem 0 0.5rem 0}.edit-post-visual-editor__content-area .xarxaprod-funder-name,.edit-post-visual-editor__content-area .xarxaprod-fund-contact-name,.edit-post-visual-editor__content-area .xarxaprod-fund-web{display:flex;margin:0;padding:0;font-variant:all-petite-caps;font-size:1.1rem;line-height:0.9;align-items:center}.edit-post-visual-editor__content-area .xarxaprod-funder-name a,.edit-post-visual-editor__content-area .xarxaprod-fund-contact-name a,.edit-post-visual-editor__content-area .xarxaprod-fund-web a{text-decoration:none;font-size:0.8rem}.edit-post-visual-editor__content-area .xarxaprod-filtered-funds{display:grid;grid:1fr}.edit-post-visual-editor__content-area .xarxaprod-filtered-funds .os_fund_target .filter,.edit-post-visual-editor__content-area .xarxaprod-filtered-funds .os_fund_source .filter,.edit-post-visual-editor__content-area .xarxaprod-filtered-funds .os_fund_field .filter{display:none}.edit-post-visual-editor__content-area .xarxaprod-filters section{margin:1em 0}.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(1, minmax(0, 1fr))}.edit-post-visual-editor__content-area .xarxaprod-titol-opcions{display:inline-block;width:100%;max-width:13em;margin-bottom:0;margin-bottom:1rem;padding:0.6em 1em 0.4em;clear:both;cursor:pointer;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:.9rem;border:1px solid #000;text-transform:uppercase}.edit-post-visual-editor__content-area .xarxaprod-titol-opcions:after{content:">";display:inline;float:right}.edit-post-visual-editor__content-area .xarxaprod-titol-opcions:hover:after{transform:rotate(90deg);animation:rotate 0.5s}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(90deg)}}}@media screen and (max-width: 48em){.edit-post-visual-editor__content-area .post,.edit-post-visual-editor__content-area .page{margin:0 0 1em}.edit-post-visual-editor__content-area .xarxaprod-filters section{display:block}.edit-post-visual-editor__content-area .xarxaprod-filters section h5{display:block;width:100%}.edit-post-visual-editor__content-area .xarxaprod-filters section .filter{display:inline-block;width:45%;margin-top:0.5rem;margin-right:0.3em;float:left}.edit-post-visual-editor__content-area .xarxaprod-filters section .filter:last-of-type{margin-bottom:2rem}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area .xarxaprod-filters{padding-right:2em}.edit-post-visual-editor__content-area .xarxaprod-filters section{margin:1em 0}.edit-post-visual-editor__content-area .xarxaprod-filtered-funds{grid-template-columns:1fr 2fr}.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:3em}}@media screen and (min-width: 80em){.edit-post-visual-editor__content-area .xarxaprod-filtered-funds{grid-template-columns:1fr 3fr}.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(3, minmax(0, 1fr))}}.edit-post-visual-editor__content-area .comment-content a{word-wrap:break-word}.edit-post-visual-editor__content-area .bypostauthor{display:block}.edit-post-visual-editor__content-area .widget{margin:0 0 1.5em}.edit-post-visual-editor__content-area .widget select{max-width:100%}.edit-post-visual-editor__content-area .page-content .wp-smiley,.edit-post-visual-editor__content-area .entry-content .wp-smiley,.edit-post-visual-editor__content-area .comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.edit-post-visual-editor__content-area .custom-logo-link{display:inline-block}.edit-post-visual-editor__content-area .wp-caption{margin-bottom:1.5em;max-width:100%}.edit-post-visual-editor__content-area .wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.edit-post-visual-editor__content-area .wp-caption .wp-caption-text{margin:0.8075em 0}.edit-post-visual-editor__content-area .wp-caption-text{text-align:center}.edit-post-visual-editor__content-area .gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.edit-post-visual-editor__content-area .gallery-item{display:inline-block;text-align:center;width:100%}.edit-post-visual-editor__content-area .gallery-columns-2{grid-template-columns:repeat(2, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-3{grid-template-columns:repeat(3, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-4{grid-template-columns:repeat(4, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-5{grid-template-columns:repeat(5, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-6{grid-template-columns:repeat(6, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-7{grid-template-columns:repeat(7, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-8{grid-template-columns:repeat(8, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-9{grid-template-columns:repeat(9, 1fr)}.edit-post-visual-editor__content-area .gallery-caption{display:block}.edit-post-visual-editor__content-area .infinite-scroll .posts-navigation,.edit-post-visual-editor__content-area .infinite-scroll.neverending .site-footer{display:none}.edit-post-visual-editor__content-area .infinity-end.neverending .site-footer{display:block}.edit-post-visual-editor__content-area .black-blocs{padding:1rem 0;gap:1rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column{align-self:auto;display:flex;flex-direction:column;position:relative;min-height:17rem;padding:1rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column h1,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h2,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h3,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h4,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h5,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h6{min-height:4.8rem;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:2rem;line-height:1.04}.edit-post-visual-editor__content-area .black-blocs .wp-block-column p{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:.9rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a{color:#fff;text-decoration:none}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a::after{content:"+";position:absolute;bottom:-1rem;left:0.7rem;font-size:5rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a:hover{color:#ccc}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a:hover::after{content:">";font-size:3rem;bottom:0}.edit-post-visual-editor__content-area .wpcf7-not-valid:not(:focus){background-color:#ff686e}.edit-post-visual-editor__content-area .wpcf7-not-valid-tip{color:#ff686e}.edit-post-visual-editor__content-area .wpcf7 form.invalid .wpcf7-response-output,.edit-post-visual-editor__content-area .wpcf7 form.unaccepted .wpcf7-response-output,.edit-post-visual-editor__content-area .wpcf7 form.payment-required .wpcf7-response-output{border-color:#f6cc4c;background-color:#f6cc4c;color:#fff;font-family:"din-medium";font-weight:bold;text-align:center;margin:0em;padding:0rem}.edit-post-visual-editor__content-area .wpcf7-form .wpcf7-submit{margin-left:1rem}.edit-post-visual-editor__content-area .wpcf7-form .wpcf7-spinner{margin:0 -24px 0 0}.edit-post-visual-editor__content-area .wpcf7-list-item-label{margin:0 0.3rem}.edit-post-visual-editor__content-area .contactform{margin-bottom:1rem}.edit-post-visual-editor__content-area .contactform br{display:none}.edit-post-visual-editor__content-area .contactform p{display:block;break-inside:avoid-column;margin-top:0}.edit-post-visual-editor__content-area .contactform .break-after-column,.edit-post-visual-editor__content-area .contactform .saltar-columna{break-after:column}.edit-post-visual-editor__content-area .contactform-consultoria .contactform-name,.edit-post-visual-editor__content-area .contactform-consultoria .contactform-email{max-width:40%;display:inline-block}.edit-post-visual-editor__content-area .contactform-consultoria .contactform-name{float:left}.edit-post-visual-editor__content-area .contactform-consultoria .contactform-email{float:right;margin-bottom:1rem}.edit-post-visual-editor__content-area .contactform-acceptance{display:flex;align-items:center;justify-content:end}.edit-post-visual-editor__content-area .contactform-fund-info{display:inline-block;column-count:2;column-gap:2em;width:100%}.edit-post-visual-editor__content-area .contactform-fund-info .contactform-descripcio textarea{display:inline-block;min-height:15.5em}.edit-post-visual-editor__content-area .contactform-fund-options{display:flex;justify-content:space-between}.edit-post-visual-editor__content-area .contactform-fund-options p{display:inline-block}.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-list-item{display:block}.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-list-item label{display:flex;flex-direction:row-reverse;justify-content:left}.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"],.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"]{display:block}.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"] input[type="date"],.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"] input[type="date"]{width:auto;background-color:#fff}.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"]::before,.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"]::before{display:inline-block;width:2rem}.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"]::before{content:"inici: "}.edit-post-visual-editor__content-area .contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"]::before{content:"fi: "}.edit-post-visual-editor__content-area .screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.edit-post-visual-editor__content-area .screen-reader-text:focus{background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;clip-path:none;color:#000;display:block;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.edit-post-visual-editor__content-area #primary[tabindex="-1"]:focus{outline:0}.edit-post-visual-editor__content-area .alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.edit-post-visual-editor__content-area .alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.edit-post-visual-editor__content-area .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}.edit-post-visual-editor__content-area :where(.wp-block){max-width:80rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a::after{display:none}.editor-styles-wrapper .wp-block-button__link{color:#000 !important;background-color:#fff !important;border-radius:0 !important;box-shadow:none !important;text-decoration:none !important;padding:0.6em 1em 0.4em !important;font-size:inherit !important}@font-face{font-family:Neue Haas Grotesk Pro;src:url(assets/fonts/NeueHaasGroteskPro-45Light.eot);src:url(assets/fonts/NeueHaasGroteskPro-45Light.eot?#iefix) format(embedded-opentype),url(assets/fonts/NeueHaasGroteskPro-45Light.woff2) format(woff2),url(assets/fonts/NeueHaasGroteskPro-45Light.woff) format(woff),url(assets/fonts/NeueHaasGroteskPro-45Light.ttf) format(truetype),url(assets/fonts/NeueHaasGroteskPro-45Light.svg#NeueHaasGroteskPro-45Light) format(svg);font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk Pro;src:url(assets/fonts/NeueHaasGroteskPro-55Roman.eot);src:url(assets/fonts/NeueHaasGroteskPro-55Roman.eot?#iefix) format(embedded-opentype),url(assets/fonts/NeueHaasGroteskPro-55Roman.woff2) format(woff2),url(assets/fonts/NeueHaasGroteskPro-55Roman.woff) format(woff),url(assets/fonts/NeueHaasGroteskPro-55Roman.ttf) format(truetype),url(assets/fonts/NeueHaasGroteskPro-55Roman.svg#NeueHaasGroteskPro-55Roman) format(svg);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk Pro;src:url(assets/fonts/NeueHaasGroteskPro-75Bold.eot);src:url(assets/fonts/NeueHaasGroteskPro-75Bold.eot?#iefix) format(embedded-opentype),url(assets/fonts/NeueHaasGroteskPro-75Bold.woff2) format(woff2),url(assets/fonts/NeueHaasGroteskPro-75Bold.woff) format(woff),url(assets/fonts/NeueHaasGroteskPro-75Bold.ttf) format(truetype),url(assets/fonts/NeueHaasGroteskPro-75Bold.svg#NeueHaasGroteskPro-75Bold) format(svg);font-weight:bold;font-style:normal;font-display:swap} +.wp-admin .components-button.edit-post-fullscreen-mode-close.has-icon,.wp-admin .edit-post-fullscreen-mode-close_site-icon{background-color:#fff;filter:invert(1)}.site-icon-preview .app-icon-preview{background-color:#fff}.edit-post-visual-editor__content-area{/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */}.edit-post-visual-editor__content-area html{line-height:1.15;-webkit-text-size-adjust:100%}.edit-post-visual-editor__content-area body{margin:0}.edit-post-visual-editor__content-area main{display:block}.edit-post-visual-editor__content-area h1{font-size:2em;margin:0.67em 0}.edit-post-visual-editor__content-area hr{box-sizing:content-box;height:0;overflow:visible}.edit-post-visual-editor__content-area pre{font-family:monospace, monospace;font-size:1em}.edit-post-visual-editor__content-area a{background-color:transparent}.edit-post-visual-editor__content-area abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}.edit-post-visual-editor__content-area b,.edit-post-visual-editor__content-area strong{font-weight:bolder}.edit-post-visual-editor__content-area code,.edit-post-visual-editor__content-area kbd,.edit-post-visual-editor__content-area samp{font-family:monospace, monospace;font-size:1em}.edit-post-visual-editor__content-area small{font-size:80%}.edit-post-visual-editor__content-area sub,.edit-post-visual-editor__content-area sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.edit-post-visual-editor__content-area sub{bottom:-0.25em}.edit-post-visual-editor__content-area sup{top:-0.5em}.edit-post-visual-editor__content-area img{border-style:none}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input,.edit-post-visual-editor__content-area optgroup,.edit-post-visual-editor__content-area select,.edit-post-visual-editor__content-area textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input{overflow:visible}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area select{text-transform:none}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area [type="button"],.edit-post-visual-editor__content-area [type="reset"],.edit-post-visual-editor__content-area [type="submit"]{-webkit-appearance:button}.edit-post-visual-editor__content-area button::-moz-focus-inner,.edit-post-visual-editor__content-area [type="button"]::-moz-focus-inner,.edit-post-visual-editor__content-area [type="reset"]::-moz-focus-inner,.edit-post-visual-editor__content-area [type="submit"]::-moz-focus-inner{border-style:none;padding:0}.edit-post-visual-editor__content-area button:-moz-focusring,.edit-post-visual-editor__content-area [type="button"]:-moz-focusring,.edit-post-visual-editor__content-area [type="reset"]:-moz-focusring,.edit-post-visual-editor__content-area [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}.edit-post-visual-editor__content-area fieldset{padding:0.35em 0.75em 0.625em}.edit-post-visual-editor__content-area legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.edit-post-visual-editor__content-area progress{vertical-align:baseline}.edit-post-visual-editor__content-area textarea{overflow:auto}.edit-post-visual-editor__content-area [type="checkbox"],.edit-post-visual-editor__content-area [type="radio"]{box-sizing:border-box;padding:0}.edit-post-visual-editor__content-area [type="number"]::-webkit-inner-spin-button,.edit-post-visual-editor__content-area [type="number"]::-webkit-outer-spin-button{height:auto}.edit-post-visual-editor__content-area [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}.edit-post-visual-editor__content-area [type="search"]::-webkit-search-decoration{-webkit-appearance:none}.edit-post-visual-editor__content-area ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.edit-post-visual-editor__content-area details{display:block}.edit-post-visual-editor__content-area summary{display:list-item}.edit-post-visual-editor__content-area template{display:none}.edit-post-visual-editor__content-area [hidden]{display:none}.edit-post-visual-editor__content-area *,.edit-post-visual-editor__content-area *::before,.edit-post-visual-editor__content-area *::after{box-sizing:inherit}.edit-post-visual-editor__content-area html{box-sizing:border-box}.edit-post-visual-editor__content-area body,.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input,.edit-post-visual-editor__content-area select,.edit-post-visual-editor__content-area optgroup,.edit-post-visual-editor__content-area textarea{color:#000;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.3}@media screen{.edit-post-visual-editor__content-area h1,.edit-post-visual-editor__content-area h2,.edit-post-visual-editor__content-area h3,.edit-post-visual-editor__content-area h4,.edit-post-visual-editor__content-area h5,.edit-post-visual-editor__content-area h6{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;clear:both;line-height:1.1}.edit-post-visual-editor__content-area h1 a,.edit-post-visual-editor__content-area h2 a,.edit-post-visual-editor__content-area h3 a,.edit-post-visual-editor__content-area h4 a,.edit-post-visual-editor__content-area h5 a,.edit-post-visual-editor__content-area h6 a{text-decoration:none}.edit-post-visual-editor__content-area h1{font-size:1.8rem}.edit-post-visual-editor__content-area h2{font-size:1.5rem}.edit-post-visual-editor__content-area h3{font-size:1.3rem}.edit-post-visual-editor__content-area h4{font-size:1.2rem}.edit-post-visual-editor__content-area h5{font-size:1.1rem}.edit-post-visual-editor__content-area h6{font-size:1.1rem}.edit-post-visual-editor__content-area .site-main h1,.edit-post-visual-editor__content-area .site-main h2,.edit-post-visual-editor__content-area .site-main h3,.edit-post-visual-editor__content-area .site-main h4,.edit-post-visual-editor__content-area .site-main h5,.edit-post-visual-editor__content-area .site-main h6,.edit-post-visual-editor__content-area .site-main .entry-content{margin:0}.edit-post-visual-editor__content-area .single h1{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.edit-post-visual-editor__content-area .home-featured h2{margin:1.2rem 0;font-size:2rem;line-height:1.2;border-bottom:0.6rem solid #000}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area h1{font-size:3.5rem}.edit-post-visual-editor__content-area h2{font-size:2.5rem}.edit-post-visual-editor__content-area h3{font-size:2rem}.edit-post-visual-editor__content-area h4{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.7rem}.edit-post-visual-editor__content-area h5{font-size:1.5rem}.edit-post-visual-editor__content-area h6{font-size:1.5rem}.edit-post-visual-editor__content-area .home-featured h2{font-size:3.5rem;border-bottom:0.8rem solid #000}}.edit-post-visual-editor__content-area p{margin-bottom:1.5em}.edit-post-visual-editor__content-area dfn,.edit-post-visual-editor__content-area cite,.edit-post-visual-editor__content-area em,.edit-post-visual-editor__content-area i{font-style:italic}.edit-post-visual-editor__content-area blockquote{margin:0}.edit-post-visual-editor__content-area blockquote p{font-size:1.1rem}.edit-post-visual-editor__content-area address{margin:0 0 1.5em}.edit-post-visual-editor__content-area pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.4;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}.edit-post-visual-editor__content-area code,.edit-post-visual-editor__content-area .code,.edit-post-visual-editor__content-area kbd,.edit-post-visual-editor__content-area tt,.edit-post-visual-editor__content-area var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace,mono;background-color:#eee}.edit-post-visual-editor__content-area abbr,.edit-post-visual-editor__content-area acronym{border-bottom:1px dotted #666;cursor:help}.edit-post-visual-editor__content-area mark,.edit-post-visual-editor__content-area ins{background:#fdfdfd;text-decoration:none}.edit-post-visual-editor__content-area big{font-size:125%}.edit-post-visual-editor__content-area .small{font-size:80%}@font-face{.edit-post-visual-editor__content-area{font-family:'Neue Haas Grotesk Pro';src:url("assets/fonts/NeueHaasGroteskPro-45Light.eot");src:url("assets/fonts/NeueHaasGroteskPro-45Light.eot?#iefix") format("embedded-opentype"),url("assets/fonts/NeueHaasGroteskPro-45Light.woff2") format("woff2"),url("assets/fonts/NeueHaasGroteskPro-45Light.woff") format("woff"),url("assets/fonts/NeueHaasGroteskPro-45Light.ttf") format("truetype"),url("assets/fonts/NeueHaasGroteskPro-45Light.svg#NeueHaasGroteskPro-45Light") format("svg");font-weight:300;font-style:normal;font-display:swap}}@font-face{.edit-post-visual-editor__content-area{font-family:'Neue Haas Grotesk Pro';src:url("assets/fonts/NeueHaasGroteskPro-55Roman.eot");src:url("assets/fonts/NeueHaasGroteskPro-55Roman.eot?#iefix") format("embedded-opentype"),url("assets/fonts/NeueHaasGroteskPro-55Roman.woff2") format("woff2"),url("assets/fonts/NeueHaasGroteskPro-55Roman.woff") format("woff"),url("assets/fonts/NeueHaasGroteskPro-55Roman.ttf") format("truetype"),url("assets/fonts/NeueHaasGroteskPro-55Roman.svg#NeueHaasGroteskPro-55Roman") format("svg");font-weight:500;font-style:normal;font-display:swap}}@font-face{.edit-post-visual-editor__content-area{font-family:'Neue Haas Grotesk Pro';src:url("assets/fonts/NeueHaasGroteskPro-75Bold.eot");src:url("assets/fonts/NeueHaasGroteskPro-75Bold.eot?#iefix") format("embedded-opentype"),url("assets/fonts/NeueHaasGroteskPro-75Bold.woff2") format("woff2"),url("assets/fonts/NeueHaasGroteskPro-75Bold.woff") format("woff"),url("assets/fonts/NeueHaasGroteskPro-75Bold.ttf") format("truetype"),url("assets/fonts/NeueHaasGroteskPro-75Bold.svg#NeueHaasGroteskPro-75Bold") format("svg");font-weight:bold;font-style:normal;font-display:swap}}.edit-post-visual-editor__content-area body{background:none;background-image:url("./assets/img/background-colors-02.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat}.edit-post-visual-editor__content-area hr{background-color:#000;border:0;height:1px;margin-bottom:1.5em}.edit-post-visual-editor__content-area ul,.edit-post-visual-editor__content-area ol{margin:0 0 0.5em 0.5em;padding:0}.edit-post-visual-editor__content-area ul{list-style:none}.edit-post-visual-editor__content-area ol{list-style:decimal}.edit-post-visual-editor__content-area li>ul,.edit-post-visual-editor__content-area li>ol{margin-bottom:0;margin-left:0.5em}.edit-post-visual-editor__content-area dt{font-weight:700}.edit-post-visual-editor__content-area dd{margin:0 0 0.5em 0.5em;padding:0}.edit-post-visual-editor__content-area .xarxaprod-label{margin:0;padding:0;display:inline}.edit-post-visual-editor__content-area .xarxaprod-label li{display:inline-block;margin:0.1rem;padding:0 0.2rem;color:#fff;background-color:#000;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:.7rem}.edit-post-visual-editor__content-area .item-os_fund_target li{background-color:#ff8d76}.edit-post-visual-editor__content-area .item-os_fund_source li{background-color:#5bcee8}.edit-post-visual-editor__content-area .item-os_fund_field li{background-color:#f6cc4c}.edit-post-visual-editor__content-area .item-os_fund_dates li{background-color:#69ed82}.edit-post-visual-editor__content-area .item-os_fund_call{display:block;margin:0.2rem 0.1rem}.edit-post-visual-editor__content-area .item-os_fund_call li{font-size:1.2rem}.edit-post-visual-editor__content-area embed,.edit-post-visual-editor__content-area iframe,.edit-post-visual-editor__content-area object{max-width:100%}.edit-post-visual-editor__content-area img{height:auto;max-width:100%}.edit-post-visual-editor__content-area figure{margin:1em 0}.edit-post-visual-editor__content-area table{margin:0 0 1.5em;width:100%}.edit-post-visual-editor__content-area a{color:#000}.edit-post-visual-editor__content-area a:visited{color:#000}.edit-post-visual-editor__content-area a:hover,.edit-post-visual-editor__content-area a:focus,.edit-post-visual-editor__content-area a:active{color:#333}.edit-post-visual-editor__content-area a:focus{outline:thin dotted}.edit-post-visual-editor__content-area a:hover,.edit-post-visual-editor__content-area a:active{outline:0}.edit-post-visual-editor__content-area a.button{text-decoration:none}.edit-post-visual-editor__content-area .button a,.edit-post-visual-editor__content-area .excerpt a,.edit-post-visual-editor__content-area .post-excerpt a,.edit-post-visual-editor__content-area .entry-title a{text-decoration:none}.edit-post-visual-editor__content-area .home-featured .category-faq,.edit-post-visual-editor__content-area .home-featured .type-xarxaprod-ajut,.edit-post-visual-editor__content-area .archive-posts .category-faq,.edit-post-visual-editor__content-area .archive-posts .type-xarxaprod-ajut{position:relative;padding-bottom:4rem}.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after,.edit-post-visual-editor__content-area .home-featured .type-xarxaprod-ajut .entry-title a::after,.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after,.edit-post-visual-editor__content-area .archive-posts .type-xarxaprod-ajut .entry-title a::after{content:"+";position:absolute;bottom:0;left:0;width:3rem;height:3rem;padding:0 0.38rem;border:1px solid #000;font-size:4rem;line-height:0.8}.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after,.edit-post-visual-editor__content-area .home-featured .type-xarxaprod-ajut .entry-title a:hover::after,.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after,.edit-post-visual-editor__content-area .archive-posts .type-xarxaprod-ajut .entry-title a:hover::after{content:">";padding:0 0.38rem;font-size:2.5rem;line-height:1.3}.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::before,.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::before{content:"accedir";position:absolute;bottom:1em;left:0.5em;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:0}.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a::after,.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a::after{content:"+";width:8rem;height:2rem;padding:0 0.5rem;text-align:right;font-size:2.5rem;line-height:0.7}.edit-post-visual-editor__content-area .home-featured .category-faq .entry-title a:hover::after,.edit-post-visual-editor__content-area .archive-posts .category-faq .entry-title a:hover::after{content:">";padding:0 0.1rem;font-size:1.5rem;line-height:1.2}.edit-post-visual-editor__content-area button,.edit-post-visual-editor__content-area input[type="button"],.edit-post-visual-editor__content-area input[type="reset"],.edit-post-visual-editor__content-area input[type="submit"],.edit-post-visual-editor__content-area .button,.edit-post-visual-editor__content-area .wp-block-button__link{border:1px solid;border-color:#000;border-radius:0;background:none;color:#000;line-height:1;padding:0.6em 1em 0.4em}.edit-post-visual-editor__content-area button:hover,.edit-post-visual-editor__content-area input[type="button"]:hover,.edit-post-visual-editor__content-area input[type="reset"]:hover,.edit-post-visual-editor__content-area input[type="submit"]:hover,.edit-post-visual-editor__content-area .button:hover,.edit-post-visual-editor__content-area .wp-block-button__link:hover{border-color:#111}.edit-post-visual-editor__content-area button:active,.edit-post-visual-editor__content-area button:focus,.edit-post-visual-editor__content-area input[type="button"]:active,.edit-post-visual-editor__content-area input[type="button"]:focus,.edit-post-visual-editor__content-area input[type="reset"]:active,.edit-post-visual-editor__content-area input[type="reset"]:focus,.edit-post-visual-editor__content-area input[type="submit"]:active,.edit-post-visual-editor__content-area input[type="submit"]:focus,.edit-post-visual-editor__content-area .button:active,.edit-post-visual-editor__content-area .button:focus,.edit-post-visual-editor__content-area .wp-block-button__link:active,.edit-post-visual-editor__content-area .wp-block-button__link:focus{border-color:#222}.edit-post-visual-editor__content-area .button-more::after{content:"+";display:inline-block;width:1.5rem;height:2rem;padding:0 0.5rem;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.5rem}.edit-post-visual-editor__content-area .button-more:hover::after{content:">";padding-left:0.2rem;font-size:1.2rem;line-height:1.5}.edit-post-visual-editor__content-area input[type="text"],.edit-post-visual-editor__content-area input[type="email"],.edit-post-visual-editor__content-area input[type="url"],.edit-post-visual-editor__content-area input[type="password"],.edit-post-visual-editor__content-area input[type="search"],.edit-post-visual-editor__content-area input[type="number"],.edit-post-visual-editor__content-area input[type="tel"],.edit-post-visual-editor__content-area input[type="range"],.edit-post-visual-editor__content-area input[type="date"],.edit-post-visual-editor__content-area input[type="month"],.edit-post-visual-editor__content-area input[type="week"],.edit-post-visual-editor__content-area input[type="time"],.edit-post-visual-editor__content-area input[type="datetime"],.edit-post-visual-editor__content-area input[type="datetime-local"],.edit-post-visual-editor__content-area input[type="color"],.edit-post-visual-editor__content-area textarea{color:#111;background-color:#eee;border:none;border-radius:0;width:100%;padding:0.3rem}.edit-post-visual-editor__content-area input[type="text"]:focus,.edit-post-visual-editor__content-area input[type="email"]:focus,.edit-post-visual-editor__content-area input[type="url"]:focus,.edit-post-visual-editor__content-area input[type="password"]:focus,.edit-post-visual-editor__content-area input[type="search"]:focus,.edit-post-visual-editor__content-area input[type="number"]:focus,.edit-post-visual-editor__content-area input[type="tel"]:focus,.edit-post-visual-editor__content-area input[type="range"]:focus,.edit-post-visual-editor__content-area input[type="date"]:focus,.edit-post-visual-editor__content-area input[type="month"]:focus,.edit-post-visual-editor__content-area input[type="week"]:focus,.edit-post-visual-editor__content-area input[type="time"]:focus,.edit-post-visual-editor__content-area input[type="datetime"]:focus,.edit-post-visual-editor__content-area input[type="datetime-local"]:focus,.edit-post-visual-editor__content-area input[type="color"]:focus,.edit-post-visual-editor__content-area textarea:focus{color:#000}.edit-post-visual-editor__content-area select{border:1px solid #000}.edit-post-visual-editor__content-area textarea{width:100%}@media screen{.edit-post-visual-editor__content-area .site{display:grid;grid-template-columns:1fr minmax(0, 35em) minmax(0, 35em) 1fr;grid-template-areas:"header" "main" "aside" "footer";margin:auto;padding:0}.edit-post-visual-editor__content-area .site>header{grid-column:1 / -1}.edit-post-visual-editor__content-area .site>main{grid-column:2 / 4}.edit-post-visual-editor__content-area .site>aside{grid-column:2 / 4}.edit-post-visual-editor__content-area .site>footer{grid-column:1 / -1}.edit-post-visual-editor__content-area .site-header{position:sticky;z-index:900;top:0;margin-bottom:2rem}.edit-post-visual-editor__content-area .site-header .main{display:flex;flex-flow:row;align-items:center;justify-content:space-around}.edit-post-visual-editor__content-area .site-header .secondary{display:flex;flex-flow:column;align-items:center}.edit-post-visual-editor__content-area .site-main{padding:0 1rem}.edit-post-visual-editor__content-area .home-featured{padding:0 1rem}.edit-post-visual-editor__content-area .xarxaprod-destacats,.edit-post-visual-editor__content-area .xarxaprod-featured,.edit-post-visual-editor__content-area .archive-posts{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area .site-header .main{flex-flow:column}.edit-post-visual-editor__content-area .site-main{padding:0 2rem}.edit-post-visual-editor__content-area .home-featured{padding:0 2rem}.edit-post-visual-editor__content-area.single .site-main{margin:0 auto}.edit-post-visual-editor__content-area .xarxaprod-destacats,.edit-post-visual-editor__content-area .xarxaprod-featured,.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 80em){.edit-post-visual-editor__content-area .site-header .main{margin:auto;flex-flow:row}.edit-post-visual-editor__content-area .site-main{padding:0}.edit-post-visual-editor__content-area .home-featured{padding:0}}@media screen{.edit-post-visual-editor__content-area .hide-content{display:block;width:0px;height:0px;margin:0;padding:0;overflow:hidden}.edit-post-visual-editor__content-area .custom-logo{min-width:11rem;margin:1rem}.edit-post-visual-editor__content-area .main-navigation ul,.edit-post-visual-editor__content-area .secondary-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.edit-post-visual-editor__content-area .main-navigation ul ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul{background-color:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.2);flex-direction:column;float:left;position:absolute;top:100%;left:-999em;z-index:99999}.edit-post-visual-editor__content-area .main-navigation ul ul ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul ul{left:-999em;top:0}.edit-post-visual-editor__content-area .main-navigation ul ul li:hover>ul,.edit-post-visual-editor__content-area .main-navigation ul ul li.focus>ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul li:hover>ul,.edit-post-visual-editor__content-area .secondary-navigation ul ul li.focus>ul{left:30%;top:2.5rem}.edit-post-visual-editor__content-area .main-navigation ul ul a,.edit-post-visual-editor__content-area .secondary-navigation ul ul a{width:200px}.edit-post-visual-editor__content-area .main-navigation ul li:hover>ul,.edit-post-visual-editor__content-area .main-navigation ul li.focus>ul,.edit-post-visual-editor__content-area .secondary-navigation ul li:hover>ul,.edit-post-visual-editor__content-area .secondary-navigation ul li.focus>ul{left:auto}.edit-post-visual-editor__content-area .main-navigation li,.edit-post-visual-editor__content-area .secondary-navigation li{position:relative;padding:1rem}.edit-post-visual-editor__content-area .main-navigation a,.edit-post-visual-editor__content-area .secondary-navigation a{display:flex;align-items:center;min-height:100%;padding:0 0.5rem;text-decoration:none;font-size:1rem}.edit-post-visual-editor__content-area .main-navigation .current_page_item>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .main-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_item>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-ancestor>a{font-weight:bold;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border-left:1px solid #000}.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"],.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"],.edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border-left:1px solid #000}.edit-post-visual-editor__content-area .secondary-navigation{padding:1em 0}.edit-post-visual-editor__content-area .secondary-navigation ul{display:inline-block}.edit-post-visual-editor__content-area .secondary-navigation ul li{padding:0.5em 0}.edit-post-visual-editor__content-area .menu-item-has-children::after{content:"";display:inline-block;position:absolute;top:40%;right:0.3em;width:0.3em;height:0.3em;border:1px solid #000;border-top:none;border-left:none;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.edit-post-visual-editor__content-area .menu-item-has-children:hover::after{border-color:#666}.edit-post-visual-editor__content-area .toogle-secondary-navigation .show-mobile{display:inherit}.edit-post-visual-editor__content-area .toogle,.edit-post-visual-editor__content-area .toogled-menu{display:none}.edit-post-visual-editor__content-area .toogle:checked+.toogled-menu{display:block;position:absolute;left:0;top:0;width:100%;height:100vh;margin-top:0;padding:7em 4em 0 4em;background-color:#fff}.edit-post-visual-editor__content-area .toogle-show{position:relative;display:inline-block;width:1.8em;height:1.4em;margin-right:0.3em}.edit-post-visual-editor__content-area .toogle-show::before{content:"";position:absolute;top:0.3em;left:0;width:100%}.edit-post-visual-editor__content-area .toogle-hide{display:flex;justify-content:center}.edit-post-visual-editor__content-area .toogle-hide::after{content:"x";padding:0;font-size:3rem;font-weight:bold}.edit-post-visual-editor__content-area .menu-toggle,.edit-post-visual-editor__content-area .main-navigation.toggled ul{display:block}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area .custom-logo{min-width:11rem;margin:1rem 1rem 1rem 0}.edit-post-visual-editor__content-area .menu-toggle{display:none}.edit-post-visual-editor__content-area .main-navigation ul,.edit-post-visual-editor__content-area .secondary-navigation ul{display:flex}.edit-post-visual-editor__content-area .main-navigation a,.edit-post-visual-editor__content-area .secondary-navigation a{padding:0 0.5rem}.edit-post-visual-editor__content-area .main-navigation .current_page_item>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .main-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .main-navigation .current-menu-ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_item>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-item>a,.edit-post-visual-editor__content-area .secondary-navigation .current_page_ancestor>a,.edit-post-visual-editor__content-area .secondary-navigation .current-menu-ancestor>a{border-left:none}.edit-post-visual-editor__content-area .main-navigation{padding-bottom:1em}.edit-post-visual-editor__content-area .main-navigation ul{justify-content:end}.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"],.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"],.edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;border-left:none}.edit-post-visual-editor__content-area .secondary-navigation{padding:1.5em 0}.edit-post-visual-editor__content-area .toogle-secondary-navigation .show-mobile,.edit-post-visual-editor__content-area .toogle-secondary-navigation .hide-not-mobile{display:none}.edit-post-visual-editor__content-area .toogled-menu{display:inherit}}.site-main .edit-post-visual-editor__content-area .comment-navigation,.site-main .edit-post-visual-editor__content-area .posts-navigation,.site-main .edit-post-visual-editor__content-area .post-navigation{margin:0 0 1.5em}.edit-post-visual-editor__content-area .comment-navigation .nav-links,.edit-post-visual-editor__content-area .posts-navigation .nav-links,.edit-post-visual-editor__content-area .post-navigation .nav-links{display:flex}.edit-post-visual-editor__content-area .comment-navigation .nav-previous,.edit-post-visual-editor__content-area .posts-navigation .nav-previous,.edit-post-visual-editor__content-area .post-navigation .nav-previous{flex:1 0 50%}.edit-post-visual-editor__content-area .comment-navigation .nav-next,.edit-post-visual-editor__content-area .posts-navigation .nav-next,.edit-post-visual-editor__content-area .post-navigation .nav-next{text-align:end;flex:1 0 50%}@media screen and (min-width: 80em){.edit-post-visual-editor__content-area .main-navigation .toogle-sidebar-segona .show-mobile,.edit-post-visual-editor__content-area .main-navigation .toogle-sidebar-segona .hide-not-mobile,.edit-post-visual-editor__content-area .secondary-navigation .toogle-sidebar-segona .show-mobile,.edit-post-visual-editor__content-area .secondary-navigation .toogle-sidebar-segona .hide-not-mobile{display:none}.edit-post-visual-editor__content-area .main-navigation a,.edit-post-visual-editor__content-area .secondary-navigation a{padding:0 1rem}.edit-post-visual-editor__content-area .main-navigation{padding-bottom:0}.edit-post-visual-editor__content-area .main-navigation a[href^="http://localhost"]::after,.edit-post-visual-editor__content-area .main-navigation a[href^="http://xarxaprod.cat"]::after,.edit-post-visual-editor__content-area .main-navigation a[href^="https://xarxaprod.cat"]::after,.edit-post-visual-editor__content-area .main-navigation .current-menu-item a::after{margin-top:5em}}@media screen{.edit-post-visual-editor__content-area .sticky{display:block}.edit-post-visual-editor__content-area .post,.edit-post-visual-editor__content-area .page{margin:0 0 1.5em}.edit-post-visual-editor__content-area .updated:not(.published){display:none}.edit-post-visual-editor__content-area .page-content,.edit-post-visual-editor__content-area .entry-content,.edit-post-visual-editor__content-area .entry-summary{margin:1.5em 0 0}.edit-post-visual-editor__content-area .page-links{clear:both;margin:0 0 1.5em}.edit-post-visual-editor__content-area .xarxaprod-card-each .entry-title,.edit-post-visual-editor__content-area .xarxaprod-card-each h6{border-bottom:1px solid #000;margin:0;padding:0.5rem 0}.edit-post-visual-editor__content-area .xarxaprod-card-each p{padding:0.5rem 0;margin:0}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields{display:grid}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields .xarxaprod-fund-info-field,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field{padding-bottom:1rem;border-bottom:1px solid #000}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields h6,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields h6{font-size:2.4rem;font-variant:all-petite-caps}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields p,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields p{margin:0.5rem 0 0 0}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields li,.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields li{font-size:1.3rem}.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields .xarxaprod-fund-info-field{margin:0}.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields .xarxaprod-fund-info-field{margin:1rem 0 0.5rem 0}.edit-post-visual-editor__content-area .xarxaprod-funder-name,.edit-post-visual-editor__content-area .xarxaprod-fund-contact-name,.edit-post-visual-editor__content-area .xarxaprod-fund-web{display:flex;margin:0;padding:0;font-variant:all-petite-caps;font-size:1.1rem;line-height:0.9;align-items:center}.edit-post-visual-editor__content-area .xarxaprod-funder-name a,.edit-post-visual-editor__content-area .xarxaprod-fund-contact-name a,.edit-post-visual-editor__content-area .xarxaprod-fund-web a{text-decoration:none;font-size:0.8rem}.edit-post-visual-editor__content-area .xarxaprod-filtered-funds{display:grid;grid-template-columns:1fr 1fr}.edit-post-visual-editor__content-area .xarxaprod-fund-filter{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem}.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(1, 1fr)}}@media screen and (min-width: 48em){.edit-post-visual-editor__content-area .xarxaprod-filtered-funds{grid-template-columns:1fr 2fr}.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 80em){.edit-post-visual-editor__content-area .xarxaprod-filtered-funds{grid-template-columns:1fr 3fr}.edit-post-visual-editor__content-area .archive-posts{grid-template-columns:repeat(3, 1fr)}}.edit-post-visual-editor__content-area .comment-content a{word-wrap:break-word}.edit-post-visual-editor__content-area .bypostauthor{display:block}.edit-post-visual-editor__content-area .widget{margin:0 0 1.5em}.edit-post-visual-editor__content-area .widget select{max-width:100%}.edit-post-visual-editor__content-area .page-content .wp-smiley,.edit-post-visual-editor__content-area .entry-content .wp-smiley,.edit-post-visual-editor__content-area .comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.edit-post-visual-editor__content-area .custom-logo-link{display:inline-block}.edit-post-visual-editor__content-area .wp-caption{margin-bottom:1.5em;max-width:100%}.edit-post-visual-editor__content-area .wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.edit-post-visual-editor__content-area .wp-caption .wp-caption-text{margin:0.8075em 0}.edit-post-visual-editor__content-area .wp-caption-text{text-align:center}.edit-post-visual-editor__content-area .gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.edit-post-visual-editor__content-area .gallery-item{display:inline-block;text-align:center;width:100%}.edit-post-visual-editor__content-area .gallery-columns-2{grid-template-columns:repeat(2, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-3{grid-template-columns:repeat(3, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-4{grid-template-columns:repeat(4, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-5{grid-template-columns:repeat(5, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-6{grid-template-columns:repeat(6, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-7{grid-template-columns:repeat(7, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-8{grid-template-columns:repeat(8, 1fr)}.edit-post-visual-editor__content-area .gallery-columns-9{grid-template-columns:repeat(9, 1fr)}.edit-post-visual-editor__content-area .gallery-caption{display:block}.edit-post-visual-editor__content-area .infinite-scroll .posts-navigation,.edit-post-visual-editor__content-area .infinite-scroll.neverending .site-footer{display:none}.edit-post-visual-editor__content-area .infinity-end.neverending .site-footer{display:block}.edit-post-visual-editor__content-area .black-blocs{padding:1rem 0;gap:1rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column{align-self:auto;display:flex;flex-direction:column;position:relative;min-height:17rem;padding:1rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column h1,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h2,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h3,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h4,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h5,.edit-post-visual-editor__content-area .black-blocs .wp-block-column h6{min-height:4.8rem;font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:2rem;line-height:1.04}.edit-post-visual-editor__content-area .black-blocs .wp-block-column p{font-family:"Neue Haas Grotesk Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:.9rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a{color:#fff;text-decoration:none}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a::after{content:"+";position:absolute;bottom:-1rem;left:0.7rem;font-size:5rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a:hover{color:#ccc}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a:hover::after{content:">";font-size:3rem;bottom:0}.edit-post-visual-editor__content-area .wpcf7-not-valid:not(:focus){background-color:#ff686e}.edit-post-visual-editor__content-area .wpcf7-not-valid-tip{color:#ff686e}.edit-post-visual-editor__content-area .wpcf7 form.invalid .wpcf7-response-output,.edit-post-visual-editor__content-area .wpcf7 form.unaccepted .wpcf7-response-output,.edit-post-visual-editor__content-area .wpcf7 form.payment-required .wpcf7-response-output{border-color:#f6cc4c;background-color:#f6cc4c;color:#fff;font-family:"din-medium";font-weight:bold;text-align:center;margin:0em;padding:0rem}.edit-post-visual-editor__content-area .wpcf7-form .contactform-name,.edit-post-visual-editor__content-area .wpcf7-form .wpcf7-form .contactform-email{max-width:40%;display:inline-block}.edit-post-visual-editor__content-area .wpcf7-form .contactform-name{float:left}.edit-post-visual-editor__content-area .wpcf7-form .contactform-email{float:right;margin-bottom:1rem}.edit-post-visual-editor__content-area .wpcf7-form .contactform-acceptance{display:flex;align-items:center;justify-content:end}.edit-post-visual-editor__content-area .wpcf7-form .wpcf7-submit{margin-left:1rem}.edit-post-visual-editor__content-area .wpcf7-form .wpcf7-spinner{margin:0 -24px 0 0}.edit-post-visual-editor__content-area .screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.edit-post-visual-editor__content-area .screen-reader-text:focus{background-color:none;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;clip-path:none;color:#000;display:block;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.edit-post-visual-editor__content-area #primary[tabindex="-1"]:focus{outline:0}.edit-post-visual-editor__content-area .alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.edit-post-visual-editor__content-area .alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.edit-post-visual-editor__content-area .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}.edit-post-visual-editor__content-area :where(.wp-block){max-width:80rem}.edit-post-visual-editor__content-area .black-blocs .wp-block-column a::after{display:none}@font-face{font-family:'Neue Haas Grotesk Pro';src:url("assets/fonts/NeueHaasGroteskPro-45Light.eot");src:url("assets/fonts/NeueHaasGroteskPro-45Light.eot?#iefix") format("embedded-opentype"),url("assets/fonts/NeueHaasGroteskPro-45Light.woff2") format("woff2"),url("assets/fonts/NeueHaasGroteskPro-45Light.woff") format("woff"),url("assets/fonts/NeueHaasGroteskPro-45Light.ttf") format("truetype"),url("assets/fonts/NeueHaasGroteskPro-45Light.svg#NeueHaasGroteskPro-45Light") format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Neue Haas Grotesk Pro';src:url("assets/fonts/NeueHaasGroteskPro-55Roman.eot");src:url("assets/fonts/NeueHaasGroteskPro-55Roman.eot?#iefix") format("embedded-opentype"),url("assets/fonts/NeueHaasGroteskPro-55Roman.woff2") format("woff2"),url("assets/fonts/NeueHaasGroteskPro-55Roman.woff") format("woff"),url("assets/fonts/NeueHaasGroteskPro-55Roman.ttf") format("truetype"),url("assets/fonts/NeueHaasGroteskPro-55Roman.svg#NeueHaasGroteskPro-55Roman") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Neue Haas Grotesk Pro';src:url("assets/fonts/NeueHaasGroteskPro-75Bold.eot");src:url("assets/fonts/NeueHaasGroteskPro-75Bold.eot?#iefix") format("embedded-opentype"),url("assets/fonts/NeueHaasGroteskPro-75Bold.woff2") format("woff2"),url("assets/fonts/NeueHaasGroteskPro-75Bold.woff") format("woff"),url("assets/fonts/NeueHaasGroteskPro-75Bold.ttf") format("truetype"),url("assets/fonts/NeueHaasGroteskPro-75Bold.svg#NeueHaasGroteskPro-75Bold") format("svg");font-weight:bold;font-style:normal;font-display:swap} diff --git a/sass/abstracts/variables/_colors.scss b/sass/abstracts/variables/_colors.scss index c9ed7be..08c2ed9 100644 --- a/sass/abstracts/variables/_colors.scss +++ b/sass/abstracts/variables/_colors.scss @@ -1,3 +1,13 @@ +$color__xxp_black: #000000; +$color__xxp_white: #ffffff; +$color__xxp_salmon: #ff866f; +$color__xxp_yellow: #ffcb1f; +$color__xxp_pink: #ff6bc3; +$color__xxp_violet: #651aff; +$color__xxp_cyan: #00d1ec; +$color__xxp_green: #00f274; +$color__xxp_red: #ff5a69; + $color__white: #fff; $color__white-dark: #fdfdfd; $color__white-transparent: rgba(255,255,255,0.95); @@ -17,25 +27,25 @@ $color__green: #69ed82; $color__red: #ff686e; -$color__background-body: $color__white; -$color__background-screen: $color__white; +$color__background-body: none; +$color__background-screen: none; $color__background-hr: $color__black; -$color__background-button: $color__white; +$color__background-button: none; $color__background-pre: $color__grey-lighter; $color__background-ins: $color__white-dark; $color__background-input: $color__grey-lighter; $color__text-screen: $color__black; -$color__text-input: $color__black-light; +$color__text-input: $color__black-grey; $color__text-input-focus: $color__black; $color__link: $color__black; -$color__link-visited: $color__black-grey; +$color__link-visited: $color__link; $color__link-hover: $color__black-light; -$color__text-main: #202020; +$color__text-main: $color__black; -$color__border-button: $color__black; -$color__border-button-hover: $color__black-grey; -$color__border-button-focus: $color__black-light; +$color__border-button: #000; +$color__border-button-hover: #111; +$color__border-button-focus: #222; $color__border-input: $color__black; $color__border-abbr: $color__grey-dark; diff --git a/sass/adminstyles.scss b/sass/adminstyles.scss index db7ec39..e2d5e6e 100644 --- a/sass/adminstyles.scss +++ b/sass/adminstyles.scss @@ -29,15 +29,6 @@ display:none; } } -.editor-styles-wrapper .wp-block-button__link { - color: #000 !important; - background-color: #fff !important; - border-radius: 0 !important; - box-shadow: none !important; - text-decoration: none !important; - padding: 0.6em 1em 0.4em !important; - font-size: inherit !important; -} // modify internal paths to make objects locally available @import "adminstyles/fonts"; diff --git a/sass/base/elements/_body.scss b/sass/base/elements/_body.scss index 43df115..63e0d2d 100644 --- a/sass/base/elements/_body.scss +++ b/sass/base/elements/_body.scss @@ -1,3 +1,8 @@ body { background: $color__background-body; // Fallback for when there is no custom background color defined. + background-image: url(./assets/img/background-colors-02.jpg); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + } diff --git a/sass/base/elements/_buttons.scss b/sass/base/elements/_buttons.scss index c60f186..efa387c 100644 --- a/sass/base/elements/_buttons.scss +++ b/sass/base/elements/_buttons.scss @@ -11,7 +11,7 @@ input[type="submit"], color: $color__text-screen; line-height: 1; padding: 0.6em 1em 0.4em; - text-transform: uppercase; + //text-transform: uppercase; &:hover { border-color: $color__border-button-hover; @@ -23,111 +23,28 @@ input[type="submit"], } } .button-more { - line-height: 2.5; + //&::before { + // content: "accedir"; + // position: absolute; + // bottom: 1em; + // left: 0.5em; + // font-family: $font__light; + // font-size: 1rem; + // line-height: 0; + //} &::after { content: "+"; display: inline-block; - width: 2rem; - font-family: $font__black; + width: 1.5rem; + height: 2rem; + padding: 0 0.5rem; + font-family: $font__black; font-size: 1.5rem; - text-align: right; } &:hover::after { content: ">"; - font-size: 1rem; + padding-left: 0.2rem; + font-size: 1.2rem; + line-height: 1.5; } } -.home-featured,.archive-posts { - .more-link { - position: relative; - .button-more { - border:none; - &::after { - content: "+"; - position: absolute; - display: flex; - align-items: center; - justify-content: center; - width: 3rem; - height: 3rem; - bottom: 0; - left: 0; - padding: 0; - border: 1px solid $color__black; - font-size: 4rem; - line-height: inherit; - } - &:hover::after { - content: ">"; - padding: 0; - font-size: 2.5rem; - line-height: inherit; - } - } - } -} -.category-faq { - .more-link { - .button-more { - &::before { - content: "accedir"; - position: absolute; - bottom: 1em; - left: 0.5em; - font-family: $font__light; - font-size: 1rem; - line-height: 0; - } - &::after { - content: "+"; - display: inline-block; - width: 8rem; - height: 2rem; - padding: 0 0.5rem; - text-align: right; - font-size: 2.5rem; - line-height: 0.7; - } - &:hover::after { - content: ">"; - padding: 0 0.1rem; - font-size: 1.5rem; - line-height: 1.2; - } - } - } -} - - .xarxaprod-search-form { - display: flex; - margin: 0.5rem 0; - .search-field { - padding: 0.5em; - } - .search-submit{ - z-index: 10; - margin: 0rem; - border: none; - width: 2.5rem; - height: 2.5rem; - background: none; - cursor: pointer; - font-size: 0px; - } - } - - - .xarxaprod-icon-search:before { - position: absolute; - padding: 0; - margin: 0.2rem 0 0 -1.5rem; - z-index: 0; - min-width: 2.5rem; - min-height: 2.5rem; - font-size: 2rem; - content: "\26b2"; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - } diff --git a/sass/base/elements/_links.scss b/sass/base/elements/_links.scss index c6eaf80..fccbcbd 100644 --- a/sass/base/elements/_links.scss +++ b/sass/base/elements/_links.scss @@ -34,61 +34,61 @@ a { text-decoration: none; } } -//.home-featured,.archive-posts { -// .category-faq,.type-xarxaprod-ajut { -// position: relative; -// padding-bottom: 4rem; -// .entry-title { -// a { -// &::after { -// content: "+"; -// position:absolute; -// bottom: 0; -// left: 0; -// width: 3rem; -// height: 3rem; -// padding: 0 0.38rem; -// border: 1px solid $color__black; -// font-size: 4rem; -// line-height: 0.8; -// } -// &:hover::after { -// content: ">"; -// padding: 0 0.38rem; -// font-size: 2.5rem; -// line-height: 1.3; -// } -// } -// } -// } -// .category-faq { -// .entry-title { -// a { -// &::before { -// content: "accedir"; -// position: absolute; -// bottom: 1em; -// left: 0.5em; -// font-family: $font__light; -// font-size: 1rem; -// line-height: 0; -// } -// &::after { -// content: "+"; -// width: 8rem; -// height: 2rem; -// padding: 0 0.5rem; -// text-align: right; -// font-size: 2.5rem; -// line-height: 0.7; -// } -// &:hover::after { -// content: ">"; -// padding: 0 0.1rem; -// font-size: 1.5rem; -// line-height: 1.2; -// } -// } -// } -// } -//} +.home-featured,.archive-posts { + .category-faq,.type-xarxaprod-ajut { + position: relative; + padding-bottom: 4rem; + .entry-title { + a { + &::after { + content: "+"; + position:absolute; + bottom: 0; + left: 0; + width: 3rem; + height: 3rem; + padding: 0 0.38rem; + border: 1px solid $color__black; + font-size: 4rem; + line-height: 0.8; + } + &:hover::after { + content: ">"; + padding: 0 0.38rem; + font-size: 2.5rem; + line-height: 1.3; + } + } + } + } + .category-faq { + .entry-title { + a { + &::before { + content: "accedir"; + position: absolute; + bottom: 1em; + left: 0.5em; + font-family: $font__light; + font-size: 1rem; + line-height: 0; + } + &::after { + content: "+"; + width: 8rem; + height: 2rem; + padding: 0 0.5rem; + text-align: right; + font-size: 2.5rem; + line-height: 0.7; + } + &:hover::after { + content: ">"; + padding: 0 0.1rem; + font-size: 1.5rem; + line-height: 1.2; + } + } + } + } +} diff --git a/sass/base/elements/_lists.scss b/sass/base/elements/_lists.scss index c307201..09a7400 100644 --- a/sass/base/elements/_lists.scss +++ b/sass/base/elements/_lists.scss @@ -1,112 +1,64 @@ ul, ol { - margin: 0 0 0.5em 0.5em; - padding: 0; + margin: 0 0 0.5em 0.5em; + padding: 0; } ul { - list-style: none; + list-style: none; } ol { - list-style: decimal; + list-style: decimal; } li > ul, li > ol { - margin-bottom: 0; - margin-left: 0.5em; + margin-bottom: 0; + margin-left: 0.5em; } dt { - font-weight: 700; + font-weight: 700; } dd { - margin: 0 0 0.5em 0.5em; - padding: 0; + margin: 0 0 0.5em 0.5em; + padding: 0; } -article:not(.type-post){ - .xarxaprod-label { - margin: 0; - padding: 0; - display: inline; - li { - display:inline-block; - margin:0.1em 0; - padding: 0.2em 0.2em 0 0.2em; - color: $color__white; - background-color: $color__black; - font-family: $font__black; - font-size: $font__size-body*0.7; - text-transform: uppercase; - } - } - .item-os_fund_target li { - background-color: $color__orange; - } - .item-os_fund_source li { - background-color: $color__lightblue; - } - .item-os_fund_field li { - background-color: $color__yellow; - } - .item-os_fund_dates li { - background-color: $color__green; - } - .item-os_fund_call { - display: block; - margin:0.2rem 0; - li { - font-size: $font__size-body*1.2; - } - } - .item-os_fund_apply_text { - display:inline-block; - margin:0.1em 0; - padding: 0.2em 0.2em 0 0.2em; - color: $color__white; - background-color: $color__green; - font-family: $font__black; - font-size: $font__size-body*0.7; - text-transform: uppercase; - } -} -.xarxaprod-faqs-types { - ul { - margin: 0; - } - .cat-item { +.xarxaprod-label { + margin: 0; + padding: 0; + display: inline; + li { display:inline-block; - margin: 0.1em 0.5em 0.1em 0; - padding: 0.2em 0.2em 0 0.2em; - color: $color__white; - background-color: $color__black; - font-family: $font__black; - font-size: $font__size-body*1.1; - text-transform: uppercase; - } - .current-cat{ - background-color: $color__orange; - } - a { - color: $color__white; - text-decoration: none; - &:visited, &:hover{ - color: $color__white; - } - } + margin:0.1rem; + padding: 0 0.2rem; + color: $color__white; + background-color: $color__black; + font-family: $font__black; + font-size: $font__size-body*0.7; + //text-transform: uppercase; + } } -.single-xarxaprod-ajut { - article:not(.type-post) { - .xarxaprod-label { - li { - font-size: $font__size-body*1.1; - } - } - .item-os_fund_apply_text { - font-size: $font__size-body*1.1; - } - } +.item-os_fund_target li { + background-color: $color__orange; } +.item-os_fund_source li { + background-color: $color__lightblue; +} +.item-os_fund_field li { + background-color: $color__yellow; +} +.item-os_fund_dates li { + background-color: $color__green; +} +.item-os_fund_call { + display: block; + margin:0.2rem 0.1rem; + li { + font-size: $font__size-body*1.2; + } +} + diff --git a/sass/base/typography/_headings.scss b/sass/base/typography/_headings.scss index 779d42f..0443869 100644 --- a/sass/base/typography/_headings.scss +++ b/sass/base/typography/_headings.scss @@ -4,57 +4,31 @@ h3, h4, h5, - h6, - .h1,.h2,.h3,.h4,.h5,.h6{ + h6 { + font-family: $font__header; clear: both; line-height: $font__line-height-header; + a { + text-decoration: none; + } } - h1,.h1 { - font-family: $font__light; + h1 { font-size: $font__size-body*1.8; - text-transform: uppercase; - &.small { - font-size: $font__size-body*1.5; - } } - h2,.h2 { - font-family: $font__light; + h2 { font-size: $font__size-body*1.5; - text-transform: uppercase; - &.small { - font-size: $font__size-body*1.2; - } } - h3,.h3 { - font-family: $font__black; + h3 { font-size: $font__size-body*1.3; - text-transform: uppercase; - &.small { - font-size: $font__size-body*1; - } } - h4,.h4 { - font-family: $font__bold; + h4 { font-size: $font__size-body*1.2; - text-transform: uppercase; - &.small { - font-size: $font__size-body*0.9; - } } - h5,.h5 { - font-family: $font__medium; + h5 { font-size: $font__size-body*1.1; - text-transform: uppercase; - &.small { - font-size: $font__size-body*0.8; - } } - h6,.h6 { - font-family: $font__light; + h6 { font-size: $font__size-body*1.1; - &.small { - font-size: $font__size-body*0.8; - } } .site-main { h1, @@ -63,18 +37,17 @@ h4, h5, h6, - .h1,.h2,.h3,.h4,.h5,.h6, .entry-content { margin: 0; } } .single { - h1,.h1 { + h1 { font-family: $font__black; } } .home-featured { - h2,.h2 { + h2 { margin: 1.2rem 0; font-size: $font__size-body*2; line-height: 1.2; @@ -83,54 +56,27 @@ } } @media screen and (min-width: 48em) { - h1,.h1 { + h1 { font-size: $font__size-body*3.5; } - h2,.h2 { + h2 { font-size: $font__size-body*2.5; } - h3,.h3 { + h3 { + font-size: $font__size-body*2; + } + h4 { + font-family: $font__black; + font-size: $font__size-body*1.7; + } + h5 { font-size: $font__size-body*1.5; } - h4,.h4 { - font-family: $font__black; - font-size: $font__size-body*1.3; - } - h5,.h5 { - font-size: $font__size-body*1.3; - } - h6,.h6 { - font-size: $font__size-body*1.3; + h6 { + font-size: $font__size-body*1.5; } .home-featured { - h2,.h2 { - font-size: $font__size-body*3.5; - border-bottom: 0.8rem solid $color__black; - } - } -} -@media screen and (min-width: 1440px) { - h1,.h1 { - font-size: $font__size-body*3.5; - } - h2,.h2 { - font-size: $font__size-body*2.5; - } - h3,.h3 { - font-size: $font__size-body*1.6; - } - h4,.h4 { - font-family: $font__black; - font-size: $font__size-body*1.4; - } - h5,.h5 { - font-size: $font__size-body*1.4; - } - h6,.h6 { - font-size: $font__size-body*1.4; - } - .home-featured { - h2,.h2 { + h2 { font-size: $font__size-body*3.5; border-bottom: 0.8rem solid $color__black; } diff --git a/sass/base/typography/_typography.scss b/sass/base/typography/_typography.scss index cb7fcc5..1e7781d 100644 --- a/sass/base/typography/_typography.scss +++ b/sass/base/typography/_typography.scss @@ -9,23 +9,7 @@ textarea { font-size: $font__size-body; line-height: $font__line-height-body; } -.hide { - display: inline-block; - margin: 0; - padding: 0; - min-width: unset; - max-width: unset; - width: 0px; - min-height: unset; - max-height: unset; - height: 0px; - font-size: 0px; - line-height: 0px; - text-decoration: none; - border: 0; - background: none; - background-color: transparent; -} + @import "headings"; @import "copy"; @import "fonts"; diff --git a/sass/components/content/_posts-and-pages.scss b/sass/components/content/_posts-and-pages.scss index 17233aa..3935b0c 100644 --- a/sass/components/content/_posts-and-pages.scss +++ b/sass/components/content/_posts-and-pages.scss @@ -5,7 +5,7 @@ .post, .page { - margin: 0 0 5em; + margin: 0 0 1.5em; } .updated:not(.published) { @@ -22,30 +22,17 @@ clear: both; margin: 0 0 1.5em; } - - /* used in - * ./template-parts/section-eachpost.php - * */ .xarxaprod-card-each { .entry-title,h6 { border-bottom: 1px solid $color__black; margin: 0; padding: 0.5rem 0; - //word-break: break-word; } p { padding: 0.5rem 0; margin:0; } - .more-link { - display: inline-blocK; - margin-top: 2rem; - } } - /* used in - * ./template-parts/content-xarxaprod-ajut.php - * ./template-parts/section-eachpost.php - * */ .xarxaprod-fund-info-fields, .xarxaprod-fund-info-contact-fields { display: grid; @@ -74,6 +61,8 @@ margin: 1rem 0 0.5rem 0; } } + .xarxaprod-label { + } .xarxaprod-funder-name, .xarxaprod-fund-contact-name, .xarxaprod-fund-web { @@ -89,118 +78,49 @@ font-size: 0.8rem; } } - /* filters form custom fields - */ - .xarxaprod-filtered-funds { - display:grid; - grid: 1fr; - .os_fund_target, - .os_fund_source, - .os_fund_field { - .filter { - display: none; - } +// .page-template-funds-search { + .xarxaprod-filtered-funds { + display:grid; + grid-template-columns: 1fr 1fr; } - } - .xarxaprod-filters { - section { - margin: 1em 0; + .xarxaprod-fund-filter { + display: grid; + grid-template-columns: repeat(1 , 1fr); + gap: $grid__gap; } - .xarxaprod-titol-opcions { + .archive-posts { + grid-template-columns: repeat(1 , 1fr); } - } - .archive-posts { - // https://stackoverflow.com/questions/47601564/equal-width-columns-in-css-grid#61240964 - grid-template-columns: repeat(1 , minmax(0,1fr)); - } - - .xarxaprod-titol-opcions { - // applied in forms and contactforms - display: inline-block; - width: 100%; - max-width: 13em; - margin-bottom: 0; - margin-bottom: 1rem; - padding: 0.6em 1em 0.4em; - clear: both; - cursor: pointer; - font-family: $font__black; - font-size: $font__size-body*0.9; - border: 1px solid $color__border-button; - text-transform: uppercase; - &:after { - content: ">"; - display: inline; - float:right; - } - &:hover { - &:after { - transform: rotate(90deg); - animation: rotate 0.5s; - } - } - @keyframes rotate { - 0% { - transform: rotate(0); - } - 100% { - transform: rotate(90deg); - } - } - } + //} } @media screen and (max-width: 48em) { //only smaller than 48em - - .post, - .page { - margin: 0 0 1em; - } - - .xarxaprod-filters { - section { - display: block; - h5 { - display: block; - width: 100%; - } - .filter { - display: inline-block; - width: 45%; - margin-top: 0.5rem; - margin-right: 0.3em; - float: left; - &:last-of-type { - margin-bottom: 2rem; - } - } - } - } } @media screen and (min-width: 48em) { //only bigger than 48em - .xarxaprod-filters { - padding-right: 2em; - section { - margin: 1em 0; - } - } + //.page-template-funds-search { .xarxaprod-filtered-funds { grid-template-columns: 1fr 2fr; } + .xarxaprod-fund-filter { + } .archive-posts { - grid-template-columns: repeat(2 , minmax(0,1fr)); - grid-gap: 3em; + grid-template-columns: repeat(2 , 1fr); } + //} } @media screen and (min-width: 80em) { //only bigger than 80rem + //.page-template-funds-search { .xarxaprod-filtered-funds { grid-template-columns: 1fr 3fr; } + .xarxaprod-fund-filter { + } .archive-posts { - grid-template-columns: repeat(3 , minmax(0,1fr)); + grid-template-columns: repeat(3 , 1fr); } + //} } diff --git a/sass/components/navigation/_navigation.scss b/sass/components/navigation/_navigation.scss index d479ceb..2f24bc7 100644 --- a/sass/components/navigation/_navigation.scss +++ b/sass/components/navigation/_navigation.scss @@ -18,14 +18,53 @@ margin: 0; padding-left: 0; - ul.sub-menu { - padding-top: 0.5rem; - padding-left: 1rem; - } + ul { + background-color: $color__white; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); + flex-direction: column; + float: left; + position: absolute; + top: 100%; + left: -999em; + z-index: 99999; + + ul { + left: -999em; + top: 0; + } + + li { + + &:hover > ul, + &.focus > ul { + //display: block; + left: 30%; + top: 2.5rem; + } + } + + a { + width: 200px; + } + + :hover > a, + .focus > a { + } + + a:hover, + a.focus { + } + } + + li:hover > ul, + li.focus > ul { + left: auto; + } } li { position: relative; + padding: 1rem; &:hover > a, &.focus > a { @@ -61,7 +100,7 @@ } } .secondary-navigation { - padding: 0 1em 1em 0; + padding: 1em 0; ul { display: inline-block; li { @@ -69,22 +108,45 @@ } } a { - text-transform: uppercase; + // text-transform: uppercase; } } .menu-item-has-children { + &::after { + content: ""; + display: inline-block; + position: absolute; + top: 40%; + right: 0.3em; + //vertical-align: middle; + //margin: -3em 0 0.5em; + width: 0.3em; + height: 0.3em; + border: 1px solid $color__black; + border-top: none; + border-left: none; + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + &:hover { + &::after { + border-color: $color__grey-dark; + } + } } /* begin of menu-hidden */ - .toggle-secondary-navigation .show-mobile{ + .toogle-secondary-navigation .show-mobile{ display:inherit; } - .toggle, - .toggled-menu { + .toogle, + .toogled-menu { display: none; } - .toggle:checked+.toggled-menu{ + .toogle:checked+.toogled-menu{ display: block; position: absolute; left:0; @@ -92,32 +154,31 @@ width: 100%; height: 100vh; margin-top: 0; - padding: 0 2rem; + padding: 7em 4em 0 4em; background-color: $color__white; } - .toggle-show { + .toogle-show { position: relative; display: inline-block; width: 1.8em; height: 1.4em; margin-right: 0.3em; - border-top: 0.3em solid $color__black; - border-bottom: 0.3em solid $color__black; + //border-top: 0.3em solid $color__black; + //border-bottom: 0.3em solid $color__black; } - .toggle-show::before { + .toogle-show::before { content: ""; position: absolute; top: 0.3em; left: 0; width: 100%; - border-top: 0.3em solid $color__black; + //border-top: 0.3em solid $color__black; } - .toggle-hide { + .toogle-hide { display: flex; - justify-content: end; - margin-right: -0.5em; + justify-content: center; } - .toggle-hide::after{ + .toogle-hide::after{ content: "x"; padding: 0; font-size: 3rem; @@ -126,52 +187,15 @@ /* end of menu hidden*/ /* Small menu. */ - .main-navigation.toggled { - ul { - display: block; - } - .main-navigation-content { - display: inline-block; - position: absolute; - top: 5rem; - left: 0; - width: 100%; - height: calc(100vh - 5rem); - padding: 3rem; - background-color: $color__white; - } - } - .menu-toggle { - display: inline-block; - width: 10rem; - height: 4rem; - margin: 0; - padding: 0; - font-size: 0; - border: none; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - } -} -@media screen and (max-width: 47.99em) { - .site-branding { + .menu-toggle, + .main-navigation.toggled ul { display: block; - width: 0px; - height: 0px; - overflow: hidden; - margin: 0; - padding: 0; - } - .main-navigation-content { - text-transform: uppercase; - li { - padding: 0.5rem 0; - } - } - .secondary-navigation-content { - padding: 4rem 2rem; } + .xarxaprod-filters { + .xarxaprod-filter { + //float: left; + } + } } @media screen and (min-width: 48em) { .site-branding { @@ -187,49 +211,7 @@ .main-navigation,.secondary-navigation { ul { display: flex; - - ul { - background-color: $color__white; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); - float: left; - position: absolute; - top: 100%; - left: -999em; - z-index: 99999; - - ul { - left: -999em; - top: 0; - } - - li { - - &:hover > ul, - &.focus > ul { - display: block; - left: auto; - } - } - - a { - width: 200px; - } - - :hover > a, - .focus > a { - } - - a:hover, - a.focus { - } - } - - li:hover > ul, - li.focus > ul { - left: auto; - } } - a { padding: 0 0.5rem; } @@ -244,15 +226,6 @@ padding-bottom: 1em; ul { justify-content: end; - ul.sub-menu { - flex-direction: column; - padding-top: 2rem; - padding-left: 1rem; - padding-bottom: 1rem; - li { - margin: 0.5rem 0; - } - } } a[href^="http://localhost"], a[href^="http://xarxaprod.cat"], @@ -265,60 +238,31 @@ a[href^="http://xarxaprod.cat"]::after, a[href^="https://xarxaprod.cat"]::after, .current-menu-item a::after { - display: inline-block; - content: ""; - position: absolute; - left: 5%; - min-height: 2px; - height: 100%; - width: 90%; - margin-top: 2.3em; - border-bottom: 0.3rem solid $color__black; + //display: inline-block; + //content: ""; + //position: absolute; + //left: 5%; + //min-height: 2px; + //height: 100%; + //width: 90%; + //margin-top: 2.3em; + //border-bottom: 0.3rem solid $color__black; } - .menu-item-has-children { - ul { - } - } } .secondary-navigation { padding: 1.5em 0; } - .menu-item-has-children { - &::after { - content: ""; - display: inline-block; - position: absolute; - top: 40%; - right: 0.3em; - //vertical-align: middle; - //margin: -3em 0 0.5em; - width: 0.3em; - height: 0.3em; - border: 1px solid $color__grey-light; - border-top: none; - border-left: none; - -moz-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - } - &:hover { - &::after { - border-color: $color__grey-dark; - } - } - } - /* - * css menu toggler - * */ - .toggle-secondary-navigation .show-mobile, - .toggle-secondary-navigation .hide-not-mobile{ + /* + * css menu toogler + * */ + .toogle-secondary-navigation .show-mobile, + .toogle-secondary-navigation .hide-not-mobile{ display: none; } - .toggled-menu { + .toogled-menu { display: inherit; } - /* end css menu toggler + /* end css menu toogler * */ } @@ -328,7 +272,6 @@ .site-main & { margin: 0 0 1.5em; - align-self: end; } .nav-links { @@ -340,14 +283,14 @@ } .nav-next { - //text-align: end; + text-align: end; flex: 1 0 50%; } } @media screen and (min-width: 80em) { .main-navigation,.secondary-navigation { - .toggle-sidebar-segona .show-mobile, - .toggle-sidebar-segona .hide-not-mobile{ + .toogle-sidebar-segona .show-mobile, + .toogle-sidebar-segona .hide-not-mobile{ display:none; } diff --git a/sass/layouts/_no-sidebar.scss b/sass/layouts/_no-sidebar.scss index 2734459..385d906 100644 --- a/sass/layouts/_no-sidebar.scss +++ b/sass/layouts/_no-sidebar.scss @@ -29,19 +29,18 @@ z-index: 900; top: 0; margin-bottom: 2rem; - background-color: $color__white; - box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 1px 0 0 rgba(0,0,0,0.0); + //background-color: $color__white; + //box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 1px 0 0 rgba(0,0,0,0.0); .main { display: flex; - flex-flow: column; - align-items: initial; + flex-flow: row; + align-items: center; justify-content: space-around; - padding-left: 1rem; } .secondary { display: flex; flex-flow: column; - align-items: end; + align-items: center; } } .site-main { @@ -61,10 +60,6 @@ @media screen and (max-width: 48em) { //only smaller than 48em .site-header { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0.5rem 0; - align-items: center; } .site-main { } @@ -89,11 +84,10 @@ } .site-header { .main { - align-items: center; + flex-flow: column; } .secondary { - border-top: 1px solid $color__grey-lighter; - align-items: center; + //border-top: 1px solid $color__grey-lighter; } } .site-main { @@ -106,24 +100,13 @@ } &.single { .site-main { - width: 45rem; + //width: 45rem; margin: 0 auto; } } .xarxaprod-destacats,.xarxaprod-featured,.archive-posts { grid-template-columns: repeat(4 , 1fr); } - .xarxaprod-faqs-aside { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - .xarxaprod-search-form { - &:hover,&:active,&:focus,&:target { - flex-grow: 1; - } - } - } } @media screen and (min-width: 80em) { //only bigger than 80rem @@ -139,7 +122,7 @@ } .site-header { .main { - width: 80em; + //width: 80em; margin: auto; flex-flow: row; } diff --git a/sass/plugins/contactform7/_contactform7.scss b/sass/plugins/contactform7/_contactform7.scss index 8c0374b..4610fda 100644 --- a/sass/plugins/contactform7/_contactform7.scss +++ b/sass/plugins/contactform7/_contactform7.scss @@ -1,4 +1,8 @@ -/* contact forms styles used in wp backend with CF7 */ +//.wpcf7-form-control-wrap { +// input { +// margin-top: -1em; +// } +//} .wpcf7-not-valid:not(:focus) { background-color: $color__red; @@ -19,39 +23,9 @@ padding: 0rem; } .wpcf7-form { - .wpcf7-submit { - margin-left: 1rem; - } - .wpcf7-spinner { - margin: 0 -24px 0 0; - } -} - -.wpcf7-list-item-label { - margin: 0 0.3rem; -} - -/* styles applied if written in wp backend - * class="contactform contactform-WHATEVER" - * */ -.contactform { - margin-bottom: 1rem; - br { - display: none; - } - p { - display: block; - break-inside: avoid-column; - margin-top: 0; - } - .break-after-column, .saltar-columna{ - break-after:column; - } -} -.contactform-consultoria { - .contactform-name, .contactform-email { - max-width: 40%; - display: inline-block; + .contactform-name, .wpcf7-form .contactform-email { + max-width: 40%; + display: inline-block; } .contactform-name { float: left; @@ -62,54 +36,16 @@ } .contactform-message { } -} -.contactform-acceptance { - display: flex; - align-items: center; - justify-content: end; -} -.contactform-fund-info { - display: inline-block; - column-count: 2; - column-gap: 2em; - width: 100%; - .contactform-descripcio textarea { - display: inline-block; - min-height: 15.5em; + + .contactform-acceptance { + display: flex; + align-items: center; + justify-content: end; + } + .wpcf7-submit { + margin-left: 1rem; + } + .wpcf7-spinner { + margin: 0 -24px 0 0; } } -.contactform-fund-options { - display: flex; - justify-content: space-between; - p{ - display: inline-block; - } - .wpcf7-list-item { - display:block; - label { - display: flex; - flex-direction: row-reverse; - justify-content: left; - } - } - .wpcf7-form-control-wrap { - &[data-name="oferta-data-start"],&[data-name="oferta-data-end"] { - display: block; - input[type="date"] { - width: auto; - background-color: $color__white; - } - &::before { - display: inline-block; - width: 2rem; - } - } - &[data-name="oferta-data-start"]::before { - content:"inici: "; - } - &[data-name="oferta-data-end"]::before { - content:"fi: "; - } - } -} - diff --git a/sass/style.scss b/sass/style.scss index 432e8b7..4521db1 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,22 +1,22 @@ /* -Theme Name: XarxaProd.cat 2024 -Theme URI: https://git.hangar.org/xarxaprod/ -Author: Hangar.org Tech Lab - hangar.org -Author URI: https://hangar.org -Description: theme for the XarxaProd. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla vanderpla.com. Coding template and theme by Jorge - vitrubio.net -Version: 1.0.7 -Tested up to: 6.2 -Requires PHP: 7.4 -License: GNU General Public License v3 or later -License URI: https://www.gnu.org/licenses/gpl-3.0.html +Theme Name: Xarxaprod theme +Theme URI: http://underscores.me/ +Author: jorge-vitrubio.net +Author URI: https://vitrubio.net +Description: theme for the Xarxaprod.cat +Version: 1.0.0 +Tested up to: 5.4 +Requires PHP: 5.6 +License: GNU General Public License v2 or later +License URI: LICENSE Text Domain: xarxaprod -Tags: custom-logo, custom-menu, search,custom post-type, translation-ready +Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. -The Xarxaprod.cat theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. +Xarxaprod theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of diff --git a/style.css b/style.css index ef7f919..634e670 100644 --- a/style.css +++ b/style.css @@ -1,22 +1,22 @@ /* -Theme Name: XarxaProd.cat 2024 -Theme URI: https://git.hangar.org/xarxaprod/ -Author: Hangar.org Tech Lab - hangar.org -Author URI: https://hangar.org -Description: theme for the XarxaProd. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla vanderpla.com. Coding template and theme by Jorge - vitrubio.net -Version: 1.0.7 -Tested up to: 6.2 -Requires PHP: 7.4 -License: GNU General Public License v3 or later -License URI: https://www.gnu.org/licenses/gpl-3.0.html +Theme Name: Xarxaprod theme +Theme URI: http://underscores.me/ +Author: jorge-vitrubio.net +Author URI: https://vitrubio.net +Description: theme for the Xarxaprod.cat +Version: 1.0.0 +Tested up to: 5.4 +Requires PHP: 5.6 +License: GNU General Public License v2 or later +License URI: LICENSE Text Domain: xarxaprod -Tags: custom-logo, custom-menu, search,custom post-type, translation-ready +Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. -The Xarxaprod.cat theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. +Xarxaprod theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of @@ -403,30 +403,12 @@ input, select, optgroup, textarea { - color: #202020; + color: #000; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.3; } -.hide { - display: inline-block; - margin: 0; - padding: 0; - min-width: unset; - max-width: unset; - width: 0; - min-height: unset; - max-height: unset; - height: 0; - font-size: 0; - line-height: 0px; - text-decoration: none; - border: 0; - background: none; - background-color: transparent; -} - @media screen { h1, @@ -434,86 +416,43 @@ textarea { h3, h4, h5, - h6, - .h1, - .h2, - .h3, - .h4, - .h5, - .h6 { + h6 { + font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; clear: both; line-height: 1.1; } - h1, - .h1 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + h1 a, + h2 a, + h3 a, + h4 a, + h5 a, + h6 a { + text-decoration: none; + } + + h1 { font-size: 1.8rem; - text-transform: uppercase; } - h1.small, - .h1.small { + h2 { font-size: 1.5rem; } - h2, - .h2 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.5rem; - text-transform: uppercase; - } - - h2.small, - .h2.small { - font-size: 1.2rem; - } - - h3, - .h3 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + h3 { font-size: 1.3rem; - text-transform: uppercase; } - h3.small, - .h3.small { - font-size: 1rem; - } - - h4, - .h4 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + h4 { font-size: 1.2rem; - text-transform: uppercase; } - h4.small, - .h4.small { - font-size: 0.9rem; - } - - h5, - .h5 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.1rem; - text-transform: uppercase; - } - - h5.small, - .h5.small { - font-size: 0.8rem; - } - - h6, - .h6 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + h5 { font-size: 1.1rem; } - h6.small, - .h6.small { - font-size: 0.8rem; + h6 { + font-size: 1.1rem; } .site-main h1, @@ -522,23 +461,15 @@ textarea { .site-main h4, .site-main h5, .site-main h6, - .site-main .h1, - .site-main .h2, - .site-main .h3, - .site-main .h4, - .site-main .h5, - .site-main .h6, .site-main .entry-content { margin: 0; } - .single h1, - .single .h1 { + .single h1 { font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - .home-featured h2, - .home-featured .h2 { + .home-featured h2 { margin: 1.2rem 0; font-size: 2rem; line-height: 1.2; @@ -548,79 +479,32 @@ textarea { @media screen and (min-width: 48em) { - h1, - .h1 { + h1 { font-size: 3.5rem; } - h2, - .h2 { + h2 { font-size: 2.5rem; } - h3, - .h3 { + h3 { + font-size: 2rem; + } + + h4 { + font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1.7rem; + } + + h5 { font-size: 1.5rem; } - h4, - .h4 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.3rem; + h6 { + font-size: 1.5rem; } - h5, - .h5 { - font-size: 1.3rem; - } - - h6, - .h6 { - font-size: 1.3rem; - } - - .home-featured h2, - .home-featured .h2 { - font-size: 3.5rem; - border-bottom: 0.8rem solid #000; - } -} - -@media screen and (min-width: 1440px) { - - h1, - .h1 { - font-size: 3.5rem; - } - - h2, - .h2 { - font-size: 2.5rem; - } - - h3, - .h3 { - font-size: 1.6rem; - } - - h4, - .h4 { - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.4rem; - } - - h5, - .h5 { - font-size: 1.4rem; - } - - h6, - .h6 { - font-size: 1.4rem; - } - - .home-featured h2, - .home-featured .h2 { + .home-featured h2 { font-size: 3.5rem; border-bottom: 0.8rem solid #000; } @@ -723,7 +607,11 @@ Add your custom styles in this file so it is easier to update the theme. /* Elements --------------------------------------------- */ body { - background: #fff; + background: none; + background-image: url(./assets/img/background-colors-02.jpg); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; } hr { @@ -762,96 +650,47 @@ dd { padding: 0; } -article:not(.type-post) .xarxaprod-label { +.xarxaprod-label { margin: 0; padding: 0; display: inline; } -article:not(.type-post) .xarxaprod-label li { +.xarxaprod-label li { display: inline-block; - margin: 0.1em 0; - padding: 0.2em 0.2em 0 0.2em; + margin: 0.1rem; + padding: 0 0.2rem; color: #fff; background-color: #000; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 0.7rem; - text-transform: uppercase; } -article:not(.type-post) .item-os_fund_target li { +.item-os_fund_target li { background-color: #ff8d76; } -article:not(.type-post) .item-os_fund_source li { +.item-os_fund_source li { background-color: #5bcee8; } -article:not(.type-post) .item-os_fund_field li { +.item-os_fund_field li { background-color: #f6cc4c; } -article:not(.type-post) .item-os_fund_dates li { +.item-os_fund_dates li { background-color: #69ed82; } -article:not(.type-post) .item-os_fund_call { +.item-os_fund_call { display: block; - margin: 0.2rem 0; + margin: 0.2rem 0.1rem; } -article:not(.type-post) .item-os_fund_call li { +.item-os_fund_call li { font-size: 1.2rem; } -article:not(.type-post) .item-os_fund_apply_text { - display: inline-block; - margin: 0.1em 0; - padding: 0.2em 0.2em 0 0.2em; - color: #fff; - background-color: #69ed82; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 0.7rem; - text-transform: uppercase; -} - -.xarxaprod-faqs-types ul { - margin: 0; -} - -.xarxaprod-faqs-types .cat-item { - display: inline-block; - margin: 0.1em 0.5em 0.1em 0; - padding: 0.2em 0.2em 0 0.2em; - color: #fff; - background-color: #000; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1.1rem; - text-transform: uppercase; -} - -.xarxaprod-faqs-types .current-cat { - background-color: #ff8d76; -} - -.xarxaprod-faqs-types a { - color: #fff; - text-decoration: none; -} - -.xarxaprod-faqs-types a:visited, -.xarxaprod-faqs-types a:hover { - color: #fff; -} - -.single-xarxaprod-ajut article:not(.type-post) .xarxaprod-label li { - font-size: 1.1rem; -} - -.single-xarxaprod-ajut article:not(.type-post) .item-os_fund_apply_text { - font-size: 1.1rem; -} - /* Make sure embeds and iframes fit their containers. */ embed, iframe, @@ -880,7 +719,7 @@ a { } a:visited { - color: #111; + color: #000; } a:hover, @@ -909,6 +748,70 @@ a.button { text-decoration: none; } +.home-featured .category-faq, +.home-featured .type-xarxaprod-ajut, +.archive-posts .category-faq, +.archive-posts .type-xarxaprod-ajut { + position: relative; + padding-bottom: 4rem; +} + +.home-featured .category-faq .entry-title a::after, +.home-featured .type-xarxaprod-ajut .entry-title a::after, +.archive-posts .category-faq .entry-title a::after, +.archive-posts .type-xarxaprod-ajut .entry-title a::after { + content: "+"; + position: absolute; + bottom: 0; + left: 0; + width: 3rem; + height: 3rem; + padding: 0 0.38rem; + border: 1px solid #000; + font-size: 4rem; + line-height: 0.8; +} + +.home-featured .category-faq .entry-title a:hover::after, +.home-featured .type-xarxaprod-ajut .entry-title a:hover::after, +.archive-posts .category-faq .entry-title a:hover::after, +.archive-posts .type-xarxaprod-ajut .entry-title a:hover::after { + content: ">"; + padding: 0 0.38rem; + font-size: 2.5rem; + line-height: 1.3; +} + +.home-featured .category-faq .entry-title a::before, +.archive-posts .category-faq .entry-title a::before { + content: "accedir"; + position: absolute; + bottom: 1em; + left: 0.5em; + font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 1rem; + line-height: 0; +} + +.home-featured .category-faq .entry-title a::after, +.archive-posts .category-faq .entry-title a::after { + content: "+"; + width: 8rem; + height: 2rem; + padding: 0 0.5rem; + text-align: right; + font-size: 2.5rem; + line-height: 0.7; +} + +.home-featured .category-faq .entry-title a:hover::after, +.archive-posts .category-faq .entry-title a:hover::after { + content: ">"; + padding: 0 0.1rem; + font-size: 1.5rem; + line-height: 1.2; +} + /* Forms --------------------------------------------- */ button, @@ -920,11 +823,10 @@ input[type="submit"], border: 1px solid; border-color: #000; border-radius: 0; - background: #fff; + background: none; color: #000; line-height: 1; padding: 0.6em 1em 0.4em; - text-transform: uppercase; } button:hover, @@ -948,123 +850,24 @@ input[type="submit"]:focus, .button:focus, .wp-block-button__link:active, .wp-block-button__link:focus { - border-color: #333; -} - -.button-more { - line-height: 2.5; + border-color: #222; } .button-more::after { content: "+"; display: inline-block; - width: 2rem; + width: 1.5rem; + height: 2rem; + padding: 0 0.5rem; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; - text-align: right; } .button-more:hover::after { content: ">"; - font-size: 1rem; -} - -.home-featured .more-link, -.archive-posts .more-link { - position: relative; -} - -.home-featured .more-link .button-more, -.archive-posts .more-link .button-more { - border: none; -} - -.home-featured .more-link .button-more::after, -.archive-posts .more-link .button-more::after { - content: "+"; - position: absolute; - display: flex; - align-items: center; - justify-content: center; - width: 3rem; - height: 3rem; - bottom: 0; - left: 0; - padding: 0; - border: 1px solid #000; - font-size: 4rem; - line-height: inherit; -} - -.home-featured .more-link .button-more:hover::after, -.archive-posts .more-link .button-more:hover::after { - content: ">"; - padding: 0; - font-size: 2.5rem; - line-height: inherit; -} - -.category-faq .more-link .button-more::before { - content: "accedir"; - position: absolute; - bottom: 1em; - left: 0.5em; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 1rem; - line-height: 0; -} - -.category-faq .more-link .button-more::after { - content: "+"; - display: inline-block; - width: 8rem; - height: 2rem; - padding: 0 0.5rem; - text-align: right; - font-size: 2.5rem; - line-height: 0.7; -} - -.category-faq .more-link .button-more:hover::after { - content: ">"; - padding: 0 0.1rem; - font-size: 1.5rem; - line-height: 1.2; -} - -.xarxaprod-search-form { - display: flex; - margin: 0.5rem 0; -} - -.xarxaprod-search-form .search-field { - padding: 0.5em; -} - -.xarxaprod-search-form .search-submit { - z-index: 10; - margin: 0; - border: none; - width: 2.5rem; - height: 2.5rem; - background: none; - cursor: pointer; - font-size: 0; -} - -.xarxaprod-icon-search::before { - position: absolute; - padding: 0; - margin: 0.2rem 0 0 -1.5rem; - z-index: 0; - min-width: 2.5rem; - min-height: 2.5rem; - font-size: 2rem; - content: "\26b2"; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); + padding-left: 0.2rem; + font-size: 1.2rem; + line-height: 1.5; } input[type="text"], @@ -1083,7 +886,7 @@ input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { - color: #333; + color: #111; background-color: #eee; border: none; border-radius: 0; @@ -1152,22 +955,19 @@ textarea { z-index: 900; top: 0; margin-bottom: 2rem; - background-color: #fff; - box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0); } .site-header .main { display: flex; - flex-flow: column; - align-items: initial; + flex-flow: row; + align-items: center; justify-content: space-around; - padding-left: 1rem; } .site-header .secondary { display: flex; flex-flow: column; - align-items: end; + align-items: center; } .site-main { @@ -1187,25 +987,10 @@ textarea { } } -@media screen and (max-width: 48em) { - - .site-header { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0.5rem 0; - align-items: center; - } -} - @media screen and (min-width: 48em) { .site-header .main { - align-items: center; - } - - .site-header .secondary { - border-top: 1px solid #eee; - align-items: center; + flex-flow: column; } .site-main { @@ -1217,7 +1002,6 @@ textarea { } .single .site-main { - width: 45rem; margin: 0 auto; } @@ -1226,26 +1010,11 @@ textarea { .archive-posts { grid-template-columns: repeat(4, 1fr); } - - .xarxaprod-faqs-aside { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - } - - .xarxaprod-faqs-aside .xarxaprod-search-form:hover, - .xarxaprod-faqs-aside .xarxaprod-search-form:active, - .xarxaprod-faqs-aside .xarxaprod-search-form:focus, - .xarxaprod-faqs-aside .xarxaprod-search-form:target { - flex-grow: 1; - } } @media screen and (min-width: 80em) { .site-header .main { - width: 80em; margin: auto; flex-flow: row; } @@ -1289,15 +1058,48 @@ textarea { padding-left: 0; } - .main-navigation ul ul.sub-menu, - .secondary-navigation ul ul.sub-menu { - padding-top: 0.5rem; - padding-left: 1rem; + .main-navigation ul ul, + .secondary-navigation ul ul { + background-color: #fff; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); + flex-direction: column; + float: left; + position: absolute; + top: 100%; + left: -999em; + z-index: 99999; + } + + .main-navigation ul ul ul, + .secondary-navigation ul ul ul { + left: -999em; + top: 0; + } + + .main-navigation ul ul li:hover > ul, + .main-navigation ul ul li.focus > ul, + .secondary-navigation ul ul li:hover > ul, + .secondary-navigation ul ul li.focus > ul { + left: 30%; + top: 2.5rem; + } + + .main-navigation ul ul a, + .secondary-navigation ul ul a { + width: 200px; + } + + .main-navigation ul li:hover > ul, + .main-navigation ul li.focus > ul, + .secondary-navigation ul li:hover > ul, + .secondary-navigation ul li.focus > ul { + left: auto; } .main-navigation li, .secondary-navigation li { position: relative; + padding: 1rem; } .main-navigation a, @@ -1330,7 +1132,7 @@ textarea { } .secondary-navigation { - padding: 0 1em 1em 0; + padding: 1em 0; } .secondary-navigation ul { @@ -1341,21 +1143,38 @@ textarea { padding: 0.5em 0; } - .secondary-navigation a { - text-transform: uppercase; + .menu-item-has-children::after { + content: ""; + display: inline-block; + position: absolute; + top: 40%; + right: 0.3em; + width: 0.3em; + height: 0.3em; + border: 1px solid #000; + border-top: none; + border-left: none; + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + + .menu-item-has-children:hover::after { + border-color: #666; } /* begin of menu-hidden */ - .toggle-secondary-navigation .show-mobile { + .toogle-secondary-navigation .show-mobile { display: inherit; } - .toggle, - .toggled-menu { + .toogle, + .toogled-menu { display: none; } - .toggle:checked + .toggled-menu { + .toogle:checked + .toogled-menu { display: block; position: absolute; left: 0; @@ -1363,36 +1182,32 @@ textarea { width: 100%; height: 100vh; margin-top: 0; - padding: 0 2rem; + padding: 7em 4em 0 4em; background-color: #fff; } - .toggle-show { + .toogle-show { position: relative; display: inline-block; width: 1.8em; height: 1.4em; margin-right: 0.3em; - border-top: 0.3em solid #000; - border-bottom: 0.3em solid #000; } - .toggle-show::before { + .toogle-show::before { content: ""; position: absolute; top: 0.3em; left: 0; width: 100%; - border-top: 0.3em solid #000; } - .toggle-hide { + .toogle-hide { display: flex; - justify-content: end; - margin-right: -0.5em; + justify-content: center; } - .toggle-hide::after { + .toogle-hide::after { content: "x"; padding: 0; font-size: 3rem; @@ -1402,57 +1217,10 @@ textarea { /* end of menu hidden*/ /* Small menu. */ + .menu-toggle, .main-navigation.toggled ul { display: block; } - - .main-navigation.toggled .main-navigation-content { - display: inline-block; - position: absolute; - top: 5rem; - left: 0; - width: 100%; - height: calc(100vh - 5rem); - padding: 3rem; - background-color: #fff; - } - - .menu-toggle { - display: inline-block; - width: 10rem; - height: 4rem; - margin: 0; - padding: 0; - font-size: 0; - border: none; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - } -} - -@media screen and (max-width: 47.99em) { - - .site-branding { - display: block; - width: 0; - height: 0; - overflow: hidden; - margin: 0; - padding: 0; - } - - .main-navigation-content { - text-transform: uppercase; - } - - .main-navigation-content li { - padding: 0.5rem 0; - } - - .secondary-navigation-content { - padding: 4rem 2rem; - } } @media screen and (min-width: 48em) { @@ -1471,43 +1239,6 @@ textarea { display: flex; } - .main-navigation ul ul, - .secondary-navigation ul ul { - background-color: #fff; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); - float: left; - position: absolute; - top: 100%; - left: -999em; - z-index: 99999; - } - - .main-navigation ul ul ul, - .secondary-navigation ul ul ul { - left: -999em; - top: 0; - } - - .main-navigation ul ul li:hover > ul, - .main-navigation ul ul li.focus > ul, - .secondary-navigation ul ul li:hover > ul, - .secondary-navigation ul ul li.focus > ul { - display: block; - left: auto; - } - - .main-navigation ul ul a, - .secondary-navigation ul ul a { - width: 200px; - } - - .main-navigation ul li:hover > ul, - .main-navigation ul li.focus > ul, - .secondary-navigation ul li:hover > ul, - .secondary-navigation ul li.focus > ul { - left: auto; - } - .main-navigation a, .secondary-navigation a { padding: 0 0.5rem; @@ -1531,76 +1262,30 @@ textarea { .main-navigation ul { justify-content: end; } - - .main-navigation ul ul.sub-menu { - flex-direction: column; - padding-top: 2rem; - padding-left: 1rem; - padding-bottom: 1rem; - } - - .main-navigation ul ul.sub-menu li { - margin: 0.5rem 0; - } .main-navigation a[href^="http://localhost"], .main-navigation a[href^="http://xarxaprod.cat"], .main-navigation a[href^="https://xarxaprod.cat"] { font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border-left: none; } - .main-navigation a[href^="http://localhost"]::after, - .main-navigation a[href^="http://xarxaprod.cat"]::after, - .main-navigation a[href^="https://xarxaprod.cat"]::after, - .main-navigation .current-menu-item a::after { - display: inline-block; - content: ""; - position: absolute; - left: 5%; - min-height: 2px; - height: 100%; - width: 90%; - margin-top: 2.3em; - border-bottom: 0.3rem solid #000; - } .secondary-navigation { padding: 1.5em 0; } - .menu-item-has-children::after { - content: ""; - display: inline-block; - position: absolute; - top: 40%; - right: 0.3em; - width: 0.3em; - height: 0.3em; - border: 1px solid #ccc; - border-top: none; - border-left: none; - -moz-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - } - - .menu-item-has-children:hover::after { - border-color: #666; - } - /* - * css menu toggler - * */ - .toggle-secondary-navigation .show-mobile, - .toggle-secondary-navigation .hide-not-mobile { + * css menu toogler + * */ + .toogle-secondary-navigation .show-mobile, + .toogle-secondary-navigation .hide-not-mobile { display: none; } - .toggled-menu { + .toogled-menu { display: inherit; } - /* end css menu toggler + /* end css menu toogler * */ } @@ -1610,7 +1295,6 @@ textarea { .site-main .post-navigation { margin: 0 0 1.5em; - align-self: end; } .comment-navigation .nav-links, @@ -1628,15 +1312,16 @@ textarea { .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { + text-align: end; flex: 1 0 50%; } @media screen and (min-width: 80em) { - .main-navigation .toggle-sidebar-segona .show-mobile, - .main-navigation .toggle-sidebar-segona .hide-not-mobile, - .secondary-navigation .toggle-sidebar-segona .show-mobile, - .secondary-navigation .toggle-sidebar-segona .hide-not-mobile { + .main-navigation .toogle-sidebar-segona .show-mobile, + .main-navigation .toogle-sidebar-segona .hide-not-mobile, + .secondary-navigation .toogle-sidebar-segona .show-mobile, + .secondary-navigation .toogle-sidebar-segona .hide-not-mobile { display: none; } @@ -1666,7 +1351,7 @@ textarea { .post, .page { - margin: 0 0 5em; + margin: 0 0 1.5em; } .updated:not(.published) { @@ -1684,9 +1369,6 @@ textarea { margin: 0 0 1.5em; } - /* used in - * ./template-parts/section-eachpost.php - * */ .xarxaprod-card-each .entry-title, .xarxaprod-card-each h6 { border-bottom: 1px solid #000; @@ -1699,15 +1381,6 @@ textarea { margin: 0; } - .xarxaprod-card-each .more-link { - display: inline-block; - margin-top: 2rem; - } - - /* used in - * ./template-parts/content-xarxaprod-ajut.php - * ./template-parts/section-eachpost.php - * */ .xarxaprod-fund-info-fields, .xarxaprod-fund-info-contact-fields { display: grid; @@ -1762,111 +1435,30 @@ textarea { font-size: 0.8rem; } - /* filters form custom fields - */ .xarxaprod-filtered-funds { display: grid; - grid: 1fr; + grid-template-columns: 1fr 1fr; } - .xarxaprod-filtered-funds .os_fund_target .filter, - .xarxaprod-filtered-funds .os_fund_source .filter, - .xarxaprod-filtered-funds .os_fund_field .filter { - display: none; - } - - .xarxaprod-filters section { - margin: 1em 0; + .xarxaprod-fund-filter { + display: grid; + grid-template-columns: repeat(1, 1fr); + gap: 1rem; } .archive-posts { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - - .xarxaprod-titol-opcions { - display: inline-block; - width: 100%; - max-width: 13em; - margin-bottom: 0; - margin-bottom: 1rem; - padding: 0.6em 1em 0.4em; - clear: both; - cursor: pointer; - font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 0.9rem; - border: 1px solid #000; - text-transform: uppercase; - } - - .xarxaprod-titol-opcions::after { - content: ">"; - display: inline; - float: right; - } - - .xarxaprod-titol-opcions:hover::after { - transform: rotate(90deg); - animation: rotate 0.5s; - } - - @keyframes rotate { - - 0% { - transform: rotate(0); - } - - 100% { - transform: rotate(90deg); - } - } -} - -@media screen and (max-width: 48em) { - - .post, - .page { - margin: 0 0 1em; - } - - .xarxaprod-filters section { - display: block; - } - - .xarxaprod-filters section h5 { - display: block; - width: 100%; - } - - .xarxaprod-filters section .filter { - display: inline-block; - width: 45%; - margin-top: 0.5rem; - margin-right: 0.3em; - float: left; - } - - .xarxaprod-filters section .filter:last-of-type { - margin-bottom: 2rem; + grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 48em) { - .xarxaprod-filters { - padding-right: 2em; - } - - .xarxaprod-filters section { - margin: 1em 0; - } - .xarxaprod-filtered-funds { grid-template-columns: 1fr 2fr; } .archive-posts { - grid-template-columns: repeat(2, minmax(0, 1fr)); - grid-gap: 3em; + grid-template-columns: repeat(2, 1fr); } } @@ -1877,7 +1469,7 @@ textarea { } .archive-posts { - grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-template-columns: repeat(3, 1fr); } } @@ -2064,8 +1656,6 @@ textarea { /* Contact Form 7 --------------------------------------------- */ - -/* contact forms styles used in wp backend with CF7 */ .wpcf7-not-valid:not(:focus) { background-color: #ff686e; } @@ -2087,6 +1677,27 @@ textarea { padding: 0; } +.wpcf7-form .contactform-name, +.wpcf7-form .wpcf7-form .contactform-email { + max-width: 40%; + display: inline-block; +} + +.wpcf7-form .contactform-name { + float: left; +} + +.wpcf7-form .contactform-email { + float: right; + margin-bottom: 1rem; +} + +.wpcf7-form .contactform-acceptance { + display: flex; + align-items: center; + justify-content: end; +} + .wpcf7-form .wpcf7-submit { margin-left: 1rem; } @@ -2095,109 +1706,6 @@ textarea { margin: 0 -24px 0 0; } -.wpcf7-list-item-label { - margin: 0 0.3rem; -} - -/* styles applied if written in wp backend - * class="contactform contactform-WHATEVER" - * */ -.contactform { - margin-bottom: 1rem; -} - -.contactform br { - display: none; -} - -.contactform p { - display: block; - break-inside: avoid-column; - margin-top: 0; -} - -.contactform .break-after-column, -.contactform .saltar-columna { - break-after: column; -} - -.contactform-consultoria .contactform-name, -.contactform-consultoria .contactform-email { - max-width: 40%; - display: inline-block; -} - -.contactform-consultoria .contactform-name { - float: left; -} - -.contactform-consultoria .contactform-email { - float: right; - margin-bottom: 1rem; -} - -.contactform-acceptance { - display: flex; - align-items: center; - justify-content: end; -} - -.contactform-fund-info { - display: inline-block; - column-count: 2; - column-gap: 2em; - width: 100%; -} - -.contactform-fund-info .contactform-descripcio textarea { - display: inline-block; - min-height: 15.5em; -} - -.contactform-fund-options { - display: flex; - justify-content: space-between; -} - -.contactform-fund-options p { - display: inline-block; -} - -.contactform-fund-options .wpcf7-list-item { - display: block; -} - -.contactform-fund-options .wpcf7-list-item label { - display: flex; - flex-direction: row-reverse; - justify-content: left; -} - -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"], -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"] { - display: block; -} - -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"] input[type="date"], -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"] input[type="date"] { - width: auto; - background-color: #fff; -} - -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"]::before, -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"]::before { - display: inline-block; - width: 2rem; -} - -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-start"]::before { - content: "inici: "; -} - -.contactform-fund-options .wpcf7-form-control-wrap[data-name="oferta-data-end"]::before { - content: "fi: "; -} - /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ @@ -2220,7 +1728,7 @@ textarea { } .screen-reader-text:focus { - background-color: #fff; + background-color: none; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important;