/* OLD PAGE BUILDER STYLE */
	
		/* General Styles */
		
			.content-block {
				padding-top: 0;
				padding-bottom: 10px
			}

			.content-block.section-intro {
				padding-top: 10px;
				padding-bottom: 0px
			}

			.content-block .mp-wrapper {
/* 				font-size: 1.4rem */
			}

			.content-block .mp_wrapper {
/* 				font-size: 1.4rem */
			}

			.content-block .mp_wrapper #mepr-account-welcome-message p {
/* 				font-size: 1.6rem !important;
				font-weight: bold !important */
			}

			.content-block .mp_wrapper .mepr-submit {
				display: inline-block;
				padding: 8px 30px;
/* 				font-size: 1.6rem !important;
				font-weight: bold !important; */
				background-color: #d10048 !important;
				color: #fff;
				border: none !important
			}

			.content-block .mp_wrapper .mp-form-row label {
				float: left;
				width: 100%;
				padding: 0 0 5px 0
			}

			.content-block .box {
				float: left;
				width: 100%;
				padding: 30px 20px 0 20px;
				margin: 30px 0 0 0;
				background-color: #e6e6e6
			}

			.content-block .box-light {
				float: left;
				width: 100%;
				padding: 30px 20px 0 20px;
				margin: 0 0 30px 0;
				background-color: #f9f9f9
			}
			
		/* Owl Carosel */
		
			.owl-carousel,
			.owl-carousel .owl-item {
				-webkit-tap-highlight-color: transparent;
				position: relative
			}

			.owl-carousel {
				display: none;
				width: 100%;
				z-index: 1
			}

			.owl-carousel .owl-stage {
				position: relative;
				-ms-touch-action: pan-Y;
				-moz-backface-visibility: hidden
			}

			.owl-carousel .owl-stage:after {
				content: ".";
				display: block;
				clear: both;
				visibility: hidden;
				line-height: 0;
				height: 0
			}

			.owl-carousel .owl-stage-outer {
				position: relative;
				overflow: hidden;
				-webkit-transform: translate3d(0, 0, 0)
			}

			.owl-carousel .owl-item,
			.owl-carousel .owl-wrapper {
				-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				-webkit-transform: translate3d(0, 0, 0);
				-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0)
			}

			.owl-carousel .owl-item {
				min-height: 1px;
				float: left;
				-webkit-backface-visibility: hidden;
				-webkit-touch-callout: none
			}

			.owl-carousel .owl-item img {
				display: block;
				width: 100%
			}

			.owl-carousel .owl-dots.disabled,
			.owl-carousel .owl-nav.disabled {
				display: none
			}

			.no-js .owl-carousel,
			.owl-carousel.owl-loaded {
				display: block
			}

			.owl-carousel .owl-dot,
			.owl-carousel .owl-nav .owl-next,
			.owl-carousel .owl-nav .owl-prev {
				cursor: pointer;
				cursor: hand;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none
			}

			.owl-carousel.owl-loading {
				opacity: 0;
				display: block
			}

			.owl-carousel.owl-hidden {
				opacity: 0
			}

			.owl-carousel.owl-refresh .owl-item {
				visibility: hidden
			}

			.owl-carousel.owl-drag .owl-item {
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none
			}

			.owl-carousel.owl-grab {
				cursor: move;
				cursor: grab
			}

			.owl-carousel.owl-rtl {
				direction: rtl
			}

			.owl-carousel.owl-rtl .owl-item {
				float: right
			}

			.owl-carousel .animated {
				animation-duration: 1s;
				animation-fill-mode: both
			}

			.owl-carousel .owl-animated-in {
				z-index: 0
			}

			.owl-carousel .owl-animated-out {
				z-index: 1
			}

			.owl-carousel .fadeOut {
				animation-name: fadeOut
			}

			@keyframes fadeOut {
				0% {
					opacity: 1
				}

				100% {
					opacity: 0
				}
			}

			.owl-height {
				transition: height .5s ease-in-out
			}

			.owl-carousel .owl-item .owl-lazy {
				opacity: 0;
				transition: opacity .4s ease
			}

			.owl-carousel .owl-item img.owl-lazy {
				transform-style: preserve-3d
			}

			.owl-carousel .owl-video-wrapper {
				position: relative;
				height: 100%;
				background: #000
			}

			.owl-carousel .owl-video-play-icon {
				position: absolute;
				height: 80px;
				width: 80px;
				left: 50%;
				top: 50%;
				margin-left: -40px;
				margin-top: -40px;
				background: url(owl.video.play.png) no-repeat;
				cursor: pointer;
				z-index: 1;
				-webkit-backface-visibility: hidden;
				transition: transform .1s ease
			}

			.owl-carousel .owl-video-play-icon:hover {
				-ms-transform: scale(1.3, 1.3);
				transform: scale(1.3, 1.3)
			}

			.owl-carousel .owl-video-playing .owl-video-play-icon,
			.owl-carousel .owl-video-playing .owl-video-tn {
				display: none
			}

			.owl-carousel .owl-video-tn {
				opacity: 0;
				height: 100%;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				transition: opacity .4s ease
			}

			.owl-carousel .owl-video-frame {
				position: relative;
				z-index: 1;
				height: 100%;
				width: 100%
			}

			.owl-theme {
				margin: 0 0 -23px 0;
				padding: 0
			}

			.owl-theme .owl-nav {
				margin-top: 10px;
				text-align: center;
				-webkit-tap-highlight-color: transparent;
				top: 50%;
				width: 100%;
				position: absolute;
				float: left
			}

			.owl-theme .owl-nav [class*='owl-'] {
				border-style: solid;
				border-width: 4px 4px 0 0;
				content: '';
				display: inline-block;
				height: 20px;
				position: absolute;
				vertical-align: top;
				width: 20px;
				transform: rotate(45deg);
				top: -30px;
				right: 30px;
				color: #FFF;
				text-indent: -9999px
			}

			.owl-theme .owl-nav .owl-prev {
				left: 30px;
				transform: rotate(-135deg)
			}

			.owl-theme .owl-nav [class*='owl-']:hover {
				text-decoration: none
			}

			.owl-theme .owl-nav .disabled {
				opacity: 0.5;
				cursor: default
			}

			.owl-theme .owl-nav.disabled+.owl-dots {
				margin-top: 10px
			}

			.owl-theme .owl-dots {
				text-align: center;
				-webkit-tap-highlight-color: transparent;
				top: -50px;
				position: relative
			}

			.owl-theme .owl-dots .owl-dot {
				display: inline-block;
				zoom: 1;
				*display: inline
			}

			.owl-theme .owl-dots .owl-dot span {
				width: 10px;
				height: 10px;
				margin: 5px 5px 5px 5px;
				border: 2px solid #FFF;
				display: inline-block;
				-webkit-backface-visibility: visible;
				transition: opacity 200ms ease;
				border-radius: 30px
			}

			.owl-theme .owl-dots .owl-dot.active span,
			.owl-theme .owl-dots .owl-dot:hover span {
				background: #FFF
			}
	
		/* Text */
		
		/* Text & Image */
		
			.text-image-block .title {
/* 				font-size: 2.9rem;
				font-weight: bold;
				line-height: 1em; */
				padding: 0 0 20px 0;
				color: #d10048
			}

			.text-image-block p {
/* 				font-size: 1.4rem !important; */
				padding: 0 0 20px 0
			}

			.text-image-block h6 {
				float: left;
				width: 100%;
				position: absolute;
				bottom: 10px;
				right: 30px;
				text-align: right
			}

			.text-image-block .btn-square {
/* 				font-size: 1.4rem */
			}

			.text-image-block .text {
				float: right;
				width: 50%;
				padding: 40px 30px 60px 30px;
				background: #F2F2F2;
				position: relative
			}

			.text-image-block .image {
				float: left;
				width: 50%;
				background: #f3f3f3 url("../img/loading.gif") no-repeat 50% 50%
			}

			.text-image-block .image a {
				float: left;
				width: 100%
			}

			.text-image-block .image.loaded {
				background-size: cover
			}

			.text-image-block .image img {
				/* display: none; */
			}

			.text-image-block.last {
				padding: 0 0 40px 0
			}

			.text-image-block.alt .text {
				float: left;
				background: #d10048;
				color: #FFF
			}

			.text-image-block.alt .text .title {
				color: #fff
			}

			.text-image-block.alt .image {
				float: right
			}

			@media only screen and (max-width: 600px) {
				.text-image-block {
					padding: 0 0 40px 0
				}

				.text-image-block .title {
/* 					font-size: 2.5rem */
				}

				.text-image-block .text {
					width: 100%;
					height: auto !important;
					padding: 30px 20px 50px 20px
				}

				.text-image-block .image {
					width: 100%;
					height: auto !important;
					background: none !important
				}

				.text-image-block .image a {
					height: auto !important
				}

				.text-image-block .image img {
					display: block;
					width: 100%;
					height: auto
				}

				.text-image-block.alt {
					padding: 0 0 40px 0
				}
			}
		
		/* Two Columns (Become an Adult Leader) */
		

			.two-blocks {
				padding-bottom: 40px;
				padding-top: 0
			}

			/*
			.two-blocks .block {
				float: left;
				width: 48%
			}

			.two-blocks .block:nth-of-type(even) {
				float: right
			}

			.two-blocks .block a {
				color: #333
			}
			
			*/
			
			.two-blocks .inner {
				display: flex;
				gap:20px;
			}

			.two-blocks .block {
				flex-basis: calc(100% / 2);  /* Each block will grow equally to fill the space */
			}
			
			@media only screen and (max-width: 1024px) {
				
				.two-blocks .inner {
					flex-wrap: wrap;
				}
				
				.two-blocks .block {
					flex-basis: 100%;
					
				}
				
			}

			/*
			.two-blocks .block img {
				float: left;
				width: 100%;
				height: auto;
				margin: 0 0 20px 0
			}
			*/

			.two-blocks .block .title {
/* 				font-size: 2.9rem;
				font-weight: bold;
				line-height: 1em; */
				padding: 0 0 20px 0;
				color: #d10048
			}

			.two-blocks .block p {
/* 				font-size: 1.4rem;
				line-height: 1.5em; */
				padding: 0 0 10px 0
			}

			.two-blocks .block h6 {
/* 				font-size: 1.4rem;
				font-weight: bold; */
				color: #d10048;
			}

			.two-blocks .block:hover h6 {
				text-decoration: underline
			}
			
			/*

			@media only screen and (max-width: 600px) {
				.two-blocks {
					padding: 0 0 0 0
				}

				.two-blocks .block {
					width: 100%;
					padding: 0 0 20px 0
				}

				.two-blocks .block .title {
					font-size: 2.5rem
				}
			}
			
			*/
		
		/* Three Columns */
		
			.three-blocks {
				padding-bottom: 40px;
				padding-top: 20px
			}
			
			.three-blocks .inner {
				display: flex;
				gap:20px;
			}

			.three-blocks .block {
				flex-basis: calc(100% / 3);  /* Each block will grow equally to fill the space */
				background: #d10048;
				position: relative;   /* Relative positioning context for children */
				color:#ffffff;
			}
			
			@media only screen and (max-width: 1024px) {
				
				.three-blocks .inner {
					flex-wrap: wrap;
				}
				
				.three-blocks .block {
					flex-basis: 100%;
					
				}
				
			}
			
			.three-blocks .block h6{
				position:absolute;
				bottom:20px;
				left:20px;
			}

			/*

			.three-blocks .block {
				float: left;
				width: 32%;
				margin: 0 2% 0 0;
				color: #fff;
				background: #d10048;
				position: relative
			}
			

			.three-blocks .block:nth-of-type(3n) {
				margin: 0
			}
			
			*/

			.three-blocks .block a {
				color: #fff;
			}
			
			.three-blocks .block .box{
				padding: 20px 20px 50px 20px;
				height: 100%; 
			}
			


			/*

			.three-blocks .block img {
				float: left;
				width: 100%;
				height: auto
			}

			.three-blocks .block .box {
				float: left;
				width: 100%;
				padding: 20px 20px 50px 20px
			}

			.three-blocks .block .title {
				float: left;
				width: 100%;
				font-size: 2rem;
				font-weight: bold;
				line-height: 1em;
				padding: 0 0 20px 0
			}

			.three-blocks .block p {
				float: left;
				width: 100%;
				font-size: 1.4rem;
				line-height: 1.5em;
				padding: 0 0 10px 0
			}

			.three-blocks .block h6 {
				float: left;
				width: 100%;
				font-size: 1.4rem;
				font-weight: bold;
				position: absolute;
				bottom: 20px;
				left: 20px
			}

			.three-blocks .block a:hover h6 {
				text-decoration: underline
			}
			
			
			/*

			@media only screen and (max-width: 600px) {
				.three-blocks {
					padding-bottom: 20px
				}

				.three-blocks .block {
					float: left;
					width: 100%;
					margin: 0 0 40px 0
				}

				.three-blocks .block .box {
					margin: 0
				}
			}
			
			*/
		
		/* Feature */
		
			.feature-block {
				padding-bottom: 40px
			}

			.feature-block.first {
				padding-top: 40px
			}

			.feature-block .title {
/* 				font-size: 2.8rem;
				font-weight: bold;
				line-height: 1em; */
				padding: 0 0 20px 0
			}

			.feature-block p {
/* 				font-size: 1.4rem;
				line-height: 1.5em; */
				padding: 0 0 20px 0
			}

			.feature-block.pink {
				color: #FFF
			}

			.feature-block.pink .inner {
				background: #d10048;
				padding: 40px 30px 30px 30px;
			}

			.feature-block.green .inner {
				background: #97D700;
				padding: 40px 30px 30px 30px;
			}

			.feature-block.orange {
				color: #FFF
			}

			.feature-block.orange .inner {
				background: #DC8633;
				padding: 40px 30px 30px 30px;
			}

			.feature-block.yellow .inner {
				background: #FDDA25;
				padding: 40px 30px 30px 30px;
			}

			.feature-block.blue {
				color: #FFF
			}

			.feature-block.blue .inner {
				background: #00A9E0;
				padding: 40px 30px 30px 30px;
			}

			.feature-block.inky-blue {
				color: #FFF
			}

			.feature-block.inky-blue .inner {
				background: #10069F;
				padding: 40px 30px 30px 30px;
			}

			.feature-block.purple {
				color: #FFF
			}

			.feature-block.purple .inner {
				background: #68478d;
				padding: 40px 30px 30px 30px;
			}

			@media only screen and (max-width: 660px) {
				.feature-block .title {
/* 					font-size: 2.8rem */
				}

				.feature-block p {
/* 					font-size: 1.6rem */
				}
			}
		
		/* Image Slider (Producing your artwork) */
		
			.slider-block {
				margin-bottom: 40px;
				overflow: hidden
			}

			.slider-block li {
				position: relative;
				float: left;
				width: 100%
			}

			.slider-block li img {
				float: left;
				width: 100%;
				height: auto
			}

			.slider-block li .caption {
				position: absolute;
				bottom: 30px;
				left: 30px;
/* 				font-size: 2.9rem;
				font-weight: bold;
				line-height: 1em; */
				color: #fff;
				float: left;
				width: 50%;
				max-width: 350px
			}

			.slider-block .owl-theme .owl-dots {
				text-align: right;
				padding-right: 30px;
				top: -40px
			}

			@media only screen and (max-width: 600px) {
				.slider-block .owl-nav {
					display: none
				}

				.slider-block li img {
					height: auto
				}

				.slider-block li .caption {
					bottom: 20px;
					left: 20px;
/* 					font-size: 2rem; */
					width: 100%;
					padding-right: 120px !important
				}

				.slider-block .owl-theme .owl-dots {
					text-align: right;
					padding-right: 20px;
					top: -30px
				}
			}
		
		/* TEXT */
		
		.row.text{
			margin-bottom:40px;
		}
		
		/* Video (What’s involved?) */
		
			.video-wrapper,
			.iframe-wrapper {
				position: relative;
				padding-bottom: 56.25%;
				height: 0;
				float: left;
				width: 100%
			}

			.video-wrapper object,
			.video-wrapper embed,
			.video-wrapper iframe,
			.iframe-wrapper object,
			.iframe-wrapper embed,
			.iframe-wrapper iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%
			}
		
			.video-block .video-wrapper {
				margin-bottom: 40px !important;
			}

			.video-block .title {
/* 				font-size: 2.9rem;
				font-weight: bold;
				line-height: 1em; */
				padding: 0 0 0 0;
				color: #FFF;
				max-width: 350px;
				position: absolute;
				top: 30px;
				left: 60px;
				z-index: 2;
/* 				text-shadow: 1px 1px 4px #000 */
			}
		
		/* Slider (What’s expected of me?) */
		
			.slider-block {
				margin-bottom: 40px;
				overflow: hidden
			}

			.slider-block li {
				position: relative;
				float: left;
				width: 100%
			}

			.slider-block li img {
				float: left;
				width: 100%;
				height: auto
			}

			.slider-block li .caption {
				position: absolute;
				bottom: 30px;
				left: 30px;
/* 				font-size: 2.9rem;
				font-weight: bold;
				line-height: 1em; */
				color: #fff;
				float: left;
				width: 50%;
				max-width: 350px
			}

			.slider-block .owl-theme .owl-dots {
				text-align: right;
				padding-right: 30px;
				top: -40px
			}

			@media only screen and (max-width: 600px) {
				.slider-block .owl-nav {
					display: none
				}

				.slider-block li img {
					height: auto
				}

				.slider-block li .caption {
					bottom: 20px;
					left: 20px;
/* 					font-size: 2rem; */
					width: 100%;
					padding-right: 120px !important
				}

				.slider-block .owl-theme .owl-dots {
					text-align: right;
					padding-right: 20px;
					top: -30px
				}
			}
			
			.main-slider {
				overflow: hidden;
				margin-bottom: 40px
			}

			.main-slider .owl-nav {
				top: auto;
				bottom: 0px;
				background: #ff6600
			}

			.main-slider .owl-nav .owl-prev,
			.main-slider .owl-nav .owl-next {
				margin-top: -40px;
				z-index: 100
			}

			.main-slider .slide {
				float: left;
				width: 100%;
				background: #f3f3f3 url("../img/loading.gif") no-repeat 50% 50%
			}

			.main-slider .slide .inner {
				position: relative;
				height: 500px
			}

			.main-slider .slide.loaded {
				background-size: cover
			}

			.main-slider .slide img {
				display: none
			}

			.main-slider .slide span {
				position: absolute;
				top: 60px;
				left: 30px;
				float: left;
				width: 65%;
				color: #FFF;
				padding-left: 10px
			}

			.main-slider .slide span .title {
/* 				font-size: 2.8rem;
				font-weight: bold;
				line-height: 46px; */
				display: inline;
				background-color: #333;
				box-shadow: 10px 0 0 #333, -10px 0 0 #333;
				padding: 5px;
				box-decoration-break: clone
			}

			.main-slider .slide span .clear {
				float: left;
				width: 100%;
				margin: 0 0 2px 0
			}

			.main-slider .slide span p {
				float: left;
				color: #333;
/* 				font-size: 1.4rem;
				font-weight: bold; */
				padding: 6px 8px 6px 8px;
				background: #fff;
				margin-left: -10px;
				margin-right: 10px;
				position: relative;
				top: 0px
			}

			.main-slider .slide span h6 {
				float: left;
				margin-left: -10px
			}

			.main-slider .slide span h6 a {
/* 				font-size: 1.4rem */
			}

			@media only screen and (max-width: 660px) {
				.main-slider .owl-nav {
					display: none
				}

				.main-slider .slide span {
					bottom: 70px;
					left: 0;
					float: left;
					width: 100%;
					padding: 0 20px
				}
			}
			
		/* Hub Content Styles */
		
			#hub-content-old .image-match{
				width: 100%; /* Adjust the width as needed */
				padding-top: 66.67%;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				margin-bottom:20px;
			}
			
			#hub-content-old a.btn-square{
				display: inline-block;
				color: #c36;
				text-align: center;
				white-space: nowrap;
				-webkit-user-select: none;
				-moz-user-select: none;
				user-select: none;
				background-color: #ffffff;
				border: 1px solid #c36;
				padding: .5rem 1rem;
/* 				font-size: 1rem; */
				border-radius: 3px;
				transition: all .3s;
				text-transform:uppercase;
			}
			
			#hub-content-old h1{
				margin-bottom:15px;
			}
			
			#hub-content-old h2{
				margin-bottom:15px;
			}
			
			#hub-content-old h3{
				margin-bottom:15px;
			}
			
			#hub-content-old h4{
				margin-bottom:15px;
			}
			
			#hub-content-old p{
				margin-bottom:30px;
			}
			
			#hub-content-old ul{
				margin-bottom:30px;
			}
			
			#hub-content-old ul li{
				margin-bottom:10px;
			}
			
			#hub-content-old ol{
				margin-bottom:30px;
			}
			
			#hub-content-old hr{
				margin-bottom:30px;
			}
			
			.slick-prev, .slick-next{
				height:50px;
			}