@charset "utf-8";
/* CSS Document */

/* html element style ====================== */

body, html {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	height: 100%;
	margin:0;
	padding:0;
}

h1{
	font-family: "Permanent Marker", cursive;
	font-weight: 400;
	font-style: normal;
	font-size:40px;
}
h2{
	font-weight: bold;
	text-transform: uppercase;
}

/* bullet point checkmarks ============== */
li {
	/*
	list-style-type: none!important;
	*/
	
	font-size:24px;
}

ul {
	/*
	margin-bottom: 20px;
	margin-left: 10px;
	*/
}

ul li {
	/*
	color: #232525;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	*/
}

ul.checkmark {
	margin-top: 20px;
	
	margin-bottom: 20px;
	margin-left: 10px;
}

ul.checkmark li:before {
	font-size: 30px;
	/*font-size: 4.8rem;*/
	vertical-align: middle;
	color: #e85555;
	content: "\2713";
	display: inline-block;
	/*font-family: 'ionicons';*/
	margin-left: -36px;
	width: 36px;
}

ul.checkmark li {
	line-height: 1;	
	padding: 8px 0 8px 36px;
	
	list-style-type: none!important;
	
	color: #232525;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* unique elements (ids) ====================== */
#footer{
	background-color:aliceblue;
}
#header, #headerspacer{
	width:100%;
	height:50px;
	background-color: black;
	color:white;
	padding-bottom:10px;
	padding-top:10px;
}
#header{
	/*margin-top:50px;*/
	position:fixed;
	top:0;
	z-index: 10;
}

#img_home{	height:800px; background-image: url("pics/site2025.jpg"); }
#img_foyer{	height:400px; background-image: url("pics/site2024_foyer.jpg"); }
#img_hall{	height:400px; background-image: url("pics/site2024_hall.jpg"); }
#img_room{	height:400px; background-image: url("pics/site2024_104a.jpg"); }

#page{
	width:100%;
}

/* menu styles ============== */

/*
#menu{		
	position:relative;
	width:100%;
	height:50px;
	z-index:3;
	text-align:center;
}
*/

#companylogo{
	float:left;
	width:400px;
	height:50px;
	margin-left:10px;
	padding-top:10px;
	
	font-weight:bold;
}

#menu{
	float:right;
	width:400px;
	height:50px;
	z-index:3;
	
	font-size:20px;
	font-weight:bold;
	text-align:right;
	
	margin-right:10px;
	padding-top:10px;
}
#menufoot{
	text-align:center;
	width:100%;
	margin:0 auto;
	clear:both;
	line-height:4em;
	display:none;
}
#menumobile{
	display:none;
	float:right;
	width:50px;
	height:50px;
}
#menumobile img{
	width:50px;
	height:50px;
	/*opacity:40%;*/
}

#menu a, #menufoot a, #companylogo, #companylogo a{
	color:white;
	text-decoration:none;
	font-size:20px;
	padding-left:5px;
	padding-right:5px;
	
	/*text-shadow:2px 2px 5px black;*/
}
#menufoot a{
	color:black;
}
#menufoot a:after{
	content:"\a";
	white-space:pre;
}
#menu a:hover, #menufoot a:hover, #companylogo a:hover{
	text-decoration:underline;
}
#siteheader{
	font-size:90px;
	color:white;
	/*text-shadow:2px 2px 5px black;*/
}
#sitetitle{
	/*z-index:-10;*/
	/*color:white;*/
	position: absolute;
	bottom:0;
	
	width:100%;
	/*height:100px;*/
	margin:0;
	padding:0;
	
	background-color: rgba(0,0,0,0.5);
}

/* font style ====================== */

.colorwhite{
	color:white;
}
.textcenter{
	text-align:center;
}

/* general purpose class styles ========== */

.accordion{
	width:100%;
	color:white;
	background-color:red;	
	margin:0 auto;
	text-align:center;
	font-size:36px;
	padding:10px;
	border:2px solid white;
}
.parallax{
	/* Set a specific height */
	height:fit-content; 
	width:100%;

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding:0;
	
	position:relative;
	/*overflow:hidden;*/
}

.content{
	/*width:800px;*/
	width:50%;
	margin:0 auto;
	padding:25px 0;
}
.content p, .normalsize{
	/*text-indent:20px;*/
	font-size:24px;
}
.contenthalf{
	display:block;
	float:left;
	width:45%;
	margin-right:4%;
	
}

.errors{
	color:red;
	font-size:16px;
	font-weight:bold;
}
.floatclear{
	clear:both;
}
.hangingindent{
	padding-left:50px;
	text-indent:-50px;
}


.img_mobile{
	visibility:hidden;
}



.img_center{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	background-color:red;
	color:white;
	font-weight:bold;		
	font-size:36px;
	padding:10px;
}

.nomargincenter{
	margin:0 auto;
}

.parallax{
	height: 800px;
}
.partners{
	width:30%;
	margin-left:2%;
}

.quote-close, .quote-open{
	display:inline-block;
	width:40px;
	height:40px;
	background-image: url("pics/quote-close.png");
}
.quote-open{
	background-image: url("pics/quote-open.png");
}


.report{
	color:green;
	font-size:16px;
	font-weight:bold;
}
.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top:0;
}


/* form elements ========== */
.formholder{	
	/*text-align:center;*/
}
.formlabel{
	/*
	float:left;
	width:45%;
	text-align:right;
	display:inline-block;
	*/
	font-size:20px;
}
.formlabelmath, .forminputmath{
	float:left;
	width:50%;
	text-align:right;
}
.forminputmath{
	text-align:left;
}
.forminputmath select{
	width:50px;
	height:30px;
	/*
	color:white;
	background-color:navy;
	*/
	border:1px solid gray;
	font-size:larger;
}

.forminput{
	/*
	float:left;
	width:45%;
	text-align:left;
	padding-left:10px;
	display:inline-block;
	*/
	margin-bottom:20px;
}
.forminput input{
	width:100%;
	height:30px;
	background-color:aliceblue;
	border:1px solid gray;
	font-size:larger;
}
.formcheckbox{
	margin:0 auto;
	width:450px;
	height:30px;
	font-size:larger;
 }
.formcheckbox input{
	width:50px;
	height:30px;
	float:left;
	font-size:larger;
}
.forminput input[type=checkbox]{
	background-color:aliceblue;
	width: 100px;
}
.formcheckbox p{
	/*width:450px;*/
	float:left;
	text-align:left;
}
.forminput select{
	height:30px;
	font-size:larger;
	background-color:aliceblue;
}
.forminput textarea{
	width:400px;
	/*
	color:white;
	background-color:navy;
	*/
	border:1px solid gray;
	font-size:larger;
}
.forminput button{
	height:50px;
	width:100%;
	font-size:larger;
	margin-top:10px;
}
.formselect{	
	width:400px;
	font-size:larger;
}
.width50, .width50 input, .width50 button, .width50 select{ width:50%; float:left;}
.width33, .width33 input, .width33 button, .width33 select{ width:33%; float:left;}
.width25, .width25 input, .width25 button, .width25 select{ width:25%; float:left;}
.width20, .width20 input, .width20 button, .width20 select{ width:20%; float:left;}
.width10, .width10 input, .width10 button, .width10 select{ width:10%; float:left;}

input[type=submit]{
	background-color:lightgray;
}
*:required {
	background-color: linen!important;
	/*border:1px solid red;*/
}


@media only screen and (max-width: 1200px){
	#img_home{	height:700px; }
}
@media only screen and (max-width: 800px){
	/*#img_home, #img_hall{ height:auto; }*/
}
@media only screen and (max-width: 800px){
	#img_home, #img_foyer, #img_hall, #img_room{ height:auto; background-image: none;}
	
	#header{
		position:static;
	}
	#headerspacer{
		height:0px;
		display:none;
	}
	
	.content{
		width:80%;
	}
	.content p {
		font-size:20px;
		line-height:1.8em;
	}
	.img_mobile{
		visibility:visible;
		width:100%;
		background-color:white;
	}
	#menu{
		height:auto;
		line-height:2.5em;
		width:45%;
		overflow: visible;
	}
	#companylogo{
		width:45%;
		overflow: visible;
	}
	#menu a, #companylogo a, .normalsize{
		font-size:20px;
	}
	
	#siteheader	{
		font-size:40px;
	}
	#sitetitle{
		position:relative;
		background-color: rgba(0,0,0,1);
	}
	.textfooter{
		font-size:16px;
	}
	
	.width50, .width50 input, .width50 button, .width50 select,
	.width33, .width33 input, .width33 button, .width33 select,
	.width25, .width25 input, .width25 button, .width25 select,
	.width20, .width20 input, .width20 button, .width20 select,
	.width10, .width10 input, .width10 button, .width10 select{ 
		width:100%; 
	}
}

@media only screen and (max-width: 480px){
	#companylogo{		
		width:60%;
		line-height:0.8em;
		/*font-size:14px;*/		
	}
	#menu{ 
		display:none;
	}
	#menu a, #companylogo a{
		font-size:18px;
	}
	#menumobile{
		display:block;
	}
	#menufoot{
		display:block;
	}
	
	ul.checkmark li{
		padding: 8px 0;
	}
	
	
}