/* Theme Name: Homestead Health Theme URI: Author: Jose Salas Author URL: https://buenavista.design/ Version: 1.0 Description: Plantilla personalizada para Homestead Health Health 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 Health Domain Path: /languages/ */ @font-face {font-family:'Host Grotesk'; font-display: swap; font-style:normal; font-weight:300; src:url(fonts/HostGrotesk-Light.ttf)} @font-face {font-family:'Host Grotesk'; font-display: swap; font-style:normal; font-weight:400; src:url(fonts/HostGrotesk-Regular.ttf)} @font-face {font-family:'Host Grotesk'; font-display: swap; font-style:normal; font-weight:500; src:url(fonts/HostGrotesk-Medium.ttf)} @font-face {font-family:'Host Grotesk'; font-display: swap; font-style:normal; font-weight:600; src:url(fonts/HostGrotesk-SemiBold.ttf)} @font-face {font-family:'Host Grotesk'; font-display: swap; font-style:normal; font-weight:700; src:url(fonts/HostGrotesk-Bold.ttf)} @font-face {font-family:'Fustat'; font-display: swap; font-style:normal; font-weight:300; src:url(fonts/Fustat-Light.ttf)} @font-face {font-family:'Fustat'; font-display: swap; font-style:normal; font-weight:400; src:url(fonts/Fustat-Regular.ttf)} @font-face {font-family:'Fustat'; font-display: swap; font-style:normal; font-weight:500; src:url(fonts/Fustat-Medium.ttf)} @font-face {font-family:'Fustat'; font-display: swap; font-style:normal; font-weight:600; src:url(fonts/Fustat-SemiBold.ttf)} @font-face {font-family:'Fustat'; font-display: swap; font-style:normal; font-weight:700; src:url(fonts/Fustat-Bold.ttf)} @font-face {font-family:'Fustat'; font-display: swap; font-style:normal; font-weight:800; src:url(fonts/Fustat-ExtraBold.ttf)} /* @font-face {font-family:'Aptos'; font-display: swap; font-style:normal; font-weight:800; src:url(fonts/HostGrotesk-ExtraBold.ttf)} */ @keyframes fadeout{ 0%{ opacity: 1; } 100%{ opacity: 0; display: none; } } @keyframes fadein{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes expandir { from { transform: scale(1); } to { transform: scale(1.2); } } @keyframes clickme{ 0%{ transform: scale(0.8); } 100%{ transform: scale(1.2); } } @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 marquee { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes marquee2 { from { transform: translateY(-50%); } to { transform: translateY(0); } } @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);} .flex-column-center{display: flex; flex-direction: column; align-items: center; justify-content: center;} 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 article{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; border: .1rem solid #FFFFFF; background: #007872;} #scrollto__top a#scrolltop__btn path{fill: #FFF;} /*=============== TEXTOS GLOBALES ===============*/ #topbody h1, #topbody h2, #topbody h3, #topbody h4{font-family: 'Fustat', sans-serif;} #topbody p, #topbody a{font-family: 'Host Grotesk', sans-serif;} /*========== 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;} #topbody span.color_red{color: #D72C2E;} #topbody span.bg_heading{position: relative; display: inline-block;} #topbody span.bg_heading::before{content: ''; display: inline-block; width: 100%; height: .8rem; position: absolute; bottom: .8rem; left: 0rem; z-index: -1; background: #F1A884;} .fade-in{opacity: 0; transition: opacity 0.5s;} .fade-in.active-animation{animation-name: fadein; animation-duration: 1s; animation-fill-mode: forwards;} .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;} .scroll-down{ animation: expandir 1.5s infinite alternate ease;} /*========== OFFCANVAS ==========*/ #offcanvas{display: flex; flex-direction: column; justify-content: space-between; background:#FFF; position:fixed; width:100vw; height:100%; right:-200%; top:0; padding: 1.7rem 0rem 7.1rem; z-index:999999999; transition:all .4s ease; overflow:auto;} #offcanvas.active{right:0%;} #offcanvas *{color:#3A3B40; transition: all .5s;} #offcanvas .content-close{display:flex; position:absolute; top: 3.1rem; right: 2.7rem;} #offcanvas a{font-family: "Host Grotesk", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} #offcanvas #nav__offcanvas{display: flex; flex-direction: column;} #offcanvas #nav__offcanvas .content-logo{padding: 0rem 2.8rem 1.8rem; border-bottom: .1rem solid #DCDCE8;} #offcanvas #nav__offcanvas .content-logo img{max-width: 18.5rem;} #offcanvas #nav__offcanvas > ul.menu{display:flex; flex-direction: column; gap: 1.5rem; padding: 2.7rem 2.8rem 0rem; list-style: none;} #offcanvas #nav__offcanvas > ul.menu li a{width: fit-content; display:flex; align-items:center; column-gap: .4rem;} #offcanvas #nav__offcanvas > ul.menu li.current-menu-item > a{font-weight:700;} #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 #nav__offcanvas #consultation{padding: 2.5rem 2.8rem 0rem;} #offcanvas #nav__offcanvas #consultation a{width: 100%; display: flex; align-items: center; justify-content: center; padding: 1rem; font-weight: 400; color: #FFFFFF; background: #333333; border-radius: .5rem;} #offcanvas #nav_social{display: flex; flex-direction: column; row-gap: 1.5rem; padding: 2rem 2.8rem 0rem; border-top: .1rem solid #DCDCE8;} #offcanvas #nav_social a, #offcanvas #nav_social span{font-family: "Host Grotesk", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} #offcanvas #nav_social ul.menu{display: flex; align-items: center; column-gap: 1.381rem; list-style: none;} /*========== HEADER ==========*/ #header.hiden{padding: 1rem 1rem 2rem; opacity: 0; visibility: hidden;} #header.activeup{opacity: 1; visibility: visible;} #header{width:100%; position: fixed; top: 0rem; z-index: 1001; padding: 2.3rem 0rem 2.3rem; background: transparent; transition:all .2s ease;} #header .container__row{display:flex; align-items: center; width: min(84.4%,119.6rem); justify-content:space-between;} #header .container__row #container__logo, #header .container__row #container__logo a, #header .container__row #nav__header #list__icons-header a{display: flex;} #header .container__row #nav__header #list__icons-header a svg path{fill: #F3F1EF;} #header .container__row #container__logo a img{max-width:18.226rem;} #header .container__row #nav__header ul.menu, #header .container__row #consultation{display: none;} #header .container__row #nav__header #list__icons-header{list-style: none;} #header.fixed{padding: 1.5rem 0rem; background: #333333;} #header.fixed #consultation nav a{background: #007872;} /*========== HOME ==========*/ #hero_home{position: relative; background: url(images/bg-leaves-footer.webp) no-repeat left bottom -5rem/22rem,url(images/bg-line-footer.webp) no-repeat bottom/100%,#007872; overflow: hidden;} #hero_home .hero_info .tpgb-heading-title .heading-title{color: #FFFFFF; } #hero_home .hero_info .tpgb-heading-title .heading-title span{color: #00E2E9;} #hero_home .hero_info .tpgb-pro-paragraph{width: 100%; max-width: 49.6rem;} #hero_home .hero_info .tpgb-pro-paragraph p{color: #F6F6F4;} #hero_home .hero_img{height: 42rem; column-gap: 1rem; overflow: hidden;} #hero_home .hero_img .tpgb-container-row{width: fit-content; row-gap: 1rem;} #hero_home .hero_img .tpgb-container-row:first-child{animation: marquee 20s linear infinite;} #hero_home .hero_img .tpgb-container-row:last-child{animation: marquee2 20s linear infinite;} #hero_home .hero_img .tpgb-container-row .tpgb-creative-image{width: 100%; max-width: 28.2rem;} #hero_home .hero_img .tpgb-container-row .tpgb-creative-image img{border-radius: .8rem;} #about_home .tpgb-cont-in{row-gap: 4rem;} #about_home .tpgb-container-col{width: 100%; max-width: 39.8rem; flex-direction: row; column-gap: 1.6rem;} #about_home .tpgb-container-col .wp-block-outermost-icon-block{width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center; border-radius: .8rem; background: #007872;} #about_home .tpgb-container-col .tpgb-pro-paragraph{width: 100%; max-width: 25.6rem;} #about_home .tpgb-container-col .tpgb-pro-paragraph .pro-heading-inner{font-family: 'Host Grotesk',sans-serif;} #glad_home .glad_top .glad_info .tpgb-pro-paragraph{width: 100%;} #glad_home .glad_top .glad_info .tpgb-accordion{width: 100%;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item{padding: 1rem 0rem; border-bottom: .05rem solid #00AFB4;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item:first-child{padding-top: 0rem;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item:last-child{padding-bottom: 0rem; border-bottom: none;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{width: fit-content; column-gap: 1.6rem;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-title{font-family: 'Host Grotesk',sans-serif;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{display: flex; margin: 0rem;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon svg{display: flex;} #glad_home .glad_top .glad_info .tpgb-accordion .tpgb-accor-item .tpgb-accordion-content .tpgb-content-editor{font-family: 'Host Grotesk',sans-serif;} #glad_home .glad_top .glad_img img{width: 100%; border-radius: 1.6rem;} #glad_home .glad_top .glad_img .tpgb-creative-img-wrap::before{content: ''; width: 9.2rem; height: 17.5rem; display: block; position: absolute; bottom: 5.7rem; right: -1.5rem; z-index: 2; background: url(images/leaves.webp)no-repeat top/100%;} #glad_home .glad_bottom{row-gap: 3rem; padding: 4rem 2rem; background: #F6F6F4; border-radius: 2.4rem;} #glad_home .glad_bottom span{font-family: 'Fustat', sans-serif;} #glad_home .glad_bottom .tpgb-container-col:nth-child(2) .tpgb-pro-paragraph{width: 100%; max-width: 22.4rem;} #glad_home .glad_bottom .tpgb-container-col:nth-child(3) .tpgb-pro-paragraph{width: 100%; max-width: 31.4rem;} #taking_home .taking_top .tpgb-heading-title{width: 100%; max-width: 70rem;} #taking_home .taking_bottom .taking_bottom-top{display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: auto; column-gap: 2.4rem; row-gap: 2rem;} #taking_home .taking_bottom .taking_bottom-top .tpgb-container-col{width: 100%; min-height: 37.8rem; padding: 3rem 2rem 2rem; border-radius: 1.2rem;} #taking_home .taking_bottom .taking_bottom-top .tpgb-container-col > *{width: 100%;} #taking_home .taking_bottom .taking_bottom-bottom img{width: 100%; max-width: 20rem;} #taking_home .taking_bottom .taking_bottom-bottom strong{font-weight: 500; color: #007872;} #programs_home .tpgb-cont-in > .tpgb-container-row{border-radius: 1.6rem;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list{display: grid; grid-template-columns: repeat(auto-fill, minmax(29.3rem, 1fr)); row-gap: 3rem; column-gap: 2rem;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container{display: flex; flex-direction: column; row-gap: 1.6rem;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container .programs_img figure{display: flex;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container .programs_img figure img{width: 100%; height: 30.1rem; object-fit: cover; border-radius: 1.6rem;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container .programs_info{display: flex; flex-direction: column; row-gap: .4rem;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container .programs_info h3{font-size: 2.4rem; font-weight: 600; line-height: 140%; letter-spacing: -.08rem; color: #FFFFFF;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container .programs_info p{display: inline; font-size: 1.4rem; font-weight: 500; line-height: 170%; letter-spacing: 0; color: #F6F6F4;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container .programs_info a{font-family: 'Host Grotesk', sans-serif; display: inline; padding: 0rem; font-size: 1.4rem; line-height: 170%; letter-spacing: 0; color: #00E2E9; background: transparent;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item.active .programs_container .programs_img img{height: 35.8rem;} #book_appointment .tpgb-pro-paragraph p{opacity: .8;} /*========== ABOUT US ==========*/ #hero_about{position: relative; background: linear-gradient(to bottom, #007872 94.290%, transparent 6.810%);} #hero_about .tpgb-container-col{z-index: 2;} #hero_about .about_info .tpgb-heading-title{width: 100%;} #hero_about .about_info .tpgb-heading-title .heading-title{color: #FFFFFF;} #hero_about .about_info .tpgb-pro-paragraph{width: 100%;} #hero_about .about_info .tpgb-pro-paragraph p{color: #F6F6F4;} #hero_about .about_img .tpgb-creative-image img{width: 100%; border-radius: 1.6rem;} #hero_about .about_img .tpgb-plus-button{width: fit-content; position: absolute; bottom: 6rem; right: -1rem;} #hero_about .about_img .tpgb-plus-button a span{display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 2.07rem; font-family: 'Host Grotesk',sans-serif; text-wrap: nowrap; color: transparent;} #mental_about .mental_top img{width: 100%; height: 15.2rem; object-fit: cover; object-position: bottom; border-radius: 1.6rem;} #mental_about .mental_bottom .mental_book .tpgb-heading-title{width: 100%;} #mental_about .mental_bottom .mental_book .tpgb-pro-paragraph{width: 100%;} #mental_about .mental_bottom .mental_info .wp-block-outermost-icon-block{width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center; border-radius: .8rem; background: #007872;} #providers_about .providers_bottom .team_list{display: flex; flex-wrap: wrap;} #providers_about .providers_bottom .team_list .slick-list{overflow: hidden;} #providers_about .providers_bottom .team_list .slick-dots{margin-top: 3rem; column-gap: 1.197rem;} #providers_about .providers_bottom .team_list .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #06968e; border-radius: 100rem; transition: all .3s ease;} #providers_about .providers_bottom .team_list .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #007872;} #providers_about .providers_bottom .team_list .team_item{display: flex;} #providers_about .providers_bottom .team_list .team_item .team_container{width: 100%; display: flex; flex-direction: column; row-gap: 2rem;} #providers_about .providers_bottom .team_list .team_item .team_container .team_img figure{display: flex;} #providers_about .providers_bottom .team_list .team_item .team_container .team_img figure img{width: 100%; height: 35.2rem; object-fit: cover; object-position: top; border-radius: 1.6rem;} #providers_about .providers_bottom .team_list .team_item .team_container .team_info{display: flex; flex-direction: column; justify-content: center; align-items: center;} #providers_about .providers_bottom .team_list .team_item .team_container .team_info h3{font-size: 3.2rem; font-weight: 800; line-height: 120%; letter-spacing: -.15rem; color: #495B55;} #providers_about .providers_bottom .team_list .team_item .team_container .team_info span{font-family: 'Host Grotesk', sans-serif; font-size: 2rem; font-weight: 600; line-height: 170%; color: #495B55;} /*========== INSURANCE ==========*/ #hero_insurance{position: relative; background: #007872;} #hero_insurance::before{content: ''; display: block; width: 100%; height: 44.039rem; position: absolute; bottom: 0rem; left: 0rem; transform: scaleX(-1); background: url(images/bg-line-footer.webp) repeat-x top/100%; background-size: cover;} #hero_insurance::after{content: ''; display: block; width: 22.051rem; height: 40.731rem; position: absolute; bottom: 1.269rem; right: .751rem; background: url(images/bg-leaves.webp) repeat-x left top/63rem;} #hero_insurance .tpgb-cont-in > *{z-index: 2;} #hero_insurance .tpgb-cont-in .tpgb-heading-title .heading-title{color: #FFFFFF;} #hero_insurance .tpgb-cont-in .tpgb-pro-paragraph{width: 100%; max-width: 63rem;} #hero_insurance .tpgb-cont-in .tpgb-pro-paragraph p{color: #F6F6F4; opacity: .8;} #content_insurance .tpgb-container-row .tpgb-container-col .wp-block-outermost-icon-block{width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center; border-radius: .8rem; background: #333333;} #content_insurance .tpgb-container-row .tpgb-container-col .tpgb-pro-paragraph{width: 100%;} #content_insurance .tpgb-container-row .tpgb-container-col .wp-block-list{width: 100%; padding: 0rem 0rem 4rem 2rem; border-bottom: .1rem solid rgb(6, 50, 49, 10%);} #content_insurance .tpgb-container-row .tpgb-container-col .wp-block-list li{font-family: 'Fustat', sans-serif; font-size: 2rem; font-weight: 600; line-height: 170%; letter-spacing: -.08rem; color: #007872;} #content_insurance .tpgb-container-row .tpgb-container-col .wp-block-list li::marker{font-size: 2rem;} #problem_insurance .problem_img img{width: 100%; border-radius: 1.2rem;} #problem_insurance .problem_info > *{width: 100%;} #problem_insurance .problem_info .tpgb-heading-title .heading-title{width: 100%; max-width: 22.3rem;} /*========== PROGRAMS ==========*/ #hero_programs{position: relative; background: #007872;} #hero_programs .tpgb-cont-in > *{z-index: 2;} #hero_programs .tpgb-cont-in .tpgb-heading-title .heading-title{color: #FFFFFF;} #hero_programs .tpgb-cont-in .tpgb-pro-paragraph{width: 100%; max-width: 63rem;} #hero_programs .tpgb-cont-in .tpgb-pro-paragraph p{color: #F6F6F4; opacity: .8;} #content_programs .tpgb-cont-in > .programs_list{display: grid; grid-template-columns: repeat(auto-fill, minmax(29.3rem, 1fr)); row-gap: 3rem; column-gap: 2rem;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container{display: flex; flex-direction: column; row-gap: 1.6rem;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container .programs_img figure{display: flex;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container .programs_img figure img{width: 100%; height: 30.1rem; object-fit: cover; border-radius: 1.6rem;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container .programs_info{display: flex; flex-direction: column; row-gap: .4rem;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container .programs_info h3{font-size: 2.4rem; font-weight: 600; line-height: 140%; letter-spacing: -.08rem; color: #FFFFFF;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container .programs_info p{display: inline; font-size: 1.4rem; font-weight: 500; line-height: 170%; letter-spacing: 0; color: #F6F6F4;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container .programs_info a{font-family: 'Host Grotesk', sans-serif; display: inline; padding: 0rem; font-size: 1.4rem; line-height: 170%; letter-spacing: 0; color: #00E2E9; background: transparent;} #content_programs .tpgb-cont-in > .programs_list .programs_item.active .programs_container .programs_img img{height: 35.8rem;} .programs_list .extra_item .programs_container{position: relative;} .programs_list .extra_item .programs_container .programs_img figure{position: relative;} .programs_list .extra_item .programs_container .programs_img figure::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0rem; left: 0rem; background: linear-gradient(0deg, rgba(97, 174, 165, 0.84), rgba(97, 174, 165, 0.84)); border-radius: 1.6rem;} .programs_list .extra_item .programs_container .programs_info{width: 100%; max-width: 45.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #topbody .tpgb-cont-in > .programs_list .extra_item .programs_container .programs_info h3{font-size: 3.2rem; font-weight: 700; line-height: 120%; letter-spacing: -.15rem; color: #FFFFFF; text-align: center;} #providers_programs .providers_mid .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: .9rem;} #providers_programs .providers_mid .tpgb-stylist-list .tpgb-icon-list-text span{width: 100%; max-width: 34.8rem; display: block; padding-top: 1.2rem; font-family: 'Host Grotesk',sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 170%; letter-spacing: 0rem; color: #495B55;} #providers_programs .providers_bottom{row-gap: 3rem; padding: 5rem 1.5rem; border-radius: 2.4rem;} #providers_programs .providers_bottom span{font-family: 'Fustat', sans-serif;} #providers_programs .providers_bottom .tpgb-container-col .tpgb-pro-paragraph{width: 100%; max-width: 31.7rem;} /*========== CONTACT US ==========*/ #hero_contact{position: relative; background: linear-gradient(to bottom, #007872 96.290%, transparent 4.810%);} #hero_contact .tpgb-container-col{z-index: 2;} #hero_contact .hero_info .tpgb-container-row{width: 100%; max-width: 58.7rem;} #hero_contact .hero_info .tpgb-container-row:first-child{min-height: 10.79rem; border-bottom: .1rem solid rgb(255, 255, 255, 10%);} #hero_contact .hero_info .tpgb-container-row .tpgb-heading-title .heading-title{color: #FFFFFF;} #hero_contact .hero_info .tpgb-container-row .tpgb-stylist-list .tpgb-icon-list-text *{color: #FFFFFF;} #hero_contact .hero_info .tpgb-container-row .tpgb-stylist-list .tpgb-icon-list-text a{text-decoration: underline;} #hero_contact .hero_info .tpgb-container-row .tpgb-stylist-list .tpgb-icon-list-text span{font-family: 'Host Grotesk', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 170%; letter-spacing: 0rem; color: #F6F6F4;} #hero_contact .hero_info .tpgb-container-row .tpgb-social-icons .tpgb-social-list{column-gap: 2.7rem; align-items: center;} #hero_contact .hero_info .tpgb-container-row .tpgb-social-icons .tpgb-social-list .social-icon-tooltip .tpgb-social-icn{padding: 0rem;} #hero_contact .hero_info .tpgb-container-row .tpgb-social-icons .tpgb-social-list .social-icon-tooltip:first-child .tpgb-social-icn{display: none;} #hero_contact .hero_info .tpgb-container-row .tpgb-social-icons .tpgb-social-list .social-icon-tooltip .tpgb-icon-link{background: transparent; border: unset;} #hero_contact .hero_info .tpgb-container-row .tpgb-social-icons .tpgb-social-list .social-icon-tooltip:not(:first-child) .tpgb-social-title{display: none;} #topbody .frm_forms{width: 100%; padding: 2rem; background: #F6F6F4; border-radius: 1.6rem;} #topbody .frm_forms fieldset{padding: 0rem !important;} #topbody .frm_forms .frm_fields_container .form-field{margin-bottom: 1.6rem;} #topbody .frm_forms .frm_fields_container .form-field:has(.frm_submit){margin-bottom: unset;} #topbody .frm_forms .frm_fields_container .frm_primary_label{padding-bottom: 1rem;} #topbody .frm_forms .frm_fields_container .frm_primary_label, #topbody .frm_forms .frm_fields_container .frm_primary_label span{font-family: 'Host Grotesk', sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 170%; letter-spacing: 0rem; color: #007872;} #topbody .frm_forms .frm_fields_container input::placeholder, #topbody .frm_forms .frm_fields_container textarea::placeholder{font-family: 'Host Grotesk', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 170%; letter-spacing: 0rem; color: rgb(73, 91, 85, 60%);} #topbody .frm_forms .frm_fields_container input, #topbody .frm_forms .frm_fields_container textarea{padding: 1.6rem 1rem 1.6rem 2rem; border: .1rem solid rgb(6, 50, 49, 8%); border-radius: .8rem; background: #FFFFFF; font-family: 'Host Grotesk', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 170%; letter-spacing: 0rem; color: #495B55;} #topbody .frm_forms .frm_fields_container textarea{height: 13.5rem;} #topbody .frm_forms .frm_fields_container .frm_button_submit{width: 100%; display: flex; align-items: center; justify-content: center; margin: 0rem; padding: 1.6rem 1rem; border: unset; border-radius: 1rem; background: #333333; font-family: 'Host Grotesk', sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 170%; letter-spacing: .02rem; color: #FFFFFF;} #map_contact .tpgb-google-map{border-radius: 1.6rem;} /*========== CAREERS ==========*/ #hero_careers .hero_info .tpgb-heading-title{width: 100%; max-width: 24.6rem;} #hero_careers .hero_info img{width: 100%; border-radius: 1.6rem;} /*========== PROGRAMS INTERN ==========*/ #hero_intern-programs{position: relative; background: linear-gradient(to bottom, #007872 90.290%, #F6F6F4 10.810%);} #hero_intern-programs::before{content: ''; display: block; width: 100%; height: 44.039rem; position: absolute; bottom: 6.7rem; left: 0rem; transform: scaleX(-1); background: url(images/bg-line-footer.webp) repeat-x top/100%; background-size: cover;} #hero_intern-programs::after{content: ''; display: block; width: 22.051rem; height: 40.731rem; position: absolute; bottom: 9.496rem;right: .751rem; background: url(images/bg-leaves.webp) repeat-x left top/63rem;} #hero_intern-programs .tpgb-container-col{z-index: 2;} #hero_intern-programs .intern_info .tpgb-heading-title{width: 100%; max-width: 49.3rem;} #hero_intern-programs .intern_info .tpgb-heading-title .heading-title{color: #FFFFFF;} #hero_intern-programs .intern_info .tpgb-pro-paragraph{width: 100%; max-width: 49.7rem;} #hero_intern-programs .intern_info .tpgb-pro-paragraph p{color: #FFFFFF;} #hero_intern-programs .intern_img .tpgb-creative-image img{width: 100%; border-radius: 1.6rem;} #hero_intern-programs .intern_img .tpgb-plus-button{width: fit-content; position: absolute; bottom: 6rem; right: -1rem;} #hero_intern-programs .intern_img .tpgb-plus-button a span{display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 2.07rem; font-family: 'Host Grotesk',sans-serif; text-wrap: nowrap; color: transparent;} /*========== PSYCHIATRY PROGRAM ==========*/ #adults_psychiatry .adults_img img{width: 100%; border-radius: 1.2rem;} #adults_psychiatry .adults_info > *{width: 100%;} #adults_psychiatry .adults_info .tpgb-heading-title .heading-title{width: 100%;} #adults_psychiatry .adults_info .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: .421rem;} #adults_psychiatry .adults_info .tpgb-stylist-list .tpgb-icon-list-text{width: 100%;} #children_psychiatry .children_top .children_info > *{width: 100%;} #children_psychiatry .children_top .children_info .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: .58rem;} #children_psychiatry .children_top .children_info .tpgb-stylist-list .tpgb-icon-list-text{width: 100%;} #children_psychiatry .children_top .children_img img{width: 100%; border-radius: 1.6rem;} /*========== PSYCHOTHERAPY PROGRAM ==========*/ #services_psychotherapy .services_img img{width: 100%; border-radius: 1.2rem;} #services_psychotherapy .services_info > *{width: 100%;} #intensive_psychotherapy .intensive_top .intensive_info > *{width: 100%;} #intensive_psychotherapy .intensive_top .intensive_img img{width: 100%; border-radius: 1.6rem;} /*========== BEHAVIORAL ANALYSIS PROGRAM ==========*/ #works_behavioral .works_top .works_img img{width: 100%; border-radius: 1.2rem;} #works_behavioral .works_top .works_info > *{width: 100%;} /*========== CLUBHOUSE PROGRAM ==========*/ #content_clubhouse .content_top .content_img img{width: 100%; border-radius: 1.2rem;} #content_clubhouse .content_top .content_info > *{width: 100%;} /*========== TARGETED CASE PROGRAM ==========*/ #services_targeted .services_top .services_img img{width: 100%; border-radius: 1.2rem;} #services_targeted .services_top .services_info > * {width: 100%;} #services_targeted .services_top .services_info .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: .58rem;} #services_targeted .services_top .services_info .tpgb-stylist-list .tpgb-icon-list-text{width: 100%;} /*========== PSYCHOSOCIAL REHABILITATION PROGRAM ==========*/ #psychosocial_rehabilitation .psychosocial_img img{width: 100%; border-radius: 1.2rem;} #psychosocial_rehabilitation .psychosocial_info > *{width: 100%;} #teen_rehabilitation .teen_top .teen_img img{width: 100%; border-radius: 1.6rem;} #teen_rehabilitation .teen_top .teen_info > *{width: 100%;} /*========== ABA THERAPY PROGRAM ==========*/ #hero_intern-programs.aba{background: linear-gradient(to bottom, #007872 90.290%, #FFFFFF 10.810%);} #work_aba .work_img .tpgb-heading-title, #work_aba .work_img .tpgb-pro-paragraph{width: 100%;} #work_aba .work_img img{width: 100%; border-radius: 1.6rem;} #work_aba .work_info .tpgb-container-row:first-child{padding-bottom: 4.8rem;} #work_aba .work_info .tpgb-container-row:not(:first-child){padding: 4.8rem 0rem; border-top: .1rem solid rgb(6, 50, 49, 10%);} #work_aba .work_info .tpgb-container-row .wp-block-outermost-icon-block{width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center; border-radius: .8rem; background: #333333;} #benefit_aba .benefit_img img{width: 100%; border-radius: 1.2rem;} #benefit_aba .benefit_info .tpgb-heading-title, #benefit_aba .benefit_info .tpgb-pro-paragraph{width: 100%;} #benefit_aba .benefit_info .tpgb-stylist-list{width: fit-content;} #benefit_aba .benefit_info .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: .9rem;} #benefit_aba .benefit_info .tpgb-stylist-list .tpgb-icon-list-text span{width: 100%; display: block; padding-top: 1.2rem; font-family: 'Host Grotesk',sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 170%; letter-spacing: 0rem; color: #495B55;} #playpath_aba .playpath_info .tpgb-heading-title, #playpath_aba .playpath_info .tpgb-pro-paragraph{width: 100%;} #playpath_aba .playpath_info .tpgb-stylist-list{width: 100%; max-width: 41.5rem;} #playpath_aba .playpath_img img{width: 100%; border-radius: 1.6rem;} #science_aba .science_img img{width: 100%; border-radius: 1.2rem;} #science_aba .science_info .tpgb-heading-title, #science_aba .science_info .tpgb-pro-paragraph{width: 100%;} #science_aba .science_info .tpgb-stylist-list{width: fit-content;} #science_aba .science_info .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: .9rem;} #science_aba .science_info .tpgb-stylist-list .tpgb-icon-list-text span{width: 100%; display: block; padding-top: 1.2rem; font-family: 'Host Grotesk',sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 170%; letter-spacing: 0rem; color: #495B55;} /*========== ERROR 404 - MAINTENANCE ==========*/ #error404, #maintenance{padding:10rem 1rem;} #error404 .wccol-md-4, #maintenance .wccol-md-4{order:2;} #error404 .wccol-md-8, #maintenance .wccol-md-8{order:1;} #error404 h2{font-size:12rem; color:var(--main-color-primary); line-height:1;} #maintenance h2{font-size:4rem; color:var(--main-color-primary); line-height:1;} #error404 h4, #maintenance h4{font-size:5rem; line-height:1;} #error404 p, #maintenance p{margin:1rem 0; font-size:1.4rem;} #error404 a.wcbtn, #maintenance a.wcbtn{background:#000; color:#fff; padding:1rem 4rem;} /*========== PRIVACY POLICY ==========*/ #privacy_policy{background: #007872;} #privacy_policy .tpgb-cont-in{row-gap: 2.5rem;} #privacy_policy .tpgb-cont-in *{color: #F3F4F4;} #privacy_policy .tpgb-cont-in p, #privacy_policy .tpgb-cont-in li{font-family: 'Host Grotesk', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 170%; letter-spacing: 0rem;} #privacy_policy .tpgb-cont-in ul{display: flex; flex-direction: column; row-gap: 1rem; padding-left: 1.6rem;} /*========== FOOTER ==========*/ #footer{background: #007872; padding: 4.816rem 0rem 3.3rem; position: relative;} #footer > *{position: relative; z-index: 2;} #footer::before{content: ''; display: block; width: 100%; height: 44.039rem; position: absolute; bottom: 0rem; left: 0rem; transform: scaleX(-1); background: url(images/bg-line-footer.webp) repeat-x top/100%; background-size: cover;} #footer::after{content: ''; display: block; width: 22.051rem; height: 40.731rem; position: absolute; bottom: 1.269rem; right: .751rem; background: url(images/bg-leaves.webp) repeat-x left top/63rem;} #footer .container__row{width: min(85.1%,120rem); margin: 0 auto; max-width: unset;} #footer .wcrow{padding: 0rem;} #footer .top{padding: 3.5rem 0rem 3.25rem;} #footer .top #container__logo a{display: flex;} #footer .top a{font-family: "Host Grotesk", sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 2.4rem; letter-spacing: 0rem; color: #F3F4F4;} #footer .top p{font-family: "Host Grotesk", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 2.8rem; letter-spacing: 0rem; color: #F3F4F4;} #footer .top .wcrow{align-items: start; padding: 0rem;} #footer .top .logo_footer{display: flex; flex-direction: column; row-gap: 2.4rem;} #footer .top .nav_footer{display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 1rem; row-gap: 3rem; padding-top: 2.5rem;} #footer .top .nav_footer > div{width: fit-content; display: flex; flex-direction: column; row-gap: 2rem;} #footer .top .nav_footer .quick_links ul.menu li:last-child{display: none;} #footer .top .nav_footer h3{font-family: 'Host Grotesk', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #FFFFFF; opacity: .8;} #footer .top .nav_footer ul.menu{display: flex; flex-direction: column; row-gap: 1rem; list-style: none;} #footer .top .nav_footer ul.menu li a{display: flex; align-items: center;} #footer .top .nav_footer ul.menu li.current-menu-item a{color: #000;} #footer .top .nav_footer ul.menu li.menu-item-has-children > a span{font-size: 1.7rem;} #footer .top .nav_footer ul.menu li.menu-item-has-children ul.sub-menu{overflow: hidden; max-width: 0rem; max-height: 0rem; display: flex; flex-direction: column; row-gap: .6rem; padding-top: 1rem; list-style: none; transition: all .5s linear;} #footer .top .nav_footer ul.menu li.menu-item-has-children.active ul.sub-menu{max-height: 60rem; max-width: 20rem;} #footer .top .nav_footer ul.menu li.menu-item-has-children > a span{font-size: 2.5rem; transform: rotate(0deg); transition: all .5s;} #footer .top .nav_footer ul.menu li.menu-item-has-children.active > a span{transform: rotate(180deg); transition: all .5s;} #footer .top .nav_footer > .nav_info{width: 100%; display: flex; flex-direction: column; row-gap: 1rem;} #footer .top .nav_footer > .nav_info > div{display: flex; column-gap: .81rem;} #footer .top .nav_footer > .nav_info p{width: 100%;} #footer .bottom{padding: 2.4rem 0rem 0rem; border-top: .1rem solid #1F4746;} #footer .bottom a, #footer .bottom span{font-family: "Host Grotesk", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #F6F6F4;} #footer .bottom .copy_policies{display: flex; align-items: center;} #footer .bottom .nav_social ul.menu{display: flex; align-items: center; column-gap: 1.381rem; list-style: none;} #footer .bottom .nav_social ul.menu li{display: flex; align-items: center; column-gap: 1.381rem;} #footer .bottom .nav_social ul.menu li svg{order: 0;} #footer .bottom .nav_social ul.menu li a{order: 1;} } @media screen and (min-width:768px){ /*========== ERROR 404 - MAINTENANCE ==========*/ #error404, #maintenance{background:url("images/404-background.png") no-repeat center 0; background-size:cover;} #error404 .wccol-md-4, #maintenance .wccol-md-4{order:1;} #error404 .wccol-md-4 img, #maintenance .wccol-md-4 img{margin:0 auto;} #error404 .wccol-md-8, #maintenance .wccol-md-8{order:2;} #error404 h2{font-size:15rem;} #maintenance h2{font-size:9rem;} #error404 h4, #maintenance h4{font-size:7rem;} #error404 p, #maintenance p{font-size:1.8rem;} /*========== GLOBAL-STYLES ==========*/ /*========== OFFCANVAS ==========*/ /*========== HEADER ==========*/ #header{padding: 2.5rem 0rem;} #header .container__row{width: min(89.81%,119.245rem);} #header .container__row #container__logo a img{max-width: 21.2rem;} /*========== HOME ==========*/ /* #hero_home::before{content: ''; width: 100%; height: 13.2rem; display: block; position: absolute; top: 0rem; z-index: 1; background: linear-gradient(180deg, #063231 0%, rgba(6, 50, 49, 0) 100%);} */ #hero_home .hero_img{height: 69.7rem; column-gap: 2.4rem;} #hero_home .hero_img .tpgb-container-row{width: 100%; row-gap: 2.4rem;} #hero_home .hero_img .tpgb-container-row .tpgb-creative-image{max-width: 100%;} #hero_home .hero_img .tpgb-container-row .tpgb-creative-image img{width: 100%;} #about_home .tpgb-container-col{max-width: 34.8rem;} #about_home .tpgb-container-col .tpgb-pro-paragraph{max-width: 26.6rem;} #glad_home .glad_top .glad_img .tpgb-creative-img-wrap::before{width: 12.2rem; height: 22.5rem; bottom: 7.7rem; right: -3.5rem; background: url(images/leaves.webp)no-repeat top/100%;} #glad_home .glad_top .glad_img img{height: 40rem; object-fit: cover;} #glad_home .glad_bottom{padding: 5rem 1rem;} #taking_home .taking_bottom .taking_bottom-top{grid-template-columns: repeat(2, 1fr);} #taking_home .taking_bottom .taking_bottom-top .tpgb-container-col{min-height: 44.8rem;} #taking_home .taking_bottom .taking_bottom-top .tpgb-container-col > *{max-width: 32.4rem;} #taking_home .taking_bottom .taking_bottom-bottom img{max-width: 100%;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list{grid-template-columns: repeat(auto-fill, minmax(31.3rem, 1fr));} /*========== ABOUT US ==========*/ /* #hero_about::before{content: ''; width: 100%; height: 13.2rem; display: block; position: absolute; top: 0rem; z-index: 1; background: linear-gradient(180deg, #063231 0%, rgba(6, 50, 49, 0) 100%);} */ #hero_about{background: #007872} #hero_about::before{content: ''; display: block; width: 100%; height: 44.039rem; position: absolute; bottom: 0rem; left: 0rem; transform: scaleX(-1); background: url(images/bg-line-footer.webp) repeat-x top/100%; background-size: cover;} #hero_about::after{content: ''; display: block; width: 22.051rem; height: 40.731rem; position: absolute; bottom: 0rem;right: .751rem; background: url(images/bg-leaves.webp) repeat-x left top/63rem;} #hero_about .about_info .tpgb-pro-paragraph{max-width: 49.7rem;} #hero_about .about_info .tpgb-heading-title{max-width: 40rem;} #hero_about .about_img .tpgb-creative-image img{max-width: 41.6rem;} #hero_about .about_img .tpgb-plus-button{position: unset;} #hero_about .about_img .tpgb-plus-button a span{flex-direction: row; column-gap: 1rem; color: #FFFFFF;} #mental_about .mental_top img{height: 36.2rem; max-width: 120rem;} #mental_about .mental_bottom .mental_book .tpgb-heading-title{max-width: 39.9rem;} #mental_about .mental_bottom .mental_book .tpgb-pro-paragraph{max-width: 49.2rem;} #providers_about .providers_bottom .team_list .team_item{margin: 0rem 1.8rem;} /*========== INSURANCE ==========*/ article{position: relative;} article::before{content: ''; width: 100%; height: 13.2rem; display: block; position: absolute; top: 0rem; z-index: 1; background: linear-gradient(180deg, #063231 0%, rgba(6, 50, 49, 0) 100%);} #content_insurance .tpgb-container-row .tpgb-container-col .wp-block-list{width: 100%; padding: 0rem 0rem 4rem 3.6rem;} #content_insurance .tpgb-container-row .tpgb-container-col .wp-block-list li{font-size: 2.4rem; line-height: 140%;} #content_insurance .tpgb-container-row .tpgb-container-col .tpgb-pro-paragraph{max-width: 35rem;} #problem_insurance .problem_img img{max-width: 48.6rem;} #problem_insurance .problem_info > *{max-width: 47.8rem;} #problem_insurance .problem_info .tpgb-heading-title .heading-title{max-width: 30.3rem;} /*========== PROGRAMS ==========*/ #hero_programs::before{content: ''; display: block; width: 100%; height: 44.039rem; position: absolute; bottom: 0rem; left: 0rem; transform: scaleX(-1); background: url(images/bg-line-footer.webp) repeat-x top/100%; background-size: cover;} #hero_programs::after{content: ''; display: block; width: 22.051rem; height: 40.731rem; position: absolute; bottom: 1.269rem; right: .751rem; background: url(images/bg-leaves.webp) repeat-x left top/63rem;} #content_programs .tpgb-cont-in > .programs_list{grid-template-columns: repeat(auto-fill, minmax(31.3rem, 1fr));} #providers_programs .providers_mid .tpgb-stylist-list{width: fit-content;} #providers_programs .providers_bottom .tpgb-container-col{border-right: .1rem solid #108274;} #providers_programs .providers_bottom .tpgb-container-col:last-child{border-right: unset} /*========== PROGRAMS INTERN ==========*/ #hero_intern-programs{background:#007872;} #hero_intern-programs::before{content: ''; display: block; width: 100%; height: 44.039rem; position: absolute; bottom: 0rem; left: 0rem; transform: scaleX(-1); background: url(images/bg-line-footer.webp) repeat-x top/100%; background-size: cover;} #hero_intern-programs::after{content: ''; display: block; width: 22.051rem; height: 40.731rem; position: absolute; bottom: 0rem;right: .751rem; background: url(images/bg-leaves.webp) repeat-x left top/63rem;} #hero_intern-programs .intern_img .tpgb-creative-image img{max-width: 41.6rem;} #hero_intern-programs .intern_img .tpgb-plus-button{position: unset;} #hero_intern-programs .intern_img .tpgb-plus-button a span{flex-direction: row; column-gap: 1rem; color: #FFFFFF;} /*========== PSYCHOTHERAPY PROGRAM ==========*/ #services_psychotherapy .services_img img{max-width: 48.6rem;} #services_psychotherapy .services_info > *{max-width: 47.8rem;} #intensive_psychotherapy .intensive_top .intensive_info > *{max-width: 49rem;} #intensive_psychotherapy .intensive_top .intensive_img img{max-width: 58.8rem;} /*========== PSYCHIATRY PROGRAM ==========*/ #adults_psychiatry .adults_img img{max-width: 48.6rem;} #adults_psychiatry .adults_info > *{max-width: 47.8rem;} #adults_psychiatry .adults_info .tpgb-heading-title .heading-title{max-width: 41.7rem;} #adults_psychiatry .adults_info .tpgb-stylist-list .tpgb-icon-list-text{max-width: 38.9rem;} #children_psychiatry .children_top .children_info > *{max-width: 47rem;} #children_psychiatry .children_top .children_info .tpgb-stylist-list .tpgb-icon-list-text{max-width: 39.7rem;} #children_psychiatry .children_top .children_img img{max-width: 58.8rem;} /*========== BEHAVIORAL ANALYSIS PROGRAM ==========*/ #works_behavioral .works_top .works_img img{max-width: 48.6rem;} #works_behavioral .works_top .works_info > *{max-width: 47.8rem;} /*========== CLUBHOUSE PROGRAM ==========*/ #content_clubhouse .content_top .content_img img{max-width: 48.6rem;} #content_clubhouse .content_top .content_info > *{max-width: 47.8rem;} /*========== PSYCHOSOCIAL REHABILITATION PROGRAM ==========*/ #psychosocial_rehabilitation .psychosocial_img img{max-width: 48.6rem;} #psychosocial_rehabilitation .psychosocial_info > *{max-width: 47.8rem;} #teen_rehabilitation .teen_top .teen_img img{max-width: 58.8rem;} #teen_rehabilitation .teen_top .teen_info > *{max-width: 49.5rem;} /*========== TARGETED CASE PROGRAM ==========*/ #services_targeted .services_top .services_img img{max-width: 48.6rem;} #services_targeted .services_top .services_info > * {max-width: 47.8rem;} #services_targeted .services_top .services_info .tpgb-stylist-list .tpgb-icon-list-text{max-width: 38.9rem;} /*========== ABA THERAPY PROGRAM ==========*/ #hero_intern-programs.aba{background: #007872} #work_aba .work_img .tpgb-heading-title, #work_aba .work_img .tpgb-pro-paragraph{max-width: 39.9rem;} #work_aba .work_img img{max-width: 39.9rem;} #benefit_aba .benefit_img img{max-width: 48.6rem;} #benefit_aba .benefit_info .tpgb-heading-title{max-width: 41.7rem;} #benefit_aba .benefit_info .tpgb-pro-paragraph{max-width: 47.8rem;} #benefit_aba .benefit_info .tpgb-stylist-list .tpgb-icon-list-text span{max-width: 37.9rem;} #playpath_aba .playpath_info .tpgb-heading-title{max-width: 47.3rem;} #playpath_aba .playpath_info .tpgb-pro-paragraph{max-width: 44.1rem;} #playpath_aba .playpath_img img{max-width: 58.8rem;} #science_aba .science_img img{max-width: 48.6rem;} #science_aba .science_info .tpgb-heading-title, #science_aba .science_info .tpgb-pro-paragraph{max-width: 47.5rem;} #science_aba .science_info .tpgb-stylist-list .tpgb-icon-list-text span{max-width: 37.9rem;} /*========== CAREERS ==========*/ /*========== CONTACT US ==========*/ #hero_contact{background: linear-gradient(to bottom, #007872 90.290%, transparent 10.810%);} #hero_contact::before{content: ''; display: block; width: 100%; height: 44.039rem; position: absolute; bottom: 6.7rem; left: 0rem; transform: scaleX(-1); background: url(images/bg-line-footer.webp) repeat-x top/100%; background-size: cover;} #hero_contact::after{content: ''; display: block; width: 22.051rem; height: 40.731rem; position: absolute; bottom: 9.496rem;right: .751rem; background: url(images/bg-leaves.webp) repeat-x left top/63rem;} #hero_contact .hero_info .tpgb-container-row:first-child{min-height: unset;} #topbody .frm_forms{padding: 4.8rem 4.8rem 3rem;} /*========== FOOTER ==========*/ /* #footer{background: #007872;} */ #footer .container__row{width: min(89.81%,119.245rem);} #footer .top a{font-size: 1.6rem;} #footer .top p{font-size: 1.6rem;} #footer .top{padding: 0rem 0rem 8.8rem;} #footer .top .wcrow{align-items: start;} #footer .top .nav_footer{justify-content: space-between; flex-wrap: nowrap; padding-top: 0rem; column-gap: 7.4rem;} #footer .top .nav_footer > div{width: auto; row-gap: 2.4rem;} #footer .top .nav_footer ul.menu{gap: 1.8rem;} #footer .top .nav_footer ul.menu li{width: auto;} #footer .top .nav_footer ul.menu li.menu-item-has-children.active ul.sub-menu{max-width: 60rem;} #footer .top .nav_footer > .nav_info{width: auto; row-gap: 2.435rem;} #footer .bottom .copy_policies{justify-content: flex-end;} } @media screen and (min-width:1024px){ /*========== HOME ==========*/ #hero_home .tpgb-cont-in{padding-top: 0rem;} #hero_home .tpgb-cont-in > .tpgb-container-col{width: 50%;} #hero_home .hero_img{height: 90.7rem;} #hero_home .hero_img .tpgb-container-row{width: fit-content;} #hero_home .hero_img .tpgb-container-row .tpgb-creative-image{max-width: 28.2rem;} #hero_home .hero_img .tpgb-container-row .tpgb-creative-image img{width: fit-content;} #about_home .tpgb-container-col{max-width: 39.8rem;} #glad_home .glad_top .tpgb-cont-in > .tpgb-container-col{width: 50%;} #glad_home .glad_top .glad_info .tpgb-pro-paragraph{max-width: 49rem;} #glad_home .glad_top .glad_info .tpgb-accordion{max-width: 52.3rem;} #glad_home .glad_top .glad_img img{max-width: 58.8rem; height: auto;} #glad_home .glad_bottom .tpgb-container-col:not(:last-child){border-right: .1rem solid #108274;} #taking_home .taking_bottom .taking_bottom-top{grid-template-columns: repeat(3, 1fr);} #taking_home .taking_bottom .taking_bottom-top .tpgb-container-col{min-height: 49.8rem;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list{grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10.6rem; row-gap: 2rem; column-gap: 2.4rem;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item:nth-child(1){grid-column-start: 1; grid-row-end: span 6;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item:nth-child(2){grid-column-start: 2; grid-row-end: span 4;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item:nth-child(3){grid-column-start: 1; grid-row-end: span 4;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item:nth-child(4){grid-column-start: 2; grid-row-start: 5; grid-row-end: span 6;} #programs_home .tpgb-cont-in > .tpgb-container-row .programs_list .programs_item .programs_container .programs_img figure img{height: 61rem;} /*========== ABOUT US ==========*/ #mental_about .mental_bottom > *{width: 50%;} #mental_about .mental_bottom .mental_info{padding: 0rem !important;} #mental_about .mental_bottom .mental_book .tpgb-pro-paragraph{max-width: 37.2rem;} #providers_about .providers_bottom .team_list .team_item{margin: 0rem 4.8rem;} /*========== PROGRAMS ==========*/ #content_programs .tpgb-cont-in > .programs_list{grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10.6rem; row-gap: 2rem; column-gap: 2.4rem;} #content_programs .tpgb-cont-in > .programs_list .programs_item:nth-child(1){grid-column-start: 1; grid-row-end: span 6;} #content_programs .tpgb-cont-in > .programs_list .programs_item:nth-child(2){grid-column-start: 2; grid-row-end: span 4;} #content_programs .tpgb-cont-in > .programs_list .programs_item:nth-child(3){grid-column-start: 1; grid-row-end: span 4;} #content_programs .tpgb-cont-in > .programs_list .programs_item:nth-child(4){grid-column-start: 2; grid-row-start: 5; grid-row-end: span 6;} #content_programs .tpgb-cont-in > .programs_list .programs_item .programs_container .programs_img figure img{height: 61rem;} /*========== CAREERS ==========*/ #hero_careers .hero_info img{max-width: 54.3rem;} #hero_careers .tpgb-cont-in > *{width: 50%;} #hero_careers .tpgb-cont-in .tpgb-container-col:first-child{justify-content: start; padding-right: 1rem !important;} /*========== CONTACT US ==========*/ #topbody .frm_forms{max-width: 58.8rem;} #hero_contact .tpgb-cont-in > *{width: 50%;} #hero_contact .hero_info .tpgb-container-row:first-child{min-height: 34.62rem;} #hero_contact .hero_form{padding: 0rem !important;} /*========== FOOTER ==========*/ #footer .top .nav_footer{justify-content: flex-end;} #footer .top .nav_footer > .nav_info p{max-width: 15.5rem;} } @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 ==========*/ /*========== HEADER ==========*/ #header{padding: 3.4rem 0rem;} #header .container__row{width: min(95%,120rem); align-items: unset;} #header .container__row a{font-family: "Host Grotesk", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #FFFFFF;} #header .container__row #nav__header ul.sub-menu li a{font-size: 1.4rem;} #header .container__row #nav__header ul.menu{height: 100%; display: flex; align-items: center; gap: 3.8rem; list-style: none;} #header .container__row #nav__header ul.menu > li{height: 100%; display: flex; align-items: center;} #header .container__row #nav__header ul.menu li a{display: flex; align-items: center;} #header .container__row #nav__header ul.menu li.current-menu-item a{font-weight: 700;} #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: 2.5rem; transform: rotate(0deg); transition: all .5s;} #header .container__row #nav__header ul.menu li.menu-item-has-children:hover > a span{transform: rotate(180deg); transition: all .5s;} #header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu{width: max-content; display: none; position: absolute; top: 4.5rem; list-style: none; border: .1rem solid #ffffff; border-radius: 1.4rem; background: #333333; overflow: hidden;} #header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu a{padding: 1.15rem 2.3rem; transition: all .3s ease;} #header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu a:hover{background: #464545;} #header .container__row #nav__header ul.menu li.menu-item-has-children:hover ul.sub-menu{display: flex; flex-direction: column;} #header .container__row #nav__header #list__icons-header{display: none;} #header .container__row #consultation{display: block;} #header .container__row #consultation a{display: flex; align-items: center; padding: 1.6rem 2.4rem; font-weight: 600; color: #FFFFFF; background: #333333; border-radius: 1rem;} /*========== HOME ==========*/ /*========== ABOUT US ==========*/ #hero_about{background: linear-gradient(to bottom, #007872 90.290%, transparent 10.810%);} #hero_about::before{bottom: 6.7rem;} #hero_about::after{bottom: 9.496rem;} #hero_about .about_info .tpgb-heading-title{max-width: 100%;} #hero_about .about_img .tpgb-plus-button a span{flex-direction: column;} #providers_about .providers_bottom .team_list .team_item .team_container .team_img figure img{max-width: 33.6rem; object-position: center;} /*========== PROGRAMS INTERN ==========*/ #hero_intern-programs{background: linear-gradient(to bottom, #007872 90.290%, #F6F6F4 10.810%);} #hero_intern-programs::before{bottom: 6.7rem;} #hero_intern-programs::after{bottom: 9.496rem;} #hero_intern-programs .intern_img .tpgb-plus-button a span{flex-direction: column;} /*========== ABA THERAPY PROGRAM ==========*/ #hero_intern-programs.aba{background: linear-gradient(to bottom, #007872 90.290%, #FFFFFF 10.810%);} /*========== CAREERS ==========*/ #hero_careers .tpgb-cont-in .tpgb-container-col:first-child{justify-content: space-between;} /*========== FOOTER ==========*/ #footer .container__row{width: min(95%,120rem);} #footer .top .nav_footer{column-gap: 10.4rem;} }