body {
	--custom-color--yellow: #f4c730;
	--custom-color--purple: #5c0995;
	--custom-color--light-gray: #ebebe9;
	--custom-color--light-purple: rgba(80,12,128,0.03);
}
@media (max-width: 767px) {
	.section-first-fold, .section-first-fold.az-section {
		padding-top: 5rem !important;
	}
}

.ratio-24x9 {
	aspect-ratio: 24/9;
}

body.user-logged-in.sort #page_content {
	padding-top: 8rem !important;
	padding-bottom: 2rem;
	max-width: 800px;
  margin: 0 auto;
}

.events-listing .views-exposed-form {
	width: 100%;
	margin-bottom: 30px;
	display: flex;
  align-items: end;
  justify-content: end;
}
.events-listing .views-exposed-form .form-actions {
	margin-left: 10px;
}

.dxpr-wip {display: none;}
.user-logged-in .dxpr-wip {
	border: dashed 3px red;
	display: block; 
	
}

.user-logged-in.page-node-type-paragraphs-page.modal-open .modal-backdrop,
.user-logged-in.trailblazers.modal-open .modal-backdrop{
	z-index: 1050!important;
}

.user-logged-in.modal-open .modal {
	padding-top: 80px;
}

.tabs-style-01 .nav-item a {
	font-size: 1.1rem;
  padding: 1rem 1.5rem;
  margin-bottom: -4px !important;
}

.tabs-style-02 .nav-tabs {
	border: 0 !important;
	padding-top: 0 !important;
}
.tabs-style-02 [role=tabpanel] {
	background: #fafafa;
  padding: 30px;
}

.tabs-style-02 .nav-item {
	padding: 0 0 0.5rem 0;
}

.tabs-style-02 .nav-item a {
	font-size: 1rem;
  padding: 0.7rem 1.2rem;
  margin-bottom: -4px !important;
  background-color: #e6e6e6;
  border: 0 !important;
}

.tabs-style-02 .nav-item a.active {
  background-color: var(--custom-color--yellow);
  color:white;
}

.modal .btn-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center / 1em auto no-repeat;
    opacity: 1;
    border: solid 2px #fff;
    padding: 0.4em 0.4em;
    border-radius: 50%;
}

.section-heading-yellow h2,
.section-heading-yellow h3,
.section-heading-yellow h2:before,
.section-heading-yellow h3:before,
.accordion-yellow .accordion-button,
.btn-yellow .btn:not(:hover),
.bg-yellow, 
.bg-yellow-before:before, 
.bg-yellow-after:after {
	background-color: var(--custom-color--yellow) !important;
}
.section-heading-purple h2,
.section-heading-purple h3,
.section-heading-purple h2:before,
.section-heading-purple h3:before,
.accordion-purple .accordion-button,
.btn-purple .btn:not(:hover),
.bg-purple, 
.bg-purple-before:before, 
.bg-purple-after:after {
	background-color: var(--custom-color--purple) !important;
}
.section-heading-light-gray h2,
.section-heading-light-gray h3,
.section-heading-light-gray h2:before,
.section-heading-light-gray h3:before,
.accordion-light-gray .accordion-button,
.btn-light-gray .btn:not(:hover),
.bg-light-gray, 
.bg-light-gray-before:before, 
.bg-light-gray-after:after {
	background-color: var(--custom-color--light-gray) !important;
}
.section-heading-light-purple h2,
.section-heading-light-purple h3,
.section-heading-light-purple h2:before,
.section-heading-light-purple h3:before,
.accordion-light-purple .accordion-button,
.btn-light-purple .btn:not(:hover),
.bg-light-purple, 
.bg-light-purple-before:before, 
.bg-light-purple-after:after {
	background-color: var(--custom-color--light-purple) !important;
}


.bg-light-gradient-purple {
	background: var(--custom-color--light-purple);
	background: linear-gradient(144deg, rgba(219,218,226,1) 0%, rgba(147,143,167,1) 100%);
}

.bg-gradient-animated {
    background: linear-gradient(308deg, #6a2dab, #bb9ddb, #272049);
    background-size: 600% 600%;

    -webkit-animation: backgroundGradient 5s ease infinite;
    -moz-animation: backgroundGradient 5s ease infinite;
    animation: backgroundGradient 5s ease infinite;
}

@-webkit-keyframes backgroundGradient {
    0%{background-position:0% 14%}
    50%{background-position:100% 87%}
    100%{background-position:0% 14%}
}
@-moz-keyframes backgroundGradient {
    0%{background-position:0% 14%}
    50%{background-position:100% 87%}
    100%{background-position:0% 14%}
}
@keyframes backgroundGradient {
    0%{background-position:0% 14%}
    50%{background-position:100% 87%}
    100%{background-position:0% 14%}
}


.az-image.icon-light-purple img {
	-webkit-filter: invert(50%) sepia(13%) saturate(500%) hue-rotate(240deg);
	filter: invert(50%) sepia(13%) saturate(500%) hue-rotate(240deg);
}

.bg-translucent-white, .bg-translucent-white-before:before, .bg-translucent-white-after:after, .tangram-translucent:after {
	background-color: rgba(255,255,255,0.3) !important;
}

.section-title .h2, .section-title h2 {
	/* color: #f4c730; */
}

.section-title .h2:after, .section-title h2:after {
	background-color: var(--custom-color--yellow);
}

.text-big-number-circle,
.text-big-number-circle:before {
	width:100%; max-width: 150px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

.text-big-number-circle {
	font-size:6rem;
	text-align: center;
	background-color: var(--custom-color--purple);
	color: white;
	font-weight: 600;
	position: relative;
}
.text-big-number-circle:before {
	content: '';
	position: absolute;
	top: 10px; left: 10px;
	background-color: var(--custom-color--yellow);
	z-index: -1;
}
@media (max-width: 767px) {
	.text-big-number-circle {
		font-size:13vw;
	}
	.text-big-number-circle:before {
		top: 5px; left: 5px;
	}
}

.text-date-icon,
.text-date-icon:before,
.btn-apply-now,
.btn-apply-now:before {
	width:100%; max-width: 150px;
	aspect-ratio: 21 / 9;
}

.btn-apply-now,
.btn-apply-now:before {
	padding: 15px 20px;
}

.text-date-icon,
.btn-apply-now {
	background-color: var(--custom-color--purple);
	color: white;
	font-weight: 600;
	position: relative;
	text-align: center;
	padding-top: 15px;
  font-size: 1.2rem;
}
.text-date-icon:before,
.btn-apply-now:before {
	content: '';
	position: absolute;
	top: 5px; left: 5px;
	background-color: var(--custom-color--yellow);
	z-index: -1;
}

.btn-apply-now:hover {
	background-color: var(--custom-color--yellow);
	color: var(--custom-color--purple) !important;
}
.btn-apply-now:hover:before {
	background-color: var(--custom-color--purple);
}

.overlap-shadow {
	position:relative;
	background-color: var(--custom-color--purple);
}
.overlap-shadow:before {
	content: '';
	position: absolute;
	top: 10px; left: 10px;
	z-index: -1;
	width: 100%; height: 100%;
	background-color: var(--custom-color--yellow);
}

.event-countdown-timer.ce-countdown--theme-1  .ce-col {
	display: inline-block !important;
}
@media (max-width: 540px) {
	.event-countdown-timer {padding: 20px 0 !important;}
	.event-countdown-timer .ce-countdown .ce-col {margin: 0 10px !important;}
	.event-countdown-timer .ce-countdown .ce-col:last-child {display:none !important;}
}

.fa-f65 {
	  background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/sites/lkygbpc.smu.edu.sg/files/2025-03/F6S-logo-white.png);
    width: 40px;
    line-height: normal;
    height: 40px;
    margin-top: 5px;
}

.fa-f65:hover {
    background-image: url(/sites/lkygbpc.smu.edu.sg/files/2025-03/F6S-logo-white-hover.png);
}
@media (max-width: 767px) {
	.fa-f65 {
		width:25px;
		height:25px;
	}
}