@charset "UTF-8";
/**
 * Base
 * - Reset the browser
 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

pre {
  overflow: scroll;
}

/**
 * Breakpoints & Media Queries
 */
/**
 * Typography
 */
/**
 * SCSS Variables.
 *
 * Please use variables from this sheet to ensure consistency across the UI.
 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 */
/**
 * Colors
 */
/**
 * Fonts & basic variables.
 */
/**
 * Typography
 */
/**
 * Grid System.
 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 */
/**
 * Radius scale.
 */
/**
 * Elevation scale.
 */
/**
 * Dimensions.
 */
/**
 * Mobile specific styles
 */
/**
 * Editor styles.
 */
/**
 * Block & Editor UI.
 */
/**
 * Block paddings.
 */
/**
 * React Native specific.
 * These variables do not appear to be used anywhere else.
 */
/**
 * SCSS Variables.
 *
 * Please use variables from this sheet to ensure consistency across the UI.
 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 */
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Breakpoint mixins
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */
/**
 * Creates a checkerboard pattern background to indicate transparency.
 * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
 */
@media (min-width: 480px) {
  .wp-block[data-align=left],
  .wp-block[data-align=right],
  .wp-site-blocks .alignleft,
  .wp-site-blocks .alignright {
    max-width: var(--wp--custom--alignment--aligned-max-width);
  }
}
.aligncenter {
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/*
 * Alignment styles - from TT2
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-columns.alignfull.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align=full] > .wp-block-group,
.is-root-container .wp-block[data-align=full] > .wp-block-columns.has-background,
.is-root-container .wp-block[data-align=full] > .wp-block-cover {
  padding-left: var(--wp--custom--gap--horizontal);
  padding-right: var(--wp--custom--gap--horizontal);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align=full] {
  margin-left: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
  margin-right: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
  max-width: unset;
  width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: inherit;
}

/* Spacing for group blocks with a background color. */
.wp-block-group.has-background {
  padding: var(--wp--custom--gap--vertical) var(--wp--custom--gap--horizontal);
}

/* Stack */
.is-layout-flow,
.is-layout-flex,
.is-layout-grid,
main.wp-block-group,
.wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 781px) {
  .wp-site-blocks > main,
  .wp-site-blocks main,
  .wp-site-blocks > div {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.wp-block-post-content > .wp-block-group,
.wp-site-blocks > .wp-block-group {
  padding-top: 46px;
  padding-bottom: 70px;
  /* @include breakpoints.break-small-only {
  	padding-left: 6px;
  	padding-right: 30px;
  } */
}

.has-primary-background-color {
  background-color: var(--wp--custom--color--primary);
}

.has-secondary-background-color {
  background-color: var(--wp--custom--color--secondary);
}

.has-foreground-background-color {
  background-color: var(--wp--custom--color--foreground);
}

.has-background-background-color {
  background-color: var(--wp--custom--color--background);
}

.has-tertiary-background-color {
  background-color: var(--wp--custom--color--tertiary);
}

.has-primary-color {
  color: var(--wp--custom--color--primary);
}

.has-secondary-color {
  color: var(--wp--custom--color--secondary);
}

.has-foreground-color {
  color: var(--wp--custom--color--foreground);
}

.has-background-color {
  color: var(--wp--custom--color--background);
}

.has-tertiary-color {
  color: var(--wp--custom--color--tertiary);
}

@media (max-width: 599px) {
  .wp-site-blocks .site-header .site-brand {
    display: contents;
  }
  .wp-site-blocks .site-header .wp-block-site-logo {
    flex-basis: 100%;
    text-align: center;
  }
}

@media (max-width: 599px) {
  .wp-site-blocks .site-header-linear .site-words-stack-small {
    display: block;
  }
}

@media (max-width: 781px) {
  .header-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
:root {
  --wpadmin-bar--height: 46px;
  --theme-content-width: 1380px;
  --medispace-xs-padding: 16px;
}

.site-footer-container {
  margin-top: auto;
}

@media (min-width: 600px) {
  body.admin-bar {
    --wpadmin-bar--height: 32px;
  }
}
body.admin-bar .wp-site-blocks {
  min-height: calc(100vh - var(--wpadmin-bar--height));
  padding-top: 0;
  padding-bottom: 0;
}

.page-template main {
  padding-top: 80px;
  padding-bottom: 80px;
}

.image-no-margin {
  margin: 0;
}
.image-no-margin * {
  vertical-align: bottom;
}

.has-background-no-padding.wp-block-columns.has-background {
  padding: 0;
}

.mt-0 {
  margin-top: 0 !important;
}

.gapless-group > * {
  margin-top: 0 !important;
}

/*
Remove the normalized box-sizing: border-box when used with Woo's quantity field,
because Woo limits the field's width to 50px,
which leaves no space for the context between 50px and 20px padding and the spinner arrows (that come from type=number)

See: https://github.com/Automattic/wp-calypso/issues/58958#issuecomment-1015263777
*/
.quantity .qty {
  box-sizing: content-box;
}

.no-margin-top {
  margin-top: 0;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.yoast-breadcrumbs a {
  text-decoration: none !important;
}
.yoast-breadcrumbs span,
.yoast-breadcrumbs .breadcrumb_last {
  color: var(--wp--preset--color--gray-30);
}

.has-backdrop-blur {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.mbs-1 {
  margin-block-start: 1rem;
}

/**
 * Elements
 * - Styles for basic HTML elemants
 */
a,
.wp-block-navigation a {
  text-underline-offset: 0.15em;
}

a:not(.ab-item):not(.screen-reader-shortcut):active, a:not(.ab-item):not(.screen-reader-shortcut):focus {
  outline: 1px dotted currentcolor;
}

input.wp-block-search__input,
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  background: var(--wp--custom--form--color--background);
  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--preset--color--gray-10);
  border-radius: 0;
  box-shadow: var(--wp--custom--form--color--box-shadow);
  color: var(--wp--custom--form--color--text);
  font-family: inherit;
  padding: var(--wp--custom--form--padding);
  caret-color: var(--wp--preset--color--primary);
}
input.wp-block-search__input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--custom--form--color--text);
  outline: 1px solid var(--wp--preset--color--gray-40);
}
input.wp-block-search__input:hover,
input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=number]:hover,
input[type=tel]:hover,
input[type=range]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=week]:hover,
input[type=time]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=color]:hover,
textarea:hover,
select:hover {
  color: var(--wp--preset--color--gray-50);
}

input[type=checkbox]:focus,
input[type=submit]:focus,
button:focus {
  outline: 1px dotted currentcolor;
  outline-offset: 2px;
}
input[type=checkbox]::placeholder,
input[type=submit]::placeholder,
button::placeholder {
  color: var(--wp--preset--color--gray-40);
  opacity: 0.66;
}

select {
  font-size: 100%;
}

textarea {
  width: 100%;
}

input[type=checkbox] + label {
  display: inline;
  margin-left: 0.5em;
  line-height: 1em;
}

.cf7-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cf7-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.cf7-col {
  display: flex;
  flex-direction: column;
}

.cf7-full {
  grid-column: 1/-1;
}

.wpcf7 .wpcf7-not-valid {
  border-color: var(--wp--preset--color--error);
}

.wpcf7 p {
  margin: 0;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: 14px;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea {
  width: 100%;
}

.wpcf7 textarea {
  height: 92px;
  resize: vertical;
}

.wpcf7 input[type=submit] {
  background-color: var(--wp--custom--color--primary);
  color: #fff;
  border: none;
  padding: 0.667rem 1.333rem;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  width: 40%;
}

.wpcf7 input[type=submit]:hover {
  background-color: var(--wp--custom--color--secondary);
}

@media (max-width: 640px) {
  .cf7-row {
    grid-template-columns: 1fr;
  }
  .wpcf7 input[type=submit] {
    width: 100%;
  }
}
.site-header-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  width: 100%;
}

.header-dark .wp-block-navigation,
.header-dark .yoast-breadcrumbs span,
.header-dark .wp-block-post-excerpt__excerpt {
  color: #fff !important;
}

header .wp-block-site-logo {
  margin: 0;
}
header .wp-block-cover {
  min-height: 492px;
}

.site-header-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}
.site-header-fixed:not(.msc-header-is-sticky):not(.msc-header-light) .wp-block-navigation-item__content:not(.wp-block-navigation__responsive-container *),
.site-header-fixed:not(.msc-header-is-sticky):not(.msc-header-light) .wp-block-navigation__responsive-container-open svg {
  color: #fff !important;
}
.site-header-fixed:not(.msc-header-is-sticky):not(.msc-header-light) .wp-block-navigation-submenu:not(.wp-block-navigation__responsive-container *) .wp-block-navigation__submenu-icon svg {
  stroke: #fff !important;
}
.site-header-fixed {
  /* &:not(.msc-header-is-sticky):not(.msc-header-light) {
  	.wp-block-navigation-item__content {
  		color: #fff !important;
  	}
  	.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
  		stroke: #fff !important;
  	}
  	.wp-block-navigation__responsive-container-open svg {
  		color: #fff !important;
  	}
  } */
}

/* ==========================================================================
   MEDI SPACE: STICKY HEADER STYLES
   ========================================================================== */
header {
  transition: all 0.5s ease;
}

header.msc-header-is-sticky {
  position: sticky;
  /* top: -10px; // Hides a 1px gap/flicker at the top during scrolling */
  z-index: 100000;
  background-color: #ffffff;
  box-shadow: 0px 10px 20px rgba(44, 62, 80, 0.05);
  animation: mscStickyMoveDown 0.7s ease;
}
header.msc-header-is-sticky .sticky-logo-wrapper .logo-transparent {
  display: none !important;
}
header.msc-header-is-sticky .sticky-logo-wrapper .logo-sticky {
  display: block !important;
}

header.msc-header-light:not(.msc-header-is-sticky) .sticky-logo-wrapper .logo-light {
  display: none !important;
}
header.msc-header-light:not(.msc-header-is-sticky) .sticky-logo-wrapper .logo-dark {
  display: block !important;
}

@keyframes mscStickyMoveDown {
  0% {
    transform: translateY(-40%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.site-title-fallback {
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}

.wp-block-breadcrumbs a {
  text-decoration: none;
}
.wp-block-breadcrumbs li:not(:last-child)::after {
  content: "→";
}

@media (min-width: 1025px) {
  .top-bar {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }
  .top-bar .wp-block-buttons {
    width: 100%;
    justify-content: flex-end;
  }
}
.site-footer {
  margin-top: 0;
  margin-block-start: 0;
}
.site-footer a {
  color: #ffffff;
  text-decoration: none;
}
.site-footer a:hover {
  color: var(--wp--custom--color--secondary);
  text-decoration: underline;
}
.site-footer .footer-copyright p {
  padding-right: 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.site-footer .footer-copyright p:last-child {
  padding-right: 0;
  border-right: none;
}
.site-footer .footer-copyright > p a {
  color: var(--wp--custom--color--primary);
  text-decoration: underline;
}
.site-footer .footer-copyright > p a:hover {
  color: var(--wp--custom--color--secondary);
  text-decoration: none;
}
@media (max-width: 781px) {
  .site-footer > * {
    padding: 40px 16px !important;
    /* padding-left: 30px !important;
    padding-right: 30px !important; */
  }
}

.footer-inner {
  padding-bottom: 80px;
  border-bottom: 1px solid var(--wp--preset--color--gray-80);
}
@media (max-width: 599px) {
  .footer-inner {
    padding-bottom: 24px;
  }
}

@media (max-width: 599px) {
  .footer-logo p {
    margin-block-start: 0.75rem;
  }
}

@media (max-width: 781px) {
  .footer-inner {
    flex-wrap: nowrap !important;
  }
  .footer-copyright {
    flex-wrap: wrap !important;
    gap: 10px;
  }
  .footer-menus {
    padding: 0 !important;
    gap: 24px;
  }
}
@media (max-width: 599px) {
  .footer-inner {
    /* & > * {
    	order: 1;
    }

    .footer-logo {
    	order: 0;
    } */
    gap: 40px;
    flex-wrap: wrap !important;
  }
  .footer-inner .wp-block-separator {
    margin-top: 24px !important;
  }
}
.footer-contact {
  flex-wrap: nowrap;
}

.wp-block-accordion-item {
  border: 2px solid var(--wp--preset--color--gray-10);
  padding: 1.0625rem 1.5rem;
  margin-block-start: 0.75rem;
  background-color: #fff;
}
.wp-block-accordion-item:hover, .wp-block-accordion-item.is-open {
  background-color: var(--wp--preset--color--background-gray);
}
.wp-block-accordion-item .wp-block-accordion-heading__toggle {
  padding-top: 0;
  padding-bottom: 0;
}
.wp-block-accordion-item > * {
  margin-bottom: 0;
  margin-block-start: 12px;
}

.wp-block-accordion-item p {
  font-size: var(--wp--custom--font-sizes--normal);
  font-weight: 400;
  color: var(--wp--preset--color--gray-80);
}

.wp-block-accordion-item,
.wp-block-accordion-panel[inert],
.wp-block-accordion-panel {
  transition: height 11.35s cubic-bezier(0.4, 0, 0.2, 1), display 11.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 11.25s ease-in-out;
}

.wp-block-accordion-heading {
  font-size: 1.25rem;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle-title {
  text-decoration: none !important;
}
.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
  color: var(--wp--preset--color--gray-80);
  font-size: 28px;
  font-weight: normal;
}

.wp-block-button:not(.is-style-outline) > a.has-background {
  border-style: none;
}

/* Кнопка з іконкою-стрілкою */
.is-style-link-with-icon .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wp-block-post-excerpt__more-link::after,
.is-style-link-with-icon .wp-block-button__link::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  /* SVG з currentColor замість #0385CB */
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11H4V13H5V12V11ZM19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11V12V13ZM5 12V13H19V12V11H5V12Z' fill='currentColor'/%3E%3Cpath d='M13 18L19 12' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M13 6L19 12' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11H4V13H5V12V11ZM19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11V12V13ZM5 12V13H19V12V11H5V12Z' fill='currentColor'/%3E%3Cpath d='M13 18L19 12' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M13 6L19 12' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

/* Link with icon варіація */
.wp-block-button.is-style-link-with-icon > a.wp-block-button__link {
  background-color: transparent !important;
  color: var(--wp-preset--primary--color);
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none;
  font-weight: 600;
}

.wp-block-button.is-style-link > a.wp-block-button__link:hover,
.wp-block-button.is-style-link-with-icon > a.wp-block-button__link:hover {
  /* text-decoration: underline; */
  background-color: transparent !important;
  opacity: 0.8;
  /* color: inherit !important; */
}

@media (max-width: 599px) {
  .wp-block-buttons {
    padding-right: var(--medispace-xs-padding);
    padding-left: var(--medispace-xs-padding);
  }
  .wp-block-button {
    width: 100%;
  }
}
.wp-block-calendar table caption {
  color: var(--wp--custom--color--primary);
}
.wp-block-calendar table th {
  background-color: var(--wp--custom--color--tertiary);
  border-color: var(--wp--custom--color--tertiary);
}
.wp-block-calendar table td {
  color: var(--wp--custom--color--primary);
  border-color: var(--wp--custom--color--tertiary);
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  font-size: var(--wp--custom--gallery--caption--font-size);
}

.wp-block-image {
  /*
  From what I can tell the below are styles regularly used by themes
  to fix the image block.  I believe these should go into the block's
  default styles.  It's difficult to say how this will land, however
  based on discussion found in (many) related issues here:
  https://github.com/WordPress/gutenberg/issues/28923
  https://github.com/WordPress/gutenberg/issues/29506
  */
  text-align: center;
  /* &.size-full {
  	width: 100%;
  	img {
  		width: 100%;
  	}
  } */
}

.wp-block-icon.flow-1 {
  padding: 12px;
  background: #0d2c3c;
}
.wp-block-icon.flow-1 svg {
  width: 24px;
  height: 24px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-date,
.wp-block-latest-posts .wp-block-latest-posts__post-author {
  color: var(--wp--custom--latest-posts--meta--color--text);
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  left: -18px;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 5px;
}

@media (max-width: var(--wp--custom--mobile-menu-breakpoint)) {
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }
}
p.has-drop-cap:not(:focus)::first-letter {
  font-size: var(--wp--custom--paragraph--dropcap--typography--font-size);
  font-weight: var(--wp--custom--paragraph--dropcap--typography--font-weight);
  margin: var(--wp--custom--paragraph--dropcap--margin);
}
p.no-margin-top {
  margin-top: 0;
}

.wp-block-post-author__name {
  font-weight: var(--wp--custom--post-author--font-weight);
}

.wp-block-comments-query-loop form label {
  font-size: var(--wp--custom--form--label--typography--font-size);
  font-weight: var(--wp--custom--form--label--typography--font-weight);
  letter-spacing: var(--wp--custom--form--label--typography--letter-spacing);
}
.wp-block-comments-query-loop form .comment-form-cookies-consent input[type=checkbox]#wp-comment-cookies-consent {
  margin-left: 0;
  margin-top: 1px;
}
.wp-block-comments-query-loop form .comment-form-cookies-consent input[type=checkbox]#wp-comment-cookies-consent + label {
  margin-left: 0;
}

.wp-block-post-template {
  margin-top: 0;
  margin-bottom: 0;
}

.wp-block-pullquote.is-style-solid-color,
.wp-block-pullquote {
  text-align: var(--wp--custom--pullquote--typography--text-align);
}
.wp-block-pullquote.is-style-solid-color blockquote,
.wp-block-pullquote blockquote {
  padding: 0;
  margin: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote p,
.wp-block-pullquote blockquote p {
  font-size: 1em;
  padding: 0;
  margin: 0;
  line-height: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-pullquote blockquote .wp-block-pullquote__citation,
.wp-block-pullquote blockquote cite {
  display: block;
  font-size: var(--wp--custom--pullquote--citation--typography--font-size);
  font-style: var(--wp--custom--pullquote--citation--typography--font-style);
  font-weight: var(--wp--custom--pullquote--citation--typography--font-weight);
  margin-top: var(--wp--custom--pullquote--citation--spacing--margin--top);
}
.wp-block-pullquote.is-style-solid-color.is-style-solid-color,
.wp-block-pullquote.is-style-solid-color {
  background-color: var(--wp--custom--color--foreground);
  color: var(--wp--custom--color--background);
}

.wp-block-query-pagination {
  padding-top: 1.5em;
  justify-content: center;
  display: grid;
  grid-template-areas: "prev numbers next";
  grid-template-columns: 1fr 2fr 1fr;
}
@media (max-width: 599px) {
  .wp-block-query-pagination {
    grid-template-areas: "prev next";
    grid-template-columns: 1fr 1fr;
  }
}
.wp-block-query-pagination .wp-block-query-pagination-previous {
  justify-self: start;
  grid-area: prev;
}
.wp-block-query-pagination .wp-block-query-pagination-next {
  justify-self: flex-end;
  grid-area: next;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
  grid-area: numbers;
  justify-self: center;
  display: flex;
  flex-direction: row;
}
@media (max-width: 599px) {
  .wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: none;
  }
}
.wp-block-query-pagination .page-numbers {
  border: 1px solid var(--wp--preset--color--gray-30);
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.25em;
  text-decoration: none;
}
.wp-block-query-pagination .page-numbers:hover {
  color: #fff;
  background-color: var(--wp--preset--color--primary);
}
.wp-block-query-pagination .page-numbers.dots {
  border: none;
  background: transparent;
}
.wp-block-query-pagination .page-numbers.current {
  color: #fff;
  background-color: var(--wp--preset--color--primary);
}

.wp-block-quote.is-style-large p,
.wp-block-quote p {
  font-style: unset;
  margin-top: 0px;
}
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite {
  font-size: var(--wp--custom--quote--citation--typography--font-size);
  font-style: var(--wp--custom--quote--citation--typography--font-style);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  padding: var(--wp--custom--form--border--width);
  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
  border-radius: var(--wp--custom--form--border--radius);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 0 var(--wp--custom--form--padding);
}
.wp-block-search .wp-block-search__input {
  padding: var(--wp--custom--form--padding);
  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus {
  --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
  --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
  --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
  opacity: 1;
  color: var(--wp--custom--button--color--text);
  background-color: var(--wp--custom--button--color--background);
  border-color: currentcolor;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg {
  fill: var(--wp--custom--button--color--text);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus,
.wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus {
  border-color: var(--wp--custom--button--border--color);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon,
.wp-block-search .wp-block-search__button.has-icon {
  line-height: 0;
}
.wp-block-search .wp-block-search__input::placeholder {
  color: var(--wp--custom--form--color--text);
  opacity: 0.66;
}
.wp-block-search {
  /* Block Styles */
}
.wp-block-search.is-style-small-search {
  --wp--custom--button--typography--font-size: calc(
  	0.8 * var(--wp--preset--font-size--small)
  );
}
.wp-block-search.is-style-small-search .wp-block-search__input {
  padding: calc(0.5 * var(--wp--custom--form--padding));
}

.wp-block-separator {
  opacity: var(--wp--custom--separator--opacity);
}
.wp-block-separator:not(.is-style-wide) {
  width: var(--wp--custom--separator--width);
}
.wp-block-separator.is-style-dots {
  /*
  	We can solve this using including the Gutenberg block styles with: add_theme_support( 'wp-block-styles' )
  	but we decided not to add those styles to medispace because of potential broad impact of those styles.
  */
  width: 100%;
}

p.wp-block-site-tagline {
  margin: 0;
}

.wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus {
  --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
  --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
  --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
  opacity: 1;
  color: var(--wp--custom--button--color--text);
  background-color: var(--wp--custom--button--color--background);
  border-color: currentcolor;
}
.wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus svg {
  fill: var(--wp--custom--button--color--text);
}
.wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus {
  border-color: var(--wp--custom--button--border--color);
}
.wp-block-file .wp-block-file__button {
  display: inline-block;
}

.wp-block-table.is-style-stripes figcaption,
.wp-block-table figcaption {
  color: var(--wp--custom--color--primary);
  font-size: var(--wp--custom--table--figcaption--typography--font-size);
  text-align: center;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th,
.wp-block-table td,
.wp-block-table th {
  border: 1px solid;
  padding: calc(0.5 * var(--wp--custom--gap--vertical)) calc(0.5 * var(--wp--custom--gap--horizontal));
}
.wp-block-table.is-style-stripes,
.wp-block-table {
  border-bottom: none;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--wp--custom--color--tertiary);
}

.wp-block-video figcaption {
  margin: var(--wp--custom--video--caption--margin);
  text-align: var(--wp--custom--video--caption--text-align);
}

.is-style-icon-list {
  list-style: none;
  padding-left: 0;
}
.is-style-icon-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.is-style-icon-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("./svg/list-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.wp-block-query .msc-post {
  height: 385px;
  overflow: hidden;
  min-height: unset;
}
.wp-block-query .msc-post-meta {
  background: linear-gradient(180deg, rgba(7, 11, 27, 0) -8.01%, #070b1b 96.13%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  height: 170px;
}
.wp-block-query .msc-post .wp-block-cover__inner-container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.wp-block-query .msc-post .taxonomy-category {
  position: absolute;
  top: 16px;
  right: 16px;
}
.wp-block-query .msc-post .taxonomy-category a {
  display: inline-block;
  background-color: #f2f9fc;
  text-decoration: none;
  padding: 8px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4285;
}

.wp-block-categories-list.msc-categories {
  display: flex;
  border: 1px solid var(--wp--preset--color--gray-20);
  padding: 8px;
  gap: 4px;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
@media (max-width: 599px) {
  .wp-block-categories-list.msc-categories {
    border: none;
    padding: 0;
    display: grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (max-width: 599px) {
  .wp-block-categories-list.msc-categories li a {
    border: 1px solid var(--wp--preset--color--gray-20);
    display: flex !important;
    justify-content: center;
  }
}
.wp-block-categories-list.msc-categories li a {
  display: inline-block;
  padding: 14px 30px;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary--color--text);
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-categories-list.msc-categories li a:hover {
  background-color: var(--wp--custom--color--secondary);
  color: #ffffff;
}
.wp-block-categories-list.msc-categories li.current-cat a {
  background-color: var(--primary--color--blue, #1e88e5);
  color: #fff;
}
.wp-block-categories-list.msc-categories li.current-cat a:hover {
  background-color: var(--primary--color--blue--dark, #1565c0);
  color: #fff;
}

.projects-loop .taxonomy-msc_project_cat a {
  text-decoration: none;
}
.projects-loop .wp-block-post-excerpt__more-link {
  display: flex;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
  color: var(--wp--preset--color--primary);
}
.projects-loop .wp-block-post-excerpt__more-link:hover {
  background-color: transparent !important;
  opacity: 0.8;
}

.wp-block-categories-list:not(.msc-categories) {
  list-style: none;
  padding: 0;
}
.wp-block-categories-list:not(.msc-categories) .cat-item {
  display: flex;
  justify-content: flex-start;
  gap: 6px;
}
.wp-block-categories-list:not(.msc-categories) .cat-item.current-cat::before {
  content: " ";
  width: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAJxJREFUeAHl0j0OgzAMBeBHfvYcgd6gXbr3Rt27ZKm69kaMlbrQI/QI7AaDsxMwsMGTMjn6bFkGDphYB3ml9rvJFixF69vaP79nbIHYde8eaBhFpcGKyerrUxp2lXwKBv2NHtffOmgBNg8pMQNlUkfZGYh8M1afh2QaK9MIElimQbz8c430yKplL0BS8gfZ2rsWmYTSQTK5kwbZeQbZzEzfa7p1BwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.wp-block-categories-list:not(.msc-categories) .cat-item.current-cat a {
  color: var(--wp--preset--color--primary);
}
.wp-block-categories-list:not(.msc-categories) .cat-item a {
  text-decoration: none;
  color: var(--wp--preset--color--gray-50);
}
.wp-block-categories-list:not(.msc-categories) .cat-item a:hover {
  color: var(--wp--preset--color--primary);
}
.wp-block-categories-list:not(.msc-categories) .cat-item + .cat-item {
  margin-top: 15px;
}

@media (max-width: 781px) {
  .grid-xs-2 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 599px) {
  .grid-xs-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 781px) {
  .grid-xs-1 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 599px) {
  .grid-xs-1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (max-width: 599px) {
  .grid-2,
  .grid-3 {
    grid-template-columns: 1fr;
  }
  .grid-2 .wp-block-image.size-full,
  .grid-3 .wp-block-image.size-full {
    width: 100%;
  }
  .grid-2 .wp-block-image.size-full img,
  .grid-3 .wp-block-image.size-full img {
    width: 100%;
  }
}
.hero-dark .wp-block-post-excerpt__excerpt {
  color: #fff;
  max-width: 500px;
}
.hero-dark .wp-block-cover {
  background: rgb(8, 32, 44) !important;
}

@media (max-width: 599px) {
  .hero-light .wp-block-cover__inner-container > .wp-block-group,
  .hero-dark .wp-block-cover__inner-container > .wp-block-group {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home-hero .hero-line {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    padding: var(--medispace-xs-padding) !important;
    gap: 24px;
  }
  .home-hero > * {
    padding: 100px 0 0 0 !important;
  }
  .home-hero > * p,
  .home-hero > * h1,
  .home-hero > * .wp-buttons {
    padding: 0 var(--medispace-xs-padding) 0 var(--medispace-xs-padding) !important;
  }
  .home-hero h1 {
    font-size: 46px !important;
  }
}
@media (max-width: 599px) {
  h1.wp-block-heading {
    font-size: 46px;
  }
  h2.wp-block-heading {
    font-size: 32px;
  }
}
.post-meta {
  row-gap: var(--wp--custom--gap--baseline) !important;
}

.is-style-post-author-icon,
.is-style-post-date-icon,
.is-style-post-category-icon,
.is-style-post-tag-icon {
  display: flex;
  flex-wrap: wrap;
}
.is-style-post-author-icon:before,
.is-style-post-date-icon:before,
.is-style-post-category-icon:before,
.is-style-post-tag-icon:before {
  align-self: center;
  content: "";
  display: inline-block;
  margin-right: calc(0.5 * var(--wp--custom--gap--baseline));
  height: 16px;
  width: 16px;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
}

.is-style-post-author-icon:before {
  -webkit-mask-image: url(svg/post-author.svg);
  mask-image: url(svg/post-author.svg);
}

.is-style-post-date-icon:before {
  -webkit-mask-image: url(svg/post-date.svg);
  mask-image: url(svg/post-date.svg);
}

.is-style-post-category-icon:before {
  -webkit-mask-image: url(svg/post-category.svg);
  mask-image: url(svg/post-category.svg);
}

.is-style-post-tag-icon:before {
  -webkit-mask-image: url(svg/post-tag.svg);
  mask-image: url(svg/post-tag.svg);
}

/*
 * This is a refactored style sheet
 * Currently it is being loaded within ponyfill
 * As ponyfill gets refactored, add the necessary styles here.
 */
/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */
:is(.wp-block-search__button, .wp-block-button__link):is(:hover,
:active,
:focus) {
  text-decoration: none;
  cursor: pointer;
  color: var(--wp--custom--button--hover--color--text);
  background-color: var(--wp--custom--button--hover--color--background);
  border-color: var(--wp--custom--button--hover--border--color);
}

:is(.wp-block-search__button, .wp-block-button__link):focus {
  outline: 1.5px dotted var(--wp--preset--color--foreground);
  outline-offset: 3px;
}

:is(.is-style-outline.wp-block-button,
.is-style-outline.wp-block-button__link) {
  color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color));
}

:is(.is-style-outline > .wp-block-button__link,
.is-style-outline.wp-block-button__link):not(.has-background):hover {
  color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text));
  background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background));
}

@media (max-width: 781px) {
  .flow-1 .footer-menus {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 599px) {
  .flow-1 .footer-menus {
    flex-wrap: wrap !important;
  }
}
.site-footer .flow-1 .wp-block-social-links {
  gap: 16px;
}
.site-footer .flow-1 .wp-social-link {
  padding: 4px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

.flow-1 .footer-menus .wp-block-column {
  min-width: 200px;
}

.flow-3 .footer-copyright a {
  color: #5886D8;
}
.flow-3 .footer-contact a {
  color: var(--wp--preset--color--gray-100);
  word-break: keep-all;
}

.site-footer .flow-3 .wp-social-link {
  background-color: #5886D8;
  padding: 4px;
  border-radius: 8px;
}

@media (max-width: 599px) {
  .flow-3 .footer-inner {
    flex-wrap: wrap !important;
  }
}

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