/*
Theme Name: Twenty Nineteen Child
Theme URI: https://en-gb.wordpress.org/themes/twentynineteen/
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Twenty Nineteen child theme.
Template: twentynineteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: twentynineteen-child
*/

/* Color palette */

:root {
  --link: #303E5C;
  --blue: #305271;
  --hover: #9D6925;
  --saffron: #9D6925;
  --gold: #D3AC5E;
  --pine: #5D7D73;
  --fog: #DEE6E3;
  --white: #FFF;
  --seed: #33363C;
  /* Not passing acessibility */
  /* --pine: #92ACA3; */
  /* --saffron: #C6842F; */
  /* --hover: #C6842F; */
}

@font-face {
  font-family: "NeutraDisplay-Draft";
  src: url(https://test.pacifichermitage.org/wp-content/themes/Pacific-Hermitage/fonts/NeutraDisplay-DraftAlt.otf);
  font-weight: normal;
}

html {
  font-size: 20px;
}

body * {
  font-family: Lato, sans-serif;
}

/* These need to be specified moreso than body - argh. */
button,
blockquote cite,
table,
.entry .entry-content .wp-block-button .wp-block-button__link,
.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li,
.entry .entry-content .wp-block-pullquote cite,
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2,
.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption,
.entry .entry-content .wp-block-file,
.entry .entry-content .wp-block-file .wp-block-file__button,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta,
.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body,
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link,
.comment-form .comment-notes,
.comment-form label,
.gallery-caption,
.wp-caption-text,
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
  font-family: Lato, sans-serif;
}

/* Base colors & Fonts */

#h-title a,
#p-title a {
  color: var(--white);
  display: block;
  font-family: "NeutraDisplay-Draft";
  font-size: 2rem;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  text-align: center;
}

#h-title a:hover,
#p-title a:hover {
  color: var(--fog);
}

p {
  line-height: 1.5;
}

a {
  /* color: var(--link); */
  font-weight: 700;
}

a:visited {
  color: var(--blue);
}

a:hover,
a:active {
  color: var(--hover);
}

.entry .entry-content a {
  text-decoration: none;
}

.entry .entry-content a:hover {
  text-decoration: underline;
}

.entry-title {
  color: var(--link);
}

.entry-content h2 {
  color: var(--pine);
  font-size: 1.5rem;
}

.entry-content h3 {
  color: var(--saffron);
  font-size: 1.1rem;
}

.entry-content h4 {
  color: var(--blue);
}

.entry-content li {
  color: var(--blue);
}

blockquote {
  border-left: 2px solid var(--link);
}

/* Twenty Nineteen tweaks */

.entry .entry-title:before {
  display: none !important;
}

/*  Header */

.site-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))), url(https://test.pacifichermitage.org/wp-content/uploads/2019/10/header-mobile-top.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(https://test.pacifichermitage.org/wp-content/uploads/2019/10/header-mobile-top.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem 0 11vh;
  margin: 0;
}

.entry .entry-header {
  margin: calc(2 * 1rem) 1rem 1rem;
}

/* Site branding & Hero */

.site-branding-container {
  padding: 0 1rem;
}

.site-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.site-description {
  color: var(--fog);
  display: block;
  font-family: "NeutraDisplay-Draft";
  font-size: .9rem;
  font-weight: 600;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  text-align: center;
}

.site-logo .custom-logo-link {
  border-radius: 0;
  margin: 0 auto;
  height: auto;
  width: 150px;
}

.site-logo .custom-logo-link:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.site-title:not(:empty)+.site-description:not(:empty):before {
  content: "";
  margin: 0;
}

.site-title:not(:empty)+.site-description:not(:empty):before {
  content: "" !important;
}

#site-navigation.main-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* Navigation */

a {
  -webkit-transition: color 110ms ease-in-out;
  transition: color 110ms ease-in-out;
  color: var(--link);
}

.main-navigation {
  margin-top: 1.5rem
}

.main-navigation .main-menu>li {
  color: var(--white);
  text-transform: uppercase;
}

.main-navigation .main-menu>li>a,
.main-navigation .sub-menu>li>a {
  color: var(--white);
  font-size: 1rem;
}

.main-navigation .main-menu>li>a:hover {
  border-bottom: solid 3px var(--fog);
  padding-bottom: 3px;
}

.main-navigation .main-menu>li>a:hover,
.main-navigation .main-menu>li>a:hover+svg {
  color: var(--fog);
}

.main-navigation .sub-menu>li>.menu-item-link-return:hover {
  background-color: var(--link);
}

.main-navigation .sub-menu {
  background-color: var(--link);
}

.main-navigation .sub-menu>li>.menu-item-link-return {
  font-family: Lato, sans-serif;
  text-transform: uppercase;
}

.main-navigation .sub-menu>li>a:hover {
  background: var(--saffron);
}

/* Sticky Navigation */

.site-branding-container.fixedContainer {
  padding: 0;
}

.site-branding.fixedBox {
  margin: 0;
}

.site-title.fixedTitle {
  display: inline-block;
  padding: 0 20px;
}

.site-description.fixedDescription {
  padding: 0 20px;
}

.fixedNav {
  background: var(--link);
  margin-top: 0;
  position: fixed;
  padding: 10px 1em;
  top: 0;
  /* transition: all 0.5s ease; */
  -webkit-transition: background .5s, margin-top .5s, position .5s, background-position 0s, padding 0s, width .5s, z-index .5s, top .5s;
  -webkit-transition: background .5s, margin-top .5s, position .5s, padding 0s, width .5s, z-index .5s, top .5s;
  transition: background .5s, margin-top .5s, position .5s, padding 0s, width .5s, z-index .5s, top .5s;
  width: 100%;
  z-index: 999;
}

.main-navigation .menu-main,
.fixedNav .menu-main-menu-container {
  width: calc(100vw - 5rem);
}

.fixedNav .menu-main-menu-container ul#menu-main-menu {
  display: inline-block;
  height: 29px;
  overflow: hidden;
}

/* Forms */

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: var(--hover);
  font-family: Lato, sans-serif;
}

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 {
  border-color: var(--hover);
}

/* Pages */
/*  
  Specificity ids are found under main > article id="X"
  All Calendars post-74
  Meal Calendar post-72 
  Event Calendar post-54
  Support post-25
  Alms Rounds Map post-26 
  About Us post--27
  Contact post-28
*/

#post-74 h1.entry-title,
#post-72 h1.entry-title,
#post-54 h1.entry-title,
#post-25 h1.entry-title,
#post-26 h1.entry-title,
#post-27 h1.entry-title,
#post-28 h1.entry-title {
  color: var(--link);
  /* font-family: "NeutraDisplay-Draft"; */
  font-size: 1.5rem;
  margin: 0;
  text-transform: uppercase;
}

.entry .entry-title {
  color: var(--pine);
  text-transform: uppercase;
}

.entry .entry-title:before {
  display: none;
}

.entry .entry-content .has-drop-cap:not(:focus):first-letter {
  font-family: "NeutraDisplay-Draft";
}

.entry .post-thumbnail .post-thumbnail-inner img {
  border-radius: 3px;
}

.entry .entry-content p {
  font-size: 16px;
  margin: 16px 0 32px;
}

.entry .entry-content h3 {
  max-width: 100%;
}

.entry .entry-footer {
  margin: 1rem;
}

p {
  color: var(--link);
  font-weight: normal;
}

.entry {
  margin-top: calc(3 * 1rem);
}

/* Home */

h3.callout {
  font-size: 1rem;
  line-height: 1.5;
}

.entry .entry-content .wp-block-button .wp-block-button__link {
  font-size: 1.125rem;
  font-weight: 600;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
  background-color: var(--saffron);
  -webkit-box-shadow: 7px 7px 5px var(--fog);
  box-shadow: 7px 7px 5px var(--fog);
}

.entry .entry-content .wp-block-button .wp-block-button__link:hover {
  background: var(--gold);
}

/* About */

.entry .entry-content .board-image {
  border-radius: 5px;
  margin: 0;
}

.monk-picture img {
  border-radius: 5px;
}

.foundation {
  color: var(--saffron);
  font-family: "NeutraDisplay-Draft";
  font-weight: 600;
}

.responsive-spacer {
  height: 1rem !important;
}

/* Contact */

.the-map iframe {
  border: none;
}

/* MailChimp form */

h3.mc-cta {
  color: var(--link);
  text-transform: uppercase;
}

.mc-field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mc-field-group ul {
  list-style: none;
}

.mc-field-group ul li input[type=checkbox],
.mc-field-group ul li input[type=radio] {
  margin-right: 10px;
}

input#mc-embedded-subscribe {
  text-transform: uppercase;
}

/* Archives (index.php) */

header.entry-header {
  margin: calc(2 * 1rem) 1rem 1rem;
}

h1.blog-title::before {
  background: #fff;
}

h1.blog-page-title {
  color: var(--link);
  font-family: "NeutraDisplay-Draft";
  font-size: 1.5rem;
  margin: 0;
}

.site-title:not(:empty)+.site-description:not(:empty):before {
  content: "\007C";
}

/* Posts */

.single .entry-media {
  display: none;
}

h1.entry-title {
  font-family: Lato, sans-serif;
  font-size: 1.25rem;
}

h2.entry-title a {
  font-size: 1.125rem;
}

.entry .entry-content .post-img img {
  border-radius: 3px;
}

h2.comments-title {
  color: var(--seed);
  font-family: Lato, sans-serif;
  font-size: 1.5rem;
}

.entry .entry-meta,
.entry .entry-footer,
.post-navigation .nav-links a .meta-nav {
  color: var(--hover);
}

.entry .entry-meta a:hover,
.entry .entry-footer a:hover,
.post-navigation .nav-links a:hover {
  color: var(--hover);
}

h1:not(.site-title):before,
h2:before {
  height: 0;
}

.comments-area .comments-title-wrap .comments-title:before {
  height: 0px;
  margin: 0;
  width: 0px;
}

/* Footer */

footer.site-footer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/footer-mobile.jpg);
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/footer-mobile.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 3rem 0 0;
}

.widget-title:before {
  display: none;
}

h2.widget-title {
  color: var(--white);
  font-size: 1.1rem;
  font-weight: 600;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  margin: 1rem 0 .5rem;
}

.footer-links,
.contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-links a,
.contact-info a,
.contact-info p,
.widget_nav_menu ul li a {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75;
}

.footer-button a {
  color: #FFF;
}

.contact-info p {
  margin: 0;
}

.footer-links a:hover,
.contact-info a:hover,
.widget_nav_menu ul li a:hover {
  color: var(--hover);
  text-decoration: underline;
}

#menu-item-115,
#menu-item-116 {
  margin-bottom: 0;
  margin-top: 0;
}


/* PHABLET ========================================================================== */
@media only screen and (min-width: 600px) {
  #site-navigation.main-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .site-header {
    padding: 2rem 0 8vh;
  }

  .site-description {
    padding: 0 2em;
  }

  
  .fixedNav .menu-main-menu-container {
    max-width: 80vw;
  }

  .fixedNav .menu-main-menu-container ul#menu-main-menu {
    display: inline-block;
    min-height: 29px;
    overflow: visible;
  }

  .main-navigation>div {
    margin: 0 auto;
  }

  .main-menu-more {
    line-height: 1px;
  }

  .monk-picture {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }

  .monk-info {
    -ms-flex-preferred-size: calc(65% - 32px);
    flex-basis: calc(65% - 32px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

/* TABLET =========================================================================== */
@media only screen and (min-width: 768px) {

  .main-navigation .sub-menu>li>a:hover,
  .main-navigation .sub-menu>li>a:focus,
  .main-navigation .sub-menu>li>.menu-item-link-return:hover,
  .main-navigation .sub-menu>li>.menu-item-link-return:focus {
    background: var(--hover);
  }

  .main-navigation .sub-menu>li>a:hover:after,
  .main-navigation .sub-menu>li>a:focus:after,
  .main-navigation .sub-menu>li>.menu-item-link-return:hover:after,
  .main-navigation .sub-menu>li>.menu-item-link-return:focus:after {
    background: var(--hover);
  }

  .site-header {
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/header-tablet.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/header-tablet.jpg);
    background-position: center center;
    background-size: cover;
    margin: 0;
  }

  .site-title.fixedTitle,
  .site-description.fixedDescription {
    padding: 0 calc(5% + 1rem);
  }

  .fixedNav {
    padding: 10px 0;
  }

  .fixedNav .menu-main-menu-container {
    width: auto;
  }

  .site-branding {
    /* margin: 0 0 0 calc(10% + 1rem); */
    margin: 0 5%;
  }

  .site-logo {
    position: relative;
    padding-bottom: 1.5rem;
    right: 0;
  }

  .site-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 3rem;
    letter-spacing: 0.19em;
    margin: 0 auto;
    padding-left: 0.19em;
  }

  .site-description {
    font-size: 1rem;
    padding: 0;
  }

  .entry .entry-header {
    margin: calc(3 * 1rem) 1rem 1rem;
  }

  .site-header {
    padding: 2rem 0 15vh;
  }


  .entry .entry-content {
    padding: 0 1rem;
  }

  .entry .entry-header {
    margin: calc(3 * 1rem) calc(10% + 1rem) 1rem;
  }

  .entry .entry-content h3 {
    font-size: 1.25rem;
  }

  .entry .entry-content .monk-block {
    max-width: 100%;
  }

  .entry .entry-content p,
  .entry .entry-content .home-cta {
    max-width: 100%
  }

  h3.callout {
    font-size: 1.1rem;
  }

  .responsive-spacer {
    height: 2rem !important;
  }

  /* Archives */

  .hfeed .entry .entry-header {
    margin: calc(2 * 1rem) calc(10% + 1rem) calc(1rem / 2);
  }

  header.entry-header {
    margin: calc(3 * 1rem) calc(10% + 1rem) 1rem;
  }

  .entry .entry-footer {
    margin: 1rem calc(10% + 1rem) calc(2 * 1rem);
    max-width: calc(100vw - 20%);
  }

  /* Posts */

  h2.entry-title a {
    font-size: 1.25rem;
  }

  .entry .entry-content>* {
    max-width: 100vw;
  }

  .post-navigation {
    margin: calc(3 * 1rem) calc(10% + 16px);
    max-width: calc(100vw - 20%);
  }

  /* Footer */

  #colophon .widget-area {
    margin: calc(2 * 1rem) calc(10% + 1rem);
  }

  #colophon .widget-column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #colophon .widget-column .widget {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  footer.site-footer {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/footer-tablet.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/footer-tablet.jpg);
  }

  h2.widget-title {
    font-size: 1.25rem;
  }

  .footer-links a,
  .contact-info a,
  .contact-info p,
  .widget_nav_menu ul li a {
    font-size: 1rem;
  }

  #colophon .widget-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "contact subscribe"
      "contact donate";
  }

  #colophon .widget-column #custom_html-3 {
    grid-area: contact;
  }

  #colophon .widget-column #custom_html-4 {
    grid-area: subscribe;
  }

  #colophon .widget-column #custom_html-5 {
    grid-area: donate;
  }
}

@media only screen and (min-width: 1024px) {
  .site-header {
    padding: 2rem 0 10vh;
  }

  /* Home page: blog image/content via CSS Grid */
  .home article.post {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-rows: auto;
    grid-template-areas:
      "figure header"
      "figure content"
      "figure footer";
  }

  article.entry .post-thumbnail {
    grid-area: figure;
    margin: calc(2 * 1rem) 0 0 calc(10% + 2rem);
  }

  .hfeed .entry .entry-header {
    grid-area: header;
    margin: calc(2 * 1rem) 5% calc(1rem / 2) 10%;
  }

  .entry .entry-header {
    max-width: 80%;
    margin: calc(3 * 1rem) 10%;
  }

  .entry .entry-content {
    grid-area: content;
    padding: 0;
  }

  .entry .entry-footer {
    grid-area: footer;
    margin: 1rem 5% calc(2 * 1rem) 10%;
  }

  .entry:first-of-type {
    margin-top: 1rem;
  }
}

/* WP_2019 ========================================================================== */
@media only screen and (min-width: 1168px) {

  .entry .entry-content>* {
    max-width: 100%;
  }

  .blog #main {
    margin: 0 5%;
  }

  .page .entry .entry-header {
    margin: calc(3 * 1rem) 15%;
  }

  .page .entry .entry-content {
    margin: 0 15%;
  }

  /* Large header: site logo moves to left side (inline) */
  .site-branding {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-areas:
      "logo title"
      "logo description"
      "logo navigation";
    margin: 2rem 0;
  }

  .site-logo {
    grid-area: logo;
    padding-bottom: 0;
  }

  .site-logo .custom-logo-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 0 auto;
  }

  .site-title {
    grid-area: title;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 0 auto;
    padding: 2.25rem 0 0;
  }

  .site-description {
    grid-area: description;
    margin: 0 auto;
  }

  .main-navigation {
    grid-area: navigation;
    padding: 0;
  }

  .main-navigation .main-menu>li.menu-item-has-children {
    padding: 0 .5em;
  }

  .main-navigation ul.main-menu>li {
    padding: 0 .5em;
  }

  .site-logo .custom-logo-link {
    height: auto;
    width: 200px;
  }

  .fixedNav {
    padding: 15px 0;
  }

  #colophon .widget-area {
    margin: calc(2 * 1rem) calc(5% + 2rem);
  }

  #colophon .widget-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  #colophon #custom_html-5 {
    margin-right: 0;
  }
}

/* LAPTOP =========================================================================== */
@media only screen and (min-width: 1440px) {

  .site-header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/header-laptop.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/header-laptop.jpg);
  }

  .site-branding {
    grid-template-columns: 1fr 2.5fr 1fr;
  }

  .site-logo {
    padding-right: 2em;
  }

  .blog #main {
    margin: 0 10%;
  }

  .page .entry .entry-header {
    margin: calc(3 * 1rem) 20%;
  }
  
  .page .entry .entry-content {
    margin: 0 20%;
  }

  footer.site-footer {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/footer-laptop.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url(https://test.pacifichermitage.org/wp-content/uploads/2019/09/footer-laptop.jpg);
  }
}