/* Styles for content pages */

/************************************************************
Banner area */

#content #banner {
	position:relative;
	background:#333543 url('../images/site/bg-banner.jpg') no-repeat center center;
	max-width:none;
	min-height:170px;
	color:#ebe9e7;
	padding: 3em 1.5em 4em;
}

#content #testimonials {
	position:relative;
	background:#333543 url('../images/site/bg-banner.jpg') no-repeat center center;
	box-shadow: inset 0 0 0 1000px rgba(115,19,31,.5);
	max-width:none;
	min-height:380px;
	color:#ebe9e7;
	padding: 8em 1.5em 4em;
	text-align: center;
	background-size: cover;
}

.slick-slider figure {
	margin: 0;
	text-align: center;
}

.slick-slider figure img {
	display:inline-block;
	vertical-align:middle;
	max-width:458px;
	width:44%;
	padding:4px;
	background:rgba(42,45,67,0.33);
	border-radius:5%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.slick-slider figcaption {
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 3%;
	max-width:450px;
	width:44%;
}

.slick-slider figcaption {
	max-width: 600px;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
	border-top: solid #fff 4px;
}

.slick-slider .slick-prev {
	border-left: solid #fff 4px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:    rotate(-45deg);
	transform:        rotate(-45deg);
}
.slick-slider .slick-next {
	border-right: solid #fff 4px;
	
	-webkit-transform:rotate(45deg);
	-ms-transform:    rotate(45deg);
	transform:        rotate(45deg);
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
/*
	height: 60px;
	width: 60px;
*/
	display: none;
}

.slick-slider .slick-next {
	right: 2%;
}

.slick-slider .slick-prev {
	left: 2%;
}

#testimonials .slick-slide {
	padding: 0 25px;
}

.testimonial-container {
	max-width: 700px;
	margin: 0 auto;
	height: 188px;
}

.popup {
	background-color: #FFF;
	padding: 25px;
	color: #000;
}

.relative {
	position: relative;
}

.relative > h2 {
	position: absolute;
	text-align: center;
	top: 62px;
	z-index: 1;
	display: block;
	width: 100%;
	color: #FFF;
}

.testimonial-container p {
	word-break: break-word;
}


/*-----------------------------------------------------------
Home page slider */

#content #banner .slider {
	padding:0;
	border-color:transparent;
	border-style:solid;
	border-width:3em 1.5em 4em;
	position: relative;
}
#banner.slider a {
	color:#ebe9e7;
}

/* Navigation */
#banner .slider nav ol,
.slick-slider ul.slick-dots {
	text-align:center;
	list-style:none;
	position:absolute;
	width:100%;
	bottom: 20px;
	left:0;
}
#banner .slider nav li,
.slick-slider ul.slick-dots li {
	display:inline;
}
#banner .slider nav li a,
.slick-slider ul.slick-dots button {
	display:inline-block;
	text-align:left;
	text-indent:-9999px;
	outline:none;
	height:0.7em;
	width:0.7em;
	border-radius:100%;
	background:#5f5e5d;
	margin:0 0.1em;
	cursor: pointer;
}
#banner .slider nav li a:hover,
#banner .slider nav li.sel a,
.slick-slider ul.slick-dots .slick-active button,
.slick-slider ul.slick-dots button:hover {
	background:#f7f7f3;
}


/* Arrows */
#banner .slider nav>a {
	position:absolute;
	z-index:7;
	top:45%;
	font:0pt/0 Arial,Helvetica,sans-serif;
	color:#fff;
	text-indent:-9999px;
	outline:none;
	border:3px solid #5f5e5d;
	height:40px;
	width:40px;
	visibility:hidden;
	opacity:0;

	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);

	-webkit-transition:all 0.6s ease 0s;
	transition:all 0.6s ease 0s;
}
#banner .slider:hover nav>a {
	visibility:visible;
	opacity:1;
}
#banner .slider nav>a:after { /* Increase hit area of arrows */
	content:' ';
	position:absolute;
	width:160%;
	height:160%;
	left:-30%;
	top:-30%;
}
#banner .slider nav>a.prev {
	left:1%;
	border-right:none;
	border-top:none;
}
#banner .slider nav>a.next {
	right:1%;
	border-left:none;
	border-bottom:none;
}
#banner .slider nav>a:hover {
	border-color:#f7f7f3;
}


/* Tiles */
#banner .slider figure {
	text-align:center;
	position:absolute;
	font-size:115%;
	width:100%;
	padding:0;
	margin:0;
	left:0;
	top:0;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.7s ease 0s;
	transition:all 0.7s ease 0s;
}
#banner .slider figure.sel {
	position:relative;
	visibility:visible;
	opacity:1;
}
#banner .slider figure img {
	display:inline-block;
	vertical-align:middle;
	max-width:458px;
	width:44%;
	padding:4px;
	background:rgba(42,45,67,0.33);
	border-radius:5%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#banner .slider figcaption {
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 3%;
	max-width:450px;
	width:44%;
}


/************************************************************
Slider (home page) */

#content #ribbon.slider {
	padding:1em 4em;
	text-align:left;
}
#ribbon.slider>header,
#ribbon.slider>nav,
#ribbon.slider>section {
	max-width:1000px;
	margin:1em auto;
	clear:both;
}


/*-----------------------------------------------------------
Header */

#ribbon.slider header>h2,
#ribbon.slider header>p {
	display:inline;
	margin:0 1em 0 0;
}
#ribbon.slider .arrow {
	white-space:nowrap;
}

/* Search area (for the form styles, see below under Obituary Search) */
#ribbon.slider #obit-search {
/* 	float:right; */
	display: inline-block;
}
#ribbon.slider #obit-search p {
	display:block;
	margin:0;
}
#ribbon.slider #obit-search input[type="search"] {
	width:15em;
}

#ribbon.slider #obitNotiButton {
	display: inline-block;
	float: right;
}



/*-----------------------------------------------------------
Navigation */

#ribbon.slider nav {
	position:relative;
	margin:0 auto;
}
#ribbon.slider nav a {
	position:absolute;
	text-indent:-9999px;
	outline:none;
	top:3em;
	width:2em;
	height:2em;
	background:#dcd9d6;
	border-radius:100%;
	opacity:0.4;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
#ribbon.slider #slider-prev {
	left:-3em;
}
#ribbon.slider #slider-next {
	right:-3em;
}
#ribbon.slider nav a:hover {
	opacity:0.9;
}

/* Arrow shapes */
#ribbon.slider #slider-next:after,
#ribbon.slider #slider-prev:after {
	position:absolute;
	top:0;
	text-indent:0;
	white-space:nowrap;
	font:280%/0.6 Tahoma,sans-serif;
	letter-spacing:-0.4em;
	color:#ebe9e7;
	text-shadow:0.08em 0 0 #ebe9e7;

	-webkit-transform:scaleX(0.5);
	-ms-transform:scaleX(0.5);
	transform:scaleX(0.5);
}
#ribbon.slider #slider-prev:after {
	content:'<\2014';
	left:-0.1em;
}
#ribbon.slider #slider-next:after {
	content:'\2014>';
	right:0.1em;
}


/*-----------------------------------------------------------
Tiles */

#ribbon.slider>section {
	overflow:hidden;
}
#ribbon.slider ul {
	list-style:none;
	white-space:nowrap;
	margin:0;
	padding:0;
	font-size:1%;
}
#ribbon.slider li {
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	font-size:8500%;
	width:110px;
	padding:0 5px;
}
#ribbon.slider ul figure {
	margin:0;
}
#ribbon.slider ul a {
	display:block;
	color:inherit;
	outline:none;
}

/* Images */
#ribbon.slider ul em {
	position:relative;
	display:block;
	height:100px;
	width:100px;
	font-style:normal;
	border:0.2em solid #fff;
	border-radius:0.2em;
	text-indent:-9999px;
	background:#fff none no-repeat center 30%;
}
#ribbon.slider ul h5 {
	margin:0.5em 0 0;
}
#ribbon.slider ul p {
	margin:0;
}


/************************************************************
Obituary Search Forms */

/*-----------------------------------------------------------
Letter links */

#obit-letters {
	margin:0.7em 0;
}
#obit-letters ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:1%;
}
#obit-letters li {
	display:inline;
	color:#5f5e5d;
	font-size:10000%;
}
#obit-letters a {
	display:inline-block;
	text-align:center;
	min-width:2%;
	color:#5f5e5d;
}
#obit-letters li.sel a {
	font-weight:bold;
	color:#74131f;
}
#obit-letters li+li:before {
	content:'|';
}


/*-----------------------------------------------------------
General inputs */

#obit-search input[type="search"],
#obit-search input[type="text"] {
	display:block;
	padding:0.5em 0.8em;
	width:100%;
	font:100%/1.3 Garamond,'Times New Roman',Times,serif;
	color:#5f5e5d;
	background:#c6c4c3;
	border:none;
	border-radius:1.2em;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.4), 0 1px 1px rgba(255,255,255,0.4), inset 0 -2.5em 1em -1em #dcdad9;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#obit-search select {
	min-width:6em;
	text-align:center;
	vertical-align:middle;
	background:#ededed;
	padding:0.3em 0.8em;
	font:100%/1.3 Garamond,'Times New Roman',Times,serif;
	border:1px solid #d7d7d7;
	border-radius:1.2em;
	box-shadow:0 1px 0 rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.4), inset 0 2.5em 1em -1em #e6e3e2;
	cursor:pointer;
}
#obit-search option {
	text-align:left;
}


/*-----------------------------------------------------------
Search input */

#obit-search p {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin:0.5em 0.5em 0.5em 0;
}
#obit-search input[type="search"] {
	padding-right:2.2em;
	width:100%;
}
#obit-search input[type="submit"] {
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	right:0.2em;
	top:0.3em;
	height:2.5em;
	width:2.5em;
	margin:0;
	border:none;
	font-size:70%;
	text-indent:-9999px;
	background:#e2e2e2 url('../images/icons/magnify.png') no-repeat center center;
	background-image:url('../images/icons/magnify.png'), linear-gradient(to bottom, #f0f0f0, #c7c7c7);
	box-shadow:0 1px 2px rgba(0,0,0,0.4), inset 0 1px 1px rgba(255,255,255,0.4); /*, inset 0 2.5em 1em -1em #f0f0f0;*/
	border-radius:100%;
	cursor:pointer;
}
#obit-search label[for="search-submit"] {
	position:relative;
	padding:0.4em 2.7em 0.4em 1.7em;
}


/*-----------------------------------------------------------
Layout on Obituaries page */

.col #obit-search p:first-child {
	width:65%;
}
.col #obit-search p:first-child+p {
	font-size:130%;
	width:20%;
}


/************************************************************
Obituary Results / Details */

/*-----------------------------------------------------------
Pagination */

.pagination {
	text-align:right;
}
.pagination:first-child {
	float:right;
	width:55%;
	min-width:15em;
}
.pagination ul {
	list-style:none;
	margin:0.5em;
	padding:0;
}
.pagination li {
	display:inline;
}
.pagination a,
.pagination strong {
	display:inline-block;
	padding:0 1.7%;
}
.pagination a {
	color:#5f5e5d;
}
.pagination strong {
	color:#74131f;
}
.pagination .prev {
	border-right:1px solid #5f5e5d;
}
.pagination .next {
	border-left:1px solid #5f5e5d;
}


/*-----------------------------------------------------------
Results list */

#obit-list {
	border-bottom:5px solid #ebe9e7;
}
#obit-list ol {
	list-style:none;
	margin:1em 0;
	padding:0;
}
#obit-list ol li {
	position:relative;
	background:#ebe9e7;
	padding:3% 3% 3% 22%;
	margin:0.5em 0;
	min-height:6.5em;
	border:0.2em solid #f8f7f6;
	border-radius:1.5em;
}
#obit-list ol a {
	display:block;
	color:#3f3e3e;
}

/* Image */
#obit-list ol figure {
	position:absolute;
	text-align:center;
	max-width:6.75em;
	width:17%;
	left:1em;
	top:0;
	margin:2.5% 0 0;
	background:#f8f7f6;
	border-radius:0.2em;
}
#obit-list ol img {
	display:block;
	padding:0.2em;
	margin:0 auto;
	max-height:6.6em;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#obit-list ol .noimg {
	border:0.1em solid #fff;
	height:9em;
}

/* "View" overlay -- shared with home page slider */
#obit-list ol figure:after,
#ribbon.slider ul em:after {
	content:'View';
	position:absolute;
	text-align:center;
	text-indent:0;
	height:100%;
	width:100%;
	left:0;
	top:0;
	color:#f4f3f2;
	background:rgba(47,66,98,0.8);
	background-clip:padding-box;
	text-transform:uppercase;
	line-height:7em;
	visibility:hidden;
	opacity:0;

	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
#obit-list ol figure:after {
	border:0.2em solid transparent;
	line-height:6.2em;
}
#obit-list ol li:hover figure:after,
#ribbon.slider ul li:hover em:after {
	visibility:visible;
	opacity:1;
}



/* Name / date */
#obit-list ol h3,
#obit-list ol h4 {
	display:inline-block;
	margin:0 5% 1% 0;
}

/* Info */
#obit-list ol p {
	clear:left;
	margin:0.3em 0;
}



/*-----------------------------------------------------------
Details */


/* Columns */
#obit-detail .col.side {
	margin-top:4em;
}


/* Header */
#obit-detail header time {
	display:inline-block;
	font-size:50%;
	color:#5e5e5d;
	margin:0 0 0 5%;
}

/* Image */
#obit-detail .col.main figure {
	float:left;
	margin:0.5em 1em 0.5em 0;
	max-width:40%;
	min-width:90px;
}
#obit-detail .col.main img {
	display:block;
	background:#fff;
	padding:0.2em;
	border-radius:0.2em;
}

#obit-detail em.noimg {
	border:0.2em solid #fff;
	font-size:150%;
	height:10em;
}


/*-----------------------------------------------------------
Condolences */

#condolences ol {
	list-style:none;
	margin:0;
	padding:0;
}
#condolences li {
	position:relative;
	margin:0.7em 0;
	padding:1em 3.5em 1.5em 1em;
	background:#f6f6f4;
	border-radius:1em;
	max-height + overflow: hidden
	/*max-height:514px;*/
	overflow:hidden;
	visibility:visible;
	opacity:1;

	-webkit-transition:all 1s ease-out 0s;
	transition:all 0.5s ease-out 0s;
}
#condolences h3 {
	font-weight:bold;
	margin:0 0.7em 0 0;
	float:left;
}
#condolences p {
	margin:0.25em 0 1em;
}
#condolences time {
	font-size:75%;
	font-style:italic;
	font-weight:normal;
	position:absolute;
	bottom:0.7em;
	left:1em;
}
#condolences .arrow {
	margin-left:0.3em;
}

/* Candle icon */
#condolences li.candle:after {
	content:' ';
	position:absolute;
	height:66px;
	width:3em;
	right:1%;
	bottom:0.7em;
	background:transparent url('../images/icons/candle.png') no-repeat center center;
}

/* Hidden items */
#condolences li.hide {
	visibility:hidden;
	padding:0 1em;
	max-height:0;
	opacity:0;
	margin:0;
}



/************************************************************
Sidebar navigation */

#side-nav {
	margin:0 0 20%;
}
#side-nav header {
	text-align:center;
	margin-top:2em;
}
#side-nav ul {
	list-style:none;
	margin:1em 0;
	padding:0 5% 0 15%;
}
#side-nav li {
	position:relative;
	margin:8% 0;
}
#side-nav li a {
	color:#5e5e5d;
	text-transform:uppercase;
}
#side-nav li.sel a {
	color:#74131f;
}
#side-nav li.sel a:before {
	content:' ';
	display:inline-block;
	border-right:0.6em solid #74131f;
	border-top:0.35em solid transparent;
	border-bottom:0.35em solid transparent;
	position:absolute;
	margin:-0.35em 0 0;
	right:105%;
	top:50%;
}


/************************************************************
Staff list */

.staff-list {
	list-style:none;
	margin:0;
	padding:0;
}
.staff-list li {
	position:relative;
	margin:1em 0 2em;
	padding:0 0 0 37%;
}
.staff-list h3 {
	font-weight:bold;
}
.staff-list p {
	margin:0.5em 0 1em;
}
.staff-list figure {
	position:absolute;
	margin:0;
	width:33%;
	left:0;
	top:0.3em;
	border:0.2em solid #fff;
	border-radius:1.2em;
	overflow:hidden;
}
.staff-list img {
	display:block;
}


/************************************************************
Callouts */

aside {
	margin:0 0 2em;
}
aside>a {
	display:block;
	color:inherit !important;
}


/*-----------------------------------------------------------
Callout boxes */

aside.box {
	background:#ebe9e7;
	padding:0.7em 7%;
	border:0.2em solid #fff;
	border-radius:1.2em;
}
aside.box header>h2 {
	margin:0 0 0.5em;
	text-align:center;
	border-bottom-color:#e3e1df;
}
aside.box h3,
aside.box h4 {
	color:#74131f;
	margin:1em 0 0.2em;
}
aside.box p {
	margin-top:0;
}


/*-----------------------------------------------------------
Pre-planning */

aside.plan {
	position:relative;
	text-align:center;
	padding:2em 0;
	background:#f1f0ec url('../images/site/bg-header.jpg') repeat center center;
}
aside.plan:before,
aside.plan:after {
	content:' ';
	position:absolute;
	height:1.5em;
	width:100%;
	left:0;
	background:#ebe9e7;
}
aside.plan:before {
	top:0;
	border-radius:1.2em 1.2em 0 0;
}
aside.plan:after {
	bottom:0;
	border-radius:0 0 1.2em 1.2em;
}

aside.plan>a {
	position:relative;
	z-index:2;
	margin:-0.5em 0;
	padding:0.5em 10%;
	/*background:#f1f0ec url('../images/site/bg-header.jpg') repeat center center;
	border-bottom:1.5em solid #ebe9e7;
	border-top:1.5em solid #ebe9e7;*/
	border-radius:1.2em;
}
aside.plan h3 {
	font-size:235%;
	font-weight:bold;
	margin:0 -2% 0.15em;
}
aside.plan h4 {
	font-size:200%;
	font-weight:bold;
	margin:0 -2% 0.25em;
}
aside.plan h3+*,
aside.plan h4+* {
	margin:0;
}
aside.plan p.button {
	margin:1em 0 -1em;
	font-size:110%;
}
aside.plan h3+*:after,
aside.plan h4+*:after { /* Diamond */
	content:'\2666';
	display:block;
	margin:0 auto;
	width:1em;

	-webkit-transform:scaleX(1.8) scaleY(0.7);
	-ms-transform:scaleX(1.8) scaleY(0.7);
	transform:scaleX(1.8) scaleY(0.7);
}

aside.plan h3+p.button.noAfter:after {
	content: '';
	display: none;
}


/*-----------------------------------------------------------
Florist */

aside.florist {
	text-align:center;
	padding:0;
}
aside.florist>a {
	padding:1.5em 10%;
	background:#9a9ca9 url('../images/photos/florist.jpg') no-repeat center center;
	color:#fff !important;
	border:0.25em solid #f2f0ef;
	border-radius:1.2em;
}
aside.florist h3 {
	font-size:235%;
	text-transform:uppercase;
	margin:0 0 -0.3em;
}
aside.florist p {
	margin:1em auto 0;
	max-width:11em;
}



/************************************************************
Odds and Ends */


/*-----------------------------------------------------------
Image placeholder */

em.noimg {
	position:relative;
	display:table-cell !important;
	vertical-align:middle;
	text-align:center;
	text-indent:0 !important;
	background:#f1f0ec url('../images/site/bg-header.jpg') repeat center center !important;
	font-style:normal;
	font-size:70%;
	color:#5f5e5d;
	line-height:1;

	/* Newer/better way to vertically center (for browsers that understand it): */
	display:flex !important;
	flex-direction:column;
	justify-content:center;
}
em.noimg strong {
	display:block;
	color:#74111F;
	font:150%/0.8 SnellRoundhand,cursive;
}
em.noimg:before {
	content:'\2666  \2666';
	/*display:block;
	margin:2.2em auto -2.2em;
	line-height:2;
	opacity:0.5;
	width:1em;*/
	position:absolute;
	margin:-6.0em 0 0 -0.5em;
	line-height:7.5;
	opacity:0.5;
	left:50%;
	width:0;

	-webkit-transform:scaleX(1.8) scaleY(0.7);
	-ms-transform:scaleX(1.8) scaleY(0.7);
	transform:scaleX(1.8) scaleY(0.7);
}
em.noimg:after {
	font-size:140%;
}


/*-----------------------------------------------------------
Fancy lists (bullets and numbered) */

ol.list,
ul.list {
	margin:1em 0 1.5em;
	padding:0 0 0 1.5em;
}
ul.list {
	list-style:none;
}
ol.list li,
ul.list li {
	margin:0.2em 0;
}
ul.list li:before {
	content:'\2022';
	color:#5E5E5D;
	float:left;
	margin-left:-0.75em;
	font-size:170%;
	line-height:0.7;
}


/*-----------------------------------------------------------
Share icons */

#share-icons ul {
	text-align:center;
	list-style:none;
	padding:0;
	margin:1em 0 0;
}
.box+#share-icons {
	margin-top:-1em;
}
#share-icons li {
	display:inline;
	float:none;
}
#share-icons li a {
	display:inline-block;
	float:none;
	text-align:left;
	text-indent:-9999px;
	margin:0 -1px;
	height:36px;
	width:36px;
	background:transparent url('../images/icons/share.png') no-repeat center center;
}
#share-icons li>a span,
#share-icons li>a div { /* Kill the blecky stuff added by the plugin */
	display:none;
}

#share-icons li.facebook>a { background-position:0 center; }
#share-icons li.twitter>a { background-position:-38px center; }
#share-icons li.email>a { background-position:-77px center; }
#share-icons li.print>a { background-position:-116px center; }
#share-icons li.plus>a { background-position:-156px center; }


/*-----------------------------------------------------------
Families and Friends page */

/* Resources list */
.resources {
	list-style:none;
	margin:0;
	padding:0;
}
.resources li {
	/*margin:1em 0 1.5em;*/
	display:inline-block;
	vertical-align:top;
	margin:0 3% 0 0;
	width:46%;
}
.resources p,
.resources address {
	margin:0.5em 0;
}
.resources a[href^="tel:"] {
	white-space:nowrap;
}


/*-----------------------------------------------------------
Google Map */

.map {
	height:140px;
}
.map img {
	max-width:none;
}

aside.box .map+p {
	margin:0.4em 0 -0.2em;
}


/************************************************************
/************************************************************
Responsive */

/* Hitting max layout width */
@media all and (max-width:1040px) {

	/*-------------------------------------------------------
	Header */

	#locations { /* Readjust absolutely positioned top bar */
		width:100%;
		margin:0;
		left:0;

		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	/*-------------------------------------------------------
	Footer */

	#foot-nav+p { /* Copyright text */
		margin:0 130px 0 0;
		max-width:520px;
		padding:0;
	}
	#jb { /* JB Logo */
		right:1.8em;
		margin:0;
	}

	/*-------------------------------------------------------
	Banner area */

	#content #banner {
		background-size:130% auto;
		min-height:inherit;
		padding:8% 0;
	}

}
@media all and (max-width:950px) {

	/*-------------------------------------------------------
	Callouts */

	/* Shrink the obnoxiously big callout headings */
	aside.florist h3,
	aside.plan h3 {
		font-size:190%;
	}

	/*-------------------------------------------------------
	Navigation */

	#main-nav a {
		font-size:100%;
		padding:1em 1.3%;
	}

}

/*-----------------------------------------------------------
Tablet */

@media all and (max-width:810px) {

	/*-------------------------------------------------------
	Global */

	/* Font sizing */
	body {
		font-size:11pt;
	}

	/* Columns */
	.col.main {
		width:60%;
	}
	.col.side {
		width:35%;
	}

	/*-------------------------------------------------------
	Navigation */

	#main-nav a {
		padding:0.9em 1%;
	}

	/*-------------------------------------------------------
	Obituaries */

	/* Search form buttons */
	#obit-search input[type="submit"] {
		height:2.2em;
		width:2.2em;
	}

	/* Pagination */
	.pagination:first-child {
		width:45%;
	}

	/* Search results - more space for images */
	#obit-list ol li {
		padding-left:24%;
	}

	/*-------------------------------------------------------
	Banner: Slider */

	#banner .slider figure img {
		width:40%;
	}
	#banner .slider figcaption {
		width:50%;
	}

}
@media all and (max-width:760px) {

	/*-------------------------------------------------------
	Footer */

	#foot-nav ul {
		max-width:550px;
		width:90%;
	}
	#foot-nav .social {
		margin:1em 0 0;
	}

	/*-------------------------------------------------------
	Staff list */

	.staff-list li {
		padding:0;
	}
	.staff-list figure {
		position:static;
		min-width:150px;
		margin:0 3% 0 0;
		float:left;
		width:45%;
	}

}
@media all and (max-width:720px) {

	/*-------------------------------------------------------
	Navigation */

	/* Three columns / two rows */
	#main-nav li {
		display:inline-block;
		max-width:180px;
		width:32%;
	}

	/*-------------------------------------------------------
	Banner: Static */

	#content #banner {
		min-height:30px;
	}

	/*-------------------------------------------------------
	Banner: Slider */

	#banner .slider {
		font-size:90%;
	}
	#banner .slider figure img {
		width:35%;
	}
	#banner .slider figcaption {
		width:55%;
	}
	#banner .slider nav>a {
		height:25px;
		width:25px;
	}
	#banner .slider nav>a.prev {
		left:0;
	}
	#banner .slider nav>a.next {
		right:0;
	}
	#banner .slider h2 {
		margin-right:-0.7em;
	}


}
@media all and (max-width:660px) {

	/*-------------------------------------------------------
	Header */

	/* Locations */
	#locations h4>strong {
		padding:0 0.5em 0 0;
	}
	#locations h4 em+em:before {
		margin:0 0.4em 0 0.3em;
		line-height:2.7;
		font-size:70%;
	}
	#locations a[href="#locations"],
	#locations a[href="#top"] {
		margin-left:0.3em;
	}

	/*-------------------------------------------------------
	Footer */

	#jb a {
		background-size:contain;
		margin-right:-3px;
		width:90px;
	}
	#foot-nav+p {
		margin-right:94px;
	}

}
@media all and (max-width:610px) {

	/*-------------------------------------------------------
	Global */

	/* Font sizing */
	body {
		font-size:10.5pt;
	}

	/* Columns */
	.col.main {
		width:56%;
	}
	.col.side {
		width:39%;
	}


	/*-------------------------------------------------------
	Header: Locations */

	/* Diamonds to bullets to save space */
	#locations h4 em+em:before {
		content:'\2022';
		font-size:120%;
		line-height:1.7;
		margin:0 -1px;

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
	}

	/* Shorten heading */
	#locations h4>strong {
		padding:0 0.3em 0 0;
	}
	#locations h4>span {
		display:none;
	}


	/*-------------------------------------------------------
	Header: Logo */

	#logo strong {
		font-size:45pt;
		line-height:0.6;
	}


	/*-------------------------------------------------------
	Callouts */

	/* Further shrink the heading of the pre-planning callout */
	aside.florist h3,
	aside.plan h3 {
		font-size:170%;
	}


	/*-------------------------------------------------------
	Obituaries */

	/* Search results - more space for images */
	#obit-list ol li {
		padding-left:28%;
	}
	#obit-list ol figure {
		width:21%;
	}

}
@media all and (max-width:560px) {

	/*-------------------------------------------------------
	Footer */

	/* Navigation */
	#foot-nav ul {
		text-align:center;
		margin:0 auto;
		padding:0 40px;
		float:none;
		width:auto;
	}
	#foot-nav p.social {
		margin:-3.5em 0 0;
	}

	/* JB logo / copyright */
	#jb {
		position:static;
		margin:1em 0 0;
	}
	#jb a {
		width:120px;
		margin:0 auto;
	}
	#foot-nav+p {
		line-height:1.4;
		font-size:105%;
		text-align:center;
		max-width:none;
		margin:0;
	}


	/*-------------------------------------------------------
	Banner: Slider */

	#content #banner .slider {
		background-size:auto 430px;
	}
	#banner .slider figure img {
		display:none;
	}
	#banner .slider figcaption {
		margin:0;
		width:80%;
		max-width:350px;
	}
	#banner .slider h2 {
		margin-right:0;
	}
}


/*-----------------------------------------------------------
Mobile */

@media all and (max-width:510px) {

	/*-------------------------------------------------------
	Global */

	/* Font sizing */
	body {
		font-size:10pt;
	}

	/* Eliminate columns */
	.col {
		display:block !important;
		margin:1em auto !important;
		width:auto !important;
	}


	/*-------------------------------------------------------
	Header */

	/* Logo */
	#logo a {
		line-height:0.8;
	}
	#logo strong {
		font-size:40pt;
		line-height:0.8;
	}


	/*-------------------------------------------------------
	Side navigation */

	/* Close up gap */
	#side-nav {
		margin:0 0 1em;
	}


	/*-------------------------------------------------------
	Obituaries */

	/* Search form buttons */
	#obit-search input[type="submit"] {
		height:2em;
		width:2em;
	}

	/*-------------------------------------------------------
	Footer */

	/* Copyright text */
	#foot-nav+p span {
		display:block;
	}
	#foot-nav+p span:after {
		display:none !important;
	}

	/*-------------------------------------------------------
	Staff list */

	.staff-list li {
		padding:0 0 0 40%;
	}
	.staff-list figure {
		position:absolute;
		min-width:inherit;
		margin:0;
		width:35%;
	}
}
@media all and (max-width:410px) {

	/*-------------------------------------------------------
	Header */

	/* Locations: No more room for city names */
	#locations h4 em {
		display:none;
	}

	/*-------------------------------------------------------
	Navigation */

	/* Two columns / three rows */
	#main-nav>ul {
		padding:0 1em;
	}
	#main-nav li {
		width:48%;
	}


	/*-------------------------------------------------------
	Staff list */

	.staff-list li {
		padding:0;
	}
	.staff-list figure {
		position:static;
		display:inline-block;
		margin:0.5em 0;
		float:none;
		width:auto;
	}

}

/* Eliminate columns for narrower tablets & mobile devices */
@media all and (max-width:410px), screen and (max-width:660px) and (min-width:511px) {

	/*-------------------------------------------------------
	Resources */

	.resources li {
		display:block;
		width:auto;
		margin:1em 0 1.5em;
	}

}