@charset "UTF-8";
/*!
Theme Name: smokejumpers
Theme URI: http://underscores.me/
Author: Eyesite Creative
Author URI: http://eyesitecreative.com
Description: A custom theme for NSA
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smokejumpers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

smokejumpers is based on Underscores.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Elements
--------------------------------------------- */
body {
  background: #fff;
  margin: 0;
  padding: 0;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  background: #467487;
  color: #fff;
  line-height: 1;
  border-radius: 3px;
  font-size: 0.9em;
  border: none;
}
@media only screen and (min-width: 961px) {
  button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 1em;
  }
}
button a,
input[type=button] a,
input[type=reset] a,
input[type=submit] a {
  padding: 0.25em 0.75em;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
@media only screen and (min-width: 961px) {
  button a,
  input[type=button] a,
  input[type=reset] a,
  input[type=submit] a {
    padding: 0.5em 1.2em;
  }
}
button a:hover,
input[type=button] a:hover,
input[type=reset] a:hover,
input[type=submit] a:hover {
  color: #fff !important;
  cursor: pointer;
}
button a:visited,
input[type=button] a:visited,
input[type=reset] a:visited,
input[type=submit] a:visited {
  color: #fff !important;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #5e97ae;
  background: #5e97ae;
  color: #fff;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=button],
input[type=reset],
input[type=submit] {
  padding: 0.5em 1.2em;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

ul,
ol {
  margin: 0 0 2em 0em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

h1 {
  font-size: 2.4em;
}

.subpage-content h1, .subpage-content h2 {
  color: #467487;
}

.subpage-content h4 {
  color: #363331;
}

h2 {
  font-size: 1.4em;
}
@media only screen and (min-width: 961px) {
  h2 {
    font-size: 2em;
  }
}

h3 {
  font-size: 1.25em;
  line-height: 1.3em;
}

h4 {
  font-size: 1.15em;
  line-height: 1.3em;
}
@media only screen and (min-width: 961px) {
  h4 {
    font-size: 1.3em;
  }
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.alignleft {
  float: none;
}
@media only screen and (min-width: 961px) {
  .alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
  }
}

.alignright {
  float: none;
}
@media only screen and (min-width: 961px) {
  .alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation .menu-main-container {
  padding: 0 0vw 0 0;
}
.main-navigation {
  width: 100%;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 960px) {
  .main-navigation {
    display: none;
  }
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.main-navigation ul li {
  position: relative;
  text-align: left;
  text-transform: none;
  color: #666;
  transition: background 0.2s;
}
@media only screen and (min-width: 961px) {
  .main-navigation ul li {
    margin: 0 0.75vw;
  }
}
.main-navigation ul li:hover > a, .main-navigation ul li.focus > a {
  text-decoration: none;
  background-color: #467487;
  color: #fff;
}
.main-navigation ul li a {
  display: block;
  text-decoration: none;
  padding: 0.75em 1em;
  color: #888888;
}
.main-navigation ul li {
  /* forced word break within last item's dropdown, otherwise it goes off the page */
}
.main-navigation ul li:last-of-type li {
  white-space: unset;
}
.main-navigation ul ul {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  padding: 0em;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  background: #e7e8e9;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li {
  margin: 0;
  white-space: nowrap;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul li a {
  color: #666;
  padding: 0.5em 1em 0.5em 1em;
  font-size: 0.9em;
}
.main-navigation ul ul li a:hover {
  color: #fff;
  text-shadow: none;
  text-decoration: none;
  background: #467487;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #467487;
}

.menu-toggle,
.main-navigation.toggled ul {
  display: none;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    justify-content: flex-end;
  }
  .main-navigation ul ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* html, body {
    overflow-x: hidden;
    height: 100%;
}*/
/* .mainInner{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;

	div{
		display:table-cell;
		vertical-align: middle;
		font-size: 3em;
		font-weight: bold;
		letter-spacing: 1.25px;
	}
} */
/* MOBILE NAV */
@media only screen and (min-width: 961px) {
  #sidebarMenu {
    display: none;
  }
}
#sidebarMenu {
  height: 100%;
  position: fixed;
  right: 0;
  top: 0px;
  width: 100%;
  transform: translateX(100%);
  transition: transform 250ms ease-in-out;
  background: #363331;
  z-index: 990;
}

.sidebarMenuInner {
  margin: 5px 0 0 0;
  padding: 0 2.8em 0 1em;
  /*** embedded submenu in mobile menu ***/
}
.sidebarMenuInner ul.sub-menu {
  margin: 0;
  padding: 0 0 0 2em; /* pushes it it */
}
.sidebarMenuInner ul.sub-menu li {
  text-transform: none;
  border-bottom: none;
}
.sidebarMenuInner ul.sub-menu li a {
  color: rgb(255, 255, 255); /* make it full opacity */
}
.sidebarMenuInner li {
  list-style: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 0;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebarMenuInner li:last-child {
  border-bottom: none;
}
.sidebarMenuInner li ul.sub-menu {
  margin-bottom: 4px;
}
.sidebarMenuInner li ul.sub-menu li a {
  padding: 0.2em 10px 0.15em 10px;
}
.sidebarMenuInner li a {
  color: rgba(255, 255, 255, 0.4); /* reduce opacity for parent items */
  cursor: pointer;
  text-decoration: none;
  display: block;
  font-size: 0.85em;
}
.sidebarMenuInner li a:hover {
  color: #fff;
  background: #467487;
}

.sidebarMenuInner .sidebarMenuInner li span {
  display: block;
}

input[type=checkbox]:checked ~ #sidebarMenu {
  transform: translateX(0);
}

input[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

/* toggle menu positioning */
.sidebarIconToggle {
  display: none;
}
@media only screen and (max-width: 960px) {
  .sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 28px;
    color: #fff;
    right: 20px;
    height: 22px;
    width: 22px;
  }
}

/* hamburger icon */
.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #6ea6cd;
}

/* custon mix in for box sizing and transition */
.horizontal {
  float: left;
  margin-top: 3px;
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
}

.diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
  position: relative;
}

.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
  margin-top: 3px;
  position: relative;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}

#secondary-menu {
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 0.5vw 25px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
#secondary-menu li {
  margin: 0 1vw;
}
#secondary-menu li a {
  padding: 0;
}
#secondary-menu li a:hover {
  background: none;
  text-decoration: underline;
  color: #000;
}

/* CUSTOM CSS for Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

/* .page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
} */
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/**** IMAGE CAPTIONS *****/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 1.5em 0;
}

a {
  color: #467487;
}
a:visited {
  color: #467487;
}
a:hover, a:focus, a:active {
  color: #604a3b;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.site-footer {
  background-color: #363331;
  color: #fff;
}
.site-footer a {
  color: #fff;
}

.single-container {
  margin: 0;
  padding: 4vw 5%;
  gap: 10%;
  min-height: 500px;
  background: #F1F1F1;
}
@media only screen and (min-width: 961px) {
  .single-container {
    padding: 4vw 10%;
  }
}
.single-container .site-main {
  background-color: #fff;
  border-radius: 3px;
  padding: 3vw 4vw;
  max-width: calc(1200px + 20%);
  margin: 0 auto 3vw auto;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.single-container .site-main h3 {
  margin: 0 0 0.4em 0;
}

.news-item li {
  background: #EFEFEF;
  padding: 1em;
  align-content: center;
}

.wp-block-latest-posts__post-title {
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
.wp-block-latest-posts__post-title:visited {
  color: #333333;
}

.news-section {
  padding: 6vw 10%;
  margin: 0 auto;
}

section.events {
  background-color: #466c87;
  color: #fff;
  font-family: system-ui;
  text-align: center;
  padding: 7vw 5%;
}
@media only screen and (min-width: 961px) {
  section.events {
    padding: 6vw 10%;
  }
}
section.events h2 {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.02em;
  margin-top: 0.5em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 961px) {
  section.events h2 {
    font-size: 2.7em;
    margin-top: 0;
  }
}
section.events h2 a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}
section.events h2 a:hover {
  color: rgb(255, 255, 255);
}
section.events h2:after {
  content: "";
  height: 3px;
  background-color: #6d95ab;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  width: 10vw;
  display: block;
  margin: 0.25em auto 0 auto;
}
section.events .event-item {
  padding: 0.5em 3em;
}
section.events .event-item a {
  color: #fff;
  text-decoration: none;
}
section.events .event-item a:hover {
  text-decoration: underline;
}
section.events .event-item h3 {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 0 0.3em 0;
}
@media only screen and (min-width: 961px) {
  section.events .event-item h3 {
    font-size: 1.7em;
  }
}
section.events .event-item .readmore {
  margin: 1.5em 0 0 0;
}
@media only screen and (min-width: 961px) {
  section.events .event-item .readmore {
    margin: 0em 0 1.5em 0;
  }
}
section.events .event-item .readmore a {
  text-decoration: underline;
}
section.events .event-item .readmore a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 961px) {
  section.events .event-listings {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    display: grid;
    gap: 4vw;
  }
}

section.magazine {
  background-color: #363331;
  padding: 6vw 5%;
}
@media only screen and (min-width: 1280px) {
  section.magazine {
    padding: 6vw 10%;
  }
}
section.magazine hr {
  background-color: #504d4c;
}
@media only screen and (max-width: 650px) {
  section.magazine hr {
    display: none;
  }
}
section.magazine .mag-hdr {
  margin: 0 0 2em 0;
}
@media only screen and (min-width: 961px) {
  section.magazine .mag-hdr {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
section.magazine .mag-hdr {
  /* image replace */
}
section.magazine .mag-hdr h1 {
  background: url(../images/magazine-banner.png) left no-repeat;
  background-size: 100%;
  margin: 0;
  position: relative;
}
section.magazine .mag-hdr h1 a {
  display: block;
  width: 554px;
  height: 110px;
  outline: none;
}
@media only screen and (max-width: 960px) {
  section.magazine .mag-hdr h1 a {
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  section.magazine .mag-hdr h1 {
    max-width: 554px;
    margin: 0 auto;
  }
}
section.magazine .mag-hdr h1 span {
  display: none;
}
section.magazine .mag-hdr .view-all-grid {
  display: grid;
}
section.magazine .mag-hdr a.viewall {
  color: #fff;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  font-weight: 800;
  text-decoration: none;
  color: #8c8b8a;
  font-size: 1.5em;
  margin: 0 0 -9px 0;
  display: block;
  text-align: right;
}
@media only screen and (max-width: 960px) {
  section.magazine .mag-hdr a.viewall {
    font-size: 1em;
    text-align: center;
  }
}
section.magazine .mag-hdr a.viewall:hover {
  color: #fff;
}

section.magazine .magazine-articles {
  margin-top: 3vw;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 5%;
}
@media only screen and (min-width: 961px) {
  section.magazine .magazine-articles {
    display: grid;
  }
}
@media only screen and (min-width: 1280px) {
  section.magazine .magazine-articles {
    gap: 7%;
  }
}
section.magazine .magazine-articles .magazine-article {
  border-radius: 5px;
  padding: 0.5em 0vw 2em 0;
  color: #cccaca;
  display: grid;
  margin: 1em 0;
  grid-template-columns: 100px 1fr;
}
@media only screen and (min-width: 961px) {
  section.magazine .magazine-articles .magazine-article {
    grid-template-columns: 160px 1fr;
  }
}
section.magazine .magazine-articles .magazine-article .mag-content {
  padding: 0 0 0 4vw;
  font-size: 0.95em;
}
@media only screen and (min-width: 961px) {
  section.magazine .magazine-articles .magazine-article .mag-content {
    padding: 0 2vw 0 0;
    font-size: 1em;
  }
}
section.magazine .magazine-articles .magazine-article .mag-content p {
  margin-bottom: 1em;
}
section.magazine .magazine-articles .magazine-article .mag-content {
  line-height: 1.5em;
}
@media only screen and (min-width: 961px) {
  section.magazine .magazine-articles .magazine-article .mag-content {
    line-height: 1.7em;
    padding: 0 0vw 0 0;
  }
}
@media only screen and (min-width: 961px) {
  section.magazine .magazine-articles .magazine-article {
    padding: 2vw;
    background: #3c3937;
  }
}
section.magazine .magazine-articles .magazine-article h3 {
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.3em;
  color: #d8d8d7;
  margin: 0 0 0em 0;
}
@media only screen and (min-width: 961px) {
  section.magazine .magazine-articles .magazine-article h3 {
    margin: 0 0 0.75em 0;
  }
}
section.magazine .magazine-articles .magazine-article h3 a {
  color: #d8d8d7;
  text-decoration: none;
}
section.magazine .magazine-articles .magazine-article h3 a:hover {
  color: #98c2d3;
  text-decoration: underline;
}
section.magazine .magazine-articles .magazine-article .mag-cover {
  margin: 5px 0 0 0px;
  height: 210px;
}
section.magazine .magazine-articles .magazine-article .edition {
  position: absolute;
  background: #98c2d3;
  color: #363331;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
  margin: -0.7em 0 0 0;
  padding: 0.3em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 100px;
}
section.magazine .magazine-articles .magazine-article .edition:hover {
  background: #467487;
  color: #fff;
}
@media only screen and (min-width: 961px) {
  section.magazine .magazine-articles .magazine-article .edition {
    width: 116px;
  }
}
section.magazine .magazine-articles .magazine-article .mag-byline, section.magazine .magazine-articles .magazine-article .mag-byline a {
  color: #98c2d3;
  font-size: 1.05em;
  margin: 0;
  text-decoration: none;
}
section.magazine .magazine-articles .magazine-article button {
  border: 1px solid #cccaca;
  background: transparent;
  font-size: 0.9em;
}
section.magazine .magazine-articles .magazine-article button a {
  color: #cccaca;
  display: block;
}
section.magazine .magazine-articles .magazine-article button:hover {
  border: 1px solid #467487;
  background: #467487;
}

section.jumplist-obits {
  background-color: #7c8d74;
  color: #fff;
}
@media only screen and (min-width: 961px) {
  section.jumplist-obits {
    display: flex;
  }
}
section.jumplist-obits .col-jumplist:before {
  content: "";
  background: url(../images/icon-search.png) no-repeat center;
  position: absolute;
  width: 171px;
  height: 197px;
  margin-left: -85px;
  z-index: 1;
}
section.jumplist-obits .col-jumplist {
  width: 100%;
  background: url(../images/jumplist-bkgd.jpg) no-repeat center;
  background-size: cover;
  padding: 2em 10%;
  text-align: center;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}
@media only screen and (min-width: 961px) {
  section.jumplist-obits .col-jumplist {
    padding: 6vw 10% 6vw 10%;
    width: 50%;
  }
}
section.jumplist-obits .col-jumplist a {
  color: #fff;
}
section.jumplist-obits .col-jumplist p {
  font-size: 1.4em;
  line-height: 1.4em;
  z-index: 3;
  position: relative;
}
section.jumplist-obits .col-jumplist h2 a {
  color: #d2dbb7;
  font-size: 130%;
  position: relative;
  z-index: 2;
  text-decoration: none;
}
section.jumplist-obits .col-obits {
  padding: 2em 5% 4em 5%;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}
@media only screen and (min-width: 961px) {
  section.jumplist-obits .col-obits {
    padding: 3vw 10% 6vw 10%;
  }
}
section.jumplist-obits .col-obits a {
  color: #fff;
}
section.jumplist-obits .col-obits h2 {
  font-weight: 600;
}
section.jumplist-obits .col-obits h2:after {
  content: "";
  height: 3px;
  width: 120px;
  background-color: #63705c;
  position: absolute;
  display: block;
  margin: 0.5em 0 1em 0;
}
section.jumplist-obits .col-obits h2 a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
section.jumplist-obits .col-obits h2 a:hover {
  color: #fff;
}
section.jumplist-obits .col-obits .obit-listings {
  margin: 3em 0 0 0;
  padding: 0;
  font-size: 1.2em;
}
section.jumplist-obits .col-obits .obit-listings .obits-date-posted {
  font-size: 0.7em;
  margin: 0;
}

/**** FOOTER ****/
.links-area {
  padding: 7vw 5%;
}
@media only screen and (min-width: 961px) {
  .links-area {
    padding: 6vw 10%;
  }
}
.links-area a {
  color: #393939;
  text-decoration: none;
}
.links-area a:hover {
  text-decoration: underline;
  color: #7c8d74;
}
.links-area ul {
  list-style: none;
  margin: 0;
  list-style: circle;
  padding: 0 0 0 1em;
}
@media only screen and (min-width: 961px) {
  .links-area ul {
    font-size: 1.2em;
  }
}
.links-area ul li {
  margin: 0 0 0.5em 0;
}
.links-area .cta-external-link {
  margin: 1em 0;
}
.links-area .cta-external-link p {
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-size: 1.5em;
}
@media only screen and (max-width: 960px) {
  .links-area .cta-external-link p {
    font-size: 1.1em;
  }
}
.links-area .cta-external-link p a {
  text-decoration: none;
}

/*  homepage news section */
section.news {
  padding: 7vw 5%;
}
@media only screen and (min-width: 961px) {
  section.news {
    padding: 6vw 10%;
  }
}
@media only screen and (min-width: 961px) {
  section.news {
    grid-auto-flow: column;
    display: grid;
    gap: 4vw;
  }
}
section.news h2 {
  color: #474747;
  margin: 0 0 0.4em 0;
  line-height: 1.2em;
  text-align: center;
  font-size: 1em;
}
@media only screen and (min-width: 961px) {
  section.news h2 {
    text-align: left;
    font-size: 1.8em;
  }
}
section.news h2 span {
  color: #467487;
  line-height: 1em;
  font-weight: 800;
  font-size: 1.7em;
}
@media only screen and (min-width: 961px) {
  section.news h2 span {
    font-size: 2.9em;
  }
}
section.news ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 2vw;
}
@media only screen and (max-width: 650px) {
  section.news ul {
    margin: 1em 0 0 0;
  }
}
@media only screen and (min-width: 961px) {
  section.news ul li:first-child {
    padding: 0 0 1.5em 0;
  }
}
section.news ul li {
  padding: 1.5em 0;
  border-bottom: 1px solid #467487;
}
@media only screen and (max-width: 650px) {
  section.news ul li {
    padding: 0.75em 0;
  }
}
section.news ul li a {
  text-decoration: none;
  color: #333;
}
section.news ul li a:hover {
  text-decoration: underline;
  color: #467487;
}
section.news ul li h4, section.news ul li p {
  margin: 0;
}
section.news ul li h4 {
  font-size: 1em;
}
@media only screen and (min-width: 961px) {
  section.news ul li h4 {
    font-size: 1.15em;
  }
}
section.news ul li .news-date-posted {
  font-style: italic;
  margin: 0.15em 0 0 0;
  font-size: 0.9em;
}
@media only screen and (min-width: 961px) {
  section.news ul li .news-date-posted {
    font-size: 1em;
  }
}
section.news ul li:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 961px) {
  section.news ul li:last-child {
    padding: 1.5em 0 0 0;
  }
}
section.news button {
  display: flex;
  border: 2px solid #467487;
  margin: 0em 0.5em 0.3em 0;
  color: #fff;
}
@media only screen and (max-width: 960px) {
  section.news button {
    margin: 0 auto;
  }
}
section.news button a {
  color: #fff;
}
section.news button:hover {
  color: #fff;
}

.mission-area {
  line-height: 1.7em;
}
.mission-area h3 {
  margin-top: 0;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 960px) {
  .mission-area {
    background: #eaebe9;
    padding: 1.5em 1.5em 0.5em 1.5em;
    margin: 1.5em 0 0;
    text-align: center;
    border-radius: 1vw;
    font-size: 0.95em;
    line-height: 1.5em;
  }
}

.icon-arrow-right {
  display: inline-block;
  position: relative;
  margin: -0.5em -0.5em -0.5em 0.1em;
  width: 1.5em;
  height: 1.6em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12h13.5'/%3E%3Cpath d='M19 12l-5 5M19 12l-5 -5'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.store-area {
  background: url(../images/store-bkgd.jpg) no-repeat left #467487;
  padding: 7vw 5%;
}
@media only screen and (min-width: 961px) {
  .store-area {
    padding: 6vw 10%;
  }
}
.store-area {
  margin: 0;
}
.store-area a {
  color: #fff;
}
@media only screen and (min-width: 961px) {
  .store-area {
    grid-auto-flow: column;
    display: grid;
    grid-template-rows: 25% 75%;
  }
}
.store-area .store-col-text {
  padding: 0 10% 0 0;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}
.store-area .store-col-text h2 {
  color: #d3dce0;
  margin-top: 1vh;
  line-height: 1.2em;
}
.store-area .store-col-text p {
  margin-bottom: 0;
  font-size: 0.9em;
}
.store-area .store-col-text .wp-element-button {
  padding: 0.5em 1em;
  margin: 1vw 0 0 0;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.8em;
}
.store-area .store-col-text .wp-element-button:hover {
  background-color: #98c2d3;
  color: #333;
}
.store-area .store-col-icons ul {
  grid-auto-flow: column;
  display: grid;
  list-style: none;
  grid-template-rows: auto auto;
  grid-template-columns: 50% 50%;
  margin: 0;
  padding: 1em 0 0 0;
  gap: 10px;
}
@media only screen and (min-width: 961px) {
  .store-area .store-col-icons ul {
    padding: 0;
  }
}
.store-area .store-col-icons ul li {
  padding: 0.75em 1em;
  text-align: center;
}
.store-area .store-col-icons ul li h3 {
  margin: 0 0 0.5em 0;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.2em;
}

/*** SINGLE EVENT PAGE ***/
.single-events .subpage-banner {
  padding: 3vw 2vw;
  display: block;
}
.single-events .subpage-banner h1 {
  text-align: center;
  position: relative;
  margin: 1em 2em;
  text-transform: none;
}

.date-location {
  border-bottom: 1px solid #C6C6C6;
  padding: 1em 0;
  font-size: 0.9em;
  margin-bottom: 2em;
}
@media only screen and (min-width: 961px) {
  .date-location {
    font-size: 1.2em;
    margin-bottom: 2em;
    padding: 2vw 0;
  }
}
@media only screen and (min-width: 961px) {
  .date-location {
    display: flex;
    justify-content: space-between;
  }
  .date-location .location {
    text-align: right;
  }
}

.single-events h3, .single-magazine h3 {
  color: #467487;
  font-weight: 600;
  font-size: 2em;
}

.page-news .news-articles {
  padding: 0;
  margin: 2em 0;
}
.page-news .news-articles li {
  list-style: none;
  margin: 3em 0;
}
.page-news .news-articles li h4 {
  margin: 0;
  background: #7c8d74;
  color: #fff;
  padding: 0.3em 0.5em;
}
@media only screen and (min-width: 961px) {
  .page-news .news-articles li h4 {
    display: inline;
  }
}
.page-news .news-articles li h4:hover {
  background: #467487;
}
.page-news .news-articles li h4 a {
  color: #fff;
  text-decoration: none;
}
.page-news .news-articles li .news-date-posted {
  margin: 0.75em 0 0 0;
  font-style: italic;
  font-size: 0.8em;
}

.page-events .event-listings {
  display: grid;
  row-gap: 2vw;
  background: #F1F1F1;
  padding: 1vw 10% 2vw 10%;
}
.page-events .event-listings .event-item {
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em 1em 2em;
}
.page-events .event-listings .event-item h3, .page-events .event-listings .event-item h3 a {
  color: #467487;
  font-size: 1.3em;
  font-weight: 600;
  text-decoration: none;
}

.page-magazine {
  background-color: #EFEFEF;
}
.page-magazine .site-main {
  padding: 3vw 0;
}
@media only screen and (min-width: 961px) {
  .page-magazine .site-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3vw 5%;
  }
}

.page-magazine .magazine-article {
  margin: 1em 0 3em 0;
  display: grid;
  justify-items: center;
  grid-template-columns: 100px 1fr;
}
@media only screen and (min-width: 961px) {
  .page-magazine .magazine-article {
    background-color: #fff;
    border-radius: 10px;
    grid-template-columns: 110px 1fr;
    padding: 2em 0 2em 0;
    margin: 0 0 0 40px;
    justify-items: flex-start;
  }
  .page-magazine .magazine-article .mag-cover {
    margin: 0 0 0 -40px;
  }
}
.page-magazine .magazine-article h3 {
  margin: 0;
}
.page-magazine .magazine-article h3 a {
  text-decoration: none;
}
.page-magazine .magazine-article h3 a:hover {
  text-decoration: underline;
}
.page-magazine .magazine-article .mag-byline, .page-magazine .magazine-article .mag-byline a {
  margin: 0.5em 0 0 0;
}
.page-magazine .magazine-article .mag-content {
  padding: 0 0 0 4vw;
  font-size: 0.95em;
}
@media only screen and (min-width: 961px) {
  .page-magazine .magazine-article .mag-content {
    padding: 0 2vw 0 0;
    font-size: 1em;
  }
}
.page-magazine .magazine-article .mag-content p {
  margin-bottom: 1em;
}
.page-magazine .magazine-article .mag-cover a {
  display: block;
}
.page-magazine .magazine-article .mag-cover a img {
  border: 1px solid #EFEFEF;
}
.page-magazine .magazine-article .mag-cover a img:hover {
  border: 1px solid #98c2d3;
}
.page-magazine .magazine-article .mag-cover a .edition {
  position: absolute;
  background: #98c2d3;
  color: #363331;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
  margin: -0.7em 0 0 0;
  padding: 0.3em;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 100px;
}
.page-magazine .magazine-article .mag-cover a .edition:hover {
  background: #467487;
  color: #fff;
}
@media only screen and (min-width: 961px) {
  .page-magazine .magazine-article .mag-cover a .edition {
    width: 116px;
  }
}

.subpage-banner {
  background: rgb(54, 51, 49);
  color: #fff;
}

.single-magazine .subpage-banner {
  padding: 6vw 10% 3vw 10%;
  grid: none;
}
@media only screen and (min-width: 961px) {
  .single-magazine .subpage-banner {
    padding: 6vw 20% 4vw 20%;
  }
}
.single-magazine .subpage-banner h1, .single-magazine .subpage-banner h4, .single-magazine .subpage-banner .news-date-posted {
  text-align: center;
  position: relative;
}
.single-magazine .subpage-banner h1 {
  margin: 0;
}
.single-magazine .subpage-banner h4 {
  color: #98c2d3;
  margin-top: 1vw;
}
.single-magazine .magazine-thumb {
  padding: 0;
  margin: 0.5em auto 1.5em auto;
  text-align: center;
  font-size: 0.9em;
}
.single-magazine .magazine-thumb p {
  margin: 0;
  font-size: 0.9em;
}
@media only screen and (min-width: 961px) {
  .single-magazine .magazine-thumb p {
    margin: 0 1em 2em 1em;
  }
}
.single-magazine .magazine-thumb img {
  width: 76px;
  border: 1px solid #fff;
}
@media only screen and (min-width: 961px) {
  .single-magazine .magazine-thumb img {
    width: 116px;
  }
}
@media only screen and (min-width: 961px) {
  .single-magazine .magazine-thumb {
    border: 1px solid #b2d3e1;
    background-color: #fff;
    float: right;
    position: relative;
    width: 15vw;
    margin: 0 0 3vw 4vw;
    padding: 2.5em 0 0 0;
    font-size: 1.05em;
  }
}
.single-magazine .magazine-thumb .mag-cta {
  margin: 1em 0 0 0;
  background: #b2d3e1;
  font-weight: bold;
}
.single-magazine .magazine-thumb .mag-cta:hover {
  background: #7fcff0;
}
.single-magazine .magazine-thumb .mag-cta a {
  text-decoration: none;
  color: #333;
  padding: 1em;
  display: block;
}

.subpage-bottom-nav-panel {
  background: #467487;
  padding: 1.4em 0;
  line-height: 1.4em;
  font-weight: 600;
}
@media only screen and (min-width: 961px) {
  .subpage-bottom-nav-panel {
    font-size: 1.3em;
  }
}
.subpage-bottom-nav-panel .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 1em;
       column-gap: 1em;
}
.subpage-bottom-nav-panel .nav-previous {
  display: none;
}
.subpage-bottom-nav-panel a {
  color: #fff;
  text-decoration: none;
}
.subpage-bottom-nav-panel a:hover {
  color: #fff;
  text-decoration: underline;
}
.subpage-bottom-nav-panel .cta {
  display: flex;
  align-items: center;
}
.subpage-bottom-nav-panel .cta .icon-arrow-back {
  margin: 0 10px 0 0;
}

.icon-arrow-back {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%2398c2d3'/%3E%3Cpath fill='%23467487' d='M30.3 16L15 32l15.3 16V37.4H49V27.1H30.3z'/%3E%3C/svg%3E");
}

.subpage-banner {
  display: flex;
  -moz-columns: 1;
       columns: 1;
  min-height: 30vw;
}
@media only screen and (min-width: 961px) {
  .subpage-banner {
    padding: 0 0 0 10%;
    grid-template-columns: 1fr 950px;
    align-items: center;
    display: grid;
    min-height: 15vw;
  }
}
.subpage-banner h1 {
  margin: auto;
  padding: 0 5%;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.1em;
  letter-spacing: 0.01em;
  z-index: 100;
  text-align: center;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 961px) {
  .subpage-banner h1 {
    margin: 50px 0 0 0;
    padding: 0;
    font-size: 3em;
    position: relative;
    text-align: left;
    margin: 0;
  }
}
.subpage-banner .img-gradient {
  max-width: 100%;
  position: absolute;
  width: 100%;
}
@media only screen and (min-width: 961px) {
  .subpage-banner .img-gradient {
    width: 950px;
    position: relative;
    display: flex;
    align-items: center;
  }
}
.subpage-banner .img-gradient:after {
  display: block;
  position: relative;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 30vw;
  width: 100%;
  content: "";
}
@media only screen and (min-width: 961px) {
  .subpage-banner .img-gradient:after {
    min-height: 15vw;
  }
}

.single .subpage-banner {
  display: block;
}

.page-id-418 .subpage-banner {
  height: 40vw;
}
@media only screen and (min-width: 961px) {
  .page-id-418 .subpage-banner {
    height: 15vw;
  }
}
.page-id-418 .subpage-banner .img-gradient:after {
  min-height: 40vw;
}
@media only screen and (min-width: 961px) {
  .page-id-418 .subpage-banner .img-gradient:after {
    min-height: 15vw;
  }
}

.page-id-418 .subpage-banner h1 {
  margin: 8vw 5% 0 5%;
  text-align: left;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 961px) {
  .page-id-418 .subpage-banner h1 {
    margin: 0;
  }
}

.mag-search-form {
  position: absolute;
  margin: 20vw 5% 0 2%;
  display: flex;
  z-index: 900;
}
@media only screen and (min-width: 961px) {
  .mag-search-form {
    margin: 15vw 0 0 0;
  }
}
.mag-search-form ul {
  margin: 0 0 0 5%;
  padding: 0;
}
.mag-search-form ul li {
  list-style: none;
  margin: 0 15px 0 0;
}
.mag-search-form input {
  font-size: 1em;
}
.mag-search-form input[type=submit] {
  background: #467487;
  color: #fff;
}
.mag-search-form input[type=submit]:hover {
  cursor: pointer;
}
@media only screen and (min-width: 961px) {
  .mag-search-form {
    right: 12%;
    margin-top: 0vw;
  }
}

.container {
  padding: 5px 5%;
}
@media only screen and (min-width: 961px) {
  .container {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    margin: 0 auto;
  }
}

.page-obits {
  margin: 0 0 100px 0; /* makes room for pagination */
}

.obit-item {
  margin: 2em 0;
  padding: 0;
  list-style: none;
}
.obit-item p {
  margin: 0;
}
.obit-item p a {
  text-decoration: none;
}
.obit-item p a:hover {
  text-decoration: underline;
}
.obit-item .obits-date-posted {
  font-size: 0.8em;
  margin: 0;
}

.site-header {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: flex-end;
  position: relative;
}
.site-header .site-branding {
  padding: 6px 0 16px 10px;
}
@media only screen and (max-width: 960px) {
  .site-header .site-branding {
    padding: 4px 0 10px 10px;
  }
}
.site-header .site-branding img {
  max-width: 90%;
}
@media only screen and (max-width: 960px) {
  .site-header .site-branding img {
    max-width: 60%;
  }
}
.site-header .custom-logo-link {
  position: absolute;
}
.site-header .site-title {
  margin: 0;
  padding: 13px 0 0 0;
  font-size: 1.1em;
  font-weight: 800;
  line-height: 1.1em;
}
@media only screen and (max-width: 960px) {
  .site-header .site-title {
    font-size: 0.9em;
    padding: 7px 0 0 0;
  }
}
@media only screen and (min-width: 961px) {
  .site-header .site-title {
    font-size: 1.4em;
    width: 300px;
  }
}
.site-header .site-title a {
  color: #333;
  text-decoration: none;
}
.site-header .site-description, .site-header .site-title {
  margin: 0 0 0 120px;
  width: 60%;
}
@media only screen and (min-width: 961px) {
  .site-header .site-description, .site-header .site-title {
    margin: 0 0 0 175px;
    width: 80%;
  }
}
.site-header .site-description {
  padding: 0.2em 0 0 0;
  font-style: italic;
  font-size: 0.9em;
}
@media only screen and (max-width: 960px) {
  .site-header .site-description {
    font-size: 0.8em;
    padding: 0;
  }
}

/* spacing for seperater on news single page */
.sep {
  margin: 0 0.65em;
}

.single .news-date-posted {
  font-size: 0.9em;
  margin-top: 0;
}

section.footer-nav {
  background-color: #363331;
  padding: 7vw 5%;
}
@media only screen and (min-width: 961px) {
  section.footer-nav {
    padding: 6vw 10%;
  }
}
section.footer-nav .footer-wrapper {
  color: #fff;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Arial;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-size: 1.2em;
  font-weight: 800;
}
@media only screen and (min-width: 961px) {
  section.footer-nav .footer-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
section.footer-nav .footer-wrapper p {
  margin: 0;
}
section.footer-nav .menu-footer-nav-container {
  width: 80%;
}
section.footer-nav #footernav {
  padding: 0;
  margin: 1em 0 0 0;
}
@media only screen and (min-width: 961px) {
  section.footer-nav #footernav {
    margin: 0;
    display: flex;
    gap: 5%;
    justify-content: space-between;
  }
}
section.footer-nav #footernav li {
  list-style: none;
}
section.footer-nav #footernav li a {
  color: #fff;
  text-decoration: none;
}
section.footer-nav #footernav li .sub-menu {
  padding: 0;
  margin: 0.75em 0 0 0;
}
@media only screen and (max-width: 960px) {
  section.footer-nav #footernav li .sub-menu {
    margin: 0.25em 0 1.5em 0;
  }
}
section.footer-nav #footernav li .sub-menu li {
  font-weight: 400;
  font-family: "Montserrat", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.8em;
}
section.footer-nav #footernav li .sub-menu li a:hover {
  text-decoration: underline;
  color: #98c2d3;
}

footer .site-info {
  text-align: center;
  padding: 1em;
  font-size: 0.85em;
  color: rgba(255, 255, 255, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.066);
}

.pagination ul {
  margin: 4em 0 0 0;
  padding: 0;
}
.pagination ul li {
  display: inline;
  line-height: 3em;
  margin: 0 3px 0 0;
}
.pagination ul a, .pagination ul a:hover, .pagination ul .active a, .pagination ul .disabled {
  color: #fff;
  text-decoration: none;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
  background-color: #98c2d3;
  border-radius: 3px;
  cursor: pointer;
  padding: 0.6rem 0.8rem;
}

.pagination li a:hover,
.pagination li.active a {
  background-color: #467487;
}

.obits-search-form {
  background-color: #EFEFEF;
  border: 1px solid #EFEFEF;
  padding: 1em;
  font-size: 0.9em;
}
@media only screen and (min-width: 961px) {
  .obits-search-form {
    display: flex;
    justify-content: space-between;
    font-size: 1em;
  }
}
.obits-search-form ul {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 961px) {
  .obits-search-form ul {
    display: flex;
    gap: 30px;
    width: 80%;
    justify-content: space-between;
  }
}
.obits-search-form ul li {
  list-style: none;
  margin: 0.25em 0;
}
@media only screen and (min-width: 961px) {
  .obits-search-form ul li {
    margin: 0;
  }
}

.subpage-content {
  padding: 5vw 0;
}
@media only screen and (min-width: 961px) {
  .subpage-content {
    padding: 4vw 0;
    /* display: flex;
    direction: ltr;
    justify-content:space-between;
    column-gap: 7vw; */
  }
}
.subpage-content li::marker {
  color: #7c8d74;
}
.subpage-content article {
  direction: ltr;
}
.subpage-content article h1 {
  margin: 0.5em 0;
}

.subpage-content #menu-main .menu-item-type-custom {
  display: none;
}

.menu-about-container, .menu-smokejumping-container {
  direction: ltr;
  margin: 0 0 1.5em 0;
  position: relative;
}
@media only screen and (min-width: 961px) {
  .menu-about-container, .menu-smokejumping-container {
    margin: -2vw 0 2vw 0;
  }
}

#subpage-nav {
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 1.5em 2.5em;
  margin: 0;
}
#subpage-nav li {
  list-style: none;
  margin: 0.45em 0;
}
#subpage-nav .sub-menu {
  margin: 0;
}
#subpage-nav .sub-menu li {
  opacity: 1;
}
#subpage-nav a {
  color: #333;
  text-decoration: none;
}
#subpage-nav a:hover {
  text-decoration: underline;
  color: #467487;
}

#subpage-nav li:before {
  content: "»";
  margin-right: 6px;
  color: #ccc;
}

#subpage-nav li.current-menu-item:before {
  content: "»";
  margin-right: 6px;
  color: #467487;
}

#subpage-nav li.current-menu-item > a {
  background: #467487;
  padding: 0.2em 0.3em;
  text-decoration: none;
  color: #fff !important;
}

#top-link {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

#top-link.visible {
  opacity: 1;
  display: block;
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 45px;
  font-size: 0.8em;
  background: #e4e8f0;
  padding: 0.1em 0.75em;
  text-decoration: none;
  border: 1px solid #b1bacc;
  text-transform: uppercase;
  color: #467487;
  font-weight: bold;
  box-shadow: 0 0 15px 5px rgba(159, 159, 159, 0.1);
}
#top-link.visible .icon {
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25m4.03 9.72l-3.5-3.5a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 1 0 1.06 1.06l2.22-2.22V16a.75.75 0 0 0 1.5 0V9.81l2.22 2.22a.75.75 0 1 0 1.06-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: relative;
  top: 3px;
  margin: 0em 0 0 0.1em;
}

.footer-nav .menu-main-container {
  width: 70%;
}

.subpage-right-col {
  flex: 0 0 20vw;
}
.subpage-right-col #subpage-sidebar {
  margin: 3vw 0;
}

.wp-block-buttons a:visited {
  color: #fff;
}

.wp-element-button {
  background-color: #467487;
  color: #fff;
}
.wp-element-button:hover, .wp-element-button:visited {
  color: #fff;
}

.content-404 {
  padding: 3em 0;
}

.jumplist-search-form {
  margin: 2em 0 2em 0;
}
.jumplist-search-form *, .jumplist-search-form *::before, .jumplist-search-form *::after {
  box-sizing: border-box;
}
@media only screen and (min-width: 961px) {
  .jumplist-search-form {
    max-width: 650px;
  }
}
.jumplist-search-form label {
  flex: 1 1 auto;
}
.jumplist-search-form .row {
  margin: 0 0 2em 0;
  display: flex;
}
.jumplist-search-form .row input, .jumplist-search-form .row select {
  border: 1px solid #ddd;
  font-size: 1em;
  flex: 0 0 60%;
  outline: 0;
}
.jumplist-search-form .row select {
  font-size: 1em;
  background-color: transparent;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  width: 100%;
  outline: 0;
  padding: 0.2em 0.5em;
  border-radius: 0;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
}
.jumplist-search-form .row select option {
  font-size: 0.7em;
}
.jumplist-search-form .row input:focus {
  border-color: #0f7ef1;
}

.border-style {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 1em 0;
  margin: 2em 0;
}

.jumplist-cta {
  background: #b5d8e6;
  color: #333;
  padding: 1.25em 3em;
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 961px) {
  .jumplist-cta {
    width: 70%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.jumplist-cta a {
  color: #333;
}

#searchresults {
  width: 100%;
}

/*** NINJA FORM STYLES **/
.nf-form-content {
  margin: 2em 0;
}

.nf-form-title {
  display: none;
}

.grey-bkgd {
  background: #EFEFEF;
}

.wp-element-caption {
  text-align: center;
  font-size: 0.9em;
}

/* Change all product prices site-wide */
.woocommerce-Price-amount.amount {
  color: #333 !important;
  font-size: 1.4em !important;
}

/* Optional: Change only the single product page price */
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #333 !important;
}

/* Optional: Change only the price on product archives/shop page */
.woocommerce ul.products li.price {
  color: #333 !important;
}

.single_add_to_cart_button {
  background-color: #0975a1 !important;
}
.single_add_to_cart_button:hover {
  background-color: #2198c8 !important;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

.widget ul {
  margin: 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
  margin: 1em 0;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/***** gallery ******/
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}/*# sourceMappingURL=style.css.map */