/********* Obituary All Entries Page ************/

#obituary-entry-all {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}

header.entry-header h1.entry-title {
	margin: 0.5em 0;
}

.nf-form-fields-required {
	margin-bottom: 1em;
}

header.entry-header h1.entry-title {
	margin: 0.5em 0;
}

.nf-form-fields-required {
	margin-bottom: 1em;
}

#obituary-entry-all .col {
	margin-bottom: 30px;
	padding: 5px;
	box-sizing: border-box;
}

.obituary-photo-thumb a.crop {
	max-width: 330px;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;

	@media screen and (min-width: 667px) {
		float: left;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
	}
}

.obituary-photo-thumb .thickbox .thickbox-overlay,
.obituary-photo-thumb .js-smartPhoto .js-smartPhoto-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	z-index: 100;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
}

.obituary-photo-thumb .thickbox span,
.obituary-photo-thumb .js-smartPhoto span {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2em;
	z-index: 200;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 10px;
	font-size: 24px;
	opacity: 0;
}

.obituary-photo-thumb .thickbox .thickbox-overlay:hover,
.obituary-photo-thumb .js-smartPhoto .js-smartPhoto-overlay:hover {
	opacity: 1;
}

.obituary-photo-thumb .thickbox .thickbox-overlay:hover span,
.obituary-photo-thumb .js-smartPhoto .js-smartPhoto-overlay:hover span {
	top: 50%;
	opacity: 1;
}

.obituary-photo-thumb .thickbox .thickbox-overlay span:hover,
.obituary-photo-thumb .js-smartPhoto .js-smartPhoto-overlay span:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.smartphoto {
	z-index: 9999 !important;
}

.admin-bar .smartphoto,
.admin-bar .smartphoto .smartphoto-header {
	top: 30px;
}

#obituary-entry-all .obituary-photo-thumb a.crop {
	margin-left: auto !important;
	margin-right: auto !important;
}

.obituary-photo-thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.obituary-photo-thumb.hover img:hover {
	opacity: 0.7;
}

div.obituary-name h3 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;
}

table#wp-obituary-calendar {
	width: auto !important;
	border-collapse: collapse;
	margin: 10px auto;
}

/* Calendar */
.obituary-sidebar {
    padding-left: 3em;
}

/* Zebra striping */
#wp-obituary-calendar tr:nth-of-type(odd) {
	background: #eee;
}

#wp-obituary-calendar th {
	background: #dd0a4f;
	color: white;
	font-weight: bold;
}

#wp-obituary-calendar td,
#wp-obituary-calendar th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 16px;
}

#wp-obituary-calendar td a:hover,
#wp-obituary-calendar td a.active-day {
	color: #24bb6c;
}

.wp-obituary-calendar-nav {
		font-size: 16px;
		margin-right: 69px;
}
.wp-obituary-calendar-nav a:hover {
		color: #24bb6c;
}

.wp-obituary-calendar-nav .wp-calendar-nav-prev  {
		float: left;
}
.wp-obituary-calendar-nav .wp-calendar-nav-next {
		float: right;
}


/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px) {
		.wp-obituary-calendar-nav {
				margin-right: auto;
		}
}

/********* Locations Under Map ************/

.obituary-photo img {
	max-width: 330px;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-bottom: 10px;
}

.col.address {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	position: relative;
	padding-left: 20px;
	font-size: 14px;
	border-top: 1px solid #eaeaea;
	margin-bottom: 30px;
}

.col.address address {
	font-style: normal;
	margin-bottom: 10px;
}

.col.address h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

.col.address p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Map .section.group {
	max-width: 960px;
	margin-left: auto !important;
	margin-right: auto !important;
}

#Map a:hover {
	color: #dd0a4f;
}

/********* Obituary Entry Details ************/

#obituary-entry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.obituary-info {
	display: flex;
	margin-top: 10px;
}

.obituary-info__item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px;
}

#obituary-entry h1 {
	font-size: 28px;
	line-height: 1.5;
}

#obituary-entry .section.header {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

#obituary-entry .section.sub_header {
	margin-bottom: 8px;
}

#obituary-entry .obituary-date {
	text-align: left;
}

#obituary-entry .section.header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: inherit;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
}

#obituary-entry .section.header .obituary-date {
	margin-bottom: 10px;
	text-align: left;
}

#obituary-entry .col.detail_label {
	font-size: 16px;
	font-weight: bold;
	color: #656565;
	padding: 0;
}

#obituary-entry .col.detail_item {
	font-size: 16px;
	color: #656565;
	padding: 0;
	padding-bottom: 10px;
}

#obituary-entry .col.detail_item.notes {
	padding-right: 20px;
	box-sizing: border-box;
	text-align: justify;
	text-justify: inter-word;
}

fieldset legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding: 10px;
}

@media only screen and (max-width: 775px) {
	fieldset legend {
		font-size: 0.85em;
		padding: 5px;
	}
}

/* Style the tab content */
.tabcontent {
	display: none;
	border-top: none;
	padding: 0 0 20px;
}

.col.span_5_of_12.pofile_img img {
	margin: 20px 0;
}

@media only screen and (max-width: 915px) {
	#obituary-entry .obituary-photo img,
	div.donation_bar_wrap {
		max-width: 270px;
	}
}

/* Single Column Mobile Break Point */
@media only screen and (max-width: 775px) {

	.obituary-details {
		display: flex;
		flex-direction: column;
	}

	#obituary-entry .obituary-photo,
	div.donation_bar_wrap {
		width: 275px;
		margin-left: auto;
		margin-right: auto;
	}

	#obituary-entry .obituary-date {
		text-align: center;
	}

	.section.group.header,
	.section.group.header .obituary-date, .obituary-info__item {
		text-align: center !important;
	}

	.obituary-info {
		justify-content: center;
	}

	.obituary-meta {
		margin-top: 20px;
	}

	.col.span_5_of_12.pofile_img {
		width: 100%;
		text-align: center;
	}

	.col.span_5_of_12.pofile_img img {
		margin-right: auto;
		margin-left: auto;
	}

	.col.span_7_of_12.profile_detail {
		width: 100%;
	}

	.pofile_img,
	.pofile_img img {
		margin-right: auto;
		margin-left: auto;
		float: none;
		text-align: center;
	}
}

/********* Obituary Accordion ************/
h3.obituary-accordion-toggle,
h3.obituary-accordion-toggle:not([class*="fontsize-"]) {
	cursor: pointer;
	border: solid 1px silver;
	border-radius: 5px;
	padding: 10px 20px;
	margin-bottom: 18px !important;
	margin-left: 10px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

@media only screen and (min-width: 667px) {
	h3.obituary-accordion-toggle,
	h3.obituary-accordion-toggle:not([class*="fontsize-"]) {
		font-size: 20px;
	}
}

.obituary-accordion-toggle span {
	float: right;
	font-size: 30px;
	line-height: 27px;
}

.obituary-accordion-toggle:hover,
.obituary-accordion-toggle.active {
	background-color: #24bb6c;
	color: #ffffff !important;
	border-color: transparent !important;
}
.obituary-accordion-toggle.active .dashicons-arrow-down-alt2 {
	transform: rotate(180deg);
}

.obituary-accordion-content {
	margin-bottom: 30px;
}

.obituary-accordion-content.default {
	display: block;
}

@media only screen and (max-width: 775px) {
	h3.obituary-accordion-toggle {
		margin-left: 0 !important;
	}

	.obituary-accordion-content {
		margin-left: 20px;
	}
}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0;
	margin: 0;
}

/*  GROUPING  ============================================================================= */

.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float: left;
	/*  	margin: 1% 0 1% 1.6%; */
	margin: 0 !important;
	padding: 0;
	width: 100%;
}

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF TWO   ============================================================================= */

.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 50%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 100%;
	}
}
/*  GRID OF THREE   ============================================================================= */

.span_3_of_3 {
	width: 100%;
}

.span_2_of_3 {
	width: 66.65%;
}

.span_1_of_3 {
	width: 33.32%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%;
	}
	.span_2_of_3 {
		width: 100%;
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*  GRID OF FOUR   ============================================================================= */

.span_4_of_4 {
	width: 99.9%;
}

.span_3_of_4 {
	width: 74.9%;
}

.span_2_of_4 {
	width: 49.9%;
}

.span_1_of_4 {
	width: 24.9%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 100%;
	}
	.span_2_of_4 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}
}
/*  GRID OF FIVE   ============================================================================= */

.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
	width: 79.8%;
}

.span_3_of_5 {
	width: 59.8%;
}

.span_2_of_5 {
	width: 39.8%;
}

.span_1_of_5 {
	width: 19.8%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%;
	}
	.span_4_of_5 {
		width: 100%;
	}
	.span_3_of_5 {
		width: 100%;
	}
	.span_2_of_5 {
		width: 100%;
	}
	.span_1_of_5 {
		width: 100%;
	}
}
/*  GRID OF SIX   ============================================================================= */

.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
	width: 83.06%;
}

.span_4_of_6 {
	width: 66.13%;
}

.span_3_of_6 {
	width: 49.2%;
}

.span_2_of_6 {
	width: 32.26%;
}

.span_1_of_6 {
	width: 15.33%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {
		width: 100%;
	}
	.span_5_of_6 {
		width: 100%;
	}
	.span_4_of_6 {
		width: 100%;
	}
	.span_3_of_6 {
		width: 100%;
	}
	.span_2_of_6 {
		width: 100%;
	}
	.span_1_of_6 {
		width: 100%;
	}
}

/*  GRID OF SEVEN   ============================================================================= */

.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
	width: 70.97%;
}

.span_4_of_7 {
	width: 56.45%;
}

.span_3_of_7 {
	width: 41.94%;
}

.span_2_of_7 {
	width: 27.42%;
}

.span_1_of_7 {
	width: 12.91%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_7_of_7 {
		width: 100%;
	}
	.span_6_of_7 {
		width: 100%;
	}
	.span_5_of_7 {
		width: 100%;
	}
	.span_4_of_7 {
		width: 100%;
	}
	.span_3_of_7 {
		width: 100%;
	}
	.span_2_of_7 {
		width: 100%;
	}
	.span_1_of_7 {
		width: 100%;
	}
}

/*  GRID OF EIGHT   ============================================================================= */

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%;
}

.span_6_of_8 {
	width: 74.6%;
}

.span_5_of_8 {
	width: 61.9%;
}

.span_4_of_8 {
	width: 49.2%;
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%;
}

.span_1_of_8 {
	width: 11.1%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_8_of_8 {
		width: 100%;
	}
	.span_7_of_8 {
		width: 100%;
	}
	.span_6_of_8 {
		width: 100%;
	}
	.span_5_of_8 {
		width: 100%;
	}
	.span_4_of_8 {
		width: 100%;
	}
	.span_3_of_8 {
		width: 100%;
	}
	.span_2_of_8 {
		width: 100%;
	}
	.span_1_of_8 {
		width: 100%;
	}
}

/*  GRID OF NINE   ============================================================================= */

.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%;
}

.span_6_of_9 {
	width: 66.13%;
}

.span_5_of_9 {
	width: 54.84%;
}

.span_4_of_9 {
	width: 43.55%;
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%;
}

.span_1_of_9 {
	width: 9.68%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_9_of_9 {
		width: 100%;
	}
	.span_8_of_9 {
		width: 100%;
	}
	.span_7_of_9 {
		width: 100%;
	}
	.span_6_of_9 {
		width: 100%;
	}
	.span_5_of_9 {
		width: 100%;
	}
	.span_4_of_9 {
		width: 100%;
	}
	.span_3_of_9 {
		width: 100%;
	}
	.span_2_of_9 {
		width: 100%;
	}
	.span_1_of_9 {
		width: 100%;
	}
}
/*  GRID OF TEN   ============================================================================= */

.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%;
}

.span_6_of_10 {
	width: 59.36%;
}

.span_5_of_10 {
	width: 49.2%;
}

.span_4_of_10 {
	width: 39.04%;
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%;
}

.span_1_of_10 {
	width: 8.56%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_10_of_10 {
		width: 100%;
	}
	.span_9_of_10 {
		width: 100%;
	}
	.span_8_of_10 {
		width: 100%;
	}
	.span_7_of_10 {
		width: 100%;
	}
	.span_6_of_10 {
		width: 100%;
	}
	.span_5_of_10 {
		width: 100%;
	}
	.span_4_of_10 {
		width: 100%;
	}
	.span_3_of_10 {
		width: 100%;
	}
	.span_2_of_10 {
		width: 100%;
	}
	.span_1_of_10 {
		width: 100%;
	}
}
/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.76%;
}

.span_9_of_11 {
	width: 81.52%;
}

.span_8_of_11 {
	width: 72.29%;
}

.span_7_of_11 {
	width: 63.05%;
}

.span_6_of_11 {
	width: 53.81%;
}

.span_5_of_11 {
	width: 44.58%;
}

.span_4_of_11 {
	width: 35.34%;
}

.span_3_of_11 {
	width: 26.1%;
}

.span_2_of_11 {
	width: 16.87%;
}

.span_1_of_11 {
	width: 7.63%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_11_of_11 {
		width: 100%;
	}
	.span_10_of_11 {
		width: 100%;
	}
	.span_9_of_11 {
		width: 100%;
	}
	.span_8_of_11 {
		width: 100%;
	}
	.span_7_of_11 {
		width: 100%;
	}
	.span_6_of_11 {
		width: 100%;
	}
	.span_5_of_11 {
		width: 100%;
	}
	.span_4_of_11 {
		width: 100%;
	}
	.span_3_of_11 {
		width: 100%;
	}
	.span_2_of_11 {
		width: 100%;
	}
	.span_1_of_11 {
		width: 100%;
	}
}
/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.65%;
}

.span_10_of_12 {
	width: 83.32%;
}

.span_9_of_12 {
	width: 74.9%;
}

.span_8_of_12 {
	width: 66.65%;
}

.span_7_of_12 {
	width: 58.32%;
}

.span_6_of_12 {
	width: 49.9%;
}

.span_5_of_12 {
	width: 41.65%;
}

.span_4_of_12 {
	width: 33.32%;
}

.span_3_of_12 {
	width: 24.9%;
}

.span_2_of_12 {
	width: 16.65%;
}

.span_1_of_12 {
	width: 8.32%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%;
	}
	.span_11_of_12 {
		width: 100%;
	}
	.span_10_of_12 {
		width: 100%;
	}
	.span_9_of_12 {
		width: 100%;
	}
	.span_8_of_12 {
		width: 100%;
	}
	.span_7_of_12 {
		width: 100%;
	}
	.span_6_of_12 {
		width: 100%;
	}
	.span_5_of_12 {
		width: 100%;
	}
	.span_4_of_12 {
		width: 100%;
	}
	.span_3_of_12 {
		width: 100%;
	}
	.span_2_of_12 {
		width: 100%;
	}
	.span_1_of_12 {
		width: 100%;
	}
}

.obituary-sharing {
	padding-left: 10px;
}

@media only screen and (min-width: 667px) {
	.obituary-sharing {
		margin-top: -10px;
	}
}

.lapatilla-submit-message {
	min-height: calc( 100vh - 420px );
	display: flex;
	align-items: center;
	justify-content: center;
}

.obituary-card {
	margin-bottom: 30px;
}

.obituary-details {
	margin-top: 40px;
	min-height: 200px;
}

.obituary-details .obituary-photo {
	float: left;
	margin-right: 40px;
	margin-bottom: 5px;
}

.obituary-details .obituary-photo img {
	margin-bottom: 0;
}

.obituary-location {
	font-size: 14px;
}

.obituary-map-locations {
	margin-top: 40px;
}

.nf-field-description {
	padding-bottom: 20px;
}

.obituary-button__wrapper {
	margin: auto;
	text-align: center;
	max-width: 213px;
	margin-top: 18px;
	margin-bottom: 18px;
}

.submit-obituary-button {
	color: #fff;
	padding: 7px 13px;
	background-color: #fa0002;
	border-radius: 0;
	font-size: 20px;
}

.obituary-page-header {
	border-bottom: 2px solid #4f4f4f;
	margin-bottom: 0;
	padding-bottom: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.obituary-archive img {
	border: 1px solid #ccc;
	padding: 0.25rem;
}

.obituary-post-time {
	padding-top: 10px;
	font-style: italic;
	color: #999999;
}

.obituary-archive .featured-obituary {
	margin: auto;
	border-bottom: 1px solid #e2e2e2;
	padding: 29px 0;
	display: flex;
	justify-content: center;
}

.obituary-archive h3 {
	font-family: Georgia,Times,"Times New Roman",serif;
}

.obituary-archive h2 {
	font-size: 22px;
}

.featured-obituary-thumbnail {
	flex: 1 50%;
	position: relative;
	width: 100%;
	padding-top: 37.5%;
}

.featured-obituary-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.featured-obituary-content {
	align-self: center;
	flex: 1 50%;
	padding: 0 0 15px 30px;
}

.featured-obituary-content h3 {
	font-size: 25px;
	margin-bottom: 10px;
}


.obituary-by-editor {
	padding-top: 18px;
	display: flex;
	flex-wrap: wrap;
}

.obituary-photo-thumb {
	position: relative;
	width: 100%;
	padding-top: 75%;
}

.obituary-photo-thumb img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.obituary-archive .obituary-by-editor :nth-child(n+4) {
	flex: 1 20%;
}

.obituary-by-editor .obituary-card {
	margin-top: 29px;
}

.obituary-by-editor :nth-child(-n+3) {
	flex: 1 33%;
}

.obituary-archive .obituary-by-editor :nth-child(n+4) .obituary-notes,
.obituary-archive .obituary-by-editor :nth-child(n+4) .obituary-post-time {
	display: none;
}

.obituary-by-editor .obituary-card,
.covid-obituary-content .obituary-card,
.user-featured-obituary-content .obituary-card {
	border-right: 1px solid #e2e2e2;
}

.obituary-by-editor :nth-child(3),
.obituary-by-editor div:last-child,
.covid-obituary-content div:last-child,
.user-featured-obituary-content div:last-child {
	border-right: none;
}

.covid-obituaries-wrap {
	border-top: 1px solid #4f4f4f;
	border-bottom: 1px solid #4f4f4f;
}

.covid-obituary-content,
.user-featured-obituary-content {
	display: flex;
}

.covid-obituary-content .obituary-card {
	flex: 1 20%;
}

.user-featured-obituary-content .obituary-card {
	flex: 1 25%;
}

.popular-obituaries-wrap {
	border-bottom: 1px solid #4f4f4f;
}

.user-obituaries-wrap {
	margin-top: 10px;
	padding: 2px 16px;
	border-right: 1px solid #e2e2e2;
}

.user-obituaries-wrap .obituary-card {
	display: flex;
	padding-left: 0;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.user-obituaries-wrap .obituary-card:last-child {
	border-bottom: none;
}

.user-obituaries-wrap .obituary-card .obituary-photo-thumb {
	flex: 1 25%;
	max-width: 25%;
	padding-top: 18%;
	margin: auto;
}

.user-obituaries-wrap .obituary-card .obituary-content {
	flex: 1 75%;
	padding-left: 30px;
}

.read-more {
	padding: 3px 8px;
	background: #f2f2f2;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: .75rem;
	line-height: 1.125rem;
	color: #000;
	border: 1px solid #ccc;
	font-weight: 700;
	display: block;
	margin: auto 0;
	text-align: center;
	min-width: 72px;
}

.obituary-type-header {
	display: flex;
	justify-content: space-between;
}

.editor-obituary-header {
	padding-top: 15px;
	margin-bottom: -33px;
	display: flex;
	justify-content: flex-end;
}

@media only screen and (max-width: 480px) {
	.featured-obituary {
		flex-direction: column;
	}

	.featured-obituary-thumbnail {
		padding-top: 75%;
	}

	.featured-obituary-content {
		padding: 15px 0;
	}

	.obituary-by-editor :nth-child(-n+3),
	.obituary-archive .obituary-by-editor :nth-child(n+4) {
		flex: 1 100%;
	}

	.covid-obituary-content,
	.user-featured-obituary-content {
		display: block;
	}

	.user-obituaries-wrap .obituary-card{
		flex-direction: column;
		padding-right: 0;
	}

	.user-obituaries-wrap .obituary-card .obituary-photo-thumb {
		flex: 1 100%;
		max-width: 100%;
		padding-top: 75%;
	}

	.user-obituaries-wrap .obituary-card .obituary-content {
		padding-left: 0;
	}

	.obituary-card {
		border-right: none !important;
	}
}

.obituary-archive .obituary-by-editor,
.obituary-archive .covid-obituary-content,
.obituary-archive .user-featured-obituary-content {
	margin: 0 -20px;
}

/********* Taxonomy Obituary Archive Page ************/
.obituary-type-archive {
	margin-left: -20px;
	margin-right: -20px;
}

.obituary-type-archive .page-header {
	padding-top: 18px;
	padding-left: 20px;
}

.obituary-type-archive .obituary-by-editor {
	padding-top: 0;
	margin-top: -18px;
}

.obituary-type-archive .obituary-by-editor :nth-child(3n) {
	border-right: none;
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.obituary-type-archive .obituary-by-editor :nth-child(-n+3) {
		flex: 1 50%;
	}
}

.obituary-meta {
	margin-bottom: 30px;
}

.single .site-content .obituary-details p {
	font-size: 14px;
	text-align: justify;
}

.single-obituary-content {
	margin-bottom: 50px;
}

.obituary-meta__item label {
	font-size: 14px;
}

.obituary-meta__item span {
	font-size: 14px;
	font-weight: 600;
}

div.obituary-title h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

#date-picker  input[type=button],
#date-picker  input[type=reset],
#date-picker  input[type=submit] {
		cursor: pointer;
		background-color: transparent;
		color: black;
		padding: 7px 13px;
		border-radius: 3px;
		margin-right: 8px;
		border: none;
		padding: 0;
		font-weight: bold;
}

.date-picker {
	position: relative;
}

.ob-search-submit {
	box-sizing: border-box;
	box-shadow: none;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-left: 0px;
	cursor: pointer;
	border-radius: 0 5px 5px 0;
	padding: 8px 18px 8px 15px;
	line-height: 20px;
	height: 28px;
	vertical-align: top;
	background-color: none;
}