@import url('https://fonts.googleapis.com/css?family=Rye');

@charset "utf-8";
/*** CODED FOR USE ON KANECOUNTYFAIR.COM BY J RUDNY, LLC ***/

	html {  font-family: Verdana,Geneva,sans-serif;}
	body { margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center;  }
 /*** p { padding:0px; margin:0px; } ***/

a:link {
	color: #a42c35;
	text-decoration: none;
}
a:visited {
	color: #a42c35;
	text-decoration: none;
}
a:hover {
	color: #C00;
	text-decoration:underline;
	
}
a:active {
	color: #a42c35;
	text-decoration: none;
}


.yellowText:link {
	color:#fff079;
	  text-decoration: none;
}
.yellowText:visited {
	color:#fff079;
	  text-decoration: none;
}

.yellowText:active {
	color:#fff079;
	  text-decoration: none;
}

.yellowText:hover {
  text-decoration:underline;
}

.footerLink { font-size: 14px; padding: 0 10px; }

.footerLink:link {
	color:#fff079;
	  text-decoration: none;
}
.footerLink:visited {
	color:#fff079;
	  text-decoration: none;
}

.footerLink:active {
	color:#fff079;
	  text-decoration: none;
}

.footerLink:hover {
  text-decoration:underline;
}



.CopyrightLink { }

.CopyrightLink:link {
	color:#FFF;
	  text-decoration: none;
}
.CopyrightLink:visited {
	color:#FFF;
	  text-decoration: none;
}

.CopyrightLink:active {
	color:#FFF;
	  text-decoration: none;
}

.CopyrightLink:hover {
  text-decoration:underline;
}



h1 { color: #333333; font-weight: bold;  font-size: 38px; margin-top: 1px; margin-bottom: 15px; text-transform: uppercase; text-align: center; }
h2 {  color: #a42c35; font-weight: bold; font-size: 30px; margin-top: 25px; margin-bottom: 5px; text-transform: capitalize; }
h3 { color: #333333; font-weight: bold; font-size: 19px; margin-top: 10px; margin-bottom: 25px;}
h4 {  color: #333333; font-weight: bold; font-size: 30px; margin-top: 25px; margin-bottom: 15px; text-transform: uppercase; text-align: center; }
h5 {  color: #a42c35; font-weight: bold; font-size: 20px; margin-top: 5px; margin-bottom: 5px; text-transform: capitalize; }

.fontPlus1 { font-size: 16px; }
.fontPlus2 { font-size: 18px; }
.fontPlus3 { font-size: 20px; }
.fontPlus4 { font-size: 22px; }


	/*** DESKTOP - DEFAULT USAGE ***/
	
.highlights { font-family: 'Rye', cursive; color: #fff; font-size: 36px; text-shadow: 1px 1px 3px #666666;}
.galleriaTainer { position: relative; height: 620px; overflow:hidden;  }
#galleria { height: 620px; }
.galleria { height: 620px; }

.subNavRows { 
	columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1; }

	/*** 3 COL ---
.subNavRows { 
	columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3; }
***/


.subNavBullet { padding: 0 5px; padding: 0px 20px !important; font-weight: bold;}

.redBarbtn {
    background-color: rgba(164, 44, 53, 0.75);
    box-shadow: 0 2px 3px #000;
    color: #ffffff;
    margin-top: 8px;
    padding: 8px 10px;
    text-decoration: none;
	font-size: 18px;
    /* text-shadow: 1px 1px 3px #666666; */
}
.redBarbtn:link {
    color: #fff; font-weight: bold;
}
.redBarbtn:visited {
    color: #fff; font-weight: bold;
}
.redBarbtn:active {
    color: #fff; font-weight: bold;
}
.redBarbtn:hover {
    background: #fff079 none repeat scroll 0 0;
	text-decoration: none; }

#FourHighlights { width: 100%; height: 536px; background-color: #a42c35; }
.qtrHighlightBox1 { float: left; width: 25%; height: 536px;  background-position: top center; background-size:cover; }
.qtrHighlightBox1:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}

.qtrHighlightBox2 { float: left; width: 25%; height: 536px; background-position: top center; background-size:cover; }
.qtrHighlightBox2:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}

.qtrHighlightBox3 { float: left; width: 25%; height: 536px; background-position: top center; background-size:cover; }
.qtrHighlightBox3:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}

.qtrHighlightBox4 { float: left; width: 25%; height: 536px; background-position: top center; background-size:cover; }
.qtrHighlightBox4:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}
.qtrHighlightContent { position: relative; top: 50%; color: #fff; font-size: 15px; font-weight: bold; line-height: 24px; }
.qtrHighlightsBig { font-size: 30px; }



.homeCalloutLeft { 
	float: left; 
width: 33%; 
height: 184px;  
	background-position: top left; 
	background-size:cover;

}

.homeCalloutLeft:hover {
    transform: scale(1.05);
	transition: all .1s ease-out;
}


.homeCalloutRight { 
	float: left; 
width: 33%; 
height: 184px; 
	background-position: top left; 
	background-size:cover;

}

.homeCalloutRight:hover {
    transform: scale(1.05);
	transition: all .1s ease-out;
}


.homeCalloutMiddle { 
	float: left; 
width: 34%; 
height: 184px;  
	background-position: top left; 
	background-size:cover;

}

.homeCalloutMiddle:hover {
    transform: scale(1.05);
	transition: all .1s ease-out;
}

#homeCallouts { width: 100%; height: 184px;  }
#footer { background-color: #a42c35; color: #fff; line-height: 25px; font-size: 12px; }
.footerLinkBox { padding: 20px 10px; }

.mainContent { text-align: left; margin: 0 auto; max-width: 1100px; padding: 20px 20px 50px 20px; line-height: 29px; }
.footerDate { background-color: #bd313c; color: #fff; font-weight: bold; vertical-align: bottom; text-align: center; font-size: 21px; line-height: 43px; }

#mainNavTainer { height: 72px; width: 100%; background-color: #bd313c; }
.mainNavBox { width: 100%; max-width: 1190px; text-align: right; margin: 0 auto; padding-right: 10px; }
/* .KCFLogo { width: 218px; height: auto; } */
.KCFLogo { width: 320px !important; height: auto !important; margin-top: 10px; }

.homeCalloutsMobile { display: none;} 


.galleriaDetailsBox { position: absolute; top:611px; background-color: rgba(255, 255, 255, 0.7); height: 115px; width: 100%; z-index: 99999; text-align:center; padding-top:1px; }


#headerTainer { width: 100%; height: 107px; }
.headerBox { height: 35px; width: 100%; background-color: #a42c35; }
#logoBox { width: 20%; float: left; position: absolute; z-index: 99999999; } 
.socailMedia { max-width: 1190px; margin: 0 auto; text-align: right; padding-right: 10px; }
.socailMediaMobile { display: none; }

.newSandwich { display: none;}





  ul.qandaA {
	  color:#000;
    list-style:none;
    margin:0;
    padding:0;
	 position:relative; margin-left:0px;
	  font-weight: normal;
}
.qandaA li {
	background-position:right;
 background-repeat: repeat-y;
    margin:0;
    padding:0px;
}
.qandaA .questionA {
    cursor:pointer;
    display:block;
 
	
}
.qandaA .answerA {
     
	
}


.qandaA .questionA:before {
    content:url(/images/arrow_side_white-sm.png);
    position:absolute;
	top:.8em;
	left:235px;
}
.qandaA .activeA:before {
    content:url(/images/arrow_down_white-sm.png);
}



  ul.qandaB {
	  color:#000;
    list-style:none;
    margin:0;
    padding:0;
	 position:relative; margin-left:0px;
}
.qandaB li {
background-position:right;

 background-repeat: repeat-y;
    margin:0;
    padding:0px;
	width:100%;
}
.qandaB .questionB {
    cursor:pointer;
    display:block;
    padding:.0em .0em;
    position:relative
}
.qandaB .answerB {
     
    display:block;
 
}

.qandaB .questionB {
    padding-left:0em
}
.qandaB .questionB:before {
    content:url(/images/left.png);
    position:absolute;
	left: 85.5%;
	top:.75em;
}
.qandaB .activeB:before {
    content:url(/images/down.png);
}

/** .dots { color: #a42c35; font-size: 28px; padding: 0; margin: 0 15px 15px 15px; } **/ 
.dots { color: #a42c35; font-size: 28px; padding: 0; margin: 0 0 20px 0; text-align: center;}

.galTainer2 { max-width: 80%; margin: 0 auto; }
#galleria2 { height: 500px; }

.galleryCopy { padding:10px 0 0 15px; color:#fff; text-shadow: 2px 2px #000 }

	
#formContainer { max-width:1000px; width:1000px; margin-left:auto; margin-right:auto; }

#formContainer input[type="text"], #formContainer input[type="datefield"], #formContainer input[type="email"], #formContainer textarea, #formContainer input[type="File"], #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 60%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 62%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="checkbox"], input[type="radio"] {
	height: 19px;
	margin: 10px;
	position: relative;
	top: 4px;
	vertical-align: middle;
	width: 19px;
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="submit"] {
	background: #0D5CAB;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 40%; 
	position: relative; 
	float: none; 
	font-family: 'Open Sans', sans-serif;
}

#formContainer .fieldtext { float:left; margin: 10px; padding: 10px;  position: relative; font-weight:bold; }

#formContainer .checkboxtext { width:100%; margin: 10px; padding: 10px;  position: relative; }

#formContainer P { clear:left;}

.eventTainer { width: 85%; margin: 15px 0; }

table.alternate_color tr:nth-child(odd) { background-color:rgba(250,244,244,1.00); }
table.alternate_color tr:nth-child(even) { background-color:rgba(255,255,255,1.00); }

.entertain4ColTainer { width: 19%; padding: 5px 2%; text-align: center; margin: 1%; float: left; background-color: rgba(250,244,244, 1.00); min-height: 275px; }
.entertain3ColTainer { width: 26%; padding: 5px 3%; text-align: center; margin: .665%; float: left; background-color: rgba(250,244,244, 1.00); min-height: 325px; font-size: 14px; line-height: 24px;}
.entertainDay { font-size: 21px; width: 100%; color: #a42c35; padding: 5px 0; margin: 0 0 8px 0; }
.entertainTitle { width: 100%; background-color:#a42c35; text-align: center; padding: 20px 0px 20px 0px; font-size: 28px; font-weight: bold; color: #fff;  }
.clearer {  clear: both; }

.entertainDisc { width: 100%; text-align: center; padding: 20px 5px 40px 5px; clear: both; }

/*** TABLET USAGE ***/
@media only screen and (min-width: 601px) and (max-width: 1000px) {

	html { font-family: Verdana,Geneva,sans-serif; }
	body { margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; }
	p { padding:0px; margin:0px; }
	
	.mainContent { font-weight: normal !important;  padding: 10px 20px 40px 20px;  }
		h1 { color: #333333; font-weight: bold;  font-size: 35px; margin-top: 1px; margin-bottom: 15px; text-transform: uppercase; text-align: center; line-height: 35px; }
h2 {  color: #a42c35; font-weight: bold; font-size: 30px; margin-top: 25px; margin-bottom: 5px; text-transform: capitalize; }
h3 { color: #333333; font-weight: bold; font-size: 19px; margin-top: 10px; margin-bottom: 25px;}
h4 {  color: #333333; font-weight: bold; font-size: 28px; margin-top: 25px; margin-bottom: 15px; text-transform: uppercase; text-align: center; line-height: 36px; }
h5 {  color: #a42c35; font-weight: bold; font-size: 20px; margin-top: 5px; margin-bottom: 5px; text-transform: capitalize; }

	
.fontPlus1 { font-size: 16px; }
.fontPlus2 { font-size: 18px; }
.fontPlus3 { font-size: 15px; }
.fontPlus4 { font-size: 22px; }
	
	

	.footerLinkBox { padding: 20px 150px; }
	.footerDate { font-size: 17px; }
	.mainContent { font-weight: normal !important; padding: 20px; }
	#headerTainer { width: 100%; height: 87px; }
	#mainNavTainer { height: 52px; width: 100%; background-color: #bd313c; }
	.mainNavBox { display: none; }
	.KCFLogo { width: 170px; height: auto; margin-left: 0px;  }
	
	.galleriaDetailsBox { position: absolute; top:591px; background-color: rgba(255, 255, 255, 0.7); height: 115px; width: 100%; z-index: 99999; text-align:center; padding-top:1px; }
	
	
	#FourHighlights { width: 100%; height: 300px; background-color: #a42c35; }
	
	.qtrHighlightBox1 { float: left; width: 25%; height: 300px; background-position: top center; background-size:cover; }
.qtrHighlightBox1:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}

.qtrHighlightBox2 { float: left; width: 25%; height: 300px; background-position: top center; background-size:cover; }
.qtrHighlightBox2:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}

.qtrHighlightBox3 { float: left; width: 25%; height: 300px; background-position: top center; background-size:cover; }
.qtrHighlightBox3:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}

.qtrHighlightBox4 { float: left; width: 25%; height: 300px; background-position: top center; background-size:cover; }
.qtrHighlightBox4:hover {
    transform: scale(.95);
	transition: all .1s ease-out;
	box-shadow:0px 0px 0px 5px white inset;
}
.qtrHighlightContent { position: relative; top: 50%; color: #fff; font-size: 15px; font-weight: bold; line-height: 24px; }
.qtrHighlightsBig { font-size: 30px; }

	
	
	
.homeCalloutLeft { 
	float: left; 
width: 33%; 
height: 90px; 
	background-position: top left; 
	background-size:cover;

}

.homeCalloutLeft:hover {
    transform: scale(1.05);
	transition: all .1s ease-out;
}


.homeCalloutRight { 
	float: left; 
width: 33%; 
height: 90px; 
	background-position: top left; 
	background-size:cover;

}

.homeCalloutRight:hover {
    transform: scale(1.05);
	transition: all .1s ease-out;
}


.homeCalloutMiddle { 
	float: left; 
width: 34%; 
height: 90px; 
	background-position: top left; 
	background-size:cover;

}

.homeCalloutMiddle:hover {
    transform: scale(1.05);
	transition: all .1s ease-out;
}
	
	
	
.qtrHighlightsBig {
    font-size: 21px;
}
	
	/* .homeCallouts { display: none; } 
	.homeCalloutsMobile { display: inline;} 
		.homeCalloutLeft { width: 100%; height: 120px; }
	.homeCalloutMiddle { width: 100%; height: 120px; }
	.homeCalloutRight { width: 100%; height: 120px; }

h3 { font-size: 16px; margin-bottom: 2px; }


.socailMedia { display: none; }
.socailMediaMobile { display: inline; } */
	
.newSandwich { display: block; position:absolute; top:42px; left:90%; z-index:9999; border: 0; background: #bd313c;}
	
	

#galleria2 { height: 400px; }
	
	
#formContainer { max-width:100%; width:100%; margin-left:auto; margin-right:auto; }

#formContainer input[type="text"], #formContainer input[type="datefield"], #formContainer input[type="email"], #formContainer textarea, #formContainer input[type="File"], #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 60%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 62%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="checkbox"], input[type="radio"] {
	height: 19px;
	margin: 10px;
	position: relative;
	top: 4px;
	vertical-align: middle;
	width: 19px;
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="submit"] {
	background: #0D5CAB;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 40%; 
	position: relative; 
	float: none; 
	font-family: 'Open Sans', sans-serif;
}

#formContainer .fieldtext { float:left; margin: 10px; padding: 10px;  position: relative; font-weight:bold; }

#formContainer .checkboxtext { width:100%; margin: 10px; padding: 10px;  position: relative; }

#formContainer P { clear:left;}

.eventTainer { width: 85%; }
.entertain4ColTainer { width: 94%; margin-left: 0%; margin-right: 0%; font-size: 25px; line-height: 38px; min-height: 0px; padding:12px 3% 42px 3%; }
.entertain3ColTainer { width: 94%; margin-left: 0%; margin-right: 0%;  font-size: 25px; line-height: 38px; min-height: 0px; padding: 12px 3% 42px 3%; }
.entertainTitle { font-size: 22px; }
.entertainDay { font-size: 32px; }
	
}
/*** MOBILE USAGE ***/
@media only screen and (min-width: 300px) and (max-width: 600px) {

	html { font-family: Verdana,Geneva,sans-serif; }
	body { margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; }
	p { padding:0px; margin:0px; }

	#FourHighlights { display: none; }
	
	h1 { color: #333333; font-weight: bold;  font-size: 35px; margin-top: 1px; margin-bottom: 15px; text-transform: uppercase; text-align: center; line-height: 35px; }
h2 {  color: #a42c35; font-weight: bold; font-size: 30px; margin-top: 25px; margin-bottom: 5px; text-transform: capitalize; }
h3 { color: #333333; font-weight: bold; font-size: 19px; margin-top: 10px; margin-bottom: 25px;}
h4 {  color: #333333; font-weight: bold; font-size: 28px; margin-top: 25px; margin-bottom: 15px; text-transform: uppercase; text-align: center; line-height: 32px; }
h5 {  color: #a42c35; font-weight: bold; font-size: 20px; margin-top: 5px; margin-bottom: 5px; text-transform: capitalize; }

	
    .mainContent { font-weight: normal !important; padding: 10px 12px 40px 12px;  font-size: 14px; line-height: 20px; }

	
	.fontPlus1 { font-size: 16px; }
	.fontPlus2 { font-size: 18px; }
	.fontPlus3 { font-size: 13px; }
	.fontPlus4 { font-size: 22px; }
	
	.homeCalloutLeft { width: 100%; height: 120px; }
	.homeCalloutMiddle { width: 100%; height: 120px; }
	.homeCalloutRight { width: 100%; height: 120px; }
	
	.footerLinkBox { padding: 20px 40px; }
	.footerDate { font-size: 15px; }
	
	.galleriaTainer { position: relative; height: 300px; overflow:hidden; line-height: 0px }
	#galleria { height: 300px; line-height: 0px }
	.galleria { height: 300px; line-height: 0px }
	.galTainer2 { max-width: 90%; margin: 0 auto; }
#galleria2 { height: 280px; }
	
	#headerTainer { width: 100%; height: 87px; }
	#mainNavTainer { height: 52px; width: 100%; background-color: #bd313c; }
	.mainNavBox { display: none; }
	.KCFLogo { width: 165px !important; height: auto !important; margin-left: 0px;  }
	
	.homeCallouts { display: none; } 
	.homeCalloutsMobile { display: inline;}  
	
	.homeCalloutMiddle { 
	
	background-position: center -15PX;

}
	
	
	.galleriaDetailsBox { top:300px; height: 86px; }
	.redBarbtn {
    margin-top: 0px;
    padding: 4px 5px;

	font-size: 14px;
    /* text-shadow: 1px 1px 3px #666666; */
}
	
	
	h3 { font-size: 15px; margin-bottom: 15px; }
	
	
	.socailMedia { display: none; }
	.socailMediaMobile { display: inline; }
	
	
	.newSandwich { display: block; position:absolute; top:42px; left:300px; z-index:9999; border: 0; background: #bd313c;}
	
	.dots { font-size: 20px; }
	

#formContainer { max-width:100%; width:100%; margin-left:0; margin-right:0; }

#formContainer input[type="text"], #formContainer input[type="datefield"], #formContainer input[type="email"], #formContainer textarea, #formContainer input[type="File"], #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 50%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
	
	#formContainer textarea, #formContainer .datefieldinput{
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 85%; 
	float:left; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
	
	
#formContainer select {
	border: 1px solid #000000;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	width: 62%; 
	float:right; 
	position: relative; 
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="checkbox"], input[type="radio"] {
	height: 19px;
	margin: 10px;
	position: relative;
	top: 4px;
	vertical-align: middle;
	width: 19px;
	color: #000000; 
	font-family: 'Open Sans', sans-serif;
}
#formContainer input[type="submit"] {
	background: #0D5CAB;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 40%; 
	position: relative; 
	float: none; 
	font-family: 'Open Sans', sans-serif;
}

#formContainer .fieldtext { float:left; margin: 10px; padding: 10px;  position: relative; font-weight:bold; }

#formContainer .checkboxtext { width:100%; margin: 10px; padding: 10px;  position: relative; }

#formContainer P { clear:left;}
	
.eventTainer { width: 100%; }
.entertain4ColTainer { width: 95%; margin-left: 1%; margin-right: 1%; margin-top: 10px;  min-height: 0px; }
.entertain3ColTainer { width: 95%; margin-left: 1%; margin-right: 1%; min-height: 0px; margin-top: 10px; }
.entertainDay { }
	
}