/* 2021-06-25 19:35 */

/* latin-ext */
@font-face {
	font-family: 'Prompt';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fp%2Fprompt%2F-W_8XJnvUD7dzB2Cr_sIZ2MuUZctdhow.woff2?alt=media&token=16bf29a6-ebb3-4158-89c7-435b4ef3fea7) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Prompt';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fp%2Fprompt%2F-W_8XJnvUD7dzB2Cr_sIaWMuUZctdg.woff2?alt=media&token=b350f6df-2dbd-4323-b544-8b2ebcb8cb4d) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'Prompt';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fp%2Fprompt%2F-W_8XJnvUD7dzB2Ck_kIZ2MuUZctdhow.woff2?alt=media&token=ce69967f-b4fa-4e33-9f4b-1d6f487fc037) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Prompt';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fp%2Fprompt%2F-W_8XJnvUD7dzB2Ck_kIaWMuUZctdg.woff2?alt=media&token=0874edd8-0d18-4ea2-96f3-bff0c5e01bab) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* EB Garamond https://fonts.google.com/specimen/EB+Garamond */

/* cyrillic-ext */
/*
@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/ebgaramond/v15/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL9wU661hGFJRvzr2Q.woff) format('woff');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic */
/*@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/ebgaramond/v15/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL95U661hGFJRvzr2Q.woff) format('woff');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* greek-ext */
/*@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/ebgaramond/v15/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL9xU661hGFJRvzr2Q.woff) format('woff');
	unicode-range: U+1F00-1FFF;
}*/
/* greek */
/*@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/ebgaramond/v15/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL9-U661hGFJRvzr2Q.woff) format('woff');
	unicode-range: U+0370-03FF;
}*/
/* vietnamese */
/*@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/ebgaramond/v15/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL9yU661hGFJRvzr2Q.woff) format('woff');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}*/
/* latin-ext */
@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fe%2Feb-garamond%2FSlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL9zU661hGFJRvzr2Q.woff?alt=media&token=3611f9dd-3407-4345-8cd9-f901b9f3b72a) format('woff');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'EB Garamond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fe%2Feb-garamond%2FSlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QL99U661hGFJRvw.woff?alt=media&token=0b0652a4-5bb0-4e48-ac15-ee9a7e6af7b4) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'EB Garamond';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fe%2Feb-garamond%2FSlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCo95WamXgHlIbvw.woff?alt=media&token=15701b29-9744-4c11-96c5-2fe56e160516) format('woff');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'EB Garamond';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://firebasestorage.googleapis.com/v0/b/xanderia-websites.appspot.com/o/Fonts%2Fe%2Feb-garamond%2FSlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI95WamXgHlI.woff?alt=media&token=52aa425c-d703-4a3d-bdd1-688af8c31a72) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/****************
 * 
 * Fonts
 * 
 * **************/

.site-title-text,
a.nav-item,
h1, h2, h3, h4, h5, h6,
a.main-cta-button,
span.main-cta-button-subtitle {
	font-family: 'Prompt', sans-serif;
}

.site-title-text,
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

a.nav-item,
.main-cta-button-subtitle {
	font-weight:	200;
}



/*****************
 * 
 * Components
 * 
 * ***************/


#page-hero-area {
	display: flex;
	flex-direction: column;

	/*background-size:	contain;*/
	background-size:	cover;
	background-position: 50% 54%;

	background-clip: border-box;
	background-origin: border-box;
	background-repeat: no-repeat;
}

#page-main-area p {
	font-family: 'EB Garamond', serif;
}

#page-main-area p {
	font-weight:	400;
}


html, body {
	margin: 0px;
	padding: 0px;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

header {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

nav {
	padding: 1px 20px 1px 8px;
	align-self: flex-start;
}


.site-title-area {
	margin-right: 20px;
}

.site-title-text {

}

a.nav-item {
	text-decoration: none;
}


h1 {
	font-size: 52px;

	text-shadow: 0px 0px 6px hsla(0, 0%, 0%, 1.0);
}

h2 {

}

.button {
	padding: 20px 30px;
	border-radius: 3px;

	text-decoration: none;
}

.main-cta-area {
	align-self: flex-start;
	padding-bottom: 5px;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;

	border-radius: 3px;
	background-color: hsla(0, 0%, 100%, 1.0);
	background: linear-gradient(100deg, hsla(0, 0%, 100%, 0.96), hsla(0, 0%, 100%, 0.85));
	border: 1px solid hsla(36, 100%, 50%, 1.0);
}

.main-cta-button {
	align-self: flex-start;

	background-color: hsla(36, 90%, 50%, 0.96);
	background: linear-gradient(100deg, hsla(27, 100%, 50%, 0.96), hsla(36, 100%, 50%, 0.96));
	color: hsla(0, 0%, 100%, 1.0);
	text-shadow: 0px 0px 2px hsla(0, 0%, 0%, 1.0);
	box-shadow: 0px 0px 1px 1px hsla(0, 0%, 100%, 0.9);

	font-size: 20px;
}

.main-cta-button:hover,
.main-cta-button:active {
	background-color: hsla(36, 90%, 70%, 0.96);
	background: linear-gradient(100deg, hsla(20, 100%, 50%, 0.96), hsla(36, 100%, 51%, 0.96));
}

.main-cta-button-subtitle {
	margin-top: 4px;
	margin-left: 4px;

	font-size: 14px;
}


/******************
 * 
 * Utilities
 * 
 * ****************/


.text-color-white {
	color: white !important;
}

.text-color-black {
	color: black !important;
}

.text-shadow-soft {
	text-shadow: 0px 0px 2px hsla(0, 0%, 0%, 1.0);
}

.background-color-white {
	background-color: hsla(0, 0%, 100%, 1.0);
}

.border-radius-5px {
	border-radius: 5px;
}

.flex-wrap-area {
	display: flex;
}

.flex-wrap-column {

}


/******************
 * 
 * Main Layout
 * 
 * ****************/

@media only screen and (min-width:	 0px) and (max-width: 576px) {
	#page-hero-area {
		margin: 0px;
		padding: 40px 40px 40px 20px;

		min-height: 300px;
		max-height: 30vh;

		background-image:	/* linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), */
						url("images/sign-language-choir/concert-hands-love_576x384.jpeg");
	}

	#page-main-area {
		padding: 40px 40px 40px 20px;	
	}

	.flex-wrap-area {
		flex-direction: column;
	}
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
	#page-hero-area {
		margin: 0px;
		padding: 40px 40px 40px 40px;

		min-height: 300px;
		max-height: 30vh;

		background-image:	/* linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), */
						url("images/sign-language-choir/concert-hands-love_768x512.jpeg");
	}

	#page-main-area {
		padding: 40px 40px 40px 40px;	
	}

	.flex-wrap-area {
		flex-direction: column;
	}

	.flex-wrap-column {
		padding-right: 100px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	#page-hero-area {
		margin: 0px;
		padding: 40px 40px 40px 40px;

		min-height: 300px;
		max-height: 30vh;

		background-image:	/* linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), */
						url("images/sign-language-choir/concert-hands-love_992x661.jpeg");
	}

	#page-main-area {
		padding: 40px 40px 40px 40px;	
	}

	.flex-wrap-area {
		flex-direction: row;
	}

	.flex-wrap-column + .flex-wrap-column {
		margin-left: 50px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	#page-hero-area {
		margin: 0px;
		padding: 40px 40px 40px 40px;

		min-height: 300px;
		max-height: 30vh;

		background-image:	/* linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), */
						url("images/sign-language-choir/concert-hands-love_2160x1440.jpeg");
	}

	#page-main-area {
		padding: 40px 40px 40px 40px;	
	}

	.flex-wrap-area {
		flex-direction: row;
	}

	.flex-wrap-column + .flex-wrap-column {
		margin-left: 50px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 99999px) {
	#page-hero-area {
		margin: 0px;
		padding: 40px 40px 40px 40px;

		min-height: 300px;
		max-height: 30vh;

		background-image:	/* linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), */
						url("images/sign-language-choir/concert-hands-love_2160x1440.jpeg");
	}

	#page-main-area {
		padding: 40px 40px 40px 40px;	
	}

	.flex-wrap-area {
		flex-direction: row;
	}

	.flex-wrap-column + .flex-wrap-column {
		margin-left: 50px;
	}
}