/*
 Theme Name:   MAKA | architekci
 Author:       Gosia Gozdz myspot.ON
 Template:     Divi
 Version:      2.07

*/

@import url("https://use.typekit.net/pcp3obq.css");

/* ============== GLOBAL STYLES ============== */

/* Fix a horizontal scroll bug on mobile browsers */
#page-container { 
  overflow:hidden; 
  width:100%; 
  max-width:100%; }

.maka-scroll-stage {
  position:relative;
  min-height:190vh;
  overflow:visible!important;
  z-index:1;
}

.maka-scroll-stage > .et_pb_row:first-child:not(.et_pb_sticky_placeholder),
.home .et_pb_section_4 > .et_pb_row_10:not(.et_pb_sticky_placeholder),
.maka-hero-sticky {
  height:95vh!important;
  max-height:95vh!important;
  z-index:10000!important;
}

.maka-blur {
  position:relative;
}

.maka-scroll-stage > .maka-blur,
.home .et_pb_section_4 > .et_pb_row_12.maka-blur,
.maka-scroll-stage .maka-blur {
  position:relative;
  z-index:10001!important;
  height:auto!important;
  min-height:190vh!important;
  max-height:none!important;
  margin-top:0;
  padding-top:0;
  box-sizing:border-box;
  overflow:hidden!important;
  pointer-events:none;
}

.maka-scroll-stage > .maka-blur::before,
.home .et_pb_section_4 > .et_pb_row_12.maka-blur::before,
.maka-scroll-stage .maka-blur::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .35) 8vh, #000 24vh);
  mask-image:linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .35) 8vh, #000 24vh);
  pointer-events:none;
}

.maka-scroll-stage > .maka-blur > *,
.home .et_pb_section_4 > .et_pb_row_12.maka-blur > *,
.maka-scroll-stage .maka-blur > * {
  position:relative;
  z-index:1;
}

.home .et_pb_section_5 {
  position:relative;
  z-index:10003;
}

.maka-scroll-stage > .et_pb_row:first-child:not(.et_pb_sticky_placeholder) .et_pb_button_module_wrapper,
.maka-scroll-stage > .et_pb_row:first-child:not(.et_pb_sticky_placeholder) .et_pb_button,
.home .et_pb_section_4 > .et_pb_row_10 .et_pb_button_module_wrapper,
.home .et_pb_section_4 > .et_pb_row_10 .et_pb_button,
.maka-scroll-stage .maka-hero-sticky .et_pb_button_module_wrapper,
.maka-scroll-stage .maka-hero-sticky .et_pb_button {
  position:relative;
  z-index:10002!important;
}

/* ============== PHOTO MARQUEE ============== */
.maka-photo-marquee {
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  width:max-content!important;
  max-width:none!important;
  gap:clamp(18px, 2.6vw, 42px);
  animation:maka-photo-marquee 34s linear infinite;
  will-change:transform;
}

.maka-photo-marquee .et_pb_module {
  flex:0 0 auto;
  margin:0!important;
}

.maka-photo-marquee .et_pb_image_wrap,
.maka-photo-marquee img {
  display:block;
}

.maka-photo-marquee img {
  width:auto;
  max-width:none!important;
  height:clamp(220px, 32vw, 450px);
  object-fit:cover;
}

.maka-photo-marquee .et_pb_image_wrap img[width="512"],
.maka-photo-marquee .et_pb_image_wrap img[width="513"] {
  height:clamp(180px, 24vw, 342px);
}

.maka-photo-marquee:is(.et_pb_column),
.maka-photo-marquee:is(.et_pb_column):last-child {
  margin-right:0!important;
}

.maka-photo-marquee:where(.et_pb_column) {
  flex-wrap:nowrap!important;
}

.et_pb_section_8 .et_pb_row_17,
.et_pb_row:has(> .maka-photo-marquee) {
  overflow:hidden;
  max-width:100%!important;
}

@keyframes maka-photo-marquee {
  from {
    transform:translate3d(0, 0, 0);
  }
  to {
    transform:translate3d(calc(-50% - clamp(9px, 1.3vw, 21px)), 0, 0);
  }
}

@media (prefers-reduced-motion:reduce) {
  .maka-photo-marquee {
    animation:none;
  }
}

body.et-fb .maka-photo-marquee,
html.et-fb .maka-photo-marquee {
  animation:none!important;
  transform:none!important;
  width:max-content!important;
  max-width:100%!important;
  flex-wrap:nowrap!important;
}

/* ============== PORTFOLIO CARDS ============== */
.maka-portfolio-img {
  position:relative;
  overflow:hidden;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

.maka-portfolio-zoom-layer {
  position:absolute;
  inset:0;
  z-index:1;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  transform:scale(1);
  transform-origin:center;
  transition:transform .7s ease;
  will-change:transform;
  pointer-events:none;
}

.maka-portfolio-img > *:not(.maka-portfolio-zoom-layer) {
  position:relative;
  z-index:2;
}

.maka-portfolio-img > .maka-portfolio-zoom-layer {
  position:absolute;
  z-index:1;
}

.maka-portfolio-img:hover .maka-portfolio-zoom-layer,
.maka-portfolio-img:focus-within .maka-portfolio-zoom-layer {
  transform:scale(1.08);
}

.et_pb_row[data-loop-item]:has(.maka-project) {
  position:relative;
}

.et_pb_row[data-loop-item]:has(.maka-project) > .et_pb_column {
  position:relative;
}

.maka-project {
  position:relative;
  min-height:var(--maka-portfolio-height, clamp(320px, 34vw, 560px));
  overflow:hidden;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

.maka-overlay {
  position:absolute!important;
  inset:0;
  z-index:3;
  opacity:0;
  pointer-events:none;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  transition:opacity .28s ease;
}

.et_pb_row[data-loop-item]:has(.maka-project):hover .maka-overlay,
.et_pb_row[data-loop-item]:has(.maka-project):focus-within .maka-overlay {
  opacity:1;
  pointer-events:auto;
}

.maka-overlay a {
  color:inherit;
}

body.et-fb .maka-overlay,
html.et-fb .maka-overlay {
  position:relative!important;
  inset:auto;
  opacity:1!important;
  pointer-events:auto!important;
}

@media (max-width:767px) {
  .maka-project {
    min-height:420px;
  }
}

@media (max-width:980px) {
  .maka-overlay {
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

@media (hover:none), (pointer:coarse) {
  .maka-overlay {
    opacity:1!important;
    pointer-events:auto!important;
  }

  .maka-project,
  .maka-portfolio-img::before {
    transform:none!important;
  }
}

/* ============== PHOTO FADE ============== */
.maka-photo-fade-wrap {
  position:relative;
  display:grid!important;
}

.maka-photo-fade-wrap > .maka-photo-fade {
  grid-area:1 / 1;
  margin:0!important;
  opacity:0;
  pointer-events:none;
  transition:opacity .55s ease-in-out;
  z-index:1;
}

.maka-photo-fade-wrap:not(.is-ready) > .maka-photo-fade:first-child,
.maka-photo-fade-wrap > .maka-photo-fade.is-active {
  opacity:1;
  z-index:2;
}

.maka-photo-fade-wrap > .maka-photo-fade .et_pb_image_wrap,
.maka-photo-fade-wrap > .maka-photo-fade img {
  display:block;
  width:100%;
}

.maka-photo-fade-wrap > .maka-photo-fade img {
  height:auto;
  object-fit:cover;
}

.et_pb_sticky.maka-sticky-fade-is-hidden {
  opacity:0!important;
  pointer-events:none!important;
}

/* ============== TEXT MARQUEE ============== */
.maka-marquee {
  overflow:hidden;
}

.maka-marquee .et_pb_row {
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
  touch-action:pan-x;
}

.maka-marquee .et_pb_row::-webkit-scrollbar {
  display:none;
}

.maka-marquee .maka-marquee-track {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center;
  column-gap:var(--maka-marquee-gap, 4rem);
  width:max-content!important;
  max-width:none!important;
  will-change:transform;
  animation:maka-text-marquee-loop 42s linear infinite reverse;
}

.maka-marquee .maka-marquee-track > .maka-marquee-title {
  flex:0 0 auto;
  width:auto!important;
  max-width:none!important;
  margin-bottom:0!important;
}

.maka-marquee .maka-marquee-track > .maka-marquee-title,
.maka-marquee .maka-marquee-track > .maka-marquee-title .et_pb_heading_container,
.maka-marquee .maka-marquee-track > .maka-marquee-title .et_pb_module_header {
  display:block;
  width:max-content;
  max-width:none;
  white-space:nowrap;
}

.maka-marquee .maka-marquee-track.is-ready {
  animation-play-state:running!important;
}

.maka-marquee.is-touching .maka-marquee-track {
  animation-play-state:paused!important;
}

@keyframes maka-text-marquee-loop {
  from { transform:translate3d(0, 0, 0); }
  to { transform:translate3d(var(--maka-marquee-loop-distance, -50%), 0, 0); }
}

@media (prefers-reduced-motion:reduce) {
  .maka-marquee .maka-marquee-track {
    animation:none;
    transform:none;
  }
}

body.et-fb .maka-marquee .et_pb_row,
html.et-fb .maka-marquee .et_pb_row {
  overflow-x:auto!important;
}

body.et-fb .maka-marquee .maka-marquee-track,
html.et-fb .maka-marquee .maka-marquee-track {
  animation:none!important;
  transform:none!important;
  width:max-content!important;
  max-width:100%!important;
  flex-wrap:nowrap!important;
}

/*SELECTION*/
::selection {
     background-color: #D3DDFF;
     color: #6688F8;
}

body,
button,
input,
textarea,
select {
  font-family: "utile", sans-serif !important;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_fullwidth_header_subhead {
  font-family: "utile-display", sans-serif !important;
  font-weight: 400;
}



/* ============== TEXT STYLE ============== */

ul, li, ol {
  line-height:1.2em!important;
}

:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}

:where(.et_pb_text) p:last-of-type {
  padding-bottom:1em;
}
:where(.et_pb_text) :is(p,ul,ol,blockquote):last-child {
  padding-bottom:0;
}

:where(.et_pb_text) ::marker {
  color:#6688F8;
}
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
  padding-bottom:.5em;
}

:where(.et_pb_text, .et_pb_heading, .et_pb_module_header) mark {
  background:transparent;
  box-shadow:inset 0 -1.24em 0 #6688F8;
  color:#ffffff;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  display:inline;
  line-height:inherit;
  padding:0 7px;
}

:where(.et_pb_text, .et_pb_heading, .et_pb_module_header) mark2,
:where(.et_pb_text, .et_pb_heading, .et_pb_module_header) .mark2 {
  background-image:linear-gradient(#D3DDFF, #D3DDFF);
  background-position:0 100%;
  background-repeat:no-repeat;
  background-size:0 1.24em;
  color:inherit;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  display:inline;
  line-height:inherit;
  padding:0 4px;
}

:where(.et_pb_text, .et_pb_heading, .et_pb_module_header) mark2.is-visible,
:where(.et_pb_text, .et_pb_heading, .et_pb_module_header) .mark2.is-visible {
  animation:maka-mark2-reveal .7s ease forwards;
}

@keyframes maka-mark2-reveal {
  to { background-size:100% 1.24em; }
}

/* ============== RISE TEXT ============== */
.maka-rise {
  overflow:hidden;
}

.maka-rise .maka-word-wrap {
  display:inline-block;
  overflow:hidden;
  vertical-align:bottom;
}

.maka-rise .maka-word {
  display:inline-block;
  opacity:0;
  transform:translateY(1.1em);
}

.maka-rise.maka-rise--visible .maka-word {
  animation:maka-word-rise .7s cubic-bezier(.22, 1, .36, 1) forwards;
}

.et-fb .maka-rise .maka-word-wrap {
  display:inline!important;
  overflow:visible!important;
}

.et-fb .maka-rise .maka-word {
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}

@keyframes maka-word-rise {
  from {
    opacity:0;
    transform:translateY(1.1em);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

/* ============== INLINE HEADING DIVIDER ============== */
.maka-inline-divider {
  align-items:center!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
}

.maka-inline-divider .et_pb_divider {
  display:block!important;
  flex:0 0 38px!important;
  width:38px!important;
  margin:0!important;
}



/* Style Blockquotes */
:where(.et_pb_text) blockquote {
  background:#ffffff;
  border:none;
  margin:.5em 0 1.5em;
  padding:30px;
}



/* Style Links */
body:not(.et-fb) #page-container a:not(#maka-header a):not(.et_pb_button):not(.et_pb_icon):not(.forminator-button):not(.et_pb_social_media_follow a):not(.et_pb_social_icon a):not(:has(img)),
body:not(.et-fb) #page-container .et_pb_text a:not(#maka-header a):not(.et_pb_button):not(.et_pb_icon):not(.forminator-button):not(.et_pb_social_media_follow a):not(.et_pb_social_icon a):not(:has(img)) {
  background-image:linear-gradient(#6688F8, #6688F8);
  background-position:0 .18em;
  background-repeat:no-repeat;
  background-size:0 1.18em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  display:inline;
  text-decoration:none!important;
  transition:background-size .25s ease, color .25s ease;
}

body:not(.et-fb) #page-container a:not(#maka-header a):not(.et_pb_button):not(.et_pb_icon):not(.forminator-button):not(.et_pb_social_media_follow a):not(.et_pb_social_icon a):not(:has(img)):hover,
body:not(.et-fb) #page-container a:not(#maka-header a):not(.et_pb_button):not(.et_pb_icon):not(.forminator-button):not(.et_pb_social_media_follow a):not(.et_pb_social_icon a):not(:has(img)):focus-visible,
body:not(.et-fb) #page-container .et_pb_text a:not(#maka-header a):not(.et_pb_button):not(.et_pb_icon):not(.forminator-button):not(.et_pb_social_media_follow a):not(.et_pb_social_icon a):not(:has(img)):hover,
body:not(.et-fb) #page-container .et_pb_text a:not(#maka-header a):not(.et_pb_button):not(.et_pb_icon):not(.forminator-button):not(.et_pb_social_media_follow a):not(.et_pb_social_icon a):not(:has(img)):focus-visible {
  background-size:100% 1.18em;
  color:#ffffff;
}

.et_pb_social_media_follow a,
.et_pb_social_media_follow a:hover,
.et_pb_social_media_follow a:focus-visible,
.et_pb_social_icon a,
.et_pb_social_icon a:hover,
.et_pb_social_icon a:focus-visible {
  background-image:none!important;
  background-size:auto!important;
  color:inherit;
  margin:0!important;
  padding:0!important;
}

body:not(.et-fb) #page-container a:has(img),
body:not(.et-fb) #page-container a:has(img):hover,
body:not(.et-fb) #page-container a:has(img):focus-visible {
  background-image:none!important;
  background-size:auto!important;
  color:inherit;
  margin:0!important;
  padding:0!important;
}

#maka-footer .et_pb_menu a {
  background-image:linear-gradient(#6688F8, #6688F8)!important;
  background-position:0 .20em!important;
  background-repeat:no-repeat!important;
  background-size:0 1.18em!important;
  display:inline-block!important;
  line-height:1.22!important;
  margin:0 -.12em!important;
  padding:0 .12em!important;
  text-decoration:none!important;
  transition:background-size .25s ease, color .25s ease;
}

#maka-footer .et_pb_menu a:hover,
#maka-footer .et_pb_menu a:focus-visible {
  background-size:100% 1.18em!important;
  color:#ffffff!important;
}



/* ============== BACK TO TOP ============== */
.et_pb_scroll_top:before {
  content: '!';
}

.et_pb_scroll_top.et-pb-icon {
  background: transparent;
  border:1px solid #000000;
  border-radius:200px;
  color: #000;
  padding: 12px;
  font-size: 22px;
  right: 20px;
  bottom: 40px !important;
}

.et_pb_scroll_top.et-pb-icon:hover,
.et_pb_scroll_top.et-pb-icon:focus-visible {
  background:#FFFFFF;
}

.et_pb_scroll_top.et-pb-icon.et-visible {
  transition: all .3s ease-in-out;
}

@media (max-width: 1024px) {
  .et_pb_scroll_top.et-pb-icon {
    background: #EEF2F5;
    border-radius: 200px;
    right: 14px;
    bottom: 20px !important;
  }
}



/* ===================== FORMULARZ ===================== */

.forminator-ui.forminator-custom-form {
  background:transparent!important;
}

.forminator-ui .forminator-row {
  margin-bottom:26px!important;
}

.forminator-ui .forminator-row-last {
  margin-bottom:0!important;
}

.forminator-ui .forminator-field input.forminator-input,
.forminator-ui .forminator-field textarea.forminator-textarea {
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1.35!important;
  min-height:0!important;
  padding:0 0 14px!important;
}

.forminator-ui .forminator-field textarea.forminator-textarea {
  min-height:140px!important;
  padding-top:0!important;
  resize:vertical;
}

.forminator-ui .forminator-field input.forminator-input:focus,
.forminator-ui .forminator-field textarea.forminator-textarea:focus {
  box-shadow:none!important;
  outline:none!important;
}

.forminator-ui .forminator-field input.forminator-input::placeholder,
.forminator-ui .forminator-field textarea.forminator-textarea::placeholder {
  opacity:1;
}

.forminator-ui #checkbox-1 label,
.forminator-ui .forminator-checkbox {
  align-items:flex-start!important;
  display:flex!important;
  gap:10px;
}

.forminator-ui .forminator-checkbox-box {
  flex:0 0 15px!important;
  height:15px!important;
  margin:2px 0 0!important;
  width:15px!important;
}

.forminator-ui span.forminator-checkbox-label {
  line-height:1.25em!important;
  text-align:left!important;
  font-size:12px!important;
  width:80%;
}

@media (max-width:980px){
  .forminator-ui span.forminator-checkbox-label {
    width:100%;
  }
}


.forminator-ui button.forminator-button.forminator-button-submit {
  background:transparent!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  box-shadow:none!important;
  display:block!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1!important;
  margin-left:auto!important;
  margin-top:-7px!important;
  min-width:202px;
  overflow:hidden;
  padding:.72em 2.6em .82em!important;
  position:relative;
  text-transform:lowercase;
  z-index:1;
}

.forminator-ui button.forminator-button.forminator-button-submit:hover,
.forminator-ui button.forminator-button.forminator-button-submit:focus-visible {
  box-shadow:none!important;
}


/* ============== BUTTON HOVER EFFECT ============== */
a.et_pb_button,
button.forminator-button.forminator-button-submit {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  z-index:1;
}

.pa-button-cursor {
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  background:
    radial-gradient(circle at 34% 32%, rgba(255, 255, 255, .56) 0%, rgba(255, 255, 255, .28) 18%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 72% 78%, rgba(102, 136, 248, .54) 0%, rgba(102, 136, 248, .2) 28%, rgba(102, 136, 248, 0) 58%),
    radial-gradient(circle at 50% 50%, rgba(211, 221, 255, .9) 0%, rgba(211, 221, 255, .72) 48%, rgba(211, 221, 255, .26) 72%, rgba(211, 221, 255, 0) 100%);
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%, -50%);
  transition:width .35s ease, height .35s ease, opacity .2s ease;
  opacity:1;
  z-index:1;
}

a.et_pb_button:hover .pa-button-cursor,
a.et_pb_button:focus-visible .pa-button-cursor,
button.forminator-button.forminator-button-submit:hover .pa-button-cursor,
button.forminator-button.forminator-button-submit:focus-visible .pa-button-cursor {
  width:190px;
  height:190px;
}

a.et_pb_button:active .pa-button-cursor,
button.forminator-button.forminator-button-submit:active .pa-button-cursor {
  width:170px;
  height:170px;
}

.pa-button-label,
a.et_pb_button::after,
button.forminator-button.forminator-button-submit::after {
  position:relative;
  z-index:2;
}

.et-fb .pa-button-cursor {
  display:none!important;
}

@media (prefers-reduced-motion: reduce) {
  .pa-button-cursor {
    transition:none;
  }
}


/* ============== HEADER MENU ============== */
#maka-header.et_pb_sticky,
#maka-header.et_pb_sticky--top {
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}

#maka-header .et_pb_menu__menu > nav > ul {
  gap:34px;
}

#maka-header .et_pb_menu__menu > nav > ul > li {
  padding:0!important;
}

#maka-header .et_pb_menu__menu > nav > ul > li > a {
  position:relative;
  padding-left:19px!important;
}

#maka-header .et_pb_menu__menu > nav > ul > li > a::before {
  content:"";
  position:absolute;
  left:0;
  top:44%;
  width:9px;
  height:9px;
  background:url("/wp-content/uploads/2026/07/dot-menu.svg") center / contain no-repeat;
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%) scale(.72);
  transition:opacity .2s ease, transform .2s ease;
}

#maka-header .et_pb_menu__menu > nav > ul > li > a:hover::before,
#maka-header .et_pb_menu__menu > nav > ul > li > a:focus-visible::before,
#maka-header .et_pb_menu__menu > nav > ul > li.current-menu-item > a::before,
#maka-header .et_pb_menu__menu > nav > ul > li.current_page_item > a::before {
  opacity:1;
  transform:translateY(-50%) scale(1);
}