/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 26 2025 | 19:22:01 */
:root {
	--link-btn-hover-bg: '#d65050';
}

span.mobile-line-break {
	display: none;
}

a.wp-block-button__link  {
	background-color: transparent !important;
	font-size: 10px !important;
	text-transform: none !important;
	color: #E4CA25;
	border: 1px solid white;
	border-radius: 20px !important;

}

a.wp-block-button__link:hover  {
	background-color: #d65050 !important;
}


div.entry-content > div:nth-child(3) > div:nth-child(2) > p:nth-child(4) {
	padding-top: 50px !important;
}

div.entry-content > div:nth-child(3) > div:nth-child(2) > p:nth-child(5),
div.entry-content > div:nth-child(3) > div:nth-child(4) > p {
	margin-top: 5px !important;	
}


div.entry-content > div:nth-child(3) > div:nth-child(4) > p {
	margin-left: 33% !important;
}

div.entry-content > div:nth-child(3) > div:nth-child(4) > p:first-child {
	margin-left: 0 !important;
}
	

div.entry-content > div:nth-child(3) > div:nth-child(4) > p:nth-child(6) {
	padding-bottom: 30px;
}


div#book {
	grid-area: book;
	text-align: right;
}


div#contact {
	grid-area: contact;
	text-align: right;
	align-self: center;
}

div#learn-more {
	grid-area: learn-more;
	text-align: left;
}

div#portfolio {
	grid-area: portfolio;
	text-align: left;
	align-self: center;
}


div#students {
	grid-area: students;
	text-align: left;
}

div.link-panel {
	
	margin-top: 0 !important;
}

div.link-panel > div.link-grid {
	display: grid;
	width: 90%;
	column-gap: 20px;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 
		"book learn-more"
		"contact portfolio";
	
}

div.link-panel > div.link-grid-with-btn {
	display: grid;
	width: 90%;
	column-gap: 20px;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 
		"book learn-more"
		"contact students"
		"portfolio portfolio";
	
}

div.link-panel {
	display: flex;
	justify-content: center;
	align-items: center;
}

a.grid-link {
	font-size: 14px;
	/*padding: 0 5px;*/
}

a.grid-link:hover {
	color: white !important;
}


div.link-container {
			line-height: 1 !important;
			margin: 10px 0;
			text-align: center !important;
}

div.home-top-panel-left {
	
			
}

div.action-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


div.action-panel > div.action-area {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 90%;
}


button.action-btn {
	width: 100%;
	margin: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

button.action-btn,
button.portfolio-btn {
	border-radius: 20px !important;
	text-transform: none !important;
	border: 1px solid white;
}

button.action-btn > a,
button.portfolio-btn > a {
	color: white !important;
	font-weight: bold;
}

button.action-btn > a {
	font-size: 10px;
}

button.action-btn:hover,
button.portfolio-btn:hover {
	border: 1px var(--sydney-global-color-1) solid !important;
	background-color: white !important;
}

button.action-btn:hover a,
button.portfolio-btn:hover a {
	
	color: var(--sydney-global-color-1) !important;
}

div.link-panel > div.link-grid-with-btn button.portfolio-btn {
	font-size: 12px !important;
	max-width: 250px !important;
	line-height: 1.25 !important;
}


p.no-gutter {
	padding-left 0;
	padding-right 0;
}

div.bottom-link-panel {
	margin-top: 0;
 	/*padding: 30px 38px;*/
	padding-top: 0;
	padding-bottom: 30px;
	background-color: #00000033 !important;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;

}

div.bottom-link-panel > div.link-grid {
	display: grid;
	width: 100%;
	margin-top: 0 !important;
	column-gap: 50px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas:
		". book book learn-more learn-more ."
		". contact contact portfolio portfolio .";
	
}

div.bottom-link-panel > div.link-grid button.portfolio-btn {
	font-size: 22px !important;
}

div.bottom-link-panel > div.link-grid a.grid-link {
	font-size: 16px !important;
}
/*

div.link-container.justify-left {
	justify-self: left !important;
}


div.link-container.justify-right {
	justify-self: right !important;
}


div.bottom-link-panel > div.link-grid > div#portfolio {
	margin: 50px 15% 0 15% !important;
	
	border: 1px solid white !important;
	padding: 5px !important;
}*/

div.bottom-link-panel > div.link-grid > div#portfolio {
	margin: 20px 15% 30px 15% !important;
	/*border: 1px solid white !important;*/
	padding: 5px !important;
}




@media only screen and (max-width: 480px) and (orientation: portrait),
 only screen and (min-width: 481px) and (max-width: 600px) and  (orientation: portrait),
	only screen and (max-width: 850px) and (orientation: landscape) {
		span.mobile-line-break {
			display: inline !important;
		}
		div.entry-content > div,
		div.entry-content > p {
			padding: 0 20px !important;
		}
		
		div.entry-content > div:has( > div.welcome-section) {
			padding-bottom: 20px !important;
		}
		
		
		div.entry-content > div:has( > div.home-top-panel-left) > div:first-child {
			border-top-right-radius: 15px !important;
		}
		
		
		div.entry-content > div:nth-child(3) > div:nth-child(2) {
			display: flex;
			justify-content: center;

		}
		
		div.home-top-panel-left {
			text-align: center !important;
			padding: 0 10% !important;
		}
		
		div.home-top-panel-left > p {
			font-size: 18px !important;
		}
		
		div.home-top-panel-left > h3 {
			font-size: 28px !important;
		}
		
		div.home-top-panel-left > h3.has-text-align-left {
			text-align: center !important;
			padding: 0 10% !important;
		}
		
		/*
		div.entry-content > div:nth-child(3) > div:nth-child(2) > p {
			font-size: 18px !important;
			text-align: center;
			padding: 0 10%;
			
		}*/
		
		div.entry-content > div > div.chalkboard-content {
			padding: 20px 20px !important;
		}
		
		/*
		div.entry-content > div:nth-child(7) > div,
		div.entry-content > div:nth-child(8) > div,
		div.entry-content > div:nth-child(11) > div,
		div.entry-content > div:nth-child(14) > div {
			padding: 20px 20px !important;
		}*/
		
		div.entry-content > div:nth-child(3) > div:first-child {
			border-top-right-radius: 15px !important;
		}
		p.vertical-divider {
			border: none !important;
		}
		
		a.grid-link {
			font-size: 12px !important;
		}
		
		div.bottom-link-panel-mobile-fix {
			padding: 0 0 30px 0 !important;
		}
		
		div.bottom-link-panel > div.link-grid {
			grid-template-columns: 1fr;
			grid-template-areas:
				"book"
				"learn-more"
				"contact"
				"portfolio";
	
}
		
		
		

		
		
}