.fe-menu-header .et_pb_menu__wrap {
justify-content: flex-end !important;
}
.fe-menu-header .et_pb_menu__wrap a {
padding-bottom: 0 !important;
position: relative;
}
.fe-menu-header .et_pb_menu__wrap a:before {
content: "";
bottom: -4px;
display: block;
height: 2px;
left: 0;
position: absolute;
background: #000;
opacity: 0.6;
transition: width 0.3s ease 0s, opacity 0.3s ease 0s;
width: 0;
}
.yellow-circle.current-menu-item a:before,
.sub-menu .current-menu-item a:before{
display: none;
}
.yellow-circle.current-menu-item{
background-color: #000;
}
.et_pb_menu_0_tb_header.et_pb_menu ul .yellow-circle.current-menu-item a{
color:#fff!important;
}
.current-menu-parent.menu-item-has-children a:not(.sub-menu a):before ,
.current-menu-item a:before{
width: 100%!important;
}
.fe-menu-header .et_pb_menu__wrap a:hover:before {
width: 100%;
opacity: 0.8;
}
.fe-menu-header .menu-item-has-children a:hover:before {
display: none;
}
.sub-menu .current-menu-item a,
.et_mobile_menu .current-menu-ancestor .sub-menu .current-menu-item a{
background-color: #000;
color:#fff!important;
}
.sub-menu .current-menu-item a:hover{
opacity: 1;
background-color: #000;
}
.yellow-circle {
border-radius: 33px;
background-color: #F9CB67;
padding: 8px 16px;
margin-top: 0 !important;
transition: background-color .3s ease;
margin-right: 60px !important;
margin-left: 11px !important;
}
.yellow-circle:hover {
background-color: #000;
color: #fff !important;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul .yellow-circle:hover a {
color: #fff !important;
opacity: 1;
}
.yellow-circle a:after {
display: none !important;
}
.fe_navbar .et_pb_column_2_5 {
width: 25% !important;
}
.fe_navbar .et_pb_column_3_5 {
width: 75% !important;
}
@media all and (max-width: 980px) {
.et_pb_row_0_tb_header.et_pb_row--with-menu .et_pb_column {
margin-bottom: 0 !important;
}
.fe-menu-header .et_mobile_menu {
position: fixed;
}
.fe-menu-header .et_mobile_menu li a{
padding-bottom: 10px!important;
}
.fe-menu-header .trp-language-switcher-container{
display: inline-flex;
width: 49%;
}
.fe-menu-header .trp-language-switcher-container a{
border-bottom: 0;
}
.fe-menu-header .trp-language-switcher-container.first{
justify-content: flex-end;
padding-right: 16px;
}
.yellow-circle {
padding: 0;
border-radius: 0;
margin-right: 0 !important;
margin-left: 0 !important;
}
.fe_navbar .et_pb_column_2_5 {
width: 70% !important;
}
.fe_navbar .et_pb_column_3_5 {
width: 30% !important;
}
}
.bottom-footer .nav li {
padding: 0 !important;
margin: 0 !important;
display: flex;
align-items: center;
}
.bottom-footer .nav li a {
padding: 0 8px !important;
}
.bottom-footer .nav li:before {
content: "|";
display: inline-block;
vertical-align: middle;
margin: 3px 2px 0;
color: #fff;
}
.bottom-footer .nav li:first-child:before {
display: none;
}
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex !important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
display: none;
}
.top-footer p {
padding-bottom: 0 !important;
}
.top-footer .et_pb_text_inner a {
color: #000;
transition: color .3s ease;
position: relative;
}
.top-footer .et_pb_text_inner a:after {
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
background: #000;
opacity: 0.6;
transition: width 0.3s ease 0s, opacity 0.3s ease 0s;
width: 0;
}
.top-footer .et_pb_text_inner a:hover:after {
width: 100%;
opacity: 0.9;
}
@media all and (max-width: 980px) {
.bottom-footer .et_pb_column.et_pb_column_1_2 {
margin-bottom: 0 !important;
}
.bottom-footer .et_pb_column_1_2 .et_pb_module {
justify-content: flex-start;
}
.et_pb_column.et_pb_column_2_3 {
flex-direction: column;
}
.et_pb_column.et_pb_column_2_3 .et_pb_module {
width: 100%!important;
}
}
@media all and (max-width: 980px) {
.b-highlighted-home .et_pb_slide {}
} .b-impacte-indicadors .et_pb_column {
width: calc(20% - 16px);
margin-right: 16px;
}
.b-impacte-indicadors .et_pb_blurb,
.b-impacte-indicadors .et_pb_blurb .et_pb_blurb_content {
height: 100%;
}
.b-impacte-indicadors .et_pb_blurb .et_pb_blurb_content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.b-impacte-indicadors .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
align-self: flex-end;
}
@media all and (max-width: 980px) {
.b-home-image img {
max-height: 250px !important;
}
.b-home-text {
min-height: 120px !important;
}
.b-custom-top-home .et_pb_column {
margin-bottom: 0 !important;
}
.b-grid-blog-home .b-first-column .et_pb_main_blurb_image img {
height: 350px !important;
object-fit: cover;
}
.b-impacte-indicadors .et_pb_column {
margin: 0 8px !important;
width: 277px !important;
}
.b-impacte-indicadors .et_pb_column .et_pb_blurb {
height: 221px;
}
.b-impacte-indicadors.insercio .et_pb_column .et_pb_blurb {
height: 248px;
}
.b-impacte-indicadors .slick-track {
padding: 16px 0;
}
.b-grid-blog-home .b-first-column {
width: 100% !important;
}
}
.b-grid-blog-home .b-small .et_pb_blurb_container {
display: flex;
flex-direction: column-reverse;
}
.b-grid-blog-home .b-small .et_pb_main_blurb_image {
width: 100%;
}
.b-grid-blog-home .b-small {
margin-bottom: 24px !important;
}
.b-grid-blog-home .b-small .et_pb_main_blurb_image img {
max-height: 180px;
width: 100%;
object-fit: cover;
}
.b-grid-blog-home .b-first-column {
margin-right: 32px !important;
width: 60%;
}
.b-grid-blog-home .et_pb_main_blurb_image {
margin-bottom: 24px;
}
.b-grid-blog-home .b-first-column .et_pb_main_blurb_image img {
height: 760px;
width: 100%;
object-fit: cover;
}
.b-slider-serveis-home .et_pb_column {
margin-right: 0 !important;
box-sizing: border-box;
padding: 12px;
height: inherit;
margin-bottom: 0 !important;
}
.b-slider-serveis-home .slick-track {
display: flex;
align-items: stretch;
}
.b-slider-serveis-home .slick-list {
padding: 50px !important;
}
.b-slider-serveis-home .slick-arrow {
background-color: transparent;
border-radius: 51%;
position: absolute;
top: 100%;
left: 50%;
width: 36px;
height: 36px;
transform: translateX(-50%);
font-size: 0;
border: 1px solid #000;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
transition: all .3s ease;
cursor: pointer;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita.png);
}
.b-slider-serveis-home .slick-arrow:hover {
background-color: #000;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-blanca.png);
}
.b-slider-serveis-home .slick-arrow.slick-prev {
transform: translateX(calc(-50% - 24px)) rotate(180deg);
}
.b-slider-serveis-home .slick-arrow.slick-next {
transform: translateX(calc(-50% + 24px));
}
.b-slider-serveis-home .et_pb_blurb {
position: relative;
padding: 46px 24px !important;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita.png);
background-size: 16px;
background-position: calc(100% - 24px) calc(100% - 24px) ;
}
.b-slider-serveis-home .et_pb_main_blurb_image {
position: absolute;
border-radius: 51%;
background-color: #F9CB67;
width: 50px !important;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
top: -75px;
left: 0;
}
.b-slider-serveis-home .et_pb_image_wrap,
.b-slider-serveis-home .et_pb_main_blurb_image img {
width: auto !important;
}
.b-section-impacte-home .et_pb_blurb_content .et_pb_image_wrap img {
height: 67px;
width: auto;
object-fit: contain;
object-position: right;
}
.b-slider-impacte-home .et_pb_column {
width: 300px !important;
}
.b-slider-impacte-home .et_pb_blurb_content {
justify-content: center;
align-items: center;
}
.b-slider-impacte-home .slick-dots {
display: flex;
align-items: center;
list-style: none;
padding-left: 0;
width: 100%;
justify-content: center;
gap: 8px;
}
.b-slider-impacte-home .slick-dots li button {
font-size: 0;
border: 0;
border-radius: 51%;
width: 8px;
height: 8px;
padding: 0;
background-color: #fff;
opacity: .5;
}
.b-slider-impacte-home .slick-dots li.slick-active button {
opacity: 1;
}
.b-highlighted-home .et_pb_slide:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(270deg, rgba(26, 30, 33, 0) 0%, rgba(56, 64, 69, 1) 100%);
}
.b-highlighted-home .et_pb_slider_container_inner {
display: flex;
justify-content: flex-start;
}
.b-highlighted-home .et_pb_slider_container_inner .et_pb_slide_image {
display: none;
}
.b-highlighted-home .et_pb_slider_container_inner .et_pb_slide_description {
width: 100% !important;
}
.b-highlighted-home .et_pb_slider_container_inner .et_pb_slide_title {
max-width: 60%;
}
.b-highlighted-home .et_pb_slider_container_inner .et_pb_slide_description:hover {
max-width: 100% !important;
}
@media all and (max-width: 980px) {
.b-highlighted-home .et_pb_slide:before {
display: none;
}
.b-highlighted-home .et_pb_slider_container_inner .et_pb_slide_image {
display: block !important;
}
.b-highlighted-home .et_pb_slider .et_pb_slide_0_tb_body {
background-image: none;
padding: 0;
}
.b-highlighted-home .et_pb_slider_container_inner {
flex-direction: column;
}
.b-highlighted-home .et_pb_slider_container_inner .et_pb_slide_description {
padding-right: 16px !important;
padding-left: 16px !important;
}
.b-highlighted-home .et_pb_slider_container_inner .et_pb_slide_title {
max-width: 100%;
}
}
.b-image-right-text-left a,
.b-image-left-text-right a{
color: #000;
background-color: #7CDED4;
padding: 10px 26px;
border-radius: 33px;
display: flex;
align-items: center;
width: fit-content;
transition: all .3s ease;
}
.b-image-right-text-left a:hover,
.b-image-left-text-right a:hover {
background-color: #000;
color: #fff;
}
.b-image-right-text-left,
.b-image-left-text-right {
align-items: stretch !important;
}
.b-image-right-text-left .et_pb_column_1_tb_body,
.b-image-right-text-left .et_pb_column_1_2 {
display: flex;
flex-direction: column;
justify-content: center;
}
.b-image-right-text-left .et_pb_column,
.b-image-left-text-right .et_pb_column {
height: inherit;
}
.b-image-right-text-left .et_pb_column .et_pb_image,
.b-image-right-text-left .et_pb_column .et_pb_image_wrap,
.b-image-right-text-left .et_pb_column .et_pb_image_wrap img,
.b-image-left-text-right .et_pb_column .et_pb_image,
.b-image-left-text-right .et_pb_column .et_pb_image_wrap,
.b-image-left-text-right .et_pb_column .et_pb_image_wrap img {
height: 100%;
width: 100%;
object-fit: cover;
}
.et_pb_button_module_wrapper a{
display: flex;
align-items: center;
width: fit-content;
}
.et_pb_button_module_wrapper a::after{
margin-left: auto;
position: static;
}
.b-image-right-text-left a::after,
.b-image-left-text-right a::after,
.b-title-w-button .et_pb_button::after,
.et_pb_button_module_wrapper a::after {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita.png);
width: 18px;
background-size: cover;
background-position: center;
height: 12px;
margin-left: 14px;
transition: all .3s ease;
}
.b-image-right-text-left a:hover::after,
.b-image-left-text-right a:hover::after,
.b-title-w-button .et_pb_button:hover::after,
.et_pb_button_module_wrapper a:hover::after  {
transform: translateX(6px);
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-blanca.png);
}
.b-title-w-button .et_pb_button {
display: flex;
align-items: center;
max-width: fit-content;
padding: .3em 1em !important;
}
.b-title-w-button .et_pb_button::after {
position: static;
}
.b-title-w-button .et_pb_button_alignment_right {
display: flex;
justify-content: flex-end;
}
.banner-with-divider a {
margin-top: 8px;
}
.b-quote-image .et_pb_main_blurb_image img {
height: 125px;
width: 125px !important;
object-fit: cover;
position: relative;
z-index: 5;
}
.b-quote-image .et_pb_main_blurb_image {
height: 140px;
width: 140px;
position: relative;
border: 3px solid #F9CB67;
border-radius: 51%;
}
.b-quote-image .et_pb_image_wrap {
width: 100%;
height: 100%;
}
.b-quote-image .et_pb_main_blurb_image:before {
content: "";
background-color: #fff;
width: 16px;
height: 44px;
position: absolute;
top: 0;
left: 70%;
z-index: 2;
border-radius: 51%;
transform: rotate(45deg);
transform-origin: right;
transition: transform .3s ease;
}
.c-link-arrow .et_pb_column {
display: flex;
align-items: center;
justify-content: center;
}
.c-link-arrow .et_pb_button_module_wrapper .et_pb_button::after {
content: "";
font-size: 0 !important;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
min-width: 18px;
height: 12px;
display: inline-block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px !important;
transition: transform .3s ease;
position: static;
}
.c-link-arrow .et_pb_button_module_wrapper .et_pb_button:hover:after {
transform: translateX(8px);
}
@media all and (max-width: 980px) {
.b-banner-serveis {
flex-direction: column !important;
}
.b-title-w-button .et_pb_column {
margin-bottom: 0;
}
.b-title-w-button .et_pb_button_module_wrapper {
text-align: left !important;
}
.b-title-w-button .et_pb_button {
width: 100%;
white-space: nowrap;
}
.b-image-right-text-left .et_pb_column,
.b-image-left-text-right .et_pb_column {
margin-bottom: 16px !important;
}
.b-image-right-text-left {
display: flex;
flex-direction: column-reverse;
}
.b-image-right-text-left.banner {
flex-direction: column;
}
.b-title-w-button {
display: flex;
align-items: center;
}
.b-title-w-button h2 {
margin-bottom: 0 !important;
}
.b-image-right-text-left .banner-image-left {
max-width: 100%;
}
}
.b-banner-serveis {
flex-direction: row;
}
.et_pb_button_module_wrapper #btn-equipo:after {
content: ""!important;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/logo-linkedin.png)!important;
width: 24px!important;
height: 24px!important;
background-size: contain!important;
}
.et_pb_button_module_wrapper #btn-equipo:hover:after {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/logo-linkedin-hover.png)!important;
}
.c-divider-custom {
position: relative;
z-index: 4;
}
.c-divider-custom:before {
content: "" !important;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider.svg);
display: block;
background-size: cover;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 160px;
border-top: 0;
z-index: 4;
}
.c-divider-yellow-heart {
height: 320px;
}
.c-divider-yellow-heart:before {
content: "" !important;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-heart.svg);
display: block;
background-position: center;
background-size: auto;
background-repeat: no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 320px;
border-top: 0;
z-index: 4;
}
.c-divider-yellow-flower {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-yellow-flower.svg);
background-position: bottom;
background-size: contain;
background-repeat: no-repeat;
}
.c-divider-yellow-flower.voluntariat {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-voluntariado.svg);
}
.c-divider-yellow-flower.educacio {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-yellow-flower-educacion.svg);
background-size: auto;
background-position: left bottom;
}
.c-divider-equipo:before {
transform: none;
}
@media all and (min-width: 1460px) {
.c-divider-custom:before {
height: 250px;
}
.c-divider-yellow-heart,
.c-divider-yellow-heart:before {
height: 400px;
background-size: cover;
}
.c-divider-yellow-flower {
background-size: cover;
padding-bottom: 350px !important;
}
.c-divider-yellow-flower.voluntariat {
background-size:contain;
}
.c-divider-yellow-flower.educacio {
background-size: 90%;
}
}
.section-with-biger-divider,
.section-with-divider {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider.svg);
background-position: bottom;
background-size: contain;
background-repeat: no-repeat;
}
.section-with-divider.patronato {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-patronato.svg);
}
.b-metodo-grid {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-ruludo.png);
background-position: bottom left;
background-size: contain;
background-repeat: no-repeat;
}
.divider-ruludo-meseta {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-ruludo-meseta-fino.svg);
background-position: bottom left;
background-size: contain;
background-repeat: no-repeat;
}
.xarxa-header {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-vertical.png);
background-position: right center;
background-size: auto;
background-repeat: no-repeat;
}
.insercio-divider {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-vertical.png);
background-position: right 25%;
background-size: auto;
background-repeat: no-repeat;
}
.volutariat-divider {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-vertical-left.svg);
background-position: left 70%;
background-size: auto;
background-repeat: no-repeat;
}
.b-impacte-bg {
padding-bottom: 100px !important;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-ruludo-meseta-fino.svg);
background-position: center bottom;
background-size: contain;
background-repeat: no-repeat;
}
.divider-mediano,
.banner-with-divider {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-mediano.svg);
background-position: left top;
background-size: 60%;
background-repeat: no-repeat;
}
.divider-al-reves {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-mediano-reves.svg);
background-position: right top;
background-size: 60%;
background-repeat: no-repeat;
}
.divider-al-reves.educacio {
background-position: right 300px;
}
.divider-bottom {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-ruludo.png);
background-position: bottom;
background-size: 100%;
background-repeat: no-repeat;
}
@media all and (max-width: 980px) {
.xarxa-header,
.insercio-divider,
.volutariat-divider {
background-image: none;
}
.divider-mediano,
.banner-with-divider,
.divider-al-reves {
background-size: 100%;
}
.divider-al-reves .et_pb_row {
flex-direction: column;
}
.c-divider-custom:before {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 80px;
}
.c-divider-yellow-flower {
padding-bottom: 80px !important;
}
.c-divider-yellow-heart,
.c-divider-yellow-heart:before {
height: 100px;
background-size: contain;
}
.divider-al-reves.educacio {
background: none;
}
.c-divider-yellow-flower.educacio {
background-size: contain;
}
}
.b-blog-body .et_pb_title_container {
max-width: 75%;
margin-bottom: 40px;
}
.b-blog-body:before {
content: "";
background-color: #f6f2ef;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 579px;
}
.b-blog-body .et_pb_title_container .entry-title {
margin-bottom: 8px;
}
.b-blog-body .et_pb_title_meta_container {
display: flex;
flex-direction: column;
}
.b-blog-body .et_pb_title_meta_container .author a {
font-weight: 700;
font-style: italic;
color: #1a1e21;
font-size: 20px;
cursor: default;
font-family: 'Addington';
}
.b-blog-body .et_pb_title_meta_container .published {
font-weight: 500;
color: #5c5e5f;
font-size: 16px;
letter-spacing: 0.34px;
}
.b-blog-body .wp-block-gallery,
.b-blog-body .wp-block-image {
margin: 40px 0;
}
.b-blog-body .wp-block-quote {
max-width: 75%;
text-align: center;
font-style: normal;
font-weight: bold;
margin: 40px auto;
font-size: 24px;
line-height: 30px;
border: 0;
font-family: 'Addington';
}
.b-blog-list .post-body {
display: flex;
flex-direction: column;
}
.b-blog-list .post-body .entry-title {
order: 1;
margin-bottom: 16px !important;
}
.b-blog-list .post-body .post-meta {
order: 0;
margin-bottom: 8px !important;
}
.b-blog-list .post-body .post-content {
order: 2;
}
.b-blog-list .entry-featured-image-url {
margin-bottom: 24px !important;
}
.b-blog-body h1,
.b-blog-body h2,
.b-blog-body h3,
.b-blog-body h4,
.b-blog-body h5 {
padding: 1rem 0 2rem;
}
.b-blog-body .b-noticia-heading .et_pb_title_container {
margin-bottom: 0;
}
.b-blog-body .b-noticia-heading .et_pb_title_container .entry-title {
margin-bottom: 0;
padding-bottom: 0;
line-height: 22px;
}
.b-blog-body .b-noticia-heading .et_pb_title_container .published {
font-size: 12px;
letter-spacing: 1px;
}
.b-blog-list .et_pb_post .et_pb_image_container img {
height: 280px;
object-fit: cover;
margin: 0;
}
.b-blog-list .et_pb_post .et_pb_image_container {
margin: 0;
transition: box-shadow .3s ease;
}
.b-blog-list .et_pb_post .et_pb_image_container:hover {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .09);
}
.b-blog-list .et_pb_post {
padding: 0 !important;
}
.b-blog-list .et_pb_blog_grid .column.size-1of3 {
width: calc(33.33% - 35px) !important;
margin-right: 35px !important;
}
.b-blog-list .entry-title a,
.blog-filtered-grid .pgafu-design-1 .pgafu-post-title a {
background-image: linear-gradient(#000, #000);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size .3s;
}
.b-blog-list .entry-title a:hover,
.blog-filtered-grid .pgafu-design-1 .pgafu-post-title a:hover {
background-size: 100% 1px;
}
.b-blog-list .more-link {
margin-top: 28px;
display: flex;
align-items: center;
position: relative;
width: fit-content;
}
.b-blog-list .more-link:after {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
min-width: 18px;
height: 12px;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px;
transition: transform .3s ease;
}
.b-blog-list .more-link:before {
content: "";
bottom: 0;
display: block;
height: 2px;
left: 0;
position: absolute;
background: #000;
opacity: 0.6;
transition: width 0.3s ease 0s, opacity 0.3s ease 0s;
width: 0;
}
.b-blog-list .more-link:hover:after {
transform: translateX(8px);
}
.b-blog-list .more-link:hover:before {
width: calc(100% - 34px);
opacity: 1;
}
.b-blog-list .post-meta {
font-size: 0 !important;
}
.blog-in-xarxa article {
background-color: transparent !important;
}
.b-blog-body .b-noticia-cuerpo .et_pb_section_0 {
padding: 0;
}
.b-blog-body .b-noticia-cuerpo .et_pb_row_0 {
width: 100%;
padding-bottom: 0;
}
@media all and (max-width: 980px) {
.b-blog-body .et_pb_title_container {
max-width: 100%;
margin-bottom: 24px;
}
.b-blog-body .et_pb_title_container .entry-title {
padding-bottom: 0;
}
.b-blog-body:before {
display: none;
}
.b-blog-body .b-noticia-cuerpo .et_pb_row_0 {
width: 90%;
padding-bottom: 0;
}
}
.blog-filtered-grid .pgafu-design-1 .pgafu-columns {
height: 648px;
}
.blog-filtered-grid .pgafu-design-1 .pgafu-columns:first-child {}
.blog-filtered-grid .pgafu-design-1 .pgafu-post-grid-content {
text-align: left;
display: flex;
flex-direction: column;
}
.blog-filtered-grid .pgafu-design-1 .pgafu-post-title {
padding: 0 !important;
margin-bottom: 16px !important;
order: 3;
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-title a {
color: #000;
font-size: 24px !important;
line-height: 30px !important;
font-weight: bold;
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-content {
padding-top: 0px !important;
order: 4;
}
.blog-filtered-grid .pgafu-post-grid {
margin-bottom: 48px !important;
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-image-bg a img {
transition: box-shadow .3s ease;
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-image-bg a:hover img {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .09);
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .readmorebtn {
padding: 0 !important;
border-bottom: 0;
font-size: 14px;
text-transform: uppercase;
color: #000;
display: flex;
align-items: center;
width: fit-content;
font-weight: bold;
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .readmorebtn:hover {
background-color: transparent;
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .readmorebtn:after {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
min-width: 18px;
height: 12px;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px;
transition: transform .3s ease;
}
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .readmorebtn:hover:after {
transform: translateX(8px);
}
.blog-filtered-grid .pgafu-filter {
text-align: left;
margin-bottom: 50px;
}
.blog-filtered-grid .pgafu-filter a {
background-color: #fff;
border-radius: 5px;
font-weight: 600;
border: 1px solid #000;
padding: 10px 24px;
font-size: 18px;
transition: all .3s ease;
}
.blog-filtered-grid .pgafu-filter a:hover {
background-color: #000;
color: #fff;
}
.blog-filtered-grid .pgafu-active-filtr a {
background-color: #000 !important;
color: #fff;
}
.c-read-more p {
font-size: 14px;
text-transform: uppercase;
color: #000;
}
.c-read-more p:after {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
min-width: 18px;
height: 12px;
display: inline-block;
vertical-align: middle;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px;
transition: transform .3s ease;
}
.c-read-more p:hover:after {
transform: translateX(8px);
}
.c-title-hover h2 {
background-image: linear-gradient(#000, #000);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size .3s;
display: inline;
}
.c-title-hover h2:hover {
background-size: 100% 1px;
}
.et_pb_post_content a {
text-decoration: underline !important;
}
.et_pb_post_content a:hover {
text-decoration: none !important;
}
.et_pb_module.et_pb_post_title .et_pb_title_featured_container .et_pb_image_wrap {
max-height: 530px;
}
.et_pb_module.et_pb_post_title .et_pb_title_featured_container .et_pb_image_wrap img {
max-height: 530px;
object-fit: cover;
}
.filter-btn {
display: none !important;
}
@media all and (max-width: 980px) {
.blog-filtered-grid .pgafu-design-1 .pgafu-columns {
height: auto;
padding: 0;
width: 100%;
}
.filter-btn {
display: block !important;
}
.closed-filters .pgafu-filter {
display: none;
}
.blog-filtered-grid .pgafu-filter {
padding-bottom: 16px !important;
margin-bottom: 16px !important;
padding: 0;
}
.blog-filtered-grid .pgafu-filter::-webkit-scrollbar {
width: 2px;
}
.blog-filtered-grid .pgafu-filter::-webkit-scrollbar-track {
background-color: #dffffc;
width: 2px;
border-radius: 30px;
}
.blog-filtered-grid .pgafu-filter::-webkit-scrollbar-thumb {
background-color: #b4ece6;
width: 2px;
border-radius: 30px;
}
.blog-filtered-grid .pgafu-filter li {
margin-right: 8px !important;
}
.blog-filtered-grid .pgafu-filter a {
white-space: nowrap;
}
.b-blog-body .wp-block-gallery,
.b-blog-body .wp-block-image {
margin: 24px 0;
}
.b-blog-body .wp-block-quote {
max-width: 100%;
padding-left: 0;
margin: 16px auto;
}
}
@media all and (min-width: 658px) and (max-width: 980px) {
.blog-filtered-grid .pgafu-design-1 .pgafu-columns {
margin-right: 36px;
width:calc(50% - 36px);
}
}
.fe-tag-container a,
.c-tag-inside-blog,
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-categories a,
.post-meta a {
background-color: #fbe6b6;
border: 1px solid #F9CB67;
padding: 4px 18px;
width: fit-content;
border-radius: 5px;
margin: 0 4px 4px 0;
display: inline-block;
transition: opacity .3s ease;
color:#000!important;
font-size: 13px!important;
text-transform: none!important;
line-height: 1em;
font-weight: 600;
}
.fe-tag-container a:hover,
.blog-filtered-grid .pgafu-post-grid-main.pgafu-design-1 .pgafu-post-categories a:hover,
.post-meta a:hover {
opacity: .7;
}
@media all and (max-width: 980px) {
.fe-tag-container a {
margin: 0 8px 8px 0;
}
}
.post-meta a {
margin-right: 4px;
}
.fe-post-navigation .nav-previous a,
.fe-post-navigation .nav-next a {
display: flex;
align-items: center;
flex-direction: column;
max-width: 271px;
width: 271px;
transition: opacity .3s ease;
}
.fe-post-navigation .nav-previous a .meta-img {
align-self: flex-end;
}
.fe-post-navigation .nav-next a .meta-img {
align-self: flex-start;
}
.fe-post-navigation .nav-previous .nav-label,
.fe-post-navigation .nav-next .nav-label {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
}
.fe-post-navigation .nav-previous .meta-nav,
.fe-post-navigation .nav-next .meta-nav {
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
}
.b-serveis-navigation .btn-prev .et_pb_button.prev:before,
.b-serveis-navigation .btn-next .et_pb_button.next:after,
.fe-post-navigation .nav-previous .meta-nav:before,
.fe-post-navigation .nav-next .meta-nav:before {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
min-width: 18px;
height: 12px;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px;
transition: transform .3s ease;
}
.b-serveis-navigation .btn-prev .et_pb_button.prev:before,
.fe-post-navigation .nav-previous .meta-nav:before {
margin-right: 16px;
margin-left: 0;
transform: rotate(180deg);
}
.fe-post-navigation .nav-previous a:hover .meta-nav:before,
.fe-post-navigation .nav-next a:hover .meta-nav:before {
transform: translateX(8px);
}
.fe-post-navigation .nav-previous a:hover ,
.fe-post-navigation .nav-next a:hover {
opacity: .7;
}
.b-serveis-navigation .btn-prev .et_pb_button.prev:hover:before,
.fe-post-navigation .nav-previous a:hover .meta-nav:before {
transform: rotate(180deg) translateX(8px);
}
.fe-post-navigation .meta-img {
width: calc(100% - 34px);
margin-top: 22px;
}
.fe-post-navigation .meta-img img {
width: 100%;
max-height: 133px;
object-fit: cover;
object-position: center;
}
.b-serveis-navigation .btn-next a{
width: 100%;
justify-content: flex-end;
padding-right: 0!important;
}
.b-serveis-navigation .btn-prev a{
padding-left: 0!important;
}
.b-serveis-navigation .btn-next .et_pb_button.next:after{
color:#fff!important;
margin-left: 16px!important;
}
.b-serveis-navigation .btn-prev .et_pb_button.prev:before{
color:#fff!important;
margin-right: 16px!important;
margin-left: 0px!important;
position: static;
}
@media all and (max-width: 980px) {
.fe-post-navigation .nav-previous {
margin-bottom: 24px;
}
.fe-post-navigation .nav-previous a,
.fe-post-navigation .nav-next a {
padding: 0 !important;
}
.et_pb_post_nav_0_tb_body {
padding-top: 24px;
}
}
.b-noticias .et_pb_post {
display: flex;
flex-direction: column;
padding: 0;
}
.b-noticias .et_pb_post .post-meta {
font-size: 0;
order: 0;
}
.b-noticias .et_pb_post .post-content {
order: 3;
}
.b-noticias .et_pb_post .entry-title {
order: 1;
display: inline-block;
}
.b-noticias .et_pb_post .entry-title a{
background-image: linear-gradient(#000, #000);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size .3s;
}
.b-noticias .et_pb_post .entry-title a:hover{
background-size: 100% 1px;
}
.b-noticias .et_pb_post .field_role,
.b-noticias .et_pb_post .field_name{
display: none;
}
.b-noticias .et_pb_image_container {
order: 0;
margin:0!important; 
}
.b-noticias .et_pb_image_container img{
height:180px;
object-fit: cover;
}
.b-noticias .entry-featured-image-url{
margin-bottom: 24px!important;
}
.b-noticias .post-body{
display: flex;
flex-direction: column;
}
.testimonio-header {
display: flex;
flex-direction: row;
align-items: center;
min-height: 579px;
}
.testimonio-header .et_pb_text_4_tb_body .et_pb_text_inner:before {
content: ",";
display: inline;
margin: 0 2px;
}
.testimonio-header .testimony-name .et_pb_text_inner{
font-family: 'Addington';
font-weight: bold;
}
.testimonio-header .et_pb_title_featured_container img {
max-height: 400px !important;
object-fit: cover;
}
.testimonio-header .et_pb_title_container {
display: none;
}
@media all and (max-width: 980px) {
.b-testimonio:before{
display: none;
}
.testimonio-header {
flex-direction: column-reverse;
min-height: unset;
}
.testimonio-header .et_pb_title_featured_container img {
max-height: unset !important;
object-fit: cover;
}
}
.c-blurb-impacte .et_pb_blurb_container {
padding: 30px 30px 50px;
}
.c-blurb-impacte .et_pb_blurb_description .blurb-subtitle {
font-weight: bold;
font-size: 24px;
display: block;
margin-bottom: 6px;
}
.b-xarxa-patrocinadores .et_pb_blurb_content .et_pb_main_blurb_image {
height: 120px;
width: 100%;
}
.b-xarxa-patrocinadores .et_pb_blurb_content .et_pb_image_wrap {
height: 120px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.b-xarxa-patrocinadores .et_pb_blurb_content .et_pb_main_blurb_image img {
max-height: 100%;
}
.b-xarxa-patrocinadores .et_pb_blurb_content {
height: 100%;
}
.b-impacte-indicadors .slick-arrow{
display: none!important;
}
@media all and (max-width: 980px) {
.c-blurb-impacte .et_pb_blurb_container {
padding: 30px;
}
.b-banner-impacte img{
object-position: right;
}
}
.b-sticky-post article {
display: flex;
flex-direction: row-reverse;
margin-bottom: 0;
}
.b-sticky-post .entry-featured-image-url {
width: 50%;
max-height: 400px;
}
.b-sticky-post .post-meta{
font-size: 0!important;
}
.b-sticky-post .entry-featured-image-url img {
width: 100%;
height: 100%;
object-fit: cover;
}
.b-sticky-post .field_name,
.b-sticky-post .field_role {
display: none;
}
.b-sticky-post .post-body {
width: 50%;
padding-right: 32px;
display: flex;
flex-direction: column;
}
.b-sticky-post .entry-title {
order: 1;
}
.b-sticky-post .entry-title a,.b-grid-blog-home .et_pb_module_header span{
background-image: linear-gradient(#000, #000);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 2px;
transition: background-size .3s;
}
.b-sticky-post .entry-title a:hover ,.b-grid-blog-home .et_pb_module_header span:hover{
background-size: 100% 2px;
}
.b-sticky-post .post-meta {
order: 0;
}
.b-sticky-post .post-content {
order: 2;
}
.b-sticky-post .post-content .more-link:after {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
min-width: 18px;
height: 12px;
display: inline-block !important;
vertical-align: middle;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px;
transition: transform .3s ease;
}
.b-sticky-post .post-content .more-link:hover:after {
transform: translateX(8px);
}
.b-sticky-post .post-content .more-link {
font-size: 14px;
}
@media all and (max-width: 980px) {
.b-sticky-post article {
flex-direction: column;
margin-bottom: 0;
}
.b-sticky-post .entry-featured-image-url,
.b-sticky-post .post-body {
width: 100%;
padding-right: 0;
}
}
.et_pb_menu .et-menu .menu-item-object-language_switcher:not(:last-child) {
margin-left: 32px;
}
.et_pb_menu .et-menu .menu-item-object-language_switcher:not(:last-child):after {
content: "|";
display: inline-block;
vertical-align: middle;
margin: 0 8px;
}
.et_pb_menu .et-menu .menu-item-object-language_switcher a,
.fe-menu-header .et_pb_menu__wrap .menu-item-object-language_switcher a {
text-transform: uppercase;
}
.et_pb_menu .et-menu .menu-item-object-language_switcher a:before {
background-color: #0E57B3;
height: 2px;
}
.et_pb_menu .et-menu .menu-item-object-language_switcher{
padding-left: 0;
padding-right: 0;
margin: 8px 0 0;
}
.et_pb_menu .et-menu .current-language-menu-item a:before {
width: 100%;
opacity: 0.8;
}
@media all and (max-width: 980px) {
.et_pb_menu_0_tb_header.et_pb_menu ul .current-language-menu-item a {
color: #0E57B3!important;
}
}
.b-exit-slider .entry-featured-image-url img {
width: 210px !important;
height: 210px;
border-radius: 51% !important;
min-width: unset;
padding: 4px;
object-fit: cover;
position: relative;
z-index: 99;
}
.b-exit-slider .lwp_post_title {
background-image: linear-gradient(#000, #000);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size .3s;
}
.b-exit-slider .lwp_post_title:hover {
background-size: 100% 1px;
}
.b-exit-slider .entry-featured-image-url:before {
content: "";
background-color: #fff;
width: 33px;
height: 44px;
position: absolute;
top: 0;
left: 70%;
z-index: 2;
border-radius: 51%;
transform: rotate(45deg);
transform-origin: right;
transition: transform .3s ease;
}
.b-exit-slider .entry-featured-image-url {
position: relative;
width: 218px !important;
height: 218px;
border-radius: 51% !important;
margin: 0 0 32px !important;
border: 4px solid #f9cb67;
}
.b-exit-slider article {
display: flex !important;
align-items: flex-start;
flex-direction: column;
padding: 0 16px;
height: 521px;
}
.b-exit-slider .field_name {
font-size: 20px;
font-style: italic;
font-weight: bold;
color: #000 !important;
padding-bottom: 3px;
}
.b-exit-slider .field_role {
font-size: 14px !important;
font-weight: bold;
margin-bottom: 16px;
line-height: 1.1em;
}
.b-exit-slider .entry-featured-image-url:hover:before {
transform: rotate(45deg) scaleX(0);
}
.b-exit-slider .more-link {
display: flex !important;
width: fit-content;
align-items: center;
margin-top: 24px;
font-weight: bold;
}
.b-exit-slider .more-link:after {
font-size: 0 !important;
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
min-width: 18px;
height: 12px;
display: block !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 16px;
transition: transform .3s ease;
position: static;
}
.b-exit-slider .more-link:hover:after {
transform: translateX(8px);
}
.b-exit-slider .entry-title {
display: none;
}
.b-exit-slider .post-meta {
font-size: 0 !important;
}
.b-exit-slider .author a {
background-color: transparent;
border-color: transparent;
padding: 0;
font-weight: 700;
font-style: italic;
font-size: 20px !important;
}
.b-educacion-slider .slick-arrow,
.b-exit-slider .slick-arrow {
background-color: #7cded4;
border-radius: 51%;
position: absolute;
top: 100%;
left: 50%;
width: 36px;
height: 36px;
transform: translateX(-50%);
font-size: 0;
transition: background-color .3s ease;
}
.b-educacion-slider .slick-arrow:before,
.b-exit-slider .slick-arrow:before {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita.png);
background-size: contain;
display: inline-block;
background-position: center;
background-position: center;
width: 24px;
height: 24px;
background-repeat: no-repeat;
}
.b-educacion-slider .slick-arrow.slick-prev,
.b-exit-slider .slick-arrow.slick-prev {
transform: translateX(calc(-50% - 36px)) rotate(180deg);
}
.b-educacion-slider .slick-arrow.slick-next,
.b-exit-slider .slick-arrow.slick-next {
transform: translateX(calc(-50% + 18px));
}
.b-educacion-slider .slick-disabled,
.b-exit-slider .slick-disabled {
opacity: .6;
}
.b-educacion-slider .slick-arrow:hover,
.b-exit-slider .slick-arrow:hover {
background-color: #000;
}
.b-educacion-slider .slick-arrow:hover:before,
.b-exit-slider .slick-arrow:hover:before {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-blanca.png);
}
.b-educacion-slider .et_pb_module {
margin-bottom: 0 !important;
}
.b-educacion-proteccion{
position: absolute;
right: 0;
}
.slick-arrow{
border:0;
box-shadow: none;
}
@media all and (max-width: 980px) {
.b-exit-slider article {
align-items: center;
text-align: center;
}
.b-exit-slider .more-link {
margin: 24px auto 0;
}
.b-educacion-slider .slick-arrow.slick-prev,
.b-exit-slider .slick-arrow.slick-prev {
transform: translateX(calc(-50% - 24px)) rotate(180deg);
}
.b-educacion-slider .slick-arrow.slick-next,
.b-exit-slider .slick-arrow.slick-next {
transform: translateX(calc(-50% + 24px));
}
.b-educacion-proteccion{
position: static;
}
}
.et_pb_scroll_top.et-pb-icon {
padding: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
right: 20px;
background-color: #7CDED4;
transition:background-color .3s ease;
}
.et_pb_scroll_top.et-pb-icon:before {
color:#000;
transition:color .3s ease;
}
.et_pb_scroll_top.et-pb-icon:hover {
background-color: #000;
}
.et_pb_scroll_top.et-pb-icon:hover:before {
color:#fff;
}
.b-serveis-full-img img {
max-height: 389px !important;
object-fit: cover;
}
.b-serveis-row .et_pb_column {
height: inherit;
position: relative;
}
.b-serveis-row .et_pb_column .read-more {
position: absolute;
bottom: 24px;
right: 24px;
display: flex;
align-items: center;
font-size: 14px;
}
.b-serveis-row .et_pb_column .read-more:after {
content: "" ;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
width: 18px;
background-size: cover;
background-position: center;
height: 12px;
margin-left: 14px;
transition: all .3s ease;
}
.b-serveis-row .et_pb_column .et_pb_blurb_content {
position: static !important;
}
.b-serveis-row .et_pb_column .et_pb_blurb:hover .read-more:after{
transform: translateX(6px);
}
.b-serveis-row .et_pb_column .et_pb_blurb:hover .read-more:after{
transform: translateX(6px);
}
.b-serveis-row .et_pb_column .et_pb_blurb .et_pb_module_header span{
background-image: linear-gradient(#000, #000);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
line-height: 1.2em;
transition: background-size .3s;
}
.b-serveis-row .et_pb_column .et_pb_blurb:hover .et_pb_module_header span{
background-size: 100% 1px;
}
.b-serveis-row .et_pb_column .et_pb_blurb{
transition:all .3s ease;
}
.b-serveis-row .et_pb_column .et_pb_blurb .et_pb_blurb_description{
padding-bottom: 36px;
}
.b-serveis-row .et_pb_column .et_pb_blurb:hover{
transform: translateY(4px);
box-shadow:  0px 0px 11px 0px rgba(122, 58, 35, 0.09);
}
.b-reces .et_pb_promo_description{
max-width: 100%!important;
padding: 0 16px;
}
.b-reces{
align-items: flex-start!important;
}
.b-share-media{
display: flex;
align-items: center;
} 
.b-share-media .ShariffHeadline{
text-transform: none;
}
.b-share-media .twitter-social-share:before,
.b-share-media .linkedin-social-share:before,
.b-share-media .fb-social-share:before{
top: 50%;
transform: translateY(-50%);
}
.b-header-voluntariado .et_pb_column .et_pb_image_wrap,
.b-header-voluntariado .et_pb_column .et_pb_image_wrap img {
width: 100%;
}
.b-header-voluntariado h1{
margin-bottom:32px;
padding:0 ;
}
.b-contact-map {
display: flex;
align-items: stretch;
}
.b-contact-map .map-column{
z-index: 0!important;
}
.b-contact-map .map-column .et_pb_code_inner,
.b-contact-map .map-column iframe,
.b-contact-map .map-column  .et_pb_module{
height: 100%;
}
@media all and (max-width: 980px) {
.b-contact-map {
flex-direction: column;
}
.b-contact-map .map-column .et_pb_code_inner,
.b-contact-map .map-column iframe,
.b-contact-map .map-column .et_pb_map_container .et_pb_module{
height: 280px;
}
}
.shariff{
margin-top: 27px;
}
.ShariffHeadline{
text-transform: uppercase;
font-weight: bold;
display: inline-block;
margin-right: 24px;
}
.shariff-buttons .shariff-button,
.shariff-buttons{
display: inline-block!important;
vertical-align: middle;
}
.shariff-buttons .shariff-button .shariff-link{
background-color: #000!important;
transition: background-color .3s ease;
}
.shariff-buttons .shariff-button:hover{
opacity: .5;
}
.voluntariado-form {
display: flex;
flex-wrap: wrap;
column-gap: 54px;
}
.voluntariado-form .form-item {
display: flex;
flex-direction: column;
width: calc(50% - 27px);
}
.voluntariado-form .form-item,
.voluntariado-form .form-item label {
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 6px;
}
.voluntariado-form .form-item input,
.voluntariado-form .form-item select,
.voluntariado-form .form-item textarea {
border-color: #000;
min-height: 44px;
padding: 12px;
width: 100%;
border-width: 1px;
}
.voluntariado-form .form-item select {
padding: 6px 12px;
}
.voluntariado-form .form-item select option {
color: #000;
}
.voluntariado-form .form-item.privacy-item {
width: 100%;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
text-transform: none;
}
.voluntariado-form .form-item.privacy-item {
flex-direction: column;
align-items: flex-start;
}
.voluntariado-form .form-item.privacy-item input {
min-height: unset;
width: auto;
}
.voluntariado-form .form-item.privacy-item a {
text-decoration: underline;
}
.voluntariado-form .form-actions {
width: 100%;
justify-content: flex-end;
display: flex;
padding-right: 27px;
align-items: center;
}
.voluntariado-form .form-actions .btn {
border: 0;
box-shadow: none;
border-radius: 33px;
background-color: #7cded4;
display: flex;
justify-content: center;
align-items: center;
padding-right: 12.6px;
transition: all .3s ease;
}
.voluntariado-form .form-actions .btn:after {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita.png);
content: "";
width: 18px;
background-size: cover;
background-position: center;
height: 12px;
margin-left: 14px;
display: inline-block;
vertical-align: middle;
transition: all .3s ease;
}
.voluntariado-form .form-actions .btn:hover::after {
transform: translateX(6px);
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-blanca.png);
}
.voluntariado-form .form-actions .btn input {
font-weight: bold;
font-size: 18px;
border: 0;
padding: 0;
box-shadow: none;
background-color: transparent;
padding: 12px 0 12px 24px;
cursor: pointer;
}
.voluntariado-form .form-actions .btn:hover {
background-color: #000;
color: #fff;
}
.voluntariado-form .form-actions .btn:hover input {
color: #fff;
}
.b-voluntariado-toggle .et_pb_blurb .et_pb_main_blurb_image img {
height: 200px;
object-fit: cover;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(270deg) !important;
}
.b-voluntariado-toggle .et_pb_toggle .et_pb_toggle_title:hover:before {
background-color: #000;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-blanca.png);
}
.b-voluntariado-toggle .et_pb_toggle .et_pb_toggle_title:before {
width: 32px;
height: 32px;
border: 1.2px solid rgba(0, 0, 0, 1);
border-radius: 50%;
font-size: 0;
top: 0;
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita.png);
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
transform: rotate(90deg);
transition: all .3s ease;
}
@media all and (max-width: 980px) {
.voluntariado-form .form-item {
width: 100%;
}
.voluntariado-form .form-actions {
justify-content: flex-start;
}
}
.voluntariat-slider-mobile .slick-dots,
.b-types-voluntariat-slider .slick-dots {
display: flex;
align-items: center;
list-style: none;
padding-left: 0;
width: 100%;
justify-content: center;
gap: 8px;
}
.voluntariat-slider-mobile .slick-dots li button ,
.b-types-voluntariat-slider .slick-dots li button {
font-size: 0;
border: 0;
border-radius: 51%;
width: 8px;
height: 8px;
padding: 0;
background-color: #F9CB67;
opacity: .5;
}
.slick-dots li button ,
.b-types-voluntariat-slider .slick-dots li.slick-active button {
opacity: 1;
}
@media all and (max-width: 980px) {
.b-types-voluntariat-slider .slick-track .et_pb_column {
width: 300px !important;
margin: 0 16px !important;
}
}
.voluntariado-image {
img {
object-position: top;
}
}
.voluntariado-blurb {
.et_pb_blurb_container {
display: flex;
gap: 40px;
padding-left: 0;
}
.et_pb_blurb_content {
display: flex;
align-items: center;
gap: 36px;
.et_pb_module_header {
padding-bottom: 0;
}
}
.et_pb_main_blurb_image {
flex-shrink: 0;
margin-bottom: 0;
width: 62px;
height: 62px;
.et_pb_image_wrap {
margin: 0;
width: 62px;
height: 62px;
display: flex;
justify-content: center;
align-items: center;
img {
width: 32px;
max-width: 32px;
}
}
}
}
@media all and (max-width: 980px) {
.voluntariado-blurb {
.et_pb_blurb_content {
flex-direction: row;
align-items: flex-start;
gap: 8px;
.et_pb_main_blurb_image {
width: 32px;
height: 32px;
.et_pb_image_wrap {
width: 32px;
height: 32px;
img {
width: 17px;
max-width: 17px;
}
}
}
.et_pb_blurb_container {
flex-direction: column;
gap: 12px;
}
}
}
}
.voluntariat-toggle {
.et_pb_blurb {
.et_pb_main_blurb_image {
margin-bottom: 24px;
}
.et_pb_blurb_container {
.et_pb_module_header {
padding: 0 32px 12px;
}
}
}
.et_pb_toggle {
&.et_pb_toggle_open {
.et_pb_toggle_title {
&:before {
transform: rotate(360deg) !important;
}
}
}
.et_pb_toggle_content {
padding: 0 32px !important;
}
.et_pb_toggle_title {
padding: 0 16px 0 32px !important;
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
&::before {
position: static;
flex-shrink: 0;
border: 1px solid #000;
border-radius: 51%;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s ease;
}
}
&:hover {
.et_pb_toggle_title {
&::before {
border-color: rgba(124, 222, 212, 1);
}
}
}
}
}
.voluntariat-slider-mobile {
.slick-list {
.slick-track {
display: flex;
.et_pb_column {
width: 330px !important;
}
}
}
}
@font-face {
font-family: "Playfair-Bold-Italic";
src: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/PlayfairDisplay-BoldItalic.ttf) format("truetype");
}
@font-face {
font-family: 'Nunito Sans';
src: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/NunitoSans-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Nunito Sans' !important;
}
em {
font-family: "Playfair-Bold-Italic" !important;
}
h2 {
margin-bottom: 24px !important;
padding-bottom: 0 !important;
}
.link-external {
color: #000 !important;
}
.link-external,
.et_pb_button.et_pb_promo_button {
display: flex;
align-items: center;
width: fit-content;
}
.link-external:after {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-verde.svg);
content: "" !important;
position: static !important;
width: 18px;
background-size: cover;
background-position: center;
height: 12px;
margin-left: 14px;
transition: all .3s ease;
}
.et_pb_button.et_pb_promo_button:after {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita.png);
content: "" !important;
position: static !important;
width: 18px;
background-size: cover;
background-position: center;
height: 12px;
margin-left: 14px;
transition: all .3s ease;
}
.link-external:hover::after {
transform: translateX(6px);
}
.et_pb_button.et_pb_promo_button:hover::after {
transform: translateX(6px);
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/flechita-blanca.png);
}
@media all and (max-width: 980px) {
h2 {
margin-bottom: 16px !important;
}
.f-reverse {
display: flex;
flex-direction: column-reverse;
}
.f-reverse .et_pb_image {
margin-bottom: 24px !important;
}
}
.p-metodologia {
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/divider-vertical-left.svg);
background-position: 0 66%;
background-size: 250px;
background-repeat: no-repeat;
}
.et_builder_inner_content .et_pb_section_sticky .b-banner-impacte {
padding-bottom: 28px !important;
}
.b-banner-impacte .et_pb_image_wrap {
width: 100%;
height: 100%;
}
.b-banner-impacte img {
object-fit: cover;
width: 100%;
max-height: 100%;
height: 100%;
}
@media all and (max-width: 980px) {
.p-metodologia {
background-image: none;
}
.b-banner-impacte {
flex-direction: column;
}
}
.et_pb_accordion .et_pb_module {
border-color: transparent;
}
.et_pb_accordion .et_pb_module .et_pb_toggle_title:hover {
opacity: .7;
}
.et_pb_accordion .et_pb_module .et_pb_toggle_title:before {
font-size: 36px !important;
transition: transform .3s ease;
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
content: "\33" !important;
transform: rotate(180deg);
}
.et_pb_accordion .et_pb_toggle_content p a,
.et_pb_accordion .et_pb_toggle_content a {
font-weight: 400;
text-decoration: none;
margin-bottom: 6px;
}
.et_pb_accordion .et_pb_toggle_content a:hover,
.et_pb_accordion .et_pb_toggle_content p a:hover {
text-decoration: underline;
}
.et_pb_accordion .et_pb_toggle_content p a:before,
.et_pb_accordion .et_pb_toggle_content a:before {
content: "";
background-image: url(//www.fundacioesperanca.org/wp-content/themes/fe-divi/assets/ico-download.svg);
display: inline-block;
vertical-align: middle;
width: 20px;
background-size: cover;
background-position: center;
height: 20px;
margin-right: 15px;
transition: all .3s ease;
}
.et_pb_toggle_content a {
text-decoration: underline;
font-weight: bold;
font-size: 16px;
}
.et_pb_toggle_content a:hover {
text-decoration: none;
}
.fullwidth-empreses img {
object-position: center;
object-fit: cover;
}
.et_pb_fullwidth_image img,
.et_pb_module.et_pb_image img {
max-height: 100%;
object-fit: cover;
}
.b-xarxa-patrocinadores .et_pb_text p {
padding-bottom: 6px;
}
.archive.category article .field_name,
.archive.category article .field_role {
display: none;
}
.archive.category article {
min-height: 560px;
}
.image-full-width .et_pb_image_wrap,
.image-full-width .et_pb_main_blurb_image,
.image-full-width .et_pb_image_wrap img {
width: 100% !important;
}
.b-xarxa-patrocinadores .et_pb_main_blurb_image img {
width: auto !important;
}
.et_pb_promo_description h2 {
margin-bottom: 16px !important;
}
@media all and (max-width: 980px) {
.image-full-width .et_pb_image_wrap img {
max-height: 250px;
object-fit: cover;
object-position: top;
}
.c-action-impacte .et_pb_promo_description {
max-width: 100% !important;
}
.archive.category article {
min-height: unset;
}
}
table {
width: 100%;
border-collapse: collapse;
font-size: 1em;
}
thead td {
background: #F9CB67;
color: #000;
font-weight: bold;
}
td,
th {
padding: 6px;
border: 1px solid #CCCCCC;
text-align: left;
}
@media all and (max-width: 767px) {
table,
thead,
tbody,
th,
td,
tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ccc;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
td:before {
position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
td:nth-of-type(1):before {
content: "Cookie";
}
td:nth-of-type(2):before {
content: "Purpose";
}
td:nth-of-type(3):before {
content: "More information";
}
}
.translatepress-ca .lang-es {
display: none;
}
.translatepress-es_ES .lang-ca {
display: none;
}