/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 07 2026 | 17:03:43 */
@use 'bootstrap-variables';
@use 'bootstrap-mixins';


/* Fact */

.fact {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    background-color: #0524503D;
    backdrop-filter: blur(10px);
    padding: 1.2rem;
    border-radius: 20px;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 14px;
    max-width: 370px;
    text-align: right;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.fact svg {
    width: 60px;
    height: 40px;
}
.fact-desc {
    position: relative;
	color: #fff;
}


/* MOBILE */

@media screen and (max-width: 768px) {
	
	/* Navigation */
	
	#header-outer header {
		padding: 0px 12px;
	}
	#header-outer .slide-out-widget-area-toggle {
		background: radial-gradient(100% 100% at 50% 100%, #BBE270 0%, #D3FB86 100%);
		border: 2px solid #E7FFB8;
		padding: 12px !important;
		border-radius: 8px;
	}
	#header-outer #mobile-menu .secondary-header-text p {
		font-size: 14px;
	}
	#header-outer .register-btn {
		transform: unset;
	}
	#header-outer #mobile-menu ul li.register-btn>a {
		padding: 0;
	}
	#mobile-menu {
		padding-bottom: 2rem !important;
	}
	
	/* Page Header */
	
	#page-header {
		padding: 6rem 1.5rem !important;
		text-align: center;
	}
	#page-header .row-bg {
		background-size: 110%;
		background-position: -80% 50% !important;
		z-index: -1;
	}
	#page-header .ph-crumbs {
		justify-content: center;
	}
	#page-header h1 {
		font-size: 50px;
	}
	
	/* Page Header 2 */
	
	#page-header-2 {
		padding: 4rem 1.5rem 9rem !important;
	}
	#page-header-2 h1 {
		font-size: 50px;
	}
	#page-header-2 .event-pic {
		height: 400px;
	}
	
	/* By The Numbers */
	
	#numbers {
		background: linear-gradient(180deg, #E7F2FF 12.43%, #A6C9F3 60%);
	}
	#numbers::before {
		width: 700px;
		height: 600px;
		top: 200px;
		left: 64%;
		transform: translateX(-50%) rotate(90deg);
		opacity: .6;
	}
	#numbers .left-col {
		padding: 4rem 1.5rem 2rem;
	}
	#numbers .left-col .numbers-flex {
		display: flex;
		flex-wrap: wrap;
		gap: 0;
	}
	.number-col.first,
	.number-col.second {
		width: 100%;
		padding-right: 0;
		margin-right: 0;
		border-right: none;
		padding-bottom: 3rem;
		margin-bottom: 3rem;
		border: none;
		position: relative;
	}
	.number-col.first::after,
	.number-col.second::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px;
		width: 100%;
		background: linear-gradient(to right, #05245040, transparent);
		pointer-events: none;
	}
	#numbers .number-col .desc {
		max-width: 220px;
		font-size: 16px;
	}
	#numbers .register-or {
		display: none;
	}
	#numbers .right-col {
		transform: unset !important;
		clip-path: ellipse(100% 60% at 70% 60%) !important;
		height: 450px !important;
	}
	#numbers .right-col .fact {
		bottom: 40px;
		right: -20px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	/* News */
	
	#news {
		padding: 6rem 1.5rem 0 !important;
	}
	.news-title .right {
		display: none;
	}
	#news .news-title .left::before {
		width: 100%;
		bottom: -35px;
		right: -10px;
	}
	#news .row.blog-recent.columns-3 {
		display: flex;
    	max-width: 1120px;
		margin: 5rem auto 0;
		gap: 30px;
    	transform: translateX(-30px);
	}
	.blog-recent .post {
		min-width: 80%;
	}
	
	/* Join CTA */
	
	.hero-bubbles {
		padding-top: 10rem;
		padding-bottom: 22rem;
	}
	.hero-bubbles::before {
		width: 800px;
		height: 500px;
		left: 50%;
		top: 50%;
		opacity: .5;
	}
	.hero-bubbles__content .title {
		font-size: 30px;
	}
	.hero-bubbles__content .title .thick {
		font-size: 70px;
	}
	.hero-bubbles__content .title .thick::before {
		bottom: 18px;
	}
	.hero-bubbles__checks {
		display: flex;
		flex-wrap: wrap;
		gap: 60px;
		margin: 0 1.5rem 2rem !important;
		transform: translateX(15px);
	}
	.hero-bubbles__checks li:last-child {
		margin: -3rem 0 0 !important;
	}
	.hero-bubbles__checks li:last-child::before {
		top: 32%;
	}
	.hero-bubbles__checks li:nth-child(2)::after {
		display: none;
	}
	.hero-bubbles__body {
		padding: 0 1.5rem;
	}
	.hero-bubbles__circle {
		opacity: 1;
	}
	.hero-bubbles__circle--tl {
		width: 300px !important;
		height: 300px !important;
		top: unset !important;
		bottom: -370px;
		left: -100px;
		z-index: 99;
	}
	#join-cta .hero-bubbles__circle--ml {
		display: block;
		top: unset !important;
		bottom: -380px;
		left: 30%;
		z-index: 999;
	}
	.hero-bubbles__circle--tr {
		top: unset !important;
		bottom: -280px;
		right: -50px;
		width: 220px;
		height: 220px;
		z-index: 9999;
	}
	#join-cta .register-or {
		display: none;
	}
	
	/* Registry Form */
	
	#registry-form {
		padding: 6rem 1.5rem 4rem !important;
	}
	#registry-form .title {
		font-size: 50px;
	}
	#registry-form .icon-flex {
		max-width: 310px;
		text-align: center;
		line-height: 1.5;
		margin-bottom: 1rem;
	}
	#registry-form .gform_wrapper {
		padding: 2rem;
	}
	
	/* Footer */
	
	.dltn-footer {
		padding: 6rem 1.5rem 9rem !important;
	}
	.dltn-footer .highlighted-sub {
		margin: 0 auto;
	}
	.dltn-footer .title {
		font-size: 24px;
		text-align: center;
	}
	.dltn-footer__col.dltn-footer__col--registeror {
		width: 100%;
	}
	.dltn-footer .register-or .or {
		text-align: center;
	}
	.dltn-footer .or-text {
		text-align: left;
		max-width: 240px;
		margin: 0 auto;
	}
	.dltn-footer__newsletter-form {
		min-width: 100%;
	}
	.gform_wrapper.gravity-theme #field_submit {
		margin: 0 auto;
		min-width: 200px;
	}
	.gform_wrapper #field_submit .arrow-btn {
		padding: 18px !important;
	}
	.dltn-footer__main-row {
		display: flex;
		flex-wrap: wrap;
	}
	.dltn-footer__col.dltn-footer__col--logo {
		order: 4;
		display: table;
		margin: 0 auto;
	}
	.dltn-footer__bottom {
		flex-wrap: wrap;
		align-items: center;
	}
	.dltn-footer__bottom .dltn-footer__copy {
		order: 2 !important;
		text-align: center !important;
		max-width: 330px !important;
	}

}