@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic); /* For the Testimonials CSS */

/* Body */
body
{
	min-height: 101%;
}


/* Override of jQuery Mobile Nav Bars */
.ui-bar-a, #top-nav-bar a
{
	background: #2621B5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2621B5 0%, #262194 44%, #262161 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2621B5), color-stop(44%,#262194), color-stop(100%,#262161)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* IE10+ */
	background: linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* W3C */
}
 
.ui-btn-up-a
{
	background: -moz-linear-gradient(center top , #2621B5, #262161) repeat scroll 0 0 #333333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2621B5), color-stop(44%,#262194), color-stop(100%,#262161)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* IE10+ */
	background: linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* W3C */
}

.ui-btn-down-a
{
	background: -moz-linear-gradient(center top ,  #262161, #2621B5) repeat scroll 0 0 #333333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2621B5), color-stop(44%,#262194), color-stop(100%,#262161)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* IE10+ */
	background: linear-gradient(top,  #2621B5 0%,#262194 44%,#262161 100%); /* W3C */
}

.ui-btn-hover-a
{
	background: #2621B5 repeat scroll 0 0 #333333;
}


/* Override of jQuery Mobile Button Links */
ul a
{
	display: block !important;
}


/* General Stuff */
hr
{
	background-color: #006;
	border-color: #006;
	height: 2px;
	margin: 20px;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

.center
{
	text-align: center;
}

.enquire-button
{
	background-color: #006;
	border-radius: 5px;
	color: #fff !important;
	font-size: 15px;
	margin: 0 auto 20px;
	padding: 7px;
	text-decoration: none;
}

.pull-left
{
	float: left;
	margin: 0 10px 0 0;
}

.pull-right
{
	float: right;
	margin: 0 0 0 10px;
}


/* Headings */
h1
{
	margin: .6em 0 .8em !important;
	text-align: center;
}

h2, h4
{
	color: #2621B5;
}

h3
{
	color: #262161;
}

#top-header
{
	height: 40px;
}

h1#header
{
	margin: 12px;
	overflow: visible;
}

h2#header
{
	color: #fff;
	margin: 12px;
	overflow: visible;
	text-align: left !important;
}

#lawn-memorials h3
{
	margin: 0 0 15px;
}

#restorations h3
{
	clear: both;
	margin: 15px 0;
}


/* The Logo */
img#logo
{
	display: block;
	margin: 0 auto 10px auto;
	width: 250px;
}


/* Icons */
#icons
{
	margin: 30px 0 0;
	text-align: center;
}

#icons img
{
	height: 50px;
	margin: 0 10px;
}


/* Homepage Image */
.home-image
{
	border-radius: 4px;
	box-shadow: 0 0 4px #006;
	margin: 0 auto;
	width: 250px;
}

/* Lawn Memorial Index Photos */
#lawn-memorials
{
	text-align: center;
}

#lawn-memorials p
{
	margin: 5px 0 0;
}

#lawn-memorials img
{
	margin: 0 auto;
	width: 250px;
}


/* Single Memorial Index Photos */
#memorials
{
	text-align: center;
}

#memorials p
{
	margin: 5px 0 0;
}

#memorials img
{
	margin: 0 auto;
	width: 250px;
}

/* Memorial Index Page */
#memorial-index .memorial-range img
{
	border-radius: 3px;
	box-shadow: 0 0 4px #006 !important;
	margin: 20px 0;
}

#memorial-index .memorial-range a
{
	background-color: #006;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	margin: 20px auto;
	padding: 7px;
	text-decoration: none;
}

.ui-body-c .ui-link /* Overwrite the link behavior */
{
	font-weight: normal !important;
}

/* Testimonials */ /* Most of the Blockquote code was created by Jonathan Clift (https://codepen.io/cliftwalker/pen/XJaEXY) */
blockquote
{
	font-size: 14px;
	width: 80%;
	margin:50px auto;
	font-family: Open Sans;
	font-style: italic;
	color: #006;
	padding: 30px 10px 10px;
	border-left: 8px solid #006;
	position: relative;
	background: #ededed;
}

blockquote::before
{
	font-family: Arial;
	content: "\201C";
	color: #006;
	font-size: 4em;
	position: absolute;
	left: 10px;
	top:-10px;
}

blockquote::after
{
	content: '';
}

blockquote span
{
	display: block;
	color: #333333;
	font-style: normal;
	font-weight: bold;
	margin-top: 1em;
}

blockquote img
{
	width: 100px;
}

/* Read More on the Testimonials page */
h3.read-more-trigger
{
	background: #006;
	border-radius: 3px;
	color: #fff;
	font: 20px Tahoma, Geneva, sans-serif;
	margin: 50px auto;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}


/* Inscriptions */
#inscriptions .proofs, #inscriptions .additionals, #inscriptions .examples
{
	align-items: center;
	background-color: #efefef;
	border: 1px solid #ccc;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	margin: 20px auto;
	padding: 15px;
}

#inscriptions .proofs img, #inscriptions .additionals img, #inscriptions .examples img
{
	border-radius: 3px;
	margin: 10px;
}


/* Restorations */
#restorations #page img
{
	margin: 0 15px;
	width: 100px;
}

#restorations div.double-restoration
{
	display: inline-block;
	margin: 15px auto 0 auto;
	text-align: center;
	width: 300px;
}

div.double-restoration div.single-restoration
{
	float: left;
	text-align: inherit;
	width: 150px;
}

div.double-restoration p
{
	font-weight: bold;
	margin: 0 0 12px 0;
}


/* Inscription and Restoration Forms */
#inscriptions form, #restorations form
{
	background-color: #efefef;
	border: 1px solid #ccc;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	margin: 15px auto 15px;
	padding: 10px;
	width: 260px;
}

#inscriptions form textarea, #restorations form textarea
{
	height: 100px;
}


/* Form Pages */
form
{
	padding: 5px;
}
textarea#comments
{
	height: 100px;
}

.asterix
{
	color: #F00;
	font-weight: bold;
}

#error-message
{
	background-color: #f0f0f0;
	border: 1px solid #666;

	/* Rounded Corners */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	/* Shadow */
	box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	
	color: #f00;
	margin: 20px auto;
	padding: 7px;
	width: 250px;
}

/* Hints on the text boxes */
.hint
{
	display: none;

}
input:focus + .hint, textarea:focus + .hint
{
	display: block;
	background-color: #4f4f4f;
	border: #f00 1px dashed;

	/* Rounded Corners */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	color: #fff;
	margin: 15px auto 0;
	padding: 5px;
	width: 200px;
}

input[type="submit"]
{
	margin: 15px 0 0;
}


/* Error Pages */
#error-message-reason
{
	background-color: #f0f0f0;
	border: 1px solid #666;
	border-radius: 5px;
	box-shadow: 0 0 2px #999;
	color: #f00;
	margin: 20px auto;
	padding: 7px;
	width: 250px;
}


/* COVID-19 Message */
#covid-19-message
{
	background: #006;
	border: #6e6f71 5px solid;
	border-radius: 4px;
	color: #fff;
	margin: 10px 0;
	padding: 10px;
}
#covid-19-message h3
{
	color: #fff;
}