/* =========================================
   FIX DROPDOWN WIDTH (DROPOTRON CONTAINER)
   this prevents a wide dropdown under the
   Order menu item
   ========================================= */

/* The floating dropdown container Dropotron creates */
.dropotron {
	width: auto !important;
	min-width: 0 !important;
	white-space: nowrap !important;
	padding: 0.5em 0 !important; /* optional: tighten vertical padding */
}

/* Make sure items inside don't force width expansion */
.dropotron li,
.dropotron a {
	white-space: nowrap !important;
	width: auto !important;
}


figure {
	margin-bottom: 1em !important;
}

figcaption {
	font-size: smaller;
	line-height: 160%;
}

.lightboxcontainer {
	width:100%;
	text-align:left;
}
.lightboxcontainer iframe {
	min-height: 390px;
}
.divtext {
	margin: 1em;
}

.shadow {
	box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.6);
/*	border: 1px solid black;*/
}

a.bLink, a.bLink:visited { color: yellow; }

.bStyle {
 color: black;
 background-color: #eeeeee;
 display: none;
 text-align: left;
}

.bHdr { margin-top: .5em; font-weight: bold; font-size: 1.2em; }

.footerHdr {
	font-family: Fondamento;
	font-size: 1.2em;
}


/* this next section is needed to counteract the effects of the template css */
#EJEJC_window {
	padding: 0;
}

#ejejctable {
	border-collapse: separate;
	border-spacing: 2px;
}

#ejejctable th, #ejejctable td {
	letter-spacing: 0;
}

#ejejctable, #ejejctable input {
	font-size: 11px;
	font-family: helvetica, arial;
}

#EJEJC_window, #EJEJC_window:before, #EJEJC_window:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}