/*
Theme Name: cinespia
Author: Analog Creative, Inc.
Author URI: http://analog.la/
Description: A custom theme built for Cinespia, by the fine folks at Analog.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

Colors: 

Gold: #ffd741
Blue: #53c1e7
Orange: #ee8630
Red: #b34245
Purple: #833e68
Green: #488a54

*/



/* Section 2: Global
============================================== */
.c-container .events:nth-child(even) {
	clear: right;
}
.c-container .events:nth-child(odd) {
	clear: left;
}
#isotopegallery br {
	display: none !important;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #53c1e7;
}

a:visited {
	color: #53c1e7;
}

#page {
	width: 100%;
	margin-bottom: 2%;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
}

.subhead, .colt-col-container .subhead {
	font-size: 36px;
	color: #53c1e7;
	text-transform: lowercase;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
}

p{
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
	text-align: justify;
}

body {
	width: 100%;
	height: auto;
	position: relative;
	background: url(images/subtlenet2.png);
	}
	
#colors, #colors-b {
	width: 100%;
	height: 10px;
	margin: 0;
	background:url(images/fadecolorbar.jpg) repeat;
	clear: both;
	background-size:contain;
	background-position:center;
		
}	

#colors {
		top: 0;
}

#colors-b {
	position: absolute;
	bottom: 0;
	z-index: 9999;
	
	}

#main:before {
	clear: both;
}

#main {
	width: 90%;
	max-width: 1450px;
	height: auto;
	margin: 0 auto;
}	

.sticky-footer {	
	width: 100%;
	padding: 0;
	padding-top:8px;
	background-color: #222222;
	color: white;
	position: relative;
	margin: 0;
	height: 60px;
	text-align: center;
	}

.sticky-footer a {

	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	color: white;
	letter-spacing: 2px;
	font-weight: 100;
	
	
}

.sticky-footer a:hover {
	opacity: .5;
}

#colophon {
	height: auto;
	background-color: #eaeaea;
	padding: 25px 0;
}

#colophon .site-info {
	width: 90%;
	max-width: 1450px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#colophon .copyright {
	font-size: 11px;
	color: #787878;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	padding-top: 30px;
}

#colophon .analogo {
	background: url(images/design-by-analog.png) no-repeat 0 0;
	display: block;
	width: 200px;
	height: 31px;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: -11px;
}

#colophon .analogo:hover {
	background: url(images/design-by-analog.png) no-repeat 0 -31px;
	display: block;
	width: 200px;
	height: 31px;
	position: absolute;
	right: 0;
	bottom: -11px;

}

/* Section 3: Navigation
============================================== */	
nav {
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 2px;
	font-weight: 100;
}

nav#site-navigation {
	width: 100%;
	padding: 0;
	background-color: black;
	color: white;
	margin: 0;
	position: absolute;
	top: 10px;
	
}	

.maillist {
	display: none;
}

nav#site-navigation:after {
	clear:both;
}

#navigation {
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
	position: relative;
	visibility: visible;
	display: block;
	z-index: 9999;
}

#mobile-nav {
	display: none;
}

nav ul li {
	list-style: none;
	display: inline-block;
	margin-left: 1.6%;
	
}

nav ul > li:first-child{
	margin-left: 0;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav li, nav li a, nav a.mailing-list {
	padding: 5px;
	color: white;
	display: inline-block;
	text-align: left;
	text-decoration: none;
}

nav a:visited {
	color: white;
}

#site-navigation li.current-menu-item a {
	color: #62ccf0;
}

nav li a:hover {
	color: #62ccf0;
	color: #53c1e7;
}

 nav a.mailing-list {
	 float: right;
	margin: 0; 
	width: 150px;
	padding: 10px 0;
	cursor: pointer;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* CONTROLS NAV BUTTON, NOT DROPDOWN BOX */
nav a.mailing-list.active {
	background: #393737;
	width: 140px;
	text-align: center;
	margin: 0; 
	padding: 10px 0;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* CONTROLS DROPDOWN BOX */
.maillist {
	margin: 0;
	position: absolute;
	top: 56px;
	right: 0;
	width: 320px;
	/* height: 120px; */	
	background: #393737;
}

.wpcf7 {
	width: 90%;
	margin: 0 auto !important;
}

#subForm, .subForm {
	width: 100%;
	color: white;
	padding: 20px 0;
	text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
}

/* CONTROLS BUTTON HEIGHTS */
#subForm #duhkld-duhkld, input.wpcf7-form-control {
	width: 100%;
	height: 40px;
	outline: 0;
	border: 1px solid #f8f8f8;
	margin-bottom: 10px;
	padding: 0 10px;
	background: #f8f8f8;
	text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	font-size: 27px;
  color: #333;
	letter-spacing: 2px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e0dfe1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #e0dfe1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #e0dfe1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #e0dfe1;
}
input.submit.inactive {
  background-color: #e0dfe1 !important;
}

#subForm #duhkld-duhkld:hover, input.wpcf7-form-control:hover {
	background: white;
	border: 1px solid white;
}

#subForm #duhkld-duhkld:focus, input.wpcf7-form-control:focus {
	border: 1px solid #62ccf0;
	background: white;	
}

#subForm label {
	font-size: 15px;
}


.subForm input.wpcf7-submit {
	background: #53c1e7;
	color: white;
	text-transform: uppercase;
	font-family: 'franklin-gothic-ext-comp-urw', 'zurich', helvetica, sans-serif;
	font-size: 25px;
	padding: 0 10px;
	border: 0;
	outline: 0;
	
	width: 35%;
float: right;
}

#subForm .submit:hover, .subForm wpcf7-submit:hover {
	background: #62ccf0;
}

#dd {
	display: none;
	background: #393737;
	position: absolute;
	width: 12%;
}

li#menu-item-93:hover {
	background: #393737;
}

nav ul.sub-menu {
	background: #393737;
	margin-top: 20px;
}

.wpcf7-response-output {
	border: none !important;
	font-size: 14px;
}

span.wpcf7-not-valid-tip {
	display: none;
}

	
@media only screen and (min-width: 1023px) {
ul#mobile-nav {
	display: none !important;
}

.mobile-dd {
	display: none;
}
}

/* Section 4: Header
============================================== */

header#masthead {
	width: 100%;
	padding: 20px 0 0 0;
	margin-top: 4.2%;
}

#masthead h1 {
	height: auto;
	width: 30%;
	float: left;
	display: block;
}

.header-sns {
	width: 30%;
	float: right;
}

.sns {
	width: 15%;
	padding-bottom: 15%;
	margin-left: 2%;
	float: right;
}

body.home .header-sns {
	/* display: none; */
}

/* Section 5: Homepage #main
============================================== */

header.home #sns {
	/* display: none; */
}

#main:before, #main:after { clear:both; }

#main {
	margin-bottom: 20px;
	position: relative;
}

.main-left {
	width: 66.7%;
	float: left;
}

.main-left video.active {
	width: 100%;
	height: auto;
	display: inline;
}

.main-left video {
	display: none;
}

.main-right {
	width: 32.3%;
	margin-left: 1%;
	height: 0;
	float: left;
	position: relative;
	background: white;
	margin-bottom: 1%;
	padding: 1% 1% 17.3% 1%;
}

.main-right h3.time {
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: white;
}

.main-right.cemetery, .main-right.cemetery h3 {
	color: #53c1e7;
}

.main-right.other, .main-right.other h3 {
	color: #ffd741;
}	

.main-right.cemetery.active, .main-right.cemetery.active h3 {
	background:#53c1e7;
	color: white; 
}

.main-right.other.active, .main-right.other.active h3 {
	background:#ffd741;
	color: white;
}


.main-right > div:first-child {
	margin-top: 0;
}

.main-right > div:last-child {
	margin-bottom: 0;
}


.main-right h2 {
	text-align: center;
	text-transform: uppercase;
	color: white;
	background-repeat: repeat, no-repeat;
	width: 100%;
	height: auto;
	font-size: 30px;
	padding: 8.75% 0;
	background-size:auto,cover;
	background-position:center;
}


.main-right.active h2 {
	background-image: none !important;
	padding: 1% 0;
}


.main-right h4 {
	display: none;
}

.main-right.active h4 {
	display: block;
	text-align: center;
	color: white;
	letter-spacing: 2px;
	text-transform: lowercase;
	font-style: italic;
	color: rgba(255,255,255,.6);
		padding: 0 0 2% 0;
}

.main-right a {
	background:white;
	border: 1px solid #ffd741;
	color: #ffd741;
	padding: 1%;
	text-transform: uppercase;
	display: inline-block;
	width: 32.6%;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	letter-spacing: 3px;
}

.main-right-links {
	margin-top: 6.5%;
}


.main-right.active a.trailer {
	visibility: hidden;
}


.main-right.cemetery a {
	border: 1px solid #53c1e7;
	color: #53c1e7;
}

.main-right.cemetery.active a {
		background:#53c1e7;
		border: 1px solid white;
		color: white;
		margin-bottom: 5%;
}

.main-right.other.active a {
		background:#ffd741;
		border: 1px solid white;
		color: white;
}

.main-right.active .main-right-links {
	position: absolute;
bottom: 0;
width: 95%;
margin-bottom: 5%;
}
	
.event-movie-quote {
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	color: #787878;
}	

.event-movie-quote > div {
	width: 91%;
	float: left;
	margin-top: 0.7%;
}
	
#sub-wrap {
	width: 100%;
	margin-bottom: 1%;
}

#sub-main {
	width: 90%;
	max-width: 1450px;
	height: auto;
	margin: 0 auto;
}

.home-news-feed {
	width: 49%;
	padding-bottom: 0%;
	margin-bottom: 1%;
	float: left;
	
}

.home-news-feed > div:last-child {
	margin-right: 0;
}

.home-news-feed h2.subhead {
	margin-bottom: 14px;
}

.main-right a {
width: 32%;
}


.news-date {
float: left;
width: 100%;
/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
font-size: 20px;
color: #787878;
}

.news {
	width: 49%;
	padding-bottom: 0%;
	margin-top: 0;
	padding-top: 0;
	float: left;
	margin-right: 2%;
	}
	
.news p {
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: justify;
	margin: 3% 0;
	line-height: 1.6em;
	color: #969696;
}

@media only screen and (min-width: 1200px) {
	.news p {
		font-size: 16px;
	}
}

.news img {
	width: 100%;
	height: auto;
}

.news h2 {
	color: #c4c4c4;
	font-size: 20px;
	margin: 0; 
	padding: 0;
}

.news-img {
	width: 100%;
	padding-bottom: 56.422%;
	
	
}

.news .button {
	margin: 0;
	margin-top: 15%;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	text-align: center;
	font-size: 24px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px; 
	padding: 2px 0;
	float: right;
	background: #c4c4c4;
	width:54px;
}

.home-events-feed {
width: 50%;
float: left;
margin-left: 1%;

}

.home-events-feed h2.subhead {
	margin-bottom: 14px;
}

.sm-box {
	background-color: #ffd741;
	float: left;
	height: 0; 
	margin: 0 2% 2% 0%;
	padding: 10px 10px 46.7% 10px;
	text-align: center;
	width: 48.3%;
	
}

.sm-box:nth-child(2n+2) {
	margin-right: 0;
}

.sm-box h3.time {
float: left;
color: white;
}

.sm-box h2 {
	color: white;	
	display: block;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 30px;
	line-height: 24px;
	margin-top: 20%;
	text-transform: uppercase;
}

.sm-box h4 {
	color: rgba(255,255,255,0.56);
	margin-bottom: 20%;
	text-transform: lowercase;
}

a.event-links {
	background: #ffd741;
	border: 1px solid white;
	color: white;
	margin-bottom: 5%;
	padding: 2% 4%;
	text-transform: uppercase;
	font-size: 25px;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	letter-spacing: 3px;
}

a.event-links:hover {
background-color: #f9de75;
}

.sm-box.cemetery, .sm-box.cemetery a.event-links  {
background-color: #53c1e7;
}

#filters a.cemetery:hover, .cemetery .events-content a:hover, .main-right.cemetery.active a:hover, .sm-box.cemetery a.event-links:hover, a.ticket-link.cemetery:hover {
background-color: #62ccf0;

}


.box-img {
	padding-bottom: 80%;
	width: 100%;
}


.bottom-full-width {
	width: 100%;
	padding: 40px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom:4%;
	background: white;
}

#photo-booth {
	width: 90%;
	max-width: 1450px;
	height: auto;
	margin: 0 auto;
}

.pb-desc-mini {
	display: none;
}

#photo-booth > div:first-child {
	margin-left: 0;
}

#photo-booth > div:last-child {
	margin-right: 0;
}

.pb {
	width: 23%;
	float: left;
	margin-right: 2%;
}

.pb img {
	width: 100%;
	height: auto;
}

.pb-desc {
 	height: 100%;
	width:24%;
	margin: 0 .5%;
	float: left;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
	color: #c1c1c1;
}

.pb-desc p {
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
}

.pb-desc img {
	margin-bottom: 20px;
}

.pb-desc .button a, .read-more-home-btn a {
	margin: 0;	
	font-family: 'franklin-gothic-ext-comp-urw', 'zurich', helvetica, sans-serif;
	display: block;
	text-align: center;
	font-size: 25px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 3px; 
	padding: 1px 10px;
	float: right;
	background: #c1c1c1;}
	
	#filters {
		margin-left: 0;
		display: none;
	}

.pb-desc .button a:hover, .read-more-home-btn a:hover, .pb-mini-button a:hover {
background: #d6d5d5;
}

.events-content a:active, #filters a:active, .main-right a:active, a.event-links:active, .pb-desc .button a:active, .read-more-home-btn a:active, .pb-mini-button a:active, a.expand:active {
box-shadow: inset 1px 1px 2px rgba(0,0,0,.25);
}

.pb-mini-button, .pb-micro-button {
	display: none;
}


@media only screen and (min-width: 1023px) and (max-width: 1200px) {
	.main-right a {
	font-size: 16px;
}
a.event-links {
	font-size: 16px;
}
.main-right-links {
	margin-top: 3%;
}
}


/* Section 6: News 
================================================== */

/* Main Section */

body.blog #primary, #primary.single, body.archive #primary, body.category #primary  {
	width: 75%;
	float: left;
}

body.blog article, #primary.single article, body.archive article, body.category article  {
	width: 100%;
	float: left;
	margin-right: 5%;
	border-bottom: 2px solid #53c1e7;
}

#primary.single article, body.archive article, body.category article {
	border-bottom: none;
}

body.blog .entry-header, #primary.single .entry-header, body.archive .entry-header, body.category .entry-header {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
}

body.blog .entry-meta, #primary.single .entry-meta, body.archive .entry-meta, body.category .entry-meta {
	font-size: 16px;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
	text-transform: lowercase;
}

body.blog .entry-header h1 a, #primary.single .entry-header h1 a, body.archive .entry-header h1 a, body.category .entry-header h1 a {
	font-size: 36px;
	font-family: "franklin-gothic-urw-comp";
	text-transform: lowercase;
	color: #53c1e7;
	line-height: 36px;
}

body.blog article .entry-content, #primary.single article .entry-content, body.archive article .entry-content, body.category article .entry-content {
	float: left;
	width: 69%;
	margin-left: 1%;

}

body.blog article .entry-content img, #primary.single article .entry-content img, body.archive .entry-content img, body.category .entry-content img {
	width: 100%;
	height: auto;
}

body.blog .entry-content p, #primary.single .entry-content p, body.archive .entry-content p, body.category .entry-content p {
	font-size: 16px;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
}

#nav-below {
	position: relative;
	background-color: transparent;
	width: 100%;
	margin: 0 auto;
}

.site-content .nav-previous, .site-content .nav-next {
	width: 14%;
	margin-right: 2%;
}

.site-content .nav-next {
	margin-right: 0;
}

.site-content .nav-previous a, .site-content .nav-next a{
	float: left;
	width: 100%;
	color: white;
	border: 1px solid white;
	padding: 2% 5%;
	text-align: center;
	background: #53c1e7;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	letter-spacing: 3px;

}

.site-content .nav-previous a:hover , .site-content .nav-next a:hover {
		background: #62ccf0;
}


.site-content .nav-previous a:active , .site-content .nav-next a:active {
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.25);
}


/* Sidebar */
#secondary.news-page {
	width: 24%;
	float: left;
	margin-left: 1%;
}


#sidebar {
	width: 25%;
	float: left;
		padding-bottom:35%;
		margin-bottom: 1%;
}

.news-page input.field {
width: 100%;
padding: 2%;
background: white url(images/search-bar.png) no-repeat 97% 50%;
text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	border: 1px solid white;
}

.news-page input.field:focus {
	border: 1px solid #53c1e7;	
	outline: none;
}

.widget_categories {
	background: white;
	width: 50%;
	padding: 1% 4%;
}

.widget_categories h2 {
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	font-size: 27px;
	letter-spacing: 2px;
	color: #e0dfdf;
	text-transform: uppercase;
}

.widget_categories ul {
	color: #53c1e7;
	margin: 14% 10% 5%;
}

.widget_categories a {
	color: #53c1e7;
	text-transform: lowercase;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
}

/* Section 7: Vault Page 
================================================== */

.videos {
	width: 32.63%;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
}

.vault .videos:nth-child(3n+3) {
	margin-right: 0;
}

.vault {
	min-height: 670px;
}


/* Section 8: Contact Page 
================================================== */

.contact h2 {
	font-size: 36px;
	text-transform: lowercase;
	color:#53c1e7;
	line-height: 33px;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	margin-bottom: 1%;
}


.contact-form {
	width: 50%;
	padding: 2% 15px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 50px;
	background: white;
	color: #62ccf0;
	
}

.contact-form span {
	width: 100%;
	margin: 10px auto;
	display: block;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	color: #c4c4c4;
	border-radius: 0;
}

.contact-form span {
	float: left;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: .5%;
}	

.contact-form input {
	width: 100%;
	height: 50px;
	padding-left: 50px;
	border: 0;
	background:#f8f8f8;
	border: 1px solid #f8f8f8;
	color: #888;
	border-radius: 0;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	font-size: 27px;
	font-weight: 100;
	letter-spacing: 1px;
	text-transform: uppercase;
	
}

div.wpcf7 .watermark {
color: #e0dfdf;
}

.contact-form input[type=text]:focus, .contact-form input[type=email]:focus, .contact-form input[type=password]:focus, .contact-form textarea:focus {
border: 1px solid #53c1e7;
outline: none;
}

.contact-form input.name {
	background:#f8f8f8 url(images/contact/contact-name-bg.png) no-repeat 3% 50%;
}

.contact-form input.email {
	background:#f8f8f8 url(images/contact/contact-email-bg.png) no-repeat 3% 50%;
}

.contact-form input.subject {
	background:#f8f8f8 url(images/contact/contact-subject-bg.png) no-repeat 3% 50%;
}

.contact-form textarea.message {
	background:#f8f8f8 url(images/contact/contact-message-bg.png) no-repeat 3% 4%;
}

.contact-form input:hover {
	border: 1px solid white;
	background-color: white;
	outline: none;
}

.contact-form textarea {
	width: 100%;
	margin: 10px auto;
	display: block;
	height: 390px;
	background:#f8f8f8;
	border: 1px solid #f8f8f8;
	padding-top: 7px;
	padding-left: 50px;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	font-size: 27px;
	font-weight: 100;
	letter-spacing: 1px;
	resize: none;
	text-transform: uppercase;
}

.contact-form textarea:hover {
	border: 1px solid white;
	background-color: white;
outline: none;
}

.contact-form textarea:focus {
	background-color: #f8f8f8;
	}

.contact-form .ckbox {
	width: 100%;
	height: 20px;
	margin:4% 0;
	padding-left: 12%;
	display: block;
}
.contact-form .ckbox:after {
	clear: both;
	}
	

	
.contact-form input.submit:hover {
	background: #62ccf0;
}	



.contact-form input.check {
	width: 2%;
	margin: 1%;
	height: auto;
	float: left;
	}
	
.contact-form .contact-bottom {
	width: 100%;
	float: left;
}

.contact-form .contact-bottom span.checkbox-578 input {
	width: auto;
	height: auto;
	float: left;
	margin-top: 2%;
	margin-right: 2%;
}
.contact-form .contact-bottom span span > span {
	width: 90%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	
}

.contact-form .contact-bottom span.checkbox-578 {
	width: 80%;
	padding-left: 10%;
	float: left;
}

.contact-form .contact-bottom input.submit {
	float: right;
	width: 20%;
	height: auto;
	text-align: center;
	color: white;
	padding: 0px;
	background: #53c1e7;
	margin-top: -15px;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	letter-spacing: 3px;

	}

.wpcf7-response-output {
	text-align: center;
	text-transform: lowercase;
color: #53c1e7;
line-height: 33px;
font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	font-size: 36px;
}

/* Section 9: Music Page 
================================================== */

.box {
	padding: 10px;
	background: #fff;
	visibility: hidden;
	position: absolute;
	margin-top: -10px;
	z-index: 9999;
	width: 450px;
}

.box h2 {
	font-size: 36px;
	color: #ee8630;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	line-height: 36px;
	margin-bottom: 45px;
	text-transform: uppercase;
}
.facebook-box {
	border: 10px solid #474F9B;
	
}
.email-box {
	border: 10px solid #488E4E;		
}
.email-box .line {
	display:block;
	overflow:hidden;
	margin: 4px 0;
}
.email-box label {
	display:block;
	float: left;
	width: 85px;
	font-size: 14px;
	font-weight:bold;
	padding-top: 2px;
}
.email-box input[type="text"], .email-box textarea {
	width: 285px;
}
.email-box textarea {
	border: 0;
	background: #fff;
	font-size: 13px;
	height: 80px;
}
.email-box input[type="submit"] {
	float:right;
	border: 1px solid #E8872A;
	background: #E8872A;
	font-size: 18px;
	color: #fff;
	padding: 1% 3%;
	cursor: pointer;
	text-transform: uppercase;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 3px;
}
.box .close {
	position: absolute;
	right:10px;
	top:5px;
}

.download {
	color: #fff !important;
	background: #E8872A;
	padding: 1% 3%;
	cursor: pointer;
	text-transform: uppercase;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 3px;
	display: none;
	font-size: 20px;
	position: absolute;
	bottom: 2%;
	left: 34.25%;
	margin-top: 6px;
}
.download:hover {
	opacity: 0.8;
}

#primary.music-page {
	width: 75%;
	float: left;
}

#secondary.music-sidebar {
	width: 23%;
	float: left;
	margin-left: 2%;
}

.widget img {
	width: 100%;
	height: auto;
}

.music-page .thankyou, .music-page .dialog {
	position: absolute;
left: 40%;
top: 23%;
background: white;
padding: 5%;
visibility: hidden;
}

.music-sidebar div, .news-page div {
width: 100%;
}

.music-sidebar div img, .news-page div img {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
	border: 10px solid white;
}

#primary.music-page a {
	color: #e8872a
}

.music {
	border-bottom: 2px solid #e8872a;
	padding-bottom: 3%;
	margin-bottom: 30px;
	position: relative;
}

.music-header {
	width: 31.25%;
	float: left;
}

.music-header img {
	border: 10px white solid;
	width: 100%;
	height: auto;
}

.music h1 {
	color: #e8872a;
	font-size: 48px;
	text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
}

.music h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

.music-content {
	width: 65.625%;
	float: left;
	margin-left: 3.125%;
	margin-top: 0%;
}

.music-content h2 {
	font-size: 36px;
	color: #ee8630;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	line-height: 36px;
	margin-bottom: 2%;
}

.like-btns {
float: left;
width: 37%;
height: 66px;

}

.like-sns {
	width: 21%;
	max-width: 53px;
	height: 100%;
	max-height: 53px;
	display: block;
	float: left;
	margin: 2%;
}

.like-sns.em {
	background: url(images/showHide/share-btns-email.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.em:hover, .like-sns.em.selected {
	background: url(images/showHide/share-btns-email-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.fb {
	background: url(images/showHide/share-btns-fb.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.fb:hover, .like-sns.fb.selected {
	background: url(images/showHide/share-btns-fb-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}


.like-sns.tw {
	background: url(images/showHide/share-btns-tw.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.tw:hover {
	background: url(images/showHide/share-btns-tw-hov.png) no-repeat;
	background-size: contain;	
	background-position:center;
}

.like-sns.dl {
	background: url(images/showHide/download-btn.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.dl:hover {
	background: url(images/showHide/download-btn-hov.png) no-repeat;
	background-size: contain;	
	background-position:center;
}

#hidden_mail {
  display:none;
  margin-top:-10000px;
}
#hidden_fb {
  display:none;
}

.mejs-controls {
border: 1px solid #e8872a !important;
border-radius: 5px !important;
background: #f0eeee !important;
color: #e8872a;
}

.mejs-container { background: #f0eeee !important;
float: left;
margin-bottom: 3%; }


.mejs-container .mejs-controls .mejs-time span {
	color: #e8872a !important;
}

/* Section 11: Gallery Page
============================================== */
.gallery-page .photos,
.gallery-container {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.gallery-page {
	min-height: 650px;
}

.gallery-content {
	width: 100%;
}

.gallery-header {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.3);
}

.gallery-header h1 {
background: white;
display: block;
width: 60%;
margin: 19% auto;
text-align: center;
padding: 5%; 
color: #ffd741;
}

.gallery-header h1.cemetery {
color: #53c1e7;
}

.gallery-home h1 {
display: block;
line-height: 18px;
}

.gallery-home h1 span {
	font-size: 13px;
}

.gallery-home h1:hover {
color: #ffd741;
}

.gallery-home h1.cemetery:hover {
color: #53c1e7;
}

.item {
	margin: 5px;
}

.gallery-home {
	width: 32%;
	height: auto;
	position: relative;
	float: none;
}

.gallery-content img {
	width: 100% !important;
	width: 480px !important;
	max-width: 100%;
	height: auto;
}

.photo {
	/*margin: 5px;*/
	margin: 0 5px;
}
.site-content .gallery a img {
    padding: 0 0 3px;
}



.lightbox-share-btns {
	width: 55%;
	max-width: 260px;
	min-width: 130px;
	height: 35px;
	background: transparent;
	padding: 1%;
	z-index: 999;
	position: absolute;
	top: -15px;
	left: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.lightbox-share-btns .share-sns {
	width: 35px;
	height: 35px;
}

.gallery-share-btns a {
	z-index: 9999;
}

div#shShutter {
	background-color: rgba(254,254,254,.9);
	opacity: 1;
}

div#shShutter{
	position: fixed; 
	top: 0 !important;
} 
div#shDisplay {
	position: fixed; 
	top: 20px !important;
}

.constrain {
width: 62%;
margin: 2% auto !important;
}

div#shDisplay img#shTopImg {
margin: 0 auto;
border: none;
background: transparent;
display: block;
max-width: 100%;
max-height: 660px;
float: none;
padding: 2px;
cursor: pointer;
}

#shDisplay div#shCount {
	display: none;
}

#shDisplay div#shPrev a {
position: absolute;
font-size: 1px;
top: 50%;
left: 10%;
display: block;
width: 88px;
height: 125px;
overflow: hidden;
background: url(images/next-prev.png) no-repeat 0 -125px;
}

#shDisplay div#shNext a {
position: absolute;
font-size: 1px;
top: 50%;
right: 10%;
display: block;
width: 88px;
height: 125px;
overflow: hidden;
background: url(images/next-prev.png) no-repeat 0 0;

}

#shDisplay div#shPrev a:hover {
	background: url(images/next-prev.png) no-repeat -88px -125px;
}

#shDisplay div#shNext a:hover {
	background: url(images/next-prev.png) no-repeat -88px -0;
}

#shDisplay div#shTitle {
	display: none;
}

#shClose {
position: absolute;
top: 2%;
right: 2%;
font-size: 1px;
z-index: 99999;
width: 72px;
height: 72px;
overflow: hidden;
background: url(images/gallery-close.png) no-repeat 0 0;
color: black;
display: block;
cursor: pointer;
visibility: visible;
}

#shClose:hover {
	width: 72px;
height: 72px;
overflow: hidden;
background: url(images/gallery-close.png) no-repeat 0 -72px;
}

/* Section 12: The Wall
================================================== */

/* Start: Recommended Isotope styles */

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */





/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


	
	.iso {
	display: block;
	width: 300px;
	height: 300px;
}

.tweeted {
	display: block;
	height: 300px;
	width: 300px;
	border: 2px solid gray;
	padding: 10px;
	}
	
.the-wall h3 {
	text-transform: uppercase;
	font-size: 48px;
	color: #53c1e7;
	line-height: 50px;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
}	

.wall-item {
width:170px;height:170px;overflow:hidden;
margin: 5px;	
background: #53c1e7;
color: white;
text-align: center;
/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
font-size: 16px;
position: relative;
}

.tweet-name, .tweet-datetime {
	display: none;
}

.tweet-username {
position: absolute;
bottom: 2%;
width: 100%;
font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
text-transform: lowercase;
font-size: 12px;
}

.tweet-content {
	margin: 5%;
	line-height: 19px;
	font-size: 14px;
}

/* Big size will be 332px (wall item squared minus for margin) */

.wall-item img {
	width:100%;
	height:auto;
}

.iso-container .one, .iso-container .two, .iso-container .three,
.iso-container .four, .iso-container .five, 
.iso-container .six, .iso-container .seven, 
.iso-container .eight  , .iso-container .nine,
.iso-container .ten, .wall-container .one, .wall-container .two, .wall-container .three,
.wall-container .four, .wall-container .five, 
.wall-container .six, .wall-container .seven, 
.wall-container .eight  , .wall-container .nine,
.wall-container .ten	{	
	width:170px;height:170px;overflow:hidden;
	display: block; 
	margin: 5px;
	}
	
.iso-container .three, .wall-container .three {
	width: 350px; 
	height: 350px; 
	background: #53c1e7;
	display: block; 
	margin: 5px;
	}
	
.iso-container .wall-item.three .tweet-content, .wall-container .wall-item.three .tweet-content {
		font-size: 26px;
		margin: 5%;
		line-height: 35px;
	}
	
.iso-container #date, .wall-container #date {	
	text-transform: lowercase; 
	font-variant: small-caps; 
	text-align: center;
	font-size: 13px;
	}
	
	
img.wp-smiley {
display: none;
}

	/*Single wall hides header and footer */

	body.page-template-template-wall-live-php #colors, body.page-template-template-wall-live-php #masthead, body.page-template-template-wall-live-php #site-navigation, body.page-template-template-wall-live-php .sticky-footer, body.page-template-template-wall-live-php #colophon  {
		display: none;
	}
	
	body.page-template-template-wall-live-php h3 {
	font-size: 84px;
	}


/* Section 13: Calendar  
=============================================*/

.iso-container, .calendar-container {
	width: 100%;
}

.events, .viewAll .events {
	width: 46%;
	margin-right: 2%;
	margin-bottom: 2%;
	background: white;
	padding: 15px;
	float: left;
	position: relative;
}

.events-header {
	width: 100%;
	float: left;
	margin-bottom: 2%;
}

.events h1, .viewAll .events h1, .event.entry-header h1 {
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 48px;
	color: #ffd741;
	color: #ff9933;
	line-height: 40px;
}

.event.entry-header h2{
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 32px;
	/*line-height: 40px;*/
}

.events.cemetery h1, .viewAll .events.cemetery h1 {
	color: #53c1e7;
}

.events-content {
	width: 100%;
}

.events-content img {
	float: left;
	width: 100%;
	height: auto;
}

.events-meta-c {
	float: left;
	width: 49.479%;
	margin-left: 3.299%;
}
.events-content a.buy, .events-content a.view {
	display: block;
	float: right;
	width: 49%;
}

.events-content a.view {
	margin-left: 0;
	margin-right: 1%;
}

.events-content ul {
	float: left;
	width: 100%;
	margin-left: 0;
	box-sizing: border-box;
	list-style: none;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #969696;
	letter-spacing: 1px;
	text-transform: lowercase;
	height: 105px;
	
	height: auto;
	/*color: #333;
	background: #eaeaea;
	padding: 6px;
	text-transform: uppercase;*/
	margin-bottom: 5%;
}

.events-content ul li span {
	width: 20%;
	margin-right: 10%;
	display: inline-block;
	color: #b5b5b5;
}

.events-content a, #filters a  {
margin-left: 1%;
color: white;
padding: 1% 2%;
text-transform: uppercase;
font-size: 25px;
text-align: center;
font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
letter-spacing: 3px;
background: #ffd741;
background: #ff9933;
}

@media only screen and (min-width: 1023px) and (max-width: 1250px) {
	.events-content a {
		font-size: 17px;
	}
}

#filters a:first-child {
	margin-left: 0;
}

.events-content a {
	display: inline-block;
	float: right;
}

.events-content a.thumbimg {
	background: none !important;
	display: block;
	width: 47.222%;
	float: left;
	padding: 0;
	margin: 0;
}

/*Colten
===soldout displayed as none*/
.soldout-calendar{
	display: none;
}
.soldout-calendar-mob{
	display: none;
}
.events-content a.buy-mob, .events-content a.view-mob {
	display: none;
}

.events-content.expired a.buy {
	display: none;
}

#filters a {
	padding: .75% 1%;
}


.events-content a:hover, #filters a:hover {
background: #f9de75;
background: #fdb46a;
}

a.expand {
width: 18%;
display: block;
color: white;
text-align: center;
padding: 5px 0;
font-size: 25px;
margin: 0 auto;
letter-spacing: 2px;
font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
}

#filters ul {
	margin: 0;
	margin-bottom: 1%;
}

#filters li {
	display: inline;
	box-sizing: border-box;
}

#filters a {
	float: none;
	width: 100%;	
}

#filters a.all, a.expand {
	background: #c1c1c1;
}

#filters a.all:hover, a.expand:hover {
	background: #d5d5d5;
}

.cemetery .events-content a, #filters a.cemetery {
background: #53c1e7;
}


.mb-twitter img, .event-movie-quote img {
	width: 2%;
	height: auto;
}	

.mb-twitter img.quote-left, .event-movie-quote img.quote-left {
	float: left;
}

.mb-insta img.quote-right, .event-movie-quote img.quote-right {
	float: right;
}

.mb-twitter .widgets_on_page {
	width: 91%;
	float: left;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
}

.mb-twitter li.tweet {
	padding: 0;
	padding-top: .5%;
}

.mb-twitter ul {
	text-align: center;
	list-style: none;
}

.mb-twitter a {
	color: #53c1e7;
}

.mb-insta { 
width: 39.4%;
padding-bottom: 12%;
margin: 1% 0;
min-height: 181px;
height: 0;
border-left: 1px solid #e6e6e6;
}

.slideshow {
position: relative;
width: 39.6%;
float: left;
max-height: 250px;
overflow: hidden;
	}
	
	.ml-bottom {
	width: 100%;
	padding-bottom: 41%;
	margin: 3% 0;
}

.main-bottom {
	float: left;
	width: 100%;
	padding-bottom: 1%;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background: white repeat-x;
	margin-bottom: 2%;
	}
	
.main-bottom-limit {
	width: 90%;
	margin: 0 auto;
	max-width: 1450px;
}	

.main-bottom .sns.inst, .header-sns .header-im {
	background: url(images/homepage/home-mid-ins.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.inst:hover, .header-sns .header-im:hover {
	background: url(images/homepage/home-mid-ins-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.fb, .header-sns .header-fb {
	background: url(images/homepage/home-mid-fb.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.fb:hover, .header-sns .header-fb:hover {
	background: url(images/homepage/home-mid-fb-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.tw, .header-sns .header-tw {
	background: url(images/homepage/home-mid-tw.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.tw:hover, .header-sns .header-tw:hover {
	background: url(images/homepage/home-mid-tw-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns {
	height: 50px;
	width: 50px;
	padding-bottom: 0;
}

.main-bottom .sns, .mb-fb, .mb-twitter, .mb-insta {float: left;}

.mb-fb {
width: 30%;
display: block;
border-right: 1px solid #e6e6e6;
height: 0;
margin: 1% 0;
padding-bottom: 12%;
}

.mb-fb p {
font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
color: #787878;
font-size: 14px;
width: 25%;
float:left;
line-height: 16px;
}

.fb-img {
float: left;
margin: 0 2%;
width: 46.6%;

}

.fb-img img {
width: 100%;
height: auto;
}

.mb-twitter {
	width: 28.6%;
	margin: 1%;
	font-size: 13px;
	text-align: center;
	color: #787878;
	padding: 0;
	position: relative;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	}
	
	.mb-twitter img {
	position: absolute;
	width: 8%;
	bottom: -12%;
	right: 5%;
	}

.mb-twitter ul {
margin: 0 15%;
}


h2.sideways {
-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	display: block;
	z-index: 99;
	position: absolute;
	bottom: 20%;
	font-size: 28px;
	color:#626161;
	text-transform: uppercase;
	left: -24px;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	}
	
	h2.sideways-min {
		display: none;
	}
	.slideshow:first-of-type {
	margin-left: 5%;
	}
	
	.slideshow ul {
    list-style: none;
	margin: 0;
    height: 200px;
	}
	
.slideshow li{
  display: none;
}
.slideshow li:first-child{
  display: block !important;
}
.slideshow li img {
width: 100%;
height: auto;
}

.slides {
width: 80%;
margin-left: 15%;
}
	

/* Section 14: Single Event
=============================================*/





header.event {
	margin: 0 0 20px;
}

#primary.single-event #primary {
	width: 100%;
}

#content.cemetery .event.entry-header h1 {
	color: #53c1e7;
}

.event.entry-header {
	width: 100%;
	position: relative;
}

.event-header-left {
	width: 24%; //24%
	height: 0;
	padding-bottom: 28%;
	float: left;
	position: relative;
}

.event-header-left h1 {
	margin-bottom: 5%;
}

.event-header-left ul {
	margin: 0;
	list-style: none;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
}

.event-header-left ul li {
	margin: 1.5% 0;
	text-transform: lowercase;
}

.event-header-left ul li span {
	display: inline-block;
	color: #b5b5b5;
	width: 20%;
}

.event-header-left span.map-pin {
	width: 15px;
	height: 22px;
	margin-left: 5px;
	background: url(images/events-page/scroll-to-map.png) no-repeat;
}

#content.cemetery .event-header-left span.map-pin {
	background: url(images/events-page/scroll-to-map-blue.png) no-repeat;
}

.event-text {
	float:left;
	width: 33.2%; //24.2%
	height: auto;
	padding-bottom: 4%;
	margin: 0 1%;
	font-size: 16px;
	color: #969696;
	position: relative;
}


a.ticket-link {
width: 100%;
background-color: #ffd741;
background-color: #ff9933;
display: block;
padding: 2% 0;
font-size: 30px;
text-align: center;
margin-top: 2%;
color: white;
text-transform: uppercase;
font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
letter-spacing: 3px;
}

a.ticket-link {
bottom: 0;
position: relative;
}

a.ticket-link:hover {
background-color: #f9de75;
background: #fdb46a;
}

a.ticket-link:active {
box-shadow: inset 2px 2px 5px rgba(0,0,0,.25);
}
a.ticket-link.cemetery {
background-color: #53c1e7;
}
a.ticket-link.wintickets{
	background: #eaa500;
}
a.ticket-link.wintickets:hover{
	background: #fdb46a;
}

/*Colten added this to style the sold out option
===It's the a.ticket-link slightly modded*/
.soldout {
width: 100%;
background-color: #000;

bottom: 0;
position: relative;

display: block;
padding: 2% 0;
font-size: 30px;
text-align: center;
margin-top: 2%;
color: white;
text-transform: uppercase;
font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
letter-spacing: 3px;
}
.soldout-calendar{
	background:white;
	border: 1px solid #ffd741;
	color: #ffd741;
	padding: 1%;
	text-transform: uppercase;
	display: inline-block;
	width: 32.6%;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	letter-spacing: 3px;
}

.event-header-right {
	width: 64.8%; //49.8%
	height: 0;
	float: left;
	position: relative;
	
} 

.play {
	position: absolute;
	top: 21%;
	left: 37%;
	z-index: 99;
	display: block; 
	width: 25%;
	height: 0;
	padding-bottom: 25%;
}


.play img {
	width: 100%;
	height: auto;
	position:absolute;
	top: 0;
	left: 0;
}


/*.main-left img.play {
	position: absolute;
top: 42%;
left: 28%;
padding-right: 1%;
z-index: 99;
}*/


.event-header-right video {
	width: 100%;
	height: auto;	
}


.event-movie-quote-wrapper {
	background: white;
	text-align: center;
	padding: 1% 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 2% 0;
}

.event.entry-content {
	width: 90%;
max-width: 1450px;
margin: 0 auto;
margin-bottom: 1%;
}


.event-images {	
	float: left;
	width: 100%;
	position: relative;
}

.event-images .event-img-one {
	float: left;
	width: 37.8%;
}

.event-images .event-poster {
	float: left;
	width: 30%;
	max-height: 720px;
	overflow: hidden;
	margin: 0 0.75%;
}

.event-images div.event-ftd-img {
	width: 30.75%;
	position: absolute;
	top: 0;
	right: 0;
}

.event-images div.event-img-two {
	width: 30.75%;
	position: absolute;
	bottom: 0;
	right: 0;
} 

.event-images div img {
	width: 100%;
	height: auto;
}

.map-wrap {
	background: white;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	width: 100%;
	margin-bottom: 2%;
}

.map-shrink-wrap {
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
}

#directions {
	width: 28%;
	float: left;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
}

#directions h2 {
	margin-bottom: 20%;
	
}

#directions ul {
	list-style: none;
	margin: 0;
	color: #787878;
}

#directions ul li span {
	font-weight: 800;
}

.event-map {
	width: 72%;
	float: left;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.event-how-to.other, .how-to-wrap.other {
	display: none;
}

.how-to-wrap {
	background: white;
	padding: 1% 0;
	margin-bottom: 2%;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

h2.showHowTo {
	cursor: pointer;
}

.event-how-to {
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;	
}

.event-how-to img {
	width: 46%;
}

#how-to-sub {
	display: none;
}

.how-to-sub {
	width: 49.212598%;
	float: left;
	font-size: 14px;
	color: #787878;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
}

.how-to-sub p {
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
}

.how-to-sub.left {
	margin-right: 1.574803%;
}

.how-to-float {
	width: 50%;
	float: left;
}

.how-to-sub h3 {
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 14px;
	font-weight: 800;
}

h3.how-to-do {
	/*color: #488a54;*/
}

h3.how-to-dont {
	color: #b34245;
}



/* Show Hide Share Buttons 
================================================== */
.showHide {
	width: 34px;
	height: 33px;
	display: block;
	background: url(images/showHide/show-hide.png) no-repeat;
	z-index: 100;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.showHide:hover {
	background: url(images/showHide/blue-heart.png) no-repeat;
}

#content.cemetery .showHide:hover {
	background: url(images/showHide/blue-heart.png) no-repeat;
}

.share-btns {
	width: 80%;
	max-width: 260px;
	height: 75px;
	background: white;
	z-index: 10;
	margin-top: -15px;
	margin-left: 15px;
	padding: 1%;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.share-sns {
	width: 21%;
	max-width: 53px;
	height: 100%;
	max-height: 53px;
	display: block;
	float: left;
	margin: 2%;
}

.share-sns.em {
	background: url(images/showHide/share-btns-email.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.share-sns.em:hover {
	background: url(images/showHide/share-btns-email-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.share-sns.fb {
	background: url(images/showHide/share-btns-fb.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.share-sns.fb:hover {
	background: url(images/showHide/share-btns-fb-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}


.share-sns.tw {
	background: url(images/showHide/share-btns-tw.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.share-sns.tw:hover {
	background: url(images/showHide/share-btns-tw-hov.png) no-repeat;
	background-size: contain;	
	background-position:center;
}


.share-sns.pn {
	background: url(images/showHide/share-btns-pin.png) no-repeat;
	background-size: contain;	
	background-position:center;
}

.share-sns.pn:hover {
	background: url(images/showHide/share-btns-pin-hov.png) no-repeat;
	background-size: contain;	
	background-position:center;
}


.slideshow.share-btns {
position: absolute;
max-width: 182px;
height: 62px;
left: 43%;
}

.slideshow.share-btns .share-sns {
	width:30%;
	margin: 2% !important; 
}

/* HOW TO PAGE
================================= */

.howto h1, .howto .location-title, .colt-overlay > * {
	font-size: 48px;
	color: #53c1e7;
	text-transform: uppercase;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	margin-bottom: 2%;
}
.howto > h1 {
	margin-bottom: 0;
}

.how-top-imgs, .how-bottom-imgs  {
	position: relative;
	float: right;
	display: block;
	width: 65%;
}

.how-bottom-imgs {
	float: left;
}

.htimg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

.htimg img, .htimgs img {
	width: 100%;
	height: auto;
}

.bx-controls {
display: none;
}

.howto .subhead, .colt-col-container .subhead {
	margin-bottom: 2%;
}

.howto ul {
margin: 1% 0% 1% 3%;
}

.howto li {
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #787878;
	margin-bottom: 2%;
	font-size: 14px;
	}

.how-to-content {
	background: white;
	color: #787878;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 14px;
	padding: 1% 0;
	height: auto;
	margin-bottom: 2%;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.how-to-content > p {
	text-align: center;
	margin: 0;
}
.how-top-text {
 width: 33%;
 margin-right: 2%;
 float: left;
}

.how-bottom-text {
width: 33%;
margin-left: 2%;
float: left;
}

.how2bottom {
	width: 90%;
	margin: 0 auto;
	max-width: 1450px;
}

.how2bottom > div {
	width: 49%;
	float: left;
}

.how2bottom > div:first-of-type {
	margin-right: 2%;
}

.how2bottom h3, .how2bottom p {
		font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
		font-size: 14px;
}


.bbtable {
	vertical-align:middle;
	border-spacing: 10px !important;
}

.bbtable table{
	
	/*border-spacing: 10px !important;*/
}

.bbtable td {
	vertical-align:middle;
	
}
.bbtable img {
	width: 100%;
	height: auto;
	vertical-align:middle;
}




/* Laptop sized adjustments
=======================================================*/


@media only screen and (min-width:960px) and (max-width: 1300px) {
	header.event {
	margin: 0;
}

#content.cemetery .event.entry-header h1 {
	color: #53c1e7;
}

.event-header-left {
	width: 47%;
	float: left;
	position: relative;
	padding-bottom: 40%;
}

.event-header-left h1 {
	margin-bottom: 5%;
}

.event-header-left ul {
	margin: 0;
	list-style: none;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
}

.event-header-left ul li {
	margin: 1.5% 0;
}

.event-header-left ul li span {
	display: inline-block;
	color: #b5b5b5;
}

a.ticket-link {
width: 100%;
background: #ffd741;
background: #ff9933;
display: block;
padding: 4% 0;
text-align: center;
margin-top: 2%;
color: white;
text-transform: uppercase;
}

a.ticket-link.cemetery {
	background: #53c1e7;
}
a.ticket-link.wintickets{
	background: #eaa500;
}
a.ticket-link.wintickets:hover{
	background: #fdb46a;
}
.event-header-right a.ticket-link {
bottom: 0;
position: absolute;
right: 0;
}



.event-text {
	float:left;
	width: 96.86%;
	height: auto;
	margin-left: 1.57%;
	font-size: 16px;
	color: #969696;
}


.event-header-right {
	width: 100%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 2%;
	float: left;
	padding-bottom: 0;
} 

.event-header-right video {
	width: 100%;
	height: auto;
}

.event-movie-quote-wrapper {
	background: white;
	text-align: center;
	padding: 1% 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 2% 0;
}


.event.entry-content {
	width: 90%;
margin: 0 auto;
margin-bottom: 1%;
}

.event-images .event-ftd-img  {
position: relative !important;
float: left;
width: 48.5% !important;

}

.event-images .event-img-two {
width: 48.5% !important; 
float: left;
position: relative !important;
margin-left: 2%;
}


.event-images .event-poster {
width: 43%;
margin-left: 2%;
}

.event-images .event-img-one {
width: 54%;
}

.map-wrap {
	background: white;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	width: 100%;
	margin-bottom: 2%;
}

.map-shrink-wrap {
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
}

#directions {
	width: 28%;
	float: left;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
}

#directions h2 {
	margin-bottom: 20%;
}

#directions ul {
	list-style: none;
	margin: 0;
}

#directions ul li span {
	font-weight: 800;
}

.event-map {
	width: 70%;
	float: left;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.event-how-to.other {
	display: none;
}

.how-to-wrap {
	background: white;
	padding: 1% 0;
	margin-bottom: 2%;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.event-how-to {
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;	
}

.how-to-float, .event-how-to img {
	width: 100%;
	float: none;
	margin-left: 0;
}

#how-to-sub {
	display: none;
}

.how-to-sub {
	width: 49.212598%;
	float: left;
	font-size: 12px;
	color: #787878;
}

.how-to-sub.left {
	margin-right: 1.574803%;
}

.how-to-sub h3 {
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
	font-weight: 800;
}

.how-to-sub h3.how-to-do, .howto h3.how-to-do {
	/*color: #488a54;*/
}

.how-to-sub h3.how-to-dont, .howto h3.how-to-dont  {
	color: #b34245;
}

.how-to-content {
	padding: 1% 4%;
}

}

@media only screen and (min-width: 960px) and (max-width: 1180px) {
	nav li, nav li a, nav a.mailing-list {
	font-size: 18px;
	}
	
	a.expand {
		width: 21%;
	}
}




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1023px) {


/* Drop-down menu Styles
************************/
	
ul.desktop-nav {
		display: none;
	}
	
#navigation .menu-main-menu-container {
	display: none;
}

nav a.mailing-list {
	display: none;
}
	
#navigation {
		width: 100%;
		position: absolute;
		background: black;
	}
	
#mobile-nav {
	width: 200px;
	position: absolute;
	top: 40px;
	right: 3%;
	background: black;
	display: none;
		z-index: 9999;
}	
	
#mobile-nav ul li {
	list-style: none;
	width: 100%;
	display: block;
	
}

#mobile-nav li, #mobile-nav li a {
	padding: 2px 0;
	color: white;
	display: inline-block;
	text-align: left;
	text-decoration: none;
	margin-left: 2.7%;
}
	
	#mobile-nav li, #mobile-nav li a {
		display: block;
		text-align: left;
		z-index: 9999;
	}
		
	#mobile-nav li a:hover {
	color: #62ccf0;
	color: #53c1e7;
}
	#mobile-nav ul > li:first-child {
			margin-left: 3%;
}
	#mobile-nav li.signup {
		float: none;
		padding: 5px;
		color: white;
		display: inline-block;
		text-align: left;
		text-decoration: none;
	}
	
	.mobile-dd {
	display: block;
	background: url(images/mobile-dd-btn.jpg) no-repeat;
	border: none;
	width: 50px;
	height: 30px;
	margin: 5px;
	float: right;
}


/*    Header (Tablet)
************************/

#sns {
	width: 50%;
	margin-top:2%;
	float: right;
}

.sns {
	width: 15%;
	padding-bottom: 15%;
	margin-left: 2%;
	float: right;
}

.header-sns {
	width: 50%;
}


/*   Footer (Tablet)
************************/

#colophon {
	background-color: #f4f4f4;
	padding: 25px 0 75px;
}

#colophon .analogo {
	background: url(images/design-by-analog.png) no-repeat 0 -31px;
	display: block;
	width: 200px;
	height: 31px;
	overflow: hidden;
	position: relative;
	margin: 2% auto;
}

#colophon .analogo:hover {
	background: url(images/design-by-analog.png) no-repeat 0 -31px;
	display: block;
	width: 200px;
	height: 31px;
	position: relative;
	margin: 2% auto;
}


/*    Home page (Tablet)
************************/

body.home .header-sns {
display: block;
}
.main-left {
	width: 100%;
	padding-bottom: 0%;
	float: none;
}

.main-right {
	width: 49%;
	margin: 3% 0 0;
	padding-bottom: 25%;
}

.main-right-links {
	margin-top: 2%;
}

.main-right a {
width: 32.5%;
}

#content > div:nth-child(2n) {
	margin-right: 2%;
}

.ml-top, .ml-bottom {
	width: 48.5%;
	margin: 0px;
	float: left;
	padding-bottom: 25%;
}

.ml-bottom {
	margin-left: 3%;
}

.main-bottom {
	position: relative;
	float: none;
	padding-bottom: 6%;
	background: white;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.sm-box h2 {
font-size: 42px;
margin-bottom: 2%;
}

#sub-main {
	margin: 3% auto;
}

.home-news-feed, .home-events-feed {
	width: 100%;
}

#photo-booth{
	width: 100%;
	height: auto;
}

#photo-booth > div:first-child {
margin-left: auto;
}

#photo-booth > div:last-child {
margin-right: auto;
}

.pb-desc-mini {
	display: block;
	width: 32.2%;
	margin: 0 auto 2% auto;
	padding-bottom: 5%;
}

.pb {
	width: 31.5%;
	margin-right: 1.7%
}

#photo-booth > .pb:last-child {
	margin-right: 0;
}

.pb-desc {
	display: none;
	clear: both;
}

.pb-mini-button:before {
	clear: both;
}

.pb-mini-button {
	display: block;
}

.pb-mini-button a {
margin: 0 auto;
font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
display: block;
text-align: center;
font-size: 20px;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px 5px;
width: 25%;
background: #c1c1c1;
}
	

/*    News page (Tablet)
================================================== */	
	
	
/* Main Section */

body.blog #primary, #primary.single {
	width: 95%;
	margin: 0 auto;
}

body.blog article, #primary.single article {
	width: 100%;
	float: left;
	margin-right: 5%;
	border-bottom: 2px solid #53c1e7;
}

body.blog .entry-header, #primary.single .entry-header {
	width: 100%;
}

body.blog .entry-meta, #primary.single .entry-meta {
	font-size: 16px;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
	text-transform: lowercase;
}

body.blog .entry-header h1 a, #primary.single .entry-header h1 a{
	font-size: 36px;
	font-family: "franklin-gothic-urw-comp";
	text-transform: lowercase;
	color: #53c1e7;
	line-height: 36px;
}

body.blog article .entry-content, #primary.single article .entry-content   {
	float: left;
	width: 100%;

}

body.blog .share-btns, #primary.single .share-btns {
	position: relative;
}

#secondary.news-page {
	width: 100%;
}

nav#nav-below {
	position: relative;
	width: 100%;
	margin-bottom: 2%;
}

.site-content .nav-previous, .site-content .nav-next {
	width: 48%;
}


/* Sidebar  */

#sidebar {
	width: 25%;
	float: left;
	padding-bottom:35%;
	margin-bottom: 1%;
}

.news-page input.field {
width: 100%;
padding: 2%;
background: white url(images/search-bar.png) no-repeat 97% 50%;
text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	border: 1px solid white;
}

.news-page input.field:focus {
	border: 1px solid #53c1e7;	
	outline: none;
}

aside#posters {
	display: none;
}

/*    Gallery page (Tablet)
================================================== */

#container {
	width: 92%;
	margin: 0 auto;
}




/* Vault (Tablet) 
================================================== */

.videos {
	width: 49.5%;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
}
.vault  .videos:nth-child(3n+3) {
margin-right: 1%;
}

.vault  .videos:nth-child(2n+2) {
	margin-right: 0;
}

/* Contact (Tablet)
================================================== */
.contact-form {
	width: 80%;
}

.contact-form input, input {
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
}

.contact-form .contact-bottom span.checkbox-578 {
	width: 70%;
	padding-left:0%;
	float: left;
	-webkit-appearance: none;
}

.contact-form .contact-bottom span.checkbox-578 input {
width: auto;
height: auto;
float: left;
margin-top: 2%;
margin-right: 2%;
-webkit-appearance: checkbox;
}

.wpcf7-form-control.wpcf7-checkbox {
	width: 318px;
}

.wpcf7-list-item-label {
	width: 200px;
	float: left;
}

/* Music Page (Tablet)
================================================== */

#primary.music-page {
	width: 100%;
	float: none;
}

#secondary.music-sidebar {
	width: 100%;
	float: none;
	margin-left: 0%;
}

#secondary aside {
width: 32%;
float: left;
margin-right: 2%;
}

#secondary aside:last-of-type {
	margin-right: 0;
}

.music-sidebar div {
width: 32%;
float: left;
margin-right: 1%;
}

.music-sidebar > div:last-child {
	margin-right: 0;
}

.music {
	border-bottom: 2px solid #e8872a;
	padding-bottom: 3%;
	margin-bottom: 30px;
}

.music-header {
	width: 31.25%;
	float: left;
}

.music-header img {
	border: 10px white solid;
	width: 100%;
	height: auto;
}

.music h1 {
	color: #e8872a;
	font-size: 48px;
	text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
}

.music h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

.music-content {
	width: 65.625%;
	float: left;
	margin-left: 3.125%;
	margin-top: 6%;
}

.music-content h2 {
	font-size: 36px;
	color: #ee8630;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	line-height: 36px;
	margin-bottom: 20px;
}

.like-btns {
float: right;
width: 80%;
height: 66px;
}

.like-sns {
	width: 21%;
	max-width: 53px;
	height: 100%;
	max-height: 53px;
	display: block;
	float: left;
	margin: 2%;
}

.like-sns.em {
	background: url(images/showHide/share-btns-email.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.em:hover {
	background: url(images/showHide/share-btns-email-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.fb {
	background: url(images/showHide/share-btns-fb.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.fb:hover {
	background: url(images/showHide/share-btns-fb-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}


.like-sns.tw {
	background: url(images/showHide/share-btns-tw.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.tw:hover {
	background: url(images/showHide/share-btns-tw-hov.png) no-repeat;
	background-size: contain;	
	background-position:center;
}

/* Calendar (tablet)  
=============================================*/
.events, .viewAll .events {
	width: 100%;
	margin-right: 0;
}

.events-header {
	width: 100%;
	float: none;
	margin-bottom: 2%;
}


.mb-twitter img, .event-movie-quote img {
	width: 3%;
	height: auto;
}	

.mb-twitter img.quote-left, .event-movie-quote img.quote-left {
	float: left;
}

.mb-insta img.quote-right, .event-movie-quote img.quote-right {
	float: right;
}

.mb-twitter .widgets_on_page {
	width: 91%;
	float: left;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
}

.mb-twitter li.tweet {
	padding: 0;
	padding-top: .5%;
}

.mb-twitter ul {
	text-align: center;
	list-style: none;
}

.mb-twitter a {
	color: #53c1e7;
}

.mb-insta { 
width: 100%;
border-left: none;
padding-top: 2%;
border-top: 1px solid #e6e6e6
}

.slideshow {
position: relative;
width: 39.6%;
float: left;
max-height: 250px;
overflow: hidden;
	}
	
	.ml-bottom {
	width: 100%;
	padding-bottom: 41%;
	margin: 3% 0;
}

.main-bottom {
	float: left;
	width: 100%;
	padding-bottom: 10%;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;

	background: white repeat-x;
	margin: 2% 0;
	}
	
.main-bottom-limit {
	width: 90%;
	margin: 0 auto;
	max-width: 1450px;
}	

.main-bottom .sns.inst, .header-sns .header-im {
	background: url(images/homepage/home-mid-ins.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.inst:hover, .header-sns .header-im:hover {
	background: url(images/homepage/home-mid-ins-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.fb, .header-sns .header-fb {
	background: url(images/homepage/home-mid-fb.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.fb:hover, .header-sns .header-fb:hover {
	background: url(images/homepage/home-mid-fb-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.tw, .header-sns .header-tw {
	background: url(images/homepage/home-mid-tw.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.tw:hover, .header-sns .header-tw:hover {
	background: url(images/homepage/home-mid-tw-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns {
	height: 50px;
	width: 50px;
	padding-bottom: 0;
}

.main-bottom .sns, .mb-fb, .mb-twitter, .mb-insta {float: left;}

.mb-fb {
	width: 48%;
	display: block;
	border-right: 1px solid #e6e6e6;
	padding-bottom: 0%;
		height: auto;
	margin: 1% 0;
	
}

.mb-fb p {
font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
font-size: 16px;
width: 15%;
float:left;
line-height: 18px;
width: 90%;
min-height: 45px;
}

.fb-img {
float: left;
margin: 0 2%;
width: 46.6%;

}

.fb-img img {
width: 100%;
height: auto;
}

.mb-twitter {
	width: 48%;
	float: left;
	margin: 1%;
	font-size: 16px;
	text-align: center;
	padding: 0;
	position: relative;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	}
	
	.mb-twitter img {
	position: absolute;
	width: 8%;
	bottom: 0;
	right: 5%;
	}

.mb-twitter ul {
margin: 0 15%;
}

	.slideshow:first-of-type {
	margin-left: 5%;
	}
	
	.slideshow ul {
	margin: 0;
	}
	
.slideshow li img {
width: 100%;
height: auto;
}

.slides {
width: 80%;
margin-left: 15%;
}
	
	a.expand {
		width: 28%;
	}


/* Section 14: Single Event (tablet)
=============================================*/

header.event {
	margin: 0;
}

#content.cemetery .event.entry-header h1 {
	color: #53c1e7;
}

.event-header-left {
	width: 47%;
	float: left;
	position: relative;
	padding-bottom: 40%;
	min-height: 325px;
}

.event-header-left h1 {
	margin-bottom: 5%;
}

.event-header-left ul {
	margin: 0;
	list-style: none;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
}

.event-header-left ul li {
	margin: 1.5% 0;
}

.event-header-left ul li span {
	display: inline-block;
	color: #b5b5b5;
}

a.ticket-link {
width: 100%;
background: #ffd741;
display: block;
padding: 4% 0;
text-align: center;
margin-top: 2%;
color: white;
text-transform: uppercase;
}

a.ticket-link.cemetery {
	background: #53c1e7;
}
a.ticket-link.wintickets{
	background: #eaa500;
}
a.ticket-link.wintickets:hover{
	background: #fdb46a;
}
.event-header-right a.ticket-link {
bottom: 0;
position: absolute;
right: 0;
}



.event-text {
	float:left;
	width: 96.86%;
	height: auto;
	margin-left: 1.57%;
	font-size: 16px;
	color: #969696;
}


.event-header-right {
	width: 100%;
	margin-right: 0%;
	margin-top: 2%;
	float: left;
	padding-bottom: 0;
} 

.event-header-right video {
	width: 100%;
	height: auto;
}

.event-movie-quote-wrapper {
	background: white;
	text-align: center;
	padding: 1% 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 2% 0;
}


.event.entry-content {
	width: 90%;
margin: 0 auto;
margin-bottom: 1%;
}

.event-images .event-ftd-img  {
position: relative !important;
float: left;
width: 48.5% !important;

}

.event-images .event-img-two {
width: 48.5% !important; 
float: left;
position: relative !important;
margin-left: 2%;
}


.event-images .event-poster {
width: 43%;
margin-left: 2%;
}

.event-images .event-img-one {
width: 54%;
}

.map-wrap {
	background: white;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	width: 100%;
	margin-bottom: 2%;
}

.map-shrink-wrap {
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
}

#directions {
	width: 28%;
	float: left;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
}

#directions h2 {
	margin-bottom: 20%;
}

#directions ul {
	list-style: none;
	margin: 0;
}

#directions ul li span {
	font-weight: 800;
}

.event-map {
	width: 70%;
	float: left;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.event-how-to.other {
	display: none;
}

.how-to-wrap {
	background: white;
	padding: 1% 0;
	margin-bottom: 2%;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.event-how-to {
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;	
}

.how-to-float, .event-how-to img {
	width: 100%;
	float: none;
	margin-left: 0;
}

#how-to-sub {
	display: none;
}

.how-to-sub {
	width: 49.212598%;
	float: left;
	font-size: 12px;
	color: #787878;
}

.how-to-sub.left {
	margin-right: 1.574803%;
}

.how-to-sub h3 {
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
	font-weight: 800;
}

.how-to-sub h3.how-to-do, .howto h3.how-to-do {
	color: /*#488a54;*/
}

.how-to-sub h3.how-to-dont, .howto h3.how-to-dont  {
	color: #b34245;
}

.how-to-content {
	padding: 1% 4%;
}


/* How to page (Tablet)
============================================*/

.how2bottom > div {
width: 100%;
float: left;
}

.how2bottom > div:first-of-type {
margin-right: 0;
}

.how-top-text, .how-bottom-text {
width: 100%;
margin-right: 0;
margin-left: 0;
float: none;
}

.how-top-imgs, .how-bottom-imgs {
float: none;
width: 100%;
}

.how2bottom h3, .how2bottom p {
	font-size: 16px;
}

/* Gallery (Tablet)
=============================================*/

.gallery-home {
width: 48%;
height: auto;
position: relative;
float: left;
}
	.gallery-home:nth-child(2n){
		clear: right;
	}
	.gallery-home:nth-child(2n-1){
		clear: left;
	}

/* The Wall (Tablet)
==============================================*/
.iso-container .one, .iso-container .two, .iso-container .three, .iso-container .four, .iso-container .five, .iso-container .six, .iso-container .seven, .iso-container .eight, .iso-container .nine, .iso-container .ten, .wall-container .one, .wall-container .two, .wall-container .three, .wall-container .four, .wall-container .five, .wall-container .six, .wall-container .seven, .wall-container .eight, .wall-container .nine, .wall-container .ten {
width: 160px;
height: 160px;
overflow: hidden;
display: block;
margin: 5px;
}

.iso-container .three, .wall-container .three {
width: 330px;
height: 330px;
background: #53c1e7;
display: block;
margin: 5px;
}


 } /* End of Tablet Style */



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {

		
	#navigation .menu-main-menu-container {
	display: none;
}

nav a.mailing-list {
	display: none;
}
		
		ul.desktop-nav {
		display: none;
	}	
	
		#mobile-nav {
		display: none;
		width: 200px;
		position: absolute;
		top: 40px;
		right: 5%;
		background: black;
		z-index: 9999;
	}
	
	#mobile-nav li, #mobile-nav li a {
		display: block;
		text-align: left;
		width: 100%;
	}
	
#mobile-nav	li:first-child {
margin-left: 2.5%;
}
		
	#mobile-nav li.signup {
		float: none;
		padding: 5px 10px;
		color: white;
		display: inline-block;
		text-align: left;
		margin-left: 2.5%;
		text-decoration: none;
	}
	
	.mobile-dd {
	display: block;
	background: url(images/mobile-dd-btn.jpg) no-repeat;
	border: none;
	width: 50px;
	height: 30px;
	margin: 5px;
	float: right;
}



/*    Header (Phone)
************************/

#masthead h1 {
height: auto;
width: 100%;
float: left;
margin-top: 18%;
}

#main {	
	width: 90%;
	margin: 0 auto;
			margin-top: 10%;
		}
		
		.home #masthead h1 {
			/* margin-top: 20px; */
		}

.header-sns {
width: 63%;
margin-top: 0;
float: none;
position: absolute;
right: 27%;
top: 20px;}

.sns {
	width: 25%;
	height: auto;
	margin-left: 2%;
	padding-bottom: 25%;
	float: right;
}


/* Footer (Phone) */

#colophon {
	background-color: #f4f4f4;
	padding: 25px 0 75px;
}

.sticky-footer a {
	font-size: 16px;
}

#colophon .analogo {
	position: relative;
	margin: 2% auto;
	background: url(images/design-by-analog.png) no-repeat 0 -31px;
}

#colophon .analogo:hover {
	position: relative;
	margin: 2% auto;
}

/*    Home page (Phone)
************************/

header.home #sns {
	display: block;
}

.main-left {
	width: 100%;
	padding-bottom: 0%;
	float: none;
}

.main-right {
	width: 100%;
	margin: 3% 0;
	padding-bottom: 55%;
}

.ml-top, .ml-bottom {
	width: 80%;
	margin: 0px auto;
	float: none;
	padding-bottom: 25%;
}

.ml-bottom {
	margin: 2% auto;
}

.main-bottom {
	position: relative;
	float: none;
	padding-bottom: 0;
	background: white;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.main-right a {
	font-size: 15px;
}

.mb-twitter img {
	width: 9%;
}

.mb-twitter .widgets_on_page {
	width: 78%;
}

#sub-main {
width: 90%;
	margin: 3% 0;
}

.home-news-feed, .home-events-feed {
	width: 100%;
}

.home-events-feed {
	margin-left: 0;
}

.news {
	width: 100%;
}

.news .button {
	margin: 0;
}

.sm-box {
	width: 100%;
	margin: 0 auto 2% auto;
	padding-bottom: 100%;
}

.sm-box h2 {
font-size: 42px;
line-height: 42px;
margin-bottom: 2%;
}

#sub-main {
margin: 0 auto;
}	


#photo-booth{
	width: 90%;
	margin: 0 auto;
	height: auto;
}

#photo-booth > div:first-child {
margin-left: auto;
}

#photo-booth > div:last-child {
margin-right: auto;
}

.pb-desc-mini {
	display: block;
	width: 100%;
	margin: 0 auto 2% auto;
	padding-bottom: 7%;
}

.pb {
	width: 100%;
	margin: 1% auto;
}
.pb:last-child {
	clear: both;
}
.pb-desc {
	display: none;
	clear: both;
}

.pb-mini-button:before {
	clear: both;
}

.pb-micro-button {
	display: block;
	margin: 2% auto;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 1px; 
	padding: 2px 0;
	background: #fff;
	width: 100%;
}

.pb-mini-button {
	display: none;
}
	

/*    News page (Phone)
************************/	
	
	
/* Main Section */

body.blog #primary, #primary.single {
	width: 95%;
	margin: 0 auto;
}

body.blog article, #primary.single article {
	width: 100%;
	float: left;
	margin-right: 5%;
	border-bottom: 2px solid #53c1e7;
}

body.blog .entry-header, #primary.single .entry-header {
	width: 100%;
}

body.blog .entry-meta, #primary.single .entry-meta {
	font-size: 16px;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
	text-transform: lowercase;
}

body.blog .entry-header h1 a, #primary.single .entry-header h1 a{
	font-size: 36px;
	font-family: "franklin-gothic-urw-comp";
	text-transform: lowercase;
	color: #53c1e7;
	line-height: 36px;
}

body.blog article .entry-content, #primary.single article .entry-content  {
	float: left;
	width: 100%;

}

body.blog .share-btns, #primary.single .share-btns {
	position: relative;
}

#secondary.news-page {
	width: 100%;
}
nav#nav-below {
	position: relative;
	width: 100%;
	margin-bottom: 2%;
}

.site-content .nav-previous, .site-content .nav-next {
	width: 48%;
}

.site-content .nav-previous a, .site-content .nav-next a {
font-size: 16px;
}


/* Sidebar */

#sidebar {
	width: 25%;
	float: left;
		padding-bottom:35%;
		margin-bottom: 1%;
}

.news-page input.field {
width: 100%;
padding: 2%;
background: white url(images/search-bar.png) no-repeat 97% 50%;
text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	border: 1px solid white;
}

.news-page input.field:focus {
	border: 1px solid #53c1e7;	
	outline: none;
}

aside#posters {
	display: none;
}

/*    Gallery page (Phone - Portrait)
=========================================*/

.lightbox-share-btns {
width: 100%; }

.gallery-home {
	width: 100%;
	height: auto;
	position: relative;
}


#shClose {
position: absolute;
top: 5%;
right: 5%;
font-size: 1px;
z-index: 99999;
width: 36px;
height: 36px;
overflow: hidden;
background: url(images/gallery-close-small.png) no-repeat 0 0;
color: black;
display: block;
cursor: pointer;
visibility: visible;
}

#shClose:hover {
position: absolute;
top: 5%;
right: 5%;
font-size: 1px;
z-index: 99999;
width: 36px;
height: 36px;
overflow: hidden;
background: url(images/gallery-close-small.png) no-repeat 0 -36px;
color: black;
display: block;
cursor: pointer;
visibility: visible;
}

#shDisplay div#shPrev a {
position: absolute;
font-size: 1px;
top: 50%;
left: 6%;
display: block;
width: 43px;
height: 63px;
overflow: hidden;
background: url(images/next-prev-small.png) no-repeat 0 -63px;
}


#shDisplay div#shPrev a:hover {
position: absolute;
font-size: 1px;
top: 50%;
left: 6%;
display: block;
width: 43px;
height: 63px;
overflow: hidden;
background: url(images/next-prev-small.png) no-repeat -44px -63px;
}


#shDisplay div#shNext a {
position: absolute;
font-size: 1px;
top: 50%;
right: 5%;
display: block;
width: 44px;
height: 63px;
overflow: hidden;
background: url(images/next-prev-small.png) no-repeat 0 0;
}

#shDisplay div#shNext a:hover {
position: absolute;
font-size: 1px;
top: 50%;
right: 5%;
display: block;
width: 44px;
height: 63px;
overflow: hidden;
background: url(images/next-prev-small.png) no-repeat -44px 0;
}

.slideshow.share-btns {
position: absolute;
max-width: 182px;
height: 62px;
left: 23%;
}

/* Vault (Phone - Portrait) 
=========================================*/

.videos {
	width:100%;
	float: left;
	margin-right: 1%;
	margin-bottom: 2%;
}
.vault.videos:nth-child(3n+3) {
margin-right: 1%;
}

.vault .videos:nth-child(2n+2) {
	margin-right: 0;
}

/* Wall (phone) 
=========================================*/

.iso-container, .wall-container {
	width: 100%;
	min-width: 210px;
	padding: 0;
	margin: 0;	
}

.iso-container .one, .iso-container .two, .iso-container .three,
.iso-container .four, .iso-container .five, 
.iso-container .six, .iso-container .seven, 
.iso-container .eight  , .iso-container .nine,
.iso-container .ten, .wall-container .one, .wall-container .two, .wall-container .three,
.wall-container .four, .wall-container .five, 
.wall-container .six, .wall-container .seven, 
.wall-container .eight  , .wall-container .nine,
.wall-container .ten	{
	width: 250px;
	height: 250px;
	clear: both;
}

/* Contact (Phone) */

.wpcf7-form-control.wpcf7-checkbox {
	width: 200px;
}

.wpcf7-list-item-label {
	width: 200px;
	font-size: 12px	!important;
	float: left;
}

.contact-form {
	width: 90%;
	padding: 2% 15px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 50px;
	background: white;
	color: #62ccf0;
	
}

.contact-form .contact-bottom span span > span {
width: 87%;
}

.contact-form .contact-bottom span.checkbox-578 {
	width: 70%;
	padding-left: 0%;
	float: left;
}

.contact-form .contact-bottom input.submit {
	float: right;
	width: 40%;
	height: auto;
	text-align: center;
	color: white;
	padding-left: 0px;
	background: #53c1e7;
	margin-top: -15px;
	}


/* Music (Phone) 
=============================== */

#primary.music-page {
	width: 100%;
	float: none;
}

#secondary.music-page {
	display: none;
}

.music {
	border-bottom: 2px solid #e8872a;
	padding-bottom: 3%;
	margin-bottom: 30px;
}

.music-header {
	width: 100%;
	float: none;
}

.music-header img {
	border: 10px white solid;
	width: 100%;
	height: auto;
}

.music h1 {
	color: #e8872a;
	font-size: 48px;
	text-transform: uppercase;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	line-height: 43px;
}

.music h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

.music-content {
	width: 100%;
	float: none;
	margin-left:0;
	margin-top: 6%;
}

.music-content h2 {
	font-size: 36px;
	color: #ee8630;
	font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
	line-height: 36px;
	margin-bottom: 20px;
}

.like-btns {
float: right;
width: 80%;
height: 66px;
}

.like-sns {
	width: 21%;
	max-width: 53px;
	height: 100%;
	max-height: 53px;
	display: block;
	float: left;
	margin: 2%;
}

.like-sns.em {
	background: url(images/showHide/share-btns-email.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.em:hover {
	background: url(images/showHide/share-btns-email-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.fb {
	background: url(images/showHide/share-btns-fb.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.fb:hover {
	background: url(images/showHide/share-btns-fb-hov.png) no-repeat;
	background-size: contain;
	background-position:center;
}


.like-sns.tw {
	background: url(images/showHide/share-btns-tw.png) no-repeat;
	background-size: contain;
	background-position:center;
}

.like-sns.tw:hover {
	background: url(images/showHide/share-btns-tw-hov.png) no-repeat;
	background-size: contain;	
	background-position:center;
}


/* Calendar (Phone) */

.events, .viewAll .events {
width: 100%;
padding-bottom: 0;
}


.events-content a.thumbimg {
	background: none !important;
	display: block;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom: 2%;
}
/*Colten
===another soldout*/
.soldout-calendar-mob {
	display: block;
	float: left;
	width: 49%;
	background:white;
	border: 1px solid #ffd741;
	color: #ffd741;
	padding: 1%;
	text-transform: uppercase;
	display: inline-block;
	width: 32.6%;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	letter-spacing: 3px;
}
.soldout-calendar{
	display: none;
}

.events-content a.buy-mob, .events-content a.view-mob {
	display: block;
	float: left;
	width: 49%;
}

.events-content a.view-mob {
	margin-left: 0;
	margin-right: 1%;
}

.events-content a.buy, .events-content a.view {
	display: none;
}

.events-content ul {
	width: 100%;
	margin-top: 2%;
}
.events-content ul {
	margin-left: 0 !important;
	font-size: 14px;
	box-sizing: border-box;
}

.events-meta-c {
	float: left;
	width: 100%;
	margin-left: 0;
}

.mb-twitter img, .event-movie-quote img {
	width: 5%;
	height: auto;
}	

.mb-twitter .widgets_on_page {
width: 65%;
float: left;
}

.mb-twitter li.tweet {
	padding: 0;
	padding-top: .5%;
}

.mb-twitter ul {
	text-align: center;
	list-style: none;
}

.mb-twitter a {
	color: #53c1e7;
}

.mb-insta { 
width: 100%;
margin: 1% 0;
border-top: 1px solid #e6e6e6;
border-left: none;
padding: 2% 0;
}

.slideshow {
position: relative;
width: 83%;
float: right;
max-height: 1000px;
overflow: hidden;
	}
	
	.slides {
	width: 100%;
	}
	
	.ml-bottom {
	width: 100%;
	padding-bottom: 41%;
	margin: 3% 0;
}

.main-bottom {
	float: left;
	width: 100%;
	padding-bottom: 110%;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;

	background: white repeat-x;
	margin: 2% 0;
	}
	
		h2.sideways-min {
-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	display: block;
	z-index: 99;
	position: absolute;
	bottom: 20%;
	font-size: 28px;
	color:#626161;
	text-transform: uppercase;
	left: -24px;
	font-family: "franklin-gothic-ext-comp-urw", "zurich", helvetica, sans-serif;
	}
	
	
.main-bottom-limit {
	width: 90%;
	margin: 0 auto;
	max-width: 1450px;
}	

.main-bottom .sns.inst, .header-sns .header-im {
	background: url(images/homepage/home-mid-ins.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.inst {
	position: absolute;
}

.main-bottom .sns.inst:hover, .header-sns .header-im:hover {
	background: url(images/homepage/home-mid-ins-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.fb, .header-sns .header-fb {
	background: url(images/homepage/home-mid-fb.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.fb:hover, .header-sns .header-fb:hover {
	background: url(images/homepage/home-mid-fb-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.tw, .header-sns .header-tw {
	background: url(images/homepage/home-mid-tw.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns.tw:hover, .header-sns .header-tw:hover {
	background: url(images/homepage/home-mid-tw-hov.png) no-repeat;
	background-size:contain;
	background-position:center;
}

.main-bottom .sns {
	height: 50px;
	width: 50px;
	padding-bottom: 0;
}

.main-bottom .sns, .mb-fb, .mb-twitter, .mb-insta {float: left;}

.mb-fb {
	width: 100%;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	height: auto;
	margin: 1% 0;
	padding: 2% 0;
	border-right: none;
}

.mb-fb p {
font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
font-size: 14px;
width: 15%;
float:left;
line-height: 16px;
}

.fb-img {
float: left;
margin: 0 2%;
width: 46.6%;

}

.fb-img img {
width: 100%;
height: auto;
}

.mb-twitter {
	width: 100%;
	margin: 1%;
	font-size: 13px;
	text-align: center;
	padding: 0;
	position: relative;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	}
	
	.mb-twitter img {
	position: absolute;
	width: 8%;
	bottom: 0;
	right: 5%;
	}

.mb-twitter ul {
margin: 0%;
}

	a.expand {
		width: 100%;
	}
	
	#secondary.music-sidebar {
width: 100%;
float: none;
margin-left: 0;
}

.slideshow:first-of-type {
	margin-left: 0;
}

/* Section 14: Single Event (Phone)
=============================================*/

header.event {
	margin: 0;
}

#content.cemetery .event.entry-header h1 {
	color: #53c1e7;
}

.event-images > div {
	float: none;
	width: 100% !important;
	position: relative;
}

.event-images .event-poster {
	max-height: 1000px;
	margin: 0;
}
.event-images div img {
	width: 100%;
	height: auto;
}

.event-images div.event-img-two, .event-images div.event-ftd-img {
	position: relative;
	width: 100%;
}


.event-header-left {
	width: 100%;
	margin-right: 0%;
	float: none;
	height: auto;
	padding-bottom: 20%;
} 

.event-header-right {
	width: 100%;
	float: none;
	position: relative;
	margin-top: 2%;
	padding-bottom: 0;

}

.event-text .share-btns {
	position: relative;
}

.event-header-right h1 {
	margin-bottom: 5%;
}

.event-header-right ul {
	margin: 0;
	list-style: none;
	/*font-family: 'bree', georgia, serif;*/
	font-family:  "Helvetica Neue" , Helvetica, Arial, sans-serif;
	color: #969696;
	float: none;
}

.event-header-right ul li {
	margin: 1.5% 0;
}

.event-header-right ul li span {
	display: inline-block;
	color: #b5b5b5;
}

.event-text {
	float:none;
	width: 100%;
	margin: 0;
	height: auto;
	}


.event-text a.ticket-link {
width: 100%;
background: #53c1e7; /*#ffd741;*/
display: block;
padding: 13% 0;
text-align: center;
margin-top: 2%;
color: white;
text-transform: uppercase;
float: none;
position: relative;
}


img.play {
position: absolute;
top: 10%;
left: 42%;
z-index: 99;
}

.event-movie-quote-wrapper {
	background: white;
	text-align: center;
	padding: 1% 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 2% 0;
}


.event-images {	
	float: none;
	width: 100%;
}


.map-wrap {
	background: white;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	width: 100%;
	margin-bottom: 2%;
}

.map-shrink-wrap {
	width: 90%;
	max-width: 1450px;
	margin: 0 auto;
}

#directions {
	width: 100%;
	float: none;
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
}

#directions h2 {
	margin-bottom: 2%;
}

#directions ul {
	list-style: none;
	margin: 0;
	margin-bottom: 2%;
}

#directions ul li span {
	font-weight: 800;
}

.event-map {
	width: 100%;
	float: none;
	border: none;
}

.event-how-to.other {
	display: none;
}

.how-to-wrap {
	background: white;
	padding: 1% 0;
	margin-bottom: 2%;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.event-how-to {
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;	
}

.how-to-float, .event-how-to img {
	width: 100%;
	float: none;
	margin-left: 0;
}

#how-to-sub {
	display: none;
}

.how-to-sub {
	width: 100%;
	float: none;
	font-size: 12px;
	color: #787878;
}

.how-to-sub p {
	margin-bottom: 20px;
}

.how-to-sub.left {
	margin-right: 1.574803%;
}

.how-to-sub h3 {
	font-family: 'franklin-gothic-urw', roboto, verdana, sans-serif;
	font-size: 12px;
	font-weight: 800;
}

.howto h1 {
	line-height: 43px;
}

.how-to-content {
	padding: 1% 5%;
	margin-top: 2%;
}

.slideshow li img {
width: 85%;
height: auto;
}
a.ticket-link.wintickets{
	background: #eaa500;
}
a.ticket-link.wintickets:hover{
	background: #fdb46a;
}

/* How to page (Phone)
============================================*/

.how2bottom > div {
width: 100%;
float: left;
}

.how2bottom > div:first-of-type {
margin-right: 0;
}

.how-top-text, .how-bottom-text {
width: 100%;
margin-right: 0;
margin-left: 0;
float: none;
}

.how-top-imgs, .how-bottom-imgs {
float: none;
width: 100%;
}

.how2bottom h3, .how2bottom p {
	font-size: 16px;
}
a.ticket-link.wintickets{
	background: #eaa500;
}
a.ticket-link.wintickets:hover{
	background: #fdb46a;
}
} /* End Phone Styling */



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  	ul.desktop-nav {
		display: none;
	}	
	a.ticket-link.wintickets{
	background: #eaa500;
}
a.ticket-link.wintickets:hover{
	background: #fdb46a;
}
		#mobile-nav {
		display: none;
		width: 200px;
		position: absolute;
		top: 40px;
		right: 5%;
		background: black;
	}
	
	#mobile-nav li, #mobile-nav li a {
		display: block;
		text-align: left;
	}
		
	#mobile-nav li.signup {
		float: none;
		padding: 5px;
		color: white;
		display: inline-block;
		text-align: left;
		text-decoration: none;
	}
	
	.mobile-dd {
	display: block;
	background: url(images/mobile-dd-btn.jpg) no-repeat;
	border: none;
	width: 50px;
	height: 30px;
	margin: 5px;
	float: right;
}


   }
 

/*Section ?? - Press Page*/

.press-box{
	width: 320px;
	padding: 5px;
	background-color: #fff;
}
.press-header{
	padding: 5px 5px 5px 10px;
	font-size: 18px;
	font-weight: bold;
	background-color: #999;
}
.press-content{
	padding: 10px 10px 10px 25px;
}
.press-box{
	width: 320px;
	margin: 5px 5px 50px 5px;
	background-color: #fff;
}

.press-box a {
	color: #53c1e7;
}
.forcefullwidth_wrapper_tp_banner {
	margin-top: 0px !important;
	margin-bottom: 30px !important;
}

/*COLT EXTRAS*/
.howto .colt-col-container .how-to-do {
	/*padding: 4px 8px;
	background: #fff;
	color: #333;*/
}

.howto .please {
	padding: 4px 8px;
	background: #fff;
}
.howto .please p:first-child {
	display: none; /*fix later*/
}

.accordion {
	margin-bottom: 4%;
}
.cff-wrapper {
	margin-left: 75px;
}
.cff-wrapper img {
	max-height: 195px;
}
.more-past-events {
	text-align: right;
}


@media screen and (max-width: 1023px){
	.events-content ul {
		font-size: 18px;
	}
	.colt-col-4 .colt-overlay > * {
	font-size: 24px !important;
	margin-top: -20px;
	padding: 5px;
	line-height: 1;
	/*test*/
}
}
/*SPONSORS PAGE*/
.page-id-59381 #secondary, .page-id-59381 .cinespia-sponsors { display: none !important; }
/*05
**WORDPRESS GALLERY
**=====================================*/
.cinespia-sponsors { margin: 20px 0 0 ; }
.logged-in .cinespia-sponsors { display: block; }
.cinespia-sponsors br,
.page-id-59381 .gallery br { display: none; }
.cinespia-sponsors .gallery::after { clear: both; content:""; }
.cinespia-sponsors h4, .page-id-59381 .entry-title { 
    font-family: 'franklin-gothic-urw-comp', 'zurich', helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  color: #666;
  letter-spacing: 2px;
  font-weight: 100;
}
.page-id-59381 .gallery .gallery-item:first-child,
.cinespia-sponsors .gallery .gallery-item:first-child {
    width: 300px;
    max-width: 100% !important;
    display: block !important;
    margin: 2em auto -1em !important;
}
body .gallery .gallery-item {
  float: none !important;
  display: inline-block !important;
  max-width: 100px !important;
  margin: 1%;
  height: auto !important;
}
body .gallery {
  /*margin: 0 -20px 20px !important;*/
  margin-bottom: -1% 20px -1% !important;
text-align: center;
}
body .gallery:last-child {
	margin-top: 0px !important;
}
body .gallery img {
  border: 0 !important;
  opacity: 1;
	max-width: 100%;
  /*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/s….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");*/
}

body .gallery img:hover {
  opacity: 1;
  /*-webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;*/
}
.gallery .gallery-item .gallery-icon {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
}
#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
text-align: center;
}
.gallery img { max-width: 100%; height: auto; }



/*COLT COLS*/
.colt-col-container {
	margin: 0 -1% !important; /*test*/
}
.colt-col-1, .colt-col-2, .colt-col-3, .colt-col-4 {
	margin: 1%;
	float: left;
	
}
.colt-col-1 {
	width: 98%;
}
.colt-col-2 {
	width: 48%;
}
.colt-col-3 {
	width: 31%;
}
.colt-col-4 {
	width: 23%;
}
.colt-col-2 img, .colt-col-3 img, .colt-col-4 img {
	width: 100% !important;
	height: auto !important;
}

/*COLT OVERLAY*/
.colt-overlay-container {
	position: relative;
}
.colt-overlay-container img {
	float: left;
}
.clear-fix {
	clear: both;
	font-size: 0;
}
.colt-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
.colt-overlay > *{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -41px;
}
.colt-col-2:hover .colt-overlay, .colt-col-3:hover .colt-overlay, .colt-col-4:hover .colt-overlay {
	opacity: 1;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.colt-col-container .location-title {
	font-size: 38px;
	color: #666666;
}

.colt-col-container {
	margin-left: -1% !important;
	margin-right: -1% !important;
}
.colt-col-container li {
	list-style: none;
}
.colt-col-container .location-title {
	line-height: 1.25;
	text-transform: uppercase;
}
.colt-overlay > * {
	color: #fff;
	letter-spacing: 1px;
	font-size: 48px !important;
}
.colt-col-4 .colt-overlay > * {
	font-size: 24px !important;
	margin-top: -27px;
	padding: 5px;
	line-height: 1;
}

@media screen and (max-width: 960px){
	.colt-col-container .colt-overlay > * {
		font-size: 32px;
	}
	.colt-col-4 .colt-overlay > * {
	font-size: 21px !important;
	margin-top: -20px;
	padding: 5px;
	line-height: 1;
	/*test*/
}
}
@media screen and (max-width: 767px){
	.colt-col-container .colt-overlay > * {
		font-size: 24px;
	}
	.howto .colt-col-container > li {
		width: 98%;
	}
	.cff-wrapper img {
		max-height: 2000px;
	}
	.colt-col-4 .colt-overlay > * {
	font-size: 18px !important;
	margin-top: -25px;
	padding: 5px;
	line-height: 1;
	/*test*/
}
}

@media screen and (max-width: 480px){
	.colt-col-container > li {
		width: 98%;
	}
	.colt-col-container .colt-overlay > * {
		font-size: 32px;
	}
	.colt-col-4 {
		width: 48%;
	}
	.colt-col-4:nth-child(2) {
		clear: right;
	}
}
.cff-photo img {
	max-width: 100%;
	height: auto;
}
.themeblvd-gmap img {
	max-width: inherit;
}
.screen-reader-response { display: none !important; visibility: hidden !important; }
.wpcf7-response-output { margin: 60px 0; }

.desktop-hide {
	display: none;
	visibility: hidden;
}
#mobile-nav .desktop-hide {
	display: block;
	visibility: visible;
}
.gallery img {
	width: auto;
}

.photo-archive-nav {
	margin: 1em auto 0;
	text-align: center
}
.site-info {
	font-size: 85%;
}
html .photonic-gallery-3c,
.photos .gallery-home {
	width: 33.33%;
	margin: 0;
	padding: 5px;
}
@media screen and (max-width: 1024px){
	html .photonic-gallery-3c,
	.photos .gallery-home  {
		width: 50%;
	}
}
@media screen and (max-width: 768px){
	html .photonic-gallery-3c,
	.photos .gallery-home {
		width: 100%;
	}
}