.elementor-18430 .elementor-element.elementor-element-9dea967{--display:flex;--min-height:514px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.4;--overlay-mix-blend-mode:multiply;}.elementor-18430 .elementor-element.elementor-element-9dea967:not(.elementor-motion-effects-element-type-background), .elementor-18430 .elementor-element.elementor-element-9dea967 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ascot.edu.ph/wp-content/uploads/2026/10/backgrounds-and-other-scripts-32-1.png");}.elementor-18430 .elementor-element.elementor-element-9dea967::before, .elementor-18430 .elementor-element.elementor-element-9dea967 > .elementor-background-video-container::before, .elementor-18430 .elementor-element.elementor-element-9dea967 > .e-con-inner > .elementor-background-video-container::before, .elementor-18430 .elementor-element.elementor-element-9dea967 > .elementor-background-slideshow::before, .elementor-18430 .elementor-element.elementor-element-9dea967 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18430 .elementor-element.elementor-element-9dea967 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.ascot.edu.ph/wp-content/uploads/2025/05/ASCOT-LOGO-768x768.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}.elementor-18430 .elementor-element.elementor-element-1cb55db{--display:flex;--margin-top:58px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-18430 .elementor-element.elementor-element-9a8558c{text-align:center;}.elementor-18430 .elementor-element.elementor-element-9a8558c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:133px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:65px;color:var( --e-global-color-accent );}.elementor-18430 .elementor-element.elementor-element-bfb8795{margin:14px 14px calc(var(--kit-widget-spacing, 0px) + 14px) 14px;text-align:center;}.elementor-18430 .elementor-element.elementor-element-bfb8795 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:47px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:65px;color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-18430 .elementor-element.elementor-element-c856975{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3.2px;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-18430 .elementor-element.elementor-element-c856975 .elementor-divider-separator{width:41%;margin:0 auto;margin-center:0;}.elementor-18430 .elementor-element.elementor-element-c856975 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-18430 .elementor-element.elementor-element-c856975.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-18430 .elementor-element.elementor-element-c856975.elementor-view-framed .elementor-icon, .elementor-18430 .elementor-element.elementor-element-c856975.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-18430 .elementor-element.elementor-element-c856975.elementor-view-framed .elementor-icon, .elementor-18430 .elementor-element.elementor-element-c856975.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-18430 .elementor-element.elementor-element-caf7653{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18430 .elementor-element.elementor-element-387c1bc{padding:0px 020px 0px 020px;text-align:center;font-family:"Poppins", Sans-serif;font-size:11px;font-weight:400;color:var( --e-global-color-accent );}.elementor-18430 .elementor-element.elementor-element-9bd9679{--display:flex;--min-height:19vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:17px;--padding-bottom:17px;--padding-left:17px;--padding-right:17px;}.elementor-18430 .elementor-element.elementor-element-9bd9679:not(.elementor-motion-effects-element-type-background), .elementor-18430 .elementor-element.elementor-element-9bd9679 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18430 .elementor-element.elementor-element-9bd9679.e-con{--align-self:center;}.elementor-18430 .elementor-element.elementor-element-1a42455{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18430 .elementor-element.elementor-element-bbeb633{text-align:center;}.elementor-18430 .elementor-element.elementor-element-bbeb633 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:65px;color:var( --e-global-color-b67595a );}.elementor-18430 .elementor-element.elementor-element-efcca03{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18430 .elementor-element.elementor-element-14146d8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18430 .elementor-element.elementor-element-a9eb480{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18430 .elementor-element.elementor-element-7caa9d7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18430 .elementor-element.elementor-element-4ee92a4{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:3px;--e-filter-normal-text-color:#FFFFFF;--e-filter-active-text-color:#020101;--e-filter-item-border-radius:9px 9px 9px 9px;}.elementor-18430 .elementor-element.elementor-element-4ee92a4 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-18430 .elementor-element.elementor-element-4ee92a4 .e-filter-item{padding:23px 23px 23px 23px;}.elementor-18430 .elementor-element.elementor-element-478ea95{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );}.elementor-18430 .elementor-element.elementor-element-71547e1{--grid-columns:3;}.elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination{text-align:center;font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;text-transform:none;font-style:normal;line-height:55px;}.elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-2e10dd8 );}.elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination .page-numbers.current{color:#076804;}body:not(.rtl) .elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18430 .elementor-element.elementor-element-71547e1 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-18430 .elementor-element.elementor-element-c381e8b{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:14px;--n-tabs-title-padding-right:14px;--n-tabs-title-padding-bottom:14px;--n-tabs-title-padding-left:14px;--n-tabs-title-font-size:20px;}.elementor-18430 .elementor-element.elementor-element-c381e8b > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-18430 .elementor-element.elementor-element-c381e8b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-18430 .elementor-element.elementor-element-c381e8b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18430 .elementor-element.elementor-element-c381e8b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-ceffd1b );}.elementor-18430 .elementor-element.elementor-element-c381e8b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-18430 .elementor-element.elementor-element-9a8558c .elementor-heading-title{font-size:120px;}.elementor-18430 .elementor-element.elementor-element-bfb8795 .elementor-heading-title{font-size:41px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-18430 .elementor-element.elementor-element-387c1bc{font-size:13px;}.elementor-18430 .elementor-element.elementor-element-4ee92a4{--e-filter-item-border-radius:9px 9px 9px 9px;}.elementor-18430 .elementor-element.elementor-element-4ee92a4 .e-filter-item{padding:15px 15px 15px 15px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1200px){.elementor-18430 .elementor-element.elementor-element-4ee92a4 .e-filter-item{padding:8px 8px 8px 8px;}.elementor-18430 .elementor-element.elementor-element-71547e1{--grid-columns:3;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-18430 .elementor-element.elementor-element-4ee92a4 .e-filter-item{font-size:12px;padding:10px 10px 10px 10px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-18430 .elementor-element.elementor-element-71547e1{--grid-columns:2;}}@media(max-width:880px){.elementor-18430 .elementor-element.elementor-element-9a8558c .elementor-heading-title{font-size:83px;}.elementor-18430 .elementor-element.elementor-element-bfb8795{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-18430 .elementor-element.elementor-element-bfb8795 .elementor-heading-title{font-size:35px;}.elementor-18430 .elementor-element.elementor-element-bbeb633 .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-18430 .elementor-element.elementor-element-bfb8795 .elementor-heading-title{line-height:1.2em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-18430 .elementor-element.elementor-element-bbeb633 .elementor-heading-title{font-size:27px;}.elementor-18430 .elementor-element.elementor-element-4ee92a4 .e-filter-item{padding:8px 8px 8px 8px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-18430 .elementor-element.elementor-element-71547e1{--grid-columns:1;}}@media(min-width:768px){.elementor-18430 .elementor-element.elementor-element-a9eb480{--width:88%;}.elementor-18430 .elementor-element.elementor-element-7caa9d7{--width:80%;}.elementor-18430 .elementor-element.elementor-element-478ea95{--width:95%;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-4ee92a4 *//* ===== SDG Filter Buttons (Elementor .e-filter-item version) ===== */ .e-filter-item { border-radius: 999px; padding: 8px 18px; font-weight: 500; border: none; margin: 4px; cursor: pointer; transition: all 0.25s ease; color: #fff; text-transform: capitalize; } /* ===== Base SDG Colors ===== */ .e-filter-item[data-filter="sdg1"] { background-color: #E5243B; } .e-filter-item[data-filter="sdg2"] { background-color: #DDA63A; } .e-filter-item[data-filter="sdg3"] { background-color: #4C9F38; } .e-filter-item[data-filter="sdg4"] { background-color: #C5192D; } .e-filter-item[data-filter="sdg5"] { background-color: #FF3A21; } .e-filter-item[data-filter="sdg6"] { background-color: #26BDE2; } .e-filter-item[data-filter="sdg7"] { background-color: #FCC30B; } .e-filter-item[data-filter="sdg8"] { background-color: #A21942; } .e-filter-item[data-filter="sdg9"] { background-color: #FD6925; } .e-filter-item[data-filter="sdg10"] { background-color: #DD1367; } .e-filter-item[data-filter="sdg11"] { background-color: #FD9D24; } .e-filter-item[data-filter="sdg12"] { background-color: #BF8B2E; } .e-filter-item[data-filter="sdg13"] { background-color: #3F7E44; } .e-filter-item[data-filter="sdg14"] { background-color: #0A97D9; } .e-filter-item[data-filter="sdg15"] { background-color: #56C02B; } .e-filter-item[data-filter="sdg16"] { background-color: #00689D; } .e-filter-item[data-filter="sdg17"] { background-color: #19486A; } /* ===== Hover Effect (Lighter + Subtle Scale) ===== */ .e-filter-item:hover { filter: brightness(1.15); transform: scale(1.05); opacity: 0.95; } /* ===== Active State (aria-pressed="true") ===== */ .e-filter-item[aria-pressed="true"] { transform: scale(1.05); filter: brightness(1.1); } /* ===== Glow Effect for Active Buttons ===== */ .e-filter-item[aria-pressed="true"][data-filter="sdg1"] { box-shadow: 0 0 12px 2px rgba(229, 36, 59, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg2"] { box-shadow: 0 0 12px 2px rgba(221, 166, 58, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg3"] { box-shadow: 0 0 12px 2px rgba(76, 159, 56, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg4"] { box-shadow: 0 0 12px 2px rgba(197, 25, 45, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg5"] { box-shadow: 0 0 12px 2px rgba(255, 58, 33, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg6"] { box-shadow: 0 0 12px 2px rgba(38, 189, 226, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg7"] { box-shadow: 0 0 12px 2px rgba(252, 195, 11, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg8"] { box-shadow: 0 0 12px 2px rgba(162, 25, 66, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg9"] { box-shadow: 0 0 12px 2px rgba(253, 105, 37, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg10"] { box-shadow: 0 0 12px 2px rgba(221, 19, 103, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg11"] { box-shadow: 0 0 12px 2px rgba(253, 157, 36, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg12"] { box-shadow: 0 0 12px 2px rgba(191, 139, 46, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg13"] { box-shadow: 0 0 12px 2px rgba(63, 126, 68, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg14"] { box-shadow: 0 0 12px 2px rgba(10, 151, 217, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg15"] { box-shadow: 0 0 12px 2px rgba(86, 192, 43, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg16"] { box-shadow: 0 0 12px 2px rgba(0, 104, 157, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg17"] { box-shadow: 0 0 12px 2px rgba(25, 72, 106, 0.7); }/* End custom CSS */ /* Start custom CSS for taxonomy-filter, class: .elementor-element-4ee92a4 *//* ===== SDG Filter Buttons (Elementor .e-filter-item version) ===== */ .e-filter-item { border-radius: 999px; padding: 8px 18px; font-weight: 500; border: none; margin: 4px; cursor: pointer; transition: all 0.25s ease; color: #fff; text-transform: capitalize; } /* ===== Base SDG Colors ===== */ .e-filter-item[data-filter="sdg1"] { background-color: #E5243B; } .e-filter-item[data-filter="sdg2"] { background-color: #DDA63A; } .e-filter-item[data-filter="sdg3"] { background-color: #4C9F38; } .e-filter-item[data-filter="sdg4"] { background-color: #C5192D; } .e-filter-item[data-filter="sdg5"] { background-color: #FF3A21; } .e-filter-item[data-filter="sdg6"] { background-color: #26BDE2; } .e-filter-item[data-filter="sdg7"] { background-color: #FCC30B; } .e-filter-item[data-filter="sdg8"] { background-color: #A21942; } .e-filter-item[data-filter="sdg9"] { background-color: #FD6925; } .e-filter-item[data-filter="sdg10"] { background-color: #DD1367; } .e-filter-item[data-filter="sdg11"] { background-color: #FD9D24; } .e-filter-item[data-filter="sdg12"] { background-color: #BF8B2E; } .e-filter-item[data-filter="sdg13"] { background-color: #3F7E44; } .e-filter-item[data-filter="sdg14"] { background-color: #0A97D9; } .e-filter-item[data-filter="sdg15"] { background-color: #56C02B; } .e-filter-item[data-filter="sdg16"] { background-color: #00689D; } .e-filter-item[data-filter="sdg17"] { background-color: #19486A; } /* ===== Hover Effect (Lighter + Subtle Scale) ===== */ .e-filter-item:hover { filter: brightness(1.15); transform: scale(1.05); opacity: 0.95; } /* ===== Active State (aria-pressed="true") ===== */ .e-filter-item[aria-pressed="true"] { transform: scale(1.05); filter: brightness(1.1); } /* ===== Glow Effect for Active Buttons ===== */ .e-filter-item[aria-pressed="true"][data-filter="sdg1"] { box-shadow: 0 0 12px 2px rgba(229, 36, 59, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg2"] { box-shadow: 0 0 12px 2px rgba(221, 166, 58, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg3"] { box-shadow: 0 0 12px 2px rgba(76, 159, 56, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg4"] { box-shadow: 0 0 12px 2px rgba(197, 25, 45, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg5"] { box-shadow: 0 0 12px 2px rgba(255, 58, 33, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg6"] { box-shadow: 0 0 12px 2px rgba(38, 189, 226, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg7"] { box-shadow: 0 0 12px 2px rgba(252, 195, 11, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg8"] { box-shadow: 0 0 12px 2px rgba(162, 25, 66, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg9"] { box-shadow: 0 0 12px 2px rgba(253, 105, 37, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg10"] { box-shadow: 0 0 12px 2px rgba(221, 19, 103, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg11"] { box-shadow: 0 0 12px 2px rgba(253, 157, 36, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg12"] { box-shadow: 0 0 12px 2px rgba(191, 139, 46, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg13"] { box-shadow: 0 0 12px 2px rgba(63, 126, 68, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg14"] { box-shadow: 0 0 12px 2px rgba(10, 151, 217, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg15"] { box-shadow: 0 0 12px 2px rgba(86, 192, 43, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg16"] { box-shadow: 0 0 12px 2px rgba(0, 104, 157, 0.7); } .e-filter-item[aria-pressed="true"][data-filter="sdg17"] { box-shadow: 0 0 12px 2px rgba(25, 72, 106, 0.7); }/* End custom CSS */