@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400;1,600&display=swap");
*, *::after, *::before { margin: 0px; padding: 0px; box-sizing: inherit; }

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

body { padding: 0; margin: 0; font-family: "EB Garamond", serif; font-weight: 400; background-color: #fff8f1; }

ul { margin-bottom: 2rem; margin-left: 1rem; }

.logo { width: 2rem; opacity: .25; margin-top: .2rem; }

.grid-2-col { display: grid; grid-template-columns: 1fr 1fr; }

.grid-2-col a { display: block; }

p { font-size: 1.25rem; line-height: 2.15rem; }

h1 { margin-bottom: .5rem; margin-top: 3rem; }

.pswp__custom-caption { background: rgba(0, 0, 0, 0.75); font-size: 16px; color: #fff; width: auto; max-width: 400px; padding: 2px 8px; border-radius: 4px; position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); }

.pswp__custom-caption a { color: #fff; text-decoration: underline; }

.hidden-caption-content { display: none; }

.post-byline { font-size: .95rem; opacity: .8; font-style: italic; margin-top: 0; margin-bottom: 2rem; letter-spacing: .1rem; }

.post-date { font-style: italic; opacity: .75; font-size: .9rem; }

header { padding: 2rem; display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100vw; box-sizing: border-box; }

@media (min-width: 1536px) { header { padding-left: 20vw; padding-right: 20vw; } }

.hero { background: url(../images/hero.jpg); background-size: cover; background-repeat: no-repeat; background-color: #373e1b; background-position: bottom; color: white; overflow: auto; padding-left: 2rem; padding-right: 2rem; padding-top: 12vh; padding-bottom: 8vh; background-blend-mode: difference; }

@media (min-width: 768px) { .hero { padding-left: 10vw; padding-right: 10vw; } }

@media (min-width: 1200px) { .hero { padding-left: 20vw; padding-right: 20vw; } }

.hero h1 { font-size: 2rem; font-weight: 300; }

@media (min-width: 768px) { .hero h1 { font-size: 3rem; } }

.hero a { color: white; }

.about-container { height: 100vh; background: url(../images/hero.jpg); background-size: cover; background-repeat: no-repeat; background-color: #373e1b; background-position: bottom; color: white; background-blend-mode: difference; display: flex; justify-content: center; align-items: center; }

.about-container h1 { margin-top: 1rem; }

.about-container a { color: white; }

.about-container p { font-weight: 400; }

.about-content { width: 65vw; display: grid; grid-auto-flow: row; }

@media (min-width: 768px) { .about-content { grid-auto-flow: column; } }

.about-words { float: left; }

@media (min-width: 768px) { .about-words { float: inherit; } }

.post-cover { background-size: cover; background-repeat: no-repeat; background-color: #232323; background-position: top; color: white; overflow: auto; padding-left: 10vw; padding-right: 10vw; padding-top: 28vh; padding-bottom: 15vh; background-blend-mode: overlay; }

@media (min-width: 768px) { .post-cover { padding-left: 20vw; padding-right: 20vw; } }

.post-cover h1 { margin-top: 1rem; margin-bottom: .6rem; font-size: 2.75rem; font-weight: 300; text-shadow: 0 0 5px black; }

.post-cover__bg { background-color: black; }

nav a { text-decoration: none; font-family: "Lato", "Arial Narrow", Arial, sans-serif; opacity: .65; transition: ease 150ms; margin-left: 2rem; color: white; text-transform: uppercase; font-weight: 600; letter-spacing: .1rem; font-size: .9rem; }

nav a:hover { opacity: 1; }

.posts { margin: 8vw auto; width: 88vw; }

@media (min-width: 768px) { .posts { width: 80vw; } }

@media (min-width: 1200px) { .posts { width: 60vw; } }

.posts img { height: 100%; }

.posts p { margin: 0; }

.posts li { list-style: none; }

.posts a { display: grid; grid-template-columns: 1fr; height: inherit; text-decoration: none; color: inherit; box-shadow: 0 2px 8px #ffe0c2; transition: 200ms ease-in-out; border-radius: 1rem; background-color: rgba(255, 255, 255, 0.4); }

@media (min-width: 768px) { .posts a { grid-template-columns: 2fr 3fr; height: 25rem; } }

@media (min-width: 1200px) { .posts a { height: 20rem; } }

.posts a:hover { box-shadow: 0 5px 8px #ffe8d2; background-color: rgba(255, 255, 255, 0.95); }

.posts .post-image { overflow: hidden; align-self: center; height: auto; border-radius: 1rem 1rem 0 0; display: flex; }

@media (min-width: 768px) { .posts .post-image { margin-bottom: 0; justify-content: center; height: 100%; border-radius: 1rem 0 0 1rem; } }

.posts .post-image img { width: 100%; height: auto; }

@media (min-width: 768px) { .posts .post-image img { width: inherit; height: inherit; } }

.posts .post-info { margin: 2rem; align-self: center; }

@media (min-width: 768px) { .posts .post-info { margin: 2rem 2rem 2rem 3rem; } }

.posts .post-info h2 { font-size: 2rem; line-height: 2rem; margin-bottom: .8rem; }

.posts .post-info p { margin-top: 1rem; font-size: 1rem; line-height: 1.55rem; }

.posts h2 { margin: 0; font-size: 1rem; }

.current { opacity: 1; }

.category { font-family: "Lato", "Arial Narrow", Arial, sans-serif; font-size: .75rem; opacity: .6; font-weight: 600; margin-bottom: .5rem; letter-spacing: .25rem; }

.post-nav { display: flex; font-size: 1.25rem; justify-items: center; width: 70vw; font-weight: 300; margin: 3rem auto 0; flex-wrap: wrap; justify-content: space-evenly; width: auto; }

.post-nav a { text-decoration: none; color: #190e21; transition: ease 150ms; opacity: .75; width: 45%; }

.post-nav a:hover { opacity: 1; }

.post-nav .post-nav__prev { text-align: right; background-image: url("/assets/images/chevron-right-solid.svg"); background-repeat: no-repeat; background-size: .95rem; background-position: right; padding-right: 2rem; }

.post-nav .post-nav__next { text-align: left; background-image: url("/assets/images/chevron-left-solid.svg"); background-repeat: no-repeat; background-size: .95rem; background-position: left; padding-left: 2rem; }

.post-nav__brow { font-size: .8rem; text-transform: uppercase; font-weight: bold; }

.blog-post h2:first-of-type { margin-top: 0; }

.blog-post p:first-of-type { margin: 4.5rem 10vw; font-size: 1.5rem; }

@media (min-width: 768px) { .blog-post p:first-of-type { margin-left: 20vw; margin-right: 20vw; } }

main h1 { font-size: 2.5rem; font-weight: 300; }

main h2 { margin: 6.5rem auto .75rem; font-size: 2rem; font-weight: 300; }

main h3 { margin: 5rem auto .5rem; font-size: 1.45rem; font-weight: 700; }

main p { margin-bottom: 1.5rem; color: #6c6528; font-size: 1.5rem; }

main strong { text-transform: uppercase; font-weight: 900; font-family: "Lato", "Arial Narrow", Arial, sans-serif; font-size: .95rem; color: #413d18; }

main > :not(figure) { margin-left: 10vw; margin-right: 10vw; }

@media (min-width: 768px) { main > :not(figure) { margin-left: 20vw; margin-right: 20vw; } }

figure { width: 100vw; margin-left: auto; margin-right: auto; margin-top: 4rem; }

figure img { width: 100%; }

@media (min-width: 768px) { figure { width: 80vw; } }

figcaption { margin-bottom: 4rem; padding: 1rem; background-color: white; box-shadow: 0px 4px 5px #ffe8d2; border-radius: 0; color: #6c6528; }

@media (min-width: 768px) { figcaption { border-radius: 0 0 5px 5px; } }

.profile-pic { width: 12rem; height: 12rem; overflow: hidden; position: relative; display: inline-block; border-radius: 50%; float: left; margin-right: 2rem; }

.profile-pic img { height: 100%; width: auto; }

.trip-map { background-color: white; box-shadow: 0px 4px 5px #ffe8d2; border-radius: 5px; color: #6c6528; }

#my-gallery { width: 100vw; margin: inherit; display: flex; }

footer { display: flex; height: 5rem; justify-content: center; align-items: center; }

/*# sourceMappingURL=styles.css.map */