/*
Theme Name: FON Theme 2024
Theme URI: http://example.com/twenty-twenty-one-child/
Description: Twenty Twenty-One Child Theme
Author: Dirk Tau
Author URI: http://example.com
Template: twentytwentyone
Version: 1.0.0
*/
/* Add your custom styles here */
/* Variables */
:root {
/* Font Family */
/* --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);*/
--global--font-primary: var(--font-headings, Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
/* --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);*/
--global--font-secondary: var(--font-base, Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--responsive--alignwide-width: min(calc(100vw - 8* var(--global--spacing-horizontal)), 1428px);
--responsive--alignwide-width: min(calc(100vw - 1* var(--global--spacing-horizontal)), 1428px);
/* Font Size */
--global--font-size-base: 1rem;
--global--font-size-xs: 1rem;
--global--font-size-sm: 1.125rem;
--global--font-size-md: 1.25rem;
--global--font-size-lg: 1.5rem;
--global--font-size-xl: 2.25rem;
--global--font-size-xxl: 4rem;
--global--font-size-xxxl: 5rem;
--global--font-size-page-title: var(--global--font-size-xxl);
--global--font-size-page-title: var(--global--font-size-xl);
--global--letter-spacing: normal;
/* Line Height */
--global--line-height-body: 1.7;
--global--line-height-heading: 1.3;
--global--line-height-page-title: 1.1;
/* Headings */
--heading--font-family: var(--global--font-primary);
--heading--font-size-h6: var(--global--font-size-xs);
--heading--font-size-h5: var(--global--font-size-sm);
--heading--font-size-h4: var(--global--font-size-lg);
--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
--heading--font-size-h2: var(--global--font-size-xl);
--heading--font-size-h1: var(--global--font-size-page-title);
--heading--letter-spacing-h6: 0.05em;
--heading--letter-spacing-h5: 0.05em;
--heading--letter-spacing-h4: var(--global--letter-spacing);
--heading--letter-spacing-h3: var(--global--letter-spacing);
--heading--letter-spacing-h2: var(--global--letter-spacing);
--heading--letter-spacing-h1: var(--global--letter-spacing);
--heading--line-height-h6: var(--global--line-height-heading);
--heading--line-height-h5: var(--global--line-height-heading);
--heading--line-height-h4: var(--global--line-height-heading);
--heading--line-height-h3: var(--global--line-height-heading);
--heading--line-height-h2: var(--global--line-height-heading);
--heading--line-height-h1: var(--global--line-height-page-title);
--heading--font-weight: 700;
--heading--font-weight-page-title: 300;
--heading--font-weight-strong: 700;
/* Block: Latest posts */
--latest-posts--title-font-family: var(--heading--font-family);
--latest-posts--title-font-size: var(--heading--font-size-h3);
--latest-posts--description-font-family: var(--global--font-secondary);
--latest-posts--description-font-size: var(--global--font-size-sm);
--list--font-family: var(--global--font-secondary);
--definition-term--font-family: var(--global--font-primary);
/* Colors */
--global--color-black: #000;
--global--color-dark-gray: #28303d;
--global--color-gray: #39414d;
--global--color-light-gray: #f0f0f0;
--global--color-green: #d1e4dd;
--global--color-blue: #d1dfe4;
--global--color-purple: #d1d1e4;
--global--color-red: #e4d1d1;
--global--color-orange: #e4dad1;
--global--color-yellow: #eeeadd;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.9);
--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
--global--color-secondary: var(--global--color-gray); /* Headings */
--global--color-primary-hover: var(--global--color-primary);
--global--color-background: var(--global--color-green); /* Mint, default body background */
--global--color-border: var(--global--color-primary); /* Used for borders (separators) */
--global--color-fongiving: #82BF3C;
/* Spacing */
--global--spacing-unit: 20px;
--global--spacing-measure: unset;
--global--spacing-horizontal: 33px;
--global--spacing-vertical: 40px;
/* Elevation */
--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
/* Forms */
--form--font-family: var(--global--font-secondary);
--form--font-size: var(--global--font-size-sm);
--form--line-height: var(--global--line-height-body);
--form--color-text: var(--global--color-dark-gray);
--form--color-ranged: var(--global--color-secondary);
--form--label-weight: 500;
--form--border-color: var(--global--color-secondary);
--form--border-width: 3px;
--form--border-radius: 0;
--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
/* Cover block */
--cover--height: calc(15 * var(--global--spacing-vertical));
--cover--color-foreground: var(--global--color-white);
--cover--color-background: var(--global--color-black);
/* Buttons */
--button--color-text: var(--global--color-background);
--button--color-text-hover: var(--global--color-secondary);
--button--color-text-active: var(--global--color-secondary);
--button--color-background: var(--global--color-secondary);
--button--color-background-active: var(--global--color-background);
--button--font-family: var(--global--font-primary);
--button--font-size: var(--global--font-size-base);
--button--font-weight: 500;
--button--line-height: 1.5;
--button--border-width: 1px;
--button--border-radius: 100px;
--button--padding-vertical: 15px;
--button--padding-horizontal: calc(2 * var(--button--padding-vertical));
/* entry */
--entry-header--color: var(--global--color-primary);
--entry-header--color-link: currentColor;
--entry-header--color-hover: var(--global--color-primary-hover);
--entry-header--color-focus: var(--global--color-secondary);
--entry-header--font-size: var(--heading--font-size-h2);
--entry-content--font-family: var(--global--font-secondary);
--entry-author-bio--font-family: var(--heading--font-family);
--entry-author-bio--font-size: var(--heading--font-size-h4);
/* Header */
--branding--color-text: var(--global--color-primary);
--branding--color-link: var(--global--color-primary);
--branding--color-link-hover: var(--global--color-secondary);
--branding--title--font-family: var(--global--font-primary);
--branding--title--font-size: var(--global--font-size-lg);
--branding--title--font-size-mobile: var(--heading--font-size-h4);
--branding--title--font-weight: normal;
--branding--title--text-transform: uppercase;
--branding--description--font-family: var(--global--font-secondary);
--branding--description--font-size: var(--global--font-size-sm);
--branding--logo--max-width: 300px;
--branding--logo--max-height: 100px;
--branding--logo--max-width-mobile: 96px;
--branding--logo--max-height-mobile: 96px;
/* Main navigation */
--primary-nav--font-family: var(--global--font-secondary);
--primary-nav--font-family-mobile: var(--global--font-primary);
/*--primary-nav--font-size: var(--global--font-size-md);*/
--primary-nav--font-size: var(--global--font-size-base);
--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
--primary-nav--font-size-mobile: var(--global--font-size-sm);
--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
--primary-nav--font-size-button: var(--global--font-size-xs);
--primary-nav--font-style: normal;
--primary-nav--font-style-sub-menu-mobile: normal;
--primary-nav--font-weight: normal;
--primary-nav--font-weight-button: 500;
--primary-nav--color-link: var(--global--color-primary);
--primary-nav--color-link-hover: var(--global--color-primary-hover);
--primary-nav--color-text: var(--global--color-primary);
--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
--primary-nav--border-color: var(--global--color-primary);
/* Pagination */
--pagination--color-text: var(--global--color-primary);
--pagination--color-link-hover: var(--global--color-primary-hover);
--pagination--font-family: var(--global--font-secondary);
--pagination--font-size: var(--global--font-size-lg);
--pagination--font-weight: normal;
--pagination--font-weight-strong: 600;
/* Footer */
--footer--color-text: var(--global--color-primary);
--footer--color-link: var(--global--color-primary);
--footer--color-link-hover: var(--global--color-primary-hover);
--footer--font-family: var(--global--font-primary);
--footer--font-size: var(--global--font-size-sm);
/* Block: Pull quote */
--pullquote--font-family: var(--global--font-primary);
--pullquote--font-size: var(--heading--font-size-h3);
--pullquote--font-style: normal;
--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
--pullquote--line-height: var(--global--line-height-heading);
--pullquote--border-width: 3px;
--pullquote--border-color: var(--global--color-primary);
--pullquote--color-foreground: var(--global--color-primary);
--pullquote--color-background: var(--global--color-background);
--quote--font-family: var(--global--font-secondary);
--quote--font-size: var(--global--font-size-md);
--quote--font-size-large: var(--global--font-size-xl);
--quote--font-style: normal;
--quote--font-weight: 700;
--quote--font-weight-strong: bolder;
--quote--font-style-large: normal;
--quote--font-style-cite: normal;
--quote--line-height: var(--global--line-height-body);
--quote--line-height-large: 1.35;
--separator--border-color: var(--global--color-border);
--separator--height: 1px;
/* Block: Table */
--table--stripes-border-color: var(--global--color-light-gray);
--table--stripes-background-color: var(--global--color-light-gray);
--table--has-background-text-color: var(--global--color-dark-gray);
/* Widgets */
--widget--line-height-list: 1.9;
--widget--line-height-title: 1.4;
--widget--font-weight-title: 700;
--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
/* Admin-bar height */
--global--admin-bar--height: 0px;
}
/* -A- Banner */
@media only screen and (max-width: 1024px) {
#bannerDesktop {
display: none !important;
}
}
@media only screen and (min-width: 1025px) {
#bannerCellphone {
display: none !important;
}
}
/* -E- Banner */
.admin-bar {
--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar {
--global--admin-bar--height: 46px;
}
}
@media only screen and (min-width: 652px) {
:root {
--global--font-size-xl: 2.5rem;
--global--font-size-xxl: 6rem;
--global--font-size-xxxl: 9rem;
--heading--font-size-h3: 2rem;
--heading--font-size-h2: 3rem;
--heading--font-size-h2: 2rem;
}
}
html {
font-size: 16px;
font-family: 'Poppins', sans-serif;-header {
display: none;
}
}
body {
/* background-color: #F5F4F2;*/
background-color: #FFF;
}
#load-more {
width: 200px;
display: inline-block;
max-width: 200px;
margin: 1rem auto 2rem;
}
div#page {
margin-top: 116px;
}
body.page-id-1700 #page {
margin-top: 0;
}
body.page-id-1700 .wp-block-group .main-navigation {
margin-bottom: 0;
}
.show-on-hover {
display: none;
justify-content: center;
align-items: center;
background-color: #000000aa;
color: #fff;
position: absolute;
bottom: 0;
width: 100%;
padding: 0.5rem;
font-size: 0.8rem;
gap: 0.5rem;
}
.show-on-hover button {
padding: .25rem;
font-size: 0.8rem;
border: 1px solid #fff;
}
.show-on-hover button:hover {
background-color: #fff;
color: #000;
}
body.page-id-1700 header.page-header.alignwide {
display: none;
}
body.page-id-1700 #mapModal {
display: none!important;
}
#mapModal.open {
top: 116px;
transition: top 250ms ease-out;
}
body.page-id-1700 .metaslider a.button {
visibility: hidden;
}
article.article-projects {
background-color: #fff;
margin: 9px 0;
padding: 20px 40px;
justify-content: space-between;
border-radius: 12px;
}
article.article-projects header.entry-header {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding-bottom: 0;
border: none;
gap: 0.5rem;
}
article.article-projects header.entry-header .partner-logo {
width: 100px;
height: auto;
max-width: 100px;
min-height: 100px;
min-width: 100px;
align-items: center;
display: flex;
}
article.article-projects header.entry-header .partner-button-holder {
display:flex;align-items:center;justify-content:end;gap:20px; margin:0
}
article.article-projects header.entry-header .partner-logo-wrap {
display:flex;
align-items:center;
gap:1rem;
margin:0
}
/*body.page-id-1700 .wp-block-group {
margin-top: 0;
margin-bottom: 0;
}*/
body.page-id-1700 .projects-gris-bg {
padding-bottom: 60px;
padding-top: 0;
}
.partners-sin-mas {
padding-bottom: 0 ;
margin-bottom: 0;
}
.partners-sin-mas a.boton.gris {
display: none;
}
.partners-sin-mas a.boton.gris.to-partner {
display: inline-block;
padding-right: 3rem;
position: relative;
}
.partners-sin-mas a.boton.gris.to-partner::after {
content: "";
background-image: url('data:image/svg+xml,<svg fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6.4 18-1.4-1.4 9.6-9.6h-8.6v-2h12v12h-2v-8.6z" fill="%231c1b1f"/></svg>');
height: 1rem;
width: 1rem;
background-repeat: no-repeat;
background-size: cover;
display: block;
position: absolute;
right: 1rem;
top: 50%;
bottom: 0;
transform: translateY(-50%);
}
.partners-sin-mas a.boton.gris.to-partner:hover::after {
content: "";
background-image: url('data:image/svg+xml,<svg fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6.4 18-1.4-1.4 9.6-9.6h-8.6v-2h12v12h-2v-8.6z" fill="%23ffffff"/></svg>');
}
.photo-dark-bg {
background-color: #0B112F;
}
.solo-lector {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.radius-top img {
border-radius: 20px 20px 0 0;
}
.wp-block-columns.border-radius .wp-block-column,
.wp-block-columns.border-radius .wp-block-group {
border-radius: 20px !important;
}
/*body.home {
background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 400px, rgba(245,244,242,1) 400px, rgba(245,244,242,1) 100%) !important;
background-repeat: repeat-x;
background-size: auto;
background-position: 0% 0%;
}*/
h1.wp-block.wp-block-post-title.block-editor-block-list__block.editor-post-title.editor-post-title__input.rich-text {
color: #ccc;
}
#main {
padding-top: 0;
padding-bottom: 0;
}
article.has-post-thumbnail figure.post-thumbnail {
margin: 0;
width: 100%;
position: relative;
}
article.has-post-thumbnail figure.post-thumbnail img {
margin: 0;
}
:where(.editor-styles-wrapper) .wp-block {
max-width: var(--responsive--alignwide-width);
}
#breadcrumbs {
font-size: 12px;
margin: 0 auto 12px;
padding: 12px 0;
/* padding: 0.25rem 0; */
}
#partnerSupport a {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
position: relative;
margin: auto;
color: var(--Color-Basic-Color-white, #FFF);
text-align: center;
/* Body lg/Desktop, Semibold, 600 */
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */
text-decoration: none;
}
#breadcrumbs a:focus {
color: #1c1b1a
}
/*section#block-10::after {
content: "";
width: 100%;
height: 100%;
background-color: #F5F4F2;
}*/
/*.map-modal-content :where(.wp-block-columns.is-layout-flex),
body.projects-template-default :where(.wp-block-columns.is-layout-flex) {
gap: 10px;
}
.map-modal-content.wp-block-columns .wp-block-column:last-child > *:first-child,
body.projects-template-default .wp-block-columns .wp-block-column:last-child > *:first-child {
margin-bottom: 10px;
}
.map-modal-content .wp-block-columns .wp-block-column:last-child > *:last-child,
body.projects-template-default .wp-block-columns .wp-block-column:last-child > *:last-child {
margin-top: 10px;
}*/
.photo-grid-item-map {
overflow: hidden;
aspect-ratio: 0.75;
}
.photo-grid-item-map,
.photo-grid-item-map a,
.photo-grid-item-map a img {
border-radius: 20px;
}
#expPag * {
color: #fff;
}
.photo-grid-map {
display: grid;
grid-gap: 1rem; /* Espacio entre Ãtems */
grid-template-columns: 1fr; /* Por defecto: 1 columna */
margin: 0;
padding: 0;
list-style: none;
}
.photo-grid-item-map img {
width: 100%;
height: auto;
display: block;
}
/* Tablet: 2 columnas */
@media (min-width: 768px) {
.photo-grid-map {
grid-template-columns: repeat(2, 1fr);
}
}
/* Escritorio: 4 columnas */
@media (min-width: 1024px) {
.photo-grid-map {
grid-template-columns: repeat(4, 1fr);
}
}
/*---*/
.projects-image-box {
display: grid !important;
grid-template-columns: 67% 31.5%;
gap: 20px;
margin-bottom: 60px;
}
@media(max-width: 490px){
.projects-image-box {
display: block !important;
}
}
/* Columna izquierda con proporción 4:3 */
.projects-image-box .wp-block-column:first-child {
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
position: relative;
}
.projects-image-box .wp-block-column:first-child figure {
margin: 0;
width: 100%;
height: 100%;
}
/* Columna derecha: grid interno de 2 filas iguales */
.projects-image-box .wp-block-column:last-child {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 20px; /* Espacio entre filas */
height: 100%; /* Igualar la altura a la columna izquierda */
}
.projects-image-box .wp-block-column:last-child figure {
margin: 0;
width: 100%;
height: 100%;
}
/* Aseguramos que las imágenes cubran su contenedor manteniendo la proporción */
.projects-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 12px;
object-position: left;
}
body:not(.home) .entry-content > div.wp-block-group:first-of-type .wp-block-group__inner-container {
max-width: 50% !important;
margin: 0 !important;
}
#breadcrumbs > span {
display: flex;
gap: 8px;
/* border-bottom: 1px solid #EBE9E4; */
padding: 0.5rem 0;
}
#breadcrumbs > span a {
text-decoration: none;
}
.flexer {
display: flex;
}
.flexer.space-between {
justify-content: space-between;
}
.flexer.column {
flex-direction: column;
}
.flexer.align-bottom {
align-items: flex-end;
}
/* Por defecto ocultamos el slideshow */
.entry-content .el-modal {
position: fixed;
left: 0;
right: 0;
width: 100%;
background-color: #000000cc;
transition: top 0.3s ease-out;
z-index: 999;
top: 100%;
margin: 0;
max-width: 100% !important;
bottom: 0;
}
#load-more-images {
background-color: transparent;
padding: 16px 20px;
color: #fff;
font-size: 20px;
font-weight: 600;
border: 1px solid #fff;
border-radius: 100px;
min-width: 327px;
}
#load-more-images:hover {
background-color: #fff;
color: #1c1b1a;
}
/* Oculta scrollbars */
body:has(#showSlideshow:checked) {
overflow: hidden;
}
/* Opcional: para ocultar por completo la barra en WebKit */
body:has(#showSlideshow:checked)::-webkit-scrollbar {
display: none;
}
/* Opcional: para Firefox */
body:has(#showSlideshow:checked) {
scrollbar-width: none;
}
.photo-button-holder label[for=showSlideshow] {
cursor: pointer;
background-color: #fff;
font-size: 20px;
font-weight: 600;
padding: 16px 20px;
border: 1px solid #fff;
color: #1c1b1a;
border-radius: 100px;
min-width: 327px;
text-align: center;
}
.photo-button-holder label[for=showSlideshow]:hover {
background-color: transparent;
color: #fff;
}
/* Cuando el checkbox está checked, se muestra el slideshow */
#showSlideshow:checked ~ .entry-content .el-modal {
transition: top 0.3s ease-out;
top: 0;
left: 0;
right: 0;
width: 100%;
}
.el-modal label {
display: flex;
font-size: 2rem;
background-color: #fff;
border-radius: 100px;
cursor: pointer;
color: #000;
height: 2rem;
width: 2rem;
margin: 0.5rem;
justify-content: center;
align-items: center;
padding: 1rem;
position: absolute;
right: 0;
z-index: 999;
}
.el-modal label:hover {
color: #fff;
background-color: #000;
}
/*.photo-text-top {
max-width: 90ch;
}*/
.expedition-block-preview {
background-color: #f8ba0024;
padding: 20px;
}
.photo-pagination {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.single .site-main > article > .entry-footer {
border: none;
}
.photo-pagination figure {
aspect-ratio: 0.75;
overflow: hidden;
border-radius: 20px;
}
.photo-pag-preview {
background-size: cover;
height: 100%;
border-radius: 20px;
background-repeat: no-repeat;
background-position: top left;
position: relative;
}
p.address {
white-space: pre-wrap;
}
.address-text {
padding-top: 40px;
}
.exp-post-link {
text-decoration: none;
}
.exp-post-link:hover {
text-decoration: underline;
}
.exp-post-link .photo-pag-preview::before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:inherit;
transition: transform 250ms ease-out ;
transform-origin: top left;
}
.exp-post-link:hover .photo-pag-preview::before {
transform: scale(1.1);
transition: transform 250ms ease-out ;
transform-origin: top left;
}
span.exp-date {
text-align: right;
}
.photo-grid-item {
/*aspect-ratio: 0.953;*/
aspect-ratio: 1.333333;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
cursor: pointer;
}
.photo-copy-right {
color: #D7DDFB !important;
font-size: 13px;
margin-top: 12px;
}
.photo-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
}
/*.photo-grid-item img {
object-fit: none;
object-position: center center;
}*/
.photo-button-holder {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
align-items: baseline;
margin-bottom: 40px;
margin-top: 40px;
}
.menu-first a {
font-weight: 700;
}
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),.default-max-width {
max-width: var(--responsive--alignwide-width);
}
.dark-bg {
background-color: #1c1b1a;
padding: 1rem;
/* margin-top: 1rem; */
}
.projects-gris-bg {
background-color: #F5F4F2;
padding-bottom: 100px;
}
.light-bg {
background-color: #fff;
padding: 1rem;
margin-top: 1rem;
}
div#the_year_of_giving {
font-size: 46px;
font-weight: 700;
}
button#closeModal {
background: transparent;
padding: 0;
}
button#closeModal:hover svg path#path1 {
fill: #fff !important;
}
button#closeModal:hover svg path#path2 {
fill: #3957ec !important;
}
.wp-block-spacer {
margin: 0;
}
a[target=_blank]::after {
content: "";
background-image: url('data:image/svg+xml,<svg fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6.4 18-1.4-1.4 9.6-9.6h-8.6v-2h12v12h-2v-8.6z" fill="%231c1b1f"/></svg>');
height: 1rem;
width: 1rem;
background-repeat: no-repeat;
background-size: cover;
}
.poster-image {
min-height: 500px;
height: 45vh;
max-height: 500px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.article-projects .poster-image {
min-height: 0;
height: 100px;
width: 100px;
background-repeat: no-repeat;
background-size: contain;
}
.article-projects h2 {
color: var(--Color-Basic-Color-black, #1C1B1A);
/* Body xl/Desktop, Semibold, 600 */
font-family: Poppins;
font-size: 24px !important;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */
}
.singular .has-post-thumbnail .article-projects .entry-header {
padding-bottom: 0;
}
h1.heins-projects {
color: var(--Color-Basic-Color-black, #1C1B1A);
/* H2/Desktop, Bold, 700 */
font-family: Poppins;
font-size: 54px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 64.8px */
}
body.single-expeditions .post-thumbnail::before {
content: "";
background: rgb(11, 17, 47);
background: linear-gradient(0deg, rgba(11, 17, 47, 1) 0%, rgba(11, 17, 47, 0) 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
/* body.archive .page-header { */
.page-header {
border: none;
}
body.archive .page-header .white-text p:first-child{
color: #B0BCF8;
font-weight: 600;
font-size: 24px;
margin: 20px 0;
}
.light-bg .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex,
.dark-bg .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
justify-content: space-between;
display: flex;
}
.site-logo img {
max-height: unset !important;
max-width: 110px !important;
width: 100% !important;
height: auto !important;
}
footer .site-logo img {
max-width: 231px !important;
}
.button,
.boton {
display: flex;
padding: var(--Spacing-Padding-Padding-sm, 8px) var(--Spacing-Padding-Padding-md, 20px);
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
font-weight: 600;
text-decoration: none;
}
.fon-giving-total {
font-size: 3.4375rem;
color: #3FACB2;
line-height: 4.8125rem;
font-weight: 500;
}
.emergency-funds-list h3 ,
.emergency-funds-list p {
color: #fff;
}
.emergency-funds-list img {
border-radius: 12px;
margin: 1rem 0;
}
.boton.taronja {
background-color: #FF5A16;
color: #1c1b1a;
border-radius: var(--Spacing-Corner-Corner-full, 100px);
display: table;
margin: 1rem 0 ;
}
.boton.verde {
border-radius: var(--Spacing-Corner-Corner-full, 100px);
background: var(--Color-Conservation-Color-green-500, #82BF3C);
}
.boton.gris {
border-radius: var(--Spacing-Corner-Corner-full, 100px);
background: #F5F4F2 !important;
color: #1c1b1a !important;
}
.boton.gris:focus,
.boton.gris:hover {
background: #1c1b1a !important;
color: #F5F4F2 !important;
}
.boton.newsletter {
border-radius: var(--Spacing-Corner-Corner-full, 100px);
border: 1px solid var(--Color-Basic-Color-white, #FFF);
color: #fff;
}
.light-bg .boton.newsletter {
border-radius: var(--Spacing-Corner-Corner-full, 100px);
border: 1px solid var(--Color-Basic-Color-dark, #1c1b1a);
color: #1c1b1a;
}
.light-bg .boton.newsletter svg path {
fill: #1c1b1a;
}
.boton.blanco.outline {
background-color: #fff!important;
border: 1px solid #1c1b1a;
color: #1c1b1a;
padding: 10px 20px;
text-decoration: none;
border-radius: 100px;
margin-top: 2rem;
}
.boton.blanco.outline:focus,
.boton.blanco.outline:hover,
.boton.blanco.outline.selected {
background-color: #1c1b1a!important;
background: #1c1b1a !important;
border: 1px solid #1c1b1a;
color: #fff !important;
text-decoration: none;
}
.no-padding > div {
padding: 0 ;
}
.article-projects h2 a {
font-size: 24px;
font-weight: 600;
text-decoration: none;
}
.article-projects h2 a:focus {
color: #1c1b1a!important;
}
.article-projects:hover h2 a {
text-decoration: underline;
}
.article-projects .post-thumbnail img,
.article-projects .post-thumbnail {
margin: 0;
}
.article-projects header {
margin: 0;
}
.article-projects img {
width: 100px;
max-width: unset !important;
}
.photographic-mission,
.conservation-project {
padding: 0 !important;
border-radius: 12px;
height: 100%;
}
.padding-20 {
padding: 20px !important;
}
.padding-50 {
padding: 40px 50px !important;
}
.border-radius-12 > div {
border-radius: 12px;
}
.border-radius-20 > img,
.border-radius-20 > div {
border-radius: 20px;
}
.border-radius-40 > div {
border-radius: 40px;
}
.border-radius-50 > div {
border-radius: 50px;
}
.wp-block-spacer {
margin: 0!important;
}
.border-radius-12-top {
width: 100%;
}
.border-radius-12-top img {
border-radius: 12px 12px 0 0;
width: 100%;
}
.border-radius-40-top,
.border-radius-40-top img {
border-radius: 40px 40px 0 0;
width: 100% !important;
}
.border-radius-50-top img {
border-radius: 50px 50px 0 0;
width: 100%;
}
.border-radius-40-top .advisor img {
border-radius: 20px;
}
.advisor img {
aspect-ratio: 1;
}
.advisory-board {
display: grid;
gap: 60px;
grid-template-columns: 1fr 1fr;
}
.white-text,
.advisor .white-text {
color: #fff;
}
.advisor h3 {
font-size: 30px;
font-weight: 700;
}
.advisor .flexer {
margin: 40px 0 20px;
justify-content: space-between;
align-items: baseline;
}
.advisor .flexer a {
border-radius: 50px;
padding: 16px 20px;
color: #fff;
border: 1px solid #fff;
text-decoration: none;
}
#resultados,
.other-grid,
.grid-expedition {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: auto;
grid-auto-flow: dense;
/* grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
gap: 20px;
}
.grid-projects {
display: flex;
flex-direction: column;
}
/*#resultados {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(8, 5vw);
grid-gap: 15px;
}*/
label[for=photoFilter] {
text-align: right;
cursor: pointer;
background-color: #fff;
color: rgb(11, 17, 47);
padding: 8px 16px;
border-radius: 50px;
margin-bottom: 0;
display: flex;
align-items: center;
gap: 0.5rem;
}
label[for=expeditionSearch] {
font-size: 18px;
font-weight: 600;
}
.filter-title {
font-size: 44px;
font-weight: 700;
}
#expeditionSearch {
padding: 12px 20px;
border-radius: 50px;
width: 400px;
border: none;
margin-top: 12px;
}
#resultados {
display: none;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: auto;
grid-auto-flow: dense;
gap: 20px;
margin: 3rem 0;
border-bottom: 1px solid #fff;
padding-bottom: 3rem;
}
#resultados figure {
background-color: #ffffff22;
border-radius: 20px;
background-repeat: no-repeat;
background-position: center center;
background-size: 50%;
aspect-ratio: 1.333;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="none" stroke-opacity="1" stroke="%230B112F" stroke-width=".5" cx="100" cy="100" r="0"><animate attributeName="r" calcMode="spline" dur="2" values="1;80" keyTimes="0;1" keySplines="0 .2 .5 1" repeatCount="indefinite"></animate><animate attributeName="stroke-width" calcMode="spline" dur="2" values="0;25" keyTimes="0;1" keySplines="0 .2 .5 1" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" calcMode="spline" dur="2" values="1;0" keyTimes="0;1" keySplines="0 .2 .5 1" repeatCount="indefinite"></animate></circle></svg>');
}
form#filterForm .por-anyos{
display: grid;
grid-template-columns: repeat(5, minmax(115px, 1fr));
gap: 8px;
}
form#filterForm button[type=submit] {
padding: 12px 16px;
background-color: #1c1b1a;
color: #fff !important;
border-radius: 50px;
min-width: 170px;
font-weight: 600;
}
form#filterForm .por-orden label{
width: 49%;
}
form#filterForm label {
padding: 12px 16px;
border: 1px solid rgb(224, 222, 215);
border-radius: 8px;
text-align: center;
cursor: pointer;
}
form#filterForm label:has(input:checked) {
background-color: rgb(224, 222, 215);
font-weight: 600;
}
#resultados figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 20px;
object-position: top;
}
#photoFilter + .los-photo-filtros {
right: -100%;
position: fixed;
border: 1px solid aliceblue;
z-index: 999;
background-color: #fff;
padding: 2rem;
min-width: 400px;
transition: all 250ms ease-out;
transform: translateY(-50%);
top: 50%;
height: 100vh;
}
.los-photo-filtros * {
color: rgb(41, 40, 38) !important;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#photoFilter:checked + .los-photo-filtros {
/* display: flex;*/
right: 0;
transition: right 250ms ease-out;
}
.photo-dark-bg * ,
.grid-expedition * {
color: #fff;
text-decoration: none;
}
.grid-expedition img {
height: auto;
width: 100%;
border-radius: 20px;
aspect-ratio: 0.75;
object-fit: cover;
object-position: top;
margin-left: -2px;
}
.grid-expedition figure {
overflow: hidden;
border-radius: 20px;
margin-bottom: 1rem;
}
.grid-expedition h2 {
font-size: 24px;
font-weight: 600;
text-decoration: none;
}
.grid-expedition .flexer {
justify-content: space-between;
align-items: baseline;
}
.grid-expedition a img {
transform: scale(1) translateX(0) translateY(0);
transition: transform 250ms ease-out ;
}
.grid-expedition a:hover img {
transform: scale(1.1) translateX(4%) translateY(4%);
transition: transform 250ms ease-out ;
}
.grid-expedition a:hover {
text-decoration: underline;
}
.img-bottom-shadow-cons figure,
.img-bottom-shadow-phot figure {
position: relative;
width: 100%;
overflow: hidden;
max-height: 400px;
}
body.page-id-73 {
background-color: #DEF2C7;
}
.img-bottom-shadow-cons figure::before {
content: "";
background: rgb(55, 86, 20);
/* background: linear-gradient(0deg, rgba(32, 46, 22, 1) 0%, rgba(32, 46, 22, 0) 100%); */
/*background: linear-gradient(0deg, rgba(55, 86, 20, 1) 0%, rgba(55, 86, 20, 0) 100%);*/
background: linear-gradient(0deg, #1E3306 0%, #1E330600 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
.img-bottom-shadow-phot figure::before {
content: "";
/*background: rgb(25, 69, 71);*/
background: #0D222400;
background: linear-gradient(0deg, #0D2224ff 0%, #0D222400 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
/* ---- Conservation stacks ---- */
.cons-stack-middle {
background-color: #5F8B43;
color: #fff;
border-radius:40px;
height: 100%;
}
.cons-stack-middle figure, .cons-stack-middle img {
border-radius: 40px 40px 0 0;
position: relative;
}
.cons-stack-middle figure::before {
content: "";
background: rgb(95, 139, 67);
background: linear-gradient(0deg, rgba(95, 139, 67, 1) 0%, rgba(95, 139, 67, 0) 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
.cons-stack-light {
background-color: #82BF3C;
color: #0B112F;
border-radius:40px;
height: 100%;
}
.cons-stack-light figure,
.cons-stack-light img {
position: relative;
border-radius: 40px 40px 0 0;
}
.cons-stack-light figure::before {
content: "";
background: rgb(159, 231, 112);
background: linear-gradient(0deg, rgba(159, 231, 112, 1) 0%, rgba(159, 231, 112, 0) 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
.cons-stack-middle .wp-block-heading,
.cons-stack-light .wp-block-heading {
font-size: 2rem;
}
/* ---- END Conservation stacks ---- */
/* ---- photographic-mission stacks ---- */
.phot-stack-middle {
background-color: #B0BCF8;
color: #17235F;
border-radius:40px;
height: 100%;
}
.phot-stack-middle figure,
.phot-stack-middle img {
position: relative;
border-radius: 40px 40px 0 0;
}
.phot-stack-middle figure::before {
content: "";
background: rgb(176, 188, 248);
background: linear-gradient(0deg, rgba(176, 188, 248, 1) 0%, rgba(176, 188, 248, 0) 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
.phot-stack-light{
background-color: #D9EEF0;
color: #194547;
border-radius:40px;
height: 100%;
}
.phot-stack-light figure,
.phot-stack-light img {
position: relative;
border-radius: 40px 40px 0 0;
}
.phot-stack-light figure::before {
content: "";
/*background: rgb(215, 221, 251);*/
background: #D9EEF0;
background: linear-gradient(0deg, #D9EEF0 0%, #D9EEF000 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
.phot-stack-lighter{
background-color: #E7EAFB;
color: #22348E;
border-radius:40px;
height: 100%;
}
.phot-stack-lighter figure,
.phot-stack-lighter img {
position: relative;
border-radius: 40px 40px 0 0;
}
.phot-stack-lighter figure::before {
content: "";
background: rgb(231, 234, 251);
background: linear-gradient(0deg, rgba(231, 234, 251, 1) 0%, rgba(231, 234, 251, 0) 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
.phot-stack-grey{
background-color: #D1D1D1;
color: #22348E;
border-radius:40px;
height: 100%;
}
.phot-stack-grey figure,
.phot-stack-grey img {
position: relative;
border-radius: 40px 40px 0 0;
}
.phot-stack-grey figure::before {
content: "";
background: rgb(209, 209, 209);
background: linear-gradient(0deg, rgba(209, 209, 209, 1) 0%, rgba(209, 209, 209, 0) 100%);
position: absolute;
bottom: -1px;
width: 100%;
height: 50%;
left: 0;
z-index: 9;
}
/* ---- END photographic-mission stacks ---- */
.max-width-90ch {
max-width: 90ch !important;
}
#newsletterSub {
justify-content: space-between;
gap: 1rem;
align-items: baseline;
}
#newsletterSub label {
width: 100%;
}
#newsletterSub input[type=email] {
background: transparent;
border: none;
border-bottom: 1px solid #fff;
padding: 5px 0 0 0;
width: 100%;
}
#newsletterSub input[type=email]::placeholder {
color: #000;
font-weight: 600;
}
#newsletterSub input[type=submit] {
background-color: #fff;
color: #000;
border-radius: 100px;
font-weight: 600;
padding: 8px 12px;
font-size: 14px;
height: min-content;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
background-color: transparent;
color: #1c1b1a;
text-transform: uppercase;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) svg {
display: none;
}
details {
border-top: 1px solid #000;
padding-top: 1.5rem;
}
form#filterForm details {
border: none;
}
form#filterForm summary {
border-bottom: 1px solid rgb(224, 222, 215);
}
form#filterForm details div {
margin: 20px 0;
gap: 8px;
}
/* ---- dark pages ---- */
/* body.pagina-fondo-oscuro {
background-color: #0B112F !important;
} */
body.pagina-fondo-oscuro {
background-color: #B2DEE0 !important;
}
body.pagina-fondo-oscuro #breadcrumbs,
body.pagina-fondo-oscuro #breadcrumbs a,
body.pagina-fondo-oscuro h1,
body.pagina-fondo-oscuro > h2,
body.pagina-fondo-oscuro .txt-white
{
color: #1c1b1a;
}
body.pagina-fondo-map {
background-color: #202E16 !important;
}
body.pagina-fondo-map #breadcrumbs,
body.pagina-fondo-map #breadcrumbs a,
body.pagina-fondo-map h1,
body.pagina-fondo-map > h2,
body.pagina-fondo-map .txt-white
{
color: #fff;
}
body.pagina-fondo-map #map {
min-height: 70vh;
max-width: none;
/* aspect-ratio: 1.6;*/
height: 70vh;
}
body.pagina-fondo-map #map.alignwide {
min-height: 70vh;
max-width: var(--responsive--alignwide-width);
/* aspect-ratio: 1.6;*/
height: 70vh;
margin: 2rem auto;
border-radius: 12px;
}
body.pagina-fondo-map #map.alignbit {
min-height: 70vh;
/* max-width: var(--responsive--alignwide-width);*/
/* aspect-ratio: 1.6;*/
height: 70vh;
margin: 4rem;
border-radius: 12px;
width: calc(100% - 8rem);
}
body.page .entry-content {
margin-bottom: 0;
}
/*---- Cellphone ----*/
@media(min-width: 490px) {
details p {
padding-right: 60px;
}
ul.wp-block-social-links {
flex-direction: column;
}
aside.widget-area .wp-block-group.is-layout-grid.wp-container-core-group-is-layout-1.wp-block-group-is-layout-grid {
grid-template-columns: 1fr;
}
aside.widget-area .wp-block-group.alignfull.has-background {
height: 100%;
}
}
summary {
font-weight: 600;
font-size: 1.125rem;
list-style: none;
padding: 10px 60px 10px 0px;
position: relative;
}
summary::after {
content: "";
width: 44px;
height: 44px;
background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' fill='none' version='1.1' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' style='fill:%23fff;stroke-width:0'/%3E%3Cpath d='m12 17.885 1.7708-1.7708 8.2292 8.2292 8.2292-8.2292 1.7708 1.7708-10 10z' fill='%23292826'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
right: 0;
top: 0;
transition: transform 250ms ease-in-out ;
}
.faqs-group-giving summary::after {
/* background-color: var(--global--color-fongiving), #82BF3C ; */
background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' fill='none' version='1.1' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' style='fill:%2382BF3C;stroke-width:0'/%3E%3Cpath d='m12 17.885 1.7708-1.7708 8.2292 8.2292 8.2292-8.2292 1.7708 1.7708-10 10z' fill='%23292826'/%3E%3C/svg%3E");
}
.faqs-group-about summary::after {
/* background-color: var(--global--color-fongiving), #82BF3C ; */
background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' fill='none' version='1.1' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' style='fill:%23CCC8BC;stroke-width:0'/%3E%3Cpath d='m12 17.885 1.7708-1.7708 8.2292 8.2292 8.2292-8.2292 1.7708 1.7708-10 10z' fill='%23292826'/%3E%3C/svg%3E");
}
.faqs-group-foto summary::after {
/* background-color: var(--global--color-fongiving), #82BF3C ; */
background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' fill='none' version='1.1' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' style='fill:%2382BF3C;stroke-width:0'/%3E%3Cpath d='m12 17.885 1.7708-1.7708 8.2292 8.2292 8.2292-8.2292 1.7708 1.7708-10 10z' fill='%23292826'/%3E%3C/svg%3E");
}
.faqs-photo-page summary::after {
/* background-color: var(--global--color-fongiving), #82BF3C ; */
background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' fill='none' version='1.1' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' style='fill:%233FACB2;stroke-width:0'/%3E%3Cpath d='m12 17.885 1.7708-1.7708 8.2292 8.2292 8.2292-8.2292 1.7708 1.7708-10 10z' fill='%23fff'/%3E%3C/svg%3E");
}
.wp-block-quote,
blockquote p {
color: #0D2224;
font-family: Playfair, serif;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 120%;
}
details[open] summary::after {
transform: rotate(-180deg);
transition: transform 250ms ease-in-out ;
}
.faqs-photo-page details:last-child,
.faqs-group-about details:last-child,
.faqs-group-giving details:last-child,
.faqs-group-foto details:last-child {
border-bottom: 1px solid #000;
padding-bottom: 1.5rem;
}
.wp-block-group.has-background .wp-block-group__inner-container > .alignfull, .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
max-width: calc(var(--responsive--alignfull-width) + 1* var(--global--spacing-vertical));
width: calc(var(--responsive--alignfull-width) + 1* var(--global--spacing-vertical));
margin-left: calc(-1* var(--global--spacing-vertical));
}
.site-footer > .site-info {
border: none;
}
.site-footer {
background-color: #1c1b1a ;
margin: 0;
padding: 0 20px;
max-width: unset;
margin-top: 0 !important;
}
.site-footer * {
font-size: 0.875rem;
font-weight: 400;
}
.site-footer a {
color: #fff;
text-decoration: none;
}
body.home footer.entry-footer {
display: none;
}
.footer-navigation-wrapper {
flex-direction: column;
}
.footer-navigation-wrapper li a:link,
.footer-navigation-wrapper li a:visited,
.footer-navigation-wrapper li a:active {
color: #fff;
padding-left: 0;
text-decoration: none;
}
.footer-navigation-wrapper li {
border-bottom: 1px solid #52504B;
}
.footer-navigation-wrapper .menu-first > a span {
font-size: 1rem !important;
font-weight: 700;
}
/* General */
.footer-navigation-wrapper ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-navigation-wrapper li {
position: relative;
cursor: pointer;
}
/* Estilo para el "+" */
.footer-navigation-wrapper li.menu-item-has-children > a::after {
content: '+';
margin-left: 10px;
font-size: 16px;
font-weight: 400;
color: fff;
right: 0;
position: absolute;
}
/* Submenús ocultos */
.footer-navigation-wrapper ul {
display: none;
/* position: absolute;*/
left: 0;
top: 100%;
/* background: #fff;*/
padding: 10px;
/* border: 1px solid #ccc;*/
z-index: 1000;
}
/* Mostrar el submenú al pasar el ratón */
/*.footer-navigation-wrapper li:hover > ul {
display: block;
}*/
/* Opcional: Estilo para mejorar la usabilidad */
.footer-navigation-wrapper li a {
text-decoration: none;
color: #000;
padding: 5px 10px;
display: block;
}
/*.footer-navigation-wrapper li ul li a:hover {
background: #f0f0f0;
}*/
/* Ocultar checkbox */
.menu-toggle {
display: none;
}
/* Submenús ocultos por defecto */
.footer-navigation-wrapper ul ul {
display: none;
position: absolute;
left: 0;
top: 100%;
background: #fff;
padding: 10px;
border: 1px solid #ccc;
}
/* Mostrar submenús cuando el checkbox está activado */
.menu-toggle:checked + ul {
display: block;
}
/* Cambiar "+" a "-" cuando el checkbox está activado */
.footer-navigation-wrapper li.menu-item-has-children:hover > a::after,
.menu-toggle:checked + a::after {
content: '-';
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: transparent;
}
.estatistica-fon-giving {
background-color: #202E16;
color: #fff;
padding: 60px 0 0;
}
.estatistica-fon-giving .fon-giving-total {
color: #fff;
}
.estatistica-fon-giving .jahre {
padding-left: 30px;
}
.estatistica-fon-giving .jahre span {
position: relative;
width: 25px;
width: -webkit-fill-available;
display: block;
}
.estatistica-fon-giving .jahre span::before {
content: attr(data-givingkey);
font-size: 10px;
transform: rotate(-45deg);
position: absolute;
top: -45px;
}
.estatistica-fon-giving .jahre span::after {
content: "";
height: 0px;
background-color: #82BF3C;
position: absolute;
bottom: 84px;
width: 20px;
width: -webkit-fill-available;
border-radius: 4px 4px 0 0;
transition: height 300ms ease-out; /* Transición suave opcional */
}
.estatistica-fon-giving table.barras {
margin-top: 2rem;
}
.estatistica-fon-giving .barras tr {
position: relative;
height: 56px;
}
.estatistica-fon-giving .barras tr td {
border: none;
font-size: 10px;
}
.estatistica-fon-giving .barras tr td:nth-child(1) {
position: absolute;
top: -20px;
left: -20px;
background-color: #202E16;
width: 50px;
text-align: right;
}
.estatistica-fon-giving .barras tr td:nth-child(2){
border-top: 1px solid #52504B;
}
.flexer.jahre span::after {
height: var(--after-height, 0px); /* Usar la variable calculada o un valor predeterminado */
}
.all-years-fon-giving {
background-color: #1c1b1a;
border-radius: 20px;
padding: 20px;
}
.all-years-fon-giving p {
color: #D6D3C9;
font-weight: 700;
font-size: 13px;
}
.all-years-fon-giving p span {
font-weight: 400;
color: #fff;
}
.horizontal-bar {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 2rem;
gap: 4px;
}
.horizontal-bar .caja-allyear {
position: relative;
height: 20px;
}
.horizontal-bar .caja-allyear:nth-child(1) {
background-color: #3FACB2;
border-radius: 10px 0 0 10px;
}
.by-year-fon-giving .horizontal-bar .caja-allyear:nth-child(1) {
background-color: #3FACB2;
border-radius: 10px 0 0 10px;
}
.horizontal-bar .caja-allyear:nth-child(2) {
background-color: #82BF3C;
border-radius: 0 10px 10px 0;
}
.horizontal-bar .caja-allyear::after {
content: attr(data-format);
color: #d6d3c9;
font-weight: 600;
position: absolute;
top: 24px;
width: max-content;
}
.desde-ajax.horizontal-bar .caja-allyear::after,
.by-year-fon-giving .horizontal-bar .caja-allyear::after {
content: attr(data-format);
color: #52504B;
font-weight: 600;
position: absolute;
top: 24px;
width: max-content;
}
.horizontal-bar .caja-allyear::before {
content: attr(data-term);
color: #d6d3c9;
font-weight: 400;
position: absolute;
bottom: 24px;
font-size: 13px;
text-transform: capitalize;
width: max-content;
}
.horizontal-bar .caja-allyear:nth-child(1)::before {
color: #3FACB2;
}
.by-year-fon-giving .horizontal-bar .caja-allyear:nth-child(1)::before {
color: #3FACB2;
width: max-content;
}
.horizontal-bar .caja-allyear:nth-child(2)::before {
color: #82BF3C;
right: 0;
width: max-content;
}
.by-year-fon-giving .horizontal-bar .caja-allyear:nth-child(2)::before {
color: #375614;
right: 0;
width: max-content;
}
details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow {
margin: 1rem 0;
}
.horizontal-bar .caja-allyear:nth-child(2)::after {
right: 0;
}
.ala-before-ccc8bc {
position: relative;
}
.ala-before-ccc8bc::before {
content: "";
position: absolute;
height: 100%;
background-color: #ccc8bc;
width: 100%;
right: 100%;
top: 0;
width: calc(100% + 2rem);
right: 99%;
top: 0;
}
aside.widget-area {
margin-top: 0;
/* width: 100%;*/
/* max-width: 100%;*/
max-width: var(--responsive--alignwide-width);
/*max-width: var(--responsive--alignfull-width);*/
gap: 0;
grid-template-columns: 1fr 2fr 1fr;
grid-auto-flow: column;
padding-bottom: 0;
padding-top: 0;
/* grid: none;*/
}
footer.entry-footer.default-max-width {
display: none;
}
aside.widget-area * {
margin: 0;
}
#sort_giving input[type=submit] {
padding: 8px 12px;
border-radius: 100px;
background-color: #fff;
border: none;
}
#sort_giving input[type=submit].activo {
background: #1c1b1a;
color: #fff;
}
form#submitFormFonGiving {
scroll-padding-top: 5rem;
}
.modal-overlay {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
justify-content: center;
align-items: flex-end;
z-index: 1000;
}
.modal-content {
background: white;
width: 100%;
padding: 20px;
border-radius: 10px 10px 0 0;
transform: translateY(100%);
transition-delay: 200ms;
transition: transform 0.25s ease-in-out;
bottom: 0;
position: fixed;
/* height: 85vh;*/
bottom: 0;
top: 150px;
overflow-y: auto;
}
.modal-overlay.slide-up .modal-content {
transform: translateY(0);
}
.modal-close {
background: red;
color: white;
border: none;
padding: 10px;
cursor: pointer;
float: right;
}
.modal-results {
margin-top: 20px;
height: 100%;
}
.caja-single {
padding: 20px;
}
.fon-giving-dollar {
font-size: 24px;
font-weight: 600;
}
.fon-giving-title {
font-size: 1rem;
font-weight: 600;
}
.photo-text-top {
margin-top: 20px !important;
}
.einzel-jahre {
margin-top: 5rem;
background: #F5F4F2;
left: 0;
position: absolute;
right: 0;
padding: 20px;
border-radius: 40px;
}
/*---- Slider ----*/
img.wcp-lazy {
border-radius: 100%;
}
.wpcp-carousel-section.wpcp-image-carousel .wpcp-single-item .wpcp-all-captions {
text-align: center;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 16px;
display: none;
}
/*.swiper-slide {
transform: scale(0.7);
}*/
.swiper-slide-active .wpcp-all-captions {
display: block !important;
}
.swiper-slide-prev,
.swiper-slide-next {
transform: scale(1);
}
.swiper-slide-active {
transform: scale(1.1);
}
/* -A- Team grid */
.our-team-grid {
display: grid;
/* 1) Definimos 2 filas de altura automática */
grid-template-rows: repeat(2, auto);
/* 2) Hacemos que los Ãtems fluyan por columnas,
creando columnas implÃcitas según vayan entrando más Ãtems */
grid-auto-flow: column;
/* 3) Cada columna se ajusta al tamaño de su contenido */
grid-auto-columns: max-content;
/* opcional: separación entre celdas */
gap: 1rem;
/* 4) permitimos scroll horizontal y ocultamos el vertical */
overflow-x: auto;
overflow-y: hidden;
/* para que en iOS vaya más suave */
-webkit-overflow-scrolling: touch;
}
.our-team-grid {
overflow-x: auto; /* sigue permitiendo scroll horizontal */
overflow-y: hidden;
/* Firefox */
scrollbar-width: none;
/* IE 10+ */
-ms-overflow-style: none;
}
/* Chrome, Safari y Opera */
.our-team-grid::-webkit-scrollbar {
display: none;
}
.our-team-slide {
width: 320px;
}
.our-team-slide img {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 12px;
}
/* -E- Team grid */
/*---- team carousel ----*/
/* Contenedor principal: sin altura fija, la altura se ajustará según el ancho */
.our-team-carousel-wrapper {
position: relative;
width: 100%;
max-width: 1000px; /* Ajusta según tu diseño */
margin: 0 auto;
overflow: visible;
display: none;
}
/* Contenedor de los slides */
.our-team-carousel {
position: relative;
width: 100%;
height: 100%;
}
/* Cada slide se posiciona de forma absoluta */
.carousel-slide {
position: absolute;
transition: all 0.3s ease;
opacity: 1;
cursor: pointer;
}
/* Las imágenes se adaptan al contenedor y se muestran como cÃrculos */
.carousel-slide img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
display: block;
box-shadow: 3px 0 3px #37373740 ;
}
/* Botones de navegación, posicionados a los laterales */
.carousel-prev,
.carousel-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent !important;
border: none;
padding: 10px 15px;
cursor: pointer;
z-index: 20;
}
.carousel-prev {
left: -12px;
}
.carousel-next {
right: -12px;
}
/* Contenedor para mostrar el nombre de la persona (debajo del carrusel) */
.carousel-person-name {
text-align: center;
margin-top: 10px;
font-size: 1.2em;
font-weight: bold;
}
@media(max-width: 800px) {
.advisory-board {
grid-template-columns: 1fr;
}
div#page {
margin-top: 116px;
}
}
/*---- Cellphone ----*/
@media(max-width: 490px) {
div#content {
/* margin-top: 165px; */
z-index: 0;
}
.dark-bg {
background-color: #1c1b1a;
padding: 10px 0;
margin: 0;
/* position: fixed; */
/* top: 102px; */
/* z-index: 998; */
/* left: 0; */
}
.light-bg {
background-color: #fff;
padding: 10px 20px;
margin: 0;
/* position: absolute; */
/* top: 0; */
/* z-index: 998; */
/* left: 0; */
}
}
/* -A- Metaslider */
/* .metaslider {
overflow: hidden !important;
aspect-ratio: 1.882;
max-height: calc(100vh - 192px);
}
ul.slides img {
position: absolute;
} */
.no-margin {
margin: 0;
}
.caption-wrap {
background: transparent !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex !important;
align-items: flex-start;
justify-content: end;
flex-direction: column;
}
.caption {
max-width: 1440px;
margin: 0 auto;
width: 100%;
}
.caption .banner-title {
color: var(--Color-Basic-Color-white, #FFF);
font-family: Poppins;
font-size: 66px;
font-style: normal;
font-weight: 600;
line-height: 100%;
white-space: break-spaces;
}
.caption .banner-text {
white-space: break-spaces;
color: var(--Color-Basic-Color-white, #FFF);
/* Body lg/Desktop, Semibold, 600 */
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */
margin: 24px 0 !important;
}
.max-ch-20 {
max-width: 50%;
margin-bottom:50px
}
a.boton:hover,
a.boton:focus,
a.boton:active,
a.button:hover,
a.button:focus,
a.button:active {
text-decoration: none !important;
}
.boton,
.button {
/* color: #fff !important; */
display: flex;
padding: var(--Spacing-Padding-Padding-lg, 16px) var(--Spacing-Padding-Padding-xl, 20px);
justify-content: center;
align-items: center;
gap: 10px;
border-radius: var(--Spacing-Corner-Corner-full, 100px);
width: fit-content;
}
.boton.verde,
.button.verde {
background: var(--global--color-fongiving, #82BF3C) !important;
color: #1c1b1a !important;
}
.button.verde:hover,
.button.verde:focus,
.button.verde:active,
.boton.verde:hover,
.boton.verde:focus,
.boton.verde:active
{
border-color: var(--global--color-fongiving), #82BF3C !important;
background-color: #1c1b1a !important;
color: var(--global--color-fongiving), #82BF3C !important;
}
.button.verde[target=_blank]:hover::after,
.button.verde[target=_blank]:focus::after,
.button.verde[target=_blank]:active::after,
.boton.verde[target=_blank]:hover::after,
.boton.verde[target=_blank]:focus::after,
.boton.verde[target=_blank]:active::after {
content: "";
background-image: url('data:image/svg+xml,<svg fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6.4 18-1.4-1.4 9.6-9.6h-8.6v-2h12v12h-2v-8.6z" fill="%2382BF3C"/></svg>');
}
.button.black[target=_blank]::after {
content: "";
background-image: url('data:image/svg+xml,<svg fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6.4 18-1.4-1.4 9.6-9.6h-8.6v-2h12v12h-2v-8.6z" fill="%23fff"/></svg>');
height: 1rem;
width: 1rem;
background-repeat: no-repeat;
background-size: cover;
}
.button.black[target=_blank]:hover::after {
content: "";
background-image: url('data:image/svg+xml,<svg fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6.4 18-1.4-1.4 9.6-9.6h-8.6v-2h12v12h-2v-8.6z" fill="%231c1b1a"/></svg>');
}
.button.black {
background: var(--Color-Basic-Color-black, #1C1B1A) !important;
color: #fff !important;
display: flex;
padding: var(--Spacing-Padding-Padding-lg, 16px) var(--Spacing-Padding-Padding-xl, 20px);
justify-content: center;
align-items: center;
gap: 10px;
border-radius: var(--Spacing-Corner-Corner-full, 100px);
width: fit-content;
border: 1px solid #fff;
}
.button.black:hover,
.button.black:focus,
.button.black:active {
background: var(--Color-Basic-Color-white, #fff) !important;
color: #1c1b1a !important;
}
.button.white {
display: flex;
padding: var(--Spacing-Padding-Padding-lg, 16px) var(--Spacing-Padding-Padding-xl, 20px);
justify-content: center;
align-items: center;
gap: 10px;
border-radius: var(--Spacing-Corner-Corner-full, 100px);
background: var(--Color-Basic-Color-white, #FFF) !important;
color: #1C1B1A !important;
width: fit-content;
}
.black-text {
color: #1C1B1A !important;
}
.white-text {
color: #fff !important;
}
/* -E- Metaslider */
@media (max-width: 490px) {
.photo-grid {
grid-template-columns: 1fr 1fr;
}
.photo-pagination {
grid-template-columns: 1fr;
}
footer .site-logo img {
max-width: 110px !important;
}
footer .site-logo {
margin: 40px 0 !important;
}
#copyRights .flexer {
/* flex-direction: column-reverse; */
display: block;
}
article.article-projects header.entry-header {
flex-direction: column;
gap: 20px;
}
article.article-projects header.entry-header .partner-button-holder {
width: 100%;
display: flex;
justify-content: left;
}
body.page-id-1700 .projects-gris-bg {
padding-bottom: 60px;
padding-top: 0;
margin-right: 15px;
}
body.page-id-1700 .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
display: grid;
grid-template-columns: 1fr 1fr;
}
article.article-projects header.entry-header .partner-logo-wrap {
justify-content: flex-start;
width: 100%;
align-items: normal;
}
.hide-on-phone {
display: none;
}
body.page-id-1700 .metaslider a.button {
display: none;
}
.partner-logo-wrap {
flex-direction: column;
}
article.article-projects {
padding: 1rem;
}
article.article-projects h2 {
margin: 0;
}
body.page-id-1700 footer .inner-footer .flexer {
display: none;
}
.partner-logo.no-logo {
display: none !important;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 10px;
}
/* .partners-sin-mas {
margin-top: 0;
} */
}