html {
	--black: #000000;
	--white: #ffffff;
	--bg-grey: #f5f7f8;
	--bg-grey-blue: #ebeff1;
	--grey: #003355;
	--lt-grey: #bfccd4;
	--lt-grey-blue: #bfccd4;
	--lt-blue: #009bfa;
	--blue: #0050c8;
	--dk-blue: #003355;
	--green: #00b6a5;
	--yellow: #ffed00;
	--orange: #ef7c00;
	--red: #8c2232;
	--magenta: #e5007d;
	--violet: #8945c1;
	--vallos-lt-green: #BED469;
	--vallos-dk-green: #409f99;
	--yxoss-yellow: #DBCD00;
	--gem-red: #8c2232;
	--section-padding-small: calc(1.5em + 5%);
	--section-padding-medium: calc(1.5em + 10%);
	--section-padding-large: calc(1.5em + 15%);
	--h-spacing: 1.5rem;
	--v-spacing: 1.5rem;
	--sm-space: 1rem;
	--md-space: 1.5rem;
	--lg-space: 3rem;
	--xl-space: 5rem;
	--container-radius: .75rem;
}

@media screen and (min-width: 60em) {
	html {
		--h-spacing: 3rem;
	}
}

@media screen and (min-width: 90em) {
	html {
		--h-spacing: calc(1.5rem + 10%);
	}
}

@media screen and (min-width: 110em) {
	html {
		--h-spacing: calc(1.5rem + 13%);
	}
}

@media screen and (min-width: 130em) {
	html {
		--h-spacing: calc(1.5rem + 16%);
	}
}


/* Block Editor Text Color Options */

.has-white-color {
	color: var(--white) !important;
}
.has-black-color {
	color: var(--black) !important;
}
.has-white-color {
	color: var(--white) !important;
}
.has-bg-grey-color {
	color: var(--bg-grey) !important;
}
.has-grey-color {
	color: var(--grey) !important;
}
.has-lt-grey-color {
	color: var(--lt-grey) !important;
}
.has-bg-grey-blue-color {
	color: var(--bg-grey-blue) !important;
}
.has-lt-grey-blue-color {
	color: var(--lt-grey-blue) !important;
}
.has-lt-blue-color {
	color: var(--lt-blue) !important;
}
.has-blue-color {
	color: var(--blue) !important;
}
.has-dk-blue-color {
	color: var(--dk-blue) !important;
}
.has-green-color {
	color: var(--green) !important;
}
.has-yellow-color {
	color: var(--yellow) !important;
}
.has-orange-color {
	color: var(--orange) !important;
}
.has-red-color {
	color: var(--red) !important;
}
.has-magenta-color {
	color: var(--magenta) !important;
}
.has-violet-color {
	color: var(--violet) !important;
}
.has-vallos-lt-green-color {
	color: var(--vallos-lt-green) !important;
}
.has-vallos-dk-green-color {
	color: var(--vallos-dk-green) !important;
}
.has-yxoss-yellow-color {
	color: var(--yxoss-yellow) !important;
}
.has-gem-red-color {
	color: var(--gem-red) !important;
}


/* Block Editor Background Color Options */
.has-black-background-color {
	background-color: var(--black) !important;
}
.has-white-background-color {
	background-color: var(--white) !important;
}
.has-bg-grey-background-color {
	background-color: var(--bg-grey) !important;
}
.has-bg-grey-blue-background-color {
	background-color: var(--bg-grey-blue) !important;
}
.has-grey-background-color {
	background-color: var(--grey) !important;
}
.has-lt-grey-background-color {
	background-color: var(--lt-grey) !important;
}
.has-lt-grey-blue-background-color {
	background-color: var(--lt-grey-blue) !important;
}
.has-lt-blue-background-color {
	background-color: var(--lt-blue) !important;
}
.has-blue-background-color {
	background-color: var(--blue) !important;
}
.has-dk-blue-background-color {
	background-color: var(--dk-blue) !important;
}
.has-green-background-color {
	background-color: var(--green) !important;
}
.has-yellow-background-color {
	background-color: var(--yellow) !important;
}
.has-orange-background-color {
	background-color: var(--orange) !important;
}
.has-red-background-color {
	background-color: var(--red) !important;
}
.has-magenta-background-color {
	background-color: var(--magenta) !important;
}
.has-violet-background-color {
	background-color: var(--violet) !important;
}
.has-vallos-lt-green-background-color {
	background-color: var(--vallos-lt-green) !important;
}
.has-vallos-dk-green-background-color {
	background-color: var(--vallos-dk-green) !important;
}
.has-yxoss-yellow-background-color {
	background-color: var(--yxoss-yellow) !important;
}
.has-gem-red-background-color {
	background-color: var(--gem-red) !important;
}

.has-vivid-blue-gradient-background {
	background: linear-gradient(135deg,rgb(34, 84, 160) 0%,rgb(0, 158, 224) 100%);
}
.has-medium-blue-gradient-background {
	background: linear-gradient(135deg,rgb(128, 128, 153) 0%,rgb(159, 173, 187) 100%);
}
.has-vallos-green-gradient-background {
	background: linear-gradient(135deg,#BED469 0%,#409f99 100%);
}

.has-driving-blue-gradient-background {
	background: linear-gradient(45deg,#0050c8 10%,#009bfa 90%);
}
.has-pioneering-petrol-gradient-background {
	background: linear-gradient(45deg,#00b6a5 10%,#009bfa 90%);
}
.has-connecting-coral-gradient-background {
	background: linear-gradient(45deg,#ef7c00 10%,#e5007d 90%);
}
.has-scientific-teal-gradient-background {
	background: linear-gradient(45deg,#ffed00 10%,#00b6a5 90%);
}