/* Start Custom Fonts CSS */
@font-face {
  font-family: 'Cheltenham';
  font-style: normal;
  font-weight: bold;
  font-display: auto;
  src: url("/wp-content/uploads/2020/03/CheltenhamBoldBT.ttf") format("truetype"); }
@font-face {
  font-family: 'Cheltenham';
  font-style: italic;
  font-weight: bold;
  font-display: auto;
  src: url("/wp-content/uploads/2020/03/CheltenhamBoldItalicBT.ttf") format("truetype"); }
@font-face {
  font-family: 'Cheltenham';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/wp-content/uploads/2020/03/CheltenhamBT.ttf") format("truetype"); }
@font-face {
  font-family: 'Cheltenham';
  font-style: italic;
  font-weight: normal;
  font-display: auto;
  src: url("/wp-content/uploads/2020/03/CheltenhamItalicBT.ttf") format("truetype"); }
/* End Custom Fonts CSS */
/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.vfs-calendar-filters button, .vfs-view-mode button {
  border: none;
  appearance: none !important;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: left;
  cursor: pointer;
  color: #000;
  background-color: transparent;
  border: none !important; }
  .vfs-calendar-filters button:hover, .vfs-view-mode button:hover {
    border: none !important; }

.vfs-calendar-filters {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
  margin-bottom: 8px;
  font-family: 'Open sans';
  color: #000;
  font-size: 16px; }
  .vfs-calendar-filters body.vfs-list-mode {
    flex-direction: column;
    text-align: left; }
  @media (max-width: 600px) {
    .vfs-calendar-filters {
      flex-direction: column;
      text-align: left; } }
  .vfs-calendar-filters button {
    position: relative;
    padding: 0 0 0 20px;
    border: none;
    text-transform: none;
    font-size: 16px;
    text-align: left !important;
    color: #000 !important;
    background-color: transparent !important; }
    .vfs-calendar-filters button[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: all !important; }
      .vfs-calendar-filters button[disabled]::after {
        content: '';
        position: absolute;
        top: 4px;
        left: 5px;
        background-color: #666;
        width: 2px;
        height: 10px;
        transform: rotate(-45deg); }
    .vfs-calendar-filters button:before {
      content: '';
      position: absolute;
      top: 3px;
      left: 0;
      border: 2px solid #666;
      border-radius: 8px;
      width: 8px;
      height: 8px;
      display: inline-block;
      margin-right: 6px;
      box-sizing: content-box; }
    .vfs-calendar-filters button:hover {
      opacity: 0.6; }
    .vfs-calendar-filters button.vfs-active:before {
      background-color: #666; }
  .vfs-calendar-filters ul {
    list-style-type: none !important;
    padding: 0.5em 0 0;
    margin: 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-top: 0.5em !important; }
  .vfs-calendar-filters li {
    padding-left: 0;
    margin-top: 0.3em; }
    .vfs-calendar-filters li::before {
      content: '';
      background-color: transparent; }

.vfs-drop-nav-selector {
  display: inline-block;
  position: relative;
  cursor: pointer; }

.vfs-expand-filters {
  position: relative;
  display: inline-block;
  padding-right: 28px;
  opacity: 1;
  transition: opacity 0.25s ease;
  font-family: 'Bree Serif';
  font-weight: 600;
  font-size: 20px;
  color: #000;
  cursor: pointer; }
  .vfs-expand-filters:after {
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'FontAwesome';
    content: '\f078';
    font-size: 14px;
    color: #000;
    width: 20px;
    height: 20px; }
  .vfs-expand-filters:hover {
    opacity: 0.6; }

.vfs-expanded .vfs-expand-filters {
  transition: opacity 0s;
  opacity: 0; }

.vfs-expandable {
  position: relative;
  width: 160px;
  min-width: 160px;
  height: 0;
  overflow: hidden;
  transform: translateY(-50px);
  transition: all 0.25s ease-in-out;
  text-align: left; }
  .vfs-expandable > :is(a) {
    color: #000; }

.vfs-expanded .vfs-expandable {
  width: auto;
  height: auto;
  transform: translateY(-40px);
  padding-bottom: 10px; }

.vfs-filter-icon {
  width: 12px;
  height: 12px;
  margin-right: 4px; }

.vfs-expand-filters-instruction {
  font-family: 'Open sans';
  font-size: 14px;
  font-style: italic;
  display: none; }
  .vfs-expanded .vfs-expand-filters-instruction {
    display: block; }

li.category-1 a:before {
  border-color: #489256; }
li.category-1 a:hover:before {
  background-color: #489256; }
li.category-1 a.vfs-active:before {
  background-color: #489256; }

li.category-2 a:before {
  border-color: #bc8a20; }
li.category-2 a:hover:before {
  background-color: #bc8a20; }
li.category-2 a.vfs-active:before {
  background-color: #bc8a20; }

li.category-3 a:before {
  border-color: #943784; }
li.category-3 a:hover:before {
  background-color: #943784; }
li.category-3 a.vfs-active:before {
  background-color: #943784; }

li.category-4 a:before {
  border-color: #325b9e; }
li.category-4 a:hover:before {
  background-color: #325b9e; }
li.category-4 a.vfs-active:before {
  background-color: #325b9e; }

ul.vfs-sub-region-filter {
  display: none;
  margin-left: 24px; }
  ul.vfs-sub-region-filter li {
    white-space: nowrap; }

ul.vfs-sub-region-filter.vfs-active {
  display: inline-block;
  vertical-align: top; }

.vfs-month-nav {
  position: relative;
  text-align: center;
  min-height: 36px;
  font-family: 'Bree Serif';
  color: #000; }
  .vfs-month-nav .vfs-month-previous {
    position: absolute;
    top: 1px;
    left: 0; }
    .vfs-month-nav .vfs-month-previous :is(a) {
      color: #000; }
  .vfs-month-nav .vfs-month-next {
    position: absolute;
    top: 1px;
    right: 0; }
    .vfs-month-nav .vfs-month-next :is(a) {
      color: #000; }
  .vfs-month-nav .vfs-disabled {
    opacity: 0.6; }
  .vfs-month-nav body.vfs-list-mode .vfs-month-next,
  .vfs-month-nav body.vfs-list-mode .vfs-month-previous {
    display: none; }
  @media (max-width: 830px) {
    .vfs-month-nav .vfs-month-next,
    .vfs-month-nav .vfs-month-previous {
      display: none; } }

.vfs-view-mode {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 5px;
  padding-top: 5px;
  text-align: right; }
  .vfs-view-mode button {
    padding: 0 !important;
    margin-left: 17px;
    font-family: 'FontAwesome';
    background-color: transparent !important;
    color: #000 !important;
    transition: opacity 0.25s ease; }
    .vfs-view-mode button.vfs-view-mode-list {
      opacity: 0.5; }
    .vfs-view-mode button.vfs-view-mode-grid {
      opacity: 1;
      color: #00578a !important; }
    body.vfs-list-mode .vfs-view-mode button.vfs-view-mode-list {
      opacity: 1;
      color: #00578a !important; }
    body.vfs-list-mode .vfs-view-mode button.vfs-view-mode-grid {
      opacity: 0.5;
      color: #000 !important; }

#vfs-calendar-controls {
  position: relative;
  padding: 6px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-family: 'Bree Serif';
  color: #000; }
  #vfs-calendar-controls .vfs-calendar-filters {
    background-color: #eee; }
  #vfs-calendar-controls h2 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 8px;
    font-family: 'Cheltenham', Cheltenham, 'Open Sans'; }

#vfs-calendar {
  opacity: 0;
  transition: opacity 0.5s ease;
  font-size: 1rem; }
  body.vfs-ready #vfs-calendar {
    opacity: 1; }
  #vfs-calendar table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0; }
  #vfs-calendar th {
    padding: 10px 10px 4px;
    text-align: center;
    font-size: 0.9em; }
  #vfs-calendar td {
    padding: 1px;
    border: 1px solid #ddd;
    width: 14.28%;
    vertical-align: top; }
  #vfs-calendar td.vfs-inactive {
    color: #ddd; }
  #vfs-calendar .vfs-dayWrapper {
    display: flex;
    flex-direction: column; }
  #vfs-calendar .vfs-dayNumber {
    text-align: right;
    padding: 4px;
    background-color: #eee; }
  #vfs-calendar .vfs-dayContent {
    flex-grow: 1;
    min-height: 70px; }
    #vfs-calendar .vfs-dayContent a {
      color: #fff;
      font-family: 'Bree Serif'; }
  #vfs-calendar .vfs-currentDay .vfs-dayNumber {
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: bold; }
  #vfs-calendar .vfs-difficulty-rating {
    display: none; }

.vfs-event-enclosure {
  border: 1px solid #ccc;
  padding: 2vw; }

#vfs-event-list {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease; }
  body.vfs-ready #vfs-event-list {
    opacity: 1; }

.vfs-no-events {
  text-align: center;
  background-color: #eee;
  padding: 10px;
  font-size: 0.92em; }

p.vfs-calendar-message {
  text-align: center;
  background-color: #eee;
  padding: 10px;
  font-size: 0.92em; }

div.vfs-event {
  margin-top: 1px;
  padding: 8px;
  line-height: 1.4;
  color: #fff;
  background-color: #00578a; }
  div.vfs-event:hover {
    background-color: #3994c9;
    color: #fff; }
  div.vfs-event--land-tours {
    background-color: #cb572a; }
    div.vfs-event--land-tours:hover {
      background-color: #e2774e; }
  div.vfs-event--comm-events {
    background-color: #e3a528; }
    div.vfs-event--comm-events:hover {
      background-color: #f6ba41; }
  div.vfs-event a {
    color: #fff;
    display: block; }
    div.vfs-event a:hover {
      color: #fff !important; }
  div.vfs-event span.vfs-time {
    font-weight: 700;
    text-transform: uppercase; }

div.vfs-event.category-1 {
  background-color: #489256; }

div.vfs-event.category-2 {
  background-color: #bc8a20; }

div.vfs-event.category-3 {
  background-color: #943784; }

div.vfs-event.category-4 {
  background-color: #325b9e; }

div.vfs-event.vfs-past {
  opacity: 0.5; }

.vfs-shift {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0 6px 15px;
  min-height: 48px;
  margin-top: 2px;
  background-color: #f3f2ed; }
  .vfs-shift__button {
    width: 100px;
    text-align: center; }
  .vfs-shift__detail {
    flex-grow: 1;
    padding-left: 15px; }
  .vfs-shift a {
    padding: 6px;
    text-align: center;
    margin-right: 10px;
    text-transform: uppercase; }

#vfs-event ul {
  padding-left: 1.5em; }
#vfs-event input[type='submit'] {
  background-color: #666;
  color: #fff; }

.vfs-pagination {
  text-align: right;
  font-size: 1.1em;
  margin: 30px 0;
  border-top: 1px solid #ddd;
  padding-top: 20px; }
  .vfs-pagination a {
    padding-right: 20px;
    position: relative; }
    .vfs-pagination a::after {
      content: '\f054';
      position: absolute;
      top: -2px;
      right: 0;
      font-family: 'FontAwesome'; }

.vfs-pagination.vfs-top {
  border-top: none;
  border-bottom: 1px solid #ddd;
  padding-top: 0;
  padding-bottom: 20px; }

.vfs-pagination.vfs-left {
  text-align: left; }
  .vfs-pagination.vfs-left a {
    padding-right: 0;
    padding-left: 25px; }
    .vfs-pagination.vfs-left a::after {
      content: ''; }
    .vfs-pagination.vfs-left a::before {
      content: '\f053';
      position: absolute;
      top: 3px;
      left: 0;
      font-family: 'FontAwesome'; }

.vfs-clear-floats {
  clear: both; }

.vfs-button {
  background-color: #666;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.1em;
  padding: 10px 22px;
  transition: opacity 0.25s ease-in-out; }
  .vfs-button:hover {
    color: #fff;
    opacity: 0.8;
    transition: opacity 0.25s ease-in-out; }

a:hover .vfs-button {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.25s ease-in-out; }

.vfs-success-container {
  margin-bottom: 1.6em; }

.vfs-event-root {
  margin-bottom: 0.9em; }
  .vfs-event-root br:first-child {
    display: none; }
  .vfs-event-root .vfs-field {
    margin-bottom: 1.3em; }
    .vfs-event-root .vfs-field input[type='number'] {
      -moz-appearance: textfield; }
    .vfs-event-root .vfs-field input[type='number']::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .vfs-event-root .vfs-field input[type='number']::-webkit-outer-spin-button {
      -webkit-appearance: none; }
  .vfs-event-root .vfs-shifts {
    margin-top: 1.8rem; }
  .vfs-event-root .vfs-error {
    color: red;
    display: inline-block; }
  .vfs-event-root h1,
  .vfs-event-root h2 {
    font-family: 'Cheltenham', Cheltenham, 'Open Sans';
    font-size: 42px;
    font-weight: bold; }
  .vfs-event-root h2 {
    font-size: 36px;
    margin: 1em 0 0.3rem; }
  .vfs-event-root a:not(.elementor-button-link) {
    color: #d3662b !important;
    text-decoration: underline !important;
    transition: opacity 0.25s ease; }
    .vfs-event-root a:not(.elementor-button-link):hover {
      opacity: 0.8; }
  .vfs-event-root label {
    display: block; }
  .vfs-event-root input[type='email'] {
    display: inline-block;
    margin-right: 1vw;
    width: 50%;
    min-width: 240px;
    max-width: 400px; }
  .vfs-event-root input[type='number'] {
    display: inline-block;
    margin-right: 1vw;
    width: 50%;
    min-width: 240px;
    max-width: 400px; }
  .vfs-event-root input[type='text'] {
    display: inline-block;
    margin-right: 1vw;
    width: 50%;
    min-width: 240px;
    max-width: 400px; }
  .vfs-event-root strong {
    font-weight: 700 !important; }

body.vfs-list-mode #vfs-calendar {
  display: none; }
body.vfs-list-mode #vfs-event-list {
  display: block; }
body.vfs-list-mode div.vfs-event {
  margin-top: 0;
  margin-bottom: 3px; }
body.vfs-list-mode .vfs-day {
  background-color: #eee;
  padding: 10px 8px 2px;
  font-size: 0.92em;
  margin-bottom: 3px; }

@media all and (max-width: 830px) {
  .vfs-view-mode {
    display: none; }

  #vfs-calendar {
    display: none; }

  #vfs-event-list {
    display: block; }

  div.vfs-event {
    margin-top: 0;
    margin-bottom: 3px; }

  .vfs-day {
    background-color: #eee;
    padding: 10px 8px 2px;
    font-size: 0.92em;
    margin-bottom: 3px; } }
@media all and (max-width: 768px) {
  .vfs-event-root input[type='text'] {
    display: block;
    width: 100%; }
  .vfs-event-root .vfs-error {
    display: block; } }
@media all and (max-width: 600px) {
  .vfs-calendar-filters #vfs-expandable-filters {
    left: 0; } }

/*# sourceMappingURL=volunteers-for-salesforce-public.css.map */