/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 26 2025 | 15:26:02 */
span.mobile-line-break {
	display: none;
}


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


div.action-panel > div.action-area {
	display: flex;
	justify-content: center;
	/*align-items: stretch;*/
	width: 60%;
}


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: 14px;
}

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;
}



.highlight-red {
	color: #d65050;
}

@media only screen and (max-width: 480px) and (orientation: portrait),
	only screen and (max-width: 850px) and (orientation: landscape) {
		span.mobile-line-break {
			display: inline !important;
		}
		
		div.action-panel > div.action-area {
			width: 100%;
		}

}