/* default */
html,body{
	margin:0px; padding:0px;
	min-width:1000px;
	background:#7A8153;
	font-family:"Open Sans", sans-serif;
}

div{
	display:block; position:relative;
	margin:0; padding:0;
}

.inner{
	display:block; position:relative;
	margin:0px auto;
	padding:0px;
	max-width:960px;
	width:960px;
}

.padthep .content p{
	margin-top:10px !important;
}
img{
	border:none;
	vertical-align: top
}


/* headers */
#header{
	z-index: 100;
	background: #44593B;
	display: block;
	position: relative;
	text-align: center
}
#header .fontscale{
	display:block; position:absolute;
	right:0px; top:70px;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
}
#header .logo{
	display:inline-block;
	background:url(mtelliott.png);
	width: 400px;
	height: 66px;
	margin:10px 0;
}
#navigation{
	background: #7A8153;
	font-size: 0;
	text-align: left;
	-webkit-overflow-scrolling: touch
}
#navigation li:hover > ul{
	display:block;
}
#navigation ul, #navigation li{
	display:block; position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
}
#navigation a{
	color: #FFF;
  line-height: 30px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-size: 17px;
  padding:8px 0;
  display: inline-block;
  padding-right:36px; /*51*/
}

 #navigation > .inner > ul > li:last-child > a{
	 padding-right: 0;
 }

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

#navigation ul > li{
	display:inline-block;
}
#navigation div ul li ul{
  position: absolute;
  height: auto;
  width: auto;
  left: 0px;
  top: 100%;
  background:#E6E6E6;
  box-shadow: 0 3px 3px rgba(0,0,0,.07);
  display: none;
}
#navigation div ul li ul li{
	display:block;
}
#navigation div ul li ul a{
  display: block;
  color: #666;
  padding: 3px 10px;
  border-bottom: 1px #D6D6D6 solid;
  text-align: left;
  white-space: nowrap
}
#navigation div ul li ul li:last-child a{

}
#navigation div ul ul ul{
	position:absolute;
	top:0px;
	left:100%;
}
a:link, a:hover{
	border:none
}
a:visited{
	border:none;
}
ul li strong{
	display: -moz-deck;
	position: relative;
}

.content ul{
    font-size: 18px;
    line-height: 29px;
    color: #7F7F7F;
    font-weight: normal
}


/* body elements */
#body{
	background: #fff;
	padding:30px 0;
}
button{
	display:block; position:relative;
	padding:5px 10px; font-size:16px;
	font-family:"Open Sans", sans-serif;
}

#body p{
  font-size: 18px;
  line-height: 29px;
  color: #7F7F7F;
  font-weight: 300;
  margin-bottom: 15px
}

.alignleft{
	float: left;
	margin-right: 20px;
	z-index: 55
}

.masthead{
	width: 100%;
	background: url(masthead.jpg) center 80%;
	padding-bottom: 25%;
	background-size: cover !important
}

.buttons1{
	display:block; position:relative;
	margin:0; padding:0;
	list-style:none;
	vertical-align:top;
}
.buttons1 li{
	display:inline;
	position:relative;
	list-style:none;
	padding:0px;
	margin:0px auto;
	text-align: center
}
.buttons1 a{
	display:inline-block;
	width:191px;
	height:146px;
	margin:0px auto;
}
.subscribe{
	background:#b9bab5;
	width:75%;
	height:45px;
	margin:15px 0;
	text-align:right
}
.homepage .subscribe{
	width:52%
}
.subscribe img{
	margin-right:5px;
}
.subscribe input{
	width:143px; height:21px;
	background:#FFF; border:none;
	padding:5px;
	outline:none;
}
.content{
	vertical-align:top;
}
.content-side{
	display:inline-block; width:420px; margin:0; padding-left:10px; vertical-align:top
}
.content-side p{
	color:#486d2f;
	font-size:12px;
	font-weight:bold;
}
.content p a{
	color:#486d2f;
	z-index: 3
}
.content-side p b{
	display:block; font-weight:bold;
}
.content-side-image{
	margin-top:40px;
	text-align:center
}
.gallery a{
	vertical-align:top;
	display:inline-block;
	position:relative;
}
.gallery img{
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* form elements */
input{
	font-size:13px;
	font-family:"Open Sans", sans-serif;
}

.stories{
	color: #fff;
	text-align: left;
	padding:20px 0;
}
.stories p{
	color: #fff
}
.stories h3{
	color: #B8C08A;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3em;
	margin: 0;
}
.stories div{
	clear: both;
	display: block;
	position: relative;
	min-height: 120px;
	margin-bottom: 20px;
}

.stories a{
	color: #fff;
	font-size: 13px
}

/* footer elements */
#footer{
}
#footer p{
	padding:20px 0;
	color:#FFF;
	font-size:16px;
}
.social{
	position:absolute;
	right:0px;
	top:20px;
	opacity:.5
}

img[style*="float: right"], img[style*="float:right"] {
	margin-left:10px;
	margin-bottom:10px;
}

img[style*="float: left"], img[style*="left"] {
	margin-right:10px;
	margin-bottom:10px;
}


.cemeteries-home a{
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size:0;
	text-decoration: none;
	margin:0 20px;
	margin-bottom: 30px;
}

.cemeteries-home a:hover{
	opacity: .95
}

.cemeteries-home img{
	border:1px #B8C08A solid;
	box-sizing: border-box
}

.cemeteries-home strong{
	display: block;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 19px;
	padding:7px 3px;
	font-weight: 300;
	font-family: "EB Garamond";
}


/* header elements */
h1,h2,h3,h4,h5,h6{
	font-family:"EB Garamond", sans-serif;
}
h1{
  font-size: 32px;
  color: #7A8153;
  font-weight: 400;
}
h2{
  font-size: 22px;
  color: #B8C08A;
  font-family:"EB Garamond", sans-serif;
  font-weight: 400;
  line-height: 33px;
}
.content h2{
  font-size: 22px;
  color: #7A8153;
  font-family:"EB Garamond", sans-serif;
  font-weight: 400;
  line-height: 33px;
}
p, span{
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	color:#666;
}

.contacts{
	display:block; position:relative;
	font-size:13px; color:#486d2f;
	list-style:none; margin:0 0 15px; padding:0;
	margin-top:20px;
}

.contacts li{
	display:inline-block; position:relative;
	list-style:none; margin:0; padding:0;
	vertical-align:top;
	width:45%;
	margin-right:10px;

}
.contacts li:last-child{
	margin:0;
}
.contacts a{
	display:block;
	margin-top:5px;
	margin-bottom:10px;
	color:inherit !important;
}
.address-info{
	display:block; position:relative;
	font-size:12px;
	list-style:none; margin:0; padding:0;
	margin-top:10px;
}
.address-info li{
	list-style:none; margin:0; padding:0;
	display:inline-block; position:relative; vertical-align:top;
	width:130px;
	margin-right:10px;
}
.address-info li:last-child{
	margin:0
}
.address-info a{
	color:inherit !important;
}


.mtelliott h1{
	color: #486d2f;
}
.mtolivet h1{
	color: #2f656d;
}
.resurrection h1{
	color: #9e0b0f;
}
.allsaints h1{
	color: #5a3a62;
}
.guardianangel h1{
	color: #784b24;
}
.thepreserve h1{
	color: #787324;
}

.mtelliott #navigation{
	background: #486d2f;
}
.mtolivet #navigation{
	background: #1A4145;
}
.resurrection #navigation{
	background: #6d2f34;
}
.allsaints #navigation{
	background: #5a3a62;
}
.guardianangel #navigation{
	background: #784b24;
}
.thepreserve #navigation{
	background: #787324;
}


.mtelliott #header{
	background: #3B622E;
}
.mtolivet #header{
	background: #346571;
}
.resurrection #header{
	background: #754146;
}
.allsaints #header{
	background: #53385A;
}
.guardianangel #header{
	background: #925E32;
}
.thepreserve #header{
	background: #928C34;
}



.mtelliott #footer{
	background: #486d2f;
}
.mtolivet #footer{
	background: #2f656d;
}
.resurrection #footer{
	background: #6d2f34;
}
.allsaints #footer{
	background: #5a3a62;
}
.guardianangel #footer{
	background: #784b24;
}
.thepreserve #footer{
	background: #787324;
}

.wp-caption{
	display: inline-block;
	margin:0 0px;
	text-align: center;
}
.wp-caption a{
	color: #B8C08A;
	text-decoration: underline;
	font-size: 14px
}


/* contact form */
.contact{
	display:block; position:relative;
}
.contact label{
	display:block; position:relative;
	font-size:14px;
	color:#666666;
	margin:15px 0;
}
.contact label div{
	display:block; position:relative;
}
.contact input[type=text], .contact select, .contact textarea{
	display:block; position:relative;
	width:92%;
	height:30px;
	text-indent:10px;
	outline:none;
	margin:3px 0; padding:0;
	background:#FFF;
	border:1px solid #9d9d9d;
}
select{
	text-indent:0px !important;
}
.contact textarea{
	height:100px
}
.contact input[type=submit]{
	width:100px;
	height:32px;
	background:#b9bab5;
	margin:0; padding:0;
	color:#FFF;
	border:none;
	cursor:pointer;
	margin-left:285px
}

/* custom slider */
.slider{
	position:relative;
	display:block;
	left:0px; top:0px;
	width:884px;
	height:349px;

}
.slider a{
	position:absolute;
	left:0px; top:0px;
}
.slider a:nth-child(1n+2){
	display:none;
}
.slider img{
	border:none;
}
.news-events img{
	border:none;
	width: auto;
	max-width: 100%;
}


.promotions{
	margin:-10px;
}
.promotions td{
 vertical-align:top;
 color:#666;
 font-size:16px;
 width:50%;
 padding-bottom:15px;
}
.promotions p{
 padding:5px;
 padding-left:8px;
 width:95%
}
.alignnone{
	width: auto;
	height:auto;
	max-width:100%;
}

.promotions td:before{
 display:block; position:relative;
 width:100%;
 max-width:430px; height:50px;
 content:" ";
 background:url(/wp-content/uploads/2013/04/promo-header.jpg);
 margin-bottom:15px;
}

.promotions tr td:before{

}
.promotions tr:nth-child(1) td:nth-child(2):before{
	background-position:0 150px;
	-ms-background-position-y:150px;
}
.promotions tr:nth-child(2) td:nth-child(1):before{
	background-position:0 -50px;
	-ms-background-position-y:-50px;
}
.promotions tr:nth-child(2) td:nth-child(2):before{
	background-position:0 -200px;
-ms-background-position-y:-200px;
}
.promotions tr:nth-child(3) td:nth-child(1):before{
	background-position:0 200px;
-ms-background-position-y:200px;
}
.promotions tr:nth-child(3) td:nth-child(2):before{
	background-position:0 50px;
	-ms-background-position-y:50px;
}


.promotions tr:first-child td:first-child + td:before{
	background-position:0 150px;
}
.promotions tr:first-child + tr td:first-child:before{
	background-position:0 -50px;
}
.promotions tr:first-child + tr td:first-child + td:before{
	background-position:0 -200px;
}

.promotions tr:first-child + tr + tr td:first-child:before{
	background-position:0 200px;
}
.promotions tr:first-child + tr + tr td:first-child + td:before{
	background-position:0 50px;
}

.home-mast .banners .banner{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding: 0;
	display: none;
	background-position: center center;
	background-size: cover;
	background-color: #bbb;
}
.home-mast .banners .banner.active{
}
.home-mast .slider{
	padding-bottom: 45%;
	overflow: hidden;
	height: auto;
	width:100%;
}


@media print{
	h2{
		margin:0;
	}
	#header, #footer, .subscribe{
		display:none;
	}
	.fill{

		margin-top:5px;
	}
	.inner{
		width:auto;
	}
	#body{
		padding:0;
	}

}

.content > div:first-child{
	width:72% !important;
	display: inline-block;
	vertical-align:top;
	margin: 0;
	padding: 0 15px;
}



.mobile{
	display: none !important;
}

.mobile-click{
  position: absolute;
  right: 20px;
  top: calc(50% - 17px);
  color: #fff;
  font-weight: bold;
  padding:5px;
}


@media only screen
and (max-width:768px){
	html.locked{
		overflow: hidden;
	}

	.desktop{
		position:absolute;
		visibility: hidden;
	}
	.mobile{
		display: block !important
	}
	.mobile-click{
		display: block
	}
	html, body{
		min-width:300px;
		width: 100% !important
	}
	.inner{
		width:90%;
	}
	.content-side{
		padding-left:0px;
		margin:20px 0;
	}

	#navigation{
	  background: #191919;
	  display: none;
	  padding: 20px 0;
	  position: fixed;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  z-index: 1000;
	  height: auto;
	  overflow-x: hidden;
	  overflow-y: auto;
	  width: 80% !important;
	  max-width: 300px !important;
	  box-shadow: -5px 0 6px rgba(0, 0, 0, 0.25);
	}
	#navigation a{
		font-size: 15px;
		padding:0px;
	}
	#navigation ul > li{
		display:block;
		text-indent: 10px;
	}
	#navigation div ul li ul{
		display: block;
		position:relative;
		width:auto;
		height:auto;
		background:none;
		top:auto;
		left:20px;
		box-shadow: none;
		border: none;

	}
	#navigation div ul li ul li{
		background: none;
	}
	#navigation div ul li ul a{
		color:#fff;
		padding: 0px;
		width: auto;
		border: none;
	}
	.alignleft{
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
	}
	.wp-caption{
		margin:0 auto;
		margin-bottom: 20px;
	}
	.home-mast{
		margin-top: 0 !important
	}
	.stories img{
		float: left;
	}
	#body img{
		width:auto;
		max-width:100%;
		height:auto;
	}
	.home-mast h2{
		font-size: 26px !important;
		top:20%
	}
	.flex-two{
		display:block !important
	}
	.flex-two > div{
		margin-bottom:15px;
	}
}

.flex-two img{
	max-width:100%;
	width:auto
}

@media only screen
and (max-width:568px){
	#header .logo{
		background-size:contain;
		background-repeat: no-repeat;
		width:228px;
		height:40px;
		top:28px;
	}
	.inner{
		width:90%;
		margin:0px auto;
	}
	.products > div{
		margin:0px auto;
		display: block !important;
	}
	.listBurials{
		display: block !important;
		width:auto !important;
	}
	.buttons1 a{
		display:block;
		margin:0px auto;
	}
	.contact input[type=submit]{
		margin-left:0px;
	}
	.tribute input, .tribute textarea, .tribute select{
		width:100% !important;
		box-sizing: border-box
	}
	.slider{
		width:auto;
		height: 150px;
	}
	.burial-box{
		width:90% !important;
		display: block !important;
	}
	#footer{
		text-align: center;
		overflow: hidden;
	}
	div[style*='float:right'],
	img[style*="float:right"]{
		float: none !important
	}
	h1{
		font-size: 22px;
		line-height: 1.4em;
	}
	h2{
		font-size: 16px;
		line-height: 1.4em;
	}
	p{
		font-size: 15px !important;
		line-height: 24px !important
	}
	.alignleft{
		float: none;
		margin-bottom: 20px
	}
	.cemeteries-home img{
		max-width: 150px;
	}
	.cemeteries-home strong{
		font-size: 13px
	}
	.cemeteries-home a{
		margin:0 5px;
		margin-bottom: 15px;
	}
	.content img{
		width: auto;
		max-width: 100%
	}
	.home-mast h2{
		font-size: 18px !important;
		top:10%
	}
}


.burial-box{
	padding:10px 5px; width:47%; display:inline-block; vertical-align:top; background:#eee; border-radius:10px; margin:5px; box-sizing:border-box
}


.feature-text{
 clear:both; text-align:center;
}

.feature-text p{
 font-size:22px !important;
}

.feature-text input[type=text]{
 font-size:22px;
 display:block;
 margin:10px auto;
 width:100%;
 max-width:600px;
 padding:5px;
}
.feature-text input[type=submit]{
 background:#347454;
 border:none;
 padding:10px 30px;
 color:#fff;
 font-size:20px
}


#alert{
	position:fixed; display:none; left:50%; margin-left:-300px; bottom:10%; width:600px;
	text-align:center; height:auto; background:#eee; padding:20px 5px;
	font-weight:normal; border-radius:10px;
	box-shadow:0px 5px 15px rgba(0,0,0,.4);
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0.4);
	-moz-box-shadow:0px 5px 15px rgba(0,0,0.4);
	border:5px solid rgba(0,0,0,.5);
	background-clip: padding-box; text-shadow:0px 1px 0px #FFF;
	z-index:1000;
}
#alertText{
	font-size:30px;
}