/* CUSTOM FONTS */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&family=Tangerine:wght@700&text=Work%20with%20The%20Angelsac&display=swap');

/* RESETS */
blockquote, figure {
	margin: 0;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 0.75em;
}

/* COMPONENTS */

.outline-bullets-colored li::marker {
	color: var(--color-primary);
}

.bullet-color-warning li::before {
	color: #934863;
}

.testimonial {
	border: 1px solid #D9E8FF;
	box-sizing: border-box;
	border-radius: 30px;
	padding: 1.6em 1.6em 0.8em;
	position: relative;
}
.testimonial figcaption {
	text-align: right;
}
.testimonial figcaption::before {
	content: "\2014";
	margin-right: 3px;
}
.testimonial blockquote {
	text-align: left;
}
.testimonial::before {
	content: open-quote;
	font-family: "Cormorant Infant";
	position: absolute;
	top: 0;
	left: -0.4em;
	font-size: 100px;
	line-height: 0.67;
	color: #D9E8FF;
}
.testimonial::after {
	content: close-quote;
	font-family: "Cormorant Infant";
	position: absolute;
	bottom: -0.8em;
	right: -0.4em;
	font-size: 100px;
	color: #D9E8FF;
}

@media (min-width: 768px) {
	.testimonial {
		padding: 2em 2em 1em;
	}
	.testimonial::before, .testimonial::after {
		font-size: 150px;
	}
}

.countdown__column {
  padding: 5px;
}
.countdown__item {
  font-size: 0.7em;
}
.countdown.countdown__boxed h2 {
  font-family: "Mulish", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 500;
	text-align: center;
}
@media (min-width: 768px) {
	.countdown__number {
		font-size: 3.6rem;
	}
}
@media (min-width: 1280px) {
  .countdown__column {
    padding: 15px;
	}
	.countdown__number {
		font-size: 4rem;
	}
}

/* CUSTOM SECTION STYLES */

/* enable background elements within sections */
[id*="section-"] {
	z-index: 2;
	position: relative;
}

/* Hero at top */

#section-1575400116835 {
	position: relative;
}

#section-1575400116835 .container .row {
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}

#section-1575400116835 [class*="block-type"] {
	position: relative;
	z-index: 2;
}

#block-1606940225901, #block-1606940344583 {
	flex-grow: 1;
}

#block-1607037449104[class*="block-type"], #block-1607037614507[class*="block-type"] {
	position: absolute;
	z-index: 1;
	background-blend-mode: soft-light, normal;
	filter: opacity(75%) brightness(105%);
}

#block-1607037449104[class*="block-type"] {
	bottom: 0;
	left: 0;
	max-width: 50vw;
	width: 197px;
	height: 443px;
	left: -15px;
	bottom: -96px;

	/* background: linear-gradient(0deg, #D9E8FF, #D9E8FF), url(https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-storefronts-production/themes/3087192/settings_images/EsWncfQMS5ZDIUGFzjKg_SP-1-300px.jpg); */
	/* background-size: contain; */
}
/* stock-vector-white-angel-with-trumpet-on-a-white-background-206025280 2 */


#block-1607037614507[class*="block-type"] {
	max-width: 50vw;
	width: 183px;
	height: 445px;
	right: -48px;
	top: 7vh;
	/* background: linear-gradient(0deg, #D9E8FF, #D9E8FF), url(https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-storefronts-production/themes/3087192/settings_images/x9RFRVm5RkKPlwFuY06U_SP-2-300px.jpg);
	background-size: contain; */
}

#block-1575400116835_1 a.btn-large {
	padding: 12px 8px;
	max-width: 78vw;
	box-shadow: 0px 3px 5px rgba(26, 25, 82, 0.15), 0px 15px 20px -20px rgba(28, 28, 84, 0.2);
}
#block-1606959076630 {
	padding-bottom: 0;
}

@media (min-width: 768px) {
	#block-1607037449104[class*="block-type"], #block-1607037614507[class*="block-type"] {
		filter: opacity(90%) brightness(102%);
	}
	#block-1607037614507[class*="block-type"] {
		bottom: 10vh;
		top: auto;
	}
}

@media (min-width: 1024px) {

	#section-1575400116835 .container .row {
		min-height: 100vmin;
	}

	#block-1607037449104[class*="block-type"] {
		left: 15px;
		bottom: -8px;
	}
	#block-1607037614507[class*="block-type"] {
		right: 15px;
    bottom: -8px;
	}
}

/* Bio */

#section-1606091906021::after {
	content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 30px solid #fff;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}
#section-1606091906021 + [id*="section-"] {
	position: static;
}

@media (min-width: 1024px) {

	#section-1606091906021 .container .row {
		flex-direction: column;
		max-height: 60rem;
	}
	#block-1606091906021_1 {
    order: 1;
	}
}

/* Course Outline */
@supports (display: grid) {
	#section-1606091000453 .container .row, #section-1607278914478  .container .row {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
		grid-auto-rows: 3rem;
	}
	#section-1606091000453 .col-6, #section-1607278914478 .col-6 {
		width: 100%;
	}
	#section-1606091000453 [id^="block"], #section-1607278914478 [id^="block"] {
		grid-row-end: span 12;
	}
	#section-1606091000453 .block, #section-1607278914478 .block {
		height: auto;
	}
	@media (min-width: 768px) {
		#section-1606091000453 .container .row, #section-1607278914478 .container .row {
			grid-template-columns: repeat(2,minmax(300px,1fr));
		}
	}
}

/* CUSTOM UTILITIES */

.font-cormorant-garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font-tangerine {
	font-family: 'Tangerine', serif;
}
.font-tangerine.match-height {
	font-size: 1.53125em;
}
.text-xs {
	font-size: 0.75em;
}
.text-sm {
	font-size: 0.875em;
}
.text-base {
	font-size: 1em;
}
.text-lg {
	font-size: 1.125em;
}

.text-xl {
	font-size: 1.25em;
	line-height: 1.25em;
}

.text-2xl {
	font-size: 1.5em;
	line-height: 1.25em;
}

.text-3xl {
	font-size: 1.875em;
}

.text-4xl {
	font-size: 2.25em;
}

.text-5xl {
	font-size: 3em;
}

.m-0 {
	margin: 0px;
}

@media (min-width: 640px) {
	.sm\:m-0 {
		margin: 0px;
	}
}

@media (min-width: 768px) {
	.md\:text-2xl {
		font-size: 1.5em;
		line-height: 1.25em;
	}
	.md\:text-3xl {
		font-size: 1.875em;
	}
	.md\:m-0 {
		margin: 0px;
	}
}

@media (min-width: 1024px) {
	.lg\:text-3xl {
		font-size: 1.875em;
	}
	.lg\:text-4xl {
		font-size: 2.25em;
	}
	.lg\:m-0 {
		margin: 0px;
	}
}

@media (min-width: 1280px) {
	.xl\:m-0 {
		margin: 0px;
	}
}

@media (min-width: 1536px) {
	.xxl\:m-0 {
		margin: 0px;
	}
}
