@charset "utf-8";
/* CSS Document */
/* CSS for EA site */

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)*/
/*-------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. BASIC TAG STYLES */
/*-------------------------------------------------------------------------------------------*/

/*google font changed from previous after https*/

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

html{height:101%;}
body{
	margin: 0px;
	padding: 0px;
	color:#B58B53;
	font-size: 100%;
	font-family: 'Oswald', Verdana, Geneva, sans-serif;
	letter-spacing:2px;
	text-transform:default;
	text-align: center; /* Used by older IE browsers to center page. Note: text-align reset back to left in div (or right for Arabic)) */
	direction: ltr;
	line-height: 150%;
	/*Creat full image background*/
	background:black;
	height:100%;
}
	a{color:#B58B53;text-decoration:none;}
	a:hover{color:#F29211;}
	br{}
	div{
		position:relative;
		display:block;
		left:0px;
		margin:0px;
		padding:0px;
		text-align:left;
	}
	
	form{}
			fieldset{border:0px solid #666;padding:0px;}
				legend{margin-left:10px;padding:5px 20px 5px 20px;}
				label{display:inline-block;width:80px;text-align:left;margin:2px;}
				input{width:240px;text-align:left;border:1px solid #ccc;margin:2px;}
		        textarea{width:240px;height:200px;border:1px solid #ccc;margin:2px;}
				select{width:240px;text-align:left;border:1px solid #ccc;margin:2px;}
				option{}
				input[type=radio]{width:18px;border:0px solid #666;}
				input[type=checkbox]{width:18px;border:0px solid #666;}
				submit{}
				button{}
				
	h1,h2,h3,h4,h5,h6{margin:12px 0px 12px 0px;padding:0px;font-weight:500;}
	h1{font-size:24px;}
	h2{font-size:20px;}
	h3{font-size:18px;}
	h4{font-size:16px;}
	h5{font-size:14px;}
	h6{font-size:12px;}
	
	img{float:left;margin:0px 2px 2px 0px;background-color:none;}
	
	iframe{overflow:hidden;border:1px solid #666;width:372px;height:250px;margin-left:10px;background-color:#eee;}
		
	p{margin:8px 0px 8px 0px;padding:0px;}

	/* BLOCKQUOTE STYLING */
	blockquote {
	font-family: Georgia,Times,Times New Roman,serif;
	font-size: 18px;
	font-style: italic;
	width: 500px;
	margin: 0 auto;
	left:50px;
	padding: 0.25em 40px;
	line-height: 1.75;
	position: relative;
	color:#B58B53;
	}

	blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	font-weight: 800;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
	}

	blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
	}

	blockquote cite:before {
	content: "\2014 \2009";
	}
/*-------------------------------------------------------------------------------------------*/
/* 2. BASIC ID STYLES */
/*-------------------------------------------------------------------------------------------*/

#dPageHolder{
	background-color:rgba(0,0,0,0);
	height:101%;
	width:100%;
	max-width:1024px;
	margin:0 auto;
	margin-top:0px;
	z-index:10;
}
	#dHeader{
		position:fixed;
		top:0px;
		height:70px;
		width:100%;
		background:rgba(0,0,0,0.7);
		z-index:100;
	}
	#dSubHeader{display:none;}
	#dTorso{
		top:70px; /* accommodate for fixed nav at the top */
		width:100%;
		margin-top:0px;
		margin-bottom:30px;
		background-color:rgba(0,0,0,0.6);
		color:#B58B53;
		/*height:100%;*/
		z-index:30;
	}
			#dLeft{display:none;}
			#dMiddle{
				position:relative;
				float:left
				width:60%;
				height:auto;
				padding-top:100px;
				padding-left:10px;
				background-color:transparent;
				z-index:34;
			}
			
			#qCallCollect{
		font-size: 50px;
	}
			#dRight{
				position:relative;
				float:right;
				width:35%;
				height:auto;
				padding-top:20px;				
				background-color:transparent;
				z-index:34;
			}
	#dFooter{display:none;}
	#dSubFooter{
		position:fixed;
		bottom:0px;
		height:40px;
		width:100%;
		font-size: 14px;
		background-color:black;
		z-index:100;
	}

/*-------------------------------------------------------------------------------------------*/
/* 3. NAVIGATION STYLES */
/*-------------------------------------------------------------------------------------------*/
/* Main Navigation */
#nMainNav{
	max-width:1024px;
	width:100%;
	height:auto;
	margin:0 auto;
}
#nMainNav ul{
	display:block;
	position:relative;
	margin:-left:0px;
	padding:0px;
	height:auto;
	font-family:'Oswald', Verdana, Geneva, sans-serif;'
}
#ulMainNavList li{
	float:left;
	width:20%;
	list-style:none;
	text-transform:uppercase;
}
#ulMainNavList li a{
	display:block;
	color:#B58B53;
	text-decoration:none;
	text-align:center;
	font-size: 14px;
	line-height:40px;
}
#bNavButton{display:none;}

/* Contact List Navigation */
#dContactList{
	max-width:1024px;
	width:100%;
	height:auto;
	margin:0 auto;
}
#dContactList ul{
	display:block;
	position:relative;
	margin:-left:0px;
	padding:0px;
	height:auto;
}
#dContactList ul li{
	float:left;
	width:25%;
	list-style:none;
	text-transform:uppercase;
}
#dContactList ul li a{
	display:block;
	color:#B58B53;
	text-decoration:none;
	text-align:center;
	line-height:40px;
}


/*-------------------------------------------------------------------------------------------*/
/* 4. CLASS STYLES */
/*-------------------------------------------------------------------------------------------*/
.cClear{clear:both;}
.cFL{float:left;}
.cFR{float:right;}
.cBold{font-weight:700;}



/* BLOCKQUOTE AND CAROUSEL HOLDER */
.cCarousel{
	position:relative;
	width:100%;
	height:auto;
}

/* Header Tags to avoid validation errors */
.cH1,.cH2,.cH3,.cH4,.cH5,.cH6{margin:12px 0px 12px 0px;padding:0px;font-weight:500;line-height:normal;}
.cH1{font-size:24px;}
.cH2{font-size:20px;}
.cH3{font-size:18px;}
.cH4{font-size:16px;}
.cH5{font-size:14px;}
.cH6{font-size:12px;}

/*-------------------------------------------------------------------------------------------*/
/* 5. SITE SPECIFIC CLASS STYLES - MAKE CHANGES IN RESPONSIVE WHERE NECESSARY */
/*-------------------------------------------------------------------------------------------*/

/* Styling for Logo on Home page*/
#iHomeBanner{
	display:block;
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto;
	left:0px;
	float:none;
	text-align: center;
}
#iHomeBanner img{float:none;margin:0 auto;}
img.cBGT{background:transparent;}

#iLogo{
	margin-top:50px;
	display:block;
	width:auto;
	height:200px;
}
#iLogoMobile{
	display:none;
	width:320px;
	height:196px;
}
#dQuote{
	display:block;
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto;
	left:0px;
	float:none;
}

/* 3 column row for main content */
.cSet{
	width:100%;
	height:auto;
	margin: 0 auto;
	background-color:transparent;
	z-index:34;
}
.cPreview{
	position:relative;
	width:48.5%;
	height:auto;
	background-color:transparent;
	margin-right:2px;
	font-size: 16px;
	padding:5px;
	z-index:34;
}
.cFunctions{
	float:left;
	width:288px;
	height:288px;
	background-color:transparent;
	margin-top:10px;
	margin-left:10px;
	margin-right:30px;
	font-size: 16px;
	padding:5px;
	z-index:34;
}
	.cFunctionsIcon{
		display:block;
		width:288px;
		height:277px;
	}
	#iToystore{
		background: url('../../ea-commonObject/images/functions/function-icons.png') 0 0;
	}
	#iMrsJRabbits{
		background: url('../../ea-commonObject/images/functions/function-icons.png') -292px 0px;
	}
	#iTastings{
		background: url('../../ea-commonObject/images/functions/function-icons.png') -591px 0;
	}
	#iDiningRoom{
		background: url('../../ea-commonObject/images/functions/function-icons.png') 0 -286px;
	}
	#iElectricAvenue{
		background: url('../../ea-commonObject/images/functions/function-icons.png') -295px -285px;
	}
	#iWeddings{		
		background: url('../../ea-commonObject/images/functions/function-icons.png') -593px -288px;
	}

.cImage{
	width:100%;
	height:200px;
	background-color:transparent;
	z-index:34;
}
.c50Holder{
	width:49%;
}
/* styles for social media icons in dRight */

#dSocialHolder{
	position:fixed;
	right:0px;
	top:50%;
	width:20px;
	margin-top:-20px;
	height:auto;
	background-color:rgba(0,0,0,0.4);
	text-align: center;
	vertical-align: center;
}

.cSocial{
	position:relative;
	max-width:1024px;
	height:20px;
	width:100%;
	margin:0 auto;
	background-color:rgba(0,0,0,0.4);
	text-align: center;
	vertical-align: center;
	color:#B58B53;
}
.cFBSocialIcon{
	float:right;
	margin-right:2px;
	width:20px;
	height:20px;
	background-image:url(../../ea-commonObject/icons/fb.png);
}
.cFBSocialIcon:hover{background-image:url(../../ea-commonObject/icons/fb-inverted.png);}
.cIGSocialIcon{
	float:right;
	margin-right:2px;
	width:20px;
	height:20px;
	background-image:url(../../ea-commonObject/icons/ig.png);
}
.cIGSocialIcon:hover{background-image:url(../../ea-commonObject/icons/ig-inverted.png);}

/* Button for PDFs and menus */
.cInfobutton{
	display:block;
	float:left;
	font-size:16px;
	text-decoration:none;
	border:1px dotted #DAD3C2;
	background:rgba(0,0,0,0.6);
	padding:8px;
	height:50px;
	width:40%;/* total width of 200px (width:180 + padding 10px*2)*/
	margin-left:auto;
	margin-right:5px;
	margin-bottom:5px;
	box-shadow:1px 10px 5px rgba(17,17,17,0.3);
	border-style: solid;
}
.cInfobutton:hover{
	background:rgba(27,22,14,1);
	border:1px solid #D8C583;
}

.cSocial a.cFB{
	background:url(../../ea-commonObject/icons/fb.png);
}
.cSocial a.cFB:hover{
	background:url(../../ea-commonObject/icons/fb-inverted.png);
}
.cSocial a.cIG{
	background:url(../../ea-commonObject/icons/ig.png);
}
.cSocial a.cIG:hover{
	background:url(../../ea-commonObject/icons/ig-inverted.png);
}

/* Margin Classes */
.cMR5{margin-right:5px;}
/*-------------------------------------------------------------------------------------------*/
/* 6. FORMS CSS */
/*-------------------------------------------------------------------------------------------*/
#dForm{background:rgba(0,0,0,0.3);
				padding:20px;
				}	
		/*Beginning Style for form*/
			form{width:100%;}
			  label, h2{
				  text-align:left;
				  display:block;
				  font-size:15px;
				  line-height:17px;
				  letter-spacing:3px;
				  color:#B58B53;
				  /*text-shadow: 3px 3px 3px black;*/
			  }
			  input, textarea{
				  /*-webkit-appearance: none;*/
    			  border-radius: 0; 
				  height:45px;
				  width:100%;
				  font-family:'Oswald', Verdana, Geneva, sans-serif;
				  color:#FFF;
				  font-weight: 300;
				  font-size:32px;
				  line-height:45px;
				  border:1px dotted #DAD3C2;
				  background:rgba(0,0,0,0.6);
				  margin-bottom: 10px;
				  }
			  input:focus, textarea:focus {
				  box-shadow:1px 10px 10px rgba(17,17,17,0.3);
				  background:rgba(27,22,14,1);
				  border:1px solid #D8C583;
				  }
			  input:hover, textarea:hover{
				  box-shadow:10px 15px 10px rgba(17,17,17,0.3);
				  background:rgba(27,22,14,1);
				  border:1px solid #D8C583;
				  }	
			  textarea{
				  font-size:19px;
				  letter-spacing:3.5px;
				  line-height:22px;
				  height:245px;
				  }
			  #send{
				  color:#B58B53;
				  text-transform:uppercase;
				  height:45px;
				  line-height:40px;
				  font-size:22px;}
			  .cTnrItalic{color:#B58B53;
				  display:block;
				  line-height:40px;
				  height:40px;
				  font-size:15px;
				  text-align:left;}
				
			  .cHelp{	display:block;
			  			width:100%;
			  			font-family:'Droid Sans',Tahoma, Geneva, sans-serif;
						text-transform:none;
						letter-spacing:normal;
						font-size:16px;
						line-height:20px;
						text-align:left;
						margin-top:15px;
						}
				.warning, .warningLrg, .warningSml{
						display:block;
						line-height:40px;
						color:#DAD3C2;
						font-size:18px;
						letter-spacing:3px;
						text-shadow: 2px 2px 2px black;
						margin-bottom:10px;
						background:rgba(0,0,0,0.6)}	
				.warningLrg{font-size:25px;}
						
				.warningSml{font-size:16px; color:#C60;}
			
			/*End Style for form*/

/*-------------------------------------------------------------------------------------------*/
/* 7. GOOGLE MAPS CSS */
/*-------------------------------------------------------------------------------------------*/
#dMapCanvas{
	height:auto;
	width:100%;
	background-color:transparent;
}

#iMap{
	position: relative;
	width:100%;
	height:500px;
	max-width:600px;
}
/*-------------------------------------------------------------------------------------------*/
/* 8. RESPONSIVE STYLES */
/*-------------------------------------------------------------------------------------------*/

/* RESPONSIVE STYLE for TABLETS */
@media screen and (max-width: 650px){
	#dPageHolder{
		min-width:320px;
		max-width:649px;
		width:100%;
		height:auto;
	}
	#dHeader{
		position:relative;
		height:auto;
		width:100%;
		min-width:320px;
	}
	#dSubFooter{
		position:relative;
		bottom:0px;
		height:auto;
		width:100%;
		background-color:black;
		z-index:100;
	}
	#nMainNav{
		min-width:320px;
		height:auto;
		padding-bottom:5px;
		width:100%;
	}
	#ulMainNavList{
		min-width:320px;
		width:100%;
		height:auto;
	}
	#ulMainNavList li{
		float:none;
		height:auto;
		margin-bottom:2px;
		width:100%;
	}
	#ulMainNavList li a{
		display:block;
		color:#B58B53;
		text-decoration:none;
		text-align:center;
		font-size: 14px;
		line-height:20px;
	}
	#bNavButton{
		display:block;
		border:none;
		width:100%;
		height:50px;
		font-family:'Oswald', Verdana, Geneva, sans-serif;
		color: inherit;
		font-size:14px;
		text-transform:inherit;
		font-weight:inherit;
		outline:none;
		outline:0;
		-moz-outline-style: none;
		cursor:pointer;
		background:url(../ea-commonObject/icons/menuIcon_25x22.png) no-repeat 25px;
	}
	/*Classes used in Javascript for drop down menu*/					
			.cHiddenInit {
				left:-20000em; /*submenu went out of the screen*/
				max-height: 0;
				overflow:hidden;
				}
			
			.cHidden {
				left:-20000em; /*submenu went out of the screen*/
				max-height: 0;
				/*transition give it an animation to the dropdown*/
				-moz-transition:max-height 0.5s ease-in-out;
				-webkit-transition:max-height 0.5s ease-in-out;
				-o-transition:max-height 0.5s ease-in-out;
				transition:max-height 0.5s ease-in-out;
				overflow:hidden;
				}
			
			.cShow {
				left:0; /*submenu reappear*/
				max-height: 255px; /*allow the ul to be 255px MAX*/
				/*transition give it an animation to the dropdown*/
				-moz-transition:max-height 0.5s ease-in-out;
				-webkit-transition:max-height 0.5s ease-in-out;
				-o-transition:max-height 0.5s ease-in-out;
				transition:max-height 0.5s ease-in-out;
				overflow:hidden;
				}
			 
			 /*initial start of drop down menu if javascript on browser is disabled*/
			 .cFlashMenu{
				left:0; /*submenu reappear*/
				max-height: 250px; /*allow the ul to be 10em MAX*/
				overflow:hidden;
			 }
			
	/* End of classes used in Javascript for drop down menu*/
	

	#dTorso{top:0px;}/* nav no longer fixed at top so offset not necessary, height auto to accommodate extra height from everything stacking */
	#dMiddle{
		position:relative;
		display: block;
		float:left; /* make dLeft dMiddle dRight stack normally */
		width:100%;
	}
	
	#qCallCollect{
		font-size: 20px;
	}
	#dRight{
		position:relative;
		display:block;
		float:left; /* make dLeft dMiddle dRight stack normally */
		padding-left:20px;
		width:100%;
	}
	#dSubFooter{
		position:relative;
		height:auto;
		width:100%;
		min-width:320px;
	}
	#dContactList{
		min-width:320px;
		height:auto;
		width:100%;
	}
	#dContactList ul{
		min-width:320px;
		width:100%;
		height:auto;
	}
	#dContactList ul li{
		float:none;
		height:40px;
		width:100%;
	}
	#dSet{
		width:100%;
		height:auto;
		background-color:black;
	}
	#iHomeBanner{
		max-width:400px;
		float:none;
		text-align: center;
	}
	#iHomeBanner img{float:none;left:0px;margin:0 auto;}
	img.cBGT{background:transparent;}
	blockquote{left:20px;}
	#iLogo{display:none;}
	#iLogoMobile{
		display:block;

	}

	#bgvid{display:none;}
	.cPreview{
		float:none;
		width:100%;
		height:auto;
		background-color:black;
	}
	#iMap{
		height:400px;
		max-width:400px;
	}
	.cFunctions{float:none;}

	.cInfobutton{
		width:100%;
		max-width:200px;
	}
	/* styles for social media icons in dRight */
	#dSocial{
		width:100%;
		height:auto;
	}
	#dSocialHolder{
		width:100%;
		height:auto;
	}
	.cSocialIcon{
		width:24%;
		height:16px;
		float:left;
		margin-right:1px;
		background-color:black;
	}
}

/* RESPONSIVE STYLE for MOBILE */
@media screen and (max-width: 600px){
	#dPageHolder{
		min-width:320px;
		max-width:599px;
		width:100%;
		height:auto;
	}
	#dHeader{
		position:relative;
		height:auto;
		width:100%;
		min-width:320px;
	}
	#dSubFooter{
		position:relative;
		bottom:0px;
		height:auto;
		width:100%;
		background-color:black;
		z-index:100;
	}
	#nMainNav{
		min-width:320px;
		height:auto;
		padding-bottom:5px;
		width:100%;
	}
	#ulMainNavList{
		min-width:320px;
		width:100%;
		height:auto;
	}
	#ulMainNavList li{
		float:none;
		height:auto;
		margin-bottom:2px;
		width:100%;
	}
	#ulMainNavList li a{
		display:block;
		color:#B58B53;
		text-decoration:none;
		text-align:center;
		font-size: 14px;
		line-height:20px;
	}
	#bNavButton{
		display:block;
		border:none;
		width:100%;
		height:50px;
		font-family:'Oswald', Verdana, Geneva, sans-serif;
		color: inherit;
		font-size:14px;
		text-transform:inherit;
		font-weight:inherit;
		outline:none;
		outline:0;
		-moz-outline-style: none;
		cursor:pointer;
		background:url(../ea-commonObject/icons/menuIcon_25x22.png) no-repeat 25px;
	}
	/*Classes used in Javascript for drop down menu*/					
			.cHiddenInit {
				left:-20000em; /*submenu went out of the screen*/
				max-height: 0;
				overflow:hidden;
				}
			
			.cHidden {
				left:-20000em; /*submenu went out of the screen*/
				max-height: 0;
				/*transition give it an animation to the dropdown*/
				-moz-transition:max-height 0.5s ease-in-out;
				-webkit-transition:max-height 0.5s ease-in-out;
				-o-transition:max-height 0.5s ease-in-out;
				transition:max-height 0.5s ease-in-out;
				overflow:hidden;
				}
			
			.cShow {
				left:0; /*submenu reappear*/
				max-height: 255px; /*allow the ul to be 255px MAX*/
				/*transition give it an animation to the dropdown*/
				-moz-transition:max-height 0.5s ease-in-out;
				-webkit-transition:max-height 0.5s ease-in-out;
				-o-transition:max-height 0.5s ease-in-out;
				transition:max-height 0.5s ease-in-out;
				overflow:hidden;
				}
			 
			 /*initial start of drop down menu if javascript on browser is disabled*/
			 .cFlashMenu{
				left:0; /*submenu reappear*/
				max-height: 250px; /*allow the ul to be 10em MAX*/
				overflow:hidden;
			 }
			
	/* End of classes used in Javascript for drop down menu*/
	

	#dTorso{top:0px;}/* nav no longer fixed at top so offset not necessary, height auto to accommodate extra height from everything stacking */
	#dMiddle{
		position:relative;
		display:block;
		float:none; /* make dLeft dMiddle dRight stack normally */
		width:100%;
	}
	#dRight{
		position:relative;
		display:block;
		float:none; /* make dLeft dMiddle dRight stack normally */
		padding-left:20px;
		width:100%;
	}
	#dSubFooter{
		position:relative;
		height:auto;
		width:100%;
		min-width:320px;
	}
	#dContactList{
		min-width:320px;
		height:auto;
		width:100%;
	}
	#dContactList ul{
		min-width:320px;
		width:100%;
		height:auto;
	}
	#dContactList ul li{
		float:none;
		height:40px;
		width:100%;
	}
	#dSet{
		width:100%;
		height:auto;
		background-color:black;
	}
	#iHomeBanner{
		max-width:400px;
		float:none;
		text-align: center;
	}
	#iHomeBanner img{float:none;left:0px;margin:0 auto;}
	img.cBGT{background:transparent;}
	#iLogo{display:none;}
	#iLogoMobile{
		display:block;

	}
	blockquote{
		left:10px;
		width:370px;
	}
	#dQuote{
		width:100%;
		max-width:420px;
	}
	#bgvid{display:none;}
	.cPreview{
		float:none;
		width:100%;
		height:auto;
		background-color:black;
	}
	#iMap{
		height:400px;
		max-width:400px;
	}
	.cFunctions{float:none;}

	.cInfobutton{
		width:100%;
		max-width:200px;
	}
	/* styles for social media icons in dRight */
	#dSocial{
		width:100%;
		height:auto;
	}
	#dSocialHolder{
		width:100%;
		height:auto;
	}
	.cSocialIcon{
		width:24%;
		height:16px;
		float:left;
		margin-right:1px;
		background-color:black;
	}
}