@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap");
html, body, 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, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

main, article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

*:focus {
  border: 0px solid rgba(0, 0, 0, 0);
  outline: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  width: 100%;
  height: auto;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 15px;
}

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;
}

del {
  text-decoration: line-through;
}

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

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

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

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.clearfix {
  clear: both;
}

img {
  display: block;
}

.menu {
  font-family: "Roboto Slab", serif;
}

.mainNav {
  margin-top: 30px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-size: 1.2rem;
}

.mainNav ul {
  list-style-type: none;
  margin-bottom: 0;
}

.mainNav li {
  padding: 5px 10px;
}

.mainNav a {
  color: rgba(0, 0, 0, 0.77);
  transition: .3s ease;
  font-weight: 500;
}

.mainNav a:hover {
  color: #d02030;
  text-decoration: none;
}

.mainNav:nth-child(3) {
  margin-top: 200px;
}

.menu-main-menu-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.menu {
  display: flex;
  justify-content: center;
}

.menu-item-has-children {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
}

.menu-item-has-children i {
  color: #c3c3c3;
  margin-left: 5px;
}

.menu-item-has-children:hover {
  cursor: pointer;
}

.menu-item-has-children:hover .sub-menu {
  opacity: 1 !important;
}

.menu-item-has-children:hover .sub-menu li {
  display: block;
  text-align: left;
}

.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  background-color: #fafafa;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: -1;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.sub-menu li {
  display: none;
  color: rgba(0, 0, 0, 0.77);
  padding: 10px 20px;
}

a.leftHover {
  position: relative;
}

a.leftHover:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #d02030;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

a.leftHover:hover:before {
  visibility: visible;
  width: 100%;
}

.hamburgerButton {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 55px;
  right: 10px;
  text-align: center;
  cursor: pointer;
	color: black;
}

.hamburgerButton .openButton i {
  font-size: 2rem;
  transition: all 0.3s ease-in-out;
}

.closeButton i {
  font-size: 2rem;
  transition: all 0.3s ease-in-out;
  color: #d02030;
}

.closeButton i:hover {
  color: black;
  cursor: pointer;
}

.hamburgerButton {
  display: none;
	color: black !important;
}

/* footer menu */
#links ul {
  list-style-type: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  display: block;
}

#links ul li {
  display: block;
  margin-bottom: 5px;
}

#links ul a {
  text-decoration: none;
}

@media screen and (max-width: 1220px) {
  .mainNav {
    font-size: .95rem;
    margin-top: 25px;
  }
  #mainHeader .logoContainer {
    max-width: 320px !important;
  }
  .mainNav li {
    padding: 5px 5px;
  }
}

@media screen and (max-width: 968px) {
  .mobileMenu .menu-main-menu-container {
    height: 90%;
  }
  .mainNav {
    display: none;
  }
  .mobileMenu {
    display: block;
  }
  .mobileMenu ul {
    list-style-type: none;
  }
  .hamburgerMenu {
    background-color: #fafafa;
  }
  .hamburgerMenu a {
    padding: 5px 0px 5px 0px;
    color: rgba(0, 0, 0, 0.77);
  }
  .hamburgerMenu a:hover {
    color: #d02030;
    text-decoration: none;
  }
  .hamburgerMenu .menu {
    display: block;
  }
  .hamburgerMenu ul {
    margin: 10px 0 0 15px;
    width: 100%;
  }
  .hamburgerMenu li {
    padding: 5px;
    display: block;
  }
  .hamburgerMenu .dropdown_menu--animated {
    display: block;
  }
  .hamburgerMenu .menu-main-menu-container {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
  }
  .hamburgerMenu .menu-item-has-children {
    display: block;
  }
  .hamburgerMenu .sub-menu {
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0);
  }
  .hamburgerMenu .sub-menu ul {
    margin-right: 0;
  }
  .hamburgerButton {
    display: block !important;
	  color: black !important;
  }
}

@media screen and (max-width: 576px) {
  #links ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}

/*!
 * Font Awesome Pro 5.13.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../webfonts/fa-light-300.eot");
  src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg");
}

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
}

/*universal styles*/
/*donate button */
.donateContainer {
  visibility: hidden;
}

html {
  overflow: auto;
}

body {
  background-color: #ebeaeb;
  min-height: 100vh;
  height: 100%;
  color: #2f2e2e;
}

hr {
  width: 98%;
  margin: 0 auto 10px auto;
}

a {
  transition: .3s ease;
}

/* 404.php */
article h3 a {
  color: black;
  transition: ease .3s;
  text-decoration: underline;
}

article h3 a:hover {
  color: #d02030;
}

p a {
  color: black;
  text-decoration: underline;
  transition: ease .3s;
}

p a:hover {
  color: #d02030;
}

ol {
  margin-left: 35px;
  list-style-position: outside;
}

ol li {
  padding-left: 10px;
  margin-bottom: 5px;
}

section {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pageContent a {
  color: #d02030;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
}

.pageContent a:hover {
  color: black;
  text-decoration: underline;
}

.pageContent ul {
  list-style-position: outside;
  margin-left: 30px;
  margin-bottom: 15px;
}

.pageContent ul li {
  margin-bottom: 5px;
}

.placeholder {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("../images/image-placeholder.jpg");
  overflow: hidden;
}

.clearfix {
  clear: both;
}

/* sponsorship */
.sponsorList {
  /*.row {
        border-bottom: $border;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }*/
}

.sponsorList i {
  color: #d02030;
}

.sponsorList img {
  max-width: 100% !important;
}

.sponsorList p {
  margin: 0;
}

.showSponsor {
  display: none;
}

article.majorSponsor, article.sponsor {
  padding: 0;
}

.majorSponsor .sponsorLevel {
  margin: 0 0 5px 0;
  font-size: .9rem;
  background-color: white;
  border-radius: 5px;
  padding: 0 5px;
}

.majorSponsor .sponsorLevel i {
  padding-left: 0;
}

.majorSponsor .blackButton {
  margin: 0 0 10px 0;
  max-width: 100%;
  width: 100%;
}

.majorSponsor i {
  color: #d02030;
}

/* FRONT PAGE */
/* slider */
.bannerText {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fafafa;
  padding: 10px 2% 10px 7%;
  text-transform: uppercase;
  font-weight: 300;
  margin: 25% 0 5% 0;
  display: inline-block;
  font-size: 1.7rem;
  letter-spacing: .4rem;
}

#bannerImage img {
  width: 100%;
}

.swiper-container {
  width: 100%;
  min-height: 300px;
}

.swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.swiper-button-next, .swiper-button-prev {
  color: rgba(250, 250, 250, 0.4);
  transition: .3s ease;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  color: rgba(250, 250, 250, 0.95);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.swiper-pagination-bullet-active {
  background: #d02030;
}

#bannerImage {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.homePageContent {
  text-align: center;
  padding: 50px 10px;
}

.homePageContent h2 {
  margin-bottom: 20px;
}

.homePageContent p {
  font-family: "Roboto Slab", serif;
  font-size: 1.1rem;
  letter-spacing: .1rem;
  line-height: 1.7;
}

.homePageContent .blackButton {
  margin-top: 40px;
}

.infoBar p {
  margin: 0 0 0 0;
}

.infoBar .iconAdj {
  font-size: 2.3rem;
  margin: 0 0 0 0;
  color: #2d2d2d;
}

.infoBar .iconText {
  color: #646464;
  font-size: 1.1rem;
}

/* coupon */
.couponContainer {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border: 1px solid black;
  padding: 15px 20px 25px 20px;
  background-color: #2d2d2d;
  margin-bottom: 25px;
  color: #fafafa;
}

.couponContainer .terms {
  border-bottom: 5px solid #d02030;
  display: table-cell;
  vertical-align: bottom;
}

.couponContainer .terms p {
  margin: 0 0 5px 0;
}

.couponContainer .couponTitle {
  text-align: right;
}

/* page.php */
section.page {
  padding-top: 0;
}

section.page h2 {
  margin: 0 0 20px 0;
}

.stats {
  background-color: #d2d2d2;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  text-align: center;
}

.pageHeading {
  background-color: #d02030;
  color: #fafafa;
  margin-bottom: 30px;
}

.pageHeading .container {
  background-image: url("../images/shield.png");
  background-repeat: no-repeat;
  background-position: right top;
}

/*Home.php */
.postListItem img {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.postListItem a {
  color: black;
  transition: .3s ease;
}

.postListItem a:hover {
  color: #d02030;
  text-decoration: none;
}

.blog section.page {
  padding-bottom: 0;
}

.blog .postListItems {
  padding-top: 0;
  margin-bottom: 50px;
}

.blog .postListItems .postListItem {
  margin-bottom: 20px;
}

.blog .postListItems .excertContainer {
  padding: 0 5px;
}

.excertContainer {
  padding: 0 5px;
}

.postListItem .post-header h2 {
  font-size: 1.350rem;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  letter-spacing: .18rem;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
}

.postListItem .excertContainer {
  text-align: center;
}

.blogListing {
  margin-top: 30px;
  margin-bottom: 30px;
}

.blogListing .blackButton {
  margin-top: 30px;
}

/* SINGLE.PHP SETTINGS */
.single .pageHeading h2 {
  margin: 30px 0;
}

.single article {
  margin-bottom: 50px;
  padding: 0;
}

.subTitle {
  text-transform: capitalize;
  margin-bottom: 10px;
}

.featuredImageContainer {
  margin: 0 10px 10px 0;
}

.thePost {
  padding: 0;
}

article {
  padding: 0 10px 0 0;
}

.wp-block-image .alignleft img {
  max-width: 300px;
}

/* aside settings */
aside {
  font-size: 1rem;
}

aside h3 {
  margin-top: 0;
  font-size: 1.05rem;
  font-weight: bold;
}

aside h4 {
  font-size: 1rem;
  margin-bottom: 0;
}

.categoryList {
  margin: 10px 0;
}

aside li {
  font-size: .95rem;
  margin-top: 5px;
  padding-left: 5px;
}

aside ol, aside ul {
  list-style-type: none;
}

aside section {
  padding: 0;
}

aside a:link, aside a:active, aside a:visited {
  transition: .3s ease;
  text-decoration: none;
}

aside a:hover {
  color: black;
  text-decoration: underline;
}

aside h4 {
  margin-top: 0;
  font-size: .95rem;
}

aside #business-search {
  margin-bottom: 20px;
}

aside #business-search-form p {
  margin-bottom: 15px;
}

h3.spacer {
  margin: 15px 0 5px 0;
}

.nopadding {
  padding: 0;
}

.holder {
  background-color: white;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
}

.holder .post-header {
  padding: 0 5px;
}

.wp-block-quote {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  padding-left: 10px;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  letter-spacing: .1rem;
}

.admin-bar #wpadminbar {
  display: none;
}

body.admin-bar {
  margin-top: -32px;
}

.admin-bar.logged-in #wpadminbar {
  display: block;
}

body.logged-in {
  margin-top: 0px;
}

/* memorial */
.page-id-23 .wp-block-media-text .wp-block-media-text__content {
  align-self: flex-start;
}

/*single-sponsors.php*/
.sponsorLogo {
  max-width: 300px;
  float: left;
}

.companyInfo h2 {
  margin-bottom: 5px;
}

.companyInfo p {
  margin: 0;
}

.companyInfo .phoneNumbers {
  margin-top: 5px;
}

.companyInfo .spacer {
  margin: 5px 0 10px 0;
}

.companyInfo span a {
  background-color: black;
  color: #fafafa;
  text-decoration: none;
  padding: 5px 15px;
  transition: all 0.3s ease-in-out;
}

.companyInfo span a:hover {
  background-color: #d02030;
  text-decoration: none;
}

/*Directory */
.parent-pageid-40 section.page, .parent-pageid-40 section.postListItems {
  padding-top: 0;
  padding-bottom: 0;
}

.parent-pageid-40 .postListItems .container {
  margin-bottom: 50px;
}

.parent-pageid-40 .lower {
  margin-top: 90px;
}

/* Apparatus page */
.appDetails {
  display: none;
}

.apparatusIMG {
  position: relative;
}

.appContainer {
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
  position: relative;
}

.appContainer h3 {
  margin-left: 5px;
  margin-bottom: 5px;
  position: relative;
  z-index: 50;
  transition: all 0.3s ease-in-out;
}

.appContainer p {
  margin-left: 5px;
}

.appContainer i {
  float: right;
  padding-right: 2px;
  padding-top: 6px;
  transition: all 0.3s ease-in-out;
  font-size: .95rem;
}

.appContainer a {
  position: relative;
  z-index: 50;
  transition: all 0.3s ease-in-out;
  text-decoration: none !important;
}

.appContainer a:hover {
  color: #fafafa;
}

.appContainer .imgMask {
  background-color: rgba(0, 0, 0, 0.5);
  width: 0;
  height: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  z-index: 30;
  right: 0;
  top: 0;
}

.appContainer:hover {
  cursor: pointer;
}

.appContainer:hover i {
  color: #fafafa;
}

.appContainer:hover h3 {
  color: #fafafa;
}

.appContainer:hover .imgMask {
  width: 100%;
  height: 100%;
}

.appDetails p {
  margin: 0 0 10px 0;
}

.appDetails span {
  font-weight: 500;
}

/* Commissioners page */
.commisList h3 {
  margin: 0 0 5px 0;
}

.commisList {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px 5px 0 5px;
  max-width: 650px;
}

.commisList .row {
  margin-right: -20px;
  margin-left: -20px;
}

.commisList .container .row:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.07);
}

.commisList p {
  margin: 3px 0;
}

/* fire safety page */
.safetyList {
  text-transform: capitalize;
}

.safetyList a {
  color: black;
  text-decoration: underline;
}

.safetyList a:hover {
  color: #d02030;
}

/* membership page */
.faqs.container {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.5);
}

.faqs.container .faqHeader {
  background-color: rgba(0, 0, 0, 0.07);
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.faqs.container .faqHeader h3 {
  margin: 0 0 5px 0;
}

.question p {
  margin: 0 0 10px 0;
  font-weight: 700;
}

.faqGroup {
  padding-top: 10px;
  cursor: pointer;
}

.faqGroup i {
  float: right;
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 1.25rem;
}

.faqGroup .question p {
  margin-right: 15px;
}

.answers {
  display: none;
}

.faqGroup:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.07);
}

.groupContainer {
  width: 100%;
}

.groupContainer > div {
  width: 100%;
}

/* Contact page */
.mapContainer {
  margin-top: 20px;
}

iframe {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

/* resource list items */
.resourceList {
  background-color: whitesmoke;
  padding-top: 10px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
}

.resourceList hr:nth-last-of-type(1) {
  display: none;
}

.resourceList img {
  max-width: 90px;
  margin-bottom: 5px;
}

#mainHeader {
  background-color: #fafafa;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.75);
  padding-bottom: 15px;
  position: relative;
  z-index: 10;
}

#mainHeader .logoContainer {
  max-width: 340px;
  float: left;
  height: auto;
  margin-top: 10px;
  padding-left: 5px;
}

#mainHeader .donateContainer {
  max-width: 250px;
  float: right;
  height: auto;
  margin-right: 10px;
  font-size: 1.1rem;
  letter-spacing: .25rem;
}

#mainHeader .donateContainer a {
  color: #fafafa;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 7px;
  padding-bottom: 5px;
}

#mainHeader .headerNav {
  float: right;
  clear: right;
}

/* *****Media queries***** */
@media screen and (max-width: 576px) {
  #mainHeader .logoContainer {
    float: none;
    margin-top: 0;
    padding-top: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  #mainHeader .donateContainer {
    position: absolute;
    width: 100%;
    max-width: 100%;
    top: -5px;
    left: 0px;
    float: none;
  }
  .redButton {
    width: 100% !important;
  }
  .hamburgerButton {
    margin: 5px auto;
    position: absolute;
    margin: 0;
    top: 0;
    color: black;
    z-index: 999;
  }
  .hamburgerButton:hover {
    color: black;
    cursor: pointer;
  }
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(45, 45, 45, 0.65);
  /* Fallback color */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 900px;
  max-height: 650px;
  overflow-y: auto;
  color: black;
  border-radius: 3px;
  border: 0px solid rgba(0, 0, 0, 0) !important;
}

.modal-content p {
  margin: 10px 0;
}

.PUcloseContainer {
  background-image: url(../images/popup-modal-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 50px;
  position: absolute;
  background-size: cover;
}

/* The Close Button */
.PUclose {
  color: black;
  float: right;
  font-size: 35px;
  position: absolute;
  right: 20px;
  top: 0;
  transition: .3s ease;
  font-weight: 100;
}

.PUclose:hover,
.PUclose:focus {
  color: #630379;
  text-decoration: none;
  cursor: pointer;
}

.modalContentContainer {
  padding: 60px 20px 20px 20px;
}

.modalContentContainer .lgPurpleButton {
  margin: 30px auto 15px auto;
}

/* fire in you*/
.lower .fire-in-you {
  margin: 50px 0 -5px 0;
}

.fire-in-you {
  background-color: #d02030;
  color: #fafafa;
  position: relative;
  padding: 35px 0;
  text-align: center;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
  z-index: 10;
}

.fire-in-you h3 {
  font-weight: 400;
  letter-spacing: .1rem;
  font-size: 1.2rem;
}

.fire-in-you h3 span {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.4rem;
}

.fire-in-you .copy {
  max-width: 408px;
  float: right;
}

.fire-in-you .stamp {
  max-width: 300px;
  position: absolute;
  margin-top: -85px;
  z-index: 20;
}

@media screen and (max-width: 968px) {
  .fire-in-you h3 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .fire-in-you .ctaContainer {
    background-color: black;
    padding-bottom: 20px;
  }
  .fire-in-you .stamp {
    position: relative;
    margin: 0 auto 10px auto;
  }
  .fire-in-you .copy {
    float: none;
    margin: 0 auto;
  }
  .fire-in-you .blackButton {
    border: 1px solid white;
  }
}

footer {
  background-color: #2d2d2d;
  color: #fafafa;
  border-top: 5px solid #d02030;
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.75);
  padding-top: 20px;
}

footer p a {
  color: #fafafa;
}

footer p a:hover {
  color: #d02030;
}

#copyright, #creatorInfo {
  text-align: center;
  background-color: black;
}

#copyright {
  font-size: .95rem;
  padding: 15px 0 0 0;
  color: #fafafa;
}

#creatorInfo {
  font-size: .75rem;
  padding: 10px;
  color: #969696;
}

#creatorInfo a {
  color: #969696;
  text-decoration: underline;
}

#getConnected a.smLink {
  font-size: 2rem;
  color: #fafafa;
  transition: ease .3s;
  text-decoration: none !important;
}

#getConnected a.smLink:hover {
  color: #d02030;
  text-decoration: none !important;
}

#getConnected .col-sm-1 {
  padding: 0;
}

#mainFooter a {
  color: #fafafa;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
}

#mainFooter a:hover {
  color: #d02030;
}

.redButton {
  background-color: #d02030;
  color: #fafafa;
  transition: ease .3s;
  min-height: 40px;
  width: 230px;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}

.redButton:hover {
  background-color: #2d2d2d;
  box-shadow: 0px 0px 10px #d02030;
}

.pageContent .blackButton a {
  text-decoration: none;
}

.blackButton {
  background-color: black;
  color: #fafafa;
  transition: ease .3s;
  min-height: 30px;
  max-width: 330px;
  text-align: center;
  font-family: "Roboto Slab", serif;
  margin: 0 auto;
  margin-top: 12px;
  border: 1px solid black;
}

.blackButton:hover {
  background-color: #fafafa;
  border: 1px solid black;
}

.blackButton a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 15px;
  color: #fafafa;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .2rem;
  transition: ease 0.3s;
  border: 1px solid black;
}

.blackButton a:hover {
  text-decoration: none;
  color: black;
  background-color: #fafafa;
  border: 1px solid black;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

p {
  margin: 0 0 20px 0;
  font-family: "Roboto", sans-serif;
}

h1 {
  font-size: 2rem;
  font-weight: 400;
  margin: 20px 0;
  font-family: "Roboto Slab", serif;
  letter-spacing: .2rem;
  text-transform: uppercase;
}

h2 {
  font-size: 1.70rem;
  font-weight: 400;
  margin: 0 0 20px 0;
  font-family: "Roboto Slab", serif;
  letter-spacing: .18rem;
}

h3 {
  font-size: 1.35rem;
  font-weight: 400;
  margin: 0 0 20px 0;
  font-family: "Roboto Slab", serif;
  letter-spacing: .1rem;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0 0 20px 0;
  font-family: "Roboto Slab", serif;
}

h5 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 20px 0;
  font-family: "Roboto Slab", serif;
}

b, strong {
  font-weight: bolder;
}

.wpcf7 div {
  margin-bottom: 10px;
}

.wpcf7 hr {
  margin: 20px auto;
  width: 100%;
}

.wpcf7 form {
  border-radius: 5px;
  background-color: #e1e1e1;
  padding-top: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.wpcf7 input, .wpcf7 select {
  padding: 5px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-top: 0px solid rgba(0, 0, 0, 0);
  border-right: 0px solid rgba(0, 0, 0, 0);
  border-left: 0px solid rgba(0, 0, 0, 0);
  width: 100%;
}

.wpcf7 label {
  font-size: .90rem;
  padding-left: 10px;
  width: 100%;
}

.wpcf7 label span {
  color: #d02030;
}

.wpcf7 textarea {
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: 100%;
}

.wpcf7-submit {
  background-color: black;
  color: #fafafa;
  border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
  transition: all 0.3s ease-in-out;
  padding: 10px 5px !important;
  text-transform: uppercase;
  letter-spacing: .1rem;
}

.wpcf7-submit:hover {
  background-color: #d02030;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
  outline: 1px solid rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.7) !important;
}

.wpcf7-list-item-label {
  color: black !important;
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
  padding-top: 0;
}

.paginationContainer {
  margin: 20px 0;
  font-size: .85rem;
}

.PGnavigation li a,
.PGnavigation li a:hover,
.PGnavigation li.active a,
.PGnavigation li.disabled {
  color: #fff;
  text-decoration: none;
}

.PGnavigation li {
  display: inline;
}

.PGnavigation li a,
.PGnavigation li a:hover,
.PGnavigation li.active a,
.PGnavigation li.disabled {
  background-color: #ba96c2;
  border-radius: 1px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
  transition: .3s ease;
}

/*.PGnavigation .nextLink a, .PGnavigation .prevLink a{
	background-color: $purple02;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
    transition: .3s ease;
}*/
.PGnavigation li a:hover,
.PGnavigation li.active a {
  background-color: #630379;
}

.galleryContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.theImage {
  max-width: 15%;
  margin: 5px;
  position: relative;
}

.theImage .imgMask {
  background-color: rgba(0, 0, 0, 0.5);
  width: 0;
  height: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
}

.theImage:hover .imgMask {
  width: 100%;
  height: 100%;
}

.photoGallery {
  margin-bottom: 25px;
}

.imgMask {
  background-color: rgba(0, 0, 0, 0.25);
  width: 0;
  height: 0;
  position: relative;
}

@media screen and (max-width: 992px) {
  .theImage {
    max-width: 20%;
  }
}

@media screen and (max-width: 768px) {
  .theImage {
    max-width: 30%;
  }
}

@media screen and (max-width: 576px) {
  .theImage {
    max-width: 45%;
  }
}

@media screen and (max-width: 478px) {
  .theImage {
    max-width: 90%;
  }
}

/* scrollbar 
::-webkit-scrollbar {
  width: 15px;
}*/
/* Track 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0,0,0,.5); 
}*/
/* Handle 
::-webkit-scrollbar-thumb {
  background: $purple02; 
  box-shadow: inset 0 0 5px rgba(0,0,0,.25); 
}*/
/* Handle on hover 
::-webkit-scrollbar-thumb:hover {
  background: $purple03; 
}*/
/*
::-webkit-scrollbar-button { background: $purple02; color: $white;
}
::-webkit-scrollbar-button:single-button {
background-color: $purple01;
display: block;
border-style: solid;
height: 10px;
width: 10px;
transition: .3s ease;
}

::-webkit-scrollbar-button:single-button:hover {color: $purple02;}*/
/* Up
::-webkit-scrollbar-button:single-button:vertical:decrement {
border-width: 0 8px 8px 8px;
border-color: transparent transparent #555555 transparent;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
border-color: transparent transparent #777777 transparent;
}
*/
/* Down 
::-webkit-scrollbar-button:single-button:vertical:increment {
border-width: 8px 8px 0 8px;
border-color: #555555 transparent transparent transparent;
}
::-webkit-scrollbar-button:vertical:single-button:increment:hover {
border-color: #777777 transparent transparent transparent;
}*/
body.login {
  background-image: url(../images/coming-soon-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0);
}

.login h1 a {
  background-image: url(../images/coming-soon-logo.png);
  background-size: 100%;
  background-position: center;
  width: 100%;
  height: 165px;
}

.login #login_error, .login .message, .login .success {
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
  border: 1px solid #ccd0d4;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
}

#loginform {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 5px;
  color: white;
}

.login .button.wp-hide-pw .dashicons {
  color: #a31818;
}

#wlcms-login-wrapper input:focus {
  border-color: #a31818 !important;
}

#login p#backtoblog a, #login p#nav a {
  color: white !important;
}

#login p#backtoblog a:hover, #login p#nav a:hover {
  color: #a31818 !important;
}

#wp-submit {
  background-color: #a31818;
  border-color: #a31818;
  transition: .3s ease;
}

#wp-submit:hover {
  background-color: #232222;
  border-color: #232222;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
  border-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #007cba;
  outline: 1px solid rgba(0, 0, 0, 0.3);
}

input[type=checkbox]:checked {
  color: #a31818;
}

/* MEDIA QUIERES */
@media screen and (max-width: 768px) {
  .wp-block-image .alignright {
    float: none;
    margin: .5em 0;
  }
  .sponsorLevel i {
    padding-left: 0px;
  }
  .sponsorLevel br {
    display: block;
  }
}

@media screen and (max-width: 576px) {
  .couponContainer .couponTitle {
    text-align: left;
  }
  .wp-block-image .alignleft img {
    max-width: 100%;
  }
  .infoBar .iconText {
    font-size: .95rem;
  }
  .infoBar .iconAdj {
    font-size: 1.3rem;
  }
  .stats .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .col-sm-4.infoBar {
    width: 30%;
  }
  .wp-block-image .alignleft {
    float: none;
    margin: .5em 0;
    width: 100%;
  }
}

@media screen and (max-width: 478px) {
  .infoBar .iconText {
    font-size: .65rem;
  }
  .infoBar .iconAdj {
    font-size: .95rem;
  }
}

.page-id-839 {
  background-color: #252525;
  /* header */
  /* Apparatus response order */
  /* Events */
}

.page-id-839 #mainHeader, .page-id-839 #mainFooter {
  display: none;
}

.page-id-839 h3 {
  margin-bottom: 10px;
  margin-top: 5px;
}

.page-id-839 .heading h3 {
  font-size: 1.4rem;
}

.page-id-839 header {
  background-color: #b10408;
}

.page-id-839 #wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  color: white;
}

.page-id-839 p {
  margin: 2px 0;
  padding: 0;
  font-size: 1.2rem;
}

.page-id-839 .row {
  margin-right: 0;
  margin-left: 0;
}

.page-id-839 .container {
  max-width: 98% !important;
}

.page-id-839 #container {
  margin-top: 3%;
}

.page-id-839 #header {
  letter-spacing: .25rem;
  text-transform: uppercase;
  background-color: #b10408;
}

.page-id-839 #header h1 {
  margin: 0;
}

.page-id-839 section {
  padding-top: 0;
  padding-bottom: 0;
}

.page-id-839 .logo img {
  width: 100%;
  height: auto;
}

.page-id-839 .logo {
  width: 88px;
  float: left;
  padding: 0 0 0 10px;
  padding-top: 5px;
  height: auto;
}

.page-id-839 .currentDateTime {
  width: calc(100% - 634px);
  float: left;
  padding-left: 10px;
  padding-top: 12px;
}

.page-id-839 .weatherWidget {
  max-height: 100%;
  overflow: hidden;
  width: 546px;
  float: left;
}

.page-id-839 .clearfix {
  clear: both;
}

.page-id-839 #content {
  margin-top: 20px;
}

.page-id-839 #red {
  color: #c86062;
}

.page-id-839 .OOSalert {
  background-color: #b10408;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #c86062;
  margin-bottom: 20px;
}

.page-id-839 .textRight {
  text-align: right;
}

.page-id-839 .OOScenter {
  background-color: #327f14;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #35b104;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 700;
}

.page-id-839 .OOSgreen {
  padding-left: 0px;
  padding-right: 0px;
}

.page-id-839 .heading {
  background-color: #414141;
  padding-top: 4px;
  border-top: 1px solid black;
}

.page-id-839 .lineItem {
  padding-top: 2px;
  padding-bottom: 2px;
}

.page-id-839 .lineItem:nth-of-type(odd) {
  background-color: #2d2d2d;
  width: 100%;
}

.page-id-839 .lineItem:nth-of-type(even) {
  background-color: #414141;
  width: 100%;
}

.page-id-839 .lineItem2:nth-of-type(odd) {
  background-color: #414141;
  width: 100%;
}

.page-id-839 .lineItem2:nth-of-type(even) {
  background-color: #2d2d2d;
  width: 100%;
}

.page-id-839 .spacer {
  margin-bottom: 25px;
  width: 100%;
}

.page-id-839 .grouping:nth-of-type(odd) {
  background-color: #414141;
  width: 100%;
}

.page-id-839 .grouping:nth-of-type(even) {
  background-color: #2d2d2d;
  width: 100%;
}

.page-id-839 .date, .page-id-839 .start, .page-id-839 .end {
  text-align: center;
}

.page-id-839 .slides .title {
  font-weight: 700;
}