/* Colour Definitions
From oliverolocal settings /admin/appearance/settings/oliverolocal
*/

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

/* 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: inset 0 -2px 0 0 var(--oliverolocal-color-2, #002855);
}
[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;
}
.text-content a {
  color: var(--oliverolocal-color-2, #002855);
}
[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 {
  background-color: var(--oliverolocal-color-2, #002855);
  border-color: var(--oliverolocal-color-2, #002855);
}
[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);
}

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

h1, h2, h3 {
    font-family: "CenturyGothicBold","Metropolis",sans-serif;
}

p {
    font-family: "CenturyGothic","Metropolis",sans-serif;
}

ol, ul {
    font-family: "CenturyGothic","Metropolis",sans-serif;
}

.node__content .field--name-field-media-contacts .field__label {
    font-family: "CenturyGothic","Metropolis",sans-serif;
    font-size: 1.5em;
}

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

.views-label {
    font-weight: bold;
}

body {
    hyphens: unset;
}