@charset "UTF-8";
/*!
Theme Name: Ontario Liberal Party
Theme URI: https://ontarioliberal.ca
Author: Data Sciences
Author URI: http://datasciences.ca
Description: Official WordPress Theme of the Ontario Liberal Party, built on the DataSciences Wordpress Framework.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ds_wpfw
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 with others.

Data Sciences WordPress Framework is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Animations and transitions
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 900;
  letter-spacing: -0.02em;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Animations and transitions
--------------------------------------------------------------*/
@media only screen and (min-width: 40em) {
  a,
li,
div,
input,
button {
    transition: all 300ms;
  }
}
.slick-track {
  transition: none;
}

.pop-in {
  opacity: 0;
  animation: pop-in 750ms ease-out forwards;
  display: inline-block;
}

@keyframes pop-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
    opacity: 1;
  }
  80% {
    transform: scale(0.98);
    opacity: 1;
  }
  90% {
    transform: scale(1.01);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes down-arrow {
  0% {
    transform: translate3d(-50%, -3px, 0);
  }
  50% {
    transform: translate3d(-50%, 3px, 0);
  }
  100% {
    transform: translate3d(-50%, -3px, 0);
  }
}
.slide-in-left {
  display: inline-block;
  animation-name: slide-in-left;
  opacity: 0;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0, 0.805, 0.545, 1.01);
  animation-fill-mode: forwards;
  animation-direction: normal;
}

@keyframes slide-in-left {
  0% {
    transform: translate3d(750px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slide-in-top {
  display: inline-block;
  animation-name: slide-in-top;
  opacity: 0;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0, 0.805, 0.545, 1.01);
  animation-fill-mode: forwards;
  animation-direction: normal;
}

@keyframes slide-in-top {
  0% {
    transform: translate3d(0, -200px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fade-zoom-in {
  display: inline-block;
  opacity: 0;
  animation-name: fade-zoom-in;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-direction: normal;
}

@keyframes fade-zoom-in {
  0% {
    transform: scale(0.8, 0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.fade-out {
  display: inline-block;
  animation-name: fade-out;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-direction: normal;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-in {
  display: block;
  opacity: 0;
  animation-name: fade-in;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-direction: normal;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bounce {
  display: block;
  animation-name: bounce;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
.bounce:hover {
  animation-name: none;
}

@keyframes bounce {
  0% {
    transform: scale3d(1, 1, 1);
  }
  80% {
    transform: scale3d(1, 1, 1);
  }
  82% {
    transform: scale3d(0.95, 0.95, 1);
  }
  90% {
    transform: scale3d(1.1, 1.1, 1);
  }
  95% {
    transform: scale3d(0.95, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes thank-you {
  from {
    transform: translate3d(0, 50%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes icon {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes check {
  0% {
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  70% {
    transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 1;
  }
  90% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes outline {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.delay-100 {
  animation-delay: 100ms;
}

.delay-200 {
  animation-delay: 200ms;
}

.delay-300 {
  animation-delay: 300ms;
}

.delay-400 {
  animation-delay: 400ms;
}

.delay-500 {
  animation-delay: 500ms;
}

.delay-600 {
  animation-delay: 600ms;
}

.delay-700 {
  animation-delay: 700ms;
}

.delay-800 {
  animation-delay: 800ms;
}

.delay-900 {
  animation-delay: 900ms;
}

.delay-1000 {
  animation-delay: 1000ms;
}

.delay-1100 {
  animation-delay: 1100ms;
}

.delay-1200 {
  animation-delay: 1200ms;
}

.delay-1300 {
  animation-delay: 1300ms;
}

.delay-1400 {
  animation-delay: 1400ms;
}

.delay-1500 {
  animation-delay: 1500ms;
}

.delay-2000 {
  animation-delay: 2000ms;
}

.delay-2500 {
  animation-delay: 2500ms;
}

.delay-3000 {
  animation-delay: 3000ms;
}

.delay-4000 {
  animation-delay: 4000ms;
}

.delay-5000 {
  animation-delay: 5000ms;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #382F2D;
  font-family: "Spartan";
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Spartan";
  clear: both;
  margin-bottom: 0.5em;
}
h1 .preheadline, h2 .preheadline, h3 .preheadline, h4 .preheadline, h5 .preheadline, h6 .preheadline {
  font-weight: 800;
  font-size: 0.5em;
  display: block;
  margin-bottom: 0.3rem;
  color: #DA291C;
}

h1 {
  font-family: "Anton";
}

h2 {
  font-weight: 600;
}

h4, h5, h6 {
  margin-bottom: 1em;
}

p + h2 {
  margin-top: 3rem;
}

p + h3 {
  margin-top: 2rem;
}

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
  font-style: normal;
}

p.lead {
  font-size: 150%;
  font-family: "Spartan";
  font-weight: 400;
}

p.note {
  font-size: 90%;
  opacity: 0.7;
}

.link {
  color: #4288FA;
}

.light {
  font-weight: 300;
}

.red {
  color: #DA291C;
}

pre {
  background: #f1f1f1;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  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;
  font-size: 15px;
  font-size: 0.9375rem;
}

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

mark, ins {
  background: #FFFA73;
  text-decoration: none;
  padding: 0.3em 0.4em 0.2em;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  position: relative;
}

a.post-edit-link {
  position: fixed;
  display: block;
  z-index: 99;
  right: 0;
  bottom: 100px;
  padding: 0.5em 1em;
  background-color: #DA291C;
  color: #fff !important;
  font-family: "Anton";
  font-size: 1.2rem;
  font-weight: 900;
}
a.post-edit-link:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

hr {
  background-color: #eee;
  border: 0;
  height: 5px;
  margin: 3em 0;
  max-width: 100%;
}

caption, figcaption {
  margin: 0.5em 0;
  font-size: 90%;
  opacity: 0.7;
}

div.box {
  background: #fcfcfc;
  border: 1px solid #eee;
  margin: 1rem 0;
  padding: 1rem;
}
@media screen and (max-width: 800px) {
  div.box.right {
    width: 50%;
    display: inline-block;
    float: right;
    margin: 1rem 0 1rem 1rem;
  }
}
@media screen and (max-width: 800px) {
  div.box.left {
    width: 50%;
    display: inline-block;
    float: right;
    margin: 1rem 1rem 1rem 0;
  }
}
div.box.covid-notice {
  position: relative;
  padding-left: 4rem;
}
div.box.covid-notice:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #DA291C;
  font-size: 2rem;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
}

.people-grid h3 {
  font-size: 1.5rem;
}
.people-grid div.photo {
  margin: 1rem auto;
}
@media screen and (min-width: 40em) {
  .people-grid div.photo {
    width: 250px;
    height: 250px;
  }
}
.people-grid img {
  margin-bottom: 1rem;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  border: 1px solid #f1f1f1;
}
table .full-width {
  width: 100%;
}
table td, table th {
  text-align: left;
  padding: 0.25rem 0.75rem;
}
table th {
  background-color: #DA291C;
  color: #fff;
}
table tr:nth-of-type(even) {
  background-color: #f1f1f1;
}
table tr.subhead-row {
  font-weight: 900;
  background-color: rgba(120, 113, 108, 0.8);
  color: #fff;
}
table tr.subhead-row td {
  padding-top: 1rem;
}

form.search-form {
  padding-bottom: 3.9375rem;
}

input.search-field {
  width: calc(100% - 120px);
  float: left;
}

button.search-submit {
  float: right;
}

dl.accordion dt {
  position: relative;
  background-color: #DA291C;
  padding: 0.75rem 1rem 0.5rem;
  color: white;
  cursor: pointer;
  margin-bottom: 0;
}
dl.accordion dt::after {
  content: "+";
  position: absolute;
  right: 1rem;
}
dl.accordion dt.js-active::after {
  content: "-";
}
dl.accordion dd {
  background-color: #fff;
  padding: 2em 1.5em;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}

.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-landing .page-title {
  color: #DA291C;
}
.video-landing .donate-call {
  margin-top: 3rem;
  font-size: 3rem;
  color: #DA291C;
  font-weight: 700;
}
.video-landing .form-notes {
  margin-top: 2rem;
}

/*--------------------------------------------------------------
# Petition Post
--------------------------------------------------------------*/
/* Petition */
.disappear {
  transition: all 500ms;
  opacity: 0;
}

.petition-form {
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.9);
}
.petition-form h1 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.petition-form p {
  margin-bottom: 1rem;
}
.petition-form form {
  margin-top: 2rem;
}
.petition-form .gform_footer {
  padding: 0;
}
.petition-form button[type=submit] {
  margin: 0;
}
@media screen and (max-width: 40em) {
  .petition-form {
    margin-top: 2rem;
  }
}

.single-petition #menu-topline-menu-en, .single-petition .mobile-icon, .single-petition #footer-navigation {
  display: none;
}
.single-petition .site-content {
  background-size: cover;
}

.page-template-page-fancyform .site-content {
  background-size: cover;
}

/*--------------------------------------------------------------
# Petition Post
--------------------------------------------------------------*/
.candidate-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.candidate-img-r {
  margin-left: 2rem;
}

/*--------------------------------------------------------------
# RTC Template
--------------------------------------------------------------*/
.links-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style-type: none;
  margin: 0;
  min-width: 65vw;
}
.links-list > li {
  width: 65%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem;
}
.links-list > li > a {
  margin-bottom: 0;
}

@media screen and (max-width: 40rem) {
  .links-list {
    flex-direction: column;
  }
  .links-list > li {
    width: 100%;
  }
}
.section-links {
  background-color: #DA291C;
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-rtc {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.main-content-rtc {
  margin: 4rem 0 0 0;
}

.intro-rtc {
  background-color: #f1f1f1;
  padding-bottom: 2rem;
  text-align: center;
  font-family: "Open Sans";
}

.hero-rtc {
  background-size: contain;
  background-repeat: no-repeat;
}

.hero-container {
  margin: -4rem 0 0;
  height: 37.5vw;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 40em) {
  .hero-container {
    margin-top: 0;
  }
}
/*--------------------------------------------------------------
# Platform Template
--------------------------------------------------------------*/
.platform-intro p {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.platform-intro p:last-of-type {
  margin-bottom: 0;
}

.platform-section {
  padding: 4rem 0;
}
.platform-section h2 {
  font-family: "Anton";
  color: #DA291C;
  text-transform: uppercase;
  text-align: left;
  font-size: 3rem;
  letter-spacing: 0.2rem;
  line-height: 3.5rem;
}
.platform-section.hero {
  background-size: cover;
  background-position: center top;
  color: white;
  text-transform: uppercase;
  height: 85vh;
  min-height: 350px;
  max-height: 85vh;
}
.platform-section.hero > div, .platform-section.hero > div.grid-container > div {
  height: 100%;
}
@media screen and (max-width: 39.9375em) {
  .platform-section.hero {
    height: 65vh;
    padding-bottom: 10px;
  }
}
.platform-section.hero .hero-title {
  margin-left: 10%;
}
.platform-section.hero .hero-title .button, .platform-section.hero .hero-title body.home #homepopup.red .button, body.home #homepopup.red .platform-section.hero .hero-title .button {
  background-color: #DA291C;
  color: white;
  padding: 0.8rem 1rem 0.65rem;
  margin-top: 10px;
}
.platform-section.hero .hero-title .button:hover, .platform-section.hero .hero-title body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section.hero .hero-title .button:hover {
  background-color: transparent;
  color: #DA291C;
}
.platform-section.hero h1 {
  font-size: 3.5rem;
  text-transform: uppercase;
  line-height: 4rem;
  margin-bottom: 0;
  margin-top: 0;
}
.platform-section.hero h2 {
  display: block;
  font-size: 1.4rem;
  color: #fff;
  margin-top: 10px;
  letter-spacing: 0.1rem;
  line-height: 1.5rem;
}
.platform-section.plank-hero {
  height: 70vh;
  min-height: 200px;
  max-height: 500px;
}
@media screen and (max-width: 39.9375em) {
  .platform-section.plank-hero {
    height: 30vh;
  }
}
.platform-section.plank-hero h1 {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 39.9375em) {
  .platform-section.plank-hero h1 {
    text-align: center;
    width: 100%;
  }
}
.platform-section.bkgrd-red {
  background-color: #DA291C;
  color: white;
}
.platform-section.bkgrd-grey {
  background-color: #E7E5E4;
}
.platform-section.bkgrd-dark {
  background-color: #44403C;
  color: white;
}
.platform-section.bkgrd-light {
  background-color: #f5f5f4;
}
.platform-section dl.accordion {
  margin-bottom: 4rem;
}
.platform-section dl.accordion dt {
  background-color: transparent;
  padding: 15px 0px 12px;
  border-top: 2px solid #149F8B;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
  color: #44403C;
}
.platform-section dl.accordion dt:after {
  color: #149F8B;
}
.platform-section dl.accordion dt:hover, .platform-section dl.accordion dt:focus {
  color: #09443c;
  background-color: rgba(20, 159, 139, 0.3);
}
.platform-section dl.accordion dd .button, .platform-section dl.accordion dd body.home #homepopup.red .button, body.home #homepopup.red .platform-section dl.accordion dd .button {
  border-color: #149F8B;
  color: #149F8B;
}
.platform-section dl.accordion dd .button:hover, .platform-section dl.accordion dd body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section dl.accordion dd .button:hover {
  color: white;
  background-color: #149F8B;
}
.platform-section dl.accordion dt:nth-of-type(2) {
  border-color: #AB2328;
}
.platform-section dl.accordion dt:nth-of-type(2):after {
  color: #AB2328;
}
.platform-section dl.accordion dt:nth-of-type(2):hover {
  color: #561214;
  background-color: rgba(171, 35, 40, 0.3);
}
.platform-section dl.accordion dd:nth-of-type(2) .button, .platform-section dl.accordion dd:nth-of-type(2) body.home #homepopup.red .button, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(2) .button {
  border-color: #AB2328;
  color: #AB2328;
}
.platform-section dl.accordion dd:nth-of-type(2) .button:hover, .platform-section dl.accordion dd:nth-of-type(2) body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(2) .button:hover, .platform-section dl.accordion dd:nth-of-type(2) .button:focus, .platform-section dl.accordion dd:nth-of-type(2) body.home #homepopup.red .button:focus, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(2) .button:focus {
  color: white;
  background-color: #AB2328;
}
.platform-section dl.accordion dt:nth-of-type(3) {
  border-color: #F93822;
}
.platform-section dl.accordion dt:nth-of-type(3):after {
  color: #F93822;
}
.platform-section dl.accordion dt:nth-of-type(3):hover {
  color: #b01605;
  background-color: rgba(249, 56, 34, 0.3);
}
.platform-section dl.accordion dd:nth-of-type(3) .button, .platform-section dl.accordion dd:nth-of-type(3) body.home #homepopup.red .button, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(3) .button {
  border-color: #F93822;
  color: #F93822;
}
.platform-section dl.accordion dd:nth-of-type(3) .button:hover, .platform-section dl.accordion dd:nth-of-type(3) body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(3) .button:hover, .platform-section dl.accordion dd:nth-of-type(3) .button:focus, .platform-section dl.accordion dd:nth-of-type(3) body.home #homepopup.red .button:focus, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(3) .button:focus {
  color: white;
  background-color: #F93822;
}
.platform-section dl.accordion dt:nth-of-type(4) {
  border-color: #FFC600;
}
.platform-section dl.accordion dt:nth-of-type(4):after {
  color: #FFC600;
}
.platform-section dl.accordion dt:nth-of-type(4):hover {
  color: #997700;
  background-color: rgba(255, 198, 0, 0.3);
}
.platform-section dl.accordion dd:nth-of-type(4) .button, .platform-section dl.accordion dd:nth-of-type(4) body.home #homepopup.red .button, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(4) .button {
  border-color: #FFC600;
  color: #FFC600;
}
.platform-section dl.accordion dd:nth-of-type(4) .button:hover, .platform-section dl.accordion dd:nth-of-type(4) body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(4) .button:hover, .platform-section dl.accordion dd:nth-of-type(4) .button:focus, .platform-section dl.accordion dd:nth-of-type(4) body.home #homepopup.red .button:focus, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(4) .button:focus {
  color: white;
  background-color: #FFC600;
}
.platform-section dl.accordion dt:nth-of-type(5) {
  border-color: #8C4799;
}
.platform-section dl.accordion dt:nth-of-type(5):after {
  color: #8C4799;
}
.platform-section dl.accordion dt:nth-of-type(5):hover {
  color: #4c2753;
  background-color: rgba(140, 71, 153, 0.3);
}
.platform-section dl.accordion dd:nth-of-type(5) .button, .platform-section dl.accordion dd:nth-of-type(5) body.home #homepopup.red .button, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(5) .button {
  border-color: #8C4799;
  color: #8C4799;
}
.platform-section dl.accordion dd:nth-of-type(5) .button:hover, .platform-section dl.accordion dd:nth-of-type(5) body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(5) .button:hover, .platform-section dl.accordion dd:nth-of-type(5) .button:focus, .platform-section dl.accordion dd:nth-of-type(5) body.home #homepopup.red .button:focus, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(5) .button:focus {
  color: white;
  background-color: #8C4799;
}
.platform-section dl.accordion dt:nth-of-type(6) {
  border-color: #00d478;
}
.platform-section dl.accordion dt:nth-of-type(6):after {
  color: #00d478;
}
.platform-section dl.accordion dt:nth-of-type(6):hover {
  color: #006e3e;
  background-color: rgba(0, 212, 120, 0.3);
}
.platform-section dl.accordion dd:nth-of-type(6) .button, .platform-section dl.accordion dd:nth-of-type(6) body.home #homepopup.red .button, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(6) .button {
  border-color: #00d478;
  color: #00d478;
}
.platform-section dl.accordion dd:nth-of-type(6) .button:hover, .platform-section dl.accordion dd:nth-of-type(6) body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(6) .button:hover, .platform-section dl.accordion dd:nth-of-type(6) .button:focus, .platform-section dl.accordion dd:nth-of-type(6) body.home #homepopup.red .button:focus, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(6) .button:focus {
  color: white;
  background-color: #00d478;
}
.platform-section dl.accordion dt:nth-of-type(7) {
  border-color: #4288FA;
}
.platform-section dl.accordion dt:nth-of-type(7):after {
  color: #4288FA;
}
.platform-section dl.accordion dt:nth-of-type(7):hover {
  color: #0653d0;
  background-color: rgba(66, 136, 250, 0.3);
}
.platform-section dl.accordion dd:nth-of-type(7) .button, .platform-section dl.accordion dd:nth-of-type(7) body.home #homepopup.red .button, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(7) .button {
  border-color: #4288FA;
  color: #4288FA;
}
.platform-section dl.accordion dd:nth-of-type(7) .button:hover, .platform-section dl.accordion dd:nth-of-type(7) body.home #homepopup.red .button:hover, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(7) .button:hover, .platform-section dl.accordion dd:nth-of-type(7) .button:focus, .platform-section dl.accordion dd:nth-of-type(7) body.home #homepopup.red .button:focus, body.home #homepopup.red .platform-section dl.accordion dd:nth-of-type(7) .button:focus {
  color: white;
  background-color: #4288FA;
}
.platform-section dl.accordion dd {
  color: #44403C;
  padding-top: 2em;
  margin: 0;
  margin-bottom: 0.3rem;
  padding: 1em 0 3em;
}

.priority-grid {
  padding: 0;
  margin: 0 -10px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.priority-grid .priority-tile {
  margin: 5px;
  flex: 1 0 40%;
  height: auto;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .priority-grid .priority-tile {
    flex: 0 1 calc(50% - 1rem);
  }
}
@media screen and (min-width: 75em) {
  .priority-grid .priority-tile {
    flex: 1 0 21%;
  }
}
.priority-grid .priority-tile h2 {
  text-align: left;
  font-size: 3rem;
  letter-spacing: 0.2rem;
  line-height: 3.5rem;
  margin-top: -0.5rem !important;
}
@media screen and (min-width: 40em) {
  .priority-grid .priority-tile .priority-content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 20px;
  }
  .priority-grid .priority-tile .priority-content.priority-title {
    top: 0;
  }
  .priority-grid .priority-tile::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}

.priority-title {
  margin: 0.5rem !important;
}
.priority-title h2 {
  font-family: "Anton";
  color: #DA291C;
}

.priority-topic {
  background-color: white;
  padding: 20px;
  margin: 0.5rem !important;
  height: 100%;
}
.priority-topic img {
  display: block;
  width: 70%;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .priority-topic img {
    width: 90%;
  }
}
.priority-topic span {
  border-top: 2px solid #DA291C;
  padding: 5px 0px;
  color: #382F2D;
  font-weight: 700;
  display: block;
  margin-top: 20px;
  height: 48px;
}

.platform-download a {
  position: relative;
  display: block;
  box-shadow: 5px 5px 15px 5px #292524;
  background-color: #DA291C;
  color: white;
}
.platform-download a:visited {
  color: white;
}
.platform-download a:hover {
  cursor: pointer;
  left: -5px;
  top: -5px;
}
.platform-download__title {
  padding: 1.5rem;
  font-weight: 600;
  font-size: 1.5rem;
}
.platform-download__preview img {
  width: 100%;
  max-width: 200px;
}

.no-bottom {
  margin-bottom: -3rem;
}

.platform-plank {
  color: #57534E;
  margin-bottom: 3rem;
}
.platform-plank h2.plank-header {
  font-family: "Anton";
  font-size: 3rem;
  font-weight: 800;
  color: #DA291C;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  max-width: 350px;
}
.platform-plank h2, .platform-plank h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #DA291C;
}
.platform-plank p {
  font-size: 1.2rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
.platform-plank ul {
  list-style-type: none;
  margin-left: 0;
  font-size: 1.1rem;
  line-height: 1.4;
  margin-bottom: 4rem;
}
.platform-plank li {
  position: relative;
  padding-left: 3rem;
  font-size: 1.2rem;
  line-height: 1.7;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.platform-plank li:before {
  content: "";
  position: absolute;
  color: #DA291C;
  font-family: "Font Awesome 5 Free";
  top: -4px;
  left: 0;
  font-weight: 700;
  font-size: 1.5rem;
  display: inline-block;
  width: 3rem;
}

.plank-body {
  padding-top: 3rem;
  padding-right: 4rem;
}
@media screen and (max-width: 39.9375em) {
  .plank-body {
    padding-right: 0;
  }
}

.platform-side-nav {
  padding-top: 4rem;
}
@media screen and (min-width: 40em) {
  .platform-side-nav {
    padding-left: 2rem;
  }
}
.platform-side-nav .title {
  color: #57534E;
  font-weight: 800;
  font-size: 1.5rem;
}
.platform-side-nav ul {
  margin: 0;
  list-style-type: none;
  font-size: 1.1rem;
  line-height: 1.4;
}
.platform-side-nav li {
  font-weight: 400;
  list-style: none;
}
.platform-side-nav li:before {
  color: #DA291C;
  font-family: "Font Awesome 5 Free";
  top: 1px;
  left: 0;
  font-weight: 700;
  content: "";
  display: inline-block;
  transform: translateX(-4px);
}

a.platform-side-nav-link {
  background-color: transparent;
  padding: 15px 0px 12px;
  border-top: 2px solid #149F8B;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
  color: #44403C;
  display: block;
  font-weight: 600;
}
a.platform-side-nav-link:visited {
  color: #44403C;
}
a.platform-side-nav-link:hover {
  color: #09443c;
  background-color: rgba(20, 159, 139, 0.3);
}
a.platform-side-nav-link:nth-of-type(2) {
  border-color: #AB2328;
}
a.platform-side-nav-link:nth-of-type(2):after {
  color: #AB2328;
}
a.platform-side-nav-link:nth-of-type(2):hover {
  color: #561214;
  background-color: rgba(171, 35, 40, 0.3);
}
a.platform-side-nav-link:nth-of-type(3) {
  border-color: #F93822;
}
a.platform-side-nav-link:nth-of-type(3):after {
  color: #F93822;
}
a.platform-side-nav-link:nth-of-type(3):hover {
  color: #b01605;
  background-color: rgba(249, 56, 34, 0.3);
}
a.platform-side-nav-link:nth-of-type(4) {
  border-color: #FFC600;
}
a.platform-side-nav-link:nth-of-type(4):after {
  color: #FFC600;
}
a.platform-side-nav-link:nth-of-type(4):hover {
  color: #997700;
  background-color: rgba(255, 198, 0, 0.3);
}
a.platform-side-nav-link:nth-of-type(5) {
  border-color: #8C4799;
}
a.platform-side-nav-link:nth-of-type(5):after {
  color: #8C4799;
}
a.platform-side-nav-link:nth-of-type(5):hover {
  color: #4c2753;
  background-color: rgba(140, 71, 153, 0.3);
}
a.platform-side-nav-link:nth-of-type(6) {
  border-color: #00d478;
}
a.platform-side-nav-link:nth-of-type(6):after {
  color: #00d478;
}
a.platform-side-nav-link:nth-of-type(6):hover {
  color: #006e3e;
  background-color: rgba(0, 212, 120, 0.3);
}
a.platform-side-nav-link:nth-of-type(7) {
  border-color: #4288FA;
}
a.platform-side-nav-link:nth-of-type(7):after {
  color: #4288FA;
}
a.platform-side-nav-link:nth-of-type(7):hover {
  color: #0653d0;
  background-color: rgba(66, 136, 250, 0.3);
}

.button.button--download, body.home #homepopup.red .button--download.button {
  padding-left: 2.5rem !important;
  position: relative;
}
.button.button--download::before, body.home #homepopup.red .button--download.button::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 1rem;
}
.button.button--download::after, body.home #homepopup.red .button--download.button::after {
  content: none;
}

.side-buttons {
  padding-top: 1.5rem;
  padding-left: 2rem;
}
.side-buttons .button, .side-buttons body.home #homepopup.red .button, body.home #homepopup.red .side-buttons .button {
  background-color: #DA291C;
  color: white !important;
  padding: 0.8rem 1rem 0.65rem;
  margin-top: 10px;
}
.side-buttons .button:hover, .side-buttons body.home #homepopup.red .button:hover, body.home #homepopup.red .side-buttons .button:hover {
  background-color: transparent;
  color: #DA291C !important;
}

.platform-download-buttons {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.platform-download-buttons .button, .platform-download-buttons body.home #homepopup.red .button, body.home #homepopup.red .platform-download-buttons .button {
  margin-left: 0;
  margin-right: 0;
  display: block;
}
@media screen and (min-width: 40em) {
  .platform-download-buttons .button, .platform-download-buttons body.home #homepopup.red .button, body.home #homepopup.red .platform-download-buttons .button {
    display: inline-block;
    margin-left: 0;
    margin-right: 1.5rem;
  }
  .platform-download-buttons .button:last-child, .platform-download-buttons body.home #homepopup.red .button:last-child, body.home #homepopup.red .platform-download-buttons .button:last-child {
    margin-right: 0;
  }
}

.contrast-grid {
  margin-top: 20px;
}

.contrast-row {
  display: flex;
  width: 100%;
  border-bottom: 2px solid #E7E5E4;
}
.contrast-row:first-child {
  border-top: 2px solid #E7E5E4;
}

.contrast-data {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  padding: 15px 15px 15px 0px;
  gap: 10px;
  font-weight: 600;
}
@media screen and (max-width: 39.9375em) {
  .contrast-data {
    flex-wrap: wrap;
  }
}
.contrast-data:not(:first-child) {
  border-left: 2px solid #E7E5E4;
  padding-left: 15px;
}
.contrast-data--header {
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 700;
}
@media screen and (max-width: 39.9375em) {
  .contrast-data--header {
    font-size: 1em;
  }
}
.contrast-data--liberals {
  color: #DA291C;
}
.contrast-data--conservatives {
  color: #265FAC;
}

.contrast-icon {
  flex: 0 0 47px;
  /* flex-grow, flex-shrink, flex-basis */
}
@media screen and (max-width: 39.9375em) {
  .contrast-icon {
    flex: 0 0 32px;
  }
}

.contrast-text {
  flex: 1 1 auto;
}
@media screen and (max-width: 39.9375em) {
  .contrast-text {
    flex: 0 0 100%;
  }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.button, body.home #homepopup.red .button,
input[type=button],
input[type=reset],
input[type=submit],
a.button,
a.button:visited,
.posts-navigation a,
.posts-navigation a:visited {
  font-family: "Spartan";
  border: 3px solid #DA291C;
  background: none;
  display: inline-block;
  margin-bottom: 0.5rem;
  color: #DA291C;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.42rem 1rem 0.38rem;
  font-weight: 700;
  cursor: pointer;
  border-radius: 30px !important;
}
.button:after, body.home #homepopup.red .button:after,
input[type=button]:after,
input[type=reset]:after,
input[type=submit]:after,
a.button:after,
a.button:visited:after,
.posts-navigation a:after,
.posts-navigation a:visited:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.button:hover, body.home #homepopup.red .button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
a.button:hover,
a.button:visited:hover,
.posts-navigation a:hover,
.posts-navigation a:visited:hover {
  border-color: #DA291C;
  color: #fff;
  background-color: #DA291C;
}
.button:active, body.home #homepopup.red .button:active, .button:focus, body.home #homepopup.red .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,
a.button:active,
a.button:focus,
a.button:visited:active,
a.button:visited:focus,
.posts-navigation a:active,
.posts-navigation a:focus,
.posts-navigation a:visited:active,
.posts-navigation a:visited:focus {
  border-color: #DA291C;
  color: #fff;
  background-color: #DA291C;
}
.button.white, body.home #homepopup.red .button,
input[type=button].white,
input[type=reset].white,
input[type=submit].white,
a.button.white,
a.button:visited.white,
.posts-navigation a.white,
.posts-navigation a:visited.white {
  border-color: #fff;
  background-color: #fff;
  color: #DA291C;
  text-decoration: none;
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.3);
}
.button.white.inverse, body.home #homepopup.red .button.inverse,
input[type=button].white.inverse,
input[type=reset].white.inverse,
input[type=submit].white.inverse,
a.button.white.inverse,
a.button:visited.white.inverse,
.posts-navigation a.white.inverse,
.posts-navigation a:visited.white.inverse {
  border-color: #DA291C;
  background-color: #DA291C;
  color: #fff;
  box-shadow: none;
}
.button.white.inverse:hover, body.home #homepopup.red .button.inverse:hover, .button.white.inverse:focus, body.home #homepopup.red .button.inverse:focus,
input[type=button].white.inverse:hover,
input[type=button].white.inverse:focus,
input[type=reset].white.inverse:hover,
input[type=reset].white.inverse:focus,
input[type=submit].white.inverse:hover,
input[type=submit].white.inverse:focus,
a.button.white.inverse:hover,
a.button.white.inverse:focus,
a.button:visited.white.inverse:hover,
a.button:visited.white.inverse:focus,
.posts-navigation a.white.inverse:hover,
.posts-navigation a.white.inverse:focus,
.posts-navigation a:visited.white.inverse:hover,
.posts-navigation a:visited.white.inverse:focus {
  border-color: #DA291C;
  background-color: transparent;
  color: #DA291C;
}
.button.white:hover, body.home #homepopup.red .button:hover, .button.white:focus, body.home #homepopup.red .button:focus,
input[type=button].white:hover,
input[type=button].white:focus,
input[type=reset].white:hover,
input[type=reset].white:focus,
input[type=submit].white:hover,
input[type=submit].white:focus,
a.button.white:hover,
a.button.white:focus,
a.button:visited.white:hover,
a.button:visited.white:focus,
.posts-navigation a.white:hover,
.posts-navigation a.white:focus,
.posts-navigation a:visited.white:hover,
.posts-navigation a:visited.white:focus {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.button.down:after, body.home #homepopup.red .down.button:after,
input[type=button].down:after,
input[type=reset].down:after,
input[type=submit].down:after,
a.button.down:after,
a.button:visited.down:after,
.posts-navigation a.down:after,
.posts-navigation a:visited.down:after {
  transform: rotate(90deg);
}
.button.external:after, body.home #homepopup.red .external.button:after,
input[type=button].external:after,
input[type=reset].external:after,
input[type=submit].external:after,
a.button.external:after,
a.button:visited.external:after,
.posts-navigation a.external:after,
.posts-navigation a:visited.external:after {
  content: "";
}
.button.back:after, body.home #homepopup.red .back.button:after,
input[type=button].back:after,
input[type=reset].back:after,
input[type=submit].back:after,
a.button.back:after,
a.button:visited.back:after,
.posts-navigation a.back:after,
.posts-navigation a:visited.back:after {
  content: none;
}
.button.back:before, body.home #homepopup.red .back.button:before,
input[type=button].back:before,
input[type=reset].back:before,
input[type=submit].back:before,
a.button.back:before,
a.button:visited.back:before,
.posts-navigation a.back:before,
.posts-navigation a:visited.back:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.button.subtle, body.home #homepopup.red .subtle.button,
input[type=button].subtle,
input[type=reset].subtle,
input[type=submit].subtle,
a.button.subtle,
a.button:visited.subtle,
.posts-navigation a.subtle,
.posts-navigation a:visited.subtle {
  font-size: 0.8rem;
  opacity: 0.8;
  border-width: 2px;
}
.button.large, body.home #homepopup.red .large.button,
input[type=button].large,
input[type=reset].large,
input[type=submit].large,
a.button.large,
a.button:visited.large,
.posts-navigation a.large,
.posts-navigation a:visited.large {
  font-size: 1.3rem;
  line-height: 1.4;
}
.button.thick, body.home #homepopup.red .thick.button,
input[type=button].thick,
input[type=reset].thick,
input[type=submit].thick,
a.button.thick,
a.button:visited.thick,
.posts-navigation a.thick,
.posts-navigation a:visited.thick {
  padding: 0.8rem 0.8rem 0.65rem;
}

button[type=submit], input[type=button].gform_next_button, input[type=button].gform_previous_button {
  margin: 1rem 0 1rem;
}
.transaction-form button[type=submit], .transaction-form input[type=button].gform_next_button, .transaction-form input[type=button].gform_previous_button {
  font-size: 1.5rem;
  height: 3rem;
}
button[type=submit].disabled, input[type=button].gform_next_button.disabled, input[type=button].gform_previous_button.disabled {
  border-color: #bbb;
  color: #bbb;
  cursor: not-allowed;
  margin: 1rem 0 0;
  background-color: #eee;
}

input[type=button].gform_previous_button {
  color: #bbb;
  border-color: #bbb;
}
input[type=button].gform_previous_button:hover, input[type=button].gform_previous_button:focus {
  color: #888;
  border-color: #888;
  background: none;
}

button.close-button {
  position: absolute;
  background: #651C32;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  top: -22px;
  right: -22px;
}
button.close-button span {
  color: #fff;
  font-weight: 900;
  font-size: 40px;
  line-height: 44px;
}

@media screen and (max-width: 39.9375em) {
  button.close-button {
    top: 5px;
    right: 5px;
  }
}
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],
select,
textarea {
  color: #666;
  border: 2px solid #ccc;
  border-radius: 0;
  padding: 6px 10px;
  margin: 0;
  box-shadow: none !important;
}
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,
select:focus,
textarea:focus {
  color: #111;
  border: 2px solid #78716C;
}

select {
  border: 2px solid #ccc;
}

textarea {
  width: 100%;
}

@media screen and (min-width: 40rem) {
  .half-right,
.half-left {
    width: calc(50% - 8px);
    display: inline-block !important;
  }

  .half-right {
    float: right !important;
  }
}
.gform_heading {
  margin-bottom: 1.5rem;
}

.gform_body ul {
  list-style: none;
  margin: 0;
}

.gform_body ul li {
  margin-bottom: 0.5rem;
  display: block;
  clear: both;
}
.gform_body ul li.disabled-button {
  margin: 0;
}

.gform_body ul ul {
  margin-left: 1rem;
}

.gform_body ul.gfield_checkbox li,
.gform_body ul.gfield_radio li {
  margin-bottom: 0;
}

.gfield_label {
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.gfield_description {
  font-size: 90%;
  opacity: 0.9;
  margin-bottom: 0.5rem;
}

.gform_body span label {
  margin-bottom: 0.5rem;
  opacity: 0.9;
}

.gfield_required {
  color: #DA291C;
  margin-left: 0.25rem;
}

.validation_error {
  font-weight: 900;
  color: #DA291C;
  margin-bottom: 1.25rem;
  font-size: 1.1em;
}

.gfield_error {
  color: #DA291C;
}

.gfield_error,
.gfield_error label {
  color: #DA291C;
}

.gfield_error input {
  border-color: #ff0000;
}

.gfield_error .validation_message {
  margin-top: 0.5rem;
  font-weight: 900;
  line-height: 1.2;
  clear: both;
}

.gfield_error .validation_message:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 75%;
  margin-right: 0.5rem;
}

.gform_footer {
  padding: 1rem 0;
  margin: 1rem 0 0;
  width: 100%;
}

[type=checkbox] + label,
[type=radio] + label {
  line-height: 1.5;
  padding-left: 2rem;
}

.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .ginput_container_consent input[type=checkbox],
.gform_wrapper ul.gfield_radio li input[type=radio] {
  vertical-align: middle;
  display: none;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox] + label:before,
.gform_wrapper .ginput_container_consent input[type=checkbox] + label:before,
.gform_wrapper ul.gfield_radio li input[type=radio] + label:before {
  font-family: "Font Awesome 5 Free";
  cursor: pointer;
  margin-right: 0.8rem;
  vertical-align: middle;
  font-size: 1.5em;
  margin-left: -2rem;
  float: left;
  transform: translateY(-4px);
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label,
.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label {
  color: #78716C;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox] + label:before,
.gform_wrapper .ginput_container_consent input[type=checkbox] + label:before {
  content: "";
  font-weight: 400;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label:before,
.gform_wrapper .ginput_container_consent input[type=checkbox]:checked + label:before {
  content: "";
  font-weight: 900;
}

.gform_wrapper ul.gfield_radio li input[type=radio] + label:before {
  content: "";
  font-weight: 400;
}

.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label:before {
  content: "";
  font-weight: 900;
}

.gform_body ul li.gform_hidden,
.gform_body ul li.gfield_visibility_hidden {
  display: none !important;
  visibility: hidden;
  max-height: 1px !important;
  overflow: hidden;
}

.field_sublabel_hidden_label input {
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 40em) {
  .name_first,
.name_last {
    width: calc(50% - 8px);
    float: left;
    display: inline-block;
  }

  .name_first {
    margin-right: 16px;
  }

  .ginput_left,
.ginput_right {
    width: calc(50% - 8px);
  }

  .ginput_left {
    float: left;
  }

  .ginput_right {
    float: right;
  }
}
.clear-multi {
  display: block;
  clear: both;
}

.gform_body span label,
.gform_body .clear-multi label {
  margin-bottom: 0.5rem;
  opacity: 0.9;
}

.gfield_time_hour,
.gfield_time_minute {
  width: 60px;
  float: left;
  padding-right: 8px;
}
.gfield_time_hour i,
.gfield_time_minute i {
  float: right;
}

.gfield_time_ampm {
  width: 75px;
  float: left;
  padding-right: 8px;
}

.gfield_list_icons {
  padding-left: 0.5rem;
}

.ginput_container_date {
  margin: 0;
}
.ginput_container_date .ginput_container {
  width: calc(33% - 1rem);
  float: left;
  margin: 0 0.5rem 1rem;
}

.ginput_container_date .gfield_date_year {
  width: 100px;
}

div#ui-datepicker-div {
  background-color: #f1f1f1;
  padding: 1rem 1rem 0 1rem;
  display: none;
}

div#ui-datepicker-div td {
  text-align: center;
  padding: 0 0.25rem;
}

select.ui-datepicker-month {
  width: calc(50% - 4px);
  margin-right: 8px;
  margin-bottom: 8px;
}

select.ui-datepicker-year {
  width: calc(50% - 4px);
}

a.ui-datepicker-prev,
a.ui-datepicker-next {
  font-size: 80%;
  float: left;
  margin-bottom: 0.5rem;
}

a.ui-datepicker-next {
  float: right;
}

.ui-datepicker-title {
  clear: both;
}

.gfield_description {
  font-size: 85%;
  opacity: 0.7;
}

.stripe-elements-card .StripeElement {
  margin-bottom: 2rem;
}

.donate_email,
.donate_phone {
  width: calc(50% - 8px);
  float: left;
  display: inline-block !important;
  clear: none !important;
}
@media screen and (max-width: 40em) {
  .donate_email,
.donate_phone {
    width: 100%;
    display: block !important;
  }
}

.donate_email {
  margin-right: 16px;
}

.donate_phone {
  float: right;
}

.same_as_attendee .gfield_checkbox {
  margin: 0;
}

.confirm-eligibility .gfield_required {
  display: none;
}
.confirm-eligibility .gfield_checkbox {
  margin: 4rem 0 2rem;
  transform: translateY(0.75rem);
}

.contribution-amount ul.gfield_radio {
  margin-left: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contribution-amount ul.gfield_radio li {
  display: inline-block;
  margin-bottom: 0.5rem;
  width: 25%;
}
@media screen and (max-width: 40em) {
  .contribution-amount ul.gfield_radio li {
    width: 50%;
  }
}
.contribution-amount ul.gfield_radio li input[type=radio] + label:before {
  font-family: "Font Awesome 5 Free";
  cursor: pointer;
  margin-right: 0.5rem;
  vertical-align: middle;
  margin-left: 0;
  font-size: 1rem;
  float: none;
  transform: none;
}
.contribution-amount ul.gfield_radio li input[type=radio] + label {
  font-weight: 900;
  font-family: "Open Sans";
  font-size: 1.1rem;
  line-height: 1.8;
  color: #fff;
  background-color: #78716C;
  padding: 0.2rem 0.8rem;
  border-radius: 3px;
  margin: 0;
  text-align: center;
  width: 90%;
}
.contribution-amount ul.gfield_radio li input[type=radio]:hover + label {
  background-color: #666;
}
.contribution-amount ul.gfield_radio li input[type=radio]:checked + label {
  font-weight: 900;
  background-color: #DA291C;
  color: #fff;
}
.contribution-amount ul.gfield_radio li input[type=radio] + label:before {
  content: none;
  font-weight: 400;
}
.contribution-amount ul.gfield_radio li input[type=radio]:checked + label:before {
  content: "";
  font-weight: 900;
}

.monthly ul.gfield_checkbox {
  margin-left: 0;
}
.monthly ul.gfield_checkbox li {
  margin-bottom: 1rem;
  width: 100%;
}
.monthly ul.gfield_checkbox li input[type=checkbox] + label:before {
  font-family: "Font Awesome 5 Free";
  margin-right: 1rem;
  vertical-align: middle;
  margin-left: -2.3rem;
  font-size: 1.5rem;
  float: none;
  transform: translateY(-2px);
  display: inline-block;
}
.monthly ul.gfield_checkbox li input[type=checkbox] + label {
  cursor: pointer;
  width: 100%;
  font-weight: 900;
  font-family: "Open Sans";
  font-size: 1.1rem;
  line-height: 1;
  color: #fff !important;
  background-color: #00d478;
  border: 3px solid #00d478;
  padding: 1rem 2rem 0.7rem;
  border-radius: 3px;
  padding-left: 3.3rem;
}
.monthly ul.gfield_checkbox li input[type=checkbox]:hover + label {
  opacity: 0.9;
}
.monthly ul.gfield_checkbox li input[type=checkbox]:checked + label {
  font-weight: 900;
}
.monthly ul.gfield_checkbox li input[type=checkbox] + label:before {
  content: "";
  font-weight: 400;
}
.monthly ul.gfield_checkbox li input[type=checkbox]:checked + label:before {
  content: "";
  font-weight: 900;
}

.ginput_container_product_price .ginput_amount,
.ginput_container_product_price .ginput_amount:focus {
  font-family: "Open Sans";
  background: #fff;
  border-width: 3px;
  padding: 4px 10px;
  display: block;
  font-weight: bold;
}

.membership-total {
  width: 140px;
  display: inline-block;
  float: right;
  clear: none !important;
}

.membership-term {
  width: calc(100% - 156px);
  display: inline-block;
  float: left;
  clear: none !important;
}

.membership-riding-question > div > .gfield_radio,
.custom-radio {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.membership-riding-question > div > .gfield_radio > li,
.custom-radio > li {
  flex: 1 1 49%;
  min-width: 49%;
}
@media only screen and (max-width: 480px) {
  .membership-riding-question > div > .gfield_radio,
.custom-radio {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
  }
}

.gfield_total {
  color: #DA291C;
  font-family: "Open Sans";
  background: #fff;
  border: 3px solid #DA291C;
  text-align: center;
  border-radius: 0;
  padding: 4px;
  margin: 0;
  margin-bottom: 2rem !important;
  display: block;
  font-weight: bold;
}
.gfield_total label {
  color: #fff !important;
  font-family: "Open Sans";
  background: #DA291C;
  border: 3px solid #DA291C;
  border-radius: 0;
  padding: 4px;
  margin: -7px;
  display: inline-block;
  font-weight: bold;
  width: 100px;
  float: left;
  text-align: center;
}
.gfield_total .ginput_total {
  display: inline-block;
  width: calc(100% - 100px);
}

.credit-card .gfield_label_before_complex,
.stripe-elements-card .gfield_label_before_complex {
  font-size: 1.9375rem;
  margin-bottom: 1.3rem;
  font-family: "Open Sans";
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.2;
  clear: both;
  margin-bottom: 0.5em;
  color: #404040;
}

.gfield {
  -webkit-transition: height 300ms;
  transition: height 300ms;
}

.gform_card_icon {
  float: left;
}

.gform_card_icon {
  visibility: hidden;
  width: 2.7em;
}

.gform_card_icon:before {
  visibility: visible;
  font-size: 1.7rem;
  font-family: "Font Awesome 5 Brands";
  color: #78716C;
}

.gform_card_icon.gform_card_icon_amex:before {
  content: "";
}

.gform_card_icon.gform_card_icon_visa:before {
  content: "";
}

.gform_card_icon.gform_card_icon_mastercard:before {
  content: "";
}

.gfield.credit-card {
  padding: 2rem 0;
  display: block;
  clear: both;
  margin-top: 2rem;
  transform: translateY(2rem);
  position: relative;
  border-bottom: 5px solid #eee;
  border-top: 5px solid #eee;
}
.gfield.credit-card:after {
  content: url(/../wp-content/themes/olp/images/secure.png);
  position: absolute;
  right: 0;
  bottom: 0.75rem;
  transform: scale(0.75);
}

.gfield_creditcard_warning_message {
  display: none;
}

.gform_card_icon_container {
  display: block;
}

@media screen and (min-width: 540px) {
  .gform_card_icon_container {
    position: absolute;
    top: 1.4rem;
    right: 1.4rem;
  }
}
.ginput_cardinfo_left,
.ginput_cardinfo_right {
  display: inline-block;
  float: left;
  margin-right: 16px;
}
@media screen and (max-width: 400px) {
  .ginput_cardinfo_left,
.ginput_cardinfo_right {
    margin-right: 6px;
  }
}

.ginput_cardinfo_right {
  margin-right: 0;
}

.ginput_cardinfo_left {
  float: left;
}

.ginput_card_expiration {
  width: 100px;
}

.ginput_card_security_code {
  width: 100px;
}

.ginput_card_security_code_icon {
  display: none;
}

.gform_confirmation_message {
  padding: 2rem;
  text-align: center;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  opacity: 0;
  animation: pop-in 500ms ease-out forwards;
}
.gform_confirmation_message p.lead {
  margin-bottom: 1em;
}
.gform_confirmation_message p:last-of-type {
  margin-bottom: 0;
}

.gf_page_steps {
  display: flex;
  height: 70px;
  font-family: "Open Sans";
  margin-bottom: 2rem;
}
.gf_page_steps .gf_step {
  width: 50%;
  float: left;
  text-align: center;
  color: #aaa;
  position: relative;
}
.gf_page_steps .gf_step .gf_step_number {
  display: block;
  line-height: 40px;
  background-color: #eee;
  width: 40px;
  margin: 0 auto 0.5rem;
  border-radius: 100%;
  font-weight: 900;
}
.gf_page_steps .gf_step:not(.gf_step_last):after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ddd;
  font-size: 180%;
}
@media only screen and (max-width: 480px) {
  .gf_page_steps .gf_step:not(.gf_step_last):after {
    font-size: 120%;
  }
}
.gf_page_steps .gf_step_active {
  color: #78716C;
}
.gf_page_steps .gf_step_active .gf_step_number {
  background-color: #DA291C;
  color: #fff;
}
.twosteps .gf_page_steps:before {
  left: 50%;
}
.twosteps .gf_page_steps:after {
  content: "";
}

button[value=Join] {
  float: right;
}

.hide_from_user {
  visibility: hidden;
  height: 0;
  margin-bottom: 0 !important;
}

#gform_wrapper_18,
#gform_wrapper_19 {
  min-height: 4.3rem;
  font-family: "Spartan";
}
#gform_wrapper_18 li.name,
#gform_wrapper_18 li.email,
#gform_wrapper_18 li.postal,
#gform_wrapper_19 li.name,
#gform_wrapper_19 li.email,
#gform_wrapper_19 li.postal {
  display: inline-block;
  vertical-align: top;
}
#gform_wrapper_18 li.postal .address_zip,
#gform_wrapper_19 li.postal .address_zip {
  width: 100%;
}
#gform_wrapper_18 li.name,
#gform_wrapper_19 li.name {
  width: 100%;
}
#gform_wrapper_18 li.email,
#gform_wrapper_19 li.email {
  width: calc(50% - 8px);
}
#gform_wrapper_18 li.postal,
#gform_wrapper_19 li.postal {
  width: calc(50% - 8px);
  float: right;
}
#gform_wrapper_18 button,
#gform_wrapper_19 button {
  margin-top: -1.4rem;
  margin-bottom: 0;
  width: 100%;
}
@media screen and (max-width: 40em) {
  #gform_wrapper_18 li.name span:first-child input,
#gform_wrapper_19 li.name span:first-child input {
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: 64em) {
  #gform_wrapper_18 li.name,
#gform_wrapper_19 li.name {
    width: calc(50% - 16px);
    margin-right: 16px;
    margin-bottom: 0;
  }
  #gform_wrapper_18 li.email,
#gform_wrapper_19 li.email {
    width: calc(30% - 16px);
    margin-right: 16px;
    margin-bottom: 0;
  }
  #gform_wrapper_18 li.postal,
#gform_wrapper_19 li.postal {
    width: calc(20% - 16px);
    margin-right: 16px;
    margin-bottom: 0;
  }
  #gform_wrapper_18 .gform_body,
#gform_wrapper_19 .gform_body {
    float: left;
    width: 80%;
  }
  #gform_wrapper_18 .gform_footer,
#gform_wrapper_19 .gform_footer {
    float: right;
    width: 20%;
    margin-top: 3.2rem;
    padding-top: 0;
  }
}

/*
* Donate Form Summary
*/
#summary .card {
  padding: 1.5rem 2rem;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 20px #eee;
  margin-bottom: 2rem;
}
#summary .card a.button, #summary .card body.home #homepopup.red a.button, body.home #homepopup.red #summary .card a.button {
  margin-bottom: 1.5em;
}
#summary .card > *:last-child {
  margin-bottom: 0 !important;
}
#summary .card:nth-of-type(even) {
  background-color: rgba(255, 250, 115, 0.05);
}

.pca-format {
  display: none;
  position: relative;
  bottom: -32%;
  left: 10%;
}

@media only screen and (max-height: 730px) {
  .pca-format {
    position: relative;
    bottom: -40%;
    left: 10%;
  }
}
@media only screen and (max-height: 600px) {
  .pca-format {
    position: relative;
    bottom: -62%;
    left: 10%;
  }
}
@media only screen and (max-width: 1024px) {
  .pca-format {
    display: none;
  }
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover, a:focus, a:active {
  color: midnightblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a.external-link {
  color: #DA291C;
  font-weight: 700;
}
a.external-link:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header {
  z-index: 99;
}

.site-branding {
  display: block;
  float: left;
  width: auto;
}
.site-branding img.logo {
  max-height: 60px;
}
@media screen and (max-width: 400px) {
  .site-branding img.logo {
    max-height: 35px;
  }
}

.topline-navigation {
  display: block;
  width: auto;
  float: right;
  clear: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Spartan";
  font-weight: 800;
  font-size: 0.9rem;
  z-index: 1;
  padding-top: 0.2rem;
}
.topline-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
  float: left;
  cursor: pointer;
}
.topline-navigation ul ul {
  box-shadow: none;
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  background-color: #DA291C;
}
.topline-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.topline-navigation ul ul li {
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 50em) {
  .topline-navigation ul ul li {
    padding: 0.5rem 0.15rem 0 0;
  }
}
.topline-navigation ul ul li:hover {
  background-color: #fff;
}
.topline-navigation ul ul li:hover > ul, .topline-navigation ul ul li.focus > ul {
  left: 100%;
}
.topline-navigation ul ul a {
  width: 200px;
}
.topline-navigation ul li:hover > ul,
.topline-navigation ul li.focus > ul {
  right: 0;
}
.topline-navigation li {
  float: left;
  position: relative;
  padding: 0.5rem 1rem;
  list-style: none;
}
.topline-navigation li.lang-item {
  padding: 0.25rem 0.5rem;
  margin: 0.4rem 0.5rem;
  background-color: #fff;
  border-radius: 2px;
  font-size: 0.8em;
  font-weight: 800;
  list-style: none;
  padding: 0.3rem 0.5rem 0.1rem;
}
.topline-navigation li.lang-item a {
  color: #DA291C;
}
.topline-navigation li.lang-item:hover {
  background-color: #fff;
}
.topline-navigation li.donate {
  margin: 0.4rem 0.5rem;
  padding: 0.3rem 0.5rem 0.1rem;
  background-color: #44403C;
  border-radius: 2px;
  font-weight: 800;
  transform: translateY(-2px);
}
@media screen and (max-width: 50em) {
  .topline-navigation li.donate {
    margin-left: 0;
    margin-right: 0.15rem;
    margin-bottom: 0;
  }
}
.topline-navigation li.donate:hover {
  background-color: #00d478;
}
.topline-navigation li.donate:hover a {
  color: #fff;
}
.topline-navigation li.donate a {
  color: #fff;
}
.topline-navigation a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}
.topline-navigation a:hover {
  color: #fff;
}
.mobile-icon {
  float: right;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 50em) {
  .mobile-icon {
    padding: 0.5rem 0 0 0.5rem;
  }
}
.mobile-icon:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: "900";
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  font-size: 1.1rem;
  width: 1rem;
  color: #fff;
}
.mobile-icon:hover:after {
  color: #FFFA73;
}
.mobile-icon.clicked:after {
  content: "";
  margin-left: 0;
}
.mobile-icon .menu-text {
  display: none;
}

@media screen and (min-width: 64em) {
  .topline-navigation ul {
    display: inline-block;
  }
}
.full-navigation {
  position: absolute;
  top: -101%;
  z-index: 50;
  width: 100%;
  height: calc(100% - 60px);
  left: 0;
  background-color: rgba(255, 255, 255, 0.99);
  -webkit-transition: all 300ms ease-in-out;
  margin-top: calc(60px + 1.875rem);
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: scroll;
  font-family: "Spartan";
}
@media screen and (max-width: 400px) {
  .full-navigation {
    height: calc(100% - 35px);
    margin-top: calc(35px + 1.875rem);
  }
}
.full-navigation ul {
  list-style-type: none;
  margin: 0;
}
.full-navigation ul.sub-menu {
  margin: 1rem 0;
}
.full-navigation a {
  color: #DA291C;
}
.full-navigation a:hover {
  color: #78716C;
}
.full-navigation li.subheader > a {
  font-weight: 900;
  background-color: #DA291C;
  color: #fff;
  padding: 0.4em 0.5em 0.2em;
  cursor: default;
}
.full-navigation.toggled {
  top: 0;
}
.full-navigation .button.secondary-donate, .full-navigation body.home #homepopup.red .secondary-donate.button, body.home #homepopup.red .full-navigation .secondary-donate.button {
  margin-bottom: 2rem;
}
@media screen and (min-width: 40em) {
  .full-navigation .contact-details {
    text-align: right;
  }
}
@media screen and (min-width: 64em) {
  .full-navigation {
    padding-top: 5rem;
    font-size: 1.1rem;
  }
}
.full-navigation ul.social {
  margin-bottom: 1.5rem;
}
.full-navigation ul.social li {
  clear: both;
  display: block;
  margin: 0.5rem 0;
}
.full-navigation ul.social li a {
  margin: 0;
}

body.overflow-hidden {
  overflow: hidden;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

ul.social {
  list-style: none;
  margin: 0 auto;
}
ul.social li {
  margin: 0;
  display: inline-block;
  font-family: "Spartan";
  color: #DA291C;
  font-weight: 900;
}
ul.social li:before {
  font-family: "Font Awesome 5 Brands";
  font-size: 150%;
  margin-right: 0.5rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  transform: translateY(2px);
}
ul.social li:hover {
  color: #78716C;
}
ul.social li.twitter:before {
  content: "";
}
ul.social li.facebook:before {
  content: "";
}
ul.social li.email:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
ul.social a label {
  display: none;
}

ul.breadcrumbs {
  list-style: none;
  margin: 0 auto 0.5rem;
}
ul.breadcrumbs li {
  margin: 0;
  display: inline-block;
  font-family: "Anton";
  color: #999;
  font-size: 0.8rem;
}
ul.breadcrumbs li:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: 900;
  color: #ddd;
  margin-left: 0.5rem;
}
ul.breadcrumbs li a {
  color: #999;
}
ul.breadcrumbs li a:hover {
  color: #666;
}

/*--------------------------------------------------------------
# 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;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

ul.sharing-widget {
  margin: 2rem 0 0 0;
  padding: 0.5rem;
  border-top: 1px solid rgba(120, 113, 108, 0.2);
  border-bottom: 1px solid rgba(120, 113, 108, 0.2);
  list-style-type: none;
  display: inline-flex;
  align-items: center;
}
ul.sharing-widget li {
  padding: 0.5rem;
  font-size: 22.4px;
  font-size: 1.4rem;
}
ul.sharing-widget li.title {
  font-weight: 900;
  padding-left: 0;
  font-size: 16px;
  font-size: 1rem;
}
ul.sharing-widget li a.facebook:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #3578ea;
}
ul.sharing-widget li a.twitter:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #00aced;
}
ul.sharing-widget li a.linkedin:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #2867B2;
}
ul.sharing-widget li a.email:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #78716C;
}
ul.sharing-widget li label {
  display: none;
  visibility: hidden;
}

ul.calls-to-action {
  list-style: none;
  max-width: 800px;
  margin: 1rem auto 5rem;
  display: flex;
  flex-wrap: wrap;
  font-weight: 900;
}
ul.calls-to-action li {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 550px) {
  ul.calls-to-action li {
    width: 50%;
  }
}
ul.calls-to-action li img {
  max-width: 100px;
  display: block;
  margin: 0 auto 0.5rem;
}
ul.calls-to-action li a {
  color: #DA291C;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.site-main,
.top-margin {
  margin-top: 0;
}
@media screen and (min-width: 40em) {
  .site-main,
.top-margin {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .site-main,
.top-margin {
    margin-top: 4rem;
  }
}

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

.page-content,
.entry-content,
.entry-summary {
  margin: 2em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.separator {
  display: block;
  height: 4px;
  width: 50px;
  background-color: #ccc;
  margin: 4rem auto 3rem;
}

.reveal-overlay {
  background-color: rgba(40, 40, 40, 0.8) !important;
}

#masthead {
  background-color: #DA291C;
}
@media print {
  #masthead {
    display: none;
  }
}

#print-header {
  display: none;
}
#print-header .logo {
  height: 75px;
  margin-top: 25px;
}
@media print {
  #print-header {
    display: block;
  }
}

html,
body {
  height: 100%;
}

.site {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.site-content {
  flex: 1 0 auto;
  padding-bottom: 3rem;
}

.site-footer {
  background-color: #DA291C;
  color: #fff;
  font-family: "Open Sans";
  flex-shrink: 0;
}
.site-footer .footer-mosaic {
  height: 100px;
  background-image: url(/wp-content/themes/olp/images/OL_mosaic.png);
  margin-bottom: 4rem;
  background-repeat: repeat;
  background-size: 800px;
}
.site-footer a,
.site-footer a:visited {
  color: #fff;
}
.site-footer a:hover {
  color: #fff;
}
.site-footer button {
  border-color: #fff;
  color: #fff;
}
.site-footer button:hover {
  background-color: #fff;
  color: #DA291C;
}
.site-footer input {
  border: none !important;
}
.site-footer .logo {
  width: auto;
  max-width: 225px;
  margin-bottom: 1rem;
  max-height: 75%;
}
@media print {
  .site-footer {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .site-footer .footer-nav {
    column-count: 2;
    margin-bottom: 4rem;
  }
}

.copyright {
  font-size: 0.7em;
  font-family: "Spartan";
  font-weight: 600;
  line-height: 1;
  color: #eee;
  background-color: #1C1917;
}
.copyright p {
  margin-bottom: 0;
}
.copyright a {
  color: #fff;
  border-bottom: 1px dotted #eee;
}
.copyright a:hover {
  color: #eee;
  border-bottom: none;
}

.footer-navigation ul {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1rem;
}
.footer-navigation ul li a {
  padding: 0.1rem 0.3rem;
  font-size: 1.2rem;
  display: inline-block;
}
.footer-navigation ul li a:hover, .footer-navigation ul li a:focus {
  background-color: #F93822;
}

p.title {
  font-family: "Noto Serif";
  background: #DA291C;
  box-shadow: 0 0 60px #dddddd;
  color: #fff;
  padding: 0.1rem 0.4rem;
  transform: translateY(-5px);
  display: inline-block;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}

p.email-address {
  font-style: italic;
  margin: 0.2em 0;
}

p.phone-number {
  margin: 0.2em 0;
}

@media screen and (max-width: 40rem) {
  .grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
body.home {
  padding-bottom: 16.5rem;
}
body.home section.alert-bar {
  background-color: #44403C;
  width: 100%;
}
body.home section.alert-bar h1 {
  font-family: "Spartan";
  font-weight: 800;
  color: #FFFA73;
  font-size: 1.4rem;
  margin: 0;
}
body.home section.alert-bar h1:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
body.home section.alert-bar p {
  color: #fff;
  margin: 0;
  font-family: "Spartan";
  font-weight: 800;
  line-height: 1.2;
  transform: translateY(0.2rem);
  padding-top: 0.2rem;
}
body.home section.alert-bar a {
  margin: 0;
  font-family: "Spartan";
  font-weight: 800;
  color: #FFFA73;
}
body.home section.alert-bar a:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
body.home section.alert-bar a:hover {
  color: #fff;
}
@media screen and (max-width: 40em) {
  body.home section.alert-bar .alert-title,
body.home section.alert-bar .alert-message {
    padding-bottom: 0;
  }
  body.home section.alert-bar .alert-title h1,
body.home section.alert-bar .alert-message h1 {
    font-family: "Spartan";
  }
}
body.home section.hero {
  background: linear-gradient(120deg, #DA291C, #F93822);
  background-size: cover;
  padding-top: 4rem;
  color: #fff;
  padding-bottom: 7rem;
  position: relative;
  font-family: "Spartan";
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: normal;
}
body.home section.hero a {
  color: #fff;
  text-decoration: underline;
}
body.home section.hero a.down-arrow {
  position: absolute;
  text-decoration: none;
  bottom: 2rem;
  left: 50%;
  animation-name: down-arrow;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: infinite;
}
body.home section.hero a.down-arrow:before {
  content: "";
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
body.home section.hero h2 {
  margin-bottom: 3rem;
  font-weight: 900;
}
body.home section.hero .button, body.home section.hero #homepopup.red .button, body.home #homepopup.red section.hero .button {
  border-color: #fff;
  background-color: #fff;
  color: #DA291C;
  text-decoration: none;
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.3);
  margin: 2rem 1rem 0;
  text-shadow: none;
}
body.home section.hero .button:hover, body.home section.hero #homepopup.red .button:hover, body.home #homepopup.red section.hero .button:hover, body.home section.hero .button:focus, body.home section.hero #homepopup.red .button:focus, body.home #homepopup.red section.hero .button:focus {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
body.home section.hero.light {
  color: #382F2D;
  text-shadow: 0 0 10px #fff;
}
body.home section.hero.light h1 {
  color: #DA291C;
}
body.home section.hero.light .button, body.home section.hero.light #homepopup.red .button, body.home #homepopup.red section.hero.light .button {
  border-color: #DA291C;
  background-color: #DA291C;
  color: #fff;
}
body.home section.hero.light .button:hover, body.home section.hero.light #homepopup.red .button:hover, body.home #homepopup.red section.hero.light .button:hover, body.home section.hero.light .button:focus, body.home section.hero.light #homepopup.red .button:focus, body.home #homepopup.red section.hero.light .button:focus {
  border-color: #DA291C;
  background-color: transparent;
  color: #DA291C;
}
body.home section.hero.light a.down-arrow:before {
  color: #78716C;
}
body.home section.hero.dark {
  text-shadow: 0 0 10px #000;
  box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5);
}
body.home section.hero.red {
  text-shadow: #DA291C;
}
body.home section.get-updates {
  padding: 4rem 0 3rem;
  box-shadow: 0 0 50px inset rgba(120, 113, 108, 0.2);
}
body.home section.get-updates h2 {
  color: #DA291C;
}
body.home section.featured-posts {
  padding: 2rem;
  background: #44403C;
  color: #fff;
}
body.home section.featured-posts .cell {
  min-height: 200px;
  background-position: 66% 33%;
  background-size: cover;
  position: relative;
}
body.home section.featured-posts .cell a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
body.home section.featured-posts .cell .title-wrapper {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
}
body.home section.featured-posts .cell .title-wrapper .entry-title {
  font-family: "Anton";
  line-height: 1.4;
  font-size: 2rem;
  text-transform: uppercase;
  margin: 0;
  background: #DA291C;
  color: #fff;
  text-decoration: none;
  padding: 0.05em 0.4em;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
body.home section.featured-posts .cell .title-wrapper .entry-title:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
body.home section.agm {
  padding: 6rem 0;
  background-image: linear-gradient(to left, black, rgba(0, 0, 0, 0) 60%), url(/wp-content/themes/olp/images/john_agm.jpg);
  background-size: cover;
  background-position: left 20%;
}
body.home section.agm h2 {
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 10px #000;
}
body.home section.agm h2 span {
  display: block;
  font-size: 80%;
}
body.home section.agm .button, body.home section.agm #homepopup.red .button, body.home #homepopup.red section.agm .button {
  border-color: #fff;
  background-color: #fff;
  color: #DA291C;
  text-decoration: none;
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.3);
}
body.home section.agm .button:hover, body.home section.agm #homepopup.red .button:hover, body.home #homepopup.red section.agm .button:hover, body.home section.agm .button:focus, body.home section.agm #homepopup.red .button:focus, body.home #homepopup.red section.agm .button:focus {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
body.home section.leader {
  padding: 6rem 0;
}
body.home section.leader .leader-photo {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  background-position: top center;
  margin: 0;
  background-size: cover;
  background-position: 65% 50%;
  border: 5px solid #eee;
  box-shadow: 0 0 30px #ccc;
}
@media screen and (max-width: 64em) {
  body.home section.leader .leader-photo {
    margin-bottom: 3rem;
  }
}
body.home section.leader .preheadline {
  font-weight: 800;
  font-family: "Spartan";
  font-size: 0.8em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.3rem;
  color: #DA291C;
}
body.home section.rebuilding {
  padding: 6rem 0;
  background: linear-gradient(#eee 0%, #fff 10%);
  text-align: center;
}
body.home section.rebuilding h2,
body.home section.rebuilding i {
  color: #DA291C;
}
body.home section.rebuilding .feedback .cell {
  padding: 2rem;
}
body.home section.the-latest {
  padding: 5rem 0;
  background: #44403C;
  color: #fff;
  margin-bottom: -3rem;
}
body.home section.the-latest h2 {
  color: #FFFA73;
}
body.home section.the-latest h3.entry-title {
  margin-bottom: 0.5rem;
}
body.home section.the-latest .button, body.home section.the-latest #homepopup.red .button, body.home #homepopup.red section.the-latest .button {
  border-color: #FFFA73;
  color: #FFFA73;
}
body.home section.the-latest .button:hover, body.home section.the-latest #homepopup.red .button:hover, body.home #homepopup.red section.the-latest .button:hover, body.home section.the-latest .button:focus, body.home section.the-latest #homepopup.red .button:focus, body.home #homepopup.red section.the-latest .button:focus {
  border-color: #FFFA73;
  background-color: #FFFA73;
  color: #78716C;
}
body.home #homepopup {
  font-family: "Spartan";
  text-align: center;
}
body.home #homepopup *:last-child {
  margin-bottom: 0;
}
body.home #homepopup h2 {
  font-weight: 900;
}
body.home #homepopup.red {
  background: linear-gradient(to bottom, #DA291C 50%, #F93822);
}
body.home #homepopup.red h2, body.home #homepopup.red p {
  color: #ffffff;
}
.reveal.donate {
  background-color: #DA291C;
  border-color: #F93822;
  color: #fff;
  padding: 3rem;
}

@media screen and (max-width: 40rem) {
  section.the-latest .single-item {
    border-bottom: 4px solid #f1f1f1;
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
  }
}
@media screen and (max-width: 40rem) {
  body.home {
    padding-bottom: 31rem;
  }
  body.home section.hero a.down-arrow {
    display: none;
  }
  body.home section.hero h1 {
    padding: 0;
    margin-bottom: 3rem;
  }
  body.home section.hero .cell.donate {
    margin-bottom: 1rem;
  }
  body.home section.hero .cell.your-say {
    text-align: right;
  }
  body.home section.rebuilding .feedback .cell {
    padding: 1rem;
  }
  body.home section.the-latest .single-item {
    border-bottom-color: #555;
  }
  body.home section.the-latest .single-item:last-of-type {
    border-bottom: none;
  }
}
@media screen and (max-width: 64rem) {
  .home section.hero {
    padding-bottom: 4rem;
  }
  .home section.hero h1 {
    padding-top: 2rem;
  }
  .home section.rebuilding {
    padding: 6rem 0 5rem;
  }
}
.mpp {
  margin-bottom: 2rem;
}
.mpp .entry-title {
  margin-bottom: 0;
}
.mpp h2 {
  margin-bottom: 0.5rem;
}
.mpp h2 span.riding {
  font-family: "Spartan";
  font-size: 1.2rem;
  background: #F93822;
  box-shadow: 0 0 60px #dddddd;
  color: #fff;
  padding: 0.3rem 0.6rem;
  transform: translateY(-5px);
  display: inline-block;
  margin-top: 1.2rem;
  letter-spacing: -0.01em;
}
.mpp .role {
  font-size: 95%;
  color: #666;
}

@media screen and (min-width: 40em) {
  .mpp .details {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
div.photo {
  display: block;
  width: 150px;
  height: 150px;
  background-size: cover;
  border-radius: 50%;
  border: 5px solid #eee;
}
div.photo.large {
  width: 300px;
  height: 300px;
}

ul.social {
  list-style-type: none;
}

a.social {
  color: #999;
  border: 2px solid #999;
  padding: 0.2rem 0.5rem;
  display: inline-block;
  margin-bottom: 0.4rem;
  margin-right: 0.4rem;
  font-family: "Spartan";
  font-size: 85%;
  font-weight: 700;
}
a.social:hover {
  color: #78716C;
  border-color: #78716C;
}
a.social.fb:hover {
  color: #3578ea;
  border-color: #3578ea;
}
a.social.fb:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
a.social.tw:hover {
  color: #00aced;
  border-color: #00aced;
}
a.social.tw:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
a.social.ig:hover {
  color: #bc2a8d;
  border-color: #bc2a8d;
}
a.social.ig:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
a.social.wb:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 40em) {
  ul li:nth-of-type(3) {
    clear: left;
  }
}
.filter-options {
  margin: 3em 0;
}

.filter-option {
  display: flex;
}
.filter-option .filter__label {
  margin-right: 20px;
}
.filter-option .filter__select,
.filter-option .filter__box {
  flex: 1 0 0;
  min-width: 0;
}

.candidate-message {
  text-align: center;
}
.candidate-message .candidate-message--noresult {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition-timing-function: ease-in;
  transition: visibility 0s, opacity 0s linear, height 0.2s;
}
.candidate-message .candidate-message--noresult.display {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition-timing-function: ease-out;
  transition: visibility 0s, opacity 1s linear;
}

.candidate-listing {
  margin: auto -20px;
}

.candidate {
  width: calc(100% - 40px);
  margin: 8px 20px;
  padding: 8px;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
}
@media screen and (min-width: 47rem) {
  .candidate {
    width: calc(50% - 16px);
    text-align: left;
    margin: 8px;
  }
}
@media screen and (min-width: 74rem) {
  .candidate {
    width: calc(33.33333333% - 16px);
  }
}
.candidate .candidate__information .social-links {
  margin-top: 0.4rem;
  padding-left: 1px;
}
.candidate .photo {
  height: 160px;
  width: 160px;
  margin-right: 1.5rem;
}
@media screen and (max-width: 30rem) {
  .candidate .photo {
    height: 125px;
    width: 125px;
    border-width: 3px;
  }
}
.candidate .entry-header .entry-title {
  margin-bottom: 0.25rem;
  font-size: 1.2rem;
  font-weight: 600;
}
.candidate .entry-header .riding {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0.6rem;
}
.candidate .button, .candidate body.home #homepopup.red .button, body.home #homepopup.red .candidate .button {
  font-size: 0.9rem;
  padding: 0.2rem 0.4rem 0.1rem;
  margin-right: 0.25rem;
  margin-bottom: 0;
}
.candidate .button:after, .candidate body.home #homepopup.red .button:after, body.home #homepopup.red .candidate .button:after {
  content: none;
}
.candidate .button.website, .candidate body.home #homepopup.red .website.button, body.home #homepopup.red .candidate .website.button {
  border-color: #78716C;
  color: #78716C;
}
.candidate .button.website:hover, .candidate body.home #homepopup.red .website.button:hover, body.home #homepopup.red .candidate .website.button:hover, .candidate .button.website:focus, .candidate body.home #homepopup.red .website.button:focus, body.home #homepopup.red .candidate .website.button:focus, .candidate .button.website:active, .candidate body.home #homepopup.red .website.button:active, body.home #homepopup.red .candidate .website.button:active {
  background-color: #78716C;
  border-color: #78716C;
  color: #fff;
}
@media screen and (max-width: 30rem) {
  .candidate .button, .candidate body.home #homepopup.red .button, body.home #homepopup.red .candidate .button {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px dotted;
    margin-bottom: 0.25rem;
    padding: 0;
  }
}

a.social--icon {
  font-size: 24px;
  font-size: 1.5rem;
  color: #999;
}
@media screen and (max-width: 30rem) {
  a.social--icon {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
a.social--icon:hover {
  color: #78716C;
}
a.social--icon.fb:hover {
  color: #3578ea;
}
a.social--icon.fb:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
a.social--icon.tw:hover {
  color: #00aced;
}
a.social--icon.tw:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
a.social--icon.ig:hover {
  color: #bc2a8d;
}
a.social--icon.ig:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
a.social--icon.wb:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: "400";
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.candidate ul.social li:last-of-type a:before {
  margin-right: 0;
}

.story-thumb {
  width: 100%;
  display: block;
  padding-bottom: 56.25%;
  background-image: url(/wp-content/themes/olp/images/og-image-default.png);
  background-size: cover;
  background-position: center;
  margin-bottom: 1rem;
}

p.entry-date {
  font-family: "Spartan";
  background: #d6d3d1;
  text-decoration: none;
  padding: 0.25em 0.4em 0.05em;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

span.entry-src {
  background: #FFFA73;
  text-decoration: none;
  padding: 0.05em 0.4em;
  display: block;
}

.entry-src + p,
.entry-date + p {
  margin-top: 1rem;
}

.single-story h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.single-story .entry-meta {
  margin-bottom: 1rem;
}
.single-story .entry-content {
  margin: 0;
}

.single section.the-latest {
  padding-top: 4rem;
  margin-top: 10rem;
  border-top: 4px solid #eee;
}
.single section.the-latest.no-margin-top {
  margin-top: 0rem;
}

.posts-navigation {
  width: 100%;
  padding-top: 2rem;
  border-top: 3px solid #eee;
}
.posts-navigation .nav-previous {
  float: right;
  text-align: right;
}
.posts-navigation .nav-next {
  float: left;
  text-align: left;
}
.posts-navigation .nav-next a:after {
  content: "";
}
.posts-navigation .nav-next a:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.posts-navigation a,
.posts-navigation a:visited {
  border-color: #aaa;
  color: #aaa;
}
.posts-navigation a:hover, .posts-navigation a:active, .posts-navigation a:focus,
.posts-navigation a:visited:hover,
.posts-navigation a:visited:active,
.posts-navigation a:visited:focus {
  border-color: #aaa;
  color: #fff;
  background-color: #aaa;
}

.transaction-form {
  padding: 2rem;
  background: #fcfcfc;
  border: 1px solid #eee;
}
@media screen and (max-width: 40em) {
  .transaction-form {
    padding: 2rem 0;
    background: transparent;
    border: none;
    border-top: 5px solid #eee;
    border-bottom: 5px solid #eee;
    padding-top: 2rem;
    margin-bottom: 2rem;
  }
}
.transaction-form li.other-amount {
  padding: 1rem;
  border: 1px solid #ddd;
  background: #eee;
  border-radius: 3px;
  margin-top: -0.8rem;
  margin-right: 2.5%;
  height: 4.5rem;
}
.transaction-form li.other-amount.gfield_error {
  height: 5.5rem;
}
.transaction-form li.other-amount label {
  display: inline-block;
  transform: translateY(0.3rem);
  float: left;
  width: 80px;
}
.transaction-form li.other-amount .ginput_container {
  float: left;
  width: calc(100% - 80px);
  display: inline-block;
  margin-bottom: 0.5rem;
}
.transaction-form .monthly .gfield_checkbox {
  margin-left: 0.1rem;
  margin-top: 1rem;
}
.transaction-form .monthly .gfield_checkbox label {
  font-weight: 900;
  font-family: "Open Sans";
  color: #DA291C !important;
}
.transaction-form .monthly .gfield_description {
  margin-left: 2.2rem;
  font-family: "Open Sans";
  margin-top: -0.5rem;
  margin-right: 10%;
  line-height: 1.4;
  font-size: 90%;
}
.transaction-form span.name_first label,
.transaction-form span.name_last label {
  visibility: hidden;
  height: 0.5rem;
}
.transaction-form hr {
  margin: 2rem 0;
}
.transaction-form .billing_anchor {
  display: none !important;
}
.transaction-form.tickets .gfield_price {
  font-family: "Open Sans";
  font-weight: 900;
  margin-bottom: 0.5rem;
}
.transaction-form.tickets .gfield_price .gfield_label {
  display: inline;
  font-size: inherit;
  color: #DA291C;
}
.transaction-form.tickets .gfield_price .gfield_label:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5rem;
}
.transaction-form.tickets .gfield_price.gfield_quantity .ginput_container {
  width: 50px;
  display: inline-block;
}
.transaction-form.tickets .gfield_price.gfield_quantity .ginput_container input {
  border: 0;
  border-bottom: 2px solid #ccc;
  padding: 0;
  text-align: center;
  background: none;
  font-weight: bold;
  height: 1.6rem;
}
.transaction-form.tickets .gfield_price.gfield_quantity .instruction {
  display: none;
}
.transaction-form.tickets .gfield_price.gfield_total .ginput_container {
  display: inline;
}
.transaction-form.tickets .gfield_price.gfield_total .ginput_total {
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  text-align: left;
  display: inline-block;
  padding: 2px 10px;
}
.transaction-form.tickets .gfield_price .ginput_container_singleproduct {
  display: inline;
}
.transaction-form.tickets .gfield_price .ginput_container_singleproduct .ginput_product_price_label {
  display: none;
}
.transaction-form.tickets .gfield.credit-card {
  margin-top: 0;
}
.transaction-form.tickets .address_zip label {
  margin-bottom: 2rem;
}
.transaction-form.tickets .gform_footer {
  text-align: right;
}
.transaction-form.tickets .gform_footer button[type=submit] {
  margin-bottom: 1.5rem;
}
.transaction-form.oyl-summer-fling span.ginput_price {
  display: none;
}

.gform_confirmation_message {
  text-align: left;
  animation: none;
  opacity: 1;
  padding: 0;
  background: none;
  border: none;
}
.gform_confirmation_message .thank-you {
  margin-bottom: 2rem;
}
.gform_confirmation_message .thank-you .check {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background: #00d478;
  opacity: 0;
  position: relative;
  text-align: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  animation: check 0.6s ease forwards;
}
.gform_confirmation_message .thank-you .check .outline {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #00d478;
  opacity: 0;
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 0;
  top: 0;
  animation: outline 1s ease-out forwards;
}
.gform_confirmation_message .thank-you .check i.icon {
  opacity: 0;
  color: #fff;
  animation: icon 0.3s ease 0.3s forwards;
  font-size: 2rem;
  line-height: 4rem;
}
.gform_confirmation_message .thank-you h3 {
  color: #00d478;
  text-align: center;
}
.gform_confirmation_message table {
  display: table;
  width: 100%;
}
.gform_confirmation_message td {
  padding: 0.5em;
}
.gform_confirmation_message td.monthly-donation {
  color: #00d478;
  font-weight: 900;
}
.gform_confirmation_message td:nth-child(1) {
  font-weight: 900;
}
.gform_confirmation_message tr:nth-of-type(even) {
  background: #f1f1f1;
}

table.tax-credits {
  border: none;
}
table.tax-credits thead {
  background: #78716C;
  color: #fff;
  text-align: center;
}
table.tax-credits td,
table.tax-credits th {
  padding: 0.4em;
  text-align: center;
}
table.tax-credits tr:nth-of-type(even) {
  background: #f1f1f1;
}
table.tax-credits tbody tr:last-of-type {
  font-weight: 900;
  color: #DA291C;
}
table.tax-credits tr td:last-child {
  font-weight: 900;
}

.why-donate {
  font-family: "Open Sans";
  padding: 2rem 2.5rem;
  background: rgba(255, 250, 115, 0.3);
  margin-bottom: 2rem;
  width: 100%;
  box-shadow: inset 0 0 100px rgba(255, 250, 115, 0.7);
  border: 1px solid #FFFA73;
}
.why-donate button[type=submit] {
  font-size: 1.1rem;
  height: inherit;
  margin: 0;
}
.why-donate label {
  font-size: 1rem;
}
.why-donate textarea {
  border-color: #FFFA73;
}

.post-password-required {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  border-radius: 5px;
  border: 1px solid rgba(120, 113, 108, 0.1);
  font-family: "Spartan";
  background-color: rgba(120, 113, 108, 0.03);
}

.post-password-required h1 {
  margin-top: 0;
}

.post-password-required p:last-of-type {
  margin-bottom: 0;
}

.post-password-required input[type=password] {
  margin-bottom: 1rem;
}

.gf_progressbar_wrapper {
  margin-bottom: 2rem;
}
.gf_progressbar_wrapper .gf_progressbar_title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.gf_progressbar_wrapper .gf_progressbar {
  background-color: #f1f1f1;
  border-radius: 5px;
}
.gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {
  background-color: #DA291C;
  padding: 0.5rem;
  border-radius: 5px 0 0 5px;
}
.gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage.percentbar_100 {
  border-radius: 5px;
}
.gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span {
  padding: 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #fff;
}

.page-template-page-survey .gform_page_footer {
  margin-top: 2rem;
  text-align: center;
}
.page-template-page-survey .survey-graphic {
  max-width: 400px;
  margin-bottom: 2rem;
}

.page-template-page-owlc .owlc {
  margin-top: 0;
}
.page-template-page-owlc ul.social li {
  margin: 0 1rem;
}
.page-template-page-owlc section {
  padding: 4rem 0;
}
@media screen and (max-width: 640px) {
  .page-template-page-owlc section {
    padding: 2rem 0;
  }
}
.page-template-page-owlc section:nth-of-type(odd) {
  background-color: #f1f1f1;
}
.page-template-page-owlc p:last-of-type {
  margin-bottom: 0;
}
.page-template-page-owlc .button, .page-template-page-owlc body.home #homepopup.red .button, body.home #homepopup.red .page-template-page-owlc .button {
  height: auto;
}
.page-template-page-owlc section#hero {
  padding: 0;
  height: 70vh;
  background-size: cover;
  background-position: center;
  border-bottom: 10px solid #DA291C;
}
.page-template-page-owlc section#hero .grid-y {
  height: 70vh;
}
.page-template-page-owlc section#hero h1 {
  margin-bottom: 0;
}
.page-template-page-owlc section#hero h2 {
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 30px #000;
}
@media screen and (min-width: 1200px) {
  .page-template-page-owlc section#hero h2 {
    font-size: 3rem;
  }
}
.page-template-page-owlc section#links {
  background: linear-gradient(45deg, #DA291C, #F93822);
  text-align: center;
  padding: 1rem 0;
}
.page-template-page-owlc section#links ul {
  list-style: none;
  margin: 0;
}
.page-template-page-owlc section#links ul li {
  display: inline-block;
  margin: 0.25rem 0.5rem;
}
.page-template-page-owlc section#intro {
  text-align: center;
}
.page-template-page-owlc section#intro p {
  font-size: 125%;
  font-family: "Anton";
}
.page-template-page-owlc section#margaret-campbell-fund div.photo {
  height: 300px;
  width: 300px;
  margin: 1rem 2rem;
  float: right;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .page-template-page-owlc section#margaret-campbell-fund div.photo {
    height: 200px;
    width: 200px;
    margin: 1rem auto;
    display: block;
    float: none;
  }
}
.page-template-page-owlc section#owlc_exec table tr:nth-of-type(even) {
  background-color: #e1e1e1;
}
.page-template-page-owlc section#owlc_exec table td {
  padding: 0.4rem;
}
.page-template-page-owlc .site-footer {
  margin-top: 0;
}

.events-listing-single a {
  color: #382F2D;
}
@media screen and (min-width: 800px) {
  .events-listing-single a:hover .event-wrapper {
    transform: scale(1.02);
  }
}
.events-listing-single h2 {
  color: #DA291C;
  margin: 0.5rem 0 1rem;
}
.events-listing-single .riding {
  font-weight: 900;
  margin-bottom: 1rem;
  font-family: "Spartan";
  color: #999;
}
.events-listing-single .time {
  font-weight: 900;
  margin-bottom: 0.5rem;
  font-family: "Spartan";
}
.events-listing-single .entry-date {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-family: "Spartan";
  font-size: 0.9rem;
}
.events-listing-single .excerpt {
  margin-bottom: 1rem;
}

.events-listing-single .type,
.event-single .type {
  font-family: "Spartan";
  font-weight: 900;
  padding: 0.2rem 0.6rem;
  font-size: 0.9rem;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  text-transform: capitalize;
}
.events-listing-single .type.Free,
.event-single .type.Free {
  background-color: #00d478;
}
.events-listing-single .type.Free:before,
.event-single .type.Free:before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.events-listing-single .type.Ticketed,
.event-single .type.Ticketed {
  background-color: #DA291C;
}
.events-listing-single .type.Ticketed:before,
.event-single .type.Ticketed:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.events-listing-single .type.Volunteer,
.event-single .type.Volunteer {
  background-color: #4288FA;
}
.events-listing-single .type.Volunteer:before,
.event-single .type.Volunteer:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.event-filter {
  font-family: "Spartan";
  font-weight: 900;
  padding: 0.2rem 0.6rem;
  font-size: 0.9rem;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  text-transform: capitalize;
  cursor: pointer;
}
.event-filter:active {
  transform: scale(0.99);
}
@media only screen and (max-width: 600px) {
  .event-filter {
    display: table-caption;
  }
}
.event-filter-ticketed {
  background-color: #DA291C;
}
.event-filter-ticketed:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.event-filter-free {
  background-color: #00d478;
}
.event-filter-free:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.event-filter-volunteer {
  background-color: #4288FA;
}
.event-filter-volunteer:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.filter-text {
  display: inline-block;
  margin: 0 1rem 1.5rem 0;
}

.filter-clear {
  visibility: hidden;
  font-family: "Spartan";
  font-weight: 900;
  padding: 0.1rem 0.6rem;
  font-size: 0.9rem;
  display: inline-block;
  border-radius: 3px;
  color: #78716C;
  text-transform: capitalize;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #78716C;
}
.filter-clear:active {
  transform: scale(0.99);
  background-color: #78716C;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .filter-clear {
    display: table-caption;
  }
}
.filter-clear:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.clear-active {
  visibility: visible;
}

.filter-active::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.no-event {
  display: none;
}

.event-single .event-thumbnail {
  width: 100%;
  padding-bottom: 56%;
  background-size: cover;
  background-position: center;
  margin-bottom: 2rem;
  box-shadow: 0 0 50px #ccc;
}
.event-single h1 {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .event-single h1 {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
.event-single .box {
  padding: 2rem;
}
.event-single .box p {
  margin-bottom: 0.5rem;
}
.event-single .box p:last-of-type {
  margin-bottom: 0;
}
.event-single .location {
  font-weight: 900;
  margin-left: 1.3rem;
  text-indent: -1.3rem;
}
.event-single .location:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  margin-right: 0.5rem;
}
.event-single .location span {
  font-weight: 400;
  display: block;
  text-indent: 0;
}
.event-single .date,
.event-single .time {
  margin-left: 1.3rem;
  text-indent: -1.3rem;
}
.event-single .date:before,
.event-single .time:before {
  font-family: "Font Awesome 5 Free";
  margin-right: 0.5rem;
}
.event-single .date:before {
  content: "";
}
.event-single .time:before {
  content: "";
}
.event-single .type,
.event-single a.button,
.event-single body.home #homepopup.red a.button,
body.home #homepopup.red .event-single a.button {
  margin-top: 1rem;
  margin-bottom: 0;
}
.event-single ul.tickets {
  margin: 1rem 0 0 0;
}
.event-single ul.tickets h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  text-align: center;
}
.event-single ul.tickets h3:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.event-single ul.tickets .button, .event-single ul.tickets body.home #homepopup.red .button, body.home #homepopup.red .event-single ul.tickets .button {
  width: 100%;
  text-align: center;
  margin-top: 0.5rem;
}
.event-single ul.social {
  margin-bottom: 1rem;
  border-top: 3px solid #f1f1f1;
  border-bottom: 3px solid #f1f1f1;
  padding: 1rem 0 0rem;
}
@media screen and (min-width: 1024px) {
  .event-single ul.social li {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .event-single ul.social a {
    font-size: 1rem;
    width: 100%;
    text-align: center;
  }
}

.transaction-form.event-submission .ticket-option-price {
  border-bottom: 2px dashed #ccc;
  padding-bottom: 1.5rem;
}
.transaction-form.event-submission .ticket-option-price.last {
  border-bottom: 0;
  padding: 0;
}
.transaction-form.event-submission .ticket-option-price .instruction {
  display: none;
}

#ridingSearch {
  margin-bottom: 2rem;
}

.riding-list {
  border-collapse: collapse;
}
.riding-list th, .riding-list td {
  padding: 0.5em 0.5em;
}
.riding-list td:nth-of-type(3), .riding-list td:nth-of-type(4), .riding-list td:nth-of-type(5) {
  text-align: center;
}
.riding-list span.sorting {
  cursor: pointer;
}
.riding-list span.sorting:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  opacity: 0.8;
}
.riding-list tr:nth-of-type(odd) {
  background-color: rgba(120, 113, 108, 0.05);
}
.riding-list tr:hover {
  background-color: rgba(120, 113, 108, 0.1);
}
.riding-list td {
  cursor: pointer;
}
.riding-list th {
  text-align: left;
  background-color: #78716C;
  color: #fff;
  font-family: "Anton";
  font-weight: 900;
}

.single-riding .site-main {
  margin-top: 0;
}
.single-riding nav#quick-links ul {
  list-style-type: none;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0;
}
.single-riding nav#quick-links ul li {
  display: inline-block;
  padding: 1rem 0.5rem;
  text-align: center;
  width: 100%;
}
.single-riding nav#quick-links ul li:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 40em) {
  .single-riding nav#quick-links ul li {
    width: 24.5%;
  }
}
.single-riding nav#quick-links ul li a {
  font-family: "Anton";
  font-weight: 900;
  color: #78716C;
  text-shadow: none;
}
.single-riding nav#quick-links ul li a:hover, .single-riding nav#quick-links ul li a:focus, .single-riding nav#quick-links ul li a:active {
  color: #DA291C;
}
.single-riding nav#quick-links ul li a:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.single-riding nav#quick-links ul li a.external:after {
  content: "";
}
.single-riding #pla-header {
  background-image: linear-gradient(120deg, #DA291C, #F93822);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  margin-bottom: 3rem;
  box-shadow: 0 0 20px rgba(120, 113, 108, 0.5);
}
.single-riding #pla-header.with-bg-image {
  text-shadow: 0 0 20px #000;
}
.single-riding #pla-header h1 {
  padding: 2rem 0;
}
@media screen and (min-width: 64em) {
  .single-riding #pla-header h1 {
    padding: 4rem 0;
  }
}
.single-riding #pla-header h1 span {
  display: block;
  font-size: 60%;
  font-weight: 400;
}
.single-riding .card {
  padding: 1.5rem 2rem;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 20px #eee;
  margin-bottom: 2rem;
}
.single-riding .card a.button, .single-riding .card body.home #homepopup.red a.button, body.home #homepopup.red .single-riding .card a.button {
  margin-bottom: 1.5em;
}
.single-riding .card > *:last-child {
  margin-bottom: 0 !important;
}
.single-riding .card:nth-of-type(even) {
  background-color: rgba(255, 250, 115, 0.05);
}
.single-riding #events mark + a:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5em;
  font-size: 90%;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.single-riding .events-listing-single h3 {
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  transition: all 300ms;
}
.single-riding .events-listing-single a:hover .event-wrapper {
  transform: scale(1) translate3d(5px, 0, 0);
}
.single-riding .events-listing-single a:hover .event-wrapper h3 {
  color: #DA291C;
}
.single-riding .events-listing-single + .events-listing-single {
  margin-top: 1.5rem;
}
.single-riding .pla-sidebar {
  text-align: center;
}
.single-riding .pla-sidebar a.social {
  width: 100%;
  font-size: 100%;
}
.single-riding .pla-sidebar .h3 {
  font-weight: 900;
  margin-bottom: -1rem;
}
.single-riding .pla-sidebar h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background-color: rgba(120, 113, 108, 0.05);
}
.single-riding .pla-sidebar p {
  margin-bottom: 0.5rem;
}
.single-riding .pla-sidebar .photo {
  margin: 1rem auto;
}
.single-riding .pla-sidebar .mpp-name {
  font-family: "Anton";
  font-size: 110%;
}
.single-riding .pla-sidebar .button, .single-riding .pla-sidebar body.home #homepopup.red .button, body.home #homepopup.red .single-riding .pla-sidebar .button {
  margin-top: 1rem;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

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