@import url("https://use.typekit.net/twh6evu.css"); /* Museo Sans Condensed font */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); /* Lato */


.mother-container {
	max-width: 1200px;
	margin: 0 auto;
	margin-top:-25px;
}

/* h1 {color: black !important; padding:0 !important; background-color:transparent !important; line-height: 35px !important} */
h1 { line-height:normal !important; }
/* p:first-of-type { margin-top: 7px; } */ /* Align first paragraph with flag */
#flagContainer { width: 200px; height: auto; }
@media(max-width:700px) {
	#flagContainer { width: 250px !important; height: auto;}
}
#breakingNews { display: none; }
#pushdownContainer { display: none !important; }


.obit-header-image {
	width: 100%;
	text-align: center; 
} 

.main-obit {
	display: grid;
	grid-template-columns: 1.75fr 5fr;
	grid-gap:20px;
	font-family: Roboto, Arial, sans-serif;
	margin: 0 auto;
	max-width:1100px;
}

/* inside .main-obit */

.obit-sidebar {
	margin-top:-100px; /* desktop only */
	grid-column: 1;
	grid-row: 1;
}

.main-obit article {
	/* Position in grid */
	grid-column:2;
	grid-row:1;
	max-width:900px;
}

/* slideshow */
#obitImages { /* Former naming convention for older obituaries. Inside article */
	margin-bottom:0;
	flex-wrap:wrap;
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	-ms-flex-direction: row; 
	flex-direction: row; 
	-webkit-box-pack: center; 
	-ms-flex-pack: center; 
	justify-content: center; 
	align-items:center; 
}

/* Make same height, not same width */
#obitImages img {
	max-height: 100px;
	width: auto;
	padding-right: 15px; 
	width: auto; 
	height: auto; 
}


@media (max-width: 500px) { 
	#obitImages { 
		display:block; 
		text-align:center; 
		margin-bottom: 0; 
	}
	
	#obitImages img { 
		margin-bottom:25px; 
		height: auto; 
		padding: 0; }
	}

.slideshow-container {
	background-color: #e4e4e4;
	padding: 10px 30px;
	display: none; /* Dynamically set to display:block if there are images to show */
}

/* end slideshow */

.related-obits {
	grid-row: 2;
	grid-column: 1/-1;
}

/* end inside .main-obit */

.main-obit h1, .main-obit h2, .main-obit h3, .life-dates, .obit-item h3, .obit-item h5 { /* obit-item is on main obits page */
	font-family: museo-sans-condensed, Karla, sans-serif;
}

.main-obit h1 {
	margin-bottom: 10px;
}

#obit-text p, .service-info:not(h3) {
	font-family: Lato, Roboto, Arial;
}

.life-dates {
	color: #737574;
	margin: 0;
}

.featured-obit-image img {
	border: 5px solid #e0d9c9; 
	box-sizing:border-box;
	width:100%;
	height:auto;
}

.service-info {
	background-color: #e0d9c9; 
	margin: 15px 0;
	padding:20px;
}

.service-info h3 {
	margin-top: 0;
	margin-bottom:10px;
	text-align: center;
}

.service-info p:first-child {
	margin-top: 0;
}

.service-info p:last-child {
	margin-bottom: 0;
}

.condolences-box {
	border: 5px black solid;
	padding:5px;
	margin: 15px 0;
}

.condolences-box h3 {
	background-color: ghostwhite; /* Same as body background color */
    padding: 0 2px;
    font-size: 16pt;
    width: min-content;
    text-align: center;
    margin: -20px auto 0 auto;
}

.back-to-obits {
	background-color: #4f4f4f;
	color: white;
	padding:5px;
	width:100%;
	max-width: 300px;
	border-radius:5px;
	cursor: pointer;
}

.obit-header {
	display: grid;
	grid-template-columns: 3fr 1.3fr;
	border-bottom: #afb0b4 3px dashed;
	padding-bottom: 15px;
}

.obit-header-info {
	grid-column: 1;
	grid-row: 1;
}

.social-buttons {
	grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: flex-end;
	justify-content: center;
	cursor: pointer;
	font-size:1.3em;
}

.social-buttons span {
	padding: 0 10px;
}

.obit-type {
	text-transform:uppercase;
	color: #6c6c6c;
	font-size:.8em;
}

.obit-header .obit-type {
	margin-bottom:-15px; /* For individual obituaries */
}

#us-flag {
	width: 200px; 
	height: auto; 
	float:right;
	padding: 0 0 10px 5px;
}

#obitCondolences a {
	font-size:13pt;
}

.copy-message {
	background-color: #e0d9c9;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
	display:none;
	width: 100%;
	padding:3px;
	position: fixed;
	z-index:2000;
}

/* Adjust for mobile */
@media (max-width: 769px){
	.main-obit, .obit-header {
		display: block;
	}

	.obit-header {
		border: 0;
	}

	.obit-header-info {
		text-align: center;
	}

	.life-dates {
		margin-top: -10px 0 10px 0;
	}


	.mother-container {
		padding: 0 15px;
	}

	#us-flag {
		float:none;
		display:block;
		margin: 10px auto 0 auto;
		padding: 0;
	}

	#after-obit-text {
		border-top: dashed 3px #afb0b4;
		padding: 10px 15px;
		text-align: center;
	}

	.social-buttons {
		width:auto;
		justify-content:center;
		padding: 0 1.75em;
		margin: 0 auto 15px auto;
	}

	.service-info {
		margin-bottom:0;
	}

	.obit-sidebar {
		margin-top:-40px;
	}

	.featured-obit-image {
		max-width: 300px;
    	margin: 0 auto;
	}

	.top-matter-container {
		padding-bottom:15px;
		position: sticky;
		position: -webkit-sticky; /* Safari */
		top:0;
		width: 100%;
		display:none; /* Will change to block dynamically */
		z-index:1000;
	}

	.top-matter {
		background-color: #e4e4e4;
		padding: 10px;
		display: flex; 
		align-items:flex-start;
		margin-bottom:10px;
	}

	.top-matter > .obit-header-info {
		flex-grow: 3;
	} 

	.top-matter > .featured-obit-image  {
		flex-grow: 1;
		max-width:6em;
	}

	.top-matter > .obit-header-info > .life-dates {
		color: #8d8d8d;
	}

	.top-matter > .obit-header-info > .obit-type {
		display: none;
	}

	.top-matter > .obit-header-info > h1 {
		margin-top:0;
	}

	#obitImages img {
		display: block;
		margin: 0 auto;
	}

	#obitImages br {
		display: none;
	}
	/* .embla__prev, .embla__next {
		display: none;
	} */

 /* This is a hack to get around lack of working margins in sticky element, but our hearts our pure */
	/* .top-matter-padding {
		height: 15px; 
		background-color: whitesmoke;
	} */

	} /* End media query */


/* Embla styling */
/* .embla {
  overflow: hidden;
}
.embla__container {
  display: flex;
}
.embla__slide {
  position: relative;
  flex: 0 0 auto;
  max-width:100%;
}

.embla__viewport {
	overflow: hidden;
} */

/* .embla__container {
	justify-content: flex-end !important;
} */



/*
*
*
Obituaries archive page
*
*
*/

.stories-list article figure a { width: 500px; height: auto; }
#searchInput { font-size:2vh; padding:10px; width:400px; max-width:100%; box-sizing:border-box; max-width:75%; }

@media (max-width: 600px){

	#search-div { width: 90%;}
	#searchInput { max-width: 100%; } 
	/* #searchSubmit { float:left; margin-left: 10px; margin-top: 10px; } */
	.stories-list article figure a img { margin: 0 auto; }
	.stories-list article p { display: block; } /* Overwriting theme's usual behavior to hide excerpt on mobile */
}
@media (min-width: 601px) {
	.stories-list article figure { width: 300px;}
	#innerObitButtons { width: 99%; text-align: center; }
}

/* #obitButtons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items:center; margin-bottom:15px; }
#obitButtons img { padding-right: 15px; width: auto; height: auto; }
@media (max-width: 600px) { 
	#obitButtons{ display:block; text-align:center; margin-bottom: 0; }
	#obitButtons img { margin-bottom:25px; width:80%; height: auto; padding: 0; }
	} */

body {
	font-size: 12pt;
}

	@media screen and (min-width: 1000px) {
	body {
		font-size: 12pt;
	}
}

#obitButtons { }
#obitButtons img { width: 550px; vertical-align: top; margin: 15px 0; }
@media (max-width: 600px) { 
	#obitButtons img { margin-bottom: 10px; }
}
#breakingNews { display: none; }
#pushdownContainer { display: none !important; }

#obituary-header {
	margin-bottom: 0;
}

/* new */
.stories-list article figure a img {
	border: 5px solid #e0d9c9; 
}

.stories-list article {
	border-bottom: 3px dashed rgba(0,0,0,.17);
}

.search-div {
	grid-template-columns: 1fr 1fr; 
}

.big-obit-banner {
	color: white;
	background-color: #3C8641;
	/* background-color: #d77e00; */
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
	font-size:13pt;
}

.big-obit-banner-parent {
	width: 100%;
	text-align: center;
	margin-top: 0
}

.obit-archive {
	margin-top:-25px; /* Adjust this if we end up showing leaderboard */
}

#obituary-header {
	height: auto;
}

#searchForm {
	display:flex; /* searchForm is inside search-div, and both are flex */
}

#search-div {
	width: 90%;
	margin: 15px auto;
}

#searchForm {
	flex-grow:2;
	align-items: center;
}

#searchInput {
	width: fill-available;
	width: -webkit-fill-available;
	max-width: inherit;
	margin-right:.5em;
}

#searchSubmit {
	margin-top: 0;     
	font-size:2vh;
	background-color: #4f4f4f;
	color:white;
	cursor: pointer;
	text-transform:uppercase;
	border-radius:10px;
	border:0;
}

.obit-create {
	max-width: 300px;
	display: block;
	margin: 0 auto 15px auto;
}

h6.story-banner {
	text-transform:uppercase;
}

/* new styles for archive */

.obit-archive {
	margin-bottom: 15px;
}

.obit-archive article {
	border-bottom: 3px dashed rgba(0,0,0,.17);
}
.obit-archive figure {
    margin: 15px auto 15px auto;
    padding: 0;
    position: relative;
    width: 200px;
}

.obit-archive h3 {
	margin: 10px 0;
}

.obit-archive h4, h5, h6 {
	margin: 0;
}

.obit-archive article figure a img {
	border: 5px solid #e0d9c9;
	display: block;
    height: auto;
    max-width: 100%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    visibility: visible;
}

.more-obits-container {
	max-width: 1000px;
	margin: 0 auto;
}

.more-obits-container .more-content {
	gap: 20px;
}

.more-obit {
	max-width: 350px;
	text-align: center;
}

.more-obit figure {
	margin: 0 auto !important;
}

@media (min-width: 1200px) {
	.obit-archive {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
	.obit-archive article {
		width: 550px;
    	margin: 15px auto 0 auto;
		display: flex;
		gap: 10px;
	}

	.obit-archive figure {
		margin: 0 20px 20px 0;
	}

	.obit-archive article figure a img {
		margin: 0 auto;
		max-width: 200px;
	}

	.obit-archive div { /* the text on right side */
		flex-shrink: 9;
	}

	.special-button {
		margin-top: 20px;
	}
}

@media (min-width: 601px) {
	.obit-archive article figure {
		width: 300px;
	}
}

/* end new styles for archive */

/* Google insists on color for search results box, so we fix it here for flexibility */
.gsc-control-cse { background-color: transparent !important; border: transparent !important; }

div#gsc-iw-id2 {
	max-height: 35px !important;
}

@media (min-width: 1200px) { /* desktop styles */

	#searchSubmit, #searchInput {
		font-size: 2.5vh;
	}
 
	#search-div {
		display: flex;
		gap: 10px;
	}

	.obit-create {
		height:100%;
	}

	#sub-story-list {
		display:flex;
		flex-wrap:wrap;
	}

	.stories-list article {
		width: 550px;
		margin: 0 auto;
	}

	.stories-list article figure a img {
		margin: 0 auto; 
	}
}