/**
* Main CSS for FCAP Theme
* Contains core styles and layout
*/
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{margin:0 ; padding:0 ;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;color: #171415;}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;float:none;box-sizing:border-box;width:100%;}
.container:after{clear:both;content:"";display:table;}
.row{margin-right:-15px;margin-left:-15px}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700;margin-bottom:10px;font-family:'Figtree',sans-serif;color:#171415;}
.h1-large{font-family:'Figtree',sans-serif; font-weight: 700; font-size: 64px; line-height: 110.00000000000001%; letter-spacing: -2%;margin-bottom:8px;}
h1, .h1{font-size:32px;line-height:130%;margin-bottom:16px;}
h2, .h2{ font-size: 32px; line-height: 130%; }
h3, .h3{font-size:24px;line-height:130%;}
h4, .h4{font-size:20px;line-height:130%;}
h5, .h5{font-size:18px;line-height:130%;}
h6, .h6{font-size:16px;line-height:130%;}
p{font-family:'Inter',sans-serif;color:#171415;font-size:20px;line-height:150%;margin-bottom:12px;}
p:last-child{margin-bottom:0;}
a{text-decoration:none;cursor:pointer;display: inline-block;color:#171415;transition: 0.3s ease-in-out;}
img{width:auto;object-fit:contain;object-position:center;max-width:100%;}
.pdtb-96{padding-top:96px;padding-bottom:96px;}
.pdtb-80{padding-top:80px;padding-bottom:80px;}
.section-padding{padding-top:80px;padding-bottom:120px;}
.btn.primary-cta { font-family: inter; font-weight: 800; font-size: 20px; line-height: 100%; letter-spacing: -1%; border: 2px solid #F9D666; border-radius: 8px; border-width: 2px; padding: 12px 22px; display: block; width: fit-content; background-color: #F5BA00; transition: 0.3s ease-in-out; min-width: 200px; text-align: center; }
.btn.primary-cta:hover { background-color: transparent;color: #F9D666; }
.btn.secondary-cta { font-weight: 700; font-size: 12px; line-height: 100%; letter-spacing: 1%; text-align: center; text-transform: uppercase; font-family: inter; padding: 6px 14px 4px; border: 2px solid #171415; width: fit-content; display: block; border-radius: 10px; background-color: transparent; transition: 0.3s ease-in-out; }
.btn.secondary-cta:hover { background-color: #171415; color: #fff }
ul, ol { padding-left: 32px; margin-bottom: 32px; }
li { font-family: 'Inter', sans-serif; color: #171415; font-size: 20px; line-height: 150%; margin-bottom: 20px; }
li strong { font-weight: 700; }
li a { text-decoration: underline; }
@media(min-width:768px){
.container{max-width:737px;}
}
@media(min-width:992px){
.container{max-width:961px;}
}
@media(min-width:1201px){
.container{max-width:1171px;}
}
@media(min-width:1330px){
.container{max-width:1230px;}
}
@media(max-width:1200px){
.pdtb-96{padding-top:80px;padding-bottom:80px;}
.section-padding{padding-top:80px;padding-bottom:96px;}
.h1-large { font-size: 50px;}
}
@media(max-width:991px){
.pdtb-96{padding-top:60px;padding-bottom:60px;}
.section-padding{padding-top:60px;padding-bottom:80px;}
.pdtb-80{padding-top:60px;padding-bottom:60px;}
.h1-large {font-size: 40px;}
h2, .h2{ font-size: 26px;}
p{font-size: 18px;}
li {font-size: 18px; margin-bottom: 16px;}
ul, ol { padding-left: 20px; margin-bottom: 20px; }
}
@media(max-width:767px){
.pdtb-96{padding-top:40px;padding-bottom:40px;}
.section-padding{padding-top:40px;padding-bottom:40px;}
.pdtb-80{padding-top:40px;padding-bottom:40px;}
}
.site-header { background: #ffffff; padding: 16px 0; position: relative; z-index: 99;position: sticky;top: 0;}
.header-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.site-logo { flex-shrink: 0; }
.site-logo a { display: block; }
.site-logo img { max-width: 337px; width: 100%; height: auto; display: block; object-fit: contain;}
.main-navigation { margin-left: auto; }
.main-menu { display: flex; align-items: center; gap: 16px; list-style: none; margin: 0; padding: 0; }
.main-menu li { margin: 0; padding: 0; }
.main-menu a {padding: 16px 4px; color: #000000; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: all 0.3s ease; position: relative; }
.main-menu a:hover { opacity: 0.8; }
.menu-toggle { display: none; background: none; border: none; padding: 10px; cursor: pointer; z-index: 100; position: relative; outline: none; }
.menu-icon { display: block; width: 24px; height: 18px; position: relative; }
.menu-icon .line { display: block; position: absolute; height: 2px; width: 100%; background-color: #333333; border-radius: 2px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
.menu-icon .line-1 { top: 0px; }
.menu-icon .line-2 { top: 8px; }
.menu-icon .line-3 { top: 16px; }
.menu-icon.active .line-1 { top: 8px; transform: rotate(135deg); background-color:#54B847; }
.menu-icon.active .line-2 { opacity: 0; left: -60px; }
.menu-icon.active .line-3 { top: 8px; transform: rotate(-135deg); background-color: #54B847; }
@media(max-width:991px) {
.header-wrapper { gap: 25px; }
.site-logo img { max-width: 225px; }
.main-menu {flex-wrap: wrap; justify-content: flex-end;gap: 12px; }
.main-menu a {padding: 0;}
}
@media(max-width:767px) {
.site-header { padding: 15px 0; }
.header-wrapper { flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
.site-logo img { width: 200px; }
.menu-toggle { display: block; }
.main-navigation { position: fixed; top: 0; right: -100%; width: 300px; height: 100vh; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05); z-index: 98; transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 90px 30px 40px; display: flex; flex-direction: column; margin-left: 0; }
.main-navigation.active { right: 0 !important; }
.main-menu { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; overflow: visible; }
.main-menu li { width: 100%; opacity: 0; transform: translateX(20px); transition: opacity 0.4s ease, transform 0.4s ease; }
.main-navigation.active li { opacity: 1; transform: translateX(0); }
.main-navigation.active li:nth-child(1) { transition-delay: 0.1s; }
.main-navigation.active li:nth-child(2) { transition-delay: 0.15s; }
.main-navigation.active li:nth-child(3) { transition-delay: 0.2s; }
.main-navigation.active li:nth-child(4) { transition-delay: 0.25s; }
.main-navigation.active li:nth-child(5) { transition-delay: 0.3s; }
.main-navigation.active li:nth-child(6) { transition-delay: 0.35s; }
.main-menu a { font-size: 16px; font-weight: 700; color: #171415; display: block; padding: 10px 0; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.main-menu a:hover { color: #4CAF50 !important; padding-left: 5px; opacity: 1; }
body.menu-open { overflow: hidden; }
}
.site-footer { background: #171415; color: #ffffff; position: relative; font-family: 'Inter', sans-serif; z-index: 3; }
.footer-top { display: grid; grid-template-columns: 3fr 1fr 1fr; gap: 36px; align-items: flex-start; }
.footer-logo-column {height: 100%;justify-content: space-between; display: flex; flex-direction: column; }
.footer-logo img { max-width: 336px; width: 100%; display: block; }
.footer-copyright { margin: 0; color: #ffffff; font-size: 16px; line-height: 130%; }
.footer-copyright-desktop { display: block; margin-top: 30px; }
.footer-copyright-mobile { display: none; }
.footer-menu { margin: 0; padding: 0; list-style: none; }
.footer-menu li {display: block; margin-bottom: 8px; }
.footer-menu li:last-child { margin-bottom: 0; }
.footer-menu a {color: #ffffff; text-decoration: underline; text-underline-offset: 4px; transition: opacity 0.3s ease; display: block; font-family: 'Inter'; font-weight: 700; font-size: 16px; line-height: 150%; letter-spacing: 0%; width: fit-content;}
.footer-menu a:hover { opacity: 0.8; }
.footer-column-title, .founders-title {line-height: 130%;display: block; color: #F9D666; font-size: 24px; font-weight: 700; margin: 0 0 20px; font-family: 'Figtree', sans-serif; }
.footer-column-title { display: none !important; }
.founders-logos { display: flex; flex-direction: column; gap: 16px; }
.founder-item { width: 100%;max-width:120px; height: 64px; background: #D9D9D9; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 0; transition: background 0.3s ease; }
.founder-item img { max-width: 100%; max-height: 100%; object-fit: contain; }
.inner-hero-banner {overflow: hidden;position: relative;background: #54B847; width: 100%; display: inline-block; vertical-align: top; }
.inner-hero-banner img {min-height: 130px;display: block; width: 100%; object-fit: cover; }
.content-sec { width: 100%; display: inline-block; vertical-align: top; }
.content-sec .content-wrap { max-width: 853px; margin: 0 auto; display: block; }
.inner-hero-banner .leaf-overlay { position: absolute; right: 0; bottom: -32px; display: block; width: fit-content; }
.inner-hero-banner .container { position: relative; }
@media (max-width:991px) {
.footer-top { grid-template-columns: 2fr 1fr 1fr; gap: 20px; }
.founders-logos { flex-direction: row; flex-wrap: wrap; }
.footer-logo-column { justify-content: flex-start; height: auto; }
.footer-logo img {max-width: 240px;}
.inner-hero-banner .leaf-overlay svg { width: 100%; max-width: 140px; height: 120px; }
}
@media (max-width:767px) {
.footer-top { grid-template-columns: 1fr; }
.footer-logo img { max-width: 220px;margin: 0 auto;}
.footer-copyright-desktop { display: none; }
.footer-copyright-mobile { display: block; text-align: center;padding-top: 15px; margin-top: 15px; width: 100%; }
.footer-column-title, .founders-title { font-size: 20px; margin-bottom: 12px; }
.inner-hero-banner .container {display: none;}
}
.section-title { width: 100%; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; position: relative; }
.section-title h1 { margin: 0; }
.section-title h2 { margin: 0; }
.section-title span.leaf-icon { display: block; position: absolute; right: calc(100% + 3px); }
.hero-banner-section { background-color: #54B847; }
.hero-banner-section .bg-shape { aspect-ratio: 1808 / 2061; height: 100%; width: 100%; position: absolute; bottom: 0; z-index: 2; display: block; }
.hero-banner-section .banner-strip { anchor-name: --bannerSection; z-index: 3; }
.hero-banner-section .bg-color { position: absolute; top: 0; bottom: anchor(--bannerSection top); width: 100%; z-index: 1; left: 0; }
.hero-banner-section .dashboard-section { z-index: 4; }
@media(min-width:768px){
.hero-banner-section .bg-shape {
background-color: #54b847;
mask-image: url('data:image/svg+xml;utf8,');
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-size: cover;
-webkit-mask-size: cover;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: bottom left;
-webkit-mask-position: bottom left;
left: 0;
}
.hero-banner-section .bg-color{
background-color: #2e6326;
}
}
.image-section:before { background-attachment: fixed; background-image: var(--climate-bg); background-size: cover; content: ''; position: absolute; inset: 0; z-index: 0; }
.image-section:after { background-color: rgb(0 0 0 / 40%); content: ''; position: absolute; inset: 0; z-index: 0; }
.hero-banner-section { width: 100%; display: inline-block; vertical-align: top; position: relative;overflow: hidden; }
.hero-banner-section img.banner-img {inset: 0;height: 100%;width: 100%; object-fit: cover; position: absolute; }
.hero-banner-section > div {position: relative;vertical-align: top;width: 100%; display: inline-block; }
.dashboard-section .top-content { display: flex; gap: 32px; margin-bottom: 32px; }
.dashboard-section .top-content .left-title { width: 50%; display: block; }
.dashboard-section .top-content .right-info { width: 50%; display: block; padding: 16px 0; }
.dashboard-section .top-content .left-title p { font-family: 'Inter'; font-weight: 300; font-size: 16px; line-height: 110.00000000000001%; letter-spacing: 0%; display: block; }
.dashboard-section .top-content .right-info .info { max-width: 275px; margin: 0 0 auto auto; }
.dashboard-section .top-content .right-info .info p { font-weight: 400; font-size: 16px; line-height: 150%; letter-spacing: 0%; color: #fff; margin: 0; }
.dashboard-section .top-content .right-info .info > a {transition:0.3s ease-in-out; font-family: inter; font-weight: 700; font-size: 16px; line-height: 150%; letter-spacing: 0%; text-decoration: underline; text-decoration-style: solid; color: #fff; display: block; margin-top: 16px; width: fit-content; }
.dashboard-section .top-content .right-info .info p a { transition: 0.3s ease-in-out; font-family: inter; font-weight: 700; font-size: 16px; line-height: 150%; letter-spacing: 0%; text-decoration: underline; text-decoration-style: solid; color: #fff; width: fit-content; }
.dashboard-section .top-content .right-info .info a:hover{text-decoration: none !important;}
.dashboard-section .cards { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px; }
.dashboard-section .cards .card { padding: 32px 32px 24px 32px; background: #F5BA00; border-top-left-radius: 32px; border-bottom-right-radius: 32px; width: 100%; text-align: center; display: flex; flex-direction: column; }
.dashboard-section .cards .card .card-top {justify-content: center;padding: 41px 0; flex: 1; display: flex; flex-direction: column; gap: 12px; }
.dashboard-section .cards .card .card-top .h1-large {margin: 0;display: flex; justify-content: center; gap: 3px; align-items: flex-end;line-height:90%; }
.dashboard-section .cards .card .card-top .label { font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 150%; letter-spacing: 0%; text-align: center; padding-bottom: 0; }
.dashboard-section .cards .card .card-top p { font-family: 'Inter'; font-weight: 400; font-size: 15px; line-height: 130%; letter-spacing: 0%; text-align: center; }
.dashboard-section .cards .card a.secondary-cta.btn { margin: 0 auto; }
.banner-strip { background: #F9D666; padding: 40px 15px; }
.banner-strip .wrap { text-align: center; }
.banner-strip .wrap p { font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 150%; letter-spacing: 0%; }
.banner-strip .wrap p a { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; text-decoration: underline; }
.banner-strip .wrap p a:hover { text-decoration: none; }
.image-section .overlay-text {position: relative;z-index: 3; display: block; margin: 0 auto; max-width: 703px; }
.image-section .overlay-text h2 { margin: 0; font-weight: 700; font-style: Italic; font-size: 40px; line-height: 130%; letter-spacing: 0%; color: #fff; }
.partners-section .partners-wrap {align-items: center; display: flex; gap: 72px; width: 100%; }
.partners-section .partners-wrap .partners-content { width: 50%; }
.partners-section .partners-wrap .partners-logos { width: 50%; display: flex; gap: 48px; flex-wrap: wrap; align-items: center; justify-content: center; }
.cta-section { width: 100%; display: inline-block; vertical-align: top; background: #54B847; }
.cta-section .wrap { display: flex; position: relative; gap: 36px; width: 100%; }
.cta-section .wrap .left { width: 50%; }
.cta-section .wrap .right { width: 50%; position: relative; z-index: 1; }
.cta-section .wrap img.shape-img { position: absolute; height: auto; width: auto; object-fit: contain; left: 25px; right: 0; bottom: 0; }
.cta-section .wrap .left img.left-img { position: absolute; bottom: 0; height: auto; }
.cta-section .wrap .right .title { width: 100%; display: block; }
.cta-section .wrap .right .title h2 { margin-bottom: 24px; color: #fff; font-weight: 700; font-size: 36px; line-height: 110.00000000000001%; letter-spacing: 0%; }
.art-program-sec { width: 100%; display: inline-block; vertical-align: top; background-color: #F0DFD0; }
.art-program-sec .wrapper { width: 100%; display: flex; gap: 139px; }
.art-program-sec .wrapper .left-content { width: 55%; display: flex; flex-direction: column; }
.art-program-sec .wrapper .right-content { width: 45%; display: block; }
.art-program-sec .wrapper .left-content > * { width: 100%; display: block; }
.art-program-sec .wrapper .left-content .cta { margin-top: 16px; }
.art-program-sec .wrapper .left-content .image-box { margin-top: 32px; }
.art-program-sec .wrapper .left-content .image-box img { object-fit: cover; width: 100%; border-top-left-radius: 48px; border-bottom-right-radius: 48px; }
.art-program-sec .wrapper .news-item { margin-top: 32px; display: block; }
.art-program-sec .wrapper .news-item h3 { font-weight: 700; font-size: 24px; line-height: 130%; letter-spacing: 0%; margin-bottom: 4px; }
.art-program-sec .wrapper .news-item .date { font-family: inter; font-weight: 400; font-size: 15px; line-height: 130%; letter-spacing: 0%; margin-bottom: 16px; }
.art-program-sec .wrapper .news-item p { font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 130%; letter-spacing: 0%; }
.art-program-sec .wrapper .news-item .content { width: 100%; display: block; }
.art-program-sec .wrapper .news-item p a { text-decoration: underline; }
.art-program-sec .wrapper .news-item a.read-more { margin-top: 16px; display: block; font-family: 'Inter'; font-weight: 700; font-size: 15px; line-height: 130%; letter-spacing: 0%; text-decoration: underline; width: fit-content;}
.art-program-sec .wrapper .news-item a.read-more:hover{text-decoration: none;}
.content-sec .content-wrap .discription { width: 100%; display: block; }
.content-sec .content-wrap .discription p { margin-bottom: 32px; }
.content-sec .content-wrap .discription p:last-child { margin: 0; }
.contact-section { width: 100%; display: inline-block; vertical-align: top; }
.contact-section .wrap { display: flex; gap: 140px; }
.contact-section .wrap .left { width: 25%; }
.contact-section .wrap .left .content { width: 100%; display: inline-block; }
.contact-section .wrap .left .content p { line-height: 130%; }
.contact-section .wrap .right { width: 75%; }
.contact-section .wrap .right .contact-form-wrapper { width: 100%; display: block; }
.contact-section .wrap .right .contact-form-wrapper .form-row { display: flex; gap: 16px; margin-bottom: 36px; }
.contact-section .wrap .right .contact-form-wrapper .form-group { width: 100%; }
.contact-section .wrap .right .contact-form-wrapper .form-group.half { width: 50%; }
.contact-section .wrap .right .contact-form-wrapper .form-group.full { width: 100%; }
.contact-form-wrapper label { display: block; margin-bottom: 8px; color: #171415; font-family: Inter; font-weight: 400; font-size: 20px; line-height: 160%; letter-spacing: 0%; }
.contact-form-wrapper input, .contact-form-wrapper select, .contact-form-wrapper textarea { width: 100%; font-family: Inter; font-weight: 400; font-size: 20px; line-height: 160%; letter-spacing: 0%; border: 1px solid #171415; padding: 12px 16px; }
.contact-form-wrapper textarea { height: 102px; resize: vertical; }
.contact-section .wrap .right .contact-form-wrapper .form-group .wpcf7-not-valid-tip { position: absolute; font-size: 14px; line-height: 1; top: 105%; font-weight: 400; }
.contact-form-wrapper input[type="submit"] { background: #F5BA00; color: #000; padding: 12px 22px; cursor: pointer; border-radius: 4px; font-weight: 800; font-size: 20px; line-height: 100%; letter-spacing: -1%; border: 2px solid #F9D666; min-width: 200px; text-align: center; display: block; }
.contact-form-wrapper input[type="submit"]:hover { opacity: 0.8; }
.contact-form-wrapper input:focus-visible, .contact-form-wrapper select:focus-visible, .contact-form-wrapper textarea:focus-visible {border-radius: 0;outline-style: double;}
.resources-sec { width: 100%; display: inline-block; vertical-align: top; }
.resources-sec .wrap { width: 100%; display: block; }
.resources-sec .resources-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 57px 36px; }
.resources-sec .resources-list .resources-card { width: 100%; display: block; }
.resources-sec .resources-list .resources-card a { display: block; width: 100%; height: 100%; }
.resources-sec .resources-list .resources-card .image { width: 100%; height: 220px; display: block; overflow: hidden; }
.resources-sec .resources-list .resources-card .image img { height: 100%; width: 100%; display: block; transition: 0.3s ease-in-out; }
.resources-sec .resources-list .resources-card .text { padding: 16px 0 16px 20px; display: flex; gap: 8px; align-items: flex-start; }
.resources-sec .resources-list .resources-card .text p { font-family: 'Inter'; font-weight: 700; font-size: 16px; line-height: 130%; letter-spacing: 0%; text-align: center; flex: 1; }
.resources-sec .resources-list .resources-card .text img { width: 20px; }
.resources-sec .resources-list .resources-card a:hover img { transform: scale(1.05); }
.custom-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; display: none; }
.custom-popup.active { display: flex; }
.popup-overlay { cursor: pointer; position: fixed; width: 100%; height: 100%; background: rgb(23 20 21 / 85%); top: 0; bottom: 0; left: 0; right: 0; z-index: 0; }
.popup-content { position: relative; width: 100%; max-width: 1200px; height: auto; overflow: hidden; z-index: 2; transition: transform 0.35s ease; margin: auto; }
.popup-header { position: relative; background: #2E6326; padding: 24px 64px 32px 24px; color: #fff; margin-bottom: 16px; text-align: left; }
.popup-header h2 { margin: 0 0 8px; color: #fff; }
.popup-header p { margin: 0; color: #fff; }
.popup-close { position: absolute; top: 8px; right: 8px; width: 48px; height: 48px; border: 1px solid rgb(255 255 255); background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease; z-index: 99999999; }
.popup-close:hover { background: rgba(255, 255, 255, 0.12); }
.popup-body { background: #f5f5f5; overflow: hidden; }
.popup-body iframe, .popup-body object, .popup-body .tableauPlaceholder { width: 100% !important; height: 100% !important; }
.hero-banner-section:has( .custom-popup.active) {z-index: 99999;}
.popup-wrap { display: flex; position: relative; z-index: 1; height: 100%; width: 100%; overflow-y: auto; padding: 6px; }
.popup-body .tableauPlaceholder { padding-bottom: 56.25%; position: relative; }
.popup-body .tableauPlaceholder iframe {position: absolute;inset: 0;}
.footer-logo-column a.footer-logo { width: fit-content; }
@media(max-width:1329px){
.resources-sec .resources-list .resources-card .image {height: 210px;}
}
@media(max-width:1200px){
.dashboard-section .cards { gap: 30px; }
.partners-section .partners-wrap { gap: 50px;}
.art-program-sec .wrapper {gap: 50px;}
.contact-section .wrap {gap: 50px;}
.resources-sec .resources-list .resources-card .text { padding-left: 0; }
.resources-sec .resources-list { gap: 40px 24px; }
.resources-sec .resources-list .resources-card .image {height: 175px;}
}
@media(max-width:991px){
.dashboard-section .top-content .right-info{padding:0;}
.dashboard-section .cards { grid-template-columns: repeat(3, 1fr); }
.dashboard-section .cards .card .card-top { padding: 11px 0 30px 0; }
.dashboard-section .cards .card { padding: 24px; }
.image-section .overlay-text h2 { font-size: 36px; }
.partners-section .partners-wrap .partners-logos {gap: 30px;}
.art-program-sec .wrapper {gap: 30px;}
.cta-section .wrap .left img.left-img { max-width: 400px; width: 100%; }
.art-program-sec .wrapper .news-item h3 { font-size: 20px; }
.art-program-sec .wrapper .news-item { margin-top: 20px; }
.content-sec .content-wrap .discription p { margin-bottom: 20px; }
.contact-section .wrap .left { width: 30%; }
.contact-section .wrap .left { width: 70%; }
.contact-section .wrap { gap: 20px; }
.contact-section .wrap .right .contact-form-wrapper .form-row {margin-bottom: 24px;}
.contact-form-wrapper input, .contact-form-wrapper select, .contact-form-wrapper textarea, .contact-form-wrapper label, .contact-form-wrapper input[type="submit"] { font-size: 18px; line-height: 150%; }
.resources-sec .resources-list {grid-template-columns: repeat(3, 1fr);}
.resources-sec .resources-list .resources-card .image {height: 180px;}
.resources-sec .resources-list { grid-template-columns: repeat(2, 1fr); }
.resources-sec .resources-list .resources-card .image { max-height: 232px; height: 100%; }
}
@media(max-width:767px){
.dashboard-section .top-content { flex-direction: column; gap: 25px; margin-bottom: 25px; }
.dashboard-section .top-content .left-title { width: 100%; }
.dashboard-section .top-content .right-info { width: 100%; }
.dashboard-section .top-content .right-info .info { max-width: 100%; margin: 0; }
.dashboard-section .cards { grid-template-columns: repeat(2, 1fr); }
.image-section .overlay-text h2 { font-size: 30px; }
.partners-section .partners-wrap { flex-direction: column; gap: 30px; }
.partners-section .partners-wrap .partners-content { width: 100%; }
.partners-section .partners-wrap .partners-logos { width: 100%; }
.partners-section .partners-wrap .partners-logos img { max-width: 200px; }
.partners-section .partners-wrap .partners-content p { font-size: 18px; }
.section-title span.leaf-icon { display: none; }
.cta-section .wrap .right { width:100%; }
.cta-section .wrap .left img.left-img { max-width: 270px; left: -10px; }
.cta-section .wrap img.shape-img { right: 0; left: 0;top: -10px; }
.cta-section .wrap .right .title h2 { font-size: 30px; }
.btn.primary-cta { font-size: 17px; padding: 10px 12px; min-width: 150px; }
.art-program-sec .wrapper { flex-direction: column; }
.art-program-sec .wrapper .right-content { width: 100%; }
.art-program-sec .wrapper .left-content { width: 100%; }
.cta-section .wrap img.shape-img { display: none; }
.cta-section .wrap .left { display: none; }
.cta-section .wrap .right { text-align: center; }
.cta-section .wrap .right .cta a { margin: 0 auto; }
.cta-section {background-image: url('/wordpress/wp-content/uploads/2026/05/Bg-Image-Shape-2.png');background-size: cover;background-color: unset;margin-top: -30px;}
.contact-section .wrap { flex-direction: column; }
.contact-section .wrap .left { width: 100%; }
.contact-section .wrap .right { width: 100%; }
.contact-form-wrapper input, .contact-form-wrapper select, .contact-form-wrapper textarea { padding: 10px 14px; }
.contact-form-wrapper input[type="submit"] { line-height: 100%; min-width: 160px; padding: 10px 18px; }
.resources-sec .resources-list .resources-card .text { padding-top: 12px;padding-bottom: 12px;}
.popup-close { width: 38px; height: 38px; }
.popup-close svg { height: 20px; width: 20px; }
.popup-header { padding: 20px 50px 20px 20px; }
}
@media(max-width:600px){
.resources-sec .resources-list .resources-card .image {max-height: 176px;}
}
@media(max-width:480px){
.dashboard-section .cards { grid-template-columns: repeat(1, 1fr); }
.cta-section .wrap .left img.left-img { max-width: 210px; left: -50px;}
.cta-section .wrap .right .title h2 { font-size: 21px; }
.cta-section .wrap .right { width: 100%; }
.cta-section .wrap .left { width: 40%; }
.contact-section .wrap .right .contact-form-wrapper .form-row { flex-direction: column; }
.contact-section .wrap .right .contact-form-wrapper .form-group.half { width: 100%; }
.resources-sec .resources-list { grid-template-columns: repeat(1, 1fr); }
.resources-sec .resources-list .resources-card .image { max-height: unset; height: auto; }
.resources-sec .resources-list { gap: 24px;}
}
.news-posts-list { display: flex; flex-direction: column; padding-top: 16px; width: 100%; gap: 48px; }
.news-post-item { display: flex; gap: 32px; align-items: center; }
.news-item-image { flex: 0 0 304px; width: 304px; height: 200px; overflow: hidden; }
.news-item-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.news-item-image a { width: 100%; display: block; height: 100%; }
.news-item-content { flex: 1; display: flex; flex-direction: column; }
.news-item-content .news-item-title { font-family: 'Figtree'; font-weight: 700; color: #171415; margin: 0 0 3px; }
.news-item-title a { color: #171415; text-decoration: none; transition: color 0.2s ease; }
.news-item-title a:hover { color: #326E2B; }
.news-item-content .news-item-meta { font-size: 14px; color: #707070; margin-bottom: 16px; font-family: 'Inter', sans-serif; text-transform: none; /* Removed heavy uppercase text */ letter-spacing: 0; display: block; font-weight: 300; line-height: 130%; }
.news-item-content .news-item-excerpt { color: #171415; margin-bottom: 20px; font-family: 'Inter'; font-weight: 400; line-height: 130%; font-size: 20px; }
.news-item-content .news-read-more { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; color: #326E2B; transition: color 0.3s ease-in-out; width: fit-content; line-height: 150%; text-decoration: underline; }
.news-read-more:hover { text-decoration: none }
.news-pagination { margin: 40px 0; }
.news-pagination ul { display: flex; justify-content: center; gap: 10px; list-style: none; padding: 0; margin: 0; }
.news-pagination a, .news-pagination span { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 16px; border-radius: 8px; border: 2px solid #eef0f2; font-size: 14px; font-weight: 700; color: #171415; text-decoration: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); background-color: white; }
.news-pagination a:hover { border-color: #4CAF50; color: #4CAF50; transform: translateY(-2px); }
.news-pagination span.current { background-color: #4CAF50; border-color: #4CAF50; color: white; }
.new-post-section { width: 100%; display: inline-block; vertical-align: top; }
.new-post-section .post-header { width: 100%; display: inline-block; margin-bottom: 32px; }
.new-post-section .post-header .section-title { margin: 0 0 3px; }
.new-post-section .post-header .post-meta { font-family: Inter; font-weight: 300; font-size: 14px; line-height: 100%; letter-spacing: 0%; }
.new-post-section .post-featured-image { width: 100%; display: block; margin-bottom: 32px; position: relative; overflow: hidden; }
.new-post-section .post-featured-image img { width: 100%; object-fit: cover; border-top-right-radius: 48px; border-bottom-left-radius: 48px; display: block; }
.new-post-section .post-featured-image .leaf-overlay { position: absolute; right: 50px; bottom: -32px; display: block; width: fit-content; }
.new-post-section p { margin-bottom: 32px; }
.new-post-section p:last-child { margin: 0; }
.optional-html-area { background: #F0DFD0; margin-top: -40px; width: 100%; display: inline-block; vertical-align: top; }
.optional-html-area .html-content-columns {gap: 36px; display: grid; grid-template-columns: 1fr 1fr 1fr; }
.optional-html-area .html-content-columns ul { margin: 0; }
.optional-html-area .html-content-columns ul li { margin: 0 0 10px; font-family: 'Inter'; font-weight: 700; font-size: 16px; line-height: 150%; letter-spacing: 0%; }
.optional-html-area .html-content-columns ul li a { text-decoration: underline; }
.optional-html-area h2 { font-size: 28px; }
.optional-html-area .html-content-columns ul li::marker {color: #54B847;}
a.btn.primary-cta.dark-cta:hover { background-color: #F5BA00; color: #171415; opacity: 0.8; }
.post-content .cta {margin-top: 32px;}
.post-content h2 { font-size: 24px;}
.arts-programs.new-post-section .section-title {margin: 0;}
@media (max-width:991px) {
.news-posts-list{gap: 32px;}
.news-post-item { gap: 24px; }
.news-item-image { flex: 0 0 260px; width: 260px; height: 170px; }
.news-item-title { font-size: 20px; }
.new-post-section p{margin-bottom: 24px;}
.new-post-section .post-featured-image img {max-height: 500px;}
.optional-html-area .html-content-columns {gap: 20px;}
.optional-html-area{margin: 0;}
.optional-html-area h2 {font-size: 24px;}
}
@media (max-width:767px) {
.new-post-section .post-header h1 {font-size: 26px;}
.news-post-item { flex-direction: column; gap: 16px; }
.news-item-image { flex: unset; width: 100%; height: auto; }
.new-post-section .post-featured-image img {max-height: 400px;}
.new-post-section .post-featured-image .leaf-overlay { right: 20px; }
.optional-html-area .html-content-columns {grid-template-columns: 1fr;}
.optional-html-area h2 {font-size: 20px;}
.new-post-section .post-featured-image .leaf-overlay svg { max-width: 120px; width: 100%; height: 100px; }
.new-post-section .post-featured-image{margin-bottom: 24px;}
.new-post-section .post-header{margin-bottom: 24px;}
.post-content .cta {margin-top: 24px;}
}
@media (max-width:480px) {
.new-post-section .post-featured-image img {max-height: 320px;}
}