/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); */
/* @font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Manrope/Manrope-Regular.ttf') format('truetype');
} */

/* Header */
ul#menu-header-menu li a{
	text-transform: none!important;
}

nav[class*=menu] li[class*=current-menu-]>.ct-menu-link{
	color: #008C85!important;
}

a.ct-menu-link{
	min-width: 50px; !important
}


header .header-register-btn {
	position: relative;
	text-decoration: none;
	width: 100%;
	display: inline-block;
}

header .header-register-btn span.moving-text {
/* 	font-family: "Manrope", sans-serif; */
/* 	font-family: "ct_font_manrope", Sans-serif !important; */
	font-size: 16px;
	font-weight: 500;
	padding: 13px 25px 11px;
	background: #008C85;
	color: white;
	border-radius: 6px;
	position: relative;
	border: 1px solid #008C85;
	transition: 0.3s ease;
	text-decoration: none;
	display: inline-block;
/* 	top: -8px;
	left: -8px; */
}


header .header-register-btn:hover span.moving-text {
	color: white;
/* 	transform: translate(8px, 8px); */
}

header .header-register-btn span.moving-text:hover {
    filter: brightness(.9) contrast(1.2);
}


/* header .header-register-btn:after{
    content: '';
    background: #008C85;
    opacity: 0.5;
    padding: 13px 25px;
    display: block;
    border-radius: 6px;
    position: absolute;
	right: 1px;
    bottom: 1px;
    z-index: -1;
    width: 99%;
    height: 99%;
} */

header div[data-device="desktop"] nav ul{
	gap: 40px; /**50px**/
	margin-right: 15px; /**30px**/
}

@media (max-width: 1240px) {
	header div[data-device="desktop"] nav ul{
		gap: 20px;
		margin-right: 10px;
	}
}



@media (max-width: 1140px) {
	header div[data-device="desktop"] nav ul{
		gap: 15px;
		margin-right: 10px;
	}
}

header div[data-device="desktop"] nav ul li{
/* 	font-family: "Manrope", sans-serif; */
/* 	font-family: "ct_font_manrope", Sans-serif !important; */
	font-size: 14px;
	font-weight: 500;	
}



header div[data-device="desktop"] nav ul li a{
	padding: 0!important;
}

header  div[data-device="desktop"] nav ul li a span{
	position:relative;
}

/* dropdown icon */

header  div[data-device="desktop"] nav ul li .ct-toggle-dropdown-desktop{
	position:relative;
}

header  div[data-device="desktop"] nav ul li svg.ct-icon{
	fill: black!important;
	transform: rotate(0deg);
    transition: transform 0.3s ease;
}
header  div[data-device="desktop"] nav ul li.ct-active svg.ct-icon{
	fill: black!important;
}

header  div[data-device="desktop"] nav ul li:hover svg.ct-icon{
	transform: rotate(-180deg);
}

header  div[data-device="desktop"] nav ul li a{
	transition: color 0.3s ease;
}

header  div[data-device="desktop"] nav ul li:hover a.ct-menu-link{
	color: black!important;
	position: relative;
}

header div[data-device="desktop"] nav ul li a.ct-menu-link:after {
	content: '';
	background: #008C85;
	opacity: 0;
	width: 120%; /* Set size upfront */
	height: 40%;  /* Set size upfront */
	border-radius: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.6s ease; /* Only animate opacity */
}

header div[data-device="desktop"] nav ul li:hover a.ct-menu-link:after {
	opacity: 0.5; 
}

header div[data-device="desktop"] nav ul li.menu-item-has-children {
    position: relative; /* Ensure the parent element is positioned relative for the ::before pseudo-element */
}

header div[data-device="desktop"] nav ul li.menu-item-has-children::before {
    content: '';
    background: #20AAA3;
    width: 70px;
	height: 35px;
    border-radius: 35px 35px 0 0;
    position: absolute;
	top: 85%;
	left: 50%;
    transform: translate(-50%, 0);
    display: block;
    opacity: 0;
    transition: none;
}

header div[data-device="desktop"] nav ul li.menu-item-has-children:hover::before {
	opacity: 1;
	transition: opacity 0.25s linear; /* Only apply transition on hover */
}



header div[data-device="desktop"] ul.sub-menu{
	background: #20AAA3;

}

.desktop-submenu-itemlist p a {
	color: white;
	text-decoration: unset;
	transition: 0.3s all;
}

.desktop-submenu-itemlist p a:hover{
	color: #025753;
	
}

h1,h2,h3,h4,h5,h6,p{
	overflow-wrap: break-word;
word-break: normal;
}

.news-tag {
	display: inline-block;
    width: fit-content;
    color: #F5007A;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 12px;
    border: 1px solid #F5007A;
    border-radius: 20px;
    background-color: #FEEEF6;
}
.events-tag {
    display: inline-block;
    width: fit-content;
    color: #008C85;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 12px;
    border: 1px solid #008C85;
    border-radius: 20px;
    background-color: #DEF8F7;
}



body:has(#wpadminbar) header div[data-device="desktop"] ul.sub-menu {
    position: fixed;
	top: 135px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* if adminbar is hidden */
body:not(:has(#wpadminbar)) header div[data-device="desktop"] ul.sub-menu {
    position: fixed;
    top: 105px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

header div[data-device="desktop"] ul.sub-menu li div.entry-content{
	width: 1440px;
}




/* Footer */
footer #a-href-mailto-changemakers-seedcampus-sg-changemakers-seedcampus-sg-a h4 {
/* 	max-width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}
footer #a-href-mailto-changemakers-seedcampus-sg-changemakers-seedcampus-sg-a a,
footer #a-href-https-wa-me-6583390322-target-blank-rel-noreferrer-noopener-8339-0322-a a {
	color: white!important;
	transition: 0.3s all;
}

footer #a-href-mailto-changemakers-seedcampus-sg-changemakers-seedcampus-sg-a a:hover,
footer #a-href-https-wa-me-6583390322-target-blank-rel-noreferrer-noopener-8339-0322-a a:hover {
	color: #FFD98A!important;
}




/* Footer navigation menu */
footer::before{
    content: '';
    background: url(../images/footer-bg-mask.png);
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    position: absolute;
    max-width: 665px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    z-index: 1;
    height: 285px;
}
footer div[data-row="middle"] .ct-container{
	padding-bottom: 190px!important;
}
footer .stk-block.stk-column.footer-menu-col {
	width: 50% !important;
	max-width: 270px !important;
}

.ct-footer .ct-widget p{
	font-size: 16px !important;
}


.ct-footer .ct-widget a,
.ct-footer .ct-widget h4{
	font-size: 14px !important;
}


/* .footer-navigation-menu ul li a{
	color: white;
	font-size: 16px;
	font-weight: 700;
	line-height: 100%;
	transition: 0.3s all;
}

.footer-navigation-menu .sub-menu li a{
	color: white;
	font-size: 14px !important;
	font-weight: 700;
	line-height: 100%;
	transition: 0.3s all;
}
 */

li#menu-item-1054 a,
li#menu-item-1063 a{
	color: #fff;
}

li#menu-item-1054 > a:first-child,
li#menu-item-1063 > a:first-child {
	font-size: 16px !important;
	font-weight: 700 !important;
}

.footer-navigation-menu ul li a:hover{
	color: #FFD98A;
}

.footer-navigation-menu ul li ul.sub-menu{
	padding: 0;
}

.footer-navigation-menu ul li ul.sub-menu li{
	padding-top: 12px;
}

.footer-navigation-menu ul li ul.sub-menu a{
	color: white;
/* 	font-family: "Manrope", sans-serif; */
/* 	font-family: "ct_font_manrope", Sans-serif !important; */
	font-weight: 400;
	font-size: 14px;
	transition: 0.3s all;
}
.footer-navigation-menu ul li ul.sub-menu a:hover{
	color: #FFD98A;
}
.mobile-footer-connect-with-us{
	display: none;
}
.mobile-footnote{
	display: none;
}

/* Footnote */
.footnote-navigation-menu ul{
	display: flex;
	gap: 30px;
}
.footnote-navigation-menu ul li a{
	color: white;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 100%;	
}

/* ------------------------------- general settings ------------------------------- */




p:empty {
    display: none;
}
a {
	text-decoration: none !important;
}

.btn-typography a{
	font-size: initial !important
}

.default-btn,
.hbspt-form .hs-button {
	cursor: pointer;
	position: relative;
	width: max-content;
    display: flex;
	align-items: center;
    justify-content: center;    
    text-decoration: none;
	padding: 12px 48px;
	border-radius: 6px;
	background: #008c85;
/* 	transition: all 0.3s cubic-bezier(.45,.05,.55,.95); */
	font-size: 16px;
    color: #fff;
    font-weight: 500;
/*     font-family: "Manrope", Sans-serif !important; */
/* 	font-family: "ct_font_manrope", Sans-serif !important; */
}
.default-btn:before {
	border-radius: inherit;
    content: "";
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
/* 	box-shadow: 8px 8px 0px 0px #008c85; */
	transition: all 0.3s cubic-bezier(.45,.05,.55,.95);
}
.default-btn:hover {
	color: #ffffff;
	filter: brightness(.9) contrast(1.2);
}

/* 
.default-btn:hover:before {
	display: none;
	box-shadow: 0px 0px 0px 0px #ffffff;
} */
.breadcrumbs {
	display: flex;
	align-items: center;
    gap: 5px;
	margin: 0 0 16px 0;
}
.breadcrumbs {
	font-weight: 500;
	color: #6E99D7 !important;
}
.breadcrumbs span.active {
	font-weight: 700;
	color: #434343 !important;
}
.bc-link {
	color: #939393;
}
.bc-link:hover {
	color: #008C85;
}
.full-width-col {
	position: relative;
	width: 100% !important;
}
.threeQuarters-width-col {
	position: relative;
	width: 75% !important;
}
.half-width-col {
	position: relative;
	width: 50% !important;
}
.oneQuarter-width-col {
	position: relative;
	width: 25% !important;
}
.oneThird-width-col {
	position: relative;
	width: 40% !important;
}
.twoThird-width-col {
	position: relative;
	width: 60% !important;
}
.wrap-col-2 .stk--flex>.stk-block-column {
	flex: var(--stk-flex-grow, 1) 1 calc(50% - var(--stk-column-gap, 0px) * 1 / 2 ) !important
}
.bg-container-1 > .stk-inner-blocks {
	background-color: #FCF8F5;
	border-radius: 20px;
}

.fixed-btn-grp.wp-block-stackable-button-group {
	position: fixed !important;
	top: 80% !important;
	right: 0 !important;
}

/* ------------------------------- general settings ------------------------------- */

/* 150% Desktop */
@media only screen and (max-width: 1439px){
	.p-l-r-33 {
		padding-left: 33px;
		padding-right: 33px;
	}
}

/* Tablet */
@media only screen and (max-width: 1023px){
.ct-header-trigger:hover .ct-label {
    color: #008C85!important;
}	
	div[data-device="mobile"] .ct-panel-content-inner div.ct-header-text{
		width: 100%;
	}
div[data-device="mobile"] .header-register-btn {
	position: relative;
	text-decoration: none;
	width: 100%;
	display: inline-block;
}

div[data-device="mobile"] .header-register-btn span.moving-text {
/* 	font-family: "Manrope", sans-serif; */
/* 	font-family: "ct_font_manrope", Sans-serif !important; */
	font-size: 16px;
	font-weight: 500;
	padding: 13px 25px 11px;
	background: #008C85;
	color: white;
	border-radius: 6px;
	position: relative;
	border: 1px solid #008C85;
	transition: 0.3s ease;
	text-decoration: none;
	display: inline-block;
/* 	top: -8px;
	left: -8px; */
	width: 100%;
	text-align: center;
}


div[data-device="mobile"] .header-register-btn:hover span.moving-text {
	color: white;
/* 	transform: translate(8px, 8px); */
}

div[data-device="mobile"] .header-register-btn:after{
    content: '';
    background: #008C85;
    opacity: 0.5;
    padding: 13px 25px;
    display: none;
    border-radius: 6px;
    position: absolute;
	right: 1px;
    bottom: 1px;
    z-index: -1;
    width: 99%;
    height: 99%;
}	
	
	
	div[data-device="mobile"] a.site-logo-container img{
		max-width: 110px;
		min-width: 110px;
		min-height: 50px;
		max-height: 50px;
		
	}
	
	div[data-device="mobile"] button[data-toggle-panel="#offcanvas"] svg.ct-icon{
		display: none!important;
	}
	
	div[data-device="mobile"] button span.ct-label{
		position:relative;
		text-transform: capitalize;
/* 		font-family: "Manrope", sans-serif; */
/* 		font-family: "ct_font_manrope", Sans-serif !important; */
		font-size: 18px;
		font-weight: 500;
	}
	
	div[data-device="mobile"] button span.ct-label::before{
		content: '';
		background: url(../images/seed-mobile-menu-ic.svg);
		background-repeat: no-repeat;
		display:block;
		width: 13px;
		height: 13px;
		position: absolute;
		left: -20px;
		top: 3px;
	}
	
	/* 	Opened mobile menu */
	div#offcanvas .ct-panel-actions{
		background: white;
		padding: 36px 12px;
	}
	div#offcanvas .ct-panel-content[data-device="mobile"] .ct-panel-content-inner{
		padding: 0px 26px;
	}
	div#offcanvas .ct-panel-actions .ct-panel-heading{
		position: relative;	
		height: 30px;
	}
	
	div#offcanvas .ct-panel-actions .ct-icon{
		fill: black!important;
		margin-right: 60px;
	}
	
	div#offcanvas .ct-panel-actions .ct-panel-heading::before{
		content: '';
		background: url(https://www.changemakers.edu.sg/afterschool/wp-content/uploads/sites/5/2026/04/ChangeMakers_Logo_AfterschoolEnrichment_FA-v4.png);
		background-repeat: no-repeat;
		display:block;
		width: 150px;
		height: 50px;
		position: absolute;
		left: 8px;
        top: -3px;
		background-size: contain;
	}
	
	div#offcanvas .ct-panel-actions	button.ct-toggle-close{
		position: relative;
	}
	
	div#offcanvas .ct-panel-actions	button.ct-toggle-close::after{
		content: 'Close';
		position: absolute;
		text-transform: capitalize;
/* 		font-family: "Manrope", sans-serif; */
/* 		font-family: "ct_font_manrope", Sans-serif !important; */
		font-size: 18px;
		font-weight: 500;
		right: 10px;
		color: black!important;
	}
	
	ul#menu-mobile-menu li button svg{
		width: 30px;
		height: 30px;
	}
	
	ul#menu-mobile-menu li{
		padding-block: 22px;

	}
	ul#menu-mobile-menu li a{

		font-family: 'Poppins';
		font-size: 16px;
		font-weight: 400;
	}
	
	ul#menu-mobile-menu li:not(:last-child){
		border-bottom: 1px solid white;
	}
	
	ul.sub-menu li{
		padding:12px 0 0 0!important;
		border-bottom: unset!important;
	}
	
	/* JP */
	footer #a-href-mailto-changemakers-seedcampus-sg-changemakers-seedcampus-sg-a h4 {
		max-width: 100%;
	}
	.full-width-col-m {
		position: relative;
		width: 100% !important;
	}
	.event-tag .stk-inner-blocks.stk-block-content {
		--stk-col-order-1: 1 !important;
		--stk-col-order-2: 2 !important;
	}
	/* JP */
}



@media only screen and (max-width: 768px) {

}


/* Mobile */
/* Phone */
@media only screen and (max-width: 480px){
	header div[data-row="middle"] .ct-container {
		width: 100%;
		max-width: calc(100% - 24px);
		margin-left: 12px;
		margin-right: 12px;
	}
	
	.footer-connect-with-us-text-mobile{
		display: block;
	}
	.mobile-footer-connect-with-us{
		display: block;
	}
	.mobile-footnote{
		display: block;
	}
	.footer-connect-with-us-text{
		display: none;
	}
	.desktop-footer-social-media{
		display: none;
	}
	.footnote-navigation-menu{
		display: none;
	}
	
	footer div[data-row="middle"] .ct-container {
		margin-inline: 35px!important;
		padding-bottom: 100px !important;
	}
	
	.footer-contact-us-text p,
	.footer-connect-with-us-text p{
		margin-top: 30px !important;
	}
	
	.footer-navigation-menu .stk-row{
		display: flex;
		flex-direction: row!important;
		flex-wrap: wrap;
		gap: 0px !important;
	}
	.footer-navigation-menu .stk-row .stk-column:nth-child(1){
		width: 100%!important;
		flex: 1 0 auto;
	}	
	.footer-navigation-menu .stk-row .stk-column{
		width: calc((100% - 30px) / 2)!important;
		flex: 1 0 auto;
	}	
	
	.footer-whatsapp-container{
		margin-bottom: 0!important;
	}
	
	footer h4.stk-block-heading__text{
		font-size: 16px!important;
	}
	.footer-navigation-menu ul li ul.sub-menu a {
		font-size: 16px;
	}
	
	.menu-footer-get-in-touch-container{
		margin-top: 36px !important;
	}
	

	footer div[data-row="middle"] .ct-container [data-column="widget-area-2"] .ct-widget{
		margin-top: 36px;
	}
	
	.mobile-footnote ul li a {
		color: white;
/* 		font-family: "Manrope", sans-serif; */
/* 		font-family: "ct_font_manrope", Sans-serif !important; */
		font-weight: 400;
		font-size: 16px;
	}
	
	.mobile-footnote ul li
	{
		padding-top: 12px;
	}
	
	.footnote-mobile-cpry{
		padding-top: 12px;
		margin-bottom: 28px;
	}
	
	footer::before {
		max-width: 380px;
		width: 100%;
		height: 100%;
		object-fit: contain;
		display: block;
		z-index: 1;
		height: 160px;
        background-size: 100%;
	}
	.mobile-menu[data-submenu-dots=no] [class*=children]>ul.sub-menu {
		padding-inline-start: 0;
	}
	.oneThird-width-col-m {
		position: relative;
		max-width: 33.333% !important;
	}
	.breadcrumbs span.active, 
	.bc-link {
		font-size: 3vw;
		line-height: 100%;
	}
	
	[data-prefix="changemakers_events_single"] .entry-header .page-title {
		font-size: 26px;
	}
}

.our-mission-div .stk-50c0765-container{

		display: flex;
		align-items: center;
	}

@media (max-width: 1300px) {
	
	.main-page-header h1{
		font-size: 34px;
		line-height: 1.5em;
	}
	
	div#mon-fri-9-00-am-7-00-pm-br-sat-9-00-am-1-00-pm-br-sun-ph-closed h4,
	div#\38 0-marine-parade-rd-br-parkway-parade-22-08-09-br-singapore-449269 h4,
	div#a-href-mailto-changemakers-seedcampus-sg-changemakers-seedcampus-sg-a h4,
	div#a-href-https-wa-me-6583390322-target-blank-rel-noreferrer-noopener-8339-0322-a h4{
		font-size: 14px !important;
	}
	
	.stk-row.stk-inner-blocks.stk-block-content.stk-content-align.stk-67387fe-column.stk--flex.alignfull{
		column-gap: 10px !important;
	}
	
	.icon-event{
		padding-left: 10px;
	}
	
	#menu-footer-about-us ul li a,
	#menu-footer-get-in-touch ul li a{
		font-size: 14px;
	}
	
	.our-mission-div{
		
	}
	
	
	.our-mission-div .stk-50c0765-container{
		max-width: 244px !important;
		display: flex;
		align-items: start !important;
	}
	
	.our-mission-div .stk-50c0765-container p{
		padding-right: 20px !important;
	}
	
	
	.our-vision-div{
		padding-left: 0px !important;
	}
	
	.our-vision-div .stk-c7fb826-container{
		margin: 0 !important;
	}
	
	
	
	.fixed-btn-grp.wp-block-stackable-button-group{
		top: 110% !important;
	}
	
	.max-width-1000-align-logo{
		max-width: 1000px !important;
	}
	
	 .max-width-1000{
		max-width: 1000px !important;
		display: flex !important;
		justify-content: center !important;
		margin: 0 auto !important;
	}
}


@media (max-width: 767px) {
	
	.fixed-btn-grp.wp-block-stackable-button-group{
/* 		top: 0 !important; */
		bottom:-100px;
	}
	
	.stk-6e7f3c8.dock {
    position: relative!important;
    bottom: 0!important;
}
	.stk-6e7f3c8.show {
    bottom: 0!important;
	top:91%!important;
}
}


@media (max-width: 1199.98px) {
  #header [data-device="desktop"] {
    display: none !important;
  }
  #header [data-device="mobile"] {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  #header [data-device="desktop"] {
    display: block !important;
  }
  #header [data-device="mobile"] {
    display: none !important;
  }
}

.d-none{display:none!important}

.grecaptcha-badge { visibility: hidden; }