@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

@font-face {
    font-family: 'TradeGothicLTPro-BdCn20';
    src: url('../fonts/2B9918_0_0.eot');
    src: url('../fonts/2B9918_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B9918_0_0.woff') format('woff'),url('../fonts/2B9918_0_0.ttf') format('truetype');
    font-display: swap;
}

/* vars */

:root {
  --font-sans: "Titillium Web", sans-serif;
  --font-headline: "TradeGothicLTPro-BdCn20", "Titillium Web", Helvetica, Arial, sans-serif;
  --oliverolocal-color-primary: #92955E;
  --oliverolocal-color-secondary: #5A1400;
  --oliverolocal-color-light-blue: #7ad0e2;
  --oliverolocal-color-grey: #4d4d4d;
}

/* set full width */
.page-wrapper {
  max-width: revert;
}
@media (min-width: 75rem) {
  .main-content {
    width: 100%;
  }
}

/* don't show social bar */
.social-bar {
  display: none;
}

/* no drupals */
body {
  background-image: none;
}

/* main content adjustments */

.main-content__container {
  padding-block-start: var(--sp1);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 700px) {
  .main-content__container {
    padding-block-start: var(--sp2);
  }
}

.block-page-title-block {
  margin-bottom: 0px;
}

#block-oliverolocal-content {
  margin-block-start: var(--sp1);
  margin-block-end: 0px;
}


.text-content p {
  margin-block-end: var(--sp1);
  margin-block-start: var(--sp1);
  max-width: 45em;
  line-height: var(--sp1-5);
}

p, ol, ul, .text-content {
  font-family: var(--font-sans);
}

h1, h2, h3 {
  font-family: var(--font-headline);
}

h1 {
  color: var(--oliverolocal-color-secondary);
}

a, .text-content a {
  color: var(--oliverolocal-color-secondary);
  font-weight: 600;
  text-decoration: none;
}

a:hover, .text-content a:hover {
  color: var(--oliverolocal-color-primary);
  text-decoration: none;
}
a:focus, .text-content a:focus {
  text-decoration: none;
}

@media (min-width: 43.75rem) {
    h1 {
        font-size: 2.75rem;
        line-height: var(--sp3);
    }
}

.node__content .field--name-field-media-contacts .field__label {
  font-family: var(--font-sans);
  font-size: 1.5em;
}

.text-content {
  hyphens: none;
}

figure {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

figcaption {
  background: var(--color--white);
  font-size: 0.75rem;
  font-style: revert;
  font-family: var(--font-sans);
  padding-inline-start: 0px;
  padding-inline-end: 0px;
}

@media (min-width: 31.25rem) {
  figcaption {
    padding-block: var(--sp0-5);
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    font-size: 0.875rem;
  }
}

/* Header */

.site-header {
  min-height: 0px;
}

.site-header__initial {
  display: none;
}

.site-header__inner__container {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

#block-oliverolocal-page-title {
  text-align: center;
}

.navbar-fixedcontent {
  float: left;
}

.navbar-content-primary {
  position: relative;
  float: right;
  display: flex;
  align-items: center;
  height: 70px;
}

@media (max-width: 699px) {
  .navbar-content-primary {
    display: none;
  }
  .navbar-fixedcontent img {
    max-height: 48px;
  }
}

.text-content .navbar-content-primary a {
  font-family: var(--font-headline);
  color: var(--oliverolocal-color-secondary);
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 22px;
}

#block-oliverolocal-logoheader {
  width: 100%;
  max-width: 100%;
}

.site-header__inner {
  width: 100%;
  max-width: 100%;
}

.region--hero img {
  width: 100%;
}

.views-field-field-caption, .views-field-field-action-caption, .text-content.field--name-field-caption {
  display: flex;
  justify-content: right;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 700px) {
  .views-field-field-caption, .views-field-field-action-caption, .text-content.field--name-field-caption {
    font-size: 0.9rem;
    line-height: 1.1rem;
  }
}

/* old school block header */
.block__content div.field--name-field-banner {
  margin-block-end: 0px;
}

/* Footer */
.site-footer {
  background: #272820;
  color:  var(--color--white);
  border-inline-start: 0px !important;
  margin-block-start: 1.5em;
  border-inline-start-color:  #272820 !important;
}

body {
  background-color: #272820;
}

.site-footer__inner {
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}

#block-oliverolocal-wildsightfooter-2 {
  margin-block-end: 0px;
}

.site-footer__inner ul{
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.site-footer__inner li{
  list-style-type: none;
  display: inline-block;
  margin-right: 2em;
  break-inside: avoid-column;
  page-break-inside: avoid;
}

.site-footer .site-footer__inner .text-content a {
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8em;
}

.site-footer .site-footer__inner .text-content a:hover,a:active {
  color: var(--oliverolocal-color-2);
}

.forwildsightupdates {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  margin-block-end: 0px;
}

/* backend */
.filter-guidelines, .filter-help, .filter-guidelines {
  display: none;
}

.user-logged-in strong {
  font-weight: bold;
}

/* Login */

.wp_google_login .wp_google_login__button {
  font-family: var(--font-headline);
  color: var(--oliverolocal-color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 2.5em;
  margin-bottom: 2.5em;
}

/* general webforms */

fieldset legend.fieldset__legend {
  background-color: var(--oliverolocal-color-2) !important;
  border-top-right-radius: revert;
  border-top-left-radius: revert;
}

fieldset, fieldset .fieldset__wrapper {
  border-color: var(--oliverolocal-color-2) !important;
}

.form-item__label.form-required::after {
  vertical-align: revert !important;
}

/* webform buttons */
.form-actions {
  justify-content: center;
}


/* Action alert header */

.messages__header {
  display: none;
}

.messages {
  background-color: var(--oliverolocal-color-grey);
  padding-inline-start: var(--sp1);
  padding-inline-start: var(--sp1);
}

@media (max-width: 699px) {
  .messages__button {
    display: none;
  }
  .mesages-list {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
  }
}


/* Action alert body */
@media (min-width: 1000px) {
  .page-node-type-action-alert-page .layout--pass--content-medium > * {
    grid-column: 1 / 18;
  }
  .page-node-type-action-alert-page .node__content {
    display: flex;
    gap: 2rem;
  }
  .page-node-type-action-alert-page .node__content > div {
    flex: 1;
  }
  .page-node-type-action-alert-page #block-oliverolocal-content {
    margin-block-start: var(--sp2);
  }
  .page-node-type-action-alert-page .field--name-field-form-headline-mobile-only:not(.form-wrapper) {
    display: none;
  }
  .messages-list {
    margin-block-end: 0px;
  }
}

.page-node-type-action-alert-page .field--name-field-form-headline-mobile-only:not(.form-wrapper) {
  font-family: var(--font-headline);
  color: var(--oliverolocal-color-secondary);
  font-size: 1.5rem;
  text-align: center;
  margin-block-end: 0.5rem;
  line-height: 2.25rem;
  border-bottom: solid black 0.075rem;
}

@media (min-width: 1440px) {
  .page-node-type-action-alert-page .node__content {
    gap: 4rem;
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  .page-node-type-action-alert-page .layout--pass--content-medium > * {
    grid-column: 3 / 13;
  }
}

.page-node-type-action-alert-page .main-content__container {
  max-width: 92rem;
}

@media (max-width: 999px) {
  .mobilehide {
    display: none;
  }
  .page-node-type-action-alert-page .field--name-body:not(.form-wrapper) {
    margin-block-end: var(--sp1);
  }
}

.page-node-type-action-alert-page .webform-submission-form {
  display: grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  row-gap: 0rem;
  column-gap: 1rem;
}
  
@media (min-width: 1000px) {
  .page-node-type-action-alert-page .webform-submission-form {
    background-color: #dfe0ce;
    padding: 1.5rem;
    border-radius: 1rem;
  }
}

.page-node-type-action-alert-page .webform-submission-form div {
  grid-column: 1 / span 2;
  margin-block-start: 0.25rem;
  margin-block-end: 0.25rem; 
}

.page-node-type-action-alert-page .webform-submission-form [class*="contact-first-name"],
.page-node-type-action-alert-page .webform-submission-form [class*="contact-last-name"], 
.page-node-type-action-alert-page .webform-submission-form [class*="address-city"],
.page-node-type-action-alert-page .webform-submission-form [class*="address-postal-code"],
.page-node-type-action-alert-page .webform-submission-form [class*="address-country-id"],
.page-node-type-action-alert-page .webform-submission-form [class*="address-state-province-id"] {
  grid-column: revert;
}

.page-node-type-action-alert-page .webform-submission-form div input:not(.button), 
.page-node-type-action-alert-page .webform-submission-form div select {
  width: 100%;
}

.page-node-type-action-alert-page .webform-submission-form div p {
  margin-block-start: 0.25rem;
  margin-block-end: 0.25rem;
}

.page-node-type-action-alert-page .webform-submission-form div input.button {
  margin-block-start: var(--sp2);
}

.form-type-processed-text {
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}

/* Sticky sign now footer for action alerts */
@media (min-width: 1000px) {
  #dontshowfooter {
    display: none;
  }
} 

#dontshowfooter, .footer-container {
  background: var(--oliverolocal-color-light-blue);
  padding: 0.75em;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  z-index: 1000 !important;
  opacity: 1 !important;
}

#dontshowfooter .footer-container {
  text-align: center;
}

#dontshowfooter .footer-container a {
  font-family: var(--font-headline);
  font-size: 1.5rem;
  color: #fff;
}

/* Karin's */
/* Layout Changes */

@media (min-width: 700px) {
  .sidebar-grid .site-main {
    grid-column: 2 / 11;
  }
  .layout--pass--content-medium > * {
    grid-column: 2 / 18;
  }
}

/* Smaller indent for 700px, 1000px, ... */
@media (min-width: 700px) {
    .sidebar-grid .layout--pass--content-medium > #block-oliverolocal-content {
       -ms-grid-column: 2;
       -ms-grid-column-span: 10;
       grid-column: 1 / 11;
    }
}


/* Color changes */
[dir] .text-content a {
  box-shadow: none;
}

[dir] .text-content h1 a,
[dir] .text-content h1 a:hover,
[dir] .text-content h1 a:focus,
[dir] .text-content h1 a:visited,
[dir] .text-content h1 a:link,
[dir] .text-content h2 a,
[dir] .text-content h2 a:hover,
[dir] .text-content h2 a:focus,
[dir] .text-content h2 a:visited,
[dir] .text-content h2 a:link,
[dir] .text-content h3 a,
[dir] .text-content h3 a:hover,
[dir] .text-content h3 a:focus,
[dir] .text-content h3 a:visited,
[dir] .text-content h3 a:link {
  box-shadow: none;
  text-decoration: none;
}

[dir] .text-content a.button,
[dir] .text-content a.button:hover,
[dir] .text-content a.button:focus {
  box-shadow: none;
  text-decoration: none;
}
.node__title a:hover {
  color: var(--oliverolocal-color-2, #002855);
}
[dir] .site-header__initial,
[dir] .sticky-header-toggle {
  background-color: var(--oliverolocal-color-1, #00703C);
}
[dir] .header__left {
  background-color: var(--oliverolocal-color-1, #00703C);
}
[dir] .nav-primary__button {
  background-color: var(--oliverolocal-color-1, #00703C);
}
[dir] .mobile-nav-button__icon:before {
  background-color: var(--oliverolocal-color-1, #00703C);
}  
[dir] .mobile-nav-button__icon {
  background-color: var(--oliverolocal-color-1, #00703C);
}  
[dir] .mobile-nav-button__icon:after {
  background-color: var(--oliverolocal-color-1, #00703C);
}
/* Colour and align buttons */
[dir] .button--primary, input.webform-button--next {
  background-color: var(--oliverolocal-color-2, #002855);
  border-color: var(--oliverolocal-color-2, #002855);
  color: var(--color--white);
}
[dir] .button--secondary:active,
[dir] .button--secondary:hover,
[dir] .button--secondary {
  background-color: var(--oliverolocal-color-3, #d50058);
  border-color: var(--oliverolocal-color-3, #d50058);
  justify-content: center;
  min-width: 270px;
  color: #fff;
  font-family:"metropolis",sans-serif;
}
[dir] .button--secondaryinmenu:active,
[dir] .button--secondaryinmenu:hover,
[dir] .button--secondaryinmenu {
  background-color: var(--oliverolocal-color-2, #002855);
  border-color: var(--oliverolocal-color-2, #002855);
  justify-content: center;
  color: #fff;
  font-family:"metropolis",sans-serif;
  min-width: 190px;
  margin-left: 20px;
}
.node__title a:hover {
  color: var(--oliverolocal-color-2, #002855);
}
[dir] .header__left {
  background-color: var(--oliverolocal-color-2, #002855);
}
[dir] .nav-primary__button {
  background-color: var(--oliverolocal-color-2, #002855);
}
[dir] .mobile-nav-button__icon:before {
  background-color: var(--oliverolocal-color-2, #002855);
}  
[dir] .mobile-nav-button__icon {
  background-color: var(--oliverolocal-color-2, #002855);
}  
[dir] .mobile-nav-button__icon:after {
  background-color: var(--oliverolocal-color-2, #002855);
}
[dir] .button--primary {
  background-color: var(--oliverolocal-color-2, #002855);
  border-color: var(--oliverolocal-color-2, #002855);
}
.breadcrumb__link {
  color: var(--oliverolocal-color-2, #002855);
}
[dir] .primary-nav__menu-link-inner:after {
  border-top: solid 5px var(--oliverolocal-color-2, #002855);
}
@media (min-width: 1200px) {
  [dir] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
    border-top: solid 9px var(--oliverolocal-color-2, #002855);
  }
}
@media (min-width: 1200px) {
  [dir] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2:after {
    border-bottom: solid 10px var(--oliverolocal-color-2, #002855);
  }
}
@media (min-width: 700px) {
  [dir] .tabs__link.is-active:after {
    border-top: solid 6px var(--oliverolocal-color-2, #002855);
  }
  [dir] .primary-nav__button-toggle .icon--menu-toggle:before, [dir] .primary-nav__button-toggle .icon--menu-toggle:after {
    border-top: solid 3px var(--oliverolocal-color-2, #002855);
  }
}

.breadcrumb:after {
  background: none;
}

/* Block quote */
.text-content blockquote:before {
  font-weight: bold;
  font-size: 158px;
  color: var(--oliverolocal-color-2, #002855);
}
[dir] .text-content blockquote {
  padding-left: 80px;
}

/* Add some space to fullawesome icons */
.svg-inline--fa {
  margin-right: 6px;
}

/* Decrease padding-top for main content - 90px is a bit much */
/*@media (min-width: 700px)*/
[dir] .main-content {
    padding-top: 0px;
}

/* Make inline links inline. */
ul.links.inline {
  display: inline-block;
  list-style-type: none;
  margin: 0 1em 0 0;
}

/* Colour the slick navigation buttons */
.slick-arrow::before {
    color: var(--oliverolocal-color-2, #002855);
}

/* Remove huge padding-top and bottom */
/* @media (min-width: 1200px) */
[dir] .featured-bottom__inner {
    padding-top: 0;
    padding-bottom: 0;
}

/* Remove some more XL padding */
/* @media (min-width: 1200px) */
[dir] .node__content {
    padding-bottom: 1px;
}

/* Webform css*/
.webform-flexbox {
  padding-right: 1em;
}
table#wf-crm-billing-items {
    width: 100%;
}
.webform-likert-table-wrapper th {
    text-align: left;
    padding-left: 0.5em;
}
.crm-container input[type=text] {
  min-height: inherit;
}
#wf-crm-billing-items caption {
    display: none;
}

/* CiviCRM Contribution pages */
.crm-container input[type=text] {
    min-height: inherit;
}
/* Shoreditch versus olivero country select. */
.crm-container select.crm-form-select:hover {
  background-image: url(../../../files/civicrm/ext/org.civicrm.shoreditch/img/drop-down-arrow.svg);
}
.crm-container select.crm-form-select {
  background-image: url(../../../files/civicrm/ext/org.civicrm.shoreditch/img/drop-down-arrow.svg);
  height: 30px;
  line-height: 30px;
  padding: 0;
  padding-left: 1em;
}

/* Views css*/
/* Button spacing in views */
[dir=ltr] .views-element-container .button {
  margin: 0;
}

/* Table td spacing in views */
[dir=ltr] .views-table td {
  padding: 6px 18px 6px 0;
}

/* Center partners block title and logos. */
#block-views-block-funders-and-partners-block-1 {
  text-align: center;
}
#block-views-block-funders-and-partners-block-1 h2 {
  display: inline-block;
}
#block-views-block-funders-and-partners-block-1 img {
  display: inline-block;
}

/* Style co-Sponsor logos */
.block-views-blocksponsor-logos-block-1 {
  padding-top: 50px;
  padding-bottom: 20px;
}
.block-views-blocksponsor-logos-block-1 ul {
  text-align: center;
  padding-left: 0px;
}
.block-views-blocksponsor-logos-block-1 li {
  display: inline-block;
}
.block-views-blocksponsor-logos-block-1 img {
  float: left;
  padding-left: 0px;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

/* Footer social icons. */
#block-socialicons a {
  font-size: 280%;
  margin-right: .5em;
  box-shadow: none;
}

.ui-accordion .ui-accordion-header {
    background-color: var(--oliverolocal-color-2, #002855);
}
.ui-accordion .ui-state-default a, .ui-accordion .ui-state-default a:link, .ui-state-default a:visited  {
    color: #fff;
}
.ui-accordion .ui-icon,
.ui-accordion .ui-state-active .ui-icon,
.ui-accordion .ui-state-focus .ui-icon,
.ui-accordion .ui-state-hover .ui-icon {
  background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png);
}

/* Borrow application-pdf.png image */
.file--application-pdf {
    background-image: url(/core/themes/seven/images/classy/icons/application-pdf.png);
}
.file {
    display: inline-block;
    min-height: 16px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* CSS for Calendar -> handled by Asset Injector module */

/* Paragraph layout */
.page-node-type-layout-page .layout--twocol {
  row-gap: 2em;
  column-gap: 2em;
}
@media screen and (min-width: 40em) {
  .page-node-type-layout-page .layout--twocol > .layout__region--first,
  .page-node-type-layout-page .layout--twocol > .layout__region--second {
    flex: 0 1 calc(50% - 1em);
  }
}
/* Width:auto is too wide... */
@media (min-width: 31.25rem) {
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="color"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="date"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="datetime-local"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="email"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="file"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="month"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="number"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="password"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="search"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="tel"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="text"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="time"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="url"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout [type="week"],
  .page-node-type-layout-page .paragraph--type--paragraph-layout textarea {
    width: 100%;
  }
  .page-node-type-layout-page .paragraph--type--paragraph-layout .crm-container [type="text"] {
    width: inherit;
  }
}

/* Hotfix for D9.3 -> primary menu wrapping into rows */
.header-nav { flex-shrink: 0 }

body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
  flex-wrap: nowrap;
}

@media (max-width: 75rem) {
  [dir=ltr] .primary-nav__menu--level-2 {
    border-left: solid 18px var(--oliverolocal-color-2, #002855) !important;
  }
}

/* Color for submenu triangle */
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
    border-bottom: solid 10px var(--oliverolocal-color-2, #002855) !important;
  }
}

.page-node-type-basic-page .region--content .menu {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 2em;
  row-gap: 2em;
  padding: 0;
  margin: 0;
}
.page-node-type-basic-page .region--content .menu li {
  display: block;
}
.page-node-type-basic-page .region--content .menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  min-height: 300px;
  padding: 2em;
  text-align: center;
  color: var(--colour-dark);
  background-color: var(--colour-light);
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
}
.page-node-type-basic-page .region--content .menu li a:hover {
  color: var(--colour-light);
  background-color: var(--colour-dark);
}

.views-exposed-form .form-actions {
  padding-top: 0.55rem;
}

.block-views-blockpage-banner-block-1 .banner-title {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0.2em;
    color: var(--banner-text-color);
    background-color: var(--banner-box-color);
    text-transform: uppercase;
}
@media (min-width: 700px) {
.block-views-blockpage-banner-block-1 .block__content {
  position: relative;
}
.block-views-blockpage-banner-block-1 .banner-title-wrapper {
  position: absolute;
  top: calc(50% - 2em);
  left: 0;
  width: 100%;
  text-align: center;
}
.block-views-blockpage-banner-block-1 .banner-title-wrapper .banner-title {
  display: inline-block;
  color: var(--banner-text-color);
  background-color: var(--banner-box-color);
  box-shadow: 2px 2px 2px var(--banner-box-color);
  padding: .5em 2em;
  width: fit-content;
}
}

.blazy--view--team-projects .grid__content {
  width: 100%;
}
/* KG - generalize this */
.slick--view--highlights .views-field-field-highlight-link,
.blazy--view h4 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
/* KG - generalize this */
.slick--view--highlights .views-field-field-highlight-link a,
.blazy--view h4 a {
  display: block;
  width: 100%;
  text-align: center;
  color: var(--banner-text-color);
  background-color: var(--banner-box-color);
  text-decoration: none;
  padding: .5em;
}
.slick--view--highlights .views-field-field-highlight-link a {
  padding-top: .875em;
}
.slick--view--highlights .views-field-field-body,
.blazy--view .views-field-field-project-description {
  margin-top: 1em;
}
.slick--view--highlights .grid__content, 
.blazy.slick--view--team-projects .grid__content {
  width: 100%;
}
@media screen and (min-width: 40em) {
  body:not(.path-frontpage) .blazy.slick--view--team-projects .grid__content {
    max-width: 320px;
    min-height: 440px;
  }
}
.blazy.slick--view--team-projects h4,
.blazy.slick--view--highlights h4,
.blazy.slick--view--webform-type h4 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.blazy.slick--view--team-projects h4 a,
.blazy.slick--view--highlights h4 a,
.blazy.slick--view--webform-type h4 a {
  display: block;
  width: 100%;
  text-align: center;
  color: var(--banner-text-color);
  background-color: var(--banner-box-color);
  text-decoration: none;
  padding: .5em;
}
.blazy.slick--view--highlights .views-field-field-body,
.blazy.slick--view--team-projects .views-field-field-project-description {
  margin-top: 1em;
}

.page-node-type-team article .field--name-field-paragraphs > .field__item .layout--twocol > .layout__region--first {
  padding: 2em;
  color: var(--banner-text-color);
  background-color: var(--banner-box-color);
}
.page-node-type-team article .field--name-field-paragraphs > .field__item .layout--twocol > .layout__region--first h2 {
  margin-top: 0;
  color: var(--banner-text-color);
}
.page-node-type-team article .field--name-field-paragraphs > .field__item .layout--twocol > .layout__region--first .text-content p {
  color: var(--banner-text-color);
}

#content .block__title {
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #313637;
  margin-bottom: 1em;
}
@media (min-width: 43.75rem) {
  #content .block__title {
    font-size: 2.25rem;
    line-height: 3.375rem;
  }
}

.page-node-type-team #block-oliverolocal-breadcrumbs {
  margin-bottom: 0;
  padding: 1em;
  background-color: #000;
}
.page-node-type-team #block-oliverolocal-breadcrumbs a {
  color: #fff;
}

/* Space between flex columns */
.layout--twocol,
.layout--twocol-bricks {
    column-gap: 2em;
}
@media screen and (min-width: 40em) {
  .layout--twocol > .layout__region--first,
  .layout--twocol > .layout__region--second,
  .layout--twocol-bricks > .layout__region--first-above,
  .layout--twocol-bricks > .layout__region--second-above,
  .layout--twocol-bricks > .layout__region--first-below,
  .layout--twocol-bricks > .layout__region--second-below {
    flex: 0 1 calc(50% - 1em);
  }
}

/* At mobile widths, switch two column flex to one column block */
@media only screen and (max-width: 768px) {
  .layout--twocol {
    display: block;
  }
}

ul.slick-dots {
  margin-left: 0;
}

.ck.ck-balloon-panel {
  z-index: 1261 !important;
}