/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 06 2025 | 21:28:46 */
div#hear-it-call-to-action-text {
grid-area: hear-it-txt;
text-align: center;
}


div#hear-it-call-to-action-arrow {
grid-area: hear-it-arrow;
}

div#hear-it-call-to-action-arrow img {
	height: 80px;
	width: auto;
	rotate: 30deg;
	margin-top: 20px;
	
}



div#hear-it-call-to-action-image {
grid-area: hear-it-image;

}


div#hear-it-call-to-action-image  img {
width: 70px;
height: auto;
padding: 8px;
}

div#hear-it-call-to-action-image  img:hover {
padding: 4px;
	border: 4px solid black;
}

div#hear-it-call-to-action {
display: grid;
/*grid-template-columns: 3fr 2fr 1fr;*/
grid-template-areas: "hear-it-txt hear-it-txt hear-it-arrow hear-it-arrow hear-it-arrow hear-it-image";
justify-items: center;
align-items: center;]
}

.call-to-actn-icon {
	color: rgba(0, 0, 0, .8)
;
font-size: 36px;
	font-weight: 100;
}

.call-to-actn-txt {
font-family: "Archivo", "Archivo Placeholder", sans-serif; 
line-height: 1.2em; 
color: black;
font-size: 14px;
padding-top: 10px;
text-transform: uppercase;
font-weight: bold;
}

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

@media screen and  (max-width:780px) {
	
	div#hear-it-with-sara-hdng {
		text-align: center;
	}
	
	.mobile-line-break {
		display: inline;
	}
	
	div.sow-image-container {
		justify-content: center !important;
	}
}