/* Theme Name: Homestead Cares Foundation Theme URI: Author: Jose Salas Author URL: https://buenavista.design/ Version: 1.0 Description: Plantilla personalizada para Homestead Cares Foundation License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: theme-private Text Domain: Homestead Cares Foundation Domain Path: /languages/ */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Sora:wght@100..800&family=Yellowtail&display=swap'); @keyframes fadeout{ 0%{ opacity: 1; } 100%{ opacity: 0; display: none; } } @keyframes Heart{ 0%{ transform: scale(1); } 50%{ transform: scale(1.2); } 100%{ transform: scale(1); } } @keyframes clickme{ 0%{ transform: translateY(0rem); } 50%{ transform: translateY(1.2rem); } 100%{ transform: translateY(0rem); } } @keyframes card_left{ 0%{ opacity: 0; transform: rotate(-18deg) translate(-40%); } 100%{ transform: rotate(0deg) translate(0%); opacity: 1; } } @keyframes card_right{ 0%{ opacity: 0; transform: rotate(18deg) translate(40%); } 100%{ transform: rotate(0deg) translate(0%); opacity: 1; } } @keyframes card_center{ 0%{ opacity: 0; transform: translateY(50%); } 100%{ transform: translateY(0%); opacity: 1; } } @keyframes bg_text{ 0%{ background-position: 101% 100%; } 100%{ background-position: 0% 100%; } } @keyframes entry_left{ 0%{ opacity: 0; transform: translateX(-100%); } 100%{ opacity: 1; transform: translateX(0%); } } @keyframes entry_right{ 0%{ opacity: 0; transform: translateX(100%); } 100%{ opacity: 1; transform: translateX(0%); } } @keyframes message{ 0%{ opacity: 0; transform: scale(0); } 50%{ opacity: 1; transform: scale(1.2); } 75%{ opacity: 1; transform: scale(0.8); } 100%{ opacity: 1; transform: scale(1); } } @keyframes color-change-2x{0%{background:#E5EC42}50%{background:#F1A884}100%{background: #32ade6;}} @media screen and (min-width:0px){ :root{ --main-color-primary:#2b5f9f; --main-color-secundary:#00b2ff; --main-color-yellow:#FFB400; --main-color-yellow2:#FFDA00; --video-ratio: calc(16 / 9); --video-container-max-width: 640px; --video-container-x-padding-sum: 2rem; --paragraph-font-size:1.6rem; --paragraph-line-height:3.15rem; /* --paragraph-text-align:center; */ --paragraph-color:#151515; --paragraph-letter-spacing: 0.32px; --paragraph-font-style: normal; --paragraph-font-weight: 400; --paragraph-font-family: 'Manrope',sans-serif; --title-font-size:4rem; --title-line-height:6.4rem; --title-letter-spacing: 0.4px; --font-paragraph: var(--paragraph-font-style) var(--paragraph-font-weight) var(--paragraph-font-size) var(--paragraph-line-height) var(--paragraph-font-family); } ::selection{background:rgba(0, 0, 0, 0.3);} /*=============== GENERAL ===============*/ .wcbtn.btn-blue{background:var(--main-color-secundary);} .wcbtn.btn-red{background:#FF0000;} .wcbtn.btn-grey{background:rgba(0, 0, 0, 0.5);} table{display:block; min-width:100%; width:100%; margin:2rem 0; border-radius:1rem; overflow-x:auto;} table thead tr th{background:rgba(0, 0, 0, 0.15); padding:1rem 1.5rem; text-transform:uppercase; font-weight:bold;} table tbody tr td{padding:0.5rem 1.5rem;} table tbody tr:nth-child(odd) td{background:rgba(0, 0, 0, 0.015);} table tbody tr:nth-child(even) td{background:rgba(0, 0, 0, 0.03);} table tbody tr:hover td{background:rgba(0, 0, 0, 0.09);} table tbody tr td{color:rgba(0, 0, 0, 0.5);} .pro-paragraph-inner p{font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; letter-spacing:inherit;} .loading::after{display:none !important; width:0; height:0;} .tpgb-plus-button a{transition:all .3s;} #main__wrapper main{overflow: hidden;} #main__wrapper .slick-track, #main__wrapper .splide__list{transition:unset;} #main__wrapper .slick-list{width: 100%; order: 1;} #main__wrapper .slick-dots{ width: 100%; display: flex; justify-content: center; list-style: none; order: 2;} #main__wrapper .slick-track{display: flex;} #main__wrapper .tpgb-plus-button a > span{display: flex; align-items: center;} #main__wrapper .tpgb-section > .tpgb-section-wrap{max-width:160rem;} #main__wrapper .tpgb-section > .tpgb-section-wrap.tpgb-container-fluid{width:100%; max-width:100%;} #main__wrapper .tpgb-creative-img-wrap{line-height:0;} #main__wrapper .yoast-breadcrumbs span{display: flex; align-items: center; text-wrap: wrap;} #main__wrapper .yoast-breadcrumbs span a{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #38393F;} #main__wrapper .yoast-breadcrumbs span.breadcrumb_last{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color: #38393F;} /*========== WHATSAPP ==========*/ #container__whatsapp {box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); border-radius: 100rem;} #container__whatsapp *{margin:0; padding:0;} #container__whatsapp .texto{display:block;} /*========== SCROLL TOP ==========*/ #scrollto__top{bottom:7rem;} #scrollto__top a#scrolltop__btn{width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; background: #DDEDEB;} #scrollto__top a#scrolltop__btn path{fill: #000000;} #scrollto__top a#scrolltop__btn:hover{background: #afc5c2;} /* #scrollto__top a#scrolltop__btn:hover{color:#fff; background: #9CEE8C;} */ /*=============== TEXTOS GLOBALES ===============*/ #topbody span.font-yellow{font-family: 'Yellowtail', sans-serif; font-weight: 400;} /* #topbody span.line_orange{position: relative; display: inline-block;} #topbody span.line_orange::before{content: ''; display: inline-block; width: 100%; height: .2rem; position: absolute; bottom: .2rem; left: 0rem; background: linear-gradient(90deg, #f9ce78 0%, #F39321 100% );} */ /*========== GLOBAL STYLES ==========*/ .wp-block-outermost-icon-block .icon-container{width: fit-content !important;} .wp-block-outermost-icon-block .icon-container svg{width: auto; height: auto;} body article{overflow: hidden;} #disabled-button{pointer-events: none; color: #818080;} #topbody span.color-animate.active-animation{animation-name: bg_text; animation-duration: 2s; animation-fill-mode: forwards;} #topbody .scroll-down a{animation: clickme 2s infinite ease;} .card_left-animation{opacity: 0; transform: rotate(-18deg) translate(-40%); transition: opacity 0.5s, transform 0.5s;} .card_left-animation.active-animation{animation-name: card_left; animation-duration: 1s; animation-fill-mode: forwards;} .card_right-animation{opacity: 0; transform: rotate(18deg) translate(40%); transition: opacity 0.5s, transform 0.5s;} .card_right-animation.active-animation{animation-name: card_right; animation-duration: 1s; animation-fill-mode: forwards;} .card_center-animation{opacity: 0; transform: translateY(50%); transition: opacity 0.5s, transform 0.5s;} .card_center-animation.active-animation{animation-name: card_center; animation-duration: 1s; animation-fill-mode: forwards;} .entry_left-animation{opacity: 0;transition: opacity 0.5s, transform 0.5s;} .entry_left-animation.active-animation{animation-name: entry_left; animation-duration: 1s; animation-fill-mode: forwards;} .entry_right-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;} .entry_right-animation.active-animation{animation-name: entry_right; animation-duration: 1s; animation-fill-mode: forwards;} .message_entry-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;} .message_entry-animation.active-animation{animation-name: message; animation-duration: 1s; animation-fill-mode: forwards;} /*========== OFFCANVAS ==========*/ #offcanvas{display: flex; flex-direction: column; justify-content: space-between; background:#FFF; position:fixed; width:100vw; height:100%; right:-200%; top:0; padding: 2.435rem 0rem 15.1rem; z-index:999999999; transition:all .4s ease; overflow:auto;} #offcanvas.active{right:0%;} #offcanvas *{color:#3D3D3D; transition: all .5s;} #offcanvas .content-close{display:flex; position:absolute; top: 3.5rem; right: 3.7rem;} #offcanvas #nav__offcanvas{display: flex; row-gap: 3.8rem; flex-direction: column;} #offcanvas #nav__offcanvas > ul.menu{order: 2;} #offcanvas #nav__offcanvas .content-logo{order: 0; padding: 0rem 2.963rem 1.9rem; border-bottom: .1rem solid #D9D9D9;} #offcanvas #nav__offcanvas .content-logo img{max-width: 16.263rem;} #offcanvas #nav__offcanvas > ul.menu{display:flex; flex-direction: column; align-items: center; gap: 2rem; list-style: none;} #offcanvas #nav__offcanvas > ul.menu li a{width: fit-content; display:flex; align-items:center; font-family: "Sora", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: #3B3C3C;} /* #offcanvas #nav__offcanvas > ul.menu li.current-menu-item a{font-weight:700;} */ #offcanvas #nav__offcanvas > ul.menu li.btn_contact a{margin-top: 1.5rem; padding: 1.2rem 5.25rem; border-radius: 2.45rem; color: #FFFFFF; background: #1A4239; transition: .2s ease all;} #offcanvas #nav__offcanvas > ul.menu li.btn_contact a:hover{Background: #276457;} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a span{font-size: 2rem; transform: rotate(0); transition: all .5s ease;} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a.active span{transform: rotate(180deg);} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu{width: 100%; list-style: none;} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu li{padding: 0rem 0rem 0rem 2rem;} #offcanvas .copy_container{display: flex; flex-direction: column; align-items: center; row-gap: 6.3rem; padding-top: 3.45rem; border-top: .1rem solid #D9D9D9;} #offcanvas .copy_container .nav_social-content{display: flex; flex-direction: column;} #offcanvas .copy_container .nav_social-content #widget__info{display: flex; column-gap: 2.6rem;} #offcanvas .copy_container .nav_social-content #widget__info a{width: 4.8rem; height: 4.8rem; display: flex; justify-content: center; align-items: center; background: #ACA8A8; border-radius: 10rem; pointer-events:none;} #offcanvas .copy_container .nav_social-content #widget__info a img{filter: grayscale(1);} /*========== HEADER ==========*/ #header{width:100%; position: fixed; transition:all .4s ease; z-index: 1001;} #header .container__row{display:flex; align-items:center; width: min(84.4%,119.7rem); justify-content:space-between; padding: 1.9rem 0rem;} #header .container__row #container__logo a, #header .container__row #nav__header #list__icons-header a{display: flex;} #header .container__row #container__logo a img{max-width:16.11rem;} #header .container__row #nav__header ul.menu{display: none;} #header .container__row #nav__header #list__icons-header{list-style: none;} #header.fixed, body.contact #header.fixed{background: #FFF;} #header.fixed .container__row{padding: 1.5rem 0rem;} /*========== HOME ==========*/ #hero{border-radius: 3.1rem 3.1rem 0rem 0rem; background: linear-gradient(180deg, #FFFCFA 0%, #FAE5E2 41.15%, #D4EBE8 100%);} #hero #hero_top{width: 100%; max-width: 136.5rem; margin: 0rem auto;} #hero #hero_top .tpgb-cont-in{width: 100%; max-width: 128.1rem; position: relative; margin: 0rem 0rem 0rem auto; background: url(images/bg-heeart-test.webp) no-repeat bottom 18rem right 5.1rem / 13.4rem, url(images/bg-heeart-test.webp) no-repeat bottom 15rem left 13.9rem/5.8rem;} #hero #hero_top .tpgb-cont-in .hero_img{position: unset;} #hero #hero_top .tpgb-cont-in .hero_img .tpgb-creative-image{width: fit-content;} #hero #hero_top .tpgb-cont-in .hero_img .tpgb-creative-image img{width: 100%;} #hero #hero_top .tpgb-cont-in .hero_info{z-index: 1;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title:not(:has(h1)){width: 100%; max-width: 57.7rem;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title:not(:has(h1)).heading-title{display: flex; align-items: center; flex-wrap: wrap;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.heart-icon{width: 3.5rem; height: 3.5rem; display: inline-flex; justify-content: center; align-items: center; margin: 0rem .2rem; border-radius: 100rem; background: #EDAB8A; animation: Heart 2s infinite ease;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.heart-icon svg{width: 1.872rem; height: 1.872rem;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.font-yellow{display: flex; font-size: 4.8rem; line-height: 5rem; background: linear-gradient(90deg, #21847F 51%, #3D3D3D 51%); background-clip: text; -webkit-text-fill-color: transparent; background-size: 200%; background-position: 101% 100%; transition: background-position 2s;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title h1{width: 100%; max-width: 34.8rem;} #hero #hero_top .tpgb-cont-in .hero_info .scroll-down span{display: flex; flex-direction: column; row-gap: .2rem;} #about_us{background: #F4F4F4;} #about_us .about_top > .tpgb-cont-in{position: relative; padding: 2.4rem 2.9rem 3.7rem; border-radius: 2.4rem; background: linear-gradient(180deg, #FCECE9 0%, #FAE5E2 44.53%, #D9EEEC 100%);} #about_us .about_top > .tpgb-cont-in .about_img img{width: 100%; height: 22.4rem; border-radius: 2.4rem; object-fit: cover;} #about_us .about_top > .tpgb-cont-in .about_info > *{width: 100%; margin: 0rem;} #about_us .about_top > .tpgb-cont-in .about_info > .tpgb-container-row > .tpgb-cont-in .tpgb-container-row .tpgb-cont-in{width: 100%; max-width: 12.2rem; display: flex; align-items: center; column-gap: .864rem; margin: 0rem; padding: .6rem 1.5rem .864rem 1.6rem; border-radius: 2.8rem; background: #FFFFFF;} #about_us .about_top > .tpgb-cont-in .about_info > .tpgb-container-row > .tpgb-cont-in .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #about_us .about_top > .tpgb-cont-in .about_info .tpgb-heading-title span.font-yellow{font-size: 4.8rem; color: #21847F;} #our_mission{background: #F4F4F4;} #our_mission .mission_info .tpgb-heading-title span.font-yellow{font-size: 4.8rem; color: #EA8F62;} #our_mission .mission_info .tpgb-pro-paragraph{width: 100%;} #our_mission .mission_icons > .tpgb-container-row{justify-content: flex-end;} #our_mission .mission_icons > .tpgb-container-row > .tpgb-cont-in{width: 100%; display: grid; grid-template-columns: repeat(1,1fr); margin: 0rem;} #our_mission .mission_icons > .tpgb-container-row > .tpgb-cont-in > .tpgb-container-row > .tpgb-container-row{flex-direction: row; column-gap: 2.3rem; padding: 1.2rem 1.4rem; border: .1rem solid #D9D9D9; border-radius: 1.6rem; background: #FFFFFF;} #our_mission .mission_icons > .tpgb-container-row > .tpgb-cont-in > .tpgb-container-row > .tpgb-container-row .tpgb-container-col{width: fit-content; justify-content: center;} #our_mission .mission_icons > .tpgb-container-row > .tpgb-cont-in > .tpgb-container-row > .tpgb-container-row .wp-block-outermost-icon-block{width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; border-radius: .8rem; background: linear-gradient(180deg, #BBF6EE 0%, #FAE5E2 0%, #BBF6EE 100%);} #our_programs{background: #F4F4F4;} #our_programs .programs_top .tpgb-container-row .tpgb-cont-in{width: 100%; max-width: 12.2rem; display: flex; align-items: center; column-gap: .864rem; margin: 0rem; padding: .767rem 1.35rem; border-radius: 2.8rem; background: #FFFFFF;} #our_programs .programs_top .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #our_programs .programs_top .tpgb-heading-title span.font-yellow{font-size: 4.7rem; color: #21847F;} #our_programs .programs_bottom{justify-content: space-between; column-gap: 1rem;} #our_programs .programs_bottom .tpgb-container-col{padding: 2.5rem 2.2rem 4.9rem 3.2rem; border: .1rem solid #D9D9D9; border-radius: 1.6rem; background: #FFFFFF;} #our_programs .programs_bottom .tpgb-container-col > *{width: 100%;} #our_programs .programs_bottom .tpgb-container-col > .tpgb-container-row > .tpgb-cont-in{row-gap: 4.3rem;} #our_programs .programs_bottom .tpgb-container-col .wp-block-outermost-icon-block{width: 6.5rem; height: 6.5rem; display: flex; justify-content: center; align-items: center; border-radius: 1.6rem; background: linear-gradient(180deg, #BBF6EE 0%, #FAE5E2 0%, #BBF6EE 100%);} #our_programs .programs_bottom .tpgb-container-col .wp-block-outermost-icon-block svg{width: 3.4rem; height: 3.5rem;} #our_programs .programs_bottom .tpgb-container-col .tpgb-container-row .tpgb-container-row .tpgb-cont-in{row-gap: 1.3rem;} #our_programs .programs_bottom .slick-list{overflow: hidden;} #our_programs .programs_bottom .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.6rem; margin-top: 2.6rem;} #our_programs .programs_bottom .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #our_programs .programs_bottom .slick-navigation .slick-next{order: 2;} #our_programs .programs_bottom .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #our_programs .programs_bottom .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #D7D2D2; border-radius: 100rem; transition: all .3s ease;} #our_programs .programs_bottom .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #B6B6B6;} #pharmacy{background: #F4F4F4;} #pharmacy .tpgb-cont-in > .tpgb-container-row{padding: 4.2rem 2.6rem 3.6rem; border: .1rem solid #D9D9D9; border-radius: 1.6rem; background: #FFFFFF;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .tpgb-container-row .tpgb-cont-in{width: 100%; max-width: 13rem; display: flex; align-items: center; column-gap: .4rem; margin: 0rem; padding: .6rem .8rem .8rem 1.1rem; border-radius: 2.8rem; background: #F4F4F4;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_info .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_info .tpgb-heading-title span.font-yellow{font-size: 3.2rem; color: #EA8F62;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_info .tpgb-pro-paragraph{width: 100%;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_img img{width: 100%; height: 26.3rem; border-radius: 1.6rem; object-fit: cover;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_img img{width: 100%; height: 26.8rem; border-radius: 1.6rem; object-fit: cover;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info{row-gap: 2.4rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info .tpgb-container-row .tpgb-cont-in{flex-direction: column; row-gap: 1.9rem; padding: 3rem 1.5rem 3.2rem 2.9rem; border: .1rem solid #D9D9D9; border-radius: 1.6rem; background: #FFFF;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info .tpgb-container-row .wp-block-outermost-icon-block{width: 2.4rem; height: 2.4rem; display: flex; justify-content: center; align-items: center; border-radius: .4rem; background: linear-gradient(180deg, #BBF6EE 0%, #FAE5E2 0%, #BBF6EE 100%);} #testimonials{background: #F4F4F4;} #testimonials .testimonials_top .tpgb-container-row .tpgb-cont-in{width: 100%; max-width: 14.5rem; display: flex; align-items: center; column-gap: .4rem; margin: 0rem; padding: .6rem 1.4rem .9rem 1.7rem; border-radius: 2.8rem; background: #FFFFFF;} #testimonials .testimonials_top .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #testimonials .testimonials_top .tpgb-heading-title span.font-yellow{font-size: 4rem; color: #21847F;} #testimonials .testimonials_bottom .testimony_container{height: 100%; position: relative; display: flex; justify-content: flex-end; flex-direction: column; padding: 9.3rem 3.35rem 4.4rem; border-radius: 1.6rem; background: url(images/bg-quotation-marks-test.webp) no-repeat top 4.5rem left 3rem/4.4rem ,linear-gradient(180deg, #FAE5E2 0%, #F9E6E3 18.87%, #EBE9E7 49.87%, #D9EEEC 100%);} #testimonials .testimonials_bottom .testimony_container > *{width: 100%;} #testimonials .testimonials_bottom .testimony_container .testimony_image{order: 1; padding-top: 2.5rem;} #testimonials .testimonials_bottom .testimony_container .testimony_image figure{display: flex;} #testimonials .testimonials_bottom .testimony_container .testimony_image img{width: 100%; height: 21.5rem; object-fit: cover; border-radius: 1.6rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info{height: 100%; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; row-gap: 1.9rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info p{font-family: 'DM Sans',sans-serif; font-size: 2rem; font-weight: 400; line-height: 3rem; color: #3D3D3D;} #testimonials .testimonials_bottom .testimony_container .testimony_info h3{font-family: 'Sora',sans-serif; font-size: 2rem; font-weight: 500; line-height: 2.5rem; color: #3D3D3D;} #testimonials .testimonials_bottom .testimony_container .testimony_info span{display: block; padding-top: 1rem; font-family: 'Sora',sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2rem; color: #818080;} #testimonials .testimonials_bottom .slick-list{overflow: hidden;} #testimonials .testimonials_bottom .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.6rem; margin-top: 2.6rem;} #testimonials .testimonials_bottom .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #testimonials .testimonials_bottom .slick-navigation .slick-next{order: 2;} #testimonials .testimonials_bottom .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #testimonials .testimonials_bottom .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #D7D2D2; border-radius: 100rem; transition: all .3s ease;} #testimonials .testimonials_bottom .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #B6B6B6;} #involved{background: #F4F4F4;} #involved .involved_top .tpgb-container-row .tpgb-cont-in{width: 100%; max-width: 15rem; display: flex; align-items: center; column-gap: .6rem; margin: 0rem; padding: .6rem 1.8rem .7rem 1.6rem; border-radius: 2.8rem; background: #FFFFFF;} #involved .involved_top .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #involved .involved_top .tpgb-heading-title span.font-yellow{font-size: 4.8rem; color: #EA8F62;} #involved .involved_bottom .tpgb-tabs-nav{display: flex; flex-direction: column; justify-content: center; align-items: center;} #involved .involved_bottom .tpgb-tabs-nav .tpgb-tab-li:not(:last-child){border-bottom: .1rem solid #D9D9D9;} #involved .involved_bottom .tpgb-tabs-nav .tpgb-tab-li{width: 100%;} #involved .involved_bottom .tpgb-tabs-nav .tpgb-tab-header{width: 100%; position: relative; padding: 0rem;} #involved .involved_bottom .tpgb-tabs-content-wrapper{padding-top: 2.1rem;} #involved .involved_bottom .donate{padding: 3.6rem 2.05rem 2.9rem; border: .1rem solid #D9D9D9; border-radius: 1.6rem; background: #FFFFFF;} #involved .involved_bottom .donate .donate_info > *{width: 100%; max-width: 41.3rem;} #involved .involved_bottom .donate .donate_img figure{display: flex; justify-content: center;} #involved .involved_bottom .donate .donate_img .tpgb-creative-img-wrap{width: 100%; max-width: 56.3rem; position: relative;} #involved .involved_bottom .donate .donate_img .tpgb-creative-img-wrap::before{content: ''; width: 91%; height: 91%; display: block; position: absolute; bottom: 0rem; left: 50%; transform: translate(-50%); border-radius: 1.6rem; background: linear-gradient(180deg, rgba(250, 229, 226, 0.7) 0%, rgba(225, 203, 185, 0.7) 60.5%, rgba(212, 235, 232, 0.7) 100%);} #contact{background: #F4F4F4;} #contact .tpgb-cont-in > .tpgb-container-row{border: .1rem solid #D9D9D9; border-radius: 1.6rem; background: #FFFFFF;} #contact .contact_top .tpgb-container-row .tpgb-cont-in{width: 100%; max-width: 12.2rem; display: flex; align-items: center; column-gap: .8rem; margin: 0rem; padding: .6rem 1.3rem .7rem 1.5rem; border-radius: 2.8rem; background: #F4F4F4;} #contact .contact_top .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #contact .contact_top .tpgb-heading-title span.font-yellow{font-size: 4.8rem; color: #21847F;} #contact .contact_mid .contact_img img{width: 100%; height: 20.7rem; border-radius: 1.6rem; object-fit: cover;} #contact .contact_mid .contact_info .frm_forms{width: 100%;} #contact .contact_mid .contact_info .frm_forms .frm_form_field{margin-bottom: 2.8rem;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(textarea), #contact .contact_mid .contact_info .frm_forms .vertical_radio{margin-bottom: 2.9rem !important;} #contact .contact_mid .contact_info .frm_forms .vertical_radio .frm_checkbox{padding: 0rem; margin: 0rem;} #contact .contact_mid .contact_info .frm_forms .vertical_radio .frm_checkbox label{font-family: 'Sora', sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; color: #3D3D3D;} #contact .contact_mid .contact_info .frm_forms .vertical_radio .frm_checkbox a{font-family: 'Sora', sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 2rem; color: #188678;} #contact .contact_mid .contact_info .frm_forms .vertical_radio .frm_checkbox input{margin-right: 1.1rem;} #contact .contact_mid .contact_info .frm_forms .vertical_radio .frm_primary_label{display: none;} #contact .contact_mid .contact_info .frm_forms .frm_form_field .frm_required{display: none;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:not(:has(.frm_checkbox)) label{padding-bottom: 0rem; font-family: 'Sora', sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.8rem; letter-spacing: .05rem; color: #3D3D3D;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(textarea) label{padding-bottom: 2.4rem !important;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:not(:has(.frm_checkbox)) input, #contact .contact_mid .contact_info .frm_forms .frm_form_field textarea{font-family: 'Sora',sans-serif; color: #3D3D3D; border-color: #3D3D3D; background: transparent;} #contact .contact_mid .contact_info .frm_forms .frm_form_field textarea{width: 100%; height: 17.1rem;} #contact .contact_mid .contact_info .frm_forms .frm_form_field textarea:hover{border-color: #3D3D3D;} #contact .contact_mid .contact_info .frm_forms .frm_form_field textarea:focus, #contact .contact_mid .contact_info .frm_forms .frm_form_field input:focus{box-shadow: unset; border-color: #3D3D3D;} #contact .contact_mid .contact_info .frm_forms .frm_form_field input[type="text"], #contact .contact_mid .contact_info .frm_forms .frm_form_field input[type="email"]{padding: 0rem; border: unset; border-bottom: .1rem solid #3D3D3D; border-radius: unset;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(.frm_submit){margin: .6rem 0rem 0rem;} #contact .contact_mid .contact_info .frm_forms .frm_form_field .frm_submit button{width: 100%; display: flex; justify-content: center; align-items: center; margin: 0rem; padding: 1.2rem 1rem; border: unset; border-radius: 24.5rem; font-family: 'Sora', sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; letter-spacing: .05rem; color: #FFFFFF; background: #1A4239; transition: background .3s ease;} #contact .contact_mid .contact_info .frm_forms .frm_form_field .frm_submit button:hover{background: #166e63;} #contact .contact_bottom .tpgb-google-map{border-radius: 0rem 0rem 1.6rem 1.6rem;} #subscription{background: #F4F4F4;} #subscription .subscription_top{position: relative; padding: 4.5rem 2.55rem 5.2rem; border-radius: 1.6rem; background: linear-gradient(180deg, #FAE5E2 0%, #F9E6E3 18.87%, #EBE9E7 49.87%, #D9EEEC 100%);} #subscription .subscription_top > *{width: 100%; max-width: 69rem;} #subscription .subscription_top .tpgb-container-row .tpgb-cont-in{width: 100%; max-width: 14.6rem; display: flex; align-items: center; column-gap: .8rem; margin: 0rem; padding: .7rem 1.2rem; border-radius: 2.8rem; background: #FFFFFF;} #subscription .subscription_top .tpgb-container-row .tpgb-cont-in > *{width: fit-content;} #subscription .subscription_top .tpgb-heading-title span.font-yellow{font-size: 3.2rem; line-height: 3.2rem; color: #EA8F62;} #subscription .subscription_top .frm_forms{width: 100%; max-width: 51.5rem; padding-top: 4rem;} #subscription .subscription_top .frm_forms .frm_form_field label{padding: 0rem; font-family: 'Sora', sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; letter-spacing: .05rem; color: #3D3D3D;} #subscription .subscription_top .frm_forms .frm_form_field input:focus{box-shadow: unset; border-color: #3D3D3D;} #subscription .subscription_top .frm_forms .frm_form_field input[type="email"]{padding: 0rem; font-family: 'Sora', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2rem; letter-spacing: .05rem; color: #3D3D3D; border: unset; border-bottom: .1rem solid #3D3D3D; border-radius: unset; background: transparent;} #subscription .subscription_top .frm_forms .frm_form_field:has(input[type="email"]){margin-bottom: 3.6rem;} #subscription .subscription_top .frm_forms .frm_form_field:has(.frm_submit){margin: 0rem;} #subscription .subscription_top .frm_forms .frm_form_field .frm_submit{display: flex; justify-content: center; align-items: center;} #subscription .subscription_top .frm_forms .frm_form_field .frm_submit button{display: flex; justify-content: center; align-items: center; margin: 0rem; padding: 1.2rem 3rem; border: unset; border-radius: 24.5rem; font-family: 'Sora', sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; letter-spacing: .05rem; color: #FFFFFF; background: #1A4239; transition: background .3s ease;} #subscription .subscription_top .frm_forms .frm_form_field .frm_submit button:hover{background: #166e63;} /*========== PRIVACY POLICY ==========*/ #privacy_policy a{font-family:inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: #21847F;} #privacy_policy H2{text-decoration: underline;} /*========== ERROR 404 - MAINTENANCE ==========*/ #main__wrapper-404{width: 100%; max-width: 120rem; margin: 0rem auto; padding: 11rem 2.2rem 7rem;} #main__wrapper-404 #error404{width: 100%; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 9.2rem 1.8rem 10.2rem; border-radius: 3.2rem; background: linear-gradient(180deg, #FAE5E2 0%, #F9E6E3 18.87%, #EBE9E7 49.87%, #D9EEEC 100%);} #main__wrapper-404 #error404 .container_pill{width: 100%; max-width: 9.7rem; display: flex; align-items: center; column-gap: .5rem; padding: .3rem 1.7rem .5rem 1.4rem; border-radius: 100rem; background: #FFFFFF;} #main__wrapper-404 #error404 .container_pill .pill_text span{font-family: 'Sora', sans-serif; font-size: 1.3rem; line-height: 1.5rem; font-weight: 400; color: #3D3D3D;} #main__wrapper-404 #error404 h2{font-family: 'Sora', sans-serif; font-size: 8.5rem; line-height: 10rem; font-weight: 500; letter-spacing: .05rem; color: #3D3D3D;} #main__wrapper-404 #error404 h3{font-family: 'Sora', sans-serif; font-size: 2.2rem; line-height: 5.6rem; font-weight: 500; letter-spacing: .05rem; color: #3D3D3D;} #main__wrapper-404 #error404 p{width: 100%; max-width: 41.8rem; padding-top: .8rem; text-align: center; font-family: 'DM Sans', sans-serif; font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; letter-spacing: .05rem; color: #3D3D3D;} #main__wrapper-404 #error404 a{margin-top: 3.8rem; padding: 1.2rem 3.1rem;border-radius: 100rem; font-family: 'Sora', sans-serif; font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; letter-spacing: .05rem; color: #FFFFFF; background: #1A4239;} /*========== FOOTER ==========*/ #footer{background: #FFFFFF; padding: 4.6rem 0rem;} #footer .container__row{width: min(85%,124.8rem); margin: 0 auto; max-width: unset;} #footer .top .wcrow{align-items: center;} #footer .top .wcrow span{font-family: 'Sora', sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; color: #3D3D3D;} #footer .top .wcrow a{font-family: 'DM Sans', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #3B3C3C;} #footer .top .wcrow p{font-family: 'DM Sans', sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2.4rem; letter-spacing: .05rem; color: #3B3C3C;} #footer .top .wcrow .nav_menu{order: 1; padding: 2.1rem 0rem 3.5rem; border-bottom: .1rem solid #D9D9D9;} #footer .top .wcrow .nav_menu > ul.menu{width: 100%; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: auto; column-gap: 1rem ; row-gap: 1.9rem; padding-top: 2.6rem; list-style: none;} #footer .top .wcrow .nav_menu > ul.menu > li > a{display: flex; align-items: center; column-gap: .3rem;} #footer .top .wcrow .nav_menu ul.menu li.current-menu-item a{color: #000;} #footer .top .wcrow .nav_menu ul.menu li.menu-item-has-children > a i{font-size: 1.7rem; color: #EBA07B; transform: rotate(0deg); transition: .5s ease all;} #footer .top .wcrow .nav_menu ul.menu li.menu-item-has-children > a:hover i{transform: rotate(180deg);} #footer .top .wcrow .nav_menu ul.menu li.menu-item-has-children ul.sub-menu{display: none; list-style: none;} #footer .top .wcrow .nav_menu ul.menu li.menu-item-has-children:hover ul.sub-menu{display: block;} #footer .top .wcrow .logo{order: 0; padding-bottom: 3.8rem; border-bottom: .1rem solid #D9D9D9;} #footer .top .wcrow .logo #container__logo{display: flex;} #footer .top .wcrow .logo #container__logo img{max-width: 23.409rem;} #footer .top .wcrow .logo .footer_description{width: 100%; max-width: 43.6rem; padding-top: 2.865rem;} #footer .top .wcrow .logo .footer_description p{text-align: left;} #footer .top .wcrow .nav_social{display: flex; order: 2; padding-top: 2.7rem;} #footer .top .wcrow .nav_social #widget__contact{padding-top: 1.7rem; display: flex; flex-direction: column; justify-content: center; row-gap: .8rem;} #footer .top .wcrow .nav_social #widget__contact p{color: #ACA8A8;} #footer .top .wcrow .nav_social #widget__social{padding-top: 2.1rem; display: flex; column-gap: 2.6rem;} #footer .top .wcrow .nav_social #widget__social a{width: 4.8rem; height: 4.8rem; display: flex; justify-content: center; align-items: center; border-radius: 100rem; background: #ACA8A8; pointer-events: none;} #footer .top .wcrow .nav_social #widget__social a img {filter:grayscale(1);} } @media screen and (min-width:768px){ /*========== ERROR 404 - MAINTENANCE ==========*/ #main__wrapper-404{padding: 16.2rem 1.5rem 5.8rem;} #main__wrapper-404 #error404::after{content: ''; width: 15.461rem; height: 11.767rem; position: absolute; top: 4.3rem; left: 4.3rem; background: url(images/bg-butterfly-test.webp) no-repeat top/100%; opacity: .3;} #main__wrapper-404 #error404::before{content: ''; width: 22.165rem; height: 16.868rem; position: absolute; bottom: 3.6rem; right: 4.163rem; background: url(images/bg-butterfly-test.webp) no-repeat top/100%; opacity: .3;} #main__wrapper-404 #error404{padding: 14rem 2rem 12.2rem;} #main__wrapper-404 #error404 h2{font-size: 15rem; line-height: 20rem;} #main__wrapper-404 #error404 h3{font-size: 4.8rem;} #main__wrapper-404 #error404 p{font-size: 2.6rem; line-height: 4.4rem;} /*========== GLOBAL-STYLES ==========*/ #topbody span.bg_heading::before{height: .9rem;} #topbody span.block_span{display: block;} /*========== POP-UP GLOBALES==========*/ /*========== OFFCANVAS ==========*/ #offcanvas .content-close{top: 4.7rem; right: 6.8rem; width: 2.9rem; height: 2.9rem;} #offcanvas .content-close svg{width: 2.9rem; height: 2.9rem;} #offcanvas #nav__offcanvas .content-logo img{max-width: 21.37rem;} #offcanvas #nav__offcanvas .content-logo{padding: 0rem 6.248rem 3.337rem;} /*========== HEADER ==========*/ #header .container__row{width: min(85.81%,119.7rem); padding: 2.5rem 0rem 0rem;} #header .container__row #container__logo a img{max-width:21.409rem;} /*========== HOME ==========*/ #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.heart-icon{width: 4.312rem; height: 4.312rem; margin: 0rem 1rem;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.heart-icon svg{width: 2rem; height: 2rem;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.font-yellow{font-size: 5.6rem; line-height: 7.1rem;} #hero #hero_top .tpgb-cont-in .hero_img .tpgb-creative-image{position: absolute; bottom: 0rem; right: 0rem;} #hero #hero_top .tpgb-cont-in .hero_img .tpgb-creative-image img{max-width: 60.5rem;} #hero #hero_top .tpgb-cont-in{background: url(images/bg-heeart-test.webp) no-repeat top 22.5rem right 6.4rem / 17.8rem, url(images/bg-heeart-test.webp) no-repeat bottom 23rem right 27.2rem/10.9rem;} #about_us .about_top > .tpgb-cont-in{padding: 3.9rem 3.7rem 4.7rem; border-radius: 2.4rem;} #about_us .about_top > .tpgb-cont-in .about_img img{max-width: 51.3rem; height: 31.4rem; border-radius: 2.4rem;} #about_us .about_top > .tpgb-cont-in .about_info > *{max-width: 41.6rem;} #our_mission .mission_info .tpgb-pro-paragraph{max-width: 36.1rem;} #our_mission .mission_icons > .tpgb-container-row > .tpgb-cont-in{max-width: 100%; grid-template-columns: repeat(2,1fr);} #our_programs .programs_bottom .tpgb-container-col{padding: 2.498rem 1.8rem 4.1rem 2.2rem;} #our_programs .programs_bottom .tpgb-container-col > *{max-width: 30.1rem; margin: 0rem auto;} #our_programs .programs_bottom .tpgb-container-col .wp-block-outermost-icon-block{width: 4.8rem; height: 4.8rem; border-radius: .8rem;} #our_programs .programs_bottom .tpgb-container-col .wp-block-outermost-icon-block svg{width: 2.5rem; height: 2.5rem;} #our_programs .programs_bottom .tpgb-container-col > .tpgb-container-row > .tpgb-cont-in{row-gap: 2.5rem;} #our_programs .programs_bottom .tpgb-container-col .tpgb-container-row .tpgb-container-row .tpgb-cont-in{row-gap: 1.5rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row{padding: 4.7rem 4.7rem 6.7rem 4.1rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_info .tpgb-pro-paragraph{max-width: 42.7rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_img img{max-width: 26.1rem; height: 33.8rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info{row-gap: 2.9rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info > *{width: 100%; max-width: 45.4rem; margin: 0rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info .tpgb-container-row .tpgb-cont-in{padding: 1.7rem 2.3rem 1.7rem 2.9rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_img img{max-width: 45.4rem; height: 54rem; object-position: right;} #testimonials .testimonials_bottom .testimony_container{flex-direction: row; padding: 9.8rem 4.4rem 5.7rem; background: url(images/bg-quotation-marks-test.webp) no-repeat top 3.8rem right 29.4rem/4.4rem ,linear-gradient(180deg, #FAE5E2 0%, #F9E6E3 18.87%, #EBE9E7 49.87%, #D9EEEC 100%);} #testimonials .testimonials_bottom .testimony_container > div:first-child{width: 45%;} #testimonials .testimonials_bottom .testimony_container > div:last-child{width: 55%;} #testimonials .testimonials_bottom .testimony_container .testimony_image{order: unset; padding: 0rem;} #testimonials .testimonials_bottom .testimony_container .testimony_image img{max-width: 46.2rem; height: 21.9rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info > *{width: 100%; max-width: 26.1rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info{align-items: center; row-gap: 1.9rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info p{font-size: 2rem; line-height: 3rem;} #testimonials .testimonials_bottom .slick-navigation{margin-top: 3.6rem;} #testimonials .testimonials_bottom .slick-navigation .slick-arrow{width: 4rem; height: 4rem;} #testimonials .testimonials_bottom .slick-navigation .slick-dots li button{width: 1.2rem; height: 1.2rem;} #testimonials .testimonials_bottom .slick-navigation .slick-dots li.slick-active button{width: 4.6rem; height: 1rem;} #involved .involved_bottom .tpgb-tabs-nav{flex-direction: row; justify-content: space-between; border-bottom: .1rem solid #D9D9D9; padding: 0rem 5rem;} #involved .involved_bottom .tpgb-tabs-nav .tpgb-tab-header.active:before{content: ''; width: 100%; height: .8rem; position: absolute; bottom: 0rem; border-radius: 100rem; background: #05A391;} #involved .involved_bottom .tpgb-tabs-nav .tpgb-tab-li:not(:last-child){border-bottom: unset} #involved .involved_bottom .tpgb-tabs-nav .tpgb-tab-li, #involved .involved_bottom .tpgb-tabs-nav .tpgb-tab-header{width: auto;} #involved .involved_bottom .tpgb-tabs-content-wrapper{padding-top: 8.8rem;} #involved .involved_bottom .donate{padding: 3rem 3.8rem 5.4rem;} #involved .involved_bottom .donate .donate_img figure{justify-content: flex-end;} #involved .involved_bottom .donate .donate_img .tpgb-creative-img-wrap::before{border-radius: 3.4rem;} #contact .contact_mid .contact_img .tpgb-creative-image img{height: 23.9rem;} #contact .contact_mid .contact_info .frm_forms .frm_fields_container{grid-template-columns: repeat(13, 1fr);} #contact .contact_mid .contact_info .frm_forms .frm_form_field{margin-bottom: 5.4rem;} #contact .contact_mid .contact_info .frm_forms .frm_form_field{grid-column: 1 / 14;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(input[type="text"]){grid-column: 1 / 7;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(input[type="email"]){grid-column: 8 / 14;} #contact .contact_mid .contact_info .frm_forms .vertical_radio .frm_checkbox label{font-size: 1.6rem; line-height: 2.2rem;} #contact .contact_mid .contact_info .frm_forms .vertical_radio .frm_checkbox a{font-size: 1.6rem; line-height: 2.2rem;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(.frm_submit){margin: 2.5rem 0rem 0rem;} #contact .contact_bottom{flex-direction: row; justify-content: space-between; row-gap: unset;} #contact .contact_bottom .tpgb-container-col{max-width: 29.97%; row-gap: 2.3rem; padding: 4.6rem 1rem 3.8rem;} #subscription .subscription_top{padding: 4.5rem 1rem;} #subscription .subscription_top > *{max-width: 36.5rem;} #subscription .subscription_top .frm_forms{max-width: 34.1rem; padding-top: 3.9rem;} #subscription .subscription_top .frm_forms .frm_form_field label{font-size: 1.6rem;} #subscription .subscription_top .frm_forms .frm_form_field:has(input[type="email"]){margin-bottom: 3.2rem;} /*========== FOOTER ==========*/ #footer{padding: 3.8rem 0rem;} #footer .container__row{width: min(85.6%,124.8rem);} #footer .top .wcrow .nav_menu{padding: 3.2rem 0rem 0rem; border-bottom: unset;} #footer .top .wcrow .nav_menu > ul.menu{max-width: 28.3rem;} #footer .top .wcrow .logo{padding-bottom: 4.25rem;} #footer .top .wcrow .logo #container__logo{justify-content: center;} #footer .top .wcrow .logo .footer_description{margin: 0rem auto; padding-top: 3.3rem;} #footer .top .wcrow .logo .footer_description p{text-align: center;} #footer .top .wcrow .nav_social{justify-content: flex-end; padding: 3.2rem 0rem 0rem;} } @media screen and (min-width:1024px){ /*========== FOOTER ==========*/ #footer{padding: 4.5rem 0rem;} #footer .container__row{width: min(95%,124.8rem);} #footer .top .wcrow .nav_menu, #footer .top .wcrow .logo, #footer .top .wcrow .nav_social{order: unset;} #footer .top .wcrow .nav_menu{padding: 0rem;} #footer .top .wcrow .logo{padding: 3rem 0rem 2.45rem; border-right: .2rem solid #E3E2E2; border-left: .2rem solid #E3E2E2; border-bottom: unset;} #footer .top .wcrow .logo .footer_description{padding-top: 4.271rem;} #footer .top .wcrow .nav_social{justify-content: center; padding: 0rem;} } @media screen and (min-width:1025px){ /*========== SCROLL TOP ==========*/ #scrollto__top{bottom:8rem;} #scrollto__top a#scrolltop__btn{width: 5rem; height: 5rem;} .chatwith.rightpos .chatwith-mainbutton{width: 5rem; height: 5rem;} /*========== GLOBAL-STYLES ==========*/ #topbody span.heading_span{margin-top: 1.1rem; font-size: 4.8rem; line-height: 5.4rem;} #topbody.spain span.heading_span{margin-top: 1.1rem; font-size: 4.8rem; line-height: 4.4rem;} #topbody span.bg_heading::before{height: 1.3rem;} /*========== OFFCANVAS ==========*/ /*========== HEADER ==========*/ body.contact #header{background: #EFFBFE;} #header .container__row{width: min(95%,119.7rem); padding-top: 6.323rem;} #header .container__row #nav__header a{font-family: "DM Sans", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #3B3C3C;} #header .container__row #nav__header ul.menu{display: flex; align-items: center; gap: 1.8rem; list-style: none;} #header .container__row #nav__header ul.menu li a{display: flex; align-items: center; transform: scale(1); font-weight: 400; transition: all .5s ease;} #header .container__row #nav__header ul.menu li a:hover{font-weight: 600; transform: scale(1.05);} #header .container__row #nav__header ul.menu li.current-menu-item a{color: #000;} #header .container__row #nav__header ul.menu li.menu-item-has-children{position: relative;} #header .container__row #nav__header ul.menu li.menu-item-has-children > a span{font-size: 1.7rem; color: #EBA07B; transform: rotate(0deg); transition: .5s ease all;} #header .container__row #nav__header ul.menu li.menu-item-has-children > a:hover span{transform: rotate(180deg);} #header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu{display: none; position: absolute; left: .1rem; list-style: none;} #header .container__row #nav__header ul.menu li.menu-item-has-children:hover ul.sub-menu{display: block;} #header .container__row #nav__header ul.menu li.btn_contact a{padding: 1.2rem 2.1rem; border-radius: 2.45rem; color: #FFFFFF; background: #1A4239; transition: .2s ease all;} #header .container__row #nav__header ul.menu li.btn_contact a:hover{Background: #276457;} #header .container__row #nav__header #list__icons-header{display: none;} /*========== HOME ==========*/ article{padding: 3.3rem 2.4rem 0rem;} #hero #hero_top .tpgb-cont-in{background: transparent} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.heart-icon{width: 5.8rem; height: 5.8rem;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.heart-icon svg{width: 3.1rem; height: 3.1rem;} #hero #hero_top .tpgb-cont-in .hero_info .tpgb-heading-title .heading-title span.font-yellow{font-size: 7rem;} #hero #hero_top .tpgb-cont-in .hero_img{background: url(images/bg-heeart-test.webp) no-repeat top 16rem right 22rem / 29.4rem, url(images/bg-heeart-test.webp) no-repeat top 4rem left 3rem/11.8rem;} #hero #hero_top .tpgb-cont-in .hero_img .tpgb-creative-image img{max-width: 86.1rem;} #about_us .about_top > .tpgb-cont-in::before{content: ''; width: 23.5rem; height: 25.8rem; display: block; position: absolute; bottom: 3.1rem; right: 4.2rem; opacity: .3; background: url(images/bg-star-test.webp) no-repeat top/100%;} #about_us .about_top > .tpgb-cont-in{padding: 5rem 6.8rem; border-radius: 3.2rem;} #about_us .about_top > .tpgb-cont-in .about_img img{height: auto; border-radius: 3.4rem;} #about_us .about_top > .tpgb-cont-in .about_info .tpgb-heading-title span.font-yellow{font-size: 6.5rem;} #our_mission .mission_info .tpgb-heading-title span.font-yellow{font-size: 6.5rem;} #our_mission .mission_icons > .tpgb-container-row > .tpgb-cont-in{max-width: 55.6rem;} #our_mission .mission_icons > .tpgb-container-row > .tpgb-cont-in > .tpgb-container-row > .tpgb-container-row{column-gap: 1.8rem; padding: 2.6rem 2rem 2rem;} #our_programs .programs_top .tpgb-heading-title span.font-yellow{font-size: 6.5rem;} #our_programs .programs_bottom .tpgb-container-col{padding: 3.3rem 1.5rem 5rem;} #our_programs .programs_bottom .tpgb-container-col .wp-block-outermost-icon-block{width: 7.5rem; height: 7.5rem; border-radius: 1.6rem;} #our_programs .programs_bottom .tpgb-container-col .wp-block-outermost-icon-block svg{width: 4rem; height: 4rem;} #our_programs .programs_bottom .tpgb-container-col .tpgb-container-row .tpgb-container-row .tpgb-cont-in{row-gap: 1.7rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row{padding: 9.7rem 8.7rem 8.5rem 7.3rem; border-radius: 3.2rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_info .tpgb-heading-title span.font-yellow{font-size: 6.5rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_top .pharmacy_img img{max-width: 45.4rem; height: auto; border-radius: 3.4rem;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_info .tpgb-container-row .tpgb-cont-in{flex-direction: row; column-gap: 2.5rem; row-gap: unset; align-items: center;} #pharmacy .tpgb-cont-in > .tpgb-container-row .pharmacy_bottom .pharmacy_img img{height: auto; border-radius: 3.4rem; object-position: unset;} #testimonials .testimonials_top .tpgb-heading-title span.font-yellow{font-size: 6.5rem;} #testimonials .testimonials_bottom .testimony_container{padding: 6.1rem 6rem 5.4rem; border-radius: 3.2rem; background: linear-gradient(180deg, #FAE5E2 0%, #F9E6E3 18.87%, #EBE9E7 49.87%, #D9EEEC 100%);} #testimonials .testimonials_bottom .testimony_container > div:first-child, #testimonials .testimonials_bottom .testimony_container > div:last-child{width: 50%;} #testimonials .testimonials_bottom .testimony_container .testimony_image img{height: auto; border-radius: 3.4rem;} #testimonials .testimonials_bottom .testimony_container::before{content: ''; width: 22.6rem; height: 17.2rem; display: block; position: absolute; right: 3.1rem; bottom: 3.4rem; background: url(images/bg-butterfly-test.webp) no-repeat top/100%; opacity: .3;} #testimonials .testimonials_bottom .testimony_container .testimony_info{justify-content: flex-end; row-gap: 3.1rem; padding-bottom: 2.5rem; background: url(images/bg-quotation-marks-test.webp) no-repeat top 2rem left/7.2rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info > *{max-width: 54.5rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info p{font-size: 3.1rem; line-height: 4.4rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info h3{font-size: 2.4rem;} #testimonials .testimonials_bottom .testimony_container .testimony_info span{padding-top: 2rem;} #involved .involved_top .tpgb-heading-title span.font-yellow{font-size: 6.5rem;} #involved .involved_bottom .donate{padding: 2.1rem 4.3rem 7.1rem; border-radius: 3.2rem;} #contact .tpgb-cont-in > .tpgb-container-row{border-radius: 3.2rem;} #contact .contact_top .tpgb-heading-title span.font-yellow{font-size: 6.5rem;} #contact .contact_mid .contact_img .tpgb-creative-image img{max-width: 51.5rem; height: 62.2rem; border-radius: 3.2rem; object-position: 80% 100%;} #contact .contact_mid .contact_info .frm_forms{max-width: 40.7rem;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:not(:has(.frm_checkbox)) label{font-size: 2rem; line-height: 2.5rem;} #contact .contact_mid .contact_info .frm_forms .frm_fields_container{grid-template-columns: repeat(12, 1fr);} #contact .contact_mid .contact_info .frm_forms .frm_form_field{grid-column: 1 / 13; margin-bottom: 7.2rem;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(input[type="text"]), #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(input[type="email"]){grid-column: 1 / 13;} #contact .contact_mid .contact_info .frm_forms .frm_form_field:has(.frm_submit){margin: 0rem;} #contact .contact_bottom .tpgb-google-map{border-radius: 0rem 0rem 3.2rem 3.2rem;} #subscription .subscription_top{padding: 8.7rem 1rem 8.5rem; border-radius: 3.2rem;} #subscription .subscription_top > *{max-width: 69rem;} #subscription .subscription_top::before{content: ''; width: 21.3rem; height: 19.6rem; display: block; position: absolute; bottom: 4.6rem; right: 5.8rem; background: url(images/bg-heeart-test.webp) no-repeat top/100%; opacity: .5;} #subscription .subscription_top .tpgb-heading-title span.font-yellow{font-size: 6.5rem; line-height: 7.1rem;} #subscription .subscription_top .frm_forms{padding-top: 6.1rem; max-width: 51.5rem;} /*========== PRIVACY POLICY ==========*/ } @media screen and (min-width:1200px){ /*========== HEADER ==========*/ #header .container__row #container__logo a img{max-width: 23.409rem;} #header .container__row #nav__header ul.menu{gap: 3.8rem;} } @media screen and (min-width:1404px){ /*========== HOME ==========*/ /*========== FOOTER ==========*/ } @media screen and (min-width:3000px){ #scrollto__top{bottom:16rem;} #scrollto__top a#scrolltop__btn{width:10rem; height:10rem;} #scrollto__top a#scrolltop__btn .wcicon{font-size:7rem; line-height:10rem;} /*========== HEADER ==========*/ /*========== HOME ==========*/ }