@charset "utf-8";
/* FOR DEVO ONLY */

div, nav, header, footer, aside {
	 /* border: 1px solid red; */
}

span.line-length {
	color: red;
}

body {
	/* background-image: url(images/bg-940-grid.jpg); */
	background-repeat: repeat-y;
	background-position: 50%;
}

/* end DEVO ONLY */

html { 
	-webkit-text-size-adjust: none; 	/* don't resize body copy on iPhone */
}

@-ms-viewport,		/* IE10 */
@viewport	{		/* future browsers */
    width: extend-to-zoom;
    zoom: 1.0;
}
/* --------- end will not validate */



/* RESETS */
body, body * {
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;	/* declared width = rendered width */
}
.navbar-brand{
	color:#fff !important;
	font-weight:bold !important;
	margin-top: 0.6em;
	margin-left: 0.7em;
}

/* --- New Code --- */

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

.weight4, p.weight4 {
   font-family: "Cabin";
   font-weight: 500;
   font-style: normal;
   font-size: 30px;
   line-height: 30px;
}
.weight5, p.weight5 {
   font-family: "Cabin";
   font-weight: 600;
   font-style: bold;
   font-size: 42px;
   line-height: 42px;
}

.whiteTxt{
	color:#ffffff !important;
}
.whiteTxtCenter{
	color:#ffffff !important;
	text-shadow:5px 5px 10px black;
	text-align:center;
}

h2{
	/*font-size:10em;*/
	font-size: 2.25em;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: .35em;
}

h3 {
	margin-top: 0px;
	margin-bottom: .35em;
	padding-left: 1em;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.3;
	
}
aside{
	padding-left: 0.75em;
	padding-right: 0.75em;
}
.descrip{
	font-size: 0.5em;
}
.navbar-brand{
	font-size:24px;
}
.nav{
	font-size:16px;
}
.jumbotron{
	background-image:url(/images/clouds.jpg);
	background-size: cover;
	padding-top:39.2156862745098%;
	padding-top:10em;
	margin-bottom:0px;
}
td{
	padding-left:10px;
	padding-right:10px;
}
.shadow{
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.shadow-nav{
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);	
}
.corners{
	border-radius: 10px;
}
.corners-5{
	border-radius: 5px;
}
.corners-10{
	border-radius: 10px;
}
.hookdescrip{
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.box{
	padding-left:10px;
	padding-right:10px;	

}
.container{
	padding-top:0px;
	margin-top:0px;
}
.frame {
	background-color:#EFEFEF;
	padding:10px; 
	/*padding-top:1px; */
	margin:10px; 
	margin-top:0px; 
	margin-bottom:20px;
}
.entree, .moreinfo, .food{
	padding-top:1.5em;
	background-repeat:repeat;
	padding-bottom:1em;
}
.footer {
	padding-bottom: 0;
	padding-top:1.5em;
	background-repeat:repeat;
	position: absolute;
	margin-bottom: 0;
	background: #FF00FF;
}
.entree{
	background-color:#FFF; /* Light Gray */
	/*background-image:url(../images/TanStripe.jpg)*/
}
.moreinfo{
	background-color:#363636; /* Dark Gray */
	/*background-image:url(../images/TanStripe.jpg);*/
}
.food{
	background-color:#212700;
	background-image:url(../images/GreenStripe.jpg);
}
.secContact {
	max-width: 1140px; 
	height: 10px; 
	margin-left: auto; 
	margin-right: auto;
}

.info{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-shadow:2px 2px 5px black;
}
here{
	background-color:#3ba5e2 !important;
}
ul .dropdown-menu li a:hover, ul.nav.navbar-nav li a:hover,  ul.dropdown.open, ul.nav.navbar-nav li a.here {
	background-color:#3ba5e2; /* #3ba5e2 Tacoma Blue */
}

/* ------ Previous Code ------- */

/* CROSS-BROWSER SUPPORT FOR MOBILE DEVICES  */

/* will not validate --------- */


a img {
	border: none;	/* remove blue border from linked images in older versions of IE */
}

/* RESPONSIVE IMAGES */

img,
embed,
object,
video,
iframe,
wp-caption {		/* for WordPress img captions */
	max-width: 100%;	/* never exceed width of parent element */
	width: auto;
	height: auto;
	margin-bottom: 0em;
}

img.medium {
	width: 65.217391%;

}

img.small{
	width: 30.434783%;
}

/* GLOBAL TEXT STYLES */

html {
	font-size: 16px; /* 1rem = 16px */
}

body {
	font-family: 'Cabin', Helvetica, Arial, sans-serif; 
	font-size: 100%;
	line-height: 1.6;
	color: #000;
}

em { 
	font-family:  'Cabin', Helvetica, Arial, sans-serif;
	font-style: italic;
}

strong, dt { 
	font-family:  'Cabin', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 700;
}

a:link, 
a:visited {
	color: #888;
	text-decoration: none;	
}
		
a:hover, 
a:focus {
	color: #444;
	text-decoration: underline;
	}
/*a div div img:hover{border:#FF0000; border-bottom-color: #Ff00ff; border-width:1em;}*/
		
p, ol, ul, dl {
	margin: .25em 0 0 0;
	padding: .25em;
}

/* LISTS */

li, dd {
	margin-bottom: 0.3125em;
	line-height: 1.45;	
}

/* indent and wrap list items around floated elements */
#middle ul li {
    position: relative;
    left: 1.2em;			/* tweak values to suit your font-face */
    padding-right: 1.2em;	
}
#middle ol li {
	position: relative;
	left: 2.25em;
	padding-right: 2.25em;
}

.container a:hover div{
	/*color:#76bd23;*/
	color:#37D600;
}
.item {
	float: left;
	padding-left: .6em;
	padding-right: .6em;
	padding-top:1em;
	margin:0px;
	text-align: center;
	color: #FFFFFF;

	font-weight: bold;

}
.item div img{
	/*width: 264px;*/
	/*width: 16.5em;*/
	/*width: 13.05015em;*/
	width: 12.85em;
	
}

.contact {
	float: left; 
	display: block; 
	width: 33%; 
	padding: 0px; 
	padding-bottom: 2em;
}
.contact2 {
	float: right; 
	display: block; 
	/* width: 33%; */
	padding: 0px; 
	padding-bottom: 2em;
}
.contactLast {
	float: left; 
	display: block; 
	width: 30%; 
	padding: 0px; 
}

.price {
	float: right;
	padding-right: 0em;
}

.clear {
	clear: both;
}

.menuItem {
	font-size: 0.9em;
}


.indent {
	padding-left: 0.7em;
}

a.anchor {
	display: block;
    position: relative;
    top: -106px;
    visibility: hidden;
}

/* New Code */
.w3-btn,.w3-btn-block,.w3-button{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}

.w3-button{color:#000; background-color:#575757; padding:0px 0px}
.w3-button.img{
	padding: 0px !important;
}

.w3-button:hover{color:#000!important; background-color:#9D9D9D !important}

.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav,.w3-btn-block,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.w3-disabled,.w3-btn:disabled,.w3-button:disabled,.w3-btn-floating:disabled,.w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;background-color:inherit;color:inherit;padding:6px 2px 6px 16px}

.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#7C7C7C; color:#000}

.w3-bar .w3-button{background-color:inherit;color:inherit;white-space:normal}

.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}

.w3-block{display:block;width:100%}

.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}

.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}

.w3-greyscale,.w3-grayscale{-webkit-filter:grayscale(75%);filter:grayscale(75%)}

.w3-greyscale-min,.w3-grayscale-min{-webkit-filter:grayscale(50%);filter:grayscale(50%)}

.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#5B5B5B!important}

.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

.w3-hide-small{display:none!important}

@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidenav.w3-collapse,.w3-sidebar.w3-collapse{display:block!important}}

@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after,
.w3-topnav:after,.w3-topnav:before,.w3-clear:after,.w3-clear:before,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after,.w3-bar:before,.w3-bar:after
{content:"";display:table;clear:both}

.w3-container{padding:0.01em 0.5em 1em 0.5em;}


.exp {
	float: right;
	color: #FFFFFF;
	padding: 0.5em 1em 0.5em 1em;
}

.expIcon {
	float: right;
	color: #FFFFFF;
	padding: 0.5em 1em 0.5em 1em;
}

.menuHeader {
	float: left;
	color: #FFFFFF;
	padding: 0.01em 1em 0.5em 1em;
}

.shadowTxt {
	text-shadow:5px 5px 10px black;
}
	.navbar-brand {
  padding: 0px;
}
	.navbar{
		
		margin-bottom: 0px;
	}
.navbar-brand>img {
  height: 120%;
  padding: 5px;
  width: auto;
}
	
	.example3 .navbar-brand {
  height: 40px;
}

.example3 .nav >li >a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.example3 .navbar-toggle {
  padding: 10px;
  margin: 15px 15px 15px 0;
}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>li>a {
    color: #f5f5f5;
}

/* MEDIA QUERIES */

@media screen and (max-width: 990px) {
	div.item{
		width: 25%;
	}
	div.item div img{
		width: 200%;
	}
	.menuItem{ font-size: .8em;}
	
	div.contact{
		width: 33%;
		margin: 0px;
	}
	div.contactLast{
		width: 33%;
		margin: 0px;
	}
	

}

@media screen and (max-width: 740px) {
	div.item{
		width: 25%;
	}
	div.item div img{
		width: 200%;
	}
	.menuItem{ font-size: .8em;}
	
	div.contact{
		width: 33%;
		margin: 0px;
	}
	div.contactLast{
		width: 33%;
		margin: 0px;
	}
	

}
@media screen and (max-width: 660px) {
	.menuItem{ font-size: .7em;}
	aside{font-size: .8em;}
	h2.weight5{font-size: 2em;}
	div.contact{
		width: 50%;
		margin: 0px;
	}

	div.contactLast{
		width: 100%;
		margin: 0px;
	}
	
}
@media screen and (max-width: 575px) {
	div.item{
		width: 33%;
	}
	.menuItem{ font-size: .7em;}
	aside{ font-size: .7em;}
	.menuItem{ font-size: .7em;}
	div.contact{
		width: 100%;
		margin: 0px;
	}
	div.contact2{
		float:left;
		width: 100%;
		margin: 0px;
	}
	div.contactLast{
		width: 100%;
		margin: 0px;
	}
}
@media screen and (max-width: 375px) {
	div.item{
		width: 50%;
	}
	aside{ font-size: .7em;}
	.menuItem{ font-size: .7em;}
	h2.weight5{font-size: 1.5em;}
}
@media screen and (max-width: 300px) {
	.menuItem{ font-size: .7em;}
	div.item{
		width: 100%;
	}
}
.responsiveCal {
 
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
 
}
 
.responsiveCal iframe {
 
position: absolute; top:0; left: 0; width: 100%; height: 100%;
 
}
.redTxt {
	color:#f6303e !important;
}
.bluTxt{
	color:#3ba5e2 !important;
}
.greenTxt {
	color:#76bd1d !important;
}
.blackTxt {
	color:#000000 !important;
}