/*------------------------------------*\
	USEFUL STYLES
\*------------------------------------*/


.red { color: #b10000; }
.light { font-weight: 300; }
.bold { font-weight: 900; }
.small { font-size: 70%; }
.large { font-size: 150%; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.align-right { text-align: right; }
.round, .round * { border-radius: 999px; }
.white-text *  { color: #fff !important; }



.shadow { box-shadow: 
				0 1px 0 rgba(0, 0, 0, 0.1), 
				0 1px 3px rgba(0, 0, 0, 0.1) 
				}
.fuzzy-text-shadow { text-shadow: 	
				0 0 60px rgba(0,0,0,0.1),
				0 0 80px rgba(0,0,0,0.2),
				0 0 90px rgba(0,0,0,0.3); 
				}
.fuzzy-text-shadow { text-shadow: 	
				2px 1px 1px rgba(0, 0, 0, 0.5), 
				2px 1px 20px rgba(0, 0, 0, 0.5); 
				}
.button-shadow { box-shadow: 
				0 5px 10px rgba(0, 0, 0, 0.1), 
				0 5px 40px rgba(0, 0, 0, 0.2);
}

/* text shadow for banners - add hero-shadow class to row in elementor */
.hero-shadow h1,
.hero-shadow h2,
.hero-shadow h3 {
	text-shadow: 3px 3px 0 rgba(0,0,0,0.2);
}
.hero-shadow h4,
.hero-shadow h5,
.hero-shadow h6,
.hero-shadow p {
	text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}

@media screen and (min-width: 800px) {
	.text-columns .elementor-text-editor {
		column-count: 2;
		column-gap: 60px;
	}
	.text-columns .elementor-text-editor p {
		margin-top: 0;
	}
}

.no-padding { padding: 0; }