/* Theme Name: Zakra Child Theme Theme URI: http://themegrill.com/themes/zakra/ Description: Child Theme for Zakra Author: East Asian Author URI: https://eael.org.sg/ Template: zakra Version: 1.0 */ @font-face { font-family: 'Gilroy'; src: url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-ExtraBold.woff2') format('woff2'), url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-SemiBold.woff2') format('woff2'), url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-Medium.woff2') format('woff2'), url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-Regular.woff2') format('woff2'), url('https://eael.org.sg/wp-content/themes/zakra-child/fonts/Gilroy-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } html { scroll-behavior: smooth; scroll-padding-top: 60px; } ::-webkit-scrollbar{width:10px;} ::-webkit-scrollbar-track{background:#f1f1f1;} ::-webkit-scrollbar-thumb{background:#002060;border-radius: 10px;} :root :where(a:where(:not(.wp-element-button))) {text-decoration: none;} body {overflow-x: hidden;font-family: 'Gilroy'; font-weight: normal;} p {font-family: 'Gilroy';font-size: 18px;font-weight: 400;line-height: 1.6;max-width: 100% !important;} #zak-content .zak-container #zak-primary {padding: 0;} .zak-post-content footer.zak-entry-footer {display: none;} .border-image img {border: 5px solid#203864;border-radius: 50%;} .curve-image img {border-radius: 15px;} .hide-sec{display: none !important;} .text-black {color: #000;} li{list-style: none;} /*default spacing*/ .gap-0{gap:0 !important;} .space40{padding: 40px 0 !important;} .space50{padding: 50px 0 !important;} .space70{padding: 70px 0 !important;} .space90{padding: 90px 0 !important;} .space104{padding: 104px 0;} .no-padding {padding: 0 !important;} .mt-0{margin-top:0 !important;} .mt-10{margin-top:10px !important;} .mt-15{margin-top:15px !important;} .mt-20{margin-top:20px !important;} .mt-25{margin-top:25px !important;} .mt-30{margin-top:30px;} .mt-40{margin-top:40px !important;} .mt-50{margin-top:50px;} .mt-50{margin-top:50px !important;} .mt-80{margin-top:80px !important;} .mt-90{margin-top:90px !important;} .mt-100{margin-top:100px !important;} .mb-0{margin-bottom:0 !important;} .mb-5{margin-bottom:5px !important;} .mb-10{margin-bottom:10px !important;} .mb-15{margin-bottom:15px !important;} .mb-18{margin-bottom:18px !important;} .mb-21{margin-bottom:21px !important;} .mb-26{margin-bottom:26px !important;} .mb-28{margin-bottom:28px !important;} .mb-30{margin-bottom:30px !important;} .mb-35{margin-bottom:35px !important;} .mb-40{margin-bottom:40px !important;} .mb-44{margin-bottom:44px !important;} .mb-46{margin-bottom:46px !important;} .mb-50{margin-bottom:50px !important;} .mb-54{margin-bottom:54px !important;} .mb-60{margin-bottom:60px !important;} .mb-66{margin-bottom:66px !important;} .mb-70{margin-bottom:70px !important;} .mb-75{margin-bottom:75px !important;} .mb-80{margin-bottom:80px !important;} .mb-82{margin-bottom:82px !important;} .mb-100{margin-bottom:100px !important;} .pt-0{padding-top:0px;} .pt-50{padding-top:50px;} .pt-70{padding-top:70px !important;} .pt-100{padding-top:100px;} .pt-104{padding-top:104px !important;} .pt-150{padding-top:150px;} .pt-179{padding-top:179px !important;} .p-0{padding:0px!important;} .pb-0{padding-bottom:0px !important;} .pb-20{padding-bottom:20px;} .pb-30{padding-bottom:30px;} .pb-50{padding-bottom:50px;} .pb-70{padding-bottom:70px;} .pb-90{padding-bottom:90px !important;} .pb-100{padding-bottom:100px;} .pb-104{padding-bottom:104px !important;} /*default title*/ .banner-title {font-size:60px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;} .banner-subtitle { font-size: 30px !important; line-height: normal !important; font-family: 'Gilroy'; font-weight: 600; } .banner-desc{font-family: 'Gilroy';font-weight: 400;font-size: 14px;line-height: 1.3;} .title1 {font-size: 48px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;} .title2 {font-size: 44px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;} .title3 {font-size: 40px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;} .title4 {font-size: 36px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;} .title5 {font-size: 30px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;} /*check listing*/ .check-listing {margin-left: 0;} .check-listing li { position: relative; list-style: none; padding-left: 35px; font-family: 'Gilroy'; font-size: 18px; font-weight: 400; line-height: 1.6;margin-bottom: 24px;} .check-listing li:before { content: ""; background: url(https://eael.org.sg/wp-content/uploads/2024/03/tick-circle.png); width: 26px; height: 26px; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 4px;} /*default container*/ .container {width: 100%; max-width: 1440px; padding-left: 48px !important;padding-right: 48px !important; margin: auto !important;box-sizing: border-box;} .container-fluid {width: 100%; max-width: 1170px; padding-left: 15px;padding-right: 15px; margin: auto !important;box-sizing: border-box;} .small-container {width: 100%; max-width: 788px; padding-left: 15px;padding-right: 15px; margin: auto !important;box-sizing: border-box;} #zak-content .zak-container {max-width: 100%; padding: 0; margin: 0; width: 100%; } /*start default button*/ .wp-block-buttons .wp-block-button .wp-block-button__link { border-radius: 32px; line-height: 1.3; height: 51px; padding: 12px 33px; font-family: 'Gilroy'; font-size: 22px; font-weight: 600; background: #fff; border: 1px solid#fff; color: #1D3C60 !important; } .wp-block-buttons .wp-block-button .wp-block-button__link:hover {background:#1D3C60 !important;border: 1px solid #1D3C60;color: #fff !important;} /*blue btn*/ #zak-content .blue-button .wp-block-button .wp-block-button__link { border-radius: 32px; line-height: 1.2; height: 51px; padding: 12px 40px; font-family: 'Gilroy'; font-size: 20px; font-weight: 600; background:#203864; border: 1px solid#203864; color: #fff !important; } #zak-content .blue-button .wp-block-button .wp-block-button__link:hover {background:#1D3C60 !important;border: 1px solid #1D3C60;color: #fff !important;} /*end default button*/ /*start site header*/ /*top bar*/ .zak-header .zak-top-bar {background: transparent;padding: 8px 0;border-bottom: 1px solid#bfbfbfa1;} .zak-header.fixed .zak-top-bar{background: #002060;} .zak-top-bar .zak-top-bar-container {width: 100%; max-width: 1440px; padding-left: 48px; padding-right: 48px; margin: auto; box-sizing: border-box; } .zak-top-bar .zak-row {display: block;} .zak-top-bar .topbar-row {margin: 0;} .zak-top-bar .topbar-row .wp-block-column ul {display: flex;flex-direction: inherit;} .zak-top-bar .topbar-row .topbar-left ul {justify-content: flex-start;gap: 0;} .zak-top-bar .topbar-row .topbar-right ul {justify-content: flex-end;} .zak-top-bar .topbar-row .wp-block-column ul li, .zak-top-bar .topbar-row .wp-block-column ul li a {color: #fff;font-family: "Poppins", sans-serif;font-size: 14px;text-decoration: none;font-weight: 400;line-height: 1;} .zak-top-bar .topbar-row .topbar-left ul li {border-right: 1px solid#ddd; padding-right: 12px;margin-right: 12px; display: flex;align-items: center;} .zak-top-bar .topbar-row .topbar-left ul li:last-child {border-right: none;padding-right: 0;margin-right: 0px;} .zak-top-bar .topbar-row .topbar-left ul li img {margin-right: 7px;} .zak-top-bar .topbar-row .topbar-right .wp-block-social-links li a {width: 25px;height: 25px;} .zak-top-bar .topbar-row .topbar-right .wp-block-social-links li a svg {width: 25px;height: 25px;} .zak-top-bar .topbar-row .topbar-right .wp-block-social-links li a svg path {fill: #002060;} @media screen and (max-width: 767px){ #zak-masthead.zak-header .zak-top-bar {display: block;padding: 10px 0;} #zak-masthead.zak-header .zak-top-bar .zak-container {padding-left: 15px;padding-right: 15px;} #zak-masthead.zak-header .zak-top-bar .topbar-row .wp-block-column.topbar-right {display: none;} #zak-masthead.zak-header .zak-top-bar .topbar-row .topbar-right ul {justify-content: center;} #zak-masthead.zak-header .zak-top-bar .topbar-row .wp-block-column ul li, #zak-masthead.zak-header .zak-top-bar .topbar-row .wp-block-column ul li a {font-size: 11px;} #zak-masthead.zak-header .zak-top-bar .topbar-row .topbar-left ul {justify-content: center;} } /*header bottom*/ #zak-masthead.zak-header {background: transparent;position: absolute;top: 0;z-index: 99;width: 100%;border-bottom: 0;} #zak-masthead.zak-header.fixed {position: fixed;top: 0;z-index: 999;width: 100%;box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;background: #fff !important;} #zak-masthead.zak-header .zak-main-header {background: transparent !important;} #zak-masthead.zak-header .zak-main-header{padding-bottom: 10px;padding-top: 10px;border-bottom: 0px solid#ddd;} #zak-masthead.zak-header .zak-main-header .zak-container { max-width: 1440px;width: 100%;padding-left: 48px;padding-right: 48px;margin: auto; box-sizing: border-box;} #zak-masthead.zak-header .zak-main-header .site-branding .custom-logo {width: 150px;filter: brightness(0) invert(1);} /*navigation*/ #zak-masthead.zak-header .main-navigation .nav-menu{gap:0;} #zak-masthead.zak-header .main-navigation .nav-menu li {margin-right: 45px;} #zak-masthead.zak-header .main-navigation .nav-menu li:last-child{margin-right:0;} #zak-masthead.zak-header .main-navigation .nav-menu li a {font-family: 'Gilroy';font-size: 16px;font-weight: 500;border-bottom: 2px solid #20386600;text-transform: uppercase;line-height: 1.1;padding: 9px 0;color: #fff;} #zak-masthead.zak-header .main-navigation .nav-menu li a:hover, #zak-masthead.zak-header .main-navigation .nav-menu li.current-menu-item a{border-bottom: 2px solid #ffffff;color: #fff;} #zak-masthead.zak-header .main-navigation .nav-menu .support-btn a { background: #1D3C60;border:1px solid #1D3C60 !important;color: #fff !important;padding: 11px 20px; border-radius: 32px; line-height: 1.54; font-size: 14px;} #zak-masthead.zak-header .main-navigation .nav-menu .support-btn a:hover{background: #fff;border:1px solid #1D3C60;color: #1D3C60 !important;} #zak-masthead.zak-header .main-navigation .nav-menu li .sub-menu li{margin: 0;} #zak-masthead.zak-header .main-navigation .nav-menu li .sub-menu li a {display: block;color: #000;padding: 8px 12px;font-size: 15px;} #zak-masthead.zak-header .main-navigation .nav-menu li .sub-menu li a:hover, #zak-masthead.zak-header .main-navigation .nav-menu li .sub-menu li.current-menu-item a{color: #002060;border-bottom: 2px solid #ffffff;} /*sticky header style*/ #zak-masthead.zak-header.fixed .zak-main-header .site-branding .custom-logo {filter:none;} #zak-masthead.zak-header.fixed .main-navigation .nav-menu li>a:hover, #zak-masthead.zak-header.fixed .main-navigation .nav-menu li.current-menu-item>a {border-bottom: 2px solid #203866;color: #203866;} #zak-masthead.zak-header.fixed .main-navigation .nav-menu li a {color: #000;} #zak-masthead.zak-header.fixed .main-navigation .nav-menu li a span svg {fill: #000;} @media only screen and (min-width: 1024px) and (max-width: 1280px){ #zak-masthead.zak-header .main-navigation .nav-menu .support-btn a {font-size: 14px;} #zak-masthead.zak-header .main-navigation .nav-menu li a{font-size: 14px;} #zak-masthead.zak-header .main-navigation .nav-menu li {margin-right: 20px;} } @media only screen and (min-width: 1024px) and (max-width: 1100px){ #zak-masthead.zak-header .zak-top-bar .zak-container {padding-left: 15px;padding-right: 15px;} .container, .small-container, #zak-masthead.zak-header .zak-main-header .zak-container{padding-left: 15px !important;padding-right: 15px !important} .container.container-pt{padding-left: 48px !important;padding-right: 48px !important;} #zak-masthead.zak-header .main-navigation .nav-menu li {margin-right: 20px;} } @media only screen and (min-width: 768px) and (max-width: 1023px){ #zak-masthead.zak-header .zak-top-bar .zak-container {padding-left: 15px;padding-right: 15px;} #zak-masthead.zak-header .zak-top-bar .topbar-row .wp-block-column {flex-basis: 41% !important;} #zak-masthead.zak-header .zak-top-bar .topbar-row .wp-block-column.topbar-left {flex-basis: 55% !important;} #zak-masthead.zak-header .zak-main-header {zoom: 0.91;} #zak-masthead.zak-header .zak-main-header .zak-row {gap: 25px;} #zak-masthead.zak-header .zak-main-header .site-branding .custom-logo {width: 110px;} #zak-masthead.zak-header .main-navigation .nav-menu .support-btn a {font-size: 12px;} #zak-masthead.zak-header .main-navigation .nav-menu li a{font-size: 12px;} #zak-masthead.zak-header .main-navigation .nav-menu li {margin-right: 14px;} } @media screen and (max-width: 1023px){ .mpl-0{padding-left:0 !important;} .mpr-0{padding-right:0 !important;} p {font-size: 18px !important;} .banner-title {font-size: 35px;} .title1 {font-size: 35px;} .title2 {font-size: 32px;} .title3 {font-size: 28px;} .container, .small-container, #zak-masthead.zak-header .zak-main-header .zak-container{padding-left: 15px !important;padding-right: 15px !important} #zak-masthead.zak-header .zak-toggle-menu .zak-menu-toggle svg path {fill: #fff;} #zak-masthead.zak-header.fixed .zak-toggle-menu .zak-menu-toggle svg path {fill: #203864;} #zak-masthead.zak-header .zak-main-header #zak-mobile-nav {background: #002060;height: 100%;} #zak-masthead.zak-header .zak-main-header #zak-mobile-nav ul li {border-bottom: 1px solid#4a5c7f;} #zak-masthead.zak-header .zak-main-header nav#zak-mobile-nav ul li.current_page_item {border-bottom-color: #fff;} #zak-masthead.zak-header .zak-main-header #zak-mobile-nav ul li a {padding: 10px 0px;text-decoration: none;} } @media screen and (min-width: 767px){ .row-reverse{display:flex;flex-direction: row-reverse;} } /*end site header*/ /*start hero banner*/ .hero-slider .wp-block-cover__inner-container p {font-size:32px;} .hero-slider .wp-block-columns {position: absolute;top: 30%;right: 0;left: 0;} .hero-slider .wp-block-cb-carousel .slick-track .slick-slide {padding: 0;} .hero-slider .wp-block-cb-carousel .slick-arrow { width: 42px; height: 42px; border: 2px solid#ddd; border-radius: 50%; z-index: 1;display: flex;align-items: center;justify-content: center; } .hero-slider .wp-block-cb-carousel .slick-arrow:before { background: url(https://eael.org.sg/wp-content/uploads/2024/02/right-arrow.png); background-repeat: no-repeat; background-size: 16px; background-position: center center; content: "" !important; width: 42px; height: 42px; display: block; border-radius: 50%; opacity: 1; } .hero-slider .wp-block-cb-carousel .slick-arrow:hover {background-color: #fff;} .hero-slider .wp-block-cb-carousel .slick-arrow:hover:before{filter: brightness(1) invert(1);} .hero-slider .wp-block-cb-carousel .slick-prev {left:49px;transform: translate(0,-50%) rotate(180deg);} .hero-slider .wp-block-cb-carousel .slick-next {right:49px;} .wp-block-cover .wp-block-cover__background {max-width: 100%;} @media screen and (max-width: 767px){ p br{display: none;} #zak-content>.zak-container>.zak-row {padding: 0;} #zak-content .wp-block-buttons .wp-block-button .wp-block-button__link {font-size: 20px;} .hero-slider .wp-block-cover__inner-container p {font-size: 18px;} .hero-slider .wp-block-columns {padding: 15px 45px;} .hero-slider .wp-block-cb-carousel .slick-next {right:5px;} .hero-slider .wp-block-cb-carousel .slick-prev {left:5px;} .hero-slider .wp-block-cb-carousel .slick-arrow {width: 35px;height: 35px;} .hero-slider .wp-block-cb-carousel .slick-arrow:before {background-size: 10px;width: 35px;height: 35px;} } /*end hero banner*/ /*start about sec*/ .about-grid-row .about-grid-col .wp-block-image img {height: 294px;object-fit: cover;} .about-grid-row .about-grid-col .a-title { color: #203864; font-size: 30px; line-height: normal !important; font-family: 'Gilroy'; font-weight: 600; margin-bottom: 8px;} .about-grid-row .about-grid-col p {font-family: 'Gilroy'; font-size: 18px; font-weight: 400; line-height: 1.6; color: #5B5B5B; } .about-row .about-item {background: #002060;border-radius: 12px;overflow: hidden;padding-bottom:20px;} .about-row .about-item figure.wp-block-image img {height: 250px;object-fit: cover;} .about-row .about-item .wp-block-heading, .about-row .about-item p {padding: 0px 15px;color: #fff;} .about-row .about-item figure.wp-block-image {margin-bottom: 20px !important;} .about-row .about-item .wp-block-heading { margin-bottom: 16px !important; font-size: 30px; line-height: normal !important; font-family: 'Gilroy'; font-weight: bold; } .project-row .project-item .wp-block-essential-blocks-infobox, .project-row .project-item .eb-parent-wrapper, .project-row .project-item .eb-parent-wrapper .eb-infobox-wrapper {height: 100%;} @media only screen and (min-width: 768px) and (max-width: 1023px){ .about-sec .about-grid-row .wp-block-column.about-grid-col, .about-sec .about-grid-row .wp-block-column.about-grid-col-center {flex-basis: 31%!important;} .about-sec .about-grid-row .about-grid-col .a-title {font-size: 28px;} .about-sec .about-grid-col .wp-block-image {margin-bottom: 30px !important;} .about-sec .about-row .about-item {flex-basis: 48% !important;max-width: 48%;} .abt_us-sec { flex-direction: column; text-align: center; } .abt_us-sec .wp-block-buttons { justify-content: center; } } @media screen and (max-width: 767px){ .about-sec .about-grid-row .about-grid-col .a-title {font-size: 28px;} .about-sec .about-grid-col .wp-block-image {margin-bottom: 30px !important;} .about-sec .about-grid-col-center {margin: 30px 0 !important;} } /*end about sec*/ /*start service sec*/ .service-sec .eb-parent-wrapper .eb-infobox-wrapper {padding: 0 30px 57px !important;overflow: visible;margin-top: 100px;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 12px;height: 100%;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper .infobox-wrapper-inner {gap: 0;} .service-sec .eb-parent-wrapper .infobox-wrapper-inner .icon-img-wrapper{width: 197px;height: 197px;border-radius: 50%;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;position: relative;margin-top: -100px;} .service-sec .eb-parent-wrapper .infobox-wrapper-inner .icon-img-wrapper:before {content: ""; width: 197px; height: 197px; display: block; background: transparent; position: absolute; border: 8px solid#fffffff2; border-radius: 50%; } .service-sec .eb-parent-wrapper .infobox-wrapper-inner .icon-img-wrapper .eb-infobox-image {width: 100%;border-radius: 0;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper {text-align: left;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper .title { color: #203864; font-size: 30px; line-height: normal !important; font-family: 'Gilroy'; font-weight: bold; margin-bottom: 18px;margin-top: 20px;padding: 0;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper .description {padding: 0;font-size: 18px;color: #5B5B5B;min-height: 150px;} @media only screen and (min-width: 768px) and (max-width: 1023px){ .service-sec .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-columns {margin-bottom:0px !important;} .service-sec .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column {margin-bottom: 30px;flex-basis: 48% !important;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper {min-height: 410px;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper .title {font-size: 26px;} .about-grid-row .about-grid-col .wp-block-image img {height:200px;} } @media screen and (max-width: 767px){ .service-sec .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-columns {margin-bottom:0px !important;gap: 0;} .service-sec .wp-block-cover__inner-container .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column {margin-bottom: 30px;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper .title {font-size: 26px;} } /*end service sec*/ /*Start Counter sec*/ .counter-item .wp-block-essential-blocks-number-counter {height: 100%;} .counter-item .eb-parent-wrapper {height: 100%;} .counter-item .eb-parent-wrapper .eb-counter-wrapper {background: transparent;/*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/border-radius: 12px;height: 100%;} .counter-item .eb-parent-wrapper .eb-counter-wrapper .eb-counter-number {font-size:60px;color: #fff;} .counter-item .eb-parent-wrapper .eb-counter-wrapper .eb-counter-number span {color: #fff;} .counter-item .eb-parent-wrapper .eb-counter-wrapper .eb-counter-title {color: #fff;font: size 18px;} @media only screen and (min-width: 768px) and (max-width: 1023px){ .counter-sec .counter-row .counter-item {flex-basis: 48%;max-width: 48%;} } /*end Counter sec*/ /*start event sec*/ .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post {border-radius: 13px;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-header, .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-content {padding: 0 33px;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-content{padding-bottom: 22px;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-grid-post-holder {height: 100%;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-grid-post-holder .ebpg-entry-wrapper {justify-content: space-between;height: 100%;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-header {margin-top: 29px;margin-bottom: 17px;flex: auto;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-header .ebpg-entry-title{ margin: 0;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-header .ebpg-entry-title a {color: #252525;font-size: 30px;font-family: 'Gilroy';font-weight: 600;display: block;line-height: 1.2;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-header .ebpg-entry-title a {max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-media .ebpg-entry-thumbnail {margin-bottom: 0;} .event-sec .ebpg-pagination-button {font-family: 'Gilroy'; font-size: 22px; font-weight: 600;} .eb-parent-wrapper .eb-post-grid-wrapper .eb-no-posts {text-align: center;margin-top: 30px;font-size: 20px;font-weight: 600;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-readmore-btn a {font-family: 'Gilroy';font-weight: 600;} @media only screen and (min-width: 1024px) and (max-width: 1100px){ .event-sec .eb-post-grid-wrapper .eb-post-grid-posts-wrapper {grid-template-columns: repeat(3,minmax(0, 1fr)) !important;} .title5{font-size:25px;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper{ min-height: 450px; padding-bottom: 0px !important;} .service-sec .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper .title {font-size:25px;} } @media only screen and (min-width: 768px) and (max-width: 1023px){ .event-sec .eb-post-grid-wrapper .eb-post-grid-posts-wrapper {grid-template-columns: repeat(2,minmax(0, 1fr)) !important;} .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-header .ebpg-entry-title a {font-size: 28px;} .meet-sec .wp-block-columns .wp-block-column {text-align: center;} .meet-sec .wp-block-columns .wp-block-column .wp-block-buttons {justify-content: center;} .meet-sec .wp-block-columns .wp-block-column figure.wp-block-image {margin: auto;float: none;} } @media screen and (max-width: 767px){ .event-sec .eb-post-grid-posts-wrapper .ebpg-grid-post .ebpg-entry-header .ebpg-entry-title a {font-size: 28px;} .meet-sec .wp-block-columns .wp-block-column {text-align: center;} .meet-sec .wp-block-columns .wp-block-column .wp-block-buttons {justify-content: center;} .meet-sec .wp-block-columns .wp-block-column figure.wp-block-image {margin: auto;float: none;} } /*end event sec*/ /*start review sec*/ .review-sec .owl-stage-outer .owl-stage{display: flex;align-items: center;} .review-sec .owl-stage-outer .owl-item .sa_hover_container {padding: 40px 25px 90px !important;min-height: 100% !important;} .review-sec .owl-stage-outer .owl-item .testimonial {box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 10px; background: #fff; padding: 36px 20px 28px 36px; border-radius: 15px;transition: all 0.7s ease-out;transform: scale(0.9);} .review-sec .owl-stage-outer .owl-item.active.sc_partial .testimonial{transform: scale(0.9);} .review-sec .owl-stage-outer .owl-item.active .testimonial{transform: scale(1.1);} .review-sec .testimonial .testimonial-header {display: flex;align-items: end;margin-bottom: 10px;} .review-sec .testimonial .testimonial-header .testimonial-rating img {width: 140px;} .review-sec .testimonial .testimonial-header .testimonial-name{margin-left: 15px;white-space: nowrap;} .review-sec .testimonial .testimonial-header .testimonial-name p { margin-bottom: 0; font-size: 22px; font-family: "Poppins", sans-serif; font-weight: bold; line-height: 1.5; color: #252525; } .review-sec .testimonial .testimonial-header .testimonial-name span { margin-bottom: 0; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.5; color: #252525; } .review-sec .testimonial .testimonial-header .testimonial-rating{margin-left: 20px;} .review-sec .testimonial .testimonial-content .title {font-size: 22px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;margin-bottom: 10px;text-align: center;} .review-sec .testimonial .testimonial-content p { text-align: center; font-family: 'Gilroy'; font-size: 18px; font-weight: 400; line-height: 1.5; color:#5B5B5B } .review-sec .owl-carousel .owl-dots {bottom: -12px !important;padding: 0 !important;} .review-sec .owl-carousel .owl-dots button.owl-dot span {background: #c9ced7;width: 15px !important;height: 15px !important;margin: 0 9px !important} .review-sec .owl-carousel .owl-dots button.owl-dot.active span {background: #002060 !important;} .review-sec .white > .showcase_nav.autohide_arrows, .review-sec .black > .showcase_nav.autohide_arrows {display: block !important;width: 100%;position: relative;margin: auto;max-width: 320px;} .review-sec .showcase_nav.autohide_arrows button, .review-sec .showcase_nav.autohide_arrows button:hover {top: auto;bottom: 0px;background-color: transparent !important;background-image: url(https://eael.org.sg/wp-content/uploads/2024/02/chevron-left.png) !important;background-size: 40px !important;} .review-sec .showcase_nav.autohide_arrows button.owl-next{transform: rotate(180deg);} @media only screen and (min-width: 768px) and (max-width: 1023px){ .review-sec .owl-stage-outer .owl-item .sa_hover_container {padding: 0 15px 70px !important;} } @media screen and (max-width: 767px){ .review-sec .owl-stage-outer .owl-item .sa_hover_container { padding: 0 0 50px !important; } } /*end review sec*/ /*start upcoming review sec*/ .up_cmng_hide { display: none !important; } .upcoming-event-sec .em-events-list .em-event {display: flex;align-items: center;margin-bottom: 60px;} .upcoming-event-sec .em-events-list .em-event .em-item-info, .upcoming-event-sec .em-events-list .em-event .em-item-image {width: 50%;} .upcoming-event-sec .em-events-list .em-event .em-item-image { width: 522px; height: 522px; margin: 0 0 0 auto; position: relative; overflow: hidden; border: 1px solid #E2E2E2; border-radius: 50%; } .upcoming-event-sec .em-events-list .em-event .em-item-image:before { content: ""; width: 522px; height: 522px; border: 19px solid#ffffff; position: absolute; display: block; border-radius: 50%; left: -1px; right: -1px; top: -1px; bottom: -1px; } .upcoming-event-sec .em-events-list .em-event .em-item-image img {height: 100%;padding: 0;} .upcoming-event-sec .em-events-list .em-event .em-item-info {border: none;padding-left: 0;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-title a { font-size: 40px; line-height: normal !important; font-family: 'Gilroy'; font-weight: bold; color: #203866 !important;line-height: 1.1 !important;display: block; text-decoration: unset;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-title a:hover{color: #050c18 !important;} .upcoming-event-sec .em-events-list .em-event .em-item-info .event-categories {margin: 0 !important;} .upcoming-event-sec .em-events-list .em-event .em-item-info .event-categories li { list-style: none; margin-bottom: 10px !important; font-weight: 600; font-size: 20px; } .upcoming-event-sec .em-events-list .em-event .em-item-info .event-categories li a {font-size: 25px;color: #5B5B5B !important;text-decoration: none;font-family: 'Gilroy';font-weight: 500;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-desc { margin: 14px 0 15px !important; font-size: 18px; color: #5B5B5B !important; text-decoration: none; font-family: 'Gilroy'; font-weight: 400; } .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line {font-size:18px;color: #203866;display: block !important;margin-bottom: 8px !important;font-family: 'Gilroy';font-weight: 500;text-transform: uppercase;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line.em-event-location {text-transform: capitalize;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line a { font-style: normal !important; font-size: 20px;color: #5B5B5B !important;text-decoration: none !important;font-family: 'Gilroy';font-weight: 500;line-height: 1.2;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-actions {margin-top: 40px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-actions .em-item-read-more { border-radius: 32px !important; line-height: 1.3 !important; height: 51px !important; padding: 12px 33px !important; font-family: 'Gilroy' !important; font-size: 22px !important; font-weight: 600 !important; background: #ffffff !important; border: 1px solid#1d3c60 !important; color: #1d3c60 !important; text-transform: capitalize !important; } .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-actions .em-item-read-more:hover{background:#1D3C60 !important;color:#fff !important;} .upcoming-event-sec .em-events-list .em-event .em-item-info .wrapp-cstm-button a { padding: 10px 20px; border: 2px solid #203864; border-radius: 47px; font-size: 18px; font-weight: 600; text-transform: capitalize; text-decoration: none; margin-inline-end: 10px; color: #203864; } .upcoming-event-sec .em-events-list .em-event .em-item-info .wrapp-cstm-button a:hover { background: #203864; color: #fff; } .upcoming-event-sec .em-events-list .em-event .em-item-info .wrapp-cstm-button { margin-block-start: 20px; } .upcoming-event-sec .event.em-event.em-item:nth-child(even) { flex-direction: row-reverse; justify-content: space-between; } .upcoming-event-sec .event.em-event.em-item:nth-child(even) .em-item-image { margin: 0 0 auto; } article.upcoming_events .wp-block-columns.alignfull.mt-0.mb-0.is-layout-flex.wp-container-core-columns-is-layout-3 .wp-block-column { padding-inline-start: 0px !important; } article.upcoming_events .space70 { padding: 30px 0 15px !important; } article.upcoming_events .single-detail-events { display: flex;justify-content: center; } article.upcoming_events .single-detail-events .em-item-meta-line a:hover { color: #2762cf; text-decoration: unset; } article.upcoming_events .single-detail-events .em-item-meta-line { font-size: 18px; color: #203866; display: block !important; margin-bottom: 20px !important; font-family: 'Gilroy'; font-weight: 500; text-transform: capitalize; margin-inline-end: 20px !important; } article.upcoming_events .wp-block-columns.alignfull p.has-text-align-center { text-align: center; } article.upcoming_events .contact-info-row { margin-block: 50px !important; } article.upcoming_events .single-detail-events .em-item-meta-line a { text-decoration: none; color: #203864; } article.upcoming_events .single-detail-events .em-item-meta-line a:hover { text-decoration: underline; cursor: pointer; } .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line.em-event-location:hover { text-decoration: underline !important; } @media only screen and (min-width: 1024px) and (max-width: 1100px){ .upcoming-event-sec .em-events-list .em-event .em-item-image {width: 500px;height: 500px;} .upcoming-event-sec .em-events-list .em-event .em-item-image:before {width:500px;height: 500px;} } @media only screen and (min-width: 768px) and (max-width: 1023px){ .upcoming-event-sec .em-events-list .em-event .em-item-info {border: none !important;padding-left: 0 !important;} .upcoming-event-sec .em-events-list .em-event {box-shadow: none !important;border: none !important;padding: 0 !important;} .upcoming-event-sec .em-events-list .em-event .em-item-image {width: 320px;height: 320px;margin: 30px auto 0 !important;} .upcoming-event-sec .em-events-list .em-event .em-item-image:before {width: 320px;height: 320px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-title a {font-size: 30px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line {font-size: 20px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-desc {font-size: 20px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line a {font-size: 20px;} } @media screen and (max-width: 767px){ .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta{gap: 10px; flex-wrap: wrap;} .upcoming-event-sec .em-events-list .em-event .em-item-info, .upcoming-event-sec .em-events-list .em-event .em-item-image {width: 100%;} .upcoming-event-sec .em-events-list .em-event .em-item-info {border: none !important;padding-left: 0 !important;} .upcoming-event-sec .em-events-list .em-event {box-shadow: none !important;border: none !important;padding: 0 !important;flex-direction: column-reverse !important; margin-bottom: 60px;} .upcoming-event-sec .em-events-list .em-event .em-item-image {width: 320px;height: 320px;margin: 30px auto;} .upcoming-event-sec .em-events-list .em-event .em-item-image:before {width: 320px;height: 320px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-title a {font-size: 30px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line {font-size: 20px; margin-bottom: 0px !important;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-item-desc {font-size: 20px;} .upcoming-event-sec .em-events-list .em-event .em-item-info .em-event-meta .em-item-meta-line a {font-size: 20px;} } /*end upcoming review sec*/ /*start site footer sec*/ #zak-footer.zak-footer .zak-footer-cols {padding: 59px 0 20px;} #zak-footer.zak-footer .zak-footer-cols .zak-container {padding-left:48px;padding-right: 48px;} #zak-footer.zak-footer .zak-footer-cols .zak-container .zak-row {display: block;grid-template-columns: auto;justify-content: center;} #zak-footer.zak-footer .zak-footer-cols .zak-row .wp-block-columns {margin: 0 -20px;gap: 0;} #zak-footer.zak-footer .zak-footer-cols .footer-col {margin-bottom: 30px;padding: 0 20px;} #zak-footer.zak-footer .zak-footer-cols .footer-col .footer-title { border-bottom: none; margin-bottom: 18px; padding-bottom: 0; color: #fff; font-size: 26px;font-family: 'Gilroy';font-weight: 600; text-transform: capitalize;} #zak-footer.zak-footer .zak-footer-cols .footer-col .footer-title:before{display: none;} #zak-footer.zak-footer .zak-footer-cols .footer-logo img {width: 170px;} #zak-footer.zak-footer .zak-footer-cols .footer-col .menu {gap: 0;} #zak-footer.zak-footer .zak-footer-cols .footer-col .menu li {list-style: none;margin-bottom: 10px;} #zak-footer.zak-footer .zak-footer-cols .footer-col .menu li:last-child{margin-bottom: 0;} #zak-footer.zak-footer .zak-footer-cols .footer-col .menu li a {color: #fff; font-size: 16px; font-family: "Poppins", sans-serif;font-weight: 300;line-height: 1.5; position: relative;padding-left: 25px;} #zak-footer.zak-footer .zak-footer-cols .footer-col .menu li a:before { content: ""; background: url(https://eael.org.sg/wp-content/uploads/2024/02/right-arrow-1.png); width: 18px; height: 18px; background-size: 18px; position: absolute; left: 0; top: 2px; } #zak-footer.zak-footer .zak-footer-cols .footer-col .menu li a:hover{color:#a6a6a6 !important;} #zak-footer.zak-footer .zak-footer-cols .footer-col p{color: #fff; font-size: 16px;font-family: "Poppins", sans-serif; font-weight: 300;} #zak-footer.zak-footer .zak-footer-bar {background: #002060;padding: 22px 0;} #zak-footer.zak-footer .zak-footer-bar p{color: #fff; font-size: 14px;font-family: "Poppins", sans-serif; font-weight: 300;} #zak-footer.zak-footer .zak-footer-bar p a:hover{color:#a6a6a6 !important;} #zak-footer.zak-footer .zak-footer-cols .footer-col .wp-block-social-links .wp-social-link a svg {width: 19px;height: 19px;} #zak-scroll-to-top {background: #fff;border-radius: 50%;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;bottom: 0px;right: 20px;} #zak-scroll-to-top svg.zak-icon {fill: #002060;width: 20px;height: 20px;} @media screen and (max-width: 1023px){ #zak-footer.zak-footer .zak-footer-cols .zak-container {padding-left: 30px !important;padding-right: 30px !important;} } @media only screen and (min-width: 1024px) and (max-width: 1100px){ #zak-footer.zak-footer .zak-footer-cols .zak-row .wp-block-columns {flex-wrap: wrap !important;} #zak-footer.zak-footer .zak-footer-cols .footer-col .footer-title {font-size: 24px;} #zak-footer.zak-footer .zak-footer-cols .footer-col:first-child { padding-right: 20px !important;} #zak-footer.zak-footer .zak-footer-cols .footer-col {flex-basis: 25% !important;min-width: 25% !important;max-width:25% !important;} } @media only screen and (min-width: 768px) and (max-width: 1023px){ #zak-footer.zak-footer .zak-footer-cols .footer-col .footer-title {font-size: 24px;} #zak-footer.zak-footer .zak-footer-cols .footer-col:first-child { padding-right: 20px !important;} #zak-footer.zak-footer .zak-footer-cols .zak-row .wp-block-columns {flex-wrap: wrap !important;} #zak-footer.zak-footer .zak-footer-cols .footer-col {flex-basis: 25% !important;min-width: 25% !important;max-width: 25% !important;} #zak-footer.zak-footer .zak-footer-cols .footer-logo img {width: 100px;} } @media screen and (min-width: 767px){ #zak-footer.zak-footer .zak-footer-cols .footer-col:first-child {padding-right: 70px;min-width: 330px;max-width: 330px;} #zak-footer.zak-footer .zak-footer-cols .footer-col:last-child {min-width: 260px;} } @media screen and (max-width: 767px){ #zak-footer.zak-footer .zak-footer-cols {padding: 50px 0 20px;} } /*end site footer sec*/ /*start service page*/ .multi-col-sec .wp-block-columns .wp-block-column hr.wp-block-separator {height: 1px; width: 100%; margin: 12px 0 !important; } /*parallax sec*/ .parallax-sec .wp-block-cover__inner-container .wp-block-columns {max-width: 1130px;} /*lorem box sec*/ .lorem-box-row {gap: 0;border: 1px solid#fff;} .lorem-box-row .eb-parent-wrapper .eb-infobox-wrapper {background: transparent;padding: 24px 35px 39px;} .lorem-box-row .eb-parent-wrapper .eb-infobox-wrapper .infobox-wrapper-inner {gap: 0;} .lorem-box-row .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper .title {font-size: 30px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;margin: 20px 0 9px;padding: 0;} .lorem-box-row .eb-parent-wrapper .eb-infobox-wrapper .contents-wrapper .description {font-family: 'Gilroy';font-size: 18px;font-weight: 400;line-height: 1.6;max-width: 100% !important;padding: 0;} .lorem-box-row-blue .eb-infobox-wrapper .contents-wrapper .title {color: #fff;} .lorem-box-row-blue .eb-infobox-wrapper .contents-wrapper .description {color: #fff;} @media only screen and (min-width: 768px) and (max-width: 1023px){ .boys-club-sec .wp-block-column .wp-block-columns .wp-block-column, .youth-club-sec .wp-block-column .wp-block-columns .wp-block-column, .yniversity-sec .wp-block-column .wp-block-columns .wp-block-column {padding: 0 !important;} .boys-club-sec .wp-block-column .wp-block-columns .wp-block-column.left-content, .yniversity-sec .wp-block-column .wp-block-columns .wp-block-column.left-content{padding-right: 30px !important;} .youth-club-sec .wp-block-column .wp-block-columns .wp-block-column.right-content{padding-left: 30px !important;} .boys-club-sec .wp-block-column .wp-block-columns .wp-block-column .wp-block-image img, .youth-club-sec .wp-block-column .wp-block-columns .wp-block-column .wp-block-image img, .yniversity-sec .wp-block-column .wp-block-columns .wp-block-column .wp-block-image img{width: 100%;} } @media screen and (max-width: 767px){ .our-service-sec .wp-block-cover {min-height: 300px !important;} .parallax-banner-image .wp-block-column .wp-block-cover {min-height: 400px !important;} .boys-club-sec .wp-block-column .wp-block-columns .wp-block-column, .youth-club-sec .wp-block-column .wp-block-columns .wp-block-column, .yniversity-sec .wp-block-column .wp-block-columns .wp-block-column {padding: 0 !important;} } /*end service page*/ /*start about page*/ .team-item .eb-team-wrapper .eb-team-member-image img { border: 2px dashed; padding:5px; border-radius: 50%;width: 122px !important;height: 122px !important;} .team-item .eb-team-wrapper .eb-team-member-texts {padding: 0 15px;} .team-item .eb-team-wrapper .eb-team-member-texts .eb-team-member-name { font-size: 19px !important; line-height: normal !important; font-weight: bold; color: #fff !important; font-family: "Poppins", sans-serif;padding: 0 !important;margin: 17px 0 5px;} .team-item .eb-team-wrapper .eb-team-member-texts .eb-team-member-description {padding: 0 !important;color: #fff !important;font-family: "Poppins", sans-serif;font-size: 15px !important;} .mission-vission-sec .wp-block-columns .image-two {margin-top: 20px;} .mission-vission-sec li { font-size: 16px !important; } @media only screen and (min-width: 768px) and (max-width: 1023px){ .mission-vission-sec .wp-block-column .wp-block-columns .wp-block-column{padding: 0 !important;} .mission-vission-row .mission-vission-col {flex-basis: 48%;max-width: 48%;} .mission-vission-row .mission-vission-col .wp-block-columns {flex-wrap: nowrap !important;} .content-image-row {flex-wrap: nowrap !important;} .project-row {flex-wrap: nowrap !important;} .project-row .project-item .eb-parent-wrapper .eb-infobox-wrapper {padding: 20px;} .lorem-box-row-blue, .lorem-box-row {flex-wrap: nowrap !important;} .our-team-sec .team-row .team-item {flex-basis: 31% !important;} article.upcoming_events .single-detail-events{ flex-direction: column;} article.upcoming_events .single-detail-events .em-item-meta-line{margin-bottom: 10px !important;} article.upcoming_events .wp-block-columns.alignfull p.has-text-align-center{text-align: left;} } @media screen and (max-width: 767px){ .mission-vission-sec .wp-block-column .wp-block-columns .wp-block-column{padding: 0 !important;} .our-team-sec .team-row .team-item {flex-basis: 46% !important;} article.upcoming_events .single-detail-events{ flex-direction: column;} article.upcoming_events .single-detail-events .em-item-meta-line{margin-bottom: 10px !important;} article.upcoming_events .wp-block-columns.alignfull p.has-text-align-center{text-align: left;} } /*end about page*/ /*start contact page*/ .contact-info-row {gap: 0;box-shadow: 1.5px 2.598px 14.88px 1.12px #7475751a; border-radius: 6px;overflow: hidden;} .contact-form-content h2.contact-title { color: #fff !important; } .contact-info-row .contact-form-content, .contact-info-row .contact-form {padding: 59px 45px 55px;} .contact-info-row .contact-title {font-size: 35px;line-height: normal !important;font-family: 'Gilroy';font-weight: bold;margin-bottom: 28px;} .contact-form-content ul{padding-left:0;margin-left: 0;margin-bottom: 64px;} .contact-form-content ul li {position: relative;padding-left: 38px;margin-bottom: 28px;list-style: none;font-size: 18px;font-weight: 400;font-weight: 400;color: #fff;line-height: 1;} .contact-form-content ul li a{font-size: 18px;text-decoration: none;color: #fff;transition: all 0.40s ease;} .contact-form-content ul li a:hover { color: #ffffff !important; font-size: 20px; } .contact-form-content ul li img {position: absolute;width: 20px !important;left: 0;top: 0px;} .contact-form-content iframe {border-radius: 7px;margin: 0;} a.cstm-button-form { text-decoration:none;display: block; color: #fff !important; line-height: 1 !important; padding: 14px 38px; border-radius: 32px; height: 54px; text-transform: capitalize; background: #002060 !important; border: 1px solid #000000; font-style: normal; font-weight: 600; width: fit-content; font-size: 22px; font-family: 'Gilroy'; } /*site custom-form*/ .custom-form .gform_wrapper .gform_heading {display: none;} .custom-form .gform_wrapper .gform_fields .gfield.gfield_html {margin-bottom: 0;} .custom-form .gform_wrapper .gform_fields .gfield.gfield_html .title3 {border-top: 1px solid #a7a7a7;padding-top: 25px;} .custom-form .gform_wrapper .gform_fields .gfield .gfield_label{color: #000;font-weight: 500;line-height: 1.4;letter-spacing: .7px;margin-bottom: 4px;font-family: 'Gilroy';font-size: 15px !important;} .custom-form .gform_wrapper .gform_fields .gfield input, .custom-form .gform_wrapper .gform_fields .gfield select, .custom-form .gform_wrapper .gform_fields .gfield textarea { border: 0px solid#ddd;border-bottom: 2px solid#ddd; height: 50px; padding: 10px 0px;border-radius: 0px;background: transparent; margin: 0; font-family: 'Gilroy';font-weight: 400;} .custom-form .gform_wrapper .gform_fields .gfield textarea{height: 90px !important;resize:none;} .custom-form .gform_wrapper .gform_fields .gfield input::placeholder, .custom-form .gform_wrapper .gform_fields .gfield select::placeholder, .custom-form .gform_wrapper .gform_fields .gfield textarea::placeholder{color:#5B5B5B;} .custom-form .gform_wrapper .gform_fields .gfield input:hover, .custom-form .gform_wrapper .gform_fields .gfield input:focus, .custom-form .gform_wrapper .gform_fields .gfield select:hover, .custom-form .gform_wrapper .gform_fields .gfield select:focus, .custom-form .gform_wrapper .gform_fields .gfield textarea:hover, .custom-form .gform_wrapper .gform_fields .gfield textarea:focus {outline: none;border-color: #002060;} .custom-form .gform_wrapper .gform_fields .gfield {font-family: 'Gilroy';font-size: 16px;font-weight: 400;line-height: 1.6;margin-bottom: 15px;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_radio .gfield_radio {display: flex;gap: 20px;margin-top: 5px;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_radio .gfield_radio .gchoice label {white-space: nowrap;max-width: calc(100% - 10px);color: #2d2d2d;font-weight: 400;line-height: 1.4;font-family: 'Gilroy';font-size: 15px !important;letter-spacing: .7px;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_radio .gfield_radio .gchoice input {width:19px;height:19px;border-radius: 50%;padding: 0;border: 1px solid#cdcdcd;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_checkbox .gfield_checkbox {display: flex;gap: 20px;margin-top: 5px;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_checkbox .gfield_checkbox .gchoice label {max-width: calc(100% - 10px);color: #2d2d2d;font-weight: 400;line-height: 1.4;font-family: 'Gilroy';font-size: 14px !important;letter-spacing: .7px;} .custom-form .gform_wrapper .gform_fields .gfield .ginput_container_checkbox .gfield_checkbox .gchoice input, .custom-form .gform_wrapper .gform_fields .gfield input[type=checkbox]{width:19px;min-width: 19px;height:19px;padding: 0;border: 1px solid#cdcdcd;} .custom-form .gform_wrapper .gform_footer{justify-content: center;margin-top: 0 !important;} .custom-form .gform_wrapper .gform_footer .gform_button { color: #fff !important; line-height: 1 !important; padding: 14px 38px; border-radius:32px; height: 54px; text-transform: capitalize; background: #002060 !important; border: 1px solid #000000; font-style: normal; font-weight: 600; font-size: 22px; font-family: 'Gilroy';} .custom-form .gform_wrapper .gform_footer .gform_button:hover { background: transparent!important; color: #002060 !important; outline-offset: 15px; border: 1px solid #002060;} .custom-form .gform_wrapper .gform_fields .gfield.gfield_error input, .custom-form .gform_wrapper .gform_fields .gfield.gfield_error textarea{color: #c02b0a;border-color: #c02b0a;border-bottom: 2px solid;} .custom-form .gform_wrapper .gform_fields .gfield.gfield_error .validation_message, .custom-form .gform_wrapper .gform_validation_errors {display: none;} .gform_wrapper .gform_validation_errors .gform_submission_error {font-size: 16px;} .gform_confirmation_message { color: green; font-size: 18px; text-align: center; background: #fff; border: 1px solid#008000; border-radius: 6px; padding: 15px 10px; line-height: 1.1; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;} @media only screen and (min-width: 768px) and (max-width: 1023px){ .contact-info-row {flex-wrap: nowrap !important;} .contact-info-row .contact-form-content, .contact-info-row .contact-form {padding: 30px 20px 30px;} .contact-info-row .contact-title {font-size: 30px;} .support-cover-sec .support-cover-row {flex-wrap: nowrap !important;} .support-cover-sec .support-cover-row .support-cover-col .wp-block-heading {font-size: 30px !important;line-height: 1.1;} } @media screen and (max-width: 767px){ .contact-info-row .contact-form-content, .contact-info-row .contact-form {padding: 30px 20px 30px;} .contact-info-row .contact-title {font-size: 28px;} .zak-mobile-menu ul.sub-menu li { margin-left: 20px; } .contact-form { text-align: center; } a.cstm-button-form { margin: 20px auto; text-decoration:none;} /* header-mobile---close*/ .support-us-btn { display: inline-block !important; } .zak-mobile-menu>li:last-child { border-bottom: none !important;margin-top: 15px; } /* header-mobile---close*/ } /*end contact page*/ /*start 404 page*/ .error404 #zak-primary .zak-error-404.not-found {padding: 150px 0 70px;position: relative;} .error404 #zak-primary .zak-error-404.not-found .container {position: relative;} .error404 #zak-primary .zak-error-404.not-found:before {content: "";background: rgb(0 0 0 / 25%);position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .error404 .zak-error-404 .zak-content-header {margin-bottom: 20px;} .error404 .zak-error-404 .zak-content-header p {color: #fff;font-size: 30px;font-weight: 600;margin-bottom: 0 !important;} .error404 .zak-error-404 .zak-page-content {width:100%;max-width: 490px;margin: auto;} .error404 .zak-error-404 .zak-page-content p {color: #fff;} .error404 .zak-button {color: #fff; background-color: #1d3c60; padding: 17px 33px !important; margin-top: 10px !important; font-size: 18px; line-height: 1.1em; border: 1px solid#1d3c60 !important; border-style: solid; border-radius: 32px;display: flex;align-items: center; width: fit-content;margin: auto;} .error404 .zak-button:hover{color: #1d3c60; background-color: #fff;border: 1px solid#1d3c60 !important;} .error404 .zak-button:hover span svg {fill: #1d3c60;} /*end 404 page*/ /*start Ravenahl page*/ .multi-image-col .wp-block-columns .wp-block-column {text-align: center;margin-bottom: 18px;} /*End Ravenahl page*/ /*start single blog page*/ .single #zak-content .zak-container #zak-primary {padding-bottom: 60px;} .single #zak-content .zak-container #zak-primary .entry-content {margin-top: 0;} .single #zak-content .zak-container #zak-primary .navigation-bar .nav__bar { display: flex; align-items: center; justify-content: space-between;} .single #zak-content .zak-container #zak-primary .navigation-bar .nav__bar a { font-size: 18px; font-weight: 700; color: #203864;} .single #zak-content .zak-container #zak-primary .navigation-bar .nav__bar a:hover { color: #000;} .single-inner-banner {position: relative;} .single-inner-banner li.widget_block {margin: 0;} .single-inner-banner .single-banner-content {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; width: 85%; margin: auto; } .single-inner-banner .single-banner-content .banner-title {color: #fff;} .single .testimonial{margin-bottom: 50px !important;border: none !important;} .single .testimonial .testimonial-inner {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 12px;border: 1px solid #ddd !important;} .single .testimonial .testimonial-inner .testimonial-content .testimonial-image { width: 127px; height: 127px; border-radius: 50%; overflow: hidden; position: absolute; left: 25px; top: 40px;} .single .testimonial .testimonial-inner .testimonial-content .testimonial-image .wp-post-image {width: 100%; padding: 0; border: none; } .single .testimonial .testimonial-inner {position: relative;padding: 15px 25px 15px 170px !important;} .single .testimonial .testimonial-inner .testimonial-heading { background: none !important; padding-left: 0 !important; font-size: 20px; line-height: normal !important; font-family: 'Gilroy'; font-weight: 600; margin-bottom: 10px !important; } .single .testimonial .testimonial-inner .testimonial-heading:before { content: ""; background: url(https://eael.org.sg/wp-content/uploads/2024/03/double-quote.png) no-repeat scroll left center white; width: 63px; height: 62px; position: absolute; right: -20px; top: -20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-position: center; } .single .testimonial .testimonial-inner .testimonial-content p {font-size: 15px;} .single .testimonial .testimonial-inner .testimonial-field { text-align: left !important; font-size: 15px; font-family: 'Gilroy'; font-weight: 600; color: #555; } .single-post article.type-post .zak-entry-meta {display: none;} .single nav.post-navigation { display: none;} /*.single nav.post-navigation { max-width: 1440px; width: 100%; padding-left: 48px; padding-right: 48px; margin: auto; box-sizing: border-box; border: navajowhite; }*/ /*end single blog page*/ /*start ravenahl boys club page*/ .ravenahl-boysclub-sec .eb-post-grid-posts-wrapper .ebpg-post-grid-column .ebpg-entry-wrapper {flex-direction: column-reverse !important;} .ravenahl-boysclub-sec .eb-post-grid-posts-wrapper .ebpg-post-grid-column .ebpg-entry-wrapper .ebpg-entry-title {margin: 0px 0px 25px;} .ravenahl-boysclub-sec .eb-post-grid-posts-wrapper .ebpg-post-grid-column .ebpg-entry-wrapper .ebpg-entry-title a {color: #fff;font-size: 24px;line-height: normal !important;font-family: 'Gilroy';font-weight: 600;} /*end ravenahl boys club page*/ /* support-us-page-start */ .vol-cls .wp-block-cover { border-radius: 20px; } .vol-cls .wp-block-cover:hover img { transform: scale(1.2); transition: 300ms; } .vol-cls .wp-block-cover img{transition: 0.3s ease-out;} .vol-cls .wp-block-cover span {background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#121927)); background-color: inherit !important;} .vol-cls .wp-block-cover h2 { margin-bottom: 0px; } .single #zak-content .zak-container #zak-primary .navigation-bar { padding-top: 60px;} .small-container.cards { max-width: 1260px; } .support-us-btn a{ background: white; border-radius: 50px;border: 2px solid #203864 !important; } .support-us-btn a { color: #000 !important; padding-inline: 15px !important; } .support-us-btn a:hover { background: #203864;border-bottom: none; } .support-us-btn:hover a { color: #fff !important; } #zak-masthead.zak-header .main-navigation .nav-menu:last-child li.current-menu-item a { border: none !important; } #zak-masthead.zak-header .main-navigation .nav-menu .support-us-btn a { border-bottom:none; } /* support-us-page-close */ /* donation-page-strat */ .icon-rnd { background: #002060; text-align: center; display: inline-block; border-radius: 50px; padding: 20px; } .ul-listing li { list-style: block !important; margin: 10px 0px 10px 10px; } /* donation-page-close */ /* events */ .archive .zak-primary{background-color: #f0f8ff;} .archive .archive-banner { display: flex; align-items: center; height: 580px; overflow: hidden;position: relative;justify-content: center;} .archive .archive-banner img { width: 100%; height: 100%; object-fit: cover; } .archive .archive-banner h1 { position: absolute; color: #fff; font-weight: 700;text-align: center; padding-inline: 15px;} .archive main#zak-primary article { display: flex; flex-wrap: wrap; margin-top: 20px; padding-block: 0 !important; border: 0;align-items: center;} .archive main#zak-primary article .zak-entry-thumbnail, .archive main#zak-primary article .zak-post-content { width: 50%; padding: 15px;} .archive main#zak-primary article:last-child{margin-bottom: 60px;} .archive main#zak-primary article:first-child{margin-top: 60px;} .archive main#zak-primary article:nth-child(even) { flex-direction: row-reverse; } .archive main#zak-primary article:nth-child(even) .zak-entry-thumbnail a { text-align: right; } .archive main#zak-primary article .zak-entry-thumbnail img { border: 19px solid #ffffff;border-radius: 50%;} .archive main#zak-primary article h2.entry-title a { font-size: 40px; line-height: normal !important; font-family: 'Gilroy'; font-weight: bold; color: #203866 !important; line-height: 1.1 !important; display: block; text-decoration: unset; } .archive main#zak-primary article h2.entry-title a:hover{color: #000 !important;} .archive main#zak-primary article p { margin: 14px 0 15px !important; font-size: 18px; color: #5B5B5B !important; text-decoration: none; font-family: 'Gilroy'; font-weight: 400;line-height: 1.5;} .archive main#zak-primary article a.entry-button { padding: 10px 20px; border: 2px solid #203864; border-radius: 47px; font-size: 18px; font-weight: 600; text-transform: capitalize; text-decoration: none; color: #203864; line-height: 1.5;margin-top: 10px;} .archive main#zak-primary article a.entry-button:hover{color: #fff; background-color: #203864;} .archive main#zak-primary article a.entry-button svg{display: none;} div#sign-up-form { padding-left: 0px!important; margin-top: 60px !important; } @media screen and (max-width: 1024px) and (min-width:768px){ .archive main#zak-primary article h2.entry-title a {font-size: 34px;} } @media screen and (max-width: 767px){ .archive main#zak-primary article {flex-direction: column !important;} .archive main#zak-primary article .zak-entry-thumbnail a { text-align: left; } .archive main#zak-primary article .zak-entry-thumbnail, .archive main#zak-primary article .zak-post-content { width: 100%;} .archive main#zak-primary article h2.entry-title a {font-size: 28px;} .archive main#zak-primary article .zak-entry-thumbnail {margin-bottom: 0;} } /*Start custom grid post sec */ .custom-grid-post .eb-post-grid-posts-wrapper {display: flex;flex-wrap: wrap;} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post {width: 33.333%;padding: 5px;} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder {position: relative;} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder .ebpg-entry-wrapper { position: absolute;top: 0;} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder .ebpg-entry-wrapper { display: flex; flex-flow: column; height: 100%; left: 0; position: absolute; top: 0; width: 100%; right: 0; justify-content: center; align-items: center; flex-direction: column !important; } .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder .ebpg-entry-thumbnail:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0 0 0 / 0.45); } .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder:hover .ebpg-entry-thumbnail:after{background-color: rgba(0 0 0 / 0.65);} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder .ebpg-entry-thumbnail .wp-post-image {height: 250px;border-radius: 0px;width: 100%;object-fit: cover;} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder header.ebpg-entry-header .ebpg-entry-title{text-align:center;} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder header.ebpg-entry-header .ebpg-entry-title a {color: #fff;font-size: 24px;line-height: normal !important;font-family: 'Gilroy';font-weight: 600;text-decoration: none;display:block;line-height:1.1;} .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder .ebpg-readmore-btn a { color: rgba(29,60,96,1); background-color: #fff; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; text-decoration: initial; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; padding-top: 12px; padding-right: 33px; padding-left: 33px; padding-bottom: 12px; border-radius: 32px; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s; } .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post .ebpg-grid-post-holder .ebpg-readmore-btn a:hover{background:#203864;color:#fff;} .single-programs #sign-up-form, .single-upcoming_events #sign-up-form{width: 93%;padding-right: 0 !important;} @media screen and (max-width: 1024px) and (min-width:768px){ .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post {width: 50%;padding: 5px;} } @media screen and (max-width: 767px){ .custom-grid-post .eb-post-grid-posts-wrapper article.ebpg-grid-post {width: 100%;padding: 5px;padding-left: 0;padding-right: 0;} } /*End custom grid post sec */ /*Start programs type sub page */ .archive #zak-content>.zak-container>.zak-row {justify-content: center;flex-direction: column;} .cstm-programn-banner .owl-stage .owl-item .item{position:relative;line-height: 1;} .cstm-programn-banner .owl-stage .owl-item .item:before { content: ""; background: rgba(0,0,0,0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .cstm-programn-banner .owl-stage .owl-item .item video, .cstm-programn-banner .owl-stage .owl-item .item img {width: 100%;height: 580px;object-fit: cover;} .cstm-programn-banner .wrapp-title-cstm { position: absolute; top: 60%; transform: translateY(-50%); left: 0; right: 0;text-align: center;width: 100%;max-width: 760px; margin: auto;} .cstm-programn-banner .wrapp-title-cstm .banner-title {line-height: 1.1 !important;} .cstm-programn-banner .wrapp-title-cstm .banner-title, .cstm-programn-banner .wrapp-title-cstm .banner-subtitle{color: #fff;} .cstm-programn-banner .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 2px solid#ddd !important; border-radius: 50% !important; z-index: 1 !important; display: flex !important; align-items: center; justify-content: center; } .cstm-programn-banner .owl-nav button:before{background: url(https://eael.org.sg/wp-content/uploads/2024/02/right-arrow.png); background-repeat: no-repeat; background-size: 16px; background-position: center center; content: "" !important; width: 42px; height: 42px; display: block; border-radius: 50%; opacity: 1; } .cstm-programn-banner .owl-nav button.owl-prev:before{transform:rotate(180deg);} .cstm-programn-banner .owl-nav button.owl-prev{left: 49px;} .cstm-programn-banner .owl-nav button.owl-next{right:49px;} .cstm-programn-banner .owl-nav button.owl-prev span, .cstm-programn-banner .owl-nav button.owl-next span {display:none} .cstm-programn-banner .owl-nav button:hover{background:#fff !important;} .cstm-programn-banner .owl-nav button:hover:before {filter: brightness(1) invert(1);} @media screen and (max-width: 767px){ .archive #zak-content>.zak-container>.zak-row {gap: 0;} .cstm-programn-banner .owl-nav button.owl-prev{left:5px;} .cstm-programn-banner .owl-nav button.owl-next{right:5px;} .cstm-programn-banner .wrapp-title-cstm {padding: 15px 45px;} } /*End programs type sub page */