:root {
/*Colors*/
	--textcolor_black:				#000000;
	--textcolor_white:				#FFFFFF;
	
	--objcolor_black_shadow:		rgba(0,0,0,0.2);			/*000000, unfortunately necessary due to how shadows work*/
	
	--objcolor_black_true:			#000000;
	--objcolor_gray_menu_bar:		#333333;
	--objcolor_gray_menu_active:	#555555;
	--objcolor_gray_menu_hover:		#777777;
	--objcolor_white_true:			#FFFFFF;
	
	--objcolor_white_experiment:	#FFFFFF;
	
	/*These 3 colours below are part of a triadic set*/
		/*Yellows*/		/*BCD472*/
	--textcolor_yellow: 			#BCD472;

	--objcolor_yellow_dark:			#ABC168;
	--objcolor_yellow_base:			#BCD472;
	--objcolor_yellow_medium:		#CDDF96;
	--objcolor_yellow_medlight:		#DEEAB9;
	--objcolor_yellow_light:		#EFF5DC;
	--objcolor_yellow_faint:		#F7FAEE;

		/*Blues*/		/*72BCD4*/
	--textcolor_blue:   			#72BCD4;
	
	--objcolor_blue_dark:			#68ABC1;		/*Dark*/		/*Plus to the side from blue_standard (Minus 3/32th of values, rounded up)*/
	--objcolor_blue_base:			#72BCD4;		/*Base*/		/*start*/
	--objcolor_blue_medium:			#96CDDF;		/*Medium*/		/*Between blue_standard and blue_boxborder*/
	--objcolor_blue_medlight:		#B9DEEA;		/*Medlight*/	/*Between blue_standard and white*/
	--objcolor_blue_light:			#DCEFF5;		/*Light*/		/*Between blue_boxborder and white*/
	--objcolor_blue_faint:			#EEF7FA;		/*Faint*/		/*Between blue_boxbg and white*/
	
		/*Purples*/		/*D472BC*/
	--textcolor_purple: 			#D472BC;

	--objcolor_purple_dark:			#C168AB;
	--objcolor_purple_base:			#D472BC;
	--objcolor_purple_medium:		#DF96CD;
	--objcolor_purple_medlight:		#EAB9DE;
	--objcolor_purple_light:		#F5DCEF;
	--objcolor_purple_faint:		#FAEEF7;
		
/*Sizes*/
	--height_menu_total:			60px;
	--height_menu_total_mob:		80px;
	--height_menu_button:			50px;
	
	--size_menu_icon:				40px;
	--size_menu_icon_huge:			60px;
	--size_menu_icon_huge_menu:		60px;
	
	--width_menu_option_small:		120px;
	--width_menu_option_big:		170px;
	--width_menu_spacing:			25px;
	--width_menu_option_total:		750px;
	
	--width_menu_option_mob:		var(--size_menu_icon_huge_menu);
	--width_menu_spacing_mob:		var(--width_menu_spacing);
	--width_menu_option_total_mob:	440px;
	
	/*min-width standards*/
	--minwidth_phone_min:			360px;  /* Phone Media Query Limit */
	
/*Fonts*/
	/*--fontfam_title:				Rouge Script;
	--fontfam_title:				Birthstone;*/
	--fontfam_title:				Corinthia;
	--fontfam_standard:				Calibri;
	--fontfam_standard:				Alex Brush;
	
/*Font Sizes*/
	--fontsize_ALLES:				50px;
	--fontsize_h1:					32px;
	--fontsize_gridalles:			30px;
	--fontsize_large:				24px;
	--fontsize_h2:					20px;
	--fontsize_h3:					16px;
	--fontsize_standard:			16px;
	--fontsize_footer:				14px;
	--fontsize_small:				12px;
	
/*Z-Index Layers*/
	--zind_bigpic:					110;
	--zind_max:						100;
	--zind_high1:					90;
	--zind_high2:					80;
	--zind_high3:					70;
	--zind_mid1:					60;
	--zind_mid2:					50;
	--zind_mid3:					40;
	--zind_low1:					30;
	--zind_low2:					20;
	--zind_low3:					10;
	--zind_min:						0;
}

@font-face {
	font-family:				Title-Text-Font;
	src: 						url("Amsterdam Handwriting.ttf") format("truetype");
}

@font-face {
	font-family:				Name-Text-Font;
	src: 						url("Lady Angelina Script.ttf") format("truetype");
}

@font-face {
	font-family:				Normal-Text-Font;
	src: 						url("Wasted-Vindey.ttf") format("truetype");
}

@font-face {
	font-family:				Normal-Number-Font;
	src: 						url("catchy-mager.regular.ttf") format("truetype");
}

/*-------------------------------------------*/
/*                 ALL PAGES                 */
/*-------------------------------------------*/

/* RESERVED KEYWORDS AND SIMILAR CATEGORIES */

*
{
	box-sizing:				border-box;
}

html, body
{
	margin: 				0;
	
	width:					100%;
	height:					100%;
	
	background-color:		var(--objcolor_white_experiment);
}

p
{
	position: 				static;
	margin-top: 			0cm;
	
	width: 					60%;
	
	font-family: 			arial;
}

div
{
	font-family: 			monospace;
}

h1, h2, h3
{
	font-family: 			verdana;
}


/*-------------------------------------------*/
/*          REUSEABLE CUSTOM BLOCKS          */
/*-------------------------------------------*/

.generic-outer-page-container
{
	position:				relative;
	
	width:					100%;
	height:					100%;
}

.generic-outer-content-container-standard
{
	position: 				relative;
	inset:					var(--height_menu_total) auto auto 0;
	
	width: 					100%;
	min-height:				calc(100% - var(--height_menu_total));
	
	background-color:		#D0E6F5;/* #E9F8FA; */
}

.generic-inner-content-container-standard
{
	position: 				relative;
	inset:					0 auto auto 0;
	margin:					0 auto 0 auto;
	display:				block;
	
	width: 					70%;
	min-width:				360px;
	height:					100%;
	min-height:				100%;
	
	box-shadow:				0px 10px 10px 3px #B0B0B0;
	background-color:		#FFFFFF;
}

.generic_title
{	
	margin:					20px 0px 0px 0px;

	width: 					100%;
	
	font-family: 			Normal-Text-Font;
	font-size:				60px;
	font-weight:			bold;
	text-align:				center;
}

.generic_link_wrapper
{
	text-decoration: 		none;
}

/* Phone or Tablet Setting */
@media only screen and (max-width: 750px)
{
	.generic-outer-content-container-standard
	{
		inset:				var(--height_menu_total_mob) auto auto 0;
		
		min-height:			calc(100% - var(--height_menu_total_mob));
	}
	
	.generic-inner-content-container-standard
	{
		width: 				100%;
		min-height:			calc(100% - var(--height_menu_total_mob));
	}
}



/*-------------------------------------------*/
/*             IMAGE ATTRIBUTES              */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE IMAGES */

.BlGrFlower_Image
{
	position: 				relative;
	display:				block;
	z-index:				var(--zind_low3);
	
	width:					100%;
}

.BlGrFlower_Image_Top{}
.BlGrFlower_Image_Bottom{}

.Home_Front_Rings
{
	position: 				relative;
	display:				block;
	z-index:				var(--zind_low3);
	
	width:					100%;
}

.Home_Front_MidLine
{
	margin:					20px 0px 20px 0px;
	
	position: 				relative;
	display:				block;
	z-index:				var(--zind_low3);
	
	width:					100%;
}

.Home_Front_Picture
{
	margin:					40px 0px 20px 0px;
	
	position: 				relative;
	display:				block;
	z-index:				var(--zind_low3);
	
	width:					80%;
	
	border-radius:			15px;
}



/*-------------------------------------------*/
/*              HOME ATTRIBUTES              */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE MENU */

.Home_Front_Title
{	
	width: 					100%;
	
	color: 					black;
	font-family: 			Normal-Text-Font;
	font-size:				60px;
	text-align:				center;
}

.Home_Front_Names
{
	width: 					100%;
	
	color: 					black;
	font-family:			Alex Brush;
	font-size:				60px;
	text-align:				center;
}

.Home_Front_Date
{
	width: 					100%;
	
	color: 					black;
	font-family:			Normal-Number-Font;
	font-size:				60px;
	text-align:				center;
}



/*-------------------------------------------*/
/*              MENU ATTRIBUTES              */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE MENU */


.menu-button-text
{
	position:				relative;
	z-index: 				var(--zind_high1);
	
	height:					calc(var(--height_menu_total) - 20px);
	padding:				10px;
	
	color: 					var(--textcolor_black);
	text-decoration: 		none;
}

.menu-button-icon-adapt	/* menuIcon */
{
	position:				relative;
	
	width: 					var(--size_menu_icon);
	height: 				var(--size_menu_icon);
}

.menu-button-icon-huge	/* menuIcon */
{
	position:				relative;
	
	width: 					var(--size_menu_icon_huge);
	height: 				var(--size_menu_icon_huge);
}

.menu-button-icon-hamb	/* menuIcon */
{
	position:				relative;
	margin:					10px 10px 10px 10px;
	
	width: 					var(--size_menu_icon);
	height: 				var(--size_menu_icon);
}

.menu-outer-container
{
	position: 				fixed;
	inset:					0 auto auto 0;
	z-index: 				var(--zind_high3);
	
	width: 					100%;
	min-width: 				var(--minwidth_phone_min);
	height:					var(--height_menu_total);
	
	background-color: 		var(--objcolor_white_true);
	text-decoration: 		none;
	overflow: 				visible;
}

.menu-inner-container					/* #MENU */
{
	position: 				relative;
	z-index: 				var(--zind_high2);
	
	width:					100%;
	height:					var(--height_menu_total);
	
	overflow: 				visible;
}

.menu-banner-container
{
	position: 				fixed;
	inset:					0 auto auto 0;
	
	width: 					100%;
	height: 				var(--height_menu_total);
    padding: 				0;
	
    overflow: 				hidden;
	line-height:			var(--height_menu_total);
}

.menu-hamb-button-grid-container
{
	display: 				grid;
	grid-template-columns: 	var(--width_menu_option_small) var(--width_menu_option_small) var(--width_menu_option_big) var(--width_menu_option_small) var(--width_menu_option_small);
	grid-auto-flow:			dense;
	grid-column-gap: 		var(--width_menu_spacing);
	margin:					0 auto;
	
	width:					var(--width_menu_option_total);
	height:					var(--height_menu_total);
}

.menu-hamb-option
{
	display: 				block;
	margin:					5px 0px 5px 0px;
	
	width:					var(--width_menu_option);
	height:					var(--height_menu_button);
	line-height:			var(--height_menu_button);
	
	border-radius:			var(--height_menu_button);
	
	transition:				background-color 0.3s;
	
	font-family:			Normal-Text-Font;
	font-size:				26px;
	font-weight:			bold;
	color:					var(--textcolor_black);
	text-decoration: 		none;
}

.menu-hamb-button
{	
	display: 				none;
	margin:					10px auto 10px auto;
	
	width:					var(--width_menu_option_mob);
	height:					var(--width_menu_option_mob);
	
	border-radius:			var(--width_menu_option_mob);
	
	transition:				background-color 0.3s;
	
	align-items:			center;
}

.menu-hamb-option:hover,
.menu-hamb-option:active,
.menu-hamb-button:hover,
.menu-hamb-button:active
{
	background-color: 	var(--objcolor_blue_medlight);
}

.menu-rwd-text{display: block;}
.menu-rwd-icon{display: none;}
.menu-rwd-fav{display: block;}
.menu-rwd-mob{display: none;}

/* Menu Text to Icon transition */
@media only screen and (max-width: 1152px)
{	
	.menu-rwd-text{display: none;}
	.menu-rwd-icon{display: block;}
}

/* Phone or Tablet Setting */
@media only screen and (max-width: 750px)
{
	.menu-outer-container,
	.menu-inner-container,
	.menu-banner-container
	{
		height:				var(--height_menu_total_mob);
	}
	.menu-hamb-button-grid-container
	{
		grid-template-columns: 	20% 20% 20% 20% 20%;
		grid-column-gap: 		0px;
		
		width:					100%;
		height:					var(--height_menu_total_mob);
		
		/* background-color:		#D0E6F5; */
	}
	.menu-hamb-option{display:none;}
	.menu-hamb-button{display:block;}
	
	.menu-hamb-button-grid-container-mob{display: grid;}
	.menu-hamb-button-grid-container-screen{display: none;}
}



/*-------------------------------------------*/
/*            FAQ PAGE ATTRIBUTES            */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE FAQ */

.FAQ_entry_container
{
	margin-bottom:			30px;
	width:					70%;
}

.FAQ_entry_question
{
	margin-bottom:			5px;
	
	color: 					black;
	font-family:			Normal-Text-Font;
	font-size:				36px;
	text-align:				left;
}

.FAQ_entry_answer
{
	color: 					black;
	font-family:			Libre Baskerville;
	font-size:				16px;
	text-align:				left;
}



/*-------------------------------------------*/
/*           RSVP PAGE ATTRIBUTES            */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE RSVP */

.RSVP_button_container
{
	margin:					30px auto 30px auto;
	
	width:					50%;
	min-width:				200px;
	height:					100px;
	
	border-radius:			5px;
	text-decoration: 		none;
}

.RSVP_button_object
{
	margin:					0px auto 30px auto;
	background-color:		#D0E6F5;
	
	width:					50%;
	min-width:				200px;
	height:					100%;
	
	border-radius:			5px;
	box-shadow:				0px 0px 10px 2px #9ECCEA;
	
	color:					black;
	font-family:			Normal-Text-Font;
	font-size:				36px;
	line-height:			100px;
	
	-webkit-user-select:	none;
	user-select:			none;
	text-decoration: 		none;
}

.RSVP_button_container:hover .RSVP_button_object
{
	background-color:		#9ECCEA;
}

.RSVP_button_container:active .RSVP_button_object
{
	background-color:		#78B8E2;
}



/*-------------------------------------------*/
/*           PROG PAGE ATTRIBUTES            */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE FAQ */

.Prog_Page_Description_Container
{
	width:					70%;
	
	color: 					black;
	font-family:			Libre Baskerville;
	font-size:				16px;
	text-align:				center;
}

.Prog_entry_Calendar
{
	text-decoration: 		none;
}

.Prog_entry_container
{
	margin-bottom:			30px;
	width:					70%;
}

.Prog_entry_Symb
{
	color: 					black;
	font-family:			Normal-Text-Font;
	font-size:				35px;
	text-align:				center;
}

.Prog_Symb_Image
{
	color: 					black;
	font-family:			Normal-Text-Font;
	font-size:				35px;
	text-align:				center;
	width:					80px;
}

.Prog_entry_Desc
{
	color: 					black;
	font-family:			Libre Baskerville;
	font-size:				20px;
	text-align:				center;
}

.Prog_entry_Time
{
	margin-bottom:			5px;
	
	color: 					black;
	font-family:			Normal-Number-Font;
	font-size:				35px;
	text-align:				center;
}



/*-------------------------------------------*/
/*           OTHER PAGE ATTRIBUTES           */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE OTHER PAGES */

.otherpage_general_text_container
{
	width: 					100%;
	
	color: 					black;
	font-family:			Normal-Text-Font;
	font-size:				40px;
	text-align:				center;
}