/*
Theme Name: LobsterFest Guelph 2014
Theme URI: http://www.guelphlobsterfest.com
Description: Custom theme for Rotary Club of Guelph Lobsterfest website
Author: Insignis Design Inc.
Author URI: http://www.insignisdesign.ca
Version: 3.4
Tags: Website Design, Private Theme, Responsive

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Palette - Please update this if you change the look! -

red: #dd1516;
dk red: #a11d21;
rock-slate-gray: #40444f;
washed-stone: #6d7078;
dark-slate: #32353d;
*/

/* Mobile First */

@font-face {
    font-family: 'eraserregular';
    src: url('type/eraserregular-webfont.eot');
    src: url('type/eraserregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/eraserregular-webfont.woff') format('woff'),
         url('type/eraserregular-webfont.ttf') format('truetype'),
         url('type/eraserregular-webfont.svg#eraserregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	margin: 0;
	background-image: url(images/checker-cloth.png);
	background-repeat: repeat-x;
	background-color: #40444f;
	font-family: 'PT Sans', sans-serif;
	color: #32353d;
}
#insignisdesign {
	background-image: url(images/white-washed-grunge.jpg);
	background-repeat: repeat;
	margin-top: 18px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #111;
	padding-top: 12px;
}

.logo {text-align: left;}
.wheel {text-align: right;}
.rotary-brand {
	padding-top: 2.55rem;
}
.datebanner{
	font-family: eraserregular, sans-serif;
	text-align: center;
	color: #efefef;
	font-size: 1.89em;
	font-weight: normal;
}
.snapshot {
	height: 24vh;
	overflow: hidden;
	background: rgba(64,68,79,0.75);
	background-color: #9a1107;
	/*border-right: solid 2px #fff;
	border-bottom: dotted 1px #32353d;
	border-top: dotted 1px #fff;*/
	border: 1px solid #fff;
	padding: 1vh 0;
}
.snapshot.last {
	/*border-right: none;
*/}
.snapshot h3, .meal h3, .event h3{
	font-family: eraserregular, sans-serif;
	text-align: center;
	color: #fff;
	font-size: 1.47em;
	font-weight: normal;
}
.snapshot h4 {
	text-align: center;
	color: #fff;
	font-size: 1.33em;
	margin-bottom: 0;

}
.snapshot p {
	padding-top: .55em;
	color: #e3e3e3;
	font-size: .845em;
	text-align: center;
}
.snapshot a:link, .snapshot a:visited {
	color: #fff;
}
.snapshot a:hover {
	color: #f00;
}
.when p{
	line-height: 2em;
}
.content-wrapper {}
.lobster {
	text-align: center;
}
.content {
	background-color: rgba(255,255,255,0.95);
	border: 1px #40444f solid;
	border-top: 2px solid #32353d;
	border-bottom: 2px solid #32353d;
	padding: .55em;
	font-family: 'PT Sans', sans-serif; color: #6d7078;
	text-align: center;
}
.content h2 {
	font-family: 'PT Sans', sans-serif; color: #6d7078;
	font-size: 2.19em;
	text-align: center;
	margin-top: .555em;
	margin-bottom: .55em;
}
.content h3 {
	font-family: 'PT Sans', sans-serif;
	color: #6d7078;
	font-size: 1.55em;
}
.reducer {
	font-size: .77em;
}
.content p {
	margin-bottom: .44em;
	line-height: 1.35em;
	font-size: 1.04em;
	padding-left: 2.55em;
	padding-right: 2.55em;
}
.content.auction ul {
	list-style-type: none;
	margin-top: 1.55rem;
}
.content.auction li {
	padding-bottom: .55rem;
}
.content.auction {
	margin-bottom: .35rem;
}
.content.sponsors {
	margin-top: .35rem;
}
.content.sponsors img {
	/* border: 1px solid #cdcdcd;*/
	width: 100%;
	height: auto;
}
.past-fests {
	margin: 0;
	padding: 4px;
	text-align: center;
}
.past-fests img {
	outline: 1px solid white;
}
.sub-content {
	margin-top: 2px;
	margin-bottom: 6px;
	padding: .14em;
	border: 1px solid #fff;
}
.meal, .event {
	font-family: 'PT Sans', sans-serif; color: #6d7078;
	background-color: rgba(255,255,255,0.95);
	text-align: center;
}
.meal h3, .event h3 {
	color: #a11d21;
	font-family: 'PT Sans', sans-serif;
}
.meal ul, .event ul {
	color: #a11d21;
	font-family: 'PT Sans', sans-serif;
	list-style-type: none;

}
.meal li, .event li {
	color: #6d7078;
	font-family: 'PT Sans', sans-serif;
}
.dress-code {
	color: #fff;
	padding-top: .85em;
	padding-bottom: .85em;
	background-color: #9a1107;
	border: 1px solid #fff;
	text-align: center;

}
h3.byline {
	font-family: eraserregular, sans-serif;
	text-align: center;
	color: #efefef;
	font-size: 1.89em;
	font-weight: normal;
	margin-top: 18px;
}
.insignis-barker {
	text-align: center;
	font-size: .77em;
	color: #fff;
	font-style: oblique;
}
.copyright {

	font-size: .85em;
	color: #989ba4;
	text-align: center;
	margin-top: 10px;
}




@media only screen and (min-width: 640px) {
	.snapshot {
		height: 30vh;
	}
  .meal, .event {
	height: 35vh;
	padding: 2vh 0;
}
}
@media only screen and (min-width: 870px) {
.snapshot {
	height: 25vh;
}
  .meal, .event {
	min-height: 32vh;
	overflow: hidden;
}
}
@media only screen and (min-width: 1024px) {
  .meal, .event {
	min-height: 31vh;
	overflow: hidden;
}
.snapshot {
	height: 25vh;
}
}
@media only screen and (min-width: 1280px) {
  .meal, .event {
	min-height: 33vh;

}
}
@media only screen and (min-width: 1440px) {
  .meal, .event {
	min-height: 30vh;

}
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  .meal, .event {
	min-height: 30vh;
}
}
@media only screen and (min-width: 1921px) {
  .meal, .event {
	min-height: 27vh;
}
}