/*******************************************************************
	CONTENT
*******************************************************************/

#content {
	padding: 50px 20px;
	background: #fff;
	box-shadow: 0 -2px 0px rgba(0,0,0,0.2);
}

#content a:focus {
	background-color: #6b241f;
	color: #fff;
	text-decoration: none;
	outline: 1px solid #6b241f;
}

#content.nomasthead {
	padding-top: 220px;
}

@media handheld, only screen and (max-width: 1140px) {
	#content.nomasthead {
		padding-top: 0;
	}
}

#content .center {
	text-align: center;
}

#content .map-container {
	height: 400px;
}

.image-center {
	display: block;
	margin: 0 auto 30px auto;
}

#covid {
	margin: 100px 0;
}

/*******************************************************************
	MASTHEAD
*******************************************************************/

#masthead {
	height: 600px;
}

@media handheld, only screen and (max-width: 1140px) {
	#masthead {
		height: 350px;
		margin-top: 0 !important;
	}
}

@media handheld, only screen and (max-width: 560px) {
	#masthead {
		height: 200px;
	}
}

#masthead .masthead-container {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    max-width: 1000px;
    transform: translate(-50%, -50%);
}

#masthead .masthead-container .masthead-content {
    position: relative;
    padding: 25px 0 0 0;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

#masthead .masthead-container .masthead-content h1 {
	font-size: 64px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

@media handheld, only screen and (max-width: 1140px) {
	#masthead .masthead-container .masthead-content h1 {
		font-size: 48px;
	}
}

@media handheld, only screen and (max-width: 560px) {
	#masthead .masthead-container .masthead-content h1 {
		font-size: 32px;
	}
}

/*******************************************************************
	PHOTO CONTENT GRID
*******************************************************************/
.photo-content-grid {
	max-width: 1280px;
	margin: 75px auto;
}

.photo-content-grid .slick-arrow {
	display: none !important;
}

.photo-content-grid .item {
	display: flex;
	margin: 30px auto;
}

.photo-content-grid .item:nth-of-type(even) {
	flex-direction: row-reverse;
}

.photo-content-grid .content {
	width: 50%;
	padding: 10px 10px 10px 40px;
}

.photo-content-grid .item:nth-of-type(even) .content {
	padding: 10px 40px 10px 10px;
}

.photo-content-grid h2 {
	color: #000;
	font-size: 32px;
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	text-transform: none;
}

.photo-content-grid h3 {
	font-size: 1em;
	line-height: 1em;
	font-family: 'Montserrat', sans-serif;
}

.photo-content-grid ul {
	margin-top: 0;
}

.photo-content-grid ul li {
	font-size: 0.9em;
	line-height: 1.5em;
}

.photo-content-grid .photos {
	width: 50%;
	height: 530px;
}

.photo-content-grid .photos img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media handheld, only screen and (max-width: 1140px) {
	.photo-content-grid {
		margin: 75px auto;
	}

	.photo-content-grid .item {
		display: block;
		margin: 30px auto;
	}

	.photo-content-grid .photos {
		width: 100%;
		height: auto;
	}

	.photo-content-grid .content,
	.photo-content-grid .item:nth-of-type(even) .content {
		width: 100%;
    	padding: 25px 10px 10px 10px;
	}
}

/********************************************************************
  BLOG
*******************************************************************/

.blog .item {
	display: flex;
	flex-direction: row-reverse;
	margin: 30px auto;
}

/*
.photo-content-grid .item:nth-of-type(even) {
	flex-direction: row-reverse;
}
*/

.blog .item .item-text {
	padding: 15px 0 0 30px;
}

.blog .item .item-text {
	width: 70%;
}

.blog .item .item-photos {
	width: 30%;
}

.blog .item .item-text h3 {
	font-size: 24px;
	text-transform: none;
}

.blog .item .item-text .view-more {
	text-align: center;
}

.blog .item .item-text .view-more .button {
	display: block;
	max-width: 300px;
}

.blog .item .item-photos {
	height: 100%;
}

.blog .item .item-photos.item-photos-gallery {
	max-width: 680px;
}

.blog .item .item-photos img {
	width: 100%;
	height: 100%;
	max-width: 300px;
	max-height: 300px;
	object-fit: cover;
}

@media handheld, only screen and (max-width: 1024px) {
	.fancy-content.no-margin h1 {
		margin: 0 auto;
	}

	.blog .item {
		border-bottom: 1px solid #000;
		display: block;
		margin: 30px auto;
		padding: 30px 0 60px 0;
	}

	.blog .item.no-margin {
		margin: 0 auto 30px auto;
   		padding: 0 0 60px 0;
	}

	.blog .item:last-of-type {
		border-bottom: none;
	}

	.blog .item:nth-of-type(even) {
		flex-direction: row;
	}

	.blog .item .item-text,
	.blog .item .item-photos {
		width: 100%;
	}

	.blog .item .item-text {
		padding: 15px 10px;
	}

	.blog .item .item-photos {
		margin: 0 auto;
	}
}

/*******************************************************************
	MISC
*******************************************************************/

.image-center {
	text-align: center;
}

.image-center img {
	margin: 0 auto;
	max-width: 400px;
}

.special-list {
	background: rgba(0, 0, 0, 0.25) none repeat scroll 0% 0%;
	padding: 5px 25px;
	border-radius: 10px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5)
}

.stack ul:first-child {
	margin-top: 0;
}

.content > ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

@media handheld, only screen and (max-width: 540px) {
	.content > ul {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}

#displayCalendarText {
	display: none;
}

/********************************************************************
  FLEX CONTENT COLUMNS
*******************************************************************/

.content .flex-section {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

.content .flex-section .flex-column {
	display: flex;
    flex: 0 1 48%;
    flex-direction: column;
    justify-content: normal;
    height: auto;
    width: 48%;
}

.content .flex-section .flex-column.narrow {
	flex: 0 1 32%;
}

.content .flex-section .flex-column.wide {
	flex: 0 1 64%;
}

@media handheld, only screen and (max-width: 880px) {
	.content .flex-section .flex-column {
		display: block;
		flex: 0 1 99%;
		margin-top: 40px;
	}
}

#content .stack .meeting-spaces table {
	max-width: 310px;
}

.center {
	text-align: center;
}

/********************************************************************
  MENUS
*******************************************************************/

.menus {
	margin: 0 0 40px 0;
}

.menus a:link.button,
.menus a:visited.button {
	max-width: 260px;
	width: 100%;
}

.menus.wide a:link.button,
.menus.wide a:visited.button {
	display: inline-block;
	max-width: 420px;
	width: 100%;
}


/*******************************************************************
	SPECIALS
*******************************************************************/

#specials .special {
	overflow: hidden;
	clear: both;
	padding-bottom: 5px;
	margin: 20px 0;
	padding: 20px 25px 15px 25px;
}

#specials .special:nth-child(even) a:link,
#specials .special:nth-child(even) a:visited,
#specials .special:nth-child(even) h2,
#specials .special:nth-child(even) h3 {
	color: #fff;
}

#specials .special:nth-child(even) {
	background: #8c3933;
	color: #fff;
	border-radius: 10px;
}


#specials .special:nth-child(even) a:link.button,
#specials .special:nth-child(even) a:visited.button,
#specials .special:nth-child(even) strong em a:link,
#specials .special:nth-child(even) strong em a:visited,
#specials .special:nth-child(even) em strong a:link,
#specials .special:nth-child(even) em strong a:visited {
	background: #8c3933;
	color: #fff;
	border: solid #fff 1px;
}

#specials .special:nth-child(even) a.button:hover,
#specials .special:nth-child(even) a.button:focus,
#specials .special:nth-child(even) strong em a:hover,
#specials .special:nth-child(even) strong em a:focus,
#specials .special:nth-child(even) em strong a:hover,
#specials .special:nth-child(even) em strong a:focus {
	background: #fff;
	color: #8c3933;
	outline: none;
}

#specials .special:first-child {
	margin-top: 50px;
}

#specials .special:last-child {
	border-bottom: none;
	margin-bottom: 50px;
}

#specials h2 {
	margin-top: 0;
}

#specials .photoborder {
	max-width: 33%;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.special-photo {
	float: right;
	margin: 0 0 15px 15px;
}

.special-photo {
	max-width: 25%;
}


/*******************************************************************
	TABLES
*******************************************************************/
/* Tables */
#content table {
	width: 100%;
	background: white;
	margin-bottom: 1.25em;
	border: solid 1px #dddddd;
}
#content table thead,
#content table tfoot {
	background: whitesmoke;
	font-weight: bold;
}
#content table thead tr th,
#content table thead tr td,
#content table tfoot tr th,
#content table tfoot tr td {
	padding: 0.5em 0.625em 0.625em;
	font-size: 0.875em;
	color: #222222;
	text-align: left;
}
#content table tr th,
#content table tr td {
	padding: 0.5625em 0.625em;
	font-size: 0.875em;
	color: #222222;
		color: #222222;
	text-align: left;
}
#content table tr.even, #content table tr.alt, #content table tr:nth-of-type(even) {
	background: #f9f9f9; }
#content table thead tr th,
#content table tfoot tr th,
#content table tbody tr td,
#content table tr td,
#content table tfoot tr td {
	display: table-cell;
	line-height: 1.125em;
}

#content table tr td:first-of-type {
	font-weight: bold;
}

#content .stack table { width: 100%; }
.st-head-row { padding-top: 1em; text-align: center;}
.st-head-row.st-head-row-main { font-size: 1.5em; text-align: center;; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

/*******************************************************************
    VIDEOS INTERNAL
  *******************************************************************/

  .videos-internal { 
    margin: 0 auto;
    min-height: 300px;
    text-align: center;
  }

  .videos-internal .item {
  	display: inline-block;
    position: relative;
    height: 280px !important;
    margin: 10px;
    width: 280px !important;
  }

  .videos-internal .video-content {
    opacity: 1;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 280px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
  }

  .videos-internal .item:hover .video {
    padding: 20px 10px;
  }

  .videos-internal h2.name {
    color: #fff;
    margin: 0;
    font: bold 20px Lato, Myriad Pro, sans-serif;
    text-transform: uppercase;
  }

  .videos-internal h3.brand {
    color: #fff;
    margin: 0;
    font: 16px Lato, Myriad Pro, sans-serif;
    text-transform: uppercase;
  }

  .videos-internal a:link, .videos-internal a:visited {
    text-decoration: none;
  }

  .videos-internal .item img {
    width: 280px;
    height: 280px;
    object-fit: cover;
    -webkit-transition: filter 0.15s;
    -o-transition: filter 0.15s;
    transition: filter 0.15s;
  }

  #content .videos-internal a:hover,
  #content .videos-internal a:focus {
  	background: none;
	outline: 0;
  }

  .videos-internal a:hover img,
  .videos-internal a:focus img {
  	filter: brightness(110%) contrast(110%);
  	outline: 2px solid #6b241f;
  }

/*******************************************************************
	TESTIMONIALS
*******************************************************************/

#content #testimonials .testimonial-item {
	margin: 20px 0;
	padding: 20px 25px 15px 25px;
}

#content #testimonials .testimonial-item:nth-child(even) a:link,
#content #testimonials .testimonial-item:nth-child(even) a:visited,
#content #testimonials .testimonial-item:nth-child(even) h2,
#content #testimonials .testimonial-item:nth-child(even) h3,
#content #testimonials .testimonial-item:nth-child(even) h4 {
	color: #fff;
}

#content #testimonials .testimonial-item:nth-child(even) {
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 10px; 
}

#content #testimonials .testimonial-item:first-child {
	margin-top: 50px;
}

#content #testimonials .testimonial-item:last-child {
	border-bottom: none;
}

#content #testimonials .testimonial-item h2 {
	margin-top: 0;
}

.testimonials .quotes {
	display: none;
}

.testimonial-sender {
	text-align: right;
	font: 600 18px 'Raleway', sans-serif;
	margin: 0 0 10px 0;
}

/*******************************************************************
  GALLERY
*******************************************************************/

.gallery {
	text-align: center;
}

.magnific.gallery:after {
	content: ' ';
	display: inline-block;
	width: 100%;
}

.gallery a.visible {
	max-width: 32%;
	box-shadow: none;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom: 1%;
	display: inline-block;
	/* font-size: 0; */
	overflow: visible;
	color: #fff;
}

#content .gallery a.visible:hover,
#content .gallery a.visible:focus {
	outline: none;
	text-decoration: none;
}

.gallery a.visible img {
	-webkit-transition: filter 0.15s;
    -o-transition: filter 0.15s;
    transition: filter 0.15s;
}

.gallery a.visible:hover img,
.gallery a.visible:focus img {
	filter: brightness(110%) contrast(110%);
}

.gallery a.visible:hover img,
.gallery a.visible:focus img {
	outline: 2px solid #6b241f;
}

.gallery a.visible img {
	margin-bottom: -7px;
}

.photoborder .gallery a.visible {
	max-width: none;
}

/*******************************************************************
	FLEX
*******************************************************************/
.flex-video {
	position: relative;
	padding-top: 1.5625em;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 1em;
	overflow: hidden;
}
.flex-video.widescreen {
	padding-bottom: 57.25%;
}
.flex-video.vimeo {
	padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*******************************************************************
  MEDIA QUERIES
*******************************************************************/

@media handheld, only screen and (max-width: 540px) {

	.gallery a.visible {
		max-width: 47%;
	}
}

/*******************************************************************
  PRINT MEDIA QUERY (PRIMARILY FOR RECIPES PAGES)
*******************************************************************/

@media print {
	header,
	#masthead,
	#content .button,
	footer {
		display: none;
	}

	body,
	#content {
		font-size: 14px;
		line-height: 28px;
	}
	
	#content {
		padding: 0 20px;
	}

	h1 {
		font-size: 24px !important;
	}
	
	h2 {
		font-size: 18px !important;
	}
}