/*
Theme Name: df-media
Author: Bananaconda
Author URI: 
Theme URI: 
Tags: full-site-editing
Text Domain: df-media
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Generated on fullsiteediting.com. No code version.
*/

.wp-site-blocks header,
.wp-site-blocks footer,
.wp-block-template-part,
.entry-content {
  margin-block-start: 0;
}

.content-group {
  padding: 32px;
}

@media (max-width: 1023px) {
  .content-group {
    padding: 16px !important;
  }
}

a:where(:not(.wp-element-button)) {
    transition: color 0.3s ease;
} 

.overflow-hidden {
  overflow: hidden;
}

.width-100{
  width: 100%;
}

.flex-shrink-0{
  flex-shrink: 0;
}

/* Navigation columns
--------------------------------------------- */
.navigation-columns.wp-block-columns {
  flex-wrap: nowrap !important;
}

@media (max-width: 1023px) {
  .navigation-columns.wp-block-columns {
    flex-direction: column;
  }

  .navigation-columns.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
    width: 100%;
  }
}

@media (max-width: 781px) {
  .overflow-hidden-mobile {
    overflow: hidden;
  }

  .align-center-mobile {
    text-align: center;
  }

  .hide-on-mobile,
  .is-style-hide-on-mobile {
    display: none !important;
  }

  .is-style-hide-on-tablet.is-style-hide-on-desktop{
    display: block !important;
  }

  .column-reverse-mobile,
  .is-style-reverse-columns-on-mobile {
    flex-direction: column-reverse !important;
    width: 100%;
  }

  .is-style-reverse-columns-on-mobile .wp-block-column {
    width: 100%;
  }

  .wide-button-on-mobile,
  .wide-button-on-mobile .wp-block-button,
  .wide-button-on-mobile .wp-block-button__link {
    width: 100%;
    justify-content: center;
  }

  .justify-content-flex-start-on-mobile{
    justify-content: flex-start !important;
  }

  .align-items-flex-start-on-mobile{
    align-items: flex-start !important;
  }

  .text-align-left-on-mobile{
    text-align: left !important;
  }
}

@media (max-width: 1000px) {
  .hide-on-tablet,
  .is-style-hide-on-tablet {
    display: none !important;
  }
}

@media (min-width: 1001px) {
  .hide-on-desktop,
  .is-style-hide-on-desktop {
    display: none !important;
  }

  .order-first-on-desktop{
    order: -999;
  }
}

/* paragraph
--------------------------------------------- */

p.is-style-overline {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--wp--preset--color--light-grey);
  font-size: var(--wp--preset--font-size--text-m-xs);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

p.is-style-overline::before {
  content: "";
  flex: 0 0 64px;
  width: 64px;
  height: 1px;
  background-color: var(--wp--preset--color--light-grey);
}

@media (max-width: 1000px) {
  p.is-style-overline::before {
    flex-basis: 32px;
    width: 32px;
  }
}

/* group
--------------------------------------------- */
.is-style-only-mobile,
.is-style-only-tablet-mobile,
.is-style-only-tablet-desktop,
.is-style-only-desktop {
  display: none !important;
}

/* ——— only-mobile ——— */
@media (max-width: 780px) {
  .is-style-only-mobile { display: inherit !important; }
}

/* ——— only-tablet-mobile ——— */
/* mobile */
@media (max-width: 1000px) {
  .is-style-only-tablet-mobile { display: inherit !important; }
}

/* ——— only-tablet-desktop ——— */
/* tablet + desktop zaczyna się od 781px */
@media (min-width: 781px) {
  .is-style-only-tablet-desktop { display: inherit !important; }
}

/* ——— only-desktop ——— */
@media (min-width: 1001px) {
  .is-style-only-desktop { display: inherit !important; }
}

.wp-block-group.is-style-decorator-right {
  position: relative;
}

.wp-block-group.is-style-decorator-top-center {
  position: relative;
  overflow: hidden;
}

.wp-block-group.is-style-decorator-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -36px;
  z-index: 0;
  width: 689px;
  height: 287px;
  background-image: url("data:image/svg+xml,%3Csvg width='689' height='287' viewBox='0 0 689 287' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340.605 25.6776H348.397L359.158 57.4694L346.488 68.3309L342.522 68.2225L330.755 58.3502L340.605 25.6776Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M340.607 73.9177L340.592 71.696L323.114 57.0232L0 0L4.72199 8.91477L218.093 98.3131L270.214 103.798L340.609 73.9158L340.607 73.9177Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M320.802 139.07L291.597 163.576L59.2758 204.538L55.9171 198.99L340.593 78.1494L320.802 139.07Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M348.399 73.9158V71.7035L365.892 57.0232L689.006 0L684.283 8.91478L470.913 98.3131L418.791 103.798L348.397 73.9158H348.399Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M368.204 139.073L397.41 163.579L629.637 204.526L633.089 198.995L348.413 78.1543L368.204 139.073Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M346.45 84.7295H342.555L334.171 110.514L341.58 116.733V286.717H347.424V116.733L354.75 110.584L346.45 84.7295Z' fill='white' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: translate(50%, -50%);
}

.wp-block-group.is-style-decorator-top-center::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 689px;
  height: 287px;
  background-image: url("data:image/svg+xml,%3Csvg width='689' height='287' viewBox='0 0 689 287' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340.605 25.6776H348.397L359.158 57.4694L346.488 68.3309L342.522 68.2225L330.755 58.3502L340.605 25.6776Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M340.607 73.9177L340.592 71.696L323.114 57.0232L0 0L4.72199 8.91477L218.093 98.3131L270.214 103.798L340.609 73.9158L340.607 73.9177Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M320.802 139.07L291.597 163.576L59.2758 204.538L55.9171 198.99L340.593 78.1494L320.802 139.07Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M348.399 73.9158V71.7035L365.892 57.0232L689.006 0L684.283 8.91478L470.913 98.3131L418.791 103.798L348.397 73.9158H348.399Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M368.204 139.073L397.41 163.579L629.637 204.526L633.089 198.995L348.413 78.1543L368.204 139.073Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M346.45 84.7295H342.555L334.171 110.514L341.58 116.733V286.717H347.424V116.733L354.75 110.584L346.45 84.7295Z' fill='white' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: translate(-50%, 0);
}

.wp-block-group.is-style-decorator-right > *,
.wp-block-group.is-style-decorator-top-center > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 781px) {
  .wp-block-group.is-style-decorator-right::after,
  .wp-block-group.is-style-decorator-top-center::after {
    display: none;
  }
}

/* details
--------------------------------------------- */

.wp-block-details{
  margin-bottom: 0 !important;
  background: var(--wp--preset--color--dark);
  border-radius: 8px;
  /* border: 2px solid var(--wp--preset--color--light-grey); */
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.wp-block-details[open]{
  /* border-color: var(--wp--preset--color--white); */
  background-color: #2E2E2E;
}

.wp-block-details[open] summary{
  color: var(--wp--preset--color--white);
}

.wp-block-details .collapsible-wrapper{
  margin: 0;
}

.wp-block-details .collapsible-wrapper >*{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.wp-block-details .collapsible-wrapper >*:first-child{
  padding-top: 0 !important;
  margin-top: 0;
}

.wp-block-details .collapsible-wrapper >*:last-child{
  padding-bottom: 24px !important;
  margin-bottom: 0;
}

.wp-block-details summary{
  display: flex;
  align-items: center;
  position: relative;
  list-style: none;
  padding: 24px;
  padding-right: 52px;
  border-radius: 8px;
  font-size: var(--wp--preset--font-size--heading-5);
  font-weight: 600;
  transition: all 0.3s ease;
  text-align: left;
  cursor: pointer;
}

.wp-block-details summary::before{
  content: "";
  position: absolute;
  width: 46px;
  height: 46px;
  right: 24px;
  top: 50%;
  transform: translate(0%, -50%);
  background-image: url('assets/images/dropdown.svg');
  background-size: contain;
  transition: all 0.3s ease;
  opacity: 1;
}

.wp-block-details[open] summary::before{
  transform: translate(0%, -50%) rotate(180deg);
}


.is-style-step-details{
  margin-left: 32px !important;
  margin-top: 0;
  padding-bottom: 16px !important;
  position: relative;
}

.is-style-step-details::before{
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: -24px;
  top: 0;
  transform: translateX(-50%);
  background-color: var(--wp--preset--color--light-grey);
}

.is-style-step-details::after{
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: -24px;
  top: calc(50% - 8px);
  transform: translate(-50%, -50%);
  background-color: var(--wp--preset--color--light-grey);
  border-radius: 16px;
  transition: background-color 0.3s ease;
}

.is-style-step-details:has(details[open])::after{
  background-color: var(--wp--preset--color--white);
}



/* buttons
--------------------------------------------- */
.always-wide,
.is-style-always-wide .wp-block-button,
.is-style-always-wide .wp-block-button__link {
  width: 100%;
  justify-content: center;
}

@media (max-width: 781px) {
  .wp-block-buttons,
  .wp-block-button,
  .wp-block-button .wp-block-button__link {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* button
--------------------------------------------- */
.wp-block-button .wp-block-button__link {
    display: flex;
    align-items: space-between;
    gap: 12px;
    padding: 16px 24px;
    font-weight: 700;
    line-height: 20px;
    color: var(--wp--preset--color--dark);
    transition: all 0.3s ease;
    box-shadow: unset;
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--white);
    border-radius: 8px;
}

.wp-block-button .wp-block-button__link:hover {
    
}

.wp-block-button .wp-block-button__link img,
.wp-block-button .wp-block-button__link svg {
    width: 24px;
    max-height: 24px;
    transition: all 0.3s ease;
    margin: 0 -4px;
}

/* Button arrow right
--------------------------------------------- */

.wp-block-button.is-style-arrow-right .wp-block-button__link {
  --button-arrow-right-icon: 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='M3.75 12.75H20.25C20.6642 12.75 21 12.4142 21 12C21 11.5858 20.6642 11.25 20.25 11.25H3.75C3.33579 11.25 3 11.5858 3 12C3 12.4142 3.33579 12.75 3.75 12.75Z' fill='%23252525'/%3E%3Cpath d='M19.1893 12L12.9697 18.2197C12.829 18.3603 12.75 18.5511 12.75 18.75C12.75 18.9489 12.829 19.1397 12.9697 19.2803C13.1103 19.421 13.3011 19.5 13.5 19.5C13.6989 19.5 13.8897 19.421 14.0303 19.2803L20.7803 12.5303C21.0732 12.2374 21.0732 11.7626 20.7803 11.4697L14.0303 4.71967C13.8897 4.57902 13.6989 4.5 13.5 4.5C13.3011 4.5 13.1103 4.57902 12.9697 4.71967C12.829 4.86032 12.75 5.05109 12.75 5.25C12.75 5.44891 12.829 5.63968 12.9697 5.78033L19.1893 12Z' fill='%23252525'/%3E%3C/svg%3E%0A");
  --button-arrow-right-enter: -56px;
  --button-arrow-right-travel: 56px;
  position: relative;
  overflow: hidden;
  padding-right: 64px;
}

.wp-block-button.is-style-arrow-right .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 48px;
  height: 24px;
  background-image: var(--button-arrow-right-icon), var(--button-arrow-right-icon);
  background-position: center center, var(--button-arrow-right-enter) center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transform: translateY(-50%);
  transition: background-position 0.55s ease;
}

.wp-block-button.is-style-arrow-right .wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 48px;
  height: 24px;
  background: linear-gradient(
    90deg,
    var(--wp--preset--color--white) 0%,
    transparent 28%,
    transparent 72%,
    var(--wp--preset--color--white) 100%
  );
  pointer-events: none;
  transform: translateY(-50%);
}

.wp-block-button.is-style-arrow-right .wp-block-button__link:hover::before {
  background-position: var(--button-arrow-right-travel) center, center center;
}

/* Button arrow down
--------------------------------------------- */

.wp-block-button.is-style-arrow-down .wp-block-button__link {
  --button-arrow-down-icon: 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='M11.25 3.75V20.25C11.25 20.6642 11.5858 21 12 21C12.4142 21 12.75 20.6642 12.75 20.25V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75Z' fill='%23252525'/%3E%3Cpath d='M12 19.1893L5.78033 12.9697C5.63968 12.829 5.44891 12.75 5.25 12.75C5.05109 12.75 4.86032 12.829 4.71967 12.9697C4.57902 13.1103 4.5 13.3011 4.5 13.5C4.5 13.6989 4.57902 13.8897 4.71967 14.0303L11.4697 20.7803C11.7626 21.0732 12.2374 21.0732 12.5303 20.7803L19.2803 14.0303C19.421 13.8897 19.5 13.6989 19.5 13.5C19.5 13.3011 19.421 13.1103 19.2803 12.9697C19.1397 12.829 18.9489 12.75 18.75 12.75C18.5511 12.75 18.3603 12.829 18.2197 12.9697L12 19.1893Z' fill='%23252525'/%3E%3C/svg%3E%0A");
  --button-arrow-down-enter: -56px;
  --button-arrow-down-travel: 56px;
  position: relative;
  overflow: hidden;
  padding-right: 64px;
}

.wp-block-button.is-style-arrow-down .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 24px;
  height: 48px;
  background-image: var(--button-arrow-down-icon), var(--button-arrow-down-icon);
  background-position: center center, center var(--button-arrow-down-enter);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transform: translateY(-50%);
  transition: background-position 0.55s ease;
}

.wp-block-button.is-style-arrow-down .wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 24px;
  height: 48px;
  background: linear-gradient(
    180deg,
    var(--wp--preset--color--white) 0%,
    transparent 28%,
    transparent 72%,
    var(--wp--preset--color--white) 100%
  );
  pointer-events: none;
  transform: translateY(-50%);
}

.wp-block-button.is-style-arrow-down .wp-block-button__link:hover::before {
  background-position: center var(--button-arrow-down-travel), center center;
}

/* Button round arrow down
--------------------------------------------- */

.wp-block-button.is-style-round-arrow-down .wp-block-button__link {
  --button-round-arrow-down-icon: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6665 24L15.9998 29.3333L21.3332 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2.6665V29.3332' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --button-round-arrow-down-enter: -64px;
  --button-round-arrow-down-travel: 64px;
  position: relative;
  overflow: hidden;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--white);
  border-radius: 50%;
  box-shadow: unset;
}

.wp-block-button.is-style-round-arrow-down .wp-block-button__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--button-round-arrow-down-icon), var(--button-round-arrow-down-icon);
  background-position: center center, center var(--button-round-arrow-down-enter);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  transition: background-position 0.55s ease;
}

.wp-block-button.is-style-round-arrow-down .wp-block-button__link:hover::before {
  background-position: center var(--button-round-arrow-down-travel), center center;
}

@media (max-width: 781px) {
  .wp-block-button.is-style-round-arrow-down .wp-block-button__link {
    width: 64px !important;
    min-width: 64px;
  }
}

/* Button arrow up right/submit
--------------------------------------------- */

.wp-block-button.is-style-arrow-up-right .wp-block-button__link {
  --button-arrow-up-right-icon: 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='M6.69697 18.3641L18.3642 6.69683C18.6571 6.40394 18.6571 5.92906 18.3642 5.63617C18.0713 5.34328 17.5965 5.34328 17.3036 5.63617L5.63631 17.3034C5.34342 17.5963 5.34341 18.0712 5.63631 18.3641C5.9292 18.657 6.40408 18.657 6.69697 18.3641Z' fill='white'/%3E%3Cpath d='M17.0839 6.9165L17.0839 15.7124C17.0839 15.9114 17.1629 16.1021 17.3036 16.2428C17.4442 16.3834 17.635 16.4624 17.8339 16.4624C18.0328 16.4624 18.2236 16.3834 18.3642 16.2428C18.5049 16.1021 18.5839 15.9114 18.5839 15.7124V6.1665C18.5839 5.75229 18.2481 5.4165 17.8339 5.4165L8.28796 5.4165C8.08905 5.4165 7.89828 5.49552 7.75763 5.63617C7.61698 5.77682 7.53796 5.96759 7.53796 6.1665C7.53796 6.36541 7.61698 6.55618 7.75763 6.69683C7.89828 6.83748 8.08905 6.9165 8.28796 6.9165L17.0839 6.9165Z' fill='white'/%3E%3C/svg%3E");
  --button-arrow-up-right-enter-x: -56px;
  --button-arrow-up-right-enter-y: 56px;
  --button-arrow-up-right-travel-x: 56px;
  --button-arrow-up-right-travel-y: -56px;
  position: relative;
  overflow: hidden;
  padding-right: 64px;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--dark);
  border-color: var(--wp--preset--color--dark);
}

.wp-block-button.is-style-arrow-up-right .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 48px;
  height: 48px;
  background-image: var(--button-arrow-up-right-icon), var(--button-arrow-up-right-icon);
  background-position: center center, var(--button-arrow-up-right-enter-x) var(--button-arrow-up-right-enter-y);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transform: translateY(-50%);
  transition: background-position 0.55s ease;
}

.wp-block-button.is-style-arrow-up-right .wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 48px;
  height: 48px;
  background: linear-gradient(
    45deg,
    var(--wp--preset--color--dark) 0%,
    transparent 28%,
    transparent 72%,
    var(--wp--preset--color--dark) 100%
  );
  pointer-events: none;
  transform: translateY(-50%);
}

.wp-block-button.is-style-arrow-up-right .wp-block-button__link:hover::before {
  background-position: var(--button-arrow-up-right-travel-x) var(--button-arrow-up-right-travel-y), center center;
}

  /* Cover
--------------------------------------------- */

.wp-block-cover.is-style-gradient-left .wp-block-cover__background {
  background-image: linear-gradient(
    270deg,
    rgba(37, 37, 37, 0) 0%,
    rgba(37, 37, 37, 1) 100%
  ) !important;
  opacity: 1 !important;
  background-color: unset !important;
}

.wp-block-cover.is-style-gradient-left-light .wp-block-cover__background {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important;
  opacity: 1 !important;
  background-color: unset !important;
  border-radius: inherit;
}

.wp-block-cover.is-style-cut-corner-right {
  clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 80px, 100% 100%, 0 100%);
}

@media (max-width: 781px) {
  .wp-block-cover.is-style-gradient-left .wp-block-cover__background {
    background-image: linear-gradient(
      270deg,
      rgba(0, 0, 0, 0) -22.24%,
      rgba(0, 0, 0, 0.574828) 54.51%,
      rgba(0, 0, 0, 0.6) 100%
    ) !important;
    border-radius: inherit;
  }

  .wp-block-cover.is-style-cut-corner-right {
    clip-path: polygon(0 0, calc(100% - 48px) 0, 100% 48px, 100% 100%, 0 100%);
  }
}


/* Social links
--------------------------------------------- */

.wp-block-social-links.is-style-social-icons-outline {
  gap: 16px;
}

.wp-block-social-links.is-style-social-icons-outline .wp-block-social-link.wp-social-link .wp-block-social-link-anchor {
  padding: 14px;
  border: 1px solid #A7A7A780;
  border-radius: 8px;
  font-size: 32px;
}

.wp-block-social-links.is-style-social-icons-outline .wp-block-social-link.wp-social-link{
  background-color: unset;
}

@media (max-width: 781px) {
  .wp-block-social-links.is-style-social-icons-outline {
    gap: 12px;
  }

  .wp-block-social-links.is-style-social-icons-outline .wp-block-social-link.wp-social-link .wp-block-social-link-anchor {
    padding: 12px;
    font-size: 20px;
  }
}

/* Pagination
--------------------------------------------- */

.wp-block-query-pagination {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 24px;
  position: relative;
  padding-top: 64px;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers{
  display: flex;
  grid-column: 2;
  gap: 8px;
  justify-content: center;
  margin: 0;
}

.wp-block-query-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--dark);
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.wp-block-query-pagination .page-numbers.current{
  color: var(--wp--preset--color--dark);
  background-color: var(--wp--preset--color--white);
}

.wp-block-query-pagination a.page-numbers:hover{
  color: var(--wp--preset--color--white);
  background-color: #2E2E2E;
}

.wp-block-query-pagination .wp-block-query-pagination-next{
  grid-column: 3;
  justify-self: end;
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--dark);
  border-radius: 4px;
  min-height: 48px;
  padding: 0 16px;
  text-decoration: none;
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover{
  color: var(--wp--preset--color--grey);
}

.wp-block-query-pagination .wp-block-query-pagination-previous::before,
.wp-block-query-pagination .wp-block-query-pagination-next::after{
  content: "";
  display: inline-block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4.16602L4.16667 9.99935L10 15.8327' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 10H4' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  transition: filter 0.3s ease;
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover::before,
.wp-block-query-pagination .wp-block-query-pagination-next:hover::after{
  filter: brightness(0.7);
}

.wp-block-query-pagination .wp-block-query-pagination-next::after{
  transform: rotate(180deg);
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination .wp-block-query-pagination-next-arrow{
  display: none;
}

.wp-block-query-pagination .wp-block-query-pagination-previous{
  grid-column: 1;
  justify-self: start;
}

@media (max-width: 781px) {
  .wp-block-query-pagination {
    grid-template-columns: 1fr;
    padding-top: 48px;
  }

  .wp-block-query-pagination .wp-block-query-pagination-numbers{
    grid-column: 1;
  }

  .wp-block-query-pagination .wp-block-query-pagination-previous,
  .wp-block-query-pagination .wp-block-query-pagination-next{
    display: none;
  }
}

/* cf7
--------------------------------------------- */

.wpcf7 form .wpcf7-response-output {
  margin: 0;
}

.contact-form-wrapper{
  font-family: var(--wp--preset--font-family--brother-1816);
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 32px 32px 12px 32px;
  --cf7-gap: 24px;
}

.contact-form-wrapper > h2 {
  margin-top: 0;
  margin-bottom: 24px;
}

.contact-form-wrapper > p {
  font-size: var(--wp--preset--font-size--text-l);
  color: var(--wp--preset--color--obsidian-black);
  margin: 32px 0;
}

.contact-form-wrapper .wpcf7-not-valid-tip{
  font-size: 12px;
}

/* układ wiersza */
.contact-form-wrapper .form-row{
  display: flex;
  gap: 0 var(--cf7-gap);
  flex-wrap: wrap;
}

.contact-form-wrapper .form-col{
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 220px;
}

@media (max-width: 781px){

  .contact-form-wrapper .form-col{
    min-width: 100%;
  }

  .contact-form-wrapper{
    padding: 16px 16px 0 16px;
    --cf7-gap: 16px;
  }
}

/* label */
.contact-form-wrapper label{
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #080D1F;
}

.contact-form-wrapper label small{
  font-weight: 400;
  color: var(--wp--preset--color--light-grey-2);
}

/* pola */
.contact-form-wrapper .input-field{
  position: relative;
  margin-bottom: var(--cf7-gap);
}

.contact-form-wrapper input:not([type="checkbox"]):not([type="submit"]),
.contact-form-wrapper textarea,
.contact-form-wrapper select{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--wp--preset--color--dark);
  border-radius: 8px;
  background: var(--wp--preset--color--white);
  padding: 12px 14px;
  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  color: #080D1F;
  transition: border-color .2s ease;
}

/* wysokość inputów */
.contact-form-wrapper input:not([type="checkbox"]):not([type="submit"]),
.contact-form-wrapper select,
.contact-form-wrapper input[type="file"]{
  height: 52px;
}

/* textarea */
.contact-form-wrapper textarea{
  height: 160px;
  resize: vertical;
}

/* placeholder */
.contact-form-wrapper input::placeholder,
.contact-form-wrapper textarea::placeholder{
  color: #051B3166;
  opacity: 1;
}

/* focus = primary */
.contact-form-wrapper input:focus-within,
.contact-form-wrapper textarea:focus-within,
.contact-form-wrapper select:focus-within{
  outline: none;
  border-color: var(--wp--preset--color--primary) !important;
}

/* zgoda */
.contact-form-wrapper .wpcf7-list-item{
  margin: 0;
}

.contact-form-wrapper .acceptance-wrapper{
  color: #000000A6;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.contact-form-wrapper .acceptance-wrapper label{
  margin: 0;
  font-size: 12px;
  /* opacity: 0.6; */
  color: var(--wp--preset--color--grey);
}

.contact-form-wrapper .acceptance-wrapper a{
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--text-s);
}


.contact-form-wrapper input[type="checkbox"]{
  width: 18px;
  height: 18px;
  accent-color: var(--wp--preset--color--primary);
  margin-top: 0;
}

/* submit */
.contact-form-wrapper .submit-wrapper{
  margin-top: 32px;
  position: relative;
}

.contact-form-wrapper .submit-button-wrapper.is-style-arrow-up-right {
  --button-arrow-up-right-icon: 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='M6.69697 18.3641L18.3642 6.69683C18.6571 6.40394 18.6571 5.92906 18.3642 5.63617C18.0713 5.34328 17.5965 5.34328 17.3036 5.63617L5.63631 17.3034C5.34342 17.5963 5.34341 18.0712 5.63631 18.3641C5.9292 18.657 6.40408 18.657 6.69697 18.3641Z' fill='white'/%3E%3Cpath d='M17.0839 6.9165L17.0839 15.7124C17.0839 15.9114 17.1629 16.1021 17.3036 16.2428C17.4442 16.3834 17.635 16.4624 17.8339 16.4624C18.0328 16.4624 18.2236 16.3834 18.3642 16.2428C18.5049 16.1021 18.5839 15.9114 18.5839 15.7124V6.1665C18.5839 5.75229 18.2481 5.4165 17.8339 5.4165L8.28796 5.4165C8.08905 5.4165 7.89828 5.49552 7.75763 5.63617C7.61698 5.77682 7.53796 5.96759 7.53796 6.1665C7.53796 6.36541 7.61698 6.55618 7.75763 6.69683C7.89828 6.83748 8.08905 6.9165 8.28796 6.9165L17.0839 6.9165Z' fill='white'/%3E%3C/svg%3E");
  --button-arrow-up-right-enter-x: -56px;
  --button-arrow-up-right-enter-y: 56px;
  --button-arrow-up-right-travel-x: 56px;
  --button-arrow-up-right-travel-y: -56px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.contact-form-wrapper .submit-button-wrapper.is-style-arrow-up-right::before,
.contact-form-wrapper .submit-button-wrapper.is-style-arrow-up-right::after {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  right: 8px;
  z-index: 1;
  width: 48px;
  height: 48px;
  pointer-events: none;
  transform: translateY(-50%);
}

.contact-form-wrapper .submit-button-wrapper.is-style-arrow-up-right::before {
  background-image: var(--button-arrow-up-right-icon), var(--button-arrow-up-right-icon);
  background-position: center center, var(--button-arrow-up-right-enter-x) var(--button-arrow-up-right-enter-y);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transition: background-position 0.55s ease;
}

.contact-form-wrapper .submit-button-wrapper.is-style-arrow-up-right::after {
  background: linear-gradient(
    45deg,
    var(--wp--preset--color--dark) 0%,
    transparent 28%,
    transparent 72%,
    var(--wp--preset--color--dark) 100%
  );
}

.contact-form-wrapper .submit-button-wrapper.is-style-arrow-up-right:hover::before {
  background-position: var(--button-arrow-up-right-travel-x) var(--button-arrow-up-right-travel-y), center center;
}

.contact-form-wrapper .submit-button-wrapper .wpcf7-submit.wp-block-button__link{
  width: 100%;
  position: relative;
  text-align: left;
}

.contact-form-wrapper .submit-button-wrapper .wpcf7-submit.wp-block-button__link:hover{
}

.contact-form-wrapper input.wpcf7-submit:disabled {
    /* opacity: 0.8; */
}

/* PATTERNS
-------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 781px) {
  .person-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .person-grid > .person-container:first-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: 50%;
  }

  .person-grid > .person-container:first-child .wp-block-cover {
    width: 100%;
  }
}

.cta-cover {
  overflow: visible;
  position: relative;
  margin-top: 64px !important;
}

.cta-cover > img {
  border-radius: 12px;
}

.cta-cover::before {
  content: "";
  position: absolute;
  top: -50px;
  right: 0;
  width: 336px;
  height: 140px;
  background-image: url("data:image/svg+xml,%3Csvg width='337' height='140' viewBox='0 0 337 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M166.312 12.5381H170.118L175.372 28.0615L169.185 33.3651L167.248 33.3121L161.503 28.4916L166.312 12.5381Z' fill='white'/%3E%3Cpath d='M166.313 36.0929L166.306 35.0081L157.772 27.8436L0 0L2.30568 4.35295L106.492 48.0048L131.942 50.6831L166.314 36.092L166.313 36.0929Z' fill='white'/%3E%3Cpath d='M156.643 67.9057L142.383 79.8716L28.9437 99.873L27.3037 97.1637L166.307 38.1592L156.643 67.9057Z' fill='white'/%3E%3Cpath d='M170.118 36.092V35.0117L178.66 27.8436L336.432 0L334.126 4.35295L229.94 48.0048L204.49 50.6831L170.117 36.092H170.118Z' fill='white'/%3E%3Cpath d='M179.789 67.9068L194.049 79.8726L307.443 99.8668L309.128 97.1657L170.125 38.1611L179.789 67.9068Z' fill='white'/%3E%3Cpath d='M169.167 41.3721H167.265L163.171 53.9625L166.789 56.9987V140H169.642V56.9987L173.219 53.9963L169.167 41.3721Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}

@media (max-width: 781px) {
  .cta-cover{
    margin-top: 32px !important;
  }
  .cta-cover::before {
    top: -24px;
    width: 150px;
    height: 62px;
  }
}

.dlaczego-my-img-column{
  flex-basis: 96px !important;
}

@media (max-width: 781px) {
  .dlaczego-my-img-column{
    flex-basis: 72px !important;
  }
}

@media (max-width: 781px) {
  .quote-group {
    padding: 42px 16px !important;
  }
}