@charset "UTF-8";
/*
Theme Name: Volunteer Lethbridge Opportunities • Grizzly Media
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Custom child theme by Grizzly Media
Author: Grizzly Media
Author URI: https://grizzlymedia.ca
template: bb-theme
*/
/* Add your custom styles here... */
.my-box {
  padding: 10px;
}
@media (min-width: 1200px) {
  .my-box {
    padding: 20px;
  }
}

.in-front {
  z-index: 10;
  position: relative;
}

.behind {
  z-index: -10;
  position: relative;
}

.centered-list ul, .centered-list ol {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.vl-gradient {
  background-image: linear-gradient(to right, #67c7c3 0%, #67c7c3 25%, #fcde02 25%, #fcde02 50%, #f17b9e 50%, #f17b9e 75%, #f9af3b 75%, #f9af3b 100%);
}

.hide-overflow {
  overflow: hidden;
}

.underline-text {
  text-decoration: underline;
}

.strikethrough {
  text-decoration: line-through;
}

.checked-lists ul {
  list-style-type: none;
  padding-left: 0;
}
.checked-lists ul li {
  position: relative;
  padding-left: 1.4em;
}
.checked-lists ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  color: #67c7c3;
  font-weight: bold;
}

.fade {
  opacity: 0.8;
}

.underline-links a {
  text-decoration: underline;
  color: inherit;
}
.underline-links a:hover {
  text-decoration: none;
}
.underline-links .fl-button {
  text-decoration: none;
}

.underline-links-hover a {
  text-decoration: none;
}
.underline-links-hover a:hover {
  text-decoration: underline;
}
.underline-links-hover .fl-button, .underline-links-hover .fl-button:hover {
  text-decoration: none;
}

.underline-link {
  text-decoration: underline;
  color: inherit;
}
.underline-link:hover {
  text-decoration: none;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 20px;
}

p h1, p h2, p h3, p h4, p h5, p h6, ul h1, ul h2, ul h3, ul h4, ul h5, ul h6, ol h1, ol h2, ol h3, ol h4, ol h5, ol h6, blockquote + h1, blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6 {
  margin-top: 30px;
}

p, ul, ol, blockquote {
  margin-bottom: 20px;
}

ul, ol {
  padding-left: 1.2em;
}

li {
  padding-bottom: 0.5em;
}
li ul {
  padding-top: 0.5em;
}

.fl-page-nav-wrap, .fl-page-footer, .fl-page-nav-right .fl-page-header-wrap {
  border-top: none;
  border-bottom: none;
}

body.has-blocks .fl-post-content ul, body.has-blocks .fl-post-content ol {
  max-width: none;
}

.fl-theme-builder-taxonomy-term-separator {
  padding-right: 0.3em;
}

.fl-builder-pagination, .fl-builder-pagination-load-more {
  padding: 20px;
}

.fl-builder-content button,
.fl-builder-content input[type=button],
.fl-builder-content input[type=submit],
.fl-builder-content a.fl-button,
.fl-builder-content .fl-button, .fl-page button,
.fl-page input[type=button],
.fl-page input[type=submit],
.fl-page a.fl-button,
.fl-page .fl-button {
  transition: all ease-in 0.1s;
  background-color: white;
}
.fl-page-bar {
  border: none;
}

.fl-page-bar .fl-button {
  display: inline-block;
  text-decoration: none;
  padding: 8px 16px;
  border: none;
  font-family: Oswald;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 5px;
  border: none;
}
.fl-page-bar .fl-button:hover {
  border: none;
}
.fl-page-bar .fl-button .fa {
  font-size: 18px;
  line-height: 10px;
  margin-right: 7px;
}
@media (min-width: 992px) {
  .fl-page-bar .fl-button .fa {
    font-size: 20px;
  }
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea, select, .StripeElement {
  display: inline-block;
  background-color: #f5f4f4;
  border: none;
  border-radius: 0;
  border-left: 3px solid #67c7c3;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=number]:focus, input[type=search]:focus, input[type=url]:focus, textarea:focus, select:focus, .StripeElement:focus {
  border-color: #54c0bc;
  background-color: #e9e7e7;
  outline: none;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
  margin-bottom: 0;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
  margin-top: 8px !important;
}

.ui-datepicker-title select {
  background-color: white;
  border-color: #383838;
  color: #666;
}

.StripeElement {
  display: block;
}

body .gform_wrapper form.gf_simple_horizontal div.gform_body {
  width: 100%;
}

body .gform_wrapper .gform_footer {
  padding-right: 16px;
}
body .gform_wrapper .gform_footer input.gform_button {
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  line-height: 1.5;
  white-space: normal;
}

.gform_confirmation_message {
  margin-top: 20px;
  padding: 20px;
  background: #d4edda;
  color: #171717 !important;
  text-align: center;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0;
}

.gform_wrapper ul li.gfield {
  margin-bottom: 0.5em;
}

body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0;
}

.header-menu .fl-menu-horizontal {
  align-items: normal;
}
.header-menu .fl-menu-horizontal li.current-menu-item a, .header-menu .fl-menu-horizontal a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu li {
    border: none;
  }
}
.fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle {
  z-index: 10000;
}

.fl-page-nav .navbar-nav > li.nav-button {
  padding: 10px;
}
.fl-page-nav .navbar-nav > li.nav-button > a {
  padding: 5px 18px !important;
  color: #ffffff !important;
  border-radius: 4px;
  background-color: #67c7c3;
}
.fl-page-nav .navbar-nav > li.nav-button > a:active, .fl-page-nav .navbar-nav > li.nav-button > a:hover {
  color: #ffffff !important;
  background-color: #54c0bc;
}

@media (max-width: 767px) {
  .fl-col-small, .fl-col-small:not(.fl-col-small-full-width) {
    max-width: none;
  }
}
.post-edit-link {
  display: none;
}

.fl-post-meta {
  font-style: italic;
  text-align: center;
}

#menu-footer-menu li a {
  text-align: center;
}
#menu-footer-menu li a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 50%;
  }
}
.member-document {
  font-size: 16px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
  padding: 8px 16px;
  color: black;
  background: #d7f0ef;
}
.member-document:hover {
  background: #b2e2e0;
  color: black;
  text-decoration: none;
}

@media (max-width: 991px) {
  #filters {
    max-height: calc(100vh - 100px);
    position: fixed;
    z-index: 100;
    top: 50px;
    left: 0;
    width: 90% !important;
    max-width: 400px;
    background-color: white;
    overflow-y: auto;
    transition: transform 0.3s ease-in-out;
    display: block; /* This ensures the element is always visible */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
  }
  #filters.open {
    transform: translateX(0);
  }
  #filters {
    transform: translateX(-110%);
  }
  #x-button {
    position: absolute;
    top: -5px;
    right: -5px;
  }
  #x-button a {
    font-size: 20px;
    padding: 5px 10px;
  }
}
.availability-header-row {
  font-weight: bold;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 0.5rem;
}

.availability-header {
  padding: 0 !important;
}
.availability-header:nth-child(2), .availability-header:nth-child(3), .availability-header:nth-child(4) {
  text-align: right;
}

.sf-field-post-meta-availability ul {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 0.5rem;
}
.sf-field-post-meta-availability ul li {
  display: contents;
}
.sf-field-post-meta-availability ul li:nth-child(4n+2),
.sf-field-post-meta-availability ul li:nth-child(4n+3),
.sf-field-post-meta-availability ul li:nth-child(4n+4) {
  justify-self: right;
}

.sf-field-post-meta-availability ul li label {
  display: none !important;
}

#dark-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.opportunity-icon {
  filter: invert(82%) sepia(26%) saturate(4804%) hue-rotate(295deg) brightness(93%) contrast(103%);
  margin-right: 0.5rem;
}

.searchandfilter ul li li {
  display: flex;
}

.searchandfilter label {
  width: 100%;
}

.searchandfilter {
  font-size: 16px;
}
.searchandfilter ul {
  padding-left: 0;
}

.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-0 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-0 label {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  line-height: 1.2;
}
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-0 label .opportunity-icon {
  flex-shrink: 0;
}
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-0 label .sf-count {
  transform: translateX(5px);
  font-size: 14px;
  flex-shrink: 0;
  margin-left: auto;
  padding: 0;
  display: block;
  line-height: 1.5em;
  text-align: center;
  background: #fef299;
  border-radius: 50px;
  width: 1.5em;
  height: 1.5em;
}
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-0 label .tooltip-i + .sf-count {
  margin-left: 0;
}
.searchandfilter li[data-sf-field-input-type=checkbox] li.sf-level-0 label .tooltip-i {
  margin-left: auto;
}

.opportunity-icon {
  width: 24px;
  height: 24px;
}
.opportunity-icon.id-35, .opportunity-icon.id-38 {
  transform: scale(1.2);
}
.opportunity-icon.id-30 {
  height: 22px;
}
.opportunity-icon.id-134 {
  height: auto;
}

.searchandfilter select.sf-input-select {
  padding: 10px 5px;
  width: 100%;
}

.fl-post-grid-empty {
  text-align: left;
}

.event-details {
  background: #fef299;
  font-size: 20px;
  text-align: center;
  border-radius: 4px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin: 0;
}

.opportunity-labels {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 14px;
  display: flex;
  column-gap: 5px;
  row-gap: 5px;
}
.opportunity-labels .event-label {
  font-weight: bold;
  background-color: #fef299;
  text-align: center;
  padding: 4px 12px;
  border-radius: 4px;
}
.opportunity-labels .status-label {
  font-weight: bold;
  background-color: #f5f4f4;
  text-align: center;
  padding: 4px 12px;
  border-radius: 4px;
}
.opportunity-labels .new-label {
  font-weight: bold;
  background-color: #f9af3b;
  text-align: center;
  padding: 4px 12px;
  border-radius: 4px;
}

.opportunity-list .opportunity-listing .dashboard-edit {
  margin-top: 10px;
}
.opportunity-list .opportunity-listing .dashboard-edit a {
  font-weight: bold;
  text-align: center;
  padding: 4px 12px;
  border-radius: 4px;
  background: #67c7c3;
  color: white;
}
.opportunity-list .opportunity-listing .dashboard-edit a i.fas {
  color: white !important;
}
.opportunity-list .opportunity-listing .dashboard-edit a:hover {
  background: #54c0bc;
  text-decoration: none;
}

.dashboard-edit {
  font-weight: bold;
  margin-top: 5px;
}

.organization-list {
  display: flex;
  flex-wrap: wrap;
}
.organization-list .fl-post-column {
  width: 50%;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 1200px) {
  .organization-list .fl-post-column {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .organization-list .fl-post-column {
    width: 100%;
  }
}
.organization-list .fl-post-column .fl-post-grid-post {
  border: 1px solid #e6e6e6;
}

.opportunity-list .opportunity-listing, .opportunity-list .organization-listing, .organization-list .opportunity-listing, .organization-list .organization-listing {
  position: relative;
  border-left: 5px solid #67c7c3;
  padding: 20px 15px;
  display: flex;
  align-items: center;
  row-gap: 2rem;
  column-gap: 15px;
  overflow: hidden;
}
.opportunity-list .opportunity-listing .column-1, .opportunity-list .organization-listing .column-1, .organization-list .opportunity-listing .column-1, .organization-list .organization-listing .column-1 {
  flex-basis: 45%;
  flex-shrink: 0;
}
.opportunity-list .opportunity-listing .column-2, .opportunity-list .organization-listing .column-2, .organization-list .opportunity-listing .column-2, .organization-list .organization-listing .column-2 {
  flex-basis: 55%;
}
.opportunity-list .opportunity-listing .fl-photo-content, .opportunity-list .organization-listing .fl-photo-content, .organization-list .opportunity-listing .fl-photo-content, .organization-list .organization-listing .fl-photo-content {
  width: 100%;
}
.opportunity-list .opportunity-listing .screening-required, .opportunity-list .opportunity-listing .hours, .opportunity-list .organization-listing .screening-required, .opportunity-list .organization-listing .hours, .organization-list .opportunity-listing .screening-required, .organization-list .opportunity-listing .hours, .organization-list .organization-listing .screening-required, .organization-list .organization-listing .hours {
  margin-top: 5px;
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.opportunity-list .opportunity-listing i.fas, .opportunity-list .organization-listing i.fas, .organization-list .opportunity-listing i.fas, .organization-list .organization-listing i.fas {
  width: 20px;
  flex-shrink: 0;
  color: #67c7c3;
}
.opportunity-list .opportunity-listing .opportunity-title h2, .opportunity-list .opportunity-listing .opportunity-title h3, .opportunity-list .opportunity-listing .opportunity-title h4, .opportunity-list .opportunity-listing .organization-title h2, .opportunity-list .opportunity-listing .organization-title h3, .opportunity-list .opportunity-listing .organization-title h4, .opportunity-list .organization-listing .opportunity-title h2, .opportunity-list .organization-listing .opportunity-title h3, .opportunity-list .organization-listing .opportunity-title h4, .opportunity-list .organization-listing .organization-title h2, .opportunity-list .organization-listing .organization-title h3, .opportunity-list .organization-listing .organization-title h4, .organization-list .opportunity-listing .opportunity-title h2, .organization-list .opportunity-listing .opportunity-title h3, .organization-list .opportunity-listing .opportunity-title h4, .organization-list .opportunity-listing .organization-title h2, .organization-list .opportunity-listing .organization-title h3, .organization-list .opportunity-listing .organization-title h4, .organization-list .organization-listing .opportunity-title h2, .organization-list .organization-listing .opportunity-title h3, .organization-list .organization-listing .opportunity-title h4, .organization-list .organization-listing .organization-title h2, .organization-list .organization-listing .organization-title h3, .organization-list .organization-listing .organization-title h4 {
  font-size: 20px;
  padding-bottom: 1px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: box;
  line-clamp: 2;
  word-break: break-word;
}
.opportunity-list .opportunity-listing .opportunity-title h2 a:hover, .opportunity-list .opportunity-listing .opportunity-title h2 a:active, .opportunity-list .opportunity-listing .opportunity-title h2 a:focus, .opportunity-list .opportunity-listing .opportunity-title h3 a:hover, .opportunity-list .opportunity-listing .opportunity-title h3 a:active, .opportunity-list .opportunity-listing .opportunity-title h3 a:focus, .opportunity-list .opportunity-listing .opportunity-title h4 a:hover, .opportunity-list .opportunity-listing .opportunity-title h4 a:active, .opportunity-list .opportunity-listing .opportunity-title h4 a:focus, .opportunity-list .opportunity-listing .organization-title h2 a:hover, .opportunity-list .opportunity-listing .organization-title h2 a:active, .opportunity-list .opportunity-listing .organization-title h2 a:focus, .opportunity-list .opportunity-listing .organization-title h3 a:hover, .opportunity-list .opportunity-listing .organization-title h3 a:active, .opportunity-list .opportunity-listing .organization-title h3 a:focus, .opportunity-list .opportunity-listing .organization-title h4 a:hover, .opportunity-list .opportunity-listing .organization-title h4 a:active, .opportunity-list .opportunity-listing .organization-title h4 a:focus, .opportunity-list .organization-listing .opportunity-title h2 a:hover, .opportunity-list .organization-listing .opportunity-title h2 a:active, .opportunity-list .organization-listing .opportunity-title h2 a:focus, .opportunity-list .organization-listing .opportunity-title h3 a:hover, .opportunity-list .organization-listing .opportunity-title h3 a:active, .opportunity-list .organization-listing .opportunity-title h3 a:focus, .opportunity-list .organization-listing .opportunity-title h4 a:hover, .opportunity-list .organization-listing .opportunity-title h4 a:active, .opportunity-list .organization-listing .opportunity-title h4 a:focus, .opportunity-list .organization-listing .organization-title h2 a:hover, .opportunity-list .organization-listing .organization-title h2 a:active, .opportunity-list .organization-listing .organization-title h2 a:focus, .opportunity-list .organization-listing .organization-title h3 a:hover, .opportunity-list .organization-listing .organization-title h3 a:active, .opportunity-list .organization-listing .organization-title h3 a:focus, .opportunity-list .organization-listing .organization-title h4 a:hover, .opportunity-list .organization-listing .organization-title h4 a:active, .opportunity-list .organization-listing .organization-title h4 a:focus, .organization-list .opportunity-listing .opportunity-title h2 a:hover, .organization-list .opportunity-listing .opportunity-title h2 a:active, .organization-list .opportunity-listing .opportunity-title h2 a:focus, .organization-list .opportunity-listing .opportunity-title h3 a:hover, .organization-list .opportunity-listing .opportunity-title h3 a:active, .organization-list .opportunity-listing .opportunity-title h3 a:focus, .organization-list .opportunity-listing .opportunity-title h4 a:hover, .organization-list .opportunity-listing .opportunity-title h4 a:active, .organization-list .opportunity-listing .opportunity-title h4 a:focus, .organization-list .opportunity-listing .organization-title h2 a:hover, .organization-list .opportunity-listing .organization-title h2 a:active, .organization-list .opportunity-listing .organization-title h2 a:focus, .organization-list .opportunity-listing .organization-title h3 a:hover, .organization-list .opportunity-listing .organization-title h3 a:active, .organization-list .opportunity-listing .organization-title h3 a:focus, .organization-list .opportunity-listing .organization-title h4 a:hover, .organization-list .opportunity-listing .organization-title h4 a:active, .organization-list .opportunity-listing .organization-title h4 a:focus, .organization-list .organization-listing .opportunity-title h2 a:hover, .organization-list .organization-listing .opportunity-title h2 a:active, .organization-list .organization-listing .opportunity-title h2 a:focus, .organization-list .organization-listing .opportunity-title h3 a:hover, .organization-list .organization-listing .opportunity-title h3 a:active, .organization-list .organization-listing .opportunity-title h3 a:focus, .organization-list .organization-listing .opportunity-title h4 a:hover, .organization-list .organization-listing .opportunity-title h4 a:active, .organization-list .organization-listing .opportunity-title h4 a:focus, .organization-list .organization-listing .organization-title h2 a:hover, .organization-list .organization-listing .organization-title h2 a:active, .organization-list .organization-listing .organization-title h2 a:focus, .organization-list .organization-listing .organization-title h3 a:hover, .organization-list .organization-listing .organization-title h3 a:active, .organization-list .organization-listing .organization-title h3 a:focus, .organization-list .organization-listing .organization-title h4 a:hover, .organization-list .organization-listing .organization-title h4 a:active, .organization-list .organization-listing .organization-title h4 a:focus {
  border-bottom: 1px solid;
  border-bottom-color: #67c7c3;
  color: #242424;
  text-decoration: none;
}
.opportunity-list .opportunity-listing .opportunity-description, .opportunity-list .organization-listing .opportunity-description, .organization-list .opportunity-listing .opportunity-description, .organization-list .organization-listing .opportunity-description {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: box;
  line-clamp: 4;
}
.opportunity-list .opportunity-listing .opportunity-description p, .opportunity-list .opportunity-listing .opportunity-description ul, .opportunity-list .opportunity-listing .opportunity-description ol, .opportunity-list .opportunity-listing .opportunity-description blockquote, .opportunity-list .organization-listing .opportunity-description p, .opportunity-list .organization-listing .opportunity-description ul, .opportunity-list .organization-listing .opportunity-description ol, .opportunity-list .organization-listing .opportunity-description blockquote, .organization-list .opportunity-listing .opportunity-description p, .organization-list .opportunity-listing .opportunity-description ul, .organization-list .opportunity-listing .opportunity-description ol, .organization-list .opportunity-listing .opportunity-description blockquote, .organization-list .organization-listing .opportunity-description p, .organization-list .organization-listing .opportunity-description ul, .organization-list .organization-listing .opportunity-description ol, .organization-list .organization-listing .opportunity-description blockquote {
  margin-bottom: 10px;
}
.opportunity-list .opportunity-listing .opportunity-description p li, .opportunity-list .opportunity-listing .opportunity-description ul li, .opportunity-list .opportunity-listing .opportunity-description ol li, .opportunity-list .opportunity-listing .opportunity-description blockquote li, .opportunity-list .organization-listing .opportunity-description p li, .opportunity-list .organization-listing .opportunity-description ul li, .opportunity-list .organization-listing .opportunity-description ol li, .opportunity-list .organization-listing .opportunity-description blockquote li, .organization-list .opportunity-listing .opportunity-description p li, .organization-list .opportunity-listing .opportunity-description ul li, .organization-list .opportunity-listing .opportunity-description ol li, .organization-list .opportunity-listing .opportunity-description blockquote li, .organization-list .organization-listing .opportunity-description p li, .organization-list .organization-listing .opportunity-description ul li, .organization-list .organization-listing .opportunity-description ol li, .organization-list .organization-listing .opportunity-description blockquote li {
  padding-bottom: 0.2em;
}
.opportunity-list .opportunity-listing .opportunity-description p:last-child, .opportunity-list .opportunity-listing .opportunity-description ul:last-child, .opportunity-list .opportunity-listing .opportunity-description ol:last-child, .opportunity-list .opportunity-listing .opportunity-description blockquote:last-child, .opportunity-list .organization-listing .opportunity-description p:last-child, .opportunity-list .organization-listing .opportunity-description ul:last-child, .opportunity-list .organization-listing .opportunity-description ol:last-child, .opportunity-list .organization-listing .opportunity-description blockquote:last-child, .organization-list .opportunity-listing .opportunity-description p:last-child, .organization-list .opportunity-listing .opportunity-description ul:last-child, .organization-list .opportunity-listing .opportunity-description ol:last-child, .organization-list .opportunity-listing .opportunity-description blockquote:last-child, .organization-list .organization-listing .opportunity-description p:last-child, .organization-list .organization-listing .opportunity-description ul:last-child, .organization-list .organization-listing .opportunity-description ol:last-child, .organization-list .organization-listing .opportunity-description blockquote:last-child {
  margin-bottom: 0;
}
.opportunity-list .opportunity-listing .opportunity-more-button, .opportunity-list .organization-listing .opportunity-more-button, .organization-list .opportunity-listing .opportunity-more-button, .organization-list .organization-listing .opportunity-more-button {
  margin-top: 15px;
}
.opportunity-list .opportunity-listing .opportunity-org, .opportunity-list .organization-listing .opportunity-org, .organization-list .opportunity-listing .opportunity-org, .organization-list .organization-listing .opportunity-org {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 10px;
  line-height: 1.2;
}
.opportunity-list .opportunity-listing .organization-listings, .opportunity-list .organization-listing .organization-listings, .organization-list .opportunity-listing .organization-listings, .organization-list .organization-listing .organization-listings {
  font-size: 14px;
  margin-bottom: 10px;
  font-style: italic;
}
.opportunity-list .opportunity-listing .organization-description, .opportunity-list .organization-listing .organization-description, .organization-list .opportunity-listing .organization-description, .organization-list .organization-listing .organization-description {
  font-size: 16px;
  margin-bottom: 5px;
}
.opportunity-list .opportunity-listing .opportunity-more-button .fl-button, .opportunity-list .organization-listing .opportunity-more-button .fl-button, .organization-list .opportunity-listing .opportunity-more-button .fl-button, .organization-list .organization-listing .opportunity-more-button .fl-button {
  border: 2px solid #67c7c3;
  background: white;
  color: #424242;
  padding: 8px 25px;
  width: 100%;
  text-align: center;
}
.opportunity-list .opportunity-listing .opportunity-more-button .fl-button:hover, .opportunity-list .organization-listing .opportunity-more-button .fl-button:hover, .organization-list .opportunity-listing .opportunity-more-button .fl-button:hover, .organization-list .organization-listing .opportunity-more-button .fl-button:hover {
  background-color: #67c7c3;
  color: white;
}
.opportunity-list .fl-post-column, .organization-list .fl-post-column {
  border: none;
}
.opportunity-list .fl-post-column .fl-post-grid-post, .organization-list .fl-post-column .fl-post-grid-post {
  border-radius: 0 4px 4px 0;
}
.opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing {
  border-color: #f9af3b;
}
.opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h2 a:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h2 a:active, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h2 a:focus, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h3 a:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h3 a:active, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h3 a:focus, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h4 a:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h4 a:active, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing h4 a:focus, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h2 a:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h2 a:active, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h2 a:focus, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h3 a:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h3 a:active, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h3 a:focus, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h4 a:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h4 a:active, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing h4 a:focus, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h2 a:hover, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h2 a:active, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h2 a:focus, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h3 a:hover, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h3 a:active, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h3 a:focus, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h4 a:hover, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h4 a:active, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing h4 a:focus, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h2 a:hover, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h2 a:active, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h2 a:focus, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h3 a:hover, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h3 a:active, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h3 a:focus, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h4 a:hover, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h4 a:active, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing h4 a:focus {
  border-bottom-color: #f9af3b;
}
.opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing .opportunity-org a, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing .opportunity-org a, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing .opportunity-org a, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing .opportunity-org a {
  color: #f8a522;
}
.opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing i.fas, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing i.fas, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing i.fas, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing i.fas {
  color: #f9af3b;
}
.opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing .opportunity-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing .organization-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing .opportunity-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing .organization-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing .opportunity-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing .organization-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing .opportunity-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing .organization-more-button .fl-button {
  border-color: #f9af3b;
}
.opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing .opportunity-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .opportunity-listing .organization-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing .opportunity-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(3n+2) .organization-listing .organization-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing .opportunity-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+2) .opportunity-listing .organization-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing .opportunity-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+2) .organization-listing .organization-more-button .fl-button:hover {
  background-color: #f9af3b;
  color: #242424;
}
.opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing {
  border-color: #f17b9e;
}
.opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h2 a:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h2 a:active, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h2 a:focus, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h3 a:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h3 a:active, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h3 a:focus, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h4 a:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h4 a:active, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing h4 a:focus, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h2 a:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h2 a:active, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h2 a:focus, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h3 a:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h3 a:active, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h3 a:focus, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h4 a:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h4 a:active, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing h4 a:focus, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h2 a:hover, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h2 a:active, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h2 a:focus, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h3 a:hover, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h3 a:active, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h3 a:focus, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h4 a:hover, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h4 a:active, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing h4 a:focus, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h2 a:hover, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h2 a:active, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h2 a:focus, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h3 a:hover, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h3 a:active, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h3 a:focus, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h4 a:hover, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h4 a:active, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing h4 a:focus {
  border-bottom-color: #f17b9e;
}
.opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing .opportunity-org a, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing .opportunity-org a, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing .opportunity-org a, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing .opportunity-org a {
  color: #f17b9e;
}
.opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing i.fas, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing i.fas, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing i.fas, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing i.fas {
  color: #f17b9e;
}
.opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing .opportunity-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing .organization-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing .opportunity-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing .organization-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing .opportunity-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing .organization-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing .opportunity-more-button .fl-button, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing .organization-more-button .fl-button {
  border-color: #f17b9e;
}
.opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing .opportunity-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .opportunity-listing .organization-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing .opportunity-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(3n+3) .organization-listing .organization-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing .opportunity-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+3) .opportunity-listing .organization-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing .opportunity-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(3n+3) .organization-listing .organization-more-button .fl-button:hover {
  background-color: #f17b9e;
}
.opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing {
  border-color: #fcde02;
}
.opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h2 a:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h2 a:active, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h2 a:focus, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h3 a:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h3 a:active, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h3 a:focus, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h4 a:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h4 a:active, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing h4 a:focus, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h2 a:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h2 a:active, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h2 a:focus, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h3 a:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h3 a:active, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h3 a:focus, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h4 a:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h4 a:active, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing h4 a:focus, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h2 a:hover, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h2 a:active, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h2 a:focus, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h3 a:hover, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h3 a:active, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h3 a:focus, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h4 a:hover, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h4 a:active, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing h4 a:focus, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h2 a:hover, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h2 a:active, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h2 a:focus, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h3 a:hover, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h3 a:active, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h3 a:focus, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h4 a:hover, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h4 a:active, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing h4 a:focus {
  border-bottom-color: #fcde02;
}
.opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing .opportunity-org a, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing .opportunity-org a, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing .opportunity-org a, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing .opportunity-org a {
  color: #e3c802;
}
.opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing i.fas, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing i.fas, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing i.fas, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing i.fas {
  color: #e3c802;
}
.opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing .opportunity-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing .organization-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing .opportunity-more-button .fl-button, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing .organization-more-button .fl-button, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing .opportunity-more-button .fl-button, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing .organization-more-button .fl-button, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing .opportunity-more-button .fl-button, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing .organization-more-button .fl-button {
  border-color: #fcde02;
}
.opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing .opportunity-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .opportunity-listing .organization-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing .opportunity-more-button .fl-button:hover, .opportunity-list .fl-post-column:nth-child(6n+5) .organization-listing .organization-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing .opportunity-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(6n+5) .opportunity-listing .organization-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing .opportunity-more-button .fl-button:hover, .organization-list .fl-post-column:nth-child(6n+5) .organization-listing .organization-more-button .fl-button:hover {
  background-color: #fcde02;
  color: #242424;
}

.page-numbers-wrapper {
  padding: 20px;
}
.page-numbers-wrapper .page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.page-numbers-wrapper .page-numbers li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-numbers-wrapper .page-numbers li a {
  border: 1px solid #e6e6e6;
  display: inline-block;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
}
.page-numbers-wrapper .page-numbers li a:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.page-numbers-wrapper .page-numbers li span.page-numbers {
  border: 1px solid #e6e6e6;
  display: inline-block;
  padding: 5px 10px;
  margin: 0 5px 5px 0;
}
.page-numbers-wrapper .page-numbers li span.current {
  background: #f5f5f5;
  text-decoration: none;
}

.featured-organization .organization-list {
  justify-content: center;
}
.featured-organization .organization-list .fl-post-column {
  width: 100%;
}
@media (min-width: 768px) {
  .featured-organization .organization-list .fl-post-column {
    width: 50%;
  }
}

.taxonomy-terms {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 8px;
}

.taxonomy-terms .taxonomy-term {
  list-style-type: none;
  position: relative;
  border-radius: 100px;
  padding: 0 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: default;
  line-height: 1.2;
}
.taxonomy-terms .taxonomy-term::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background-color: #f17b9e;
  border-radius: 50%;
  font-size: 0em;
}

.opportunity-tags {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  padding-left: 0;
}
.opportunity-tags .opportunity-tag {
  background: linear-gradient(330deg, rgba(241, 123, 158, 0.12), rgba(241, 123, 158, 0.01));
  padding: 3px 12px;
  list-style-type: none;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.opportunity-tags .opportunity-tag::before {
  content: none;
}
.opportunity-tags .opportunity-tag .opportunity-icon {
  filter: invert(82%) sepia(26%) saturate(4804%) hue-rotate(295deg) brightness(93%) contrast(103%);
  margin-right: 0;
}
ul.organization-categories {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
ul.organization-categories li {
  display: inline-block;
}
ul.organization-categories li a {
  background-color: #67c7c3;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
ul.organization-categories li a:hover {
  background-color: #54c0bc;
}

#apply-now {
  background: white;
  max-width: 600px;
  position: relative;
}
#apply-now .mfp-wrap .mfp-close {
  top: 0;
}
#apply-now .fl-rich-text {
  text-align: center;
}
#apply-now .gform_button {
  border: 2px solid #67c7c3;
  border-radius: 0;
  background: white;
  transition: ease-in-out 0.1s;
  text-transform: uppercase;
}
#apply-now .gform_button:hover {
  background-color: #67c7c3;
  color: white;
}

.apply-now-button-container {
  display: flex;
  column-gap: 1em;
  align-items: center;
}

.apply-now-button-wrapper #apply-button {
  text-align: center;
  font-size: 18px;
  padding-left: 2em;
  padding-right: 2em;
  border-color: #f17b9e;
}
@media (max-width: 767px) {
  .apply-now-button-wrapper #apply-button {
    font-size: 16px;
  }
}
.apply-now-button-wrapper #apply-button:hover {
  background: #f17b9e;
  color: white;
}

.need-help {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
}
.need-help .calendar-link {
  font-size: 0.9em;
  font-style: italic;
  padding-left: 3px;
  line-height: 1.2;
}

.square-image {
  max-width: 480px;
  position: relative;
}
.square-image .fl-photo-content {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 0.5rem;
  background: #fff;
  position: relative;
  min-width: 50px;
  width: 100%;
}
.square-image .fl-photo-content::before {
  display: block;
  content: "";
  padding-top: 100%;
}
.square-image .fl-photo-content img {
  max-height: calc(100% - 1rem);
  max-width: calc(100% - 1rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  display: block;
}

.bi-sync__wrap {
  margin: 1rem 0;
}

.bi-sync__btn {
  margin-right: 0.5rem;
  padding: 0.4rem 0.7rem;
  cursor: pointer;
}

.bi-sync__status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.bi-sync__spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #0073aa;
  animation: bi-sync-spin 0.6s linear infinite;
}

.bi-sync__log {
  margin-top: 0.35rem;
  font-size: 0.9rem;
}

.bi-sync__ok {
  color: #2e7d32;
}

.bi-sync__err {
  color: #c62828;
}

@keyframes bi-sync-spin {
  to {
    transform: rotate(360deg);
  }
}
@media print {
  .page-id-3023, .page-id-3513 { /*this is staging so change it on dev*/ }
  .page-id-3023 .fl-page-header,
  .page-id-3023 .fl-row-bg-photo,
  .page-id-3023 header,
  .page-id-3023 footer, .page-id-3513 .fl-page-header,
  .page-id-3513 .fl-row-bg-photo,
  .page-id-3513 header,
  .page-id-3513 footer {
    display: none;
  }
  .page-id-3023 .vl-gradient, .page-id-3513 .vl-gradient {
    display: block;
  }
  .page-id-3023 .fl-col-group, .page-id-3513 .fl-col-group {
    display: flex;
    flex-direction: row;
  }
  @page {
    margin-top: 0;
    margin-bottom: 0;
  }
  body {
    padding-top: 30px;
  }
  html, body {
    height: auto;
  }
  .no-print {
    display: none !important;
  }
}
/* Ensure box can position action buttons */
.fl-module-box {
  position: relative;
}
.fl-module-box.bi-editing {
  outline: 1px dashed rgba(0, 115, 170, 0.5);
}

/* Action buttons */
.bi-box-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  z-index: 5;
}
.bi-box-actions__btn {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  padding: 0;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  background: #eee;
  color: #333;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
  /* Delete button base + hover/focus */
  /* Edit button active state (when JS adds --active) */
  /* Edit button when NOT active: keep neutral on hover/focus */
}
.bi-box-actions__btn:hover, .bi-box-actions__btn:focus {
  outline: none;
  background: #0073aa;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.bi-box-actions__btn--delete {
  background: #f5e5e5;
  color: #a00;
}
.bi-box-actions__btn--delete:hover, .bi-box-actions__btn--delete:focus {
  background: #d63638;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.bi-box-actions__btn--edit.bi-box-actions__btn--active, .bi-box-actions__btn--edit.bi-box-actions__btn--active:hover, .bi-box-actions__btn--edit.bi-box-actions__btn--active:focus {
  background: #0073aa;
  color: #fff;
  transform: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.bi-box-actions__btn--edit:not(.bi-box-actions__btn--active):hover, .bi-box-actions__btn--edit:not(.bi-box-actions__btn--active):focus {
  background: #eee;
  color: #333;
  transform: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  outline: none;
}

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