@charset "UTF-8";
/* html5doctor.com Reset Stylesheet v1.6.1 http://cssreset.com

==========================================================================
CSS RESET FOR GETTYSBURG CVB
========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
} /*ol, ul, li,*/
body {
  line-height: 1;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

* {
  outline: none;
}

/* Replacement of <meta name="viewport"> for IE 10 and others */
@-ms-viewport {
  width: device-width;
  zoom: 1;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
*********************/
/*********************
FONTS
*********************/
.blogPost > .heroSection.text-and-image {
  padding-top: 100px;
}
.blogPost h1, .blogPost h2, .blogPost h3, .blogPost h4, .blogPost h5, .blogPost h6, .blogPost p, .blogPost ul, .blogPost li {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  width: 98%;
}
.blogPost h1, .blogPost h2, .blogPost h3, .blogPost h4, .blogPost h5, .blogPost h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin: 0.25em auto 0.5em;
  color: #02416b;
  line-height: 1em;
}
.blogPost h1 a, .blogPost h2 a, .blogPost h3 a, .blogPost h4 a, .blogPost h5 a, .blogPost h6 a {
  color: inherit;
}
.blogPost .headerBlock h1 {
  font-size: 5.5em;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
}
.blogPost .headerBlock h1.smaller {
  font-size: 4em;
}
.blogPost h1, .blogPost h2 {
  font-size: 2.5em;
}
.blogPost h3 {
  font-size: 2em;
}
.blogPost h4 {
  font-size: 1.75em;
}
.blogPost h5 {
  font-size: 1.5em;
}
.blogPost h6 {
  font-size: 1.25em;
}
@media only screen and (max-width: 768px) {
  .blogPost .headerBlock h1 {
    font-size: 4em;
  }
  .blogPost .headerBlock h1.smaller {
    font-size: 2.5em;
  }
  .blogPost h1, .blogPost h2 {
    font-size: 2em;
  }
  .blogPost h3 {
    font-size: 1.75em;
  }
  .blogPost h4 {
    font-size: 1.5em;
  }
  .blogPost h5 {
    font-size: 1.25em;
  }
  .blogPost h6 {
    font-size: 1em;
  }
}
.blogPost p {
  overflow: auto;
  width: 98%;
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 1em;
}
.blogPost img {
  max-width: 100%;
  height: auto;
}
.blogPost img.size-full {
  margin: 1em auto;
}
.blogPost img.alignleft {
  margin: 0 1em 1em auto;
}
.blogPost .wp-block-image {
  max-width: 1000px;
  width: 98%;
  margin: 2.5em auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.blogPost .wp-block-image:first-child {
  margin-top: 2.5em;
}
.blogPost .wp-block-image img {
  max-width: 100%;
  height: auto;
}
.blogPost .wp-block-image figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 12px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.blogPost .wp-block-embed__wrapper {
  max-width: 1000px;
  width: 98%;
  margin: 0 auto;
}
.blogPost .ci-original {
  border-radius: 20px;
  display: block;
  margin: 1em auto;
}
.blogPost .wp-block-button__link {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  width: 95%;
  border-radius: 10px;
  text-transform: uppercase;
  margin: 1em auto;
  display: block;
}
.blogPost .wp-block-button__link:hover {
  color: white;
}
.blogPost .wp-block-quote {
  margin: 5em auto;
  width: 100%;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#16406A), to(#113457)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #16406A 0%, #113457 100%) 0% 0% no-repeat padding-box;
  color: #1a73ac;
  padding: 5em 0;
  font-family: "Montserrat", sans-serif;
}
.blogPost .wp-block-quote p {
  background: white;
  width: 95%;
  margin: 0 auto;
  padding: 1em;
  line-height: 1em;
  font-size: 2.5em;
  font-weight: bold;
  border-radius: 10px;
  quotes: "“" "”" "‘" "’";
}
.blogPost .wp-block-quote p::before {
  content: open-quote;
}
.blogPost .wp-block-quote p::after {
  content: close-quote;
}
.blogPost .wp-block-quote cite {
  background: white;
  margin: -1em auto 0 auto;
  padding: 0 2em 2em;
  width: 95%;
  max-width: 1000px;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1em;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.blogPost .wp-block-quote cite::before {
  content: "-";
}
@media only screen and (max-width: 768px) {
  .blogPost .wp-block-quote {
    padding: 2.5em 0;
    margin: 2.5em auto;
  }
  .blogPost .wp-block-quote p {
    font-size: 1.75em;
  }
}
.blogPost .tagsAndTopics {
  width: 98%;
  margin: 2.5em auto;
  max-width: 1000px;
}
.blogPost .tagsAndTopics .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
}
.blogPost .tagsAndTopics .group:last-child {
  margin-bottom: 0;
}
.blogPost .tagsAndTopics .group h3 {
  text-transform: uppercase;
  color: black;
  font-size: 1.125em;
  display: inline-block;
  min-width: 75px;
  width: auto;
  margin: 0;
}
.blogPost .tagsAndTopics .group .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blogPost .tagsAndTopics .group .links a {
  display: inline-block;
  margin: 3px;
  color: #F7941D;
  border: 2px solid #F7941D;
  border-radius: 10px;
  background: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 12px;
  font-weight: bold;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.blogPost .tagsAndTopics .group .links a:hover {
  background: #F7941D;
  color: white;
}
@media only screen and (max-width: 768px) {
  .blogPost .tagsAndTopics .group {
    -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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .blogPost .tagsAndTopics .group .links {
    width: 100%;
  }
  .blogPost .tagsAndTopics .group .links a {
    font-size: 0.85em;
  }
}
.blogPost .comments-area {
  background: #02416b;
  color: white;
  padding: 2.5em 0;
}
.blogPost .comments-area .comments-title {
  color: white;
  font-size: 1.5em;
}
.blogPost .comments-area .comment-list {
  width: 98%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}
.blogPost .comments-area .comment-list .comment {
  width: 100%;
  padding: 0;
}
.blogPost .comments-area .comment-list .comment::marker {
  content: "";
}
.blogPost .comments-area .comment-list .comment .comment-body {
  margin-bottom: 1em;
}
.blogPost .comments-area .comment-list .comment .comment-body .comment-meta .comment-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blogPost .comments-area .comment-list .comment .comment-body .comment-meta .comment-author img {
  margin-right: 6px;
  width: auto;
}
.blogPost .comments-area .comment-list .comment .comment-body .comment-meta .comment-author .fn {
  margin-right: 4px;
}
.blogPost .comments-area .comment-list .comment .comment-body .comment-metadata {
  margin-left: 32px;
}
.blogPost .comments-area .comment-list .comment .comment-body .comment-metadata a {
  color: white !important;
  cursor: default;
  pointer-events: none;
}
.blogPost .comments-area .comment-list .comment .comment-body .comment-content {
  margin-left: 32px;
}
.blogPost .comments-area .comment-list .comment .comment-body .comment-content p {
  width: 100%;
  margin: 0.5em auto 0.25em auto;
}
.blogPost .comments-area .comment-list .comment .comment-body .reply {
  margin-left: 32px;
  display: none;
}
.blogPost .comments-area .comment-list .comment .comment-body .reply a {
  display: inline-block;
  border: 3px solid #31B04F;
  color: #31B04F;
  background: white;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  padding: 6px 18px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.blogPost .comments-area .comment-list .comment .comment-body .reply a:hover {
  background: #31B04F;
  color: white;
}
.blogPost .comments-area .comment-respond {
  margin: 1em auto;
  width: 95%;
  max-width: 1000px;
  position: relative;
}
.blogPost .comments-area .comment-respond:before {
  content: "";
  background: url(/wp-content/themes/gettysburg/library/images//icons/comments.png);
  width: 80px;
  height: 44px;
  display: block;
  margin: 1em auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #02416b;
  z-index: 2;
  position: relative;
  padding: 0 10px;
}
.blogPost .comments-area .comment-respond:after {
  content: "";
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 22px;
  z-index: 1;
}
.blogPost .comments-area .comment-respond .comment-reply-title {
  text-align: center;
  font-size: 2em;
  color: white;
}
.blogPost .comments-area .comment-respond form {
  overflow: auto;
}
.blogPost .comments-area .comment-respond form::after {
  content: "";
  clear: both;
  display: table;
}
.blogPost .comments-area .comment-respond form .comment-notes {
  margin: 0 auto 1em;
  text-align: center;
  width: 100%;
}
.blogPost .comments-area .comment-respond form .comment-form-url {
  display: none;
}
.blogPost .comments-area .comment-respond form .comment-form-comment {
  float: left;
  width: 50%;
}
.blogPost .comments-area .comment-respond form .comment-form-email, .blogPost .comments-area .comment-respond form .comment-form-author, .blogPost .comments-area .comment-respond form .comment-form-cookies-consent, .blogPost .comments-area .comment-respond form .form-submit {
  float: right;
  width: 50%;
  padding-left: 12px;
}
.blogPost .comments-area .comment-respond form .comment-form-email label, .blogPost .comments-area .comment-respond form .comment-form-author label, .blogPost .comments-area .comment-respond form .comment-form-comment label {
  display: none;
}
.blogPost .comments-area .comment-respond form .comment-form-email input, .blogPost .comments-area .comment-respond form .comment-form-email textarea, .blogPost .comments-area .comment-respond form .comment-form-author input, .blogPost .comments-area .comment-respond form .comment-form-author textarea, .blogPost .comments-area .comment-respond form .comment-form-comment input, .blogPost .comments-area .comment-respond form .comment-form-comment textarea {
  color: black;
  border: none;
  border-radius: 8px;
  font-family: "Open Sans", sans-serif;
  border: 2px solid white;
}
.blogPost .comments-area .comment-respond form .comment-form-email input::-webkit-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-email textarea::-webkit-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author input::-webkit-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author textarea::-webkit-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment input::-webkit-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment textarea::-webkit-input-placeholder {
  color: black;
}
.blogPost .comments-area .comment-respond form .comment-form-email input::-moz-placeholder, .blogPost .comments-area .comment-respond form .comment-form-email textarea::-moz-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author input::-moz-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author textarea::-moz-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment input::-moz-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment textarea::-moz-placeholder {
  color: black;
}
.blogPost .comments-area .comment-respond form .comment-form-email input:-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-email textarea:-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author input:-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author textarea:-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment input:-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment textarea:-ms-input-placeholder {
  color: black;
}
.blogPost .comments-area .comment-respond form .comment-form-email input::-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-email textarea::-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author input::-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-author textarea::-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment input::-ms-input-placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment textarea::-ms-input-placeholder {
  color: black;
}
.blogPost .comments-area .comment-respond form .comment-form-email input::placeholder, .blogPost .comments-area .comment-respond form .comment-form-email textarea::placeholder, .blogPost .comments-area .comment-respond form .comment-form-author input::placeholder, .blogPost .comments-area .comment-respond form .comment-form-author textarea::placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment input::placeholder, .blogPost .comments-area .comment-respond form .comment-form-comment textarea::placeholder {
  color: black;
}
.blogPost .comments-area .comment-respond form .comment-form-email input:focus, .blogPost .comments-area .comment-respond form .comment-form-email input:hover, .blogPost .comments-area .comment-respond form .comment-form-email textarea:focus, .blogPost .comments-area .comment-respond form .comment-form-email textarea:hover, .blogPost .comments-area .comment-respond form .comment-form-author input:focus, .blogPost .comments-area .comment-respond form .comment-form-author input:hover, .blogPost .comments-area .comment-respond form .comment-form-author textarea:focus, .blogPost .comments-area .comment-respond form .comment-form-author textarea:hover, .blogPost .comments-area .comment-respond form .comment-form-comment input:focus, .blogPost .comments-area .comment-respond form .comment-form-comment input:hover, .blogPost .comments-area .comment-respond form .comment-form-comment textarea:focus, .blogPost .comments-area .comment-respond form .comment-form-comment textarea:hover {
  border: 2px solid #F7941D;
}
.blogPost .comments-area .comment-respond form .comment-form-email textarea, .blogPost .comments-area .comment-respond form .comment-form-author textarea, .blogPost .comments-area .comment-respond form .comment-form-comment textarea {
  resize: none;
  height: 275px;
}
.blogPost .comments-area .comment-respond form .comment-form-email input[type=checkbox], .blogPost .comments-area .comment-respond form .comment-form-author input[type=checkbox], .blogPost .comments-area .comment-respond form .comment-form-comment input[type=checkbox] {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
.blogPost .comments-area .comment-respond form .comment-form-cookies-consent {
  margin: 0.5em auto;
}
.blogPost .comments-area .comment-respond form .comment-form-cookies-consent input[type=checkbox] {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  cursor: pointer;
}
.blogPost .comments-area .comment-respond form .form-submit input {
  border: 3px solid #31B04F;
  color: #31B04F;
  background: white;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.blogPost .comments-area .comment-respond form .form-submit input:hover {
  background: #31B04F;
  color: white;
}
.blogPost .comments-area .comment-respond form .logged-in-as {
  display: none;
}
.blogPost .comments-area .comment-respond form .logged-in-as ~ .comment-form-comment {
  width: 100%;
}
.blogPost .comments-area .comment-respond form .logged-in-as ~ .comment-form-comment ~ .form-submit {
  width: 100%;
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .blogPost .comments-area .comment-respond form .comment-form-email, .blogPost .comments-area .comment-respond form .comment-form-author, .blogPost .comments-area .comment-respond form .comment-form-cookies-consent, .blogPost .comments-area .comment-respond form .form-submit, .blogPost .comments-area .comment-respond form .comment-form-comment {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
  }
  .blogPost .comments-area .comment-respond form .comment-form-cookies-consent {
    margin-bottom: 12px;
  }
}