/*
Theme Name: Level 2 (2026)
Theme URI: trainwitwx.com

Copyrighted by Winnie Lee
*/


/* --- SECOND FONT --- */
  @font-face{
    font-family: 'fraunces';
    font-style: normal;
    font-weight: 400;
    src: url('font/Poppins-Regular.woff2') format('woff2');
    font-display: swap;
  }
  @font-face{
    font-family: 'plusjakartasans';
    font-style: normal;
    font-weight: 400;
    src: url('font/PlusJakartaSans-Bold.woff2') format('woff2');
    font-display: swap;
  }
/*eof of second font*/


/* --- GENERAL --- */
	body{
		padding: 0;
		margin: 0;
		font-family:'fraunces', arial, sans-serif;
	    font-size: 18px;
	    line-height: 28px;
	}
	.wrap{
		max-width: 1230px;
	  	padding: 16px;
	  	margin: auto;
	  	position: relative;
	}
	h2{
		font-family:'plusjakartasans', arial, sans-serif;
		text-transform: uppercase;
		font-size: 50px;
		line-height: 60px;
		padding-bottom: 0;
	  	margin-bottom: 0;
	  	
	  	color: #000;
	}
	a{
		transition: .3s ease-in-out;
	}
	h2 strong{
		color: #FF9E7A;
	}

	.login_btn{
		display: none;
	}
	.intro_logo{
		width: 200px;
		margin: 20px auto;
	}
	.wp-block-button a{
		background: #FF9E7A;
		color: #000;
		border: 1px solid rgba(255,255,255,.5);
  		box-shadow: 0 5px 5px rgba(0,0,0,.2);
	}
	.wp-block-button a:hover{
		background: #ffd6a6;
	}
	.wp-block-button.whatsapp_btn a{
		background: #7fe167;
		color: #000;
	}
	.wp-block-button.whatsapp_btn a:hover{
		background: #affd9a;
	}
	@media (max-width: 481px) {
		h2{
			font-size: 40px;
  		line-height: 45px;
		}
	}




/* --- INTRO BLOCK --- */
	.intro_block .wrap{
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		padding: 100px 16px;
	}
	.intro_block .wrap h2,
	.intro_block .wrap p{
		margin-top: 100px;
	}
	.intro_block .wrap p{
		padding: 10px 0;
		margin-top: 0;
		max-width: 600px;
	}
	.intro_block img{
		border-radius: 60px;
	}
	
	/*responsive*/
	@media (max-width: 1024px) {
		.intro_block .wrap h2{
			margin-top: 0;
		}
	}
	@media (max-width: 781px) {
		.intro_block .wrap{
			padding: 50px 16px;
			text-align: center;
		}
		.intro_block .wrap p{
			margin: auto;
		}
		.intro_block .wp-block-buttons{
			justify-content: center;
		}
		.intro_block img{
			max-width: 300px;
		}
		.intro_block .wp-block-column:nth-child(1){
			order: 2;
		}

	}
	@media (max-width: 481px) {
		.intro_block .wrap h2{
			font-size: 40px;
  		line-height: 45px;
		}
	}
/* --- eof INTRO BLOCK --- */











/* --- FOUR BLOCK --- */
	.four_block.wrap{
		max-width: 1000px;
		padding: 100px 16px;
		text-transform: uppercase;
  	font-weight: bold;
	}
	/*light yellow*/
	.four_block .wp-block-column img{
		background: #fff1dc;
		height: auto;
		width: 100px;
		margin: auto;
		display: block;
		border-radius: 50%;
		padding: 15px;
	}
	/*light green*/
	.four_block .wp-block-column:nth-child(2) img{
		background: #defff3;
	}
	/*light blue*/
	.four_block .wp-block-column:nth-child(3) img{
		background: #d7f7ff;
	}
	/*light pink*/
	.four_block .wp-block-column:nth-child(4) img{
		background: #ffe6fd;
	}
	/*responsive*/
	@media (max-width: 781px) {
		.four_block.wrap{
			padding: 50px 16px;
		}
		.four_block.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
			flex-basis: 37% !important;
		}
	}
/* --- eof FOUR BLOCK --- */











/* --- WHO & benefits --- */
	.who.wrap,
	.benefits.wrap{
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
	}
	.benefits.wrap{
		padding: 100px 16px;
		max-width: 1000px;
	}
	.benefits figure img{
		border-radius: 60px;
	}
	.benefits .wp-block-paragraph img{
		width: 15px!important;
	  border-radius: 0;
	  margin-right: 10px;
	}
	/*responsive*/
	@media (max-width: 1024px) {
		.who .wp-block-spacer,
		.benefits .wp-block-spacer{
			height: 0!important;
		}
		.benefits h2{
			margin: 0;
		}
	}
	@media (max-width: 781px) {
		.who{
			text-align: center;
		}
		.who h2{
			margin: 0;
		}
		.who .wp-block-column:nth-child(1){
			order: 2;
		}
		.who .wp-block-image img{
			max-width: 300px;
		}
		.who .wp-block-list{
			text-align: left;
		  max-width: 481px;
		  margin: auto;
		}
		.benefits.wrap{
			padding: 50px 16px;
			text-align: center;
		}
		.benefits figure img{
			max-width: 300px;
		}
		.benefits .wp-block-column:nth-child(1){
			order: 2;
		}
	}
/* --- eof WHO & benefits --- */





/* --- center_block --- */
	.center_block{
		padding: 100px 16px;
	}
	.center_block h2{
		margin-top: 0;
	}
	.center_block p{
		max-width: 600px;
		margin: auto;
		display: block;
	}
	.center_block .quote{
		font-size: 24px;
		margin: 50px auto 0;
		color: #FF9E7A;
	}
	@media (max-width: 781px) {
		.center_block{
			padding: 50px 16px;
		}
	}
/* --- eof center_block --- */





/* --- how --- */
	.how{
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		padding: 100px 16px;
	}
	.how h2{
		margin-top: 0;
	}
	.how.wrap{
		max-width: 1000px;
	}
	.how p{
		margin: 0 auto;
	}
	.how .wp-block-column h3{
		margin: 0 0 10px;
		font-size: 18px;
		text-transform: uppercase;
	}
	/*light yellow*/
	.how .wp-block-column p.number_icon{
		font-size: 40px;
	  	background: #fff1dc;
	  	border-radius: 50%;
	  	height: 100px;
	  	width: 100px;
	  	text-align: center;
	  	align-content: center;
	  	font-weight: bold;
	  	margin: 70px auto 20px;
	}
	/*light green*/
	.how .wp-block-column:nth-child(2) p.number_icon{
		background: #defff3;
	}
	/*light blue*/
	.how .wp-block-column:nth-child(3) p.number_icon{
		background: #d7f7ff;
	}
	/*light pink*/
	.how .wp-block-column:nth-child(4) p.number_icon{
		background: #ffe6fd;
	}
	/*responsive*/
	@media (max-width: 781px) {
		.how.wrap{
			padding: 50px 16px;
		}
		.how .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
			flex-basis: 37% !important;
		}
	}

/* --- eof how --- */





/*---- google reviews ----*/
.review{
	padding: 100px 16px;
}
.review h2{
	margin: 0;
}
.review .wp-block-columns{
	gap: 16px;
}
.google-review-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.google-review-card .wp-block-image img {
    border-radius: 50%;
	  width: 100px;
	  height: 100px;
	  margin-top: -70px;
}
.google-review-card p.has-text-align-center{
	margin: 0;
}
.google-review-card .google_content{
	height: 360px;
	overflow: scroll;
}
/*responsive*/
	@media (max-width: 781px) {
		.review{
			padding: 50px 16px;
		}
		.review h2{
			margin-bottom: 30px;
		}
		.review .wp-block-spacer{
			height: 0!important;
		}
		.review .wp-block-column{
			margin-top: 50px;
		}
		.google-review-card .google_content{
			height: auto;
			max-height: 200px;
		}
	}
/*eof google reviews*/





/* --- COACH --- */
	.coach.wrap{
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		padding: 100px 16px;
	}
	.coach img{
		border-radius: 60px;
	}
	/*responsive*/
	@media (max-width: 781px) {
		.coach.wrap{
			padding: 50px 16px;
			text-align: center;
		}
		.coach h2{
			margin: 0;
		}
		.coach img{
			max-width: 300px;
		}
		.coach .wp-block-column:nth-child(1){
			order: 2;
		}
		.coach .wp-block-list{
			text-align: left;
		  max-width: 400px;
		  margin: auto;
		}
	}
/* --- eof COACH --- */





/* --- price --- */
	.price.wrap{
		padding: 100px 16px;
	}
	.price h2{
		margin: 0;
	}
	.price p{
		margin: 0 0 20px;
	}
	.price .wp-block-group{
		max-width: 500px;
		border: 1px solid #f1f1f1;
		border-radius: 50px;
		padding: 50px;
		margin: auto;
		box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
	}
	.price h3{
		font-size: 50px;
  	line-height: 25px;
  	margin: 0;
  	color: #FF9E7A;
  	border-bottom: 1px solid #f1f1f1;
  	padding-bottom: 20px;
	}
	.price h3 em{
		font-size: 20px;
	}
	.price .wp-block-list{
		padding: 0;
	}
	.price .wp-block-list li{
		list-style: none;
		background: url("https://project60.my/wp-content/uploads/2026/06/check.png") left 16px no-repeat;
		background-size: 15px;
		border-bottom: 1px solid #f1f1f1;
  	padding: 10px 0 10px 25px;
	}
	.price .wp-block-list strong{
		color: #FF9E7A;
	}
	/*responsive*/
	@media (max-width: 781px) {
		.price.wrap{
			padding: 50px 16px;
		}
	}
/* --- eof price --- */






/* --- faq --- */
	.faq.wrap{
		max-width: 1000px;
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
	}
	.faq .wp-block-columns{
		border-bottom: 1px solid #ccc;
	}
	.faq .wp-block-columns:last-child{
		border:none;
	}
	.faq p strong{
		font-weight: bold;
		font-size: 24px;
	}
	@media (max-width: 781px) {
		.faq p{
			margin: 0 0 20px;
		}
		.faq .wp-block-columns{
			gap: 0;
		}
	}
/* --- eof faq --- */





/* --- community --- */
	.community img{
		border-radius: 20px;
	}
/* --- eof community --- */




/* --- contact --- */
	.contact{
		padding: 100px 0;
		color: #fff;
	}
	.contact h2{
		color: #fff;
	}
	.contact p{
		margin: 0;
	}
	.contact em{
		color: #ccc;
	  	font-size: 14px;
	  	font-style: normal;
	}
/* --- eof contact --- */