gvpl.css

:root {
  --wp--preset--font-size--normal: 18px;
  --wp--preset--font-size--huge: 42px;
}

* {
  box-sizing: border-box;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  font-feature-settings: auto;
  font-kerning: auto;
  text-underline-offset: .25em;
  text-decoration-thickness: .05rem !important;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

html {
  font-family: sans-serif;
  font-size: 18px;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

address {
  display: block;
  font-style: normal;
  font-style: initial;
  unicode-bidi: isolate;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

b, strong {
  font-weight: 700;
}

a {
  -webkit-text-decoration: underline color-mix(in srgb, currentColor 50%, transparent) 1px;
          text-decoration: underline color-mix(in srgb, currentColor 50%, transparent) 1px;
}

a:hover,
  a:focus {
    text-decoration-color: currentColor;
  }

a.active {
    text-decoration-color: currentColor;
  }

h1, h2, h3, h4, h5, h6 {
  text-decoration: none;
  margin: 0;
  margin: initial;
  overflow-wrap: break-word; /* Handle URLs/long words */
  hyphens: auto;
}

/* Hyphenate natural text */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
  }

h1 a:hover,
    h1 a:focus,
    h2 a:hover,
    h2 a:focus,
    h3 a:hover,
    h3 a:focus,
    h4 a:hover,
    h4 a:focus,
    h5 a:hover,
    h5 a:focus,
    h6 a:hover,
    h6 a:focus {
      -webkit-text-decoration: underline currentColor 1px;
              text-decoration: underline currentColor 1px;
    }

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
  width: 100%;
  color: #000000;
  color: var(--wp--preset--color--gvpl-black, #000000);
	border-radius: 4px;
	border: solid 1px #c0c6cb;
	border: solid 1px var(--wp--preset--color--gvpl-black-400, #c0c6cb);
	font-size: 0.88rem;
	font-size: var(--wp--preset--font-size--small, 0.88rem);
  margin: 0;
  padding: 0.5rem 1rem;
  width: 100%;
}

select {
	color: #000000;
	color: var(--wp--preset--color--gvpl-black, #000000);
	border-radius: 4px;
	border: solid 1px #c0c6cb;
	border: solid 1px var(--wp--preset--color--gvpl-black-400, #c0c6cb);
	font-size: 0.88rem;
	font-size: var(--wp--preset--font-size--small, 0.88rem);
  margin: 0;
  padding: 0.5rem 1rem;
  width: 100%;
}

button[type="submit"],
input[type="submit"] {
  background: #ec048a;
  background: var(--wp--preset--color--gvpl-magenta-500, #ec048a);
  border: none;
  color: #ffffff;
  color: var(--wp--preset--color--gvpl-white, #ffffff);
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.75em 1rem;
  border-radius: 4px;
  width: auto;
  width: initial;
}

button[type="submit"]:hover,
		button[type="submit"]:focus-visible,
		input[type="submit"]:hover,
		input[type="submit"]:focus-visible {
			background: #c01c6e;
			background: var(--wp--preset--color--gvpl-magenta-900, #c01c6e);
			color: #fff;
			color: var(--wp--preset--color--gvpl-white, #fff);
			text-decoration: none;
		}

button[type="submit"].gvpl-search-block__submit, input[type="submit"].gvpl-search-block__submit {
      padding: 0.5em 1rem;
    }

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #00aeef;
	outline: 2px solid var(--wp--preset--color--gvpl-sky-500, #00aeef);
	outline-offset: 2px;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
  font-size: 0.88rem;
  font-size: var(--wp--preset--font-size--small, 0.88rem);
  font-weight: 600;
  line-height: 1.6;
}

/* All three form controls share the same height via padding — no explicit
	   height or line-height clipping so descenders are never cut off.*/

.gvpl-search-block__select,
	.gvpl-search-block__input {
		background: #ffffff;
		background: var(--wp--preset--color--gvpl-white, #ffffff);
		color: #000000;
		color: var(--wp--preset--color--gvpl-black, #000000);
		border: none;
	}

.gvpl-search-block__select:focus,
		.gvpl-search-block__select:focus-visible,
		.gvpl-search-block__input:focus,
		.gvpl-search-block__input:focus-visible {
			outline: 2px solid #00aeef;
			outline: 2px solid var(--wp--preset--color--gvpl-sky-500, #00aeef);
			outline-offset: 2px;
		}

.gvpl-search-block__select {
		padding-right: 2.25rem;
		font-weight: 600;
		color: #0876b0;
		color: var(--wp--preset--color--gvpl-sky-900, #0876b0);
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		min-width: 140px;
		width: 100%;
  }

.gvpl-search-block__select .gvpl-search-block__dropdown:after {
      border: 5px solid transparent;
      border-top: 5px solid #0876b0;
      border-top: 5px solid var(--wp--preset--color--gvpl-sky-900, #0876b0);
      content: "";
      pointer-events: none;
      position: absolute;
      right: .75rem;
      top: 58%;
      transform: translateY(-50%);
    }

.input-group {
		display: flex;
    flex-direction: column;
		flex: 1;
		gap: clamp(.25rem, 2.5vw, .5rem);
		gap: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
	}

.gvpl-search-block__input-group {
		display: flex;
		flex: 1;
		min-width: 200px;
		flex-wrap: nowrap;
		gap: clamp(.25rem, 2.5vw, .5rem);
		gap: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
	}

.form-actions {
    margin: 1rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: clamp(.25rem, 2.5vw, .5rem);
    gap: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
  }

::-moz-placeholder {
	color: #c0c6cb;
	color: var(--wp--preset--color--gvpl-black-400, #c0c6cb);
	font-size: 0.88rem;
	font-size: var(--wp--preset--font-size--small, 0.88rem);
	opacity: 0.75;
}

::placeholder {
	color: #c0c6cb;
	color: var(--wp--preset--color--gvpl-black-400, #c0c6cb);
	font-size: 0.88rem;
	font-size: var(--wp--preset--font-size--small, 0.88rem);
	opacity: 0.75;
}

.breadcrumbs {
  padding: 5px 0;
}

/* Focus styles */

:where(.wp-site-blocks *:focus-visible) {
	outline-width: 2px;
  outline-offset: 2px;
	outline-style: solid;
  outline-color: #00aeef;
  outline-color: var(--wp--preset--color--gvpl-sky-500, #00aeef);
}

.wp-block-navigation .has-child.open-always>.wp-block-navigation__submenu-container {
  display: flex;
  /*padding-left: 0;
  padding-right: 0;*/
}

.mega-menu-columns ul,
.mega-menu-columns .wp-block-navigation__container{
  display: flex;
  flex-flow: wrap column;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  max-height: 15rem;
  width: 100%;
}

.mega-menu-columns .wp-block-navigation-item {
  max-width: calc(50% - 1.5rem);
}

.mega-menu-columns .wp-block-navigation-item__content {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Footer Menu Columns - Multi-column responsive layout using Flexbox */

.footer-menu-columns > ul,
.footer-menu-columns > .wp-block-navigation__container {
  --footer-menu-height: 580px;
  --footer-menu-columns: 6;
  --footer-menu-gap: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0 1.5rem;
  gap: 0 var(--footer-menu-gap);
  max-height: 580px;
  max-height: var(--footer-menu-height);
  width: 100%;
  max-width: 1260px;
}

/* Each top-level item width based on column count */

.footer-menu-columns > ul > li,
.footer-menu-columns > .wp-block-navigation__container > li {
  width: calc((100% - (var(--footer-menu-gap) * (var(--footer-menu-columns) - 1))) / var(--footer-menu-columns));
  margin-bottom: 1rem;
  flex-shrink: 0;
}

/* Prevent width shifts on hover/focus by ensuring consistent sizing */

.footer-menu-columns a {
  display: inline-block;
  font-weight: inherit;
  max-width: 100%;
  overflow-wrap: break-word;
}

.footer-menu-columns a:hover,
.footer-menu-columns a:focus,
.footer-menu-columns li:focus-within a {
  font-weight: inherit;
}

/* Override Gutenberg's submenu width behavior to keep footer columns stable */

.footer-menu-columns .wp-block-navigation__submenu-container,
.footer-menu-columns .has-child:hover > .wp-block-navigation__submenu-container,
.footer-menu-columns .has-child:focus-within > .wp-block-navigation__submenu-container,
.footer-menu-columns .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
}

/* Responsive breakpoints - increase height as columns decrease */

@media (max-width: 1400px) {
  .footer-menu-columns > ul,
  .footer-menu-columns > .wp-block-navigation__container {
    --footer-menu-height: 700px;
    --footer-menu-columns: 5;
  }
}

@media (max-width: 1200px) {
  .footer-menu-columns > ul,
  .footer-menu-columns > .wp-block-navigation__container {
    --footer-menu-height: 900px;
    --footer-menu-columns: 4;
  }
}

@media (max-width: 992px) {
  .footer-menu-columns > ul,
  .footer-menu-columns > .wp-block-navigation__container {
    --footer-menu-height: 1000px;
    --footer-menu-columns: 3;
  }
}

@media (max-width: 768px) {
  .footer-menu-columns > ul,
  .footer-menu-columns > .wp-block-navigation__container {
    --footer-menu-height: 1800px;
    --footer-menu-columns: 2;
  }
}

@media (max-width: 480px) {
  .footer-menu-columns > ul,
  .footer-menu-columns > .wp-block-navigation__container {
    max-height: none;
    flex-wrap: nowrap;
    --footer-menu-columns: 1;
  }
}

.wp-block-ollie-mega-menu .wp-block-ollie-mega-menu__toggle .wp-block-ollie-mega-menu__toggle-icon {
  align-self: center;
  display: inline-block;
  font-size: inherit;
  height: 10px;
  line-height: 0;
  margin-left: 3px;
  padding: 0;
  width: 12px;
}

.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.open-always.wp-block-navigation-submenu {
  gap: .5rem;
}

/*.faq-item-wrapper{*/

details h2, details h3, details h4, details h5, details h6 {
      margin-top: 0;
      margin-bottom: clamp(.25rem, 2.5vw, .5rem);
      margin-bottom: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
    }

details ul {
      list-style: disc;
      margin-left: clamp(.25rem, 2.5vw, .5rem);
      margin-left: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
    }

details ul li {
        margin-bottom: clamp(.25rem, 2.5vw, .5rem);
        margin-bottom: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
      }

details p, details ul {
      margin-top: 0;
      margin-bottom: clamp(.25rem, 2.5vw, .5rem);
      margin-bottom: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
    }

details p:last-child, details ul:last-child {
        margin-bottom: 0;
      }

details {
    background: #effbff;
    background: var(--wp--preset--color--gvpl-sky-50, #effbff);
    border-radius: 10px;
    color: #000000;
    color: var(--wp--preset--color--gvpl-black, #000000);

  }

details[open] {
    padding-bottom: clamp(1rem, 5vw, 1.25rem);
  }

details > summary {
    padding-top: clamp(1rem, 5vw, 1.25rem);
    padding-right: clamp(1rem, 5vw, 1.25rem);
    padding-bottom: clamp(1rem, 5vw, 1.25rem);
    padding-left: clamp(1.5rem, 7vw, 2.5rem);
    padding-left: var(--wp--preset--spacing--x-large, clamp(1.5rem, 7vw, 2.5rem));
    font-size: 20px;
    font-weight: 500;
    outline: none;
    list-style: none;
    color: #0876b0;
    color: var(--wp--preset--color--gvpl-sky-900, #0876b0);
    position: relative;
  }

details > summary:focus-visible {
      outline: 2px solid #00aeef;
      outline: 2px solid var(--wp--preset--color--gvpl-sky-500, #00aeef);
      outline-offset: 2px;
      /*outline: .5rem solid #06c7;*/
    }

details > *:not(summary) {
    padding-right: clamp(.5rem, 4vw, 1rem);
    padding-right: var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem));;
    padding-left: clamp(.5rem, 4vw, 1rem);;
    padding-left: var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem));
  }

details > summary::-webkit-details-marker {
    display: none;
  }

details > summary::before {
    content: "";
    width: 16px;
    height: 1.85rem;
    background: url("/wp-content/themes/gvpl/assets/images/caret.svg") left center no-repeat;
    background-size: contain;
    position: relative;
    display: block;
    margin: 0;
    position: absolute;
    top: clamp(1rem, 5vw, 1.25rem);
    left: clamp(.5rem, 4vw, 1rem);
    left: var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem));

  }

details[open] > summary::before{
    content: "";
    background: url("/wp-content/themes/gvpl/assets/images/caret.svg") left center no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }

/*}*/

.search-filter-field .search-filter-input-button-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 8px;
  }

.search-filter-field .search-filter-input-button-group .search-filter-checkable-button {
      width: 100%;
      display: block;
      text-align: left;
      border-radius: 4px;
      border: 0;
      background: #0876b0;
      background: var(--wp--preset--color--gvpl-sky-900, #0876b0);
      color: #fff;
    }

.search-filter-field .search-filter-input-button-group .search-filter-checkable-button .search-filter-input-button {
        background: #0876b0;
        background: var(--wp--preset--color--gvpl-sky-900, #0876b0);
        color: #ffffff;
        color: var(--wp--preset--color--gvpl-white, #ffffff);
        border: 0;
      }

.search-filter-field .search-filter-input-button-group .search-filter-checkable-button .search-filter-input-button.search-filter-checkable-button__label {
          cursor: pointer;
          display: flex;
          flex-direction: row;
          width: 100%;
          width: var(--search-filter-input-label-width, 100%);
          justify-content: flex-start;
          justify-content: var(--search-filter-count-justification, flex-start);
        }

.search-filter-field .search-filter-input-button-group .search-filter-checkable-button .search-filter-input-button.search-filter-input-button--is-selected {
          background: #effbff;
          background: var(--wp--preset--color--gvpl-sky-50, #effbff);
          color: #0876b0;
          color: var(--wp--preset--color--gvpl-sky-900, #0876b0);
        }

.search-filter-field .search-filter-input-button-group .search-filter-checkable-button .search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected) {
          background: #effbff;
          background: var(--wp--preset--color--gvpl-sky-50, #effbff);
          color: #0876b0;
          color: var(--wp--preset--color--gvpl-sky-900, #0876b0);
          border-color: transparent;
        }

.is-style-media-card-block {
  gap: clamp(1rem, 5vw, 1.5rem);
  gap: var(--wp--preset--spacing--large, clamp(1rem, 5vw, 1.5rem));
}

@media (min-width: 600px) {

.is-style-media-card-block {
    /*grid-template-columns: 100% !important;*/
}
  }

@media (min-width: 680px) {

.is-style-media-card-block {
    /*grid-template-columns: 50% auto !important;*/
}
  }

@media (min-width: 768px) {

.is-style-media-card-block {
    gap: clamp(1.5rem, 7vw, 2.5rem);
    gap: var(--wp--preset--spacing--x-large, clamp(1.5rem, 7vw, 2.5rem))
    /*grid-template-columns: 55% auto !important;*/
}
  }

@media (min-width: 1024px) {

.is-style-media-card-block {
    /*grid-template-columns: 60% auto !important;*/
}
  }

@media (max-width: 679px) {

.is-style-media-card-block.is-stacked-on-mobile {
      grid-template-columns: 100% !important
  }
    }

@media (max-width: 679px) {

.is-style-media-card-block.is-stacked-on-mobile > .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1
    }
      }

@media (max-width: 679px) {

.is-style-media-card-block.is-stacked-on-mobile > .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2
    }
      }

@media (min-width: 680px) {

.is-style-media-card-block.has-media-on-the-right {
      /*grid-template-columns: auto 50% !important;*/
  }
    }

@media (min-width: 768px) {

.is-style-media-card-block.has-media-on-the-right {
      gap: clamp(1.5rem, 7vw, 2.5rem);
      gap: var(--wp--preset--spacing--x-large, clamp(1.5rem, 7vw, 2.5rem))
      /*grid-template-columns: auto 55% !important;*/
  }
    }

@media (min-width: 1024px) {

.is-style-media-card-block.has-media-on-the-right {
      /*grid-template-columns: auto 60% !important;*/
  }
    }

.is-style-media-card-block > .wp-block-media-text__media {
    align-self: start;
    margin-top: calc(clamp(1rem, 5vw, 1.5rem) * -1);
    margin-top: calc(var(--wp--preset--spacing--large, clamp(1rem, 5vw, 1.5rem)) * -1);
    margin-left: calc(var(--wp--style--root--padding-left) * -1);
    margin-right: calc(var(--wp--style--root--padding-left) * -1);
  }

@media (min-width: 680px) {

.is-style-media-card-block > .wp-block-media-text__media {
      margin: 0
  }
    }

@media (min-width: 768px) {

.is-style-media-card-block > .wp-block-media-text__media {
      align-self: inherit
  }
    }

.is-style-media-card-block > .wp-block-media-text__content {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: clamp(1rem, 5vw, 1.5rem);
    gap: var(--wp--preset--spacing--large, clamp(1rem, 5vw, 1.5rem));
  }

@media (min-width: 680px) {

.is-style-media-card-block > .wp-block-media-text__content {
      padding: 0
  }
    }

.is-style-vertical-media-card-block {
  grid-template-columns: 100% !important;
  gap: clamp(.5rem, 4vw, 1rem);
  gap: var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem));
}

.is-style-vertical-media-card-block > .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    aspect-ratio: 8 / 5;
    overflow: hidden;
  }

.is-style-vertical-media-card-block > .wp-block-media-text__media img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

.is-style-vertical-media-card-block > .wp-block-media-text__content {
    display: flex;
    flex-direction: column;
    padding: 0;
    grid-column: 1;
    grid-row: 2;
    gap: clamp(.25rem, 2.5vw, .5rem);
    gap: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
  }

.sticky-buttons{
  position:fixed;
  bottom:40vh;
  right:1rem;
}

.shadow-button{
  box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.10);border-radius:100px;
  width:50px;
  overflow:hidden;
}

/* core/search block — button matches the core/button Fill style from theme.json */

.wp-block-search .wp-block-search__input {
    border: 1px solid #c0c6cb;
    border: 1px solid var(--wp--preset--color--gvpl-black-400, #c0c6cb);
    border-radius: 4px;
    padding: clamp(.25rem, 2.5vw, .5rem);
    padding: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
    width: 100%;
    font-size: 18px;
    font-size: var(--wp--preset--font-size--normal);
  }

.wp-block-search .wp-block-search__button {
    background-color: #ec048a;
    background-color: var(--wp--preset--color--gvpl-magenta-500, #ec048a);
    color: #ffffff;
    color: var(--wp--preset--color--gvpl-white, #ffffff);
    border: none;
    border-radius: 4px;
    padding: 0.75em;
    padding-inline: 1.5em;
    font-size: 0.88rem;
    font-size: var(--wp--preset--font-size--small, 0.88rem);
    font-weight: 700;
    text-decoration: none;
  }

.wp-block-search .wp-block-search__button:hover,
    .wp-block-search .wp-block-search__button:focus-visible {
      background-color: #c01c6e;
      background-color: var(--wp--preset--color--gvpl-magenta-900, #c01c6e);
      color: #ffffff;
      color: var(--wp--preset--color--gvpl-white, #ffffff);
      text-decoration: none;
    }

.grouped-taxonomy-query .term-group,
  .grouped-taxonomy-query .grouped-taxonomy-query__no-results {
    padding: clamp(1rem, 5vw, 1.5rem) 0;
    padding: var(--wp--preset--spacing--large, clamp(1rem, 5vw, 1.5rem)) 0;
    margin: 0;
  }

.grouped-taxonomy-query .term-group-heading {
    border-top: 1px solid #c0c6cb;
    border-top: 1px solid var(--wp--preset--color--gvpl-black-400, #c0c6cb);
    font-size: 0.88rem;
    font-size: var(--wp--preset--font-size--small, 0.88rem);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    padding: clamp(1rem, 5vw, 1.5rem) 0;
    padding: var(--wp--preset--spacing--large, clamp(1rem, 5vw, 1.5rem)) 0;
  }

/* Post Excerpt
--------------------------------------------- */

ul[class*="columns-"].wp-block-post-template .wp-block-post-excerpt__more-text,
.wp-block-post-excerpt__more-text {
	margin-top: clamp(.25rem, 2.5vw, .5rem);
	margin-top: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
}

div[class*="is-style-excerpt-truncate-"],
div[class*="is-style-excerpt-truncate-"] .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.is-style-excerpt-truncate-2,
.is-style-excerpt-truncate-2 .wp-block-post-excerpt__excerpt {
	-webkit-line-clamp: 2;
}

.is-style-excerpt-truncate-3,
.is-style-excerpt-truncate-3 .wp-block-post-excerpt__excerpt {
	-webkit-line-clamp: 3;
}

.is-style-excerpt-truncate-4,
.is-style-excerpt-truncate-4 .wp-block-post-excerpt__excerpt {
	-webkit-line-clamp: 4;
}

/* Separator
--------------------------------------------- */

hr,
.wp-block-separator {
  opacity: 1;
  width: 100%;
  border-top: 0;
  border-bottom: 1px solid #c0c6cb;
  border-bottom: 1px solid var(--wp--preset--color--gvpl-black-400, #c0c6cb);
}

.wp-block-separator:not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-dots) {
	border-bottom: 1px solid currentColor;
	height: 1px;
}

.wp-block-separator.is-style-dots::before {
	font-family: sans-serif;
	font-size: 1.33rem;
	font-size: var(--wp--preset--font-size--large, 1.33rem);
	letter-spacing: 10px;
	padding-left: 10px;
}

hr.is-style-separator-dotted,
.editor-styles-wrapper hr.is-style-separator-dotted {
	width: 100% !important;
	height: 1px !important;
	border: none !important;
	height: 1px !important;
	background-color: none !important;
	background: currentColor !important;
	background: repeating-linear-gradient(90deg,currentColor,currentColor 2px,transparent 2px,transparent 5px) !important;
}

.wp-block-separator.is-style-separator-thin {
	border-bottom-width: 1px !important;
}

.wp-block-separator.is-style-wide {
	border-bottom-width: 8px !important;
}

/* List
--------------------------------------------- */

/* List styles for default unordered lists */

.entry-content ul li,
.entry-content ol li,
.wp-block-post-content ul li,
.wp-block-post-content ol li {
	margin-bottom: clamp(.25rem, 2.5vw, .5rem);
	margin-bottom: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
}

.entry-content ul ul,
.entry-content ol ul,
.wp-block-post-content ul ul,
.wp-block-post-content ol ul {
	margin-top: clamp(.25rem, 2.5vw, .5rem);
	margin-top: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
}

/* Remove paddings */

.entry-content :not(.wp-block-group) > li:first-child {
	padding-top: 0;
}

.entry-content :not(.wp-block-group) li:last-child {
	padding-bottom: 0;
}

ul.is-style-list-check,
ul.is-style-list-check ul,
ul.is-style-list-check-circle,
ul.is-style-list-check-circle ul {
	padding-inline-start: 0px !important;
	padding-left: 0;
	list-style: none;
}

.entry-content ul.is-style-list-check,
.entry-content ul.is-style-list-check-circle {
	padding-inline-start: .5rem;
}

ul.is-style-list-check li,
ul.is-style-list-check-circle li {
	position: relative;
	padding-left: calc(clamp(.5rem, 4vw, 1rem) + .5rem);
	padding-left: calc(var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem)) + .5rem);
}

ul.is-style-list-check li:before,
ul.is-style-list-check-circle li:before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: .1em;
}

ul.is-style-list-check-circle li:before {
	background: #0876b0;
	background: var(--wp--preset--color--gvpl-sky-900, #0876b0);
	color: #ffffff;
	color: var(--wp--preset--color--gvpl-white, #ffffff);
	border-radius: 100px;
	height: 1.5rem;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: 18px;
	font-size: var(--wp--preset--font-size--normal);
	transform: scale(.8);
}

ul.is-style-list-check-circle li {
	padding-left: calc(clamp(.5rem, 4vw, 1rem) + .5rem);
	padding-left: calc(var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem)) + .5rem);
}

@media (max-width: 781px) {
	ul.is-style-list-check-circle li:before {
		top: .05em;
	}

	ul.is-style-list-check-circle li {
		padding-left: calc(clamp(.5rem, 4vw, 1rem) + .8rem);
		padding-left: calc(var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem)) + .8rem);
	}
}

/* Boxed list style */

ul.is-style-list-boxed,
ol.is-style-list-boxed,
ul.is-style-list-boxed.wp-block,
ol.is-style-list-boxed.wp-block {
	background: #effbff;
	background: var(--wp--preset--color--gvpl-sky-50, #effbff);
	padding: clamp(.5rem, 4vw, 1rem) clamp(1rem, 5vw, 1.5rem);
	padding: var(--wp--preset--spacing--medium, clamp(.5rem, 4vw, 1rem)) var(--wp--preset--spacing--large, clamp(1rem, 5vw, 1.5rem));
	border-radius: 5px;
}

ul.is-style-list-boxed li:last-child,
ol.is-style-list-boxed li:last-child {
	margin-bottom: 0;
}

.bookshelf { /* .slick*/
}

.bookshelf.slick-slider {
    margin: 0 20px;
   }

.bookshelf.slick-slider .slick-list {
      margin: 0 clamp(1.5rem, 7vw, 2.5rem);
      margin: 0 var(--wp--preset--spacing--x-large, clamp(1.5rem, 7vw, 2.5rem));
    }

.bookshelf.slick-slider .slick-prev,
    .bookshelf.slick-slider .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 44px;
      height: 44px;
      padding: 0;
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      border-radius: 50%;
      background: #009dd6 url("assets/images/arrow-left.svg") center center no-repeat;
      background: var(--wp--preset--color--gvpl-sky-700, #009dd6) url("assets/images/arrow-left.svg") center center no-repeat;
      z-index: 1;
    }

.bookshelf.slick-slider .slick-prev::before, .bookshelf.slick-slider .slick-next::before {
        display: none;
      }

.bookshelf.slick-slider .slick-prev:hover,
      .bookshelf.slick-slider .slick-prev:focus,
      .bookshelf.slick-slider .slick-prev:active,
      .bookshelf.slick-slider .slick-next:hover,
      .bookshelf.slick-slider .slick-next:focus,
      .bookshelf.slick-slider .slick-next:active {
        background-color: #0876b0;
        background-color: var(--wp--preset--color--gvpl-sky-900, #0876b0);
        color: transparent;
      }

.bookshelf.slick-slider .slick-next {
      rotate: 180deg;
    }

.bookshelf.slick-slider .caption {
      margin-top: clamp(.25rem, 2.5vw, .5rem);
      margin-top: var(--wp--preset--spacing--small, clamp(.25rem, 2.5vw, .5rem));
      font-size: 0.88rem;
      font-size: var(--wp--preset--font-size--small, 0.88rem);
      color: #0876b0;
      color: var(--wp--preset--color--gvpl-sky-900, #0876b0);
      font-weight: 600;
      text-align: left;
    }

.bookshelf.slick-slider p {
      color: inherit;
      text-align: inherit;
    }

/* .bookshelf */