html {
  scroll-behavior: smooth;
}

body,
.editor-styles-wrapper {
  color: var(--wp--preset--color--almost-black);
}
.editor-editor-canvas__post-title-wrapper h1.wp-block-post-title {
  color: black !important;
}

::selection {
  background: #000;
  color: #fff;
}

/* parent theme needs important */
.align-items-flex-start {
  align-items: flex-start !important;
}
.flex-grow {
  flex-grow: 1;
}



/* elements that are first remove the owl selector -- talk to visbility selector plugin dev */
.remove-top-margin {
  margin-top: 0 !important;
}



/* TODO: parent theme default? */
.wp-element-button > *,
p > img {
  vertical-align: middle;
}
.flex-child > * {
  display: flex !important;
}


/* TODO: remove from parent */
header .wp-block-navigation {
  order: unset;
}

/* block social lacks this option */
.wp-block-social-link-anchor:hover {
  outline-color: #000 !important;
}
.wp-block-social-link-anchor svg:hover {
  color: #000 !important;
}
.icon-map svg {
  background: url(../images/icon-map-white.svg) no-repeat 50% 50%;
  background-size: 90%;
}
.icon-map:hover svg {
  filter: invert(1);
}
.icon-map svg path {
  visibility: hidden;
}

/* customize */

h1:not([class*='wp-block']),
h2:not([class*='wp-block']),
h3:not([class*='wp-block']) {
  margin-top: 0; /* WC non-block items */
}



.wp-block-button__link img:last-child {
  margin-left: 10px;
}



.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  margin-top: 3px;
  margin-bottom: 3px;
}



/*--- Gravity Forms customization ---*/
.gform-theme input[type=email],
.gform-theme input[type=tel],
.gform-theme input[type=text],
.gform-theme select,
.gform-theme textarea {
	font-size: 18px;
}
.gform_wrapper {
  margin-top: 0 !important; /* put in parent theme? */
}
.gform_fields {
  gap: 20px;
}
#gform_wrapper_2 .gform_footer {
  margin-top: 0 !important;
}
#gform_wrapper_2 .gform_validation_errors {
  background: #fff;
}
#gform_wrapper_1 .gfield--type-submit {
  padding: 10px;
  background: #fff;
}

#gform_submit_button_2 {
  min-width: 90px;
  width: 100%;
}
#gform_submit_button_1:hover,
#gform_submit_button_2:hover,
#gform_submit_button_1:focus,
#gform_submit_button_2:focus {
  /* Limitation: Can't change this via editor yet */
  background: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--white);
}

#gform_fields_7 ::placeholder {
  color: var(--wp--preset--color--teal) !important;
}
#gform_fields_7 .gform-button {
  background: #000;
}
#field_7_1 label {
  font-size: 24px;
  display: inline-block; /* fix * wrapping */
}
#gform_fields_7 .gfield_select,
#gform_fields_7 input[type=text],
#gform_fields_7 input[type=tel],
#gform_fields_7 input[type=email],
#gform_fields_7 textarea {
  border: 1px solid #e3e3e3;
  box-shadow: none;
}

/* Gutenberg missing features */

/* maybe inline these: */
header.wp-block-template-part {
  top: 0;
  z-index: 200;
  max-width: 1440px;
  margin: 0 auto;
  position: sticky;
}
header.wp-block-template-part > div:first-of-type {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 auto;
  position: absolute;
  background: #fff;
  border-radius: 40px;
  top: 30px;
  left: 8px;
  right: 8px;
}

@media (max-width: 781px) {
  .footer-list-1 ul {
    flex-direction: row;
    transform: translateX(20px);
  }
  .footer-list-1 li {
    flex: 1 0 45%;
  }
}

/* classes to use (that aren't BlockStyles) */
.logo-badge {
  box-shadow: 0 2px 5px rgb(0 0 0 / 32%);
}

.width-100 input {
  width: 100% !important;
}

.border-radius-4 {
  border-radius: 4px;
}

/* no need to duplicate form */
.stack-inputs .gfield {
  grid-column: span 12 !important;
}


@media (max-width: 781px) {
  /* cover block min-height */
  .mobile-ignore-min-height {
    min-height: auto !important;
  }
  .footer-menu {
    row-gap: 18px;
  }
  .footer-menu .wp-block-navigation-item {
    flex-basis: 100%;
  }
}


.btn-arrow a {
  width: 46.75px;
}
.btn-arrow img {
  margin-left: 0 !important;
}

@media (max-width: 781px) {
  .service-item {
    border-top-left-radius: 160px !important;
    border-top-right-radius: 160px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

.pointer-events-none {
  pointer-events:none;
}

/* BlockStyle Variations to use (see functions.php) */
.wp-block-separator {
  border-top: 0;
}

.is-style-heading-shadow {
  text-shadow: 0 0 8px rgb(0 0 0 / 50%);
}
.is-style-box-shadow {
  box-shadow: -2px 2px 10px rgb(0 0 0 / 10%);
}

.is-style-box-shadow {
  box-shadow: -2px 2px 10px rgb(0 0 0 / 10%);
}

@media (max-width: 781px) {
  .wp-block-column figure:not(.no-max-width) {
    display: block !important; /* fix mobile-aligncenter centering */
  }
}

ul[class*=is-style-teal-triangles],
ul[class*=is-style-white-triangles] {
  margin-block-start: calc(2rem - 0.7em);
}
[class*=is-style-teal-triangles] li,
[class*=is-style-white-triangles] li {
  list-style: none !important;
  margin-top: 0.7em;
  padding-left: 30px;
}
[class*=is-style-teal-triangles] li::before,
[class*=is-style-white-triangles] li::before {
  content: "\25BA";
  padding-right: 10px;
  margin-left: -30px;
}
[class*=is-style-teal-triangles] li::before {
  color: var(--wp--preset--color--teal);
}


/* can't create variation */
.cat-pill a,
.pill-shape {
  display: inline-block;
  background:  #f0efee;
  border-radius: 15px;
  padding: 3px 10px;
}
.cat-pill .wp-block-post-terms__separator {
  width: 10px;
  display: inline-block;
}


.is-style-smaller-first-line:first-line {
  font-size: 24px;
}
.is-style-partial-underline {
  display: inline-block;
  position: relative;
}
.is-style-partial-underline::after {
  content: "";
  background: var(--wp--preset--color--teal);
  display: block;
  height: 5px;
  width: 35%;
  margin: 0.2em 0 0;
}


/* Block: core/buttons */
/* need #ID to override margin */
#page .is-style-negative-offset {
  margin-left: -1.333em !important;
}



.is-style-right-arrow .wp-block-button__link {
  background: transparent url(../images/icon-arrow-right-black.svg) no-repeat 90% 50%;
  padding-right: calc(2em + 27px);
  padding-left: 2px;
  color: #000;
  font-family: "Outfit";
  font-weight: 700;
  transition: 120ms linear background-position;
}
.wp-site-blocks .is-style-right-arrow .wp-block-button__link:hover {
  border-radius: 0;
  background: transparent url(../images/icon-arrow-right-black.svg) no-repeat 100% 50% !important;
  color: var(--wp--preset--color--teal);
}
.is-style-special-social a.wp-block-social-link-anchor {
  outline: 3px solid #fff;
  border-radius: 100%;
  padding: 3px;
}

.is-style-front-quote {
  border-left: 0;
}
.is-style-front-quote::before {
  content: "";
  background: url(../images/icon-quotes-outline.svg) no-repeat;
  background-size: contain;
  display: block;
  width: 60px;
  height: 60px;
}

.wp-block-heading .has-inline-color {
  background: transparent url(../images/shape-mixed-header-teal.svg) no-repeat 50% 100% !important;
  background-size: 120px !important;
  /*padding-bottom: clamp(15px, calc(7px + 2vw), 32px);*/
  padding-bottom: 17px;
}
.full-brightness .has-inline-color {
  filter: brightness(100);
}
@media (max-width: 640px) {
  .wp-block-heading .has-inline-color {
    background-size: 80px !important;
    padding-bottom: 14px;
  }
}


#page .is-style-left-side-center {
  /*padding-left: 0;*/
  /*max-width: calc(var(--wp--style--global--content-size) * 0.5) !important;*/
  max-width: calc(var(--wp--style--global--content-size) * 0.5 - (100vw * 0.15) + 1.5vw) !important;
  margin-right: 0 !important;
  margin-left: auto !important;
}
#page .is-style-right-side-center {
  padding-left: calc((1.5vw + 15px) / 2) !important; /* left side image 0 padding, this is half which centers this */
  max-width: calc(var(--wp--style--global--content-size) * 0.5 - (100vw * 0.15) + 1.5vw) !important;
  margin-left: 0 !important;
}

@media (max-width: 781px) {
  #page .is-style-left-side-center {
    margin-right: auto !important;
    padding-right: calc(1.5vw + 15px) !important;
  }
}
@media (min-width: 1921px) {
  #page .is-style-left-side-center {
    max-width: calc(var(--wp--style--global--content-size) * 0.5 - (35vw * 0.15) + 1.5vw) !important;
  }
}


header.smaller {
  top: -140px;
  transition: 270ms ease-in-out top;

}
header.smaller2 {
  @media (min-height: 340px) {
    top: 0;
  }
}
.admin-bar header.smaller2 {
  @media (min-height: 340px) {
    top: 32px;
  }
}



/* Custom Block Overrides */


/* Gravity Forms */
.gform-theme input[type=email],
.gform-theme input[type=tel],
.gform-theme input[type=text],
.gform-theme select,
.gform-theme textarea {
  outline-color: #dc965b;
}


.epyt-figure {
  max-width: 100% !important; /* override parent theme mobile */
}
.epyt-video-wrapper > div::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, #00808054, rgba(0, 0, 0, 0));
}
.epyt-facade button.epyt-facade-play {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  left: 90%;
  top: 80%;
  border: 3px solid #fff !important;
  z-index: 40;
}
button.epyt-facade-play::before {
  content: "\25B6";
  color: #fff;
}
.epyt-facade button.epyt-facade-play svg {
  display: none;
}
.epyt-video-wrapper img {
  transition: 120ms linear filter;
}
.epyt-video-wrapper button.epyt-facade-play::after {
  content: "PLAY";
  color: #fff;
  position: absolute;
  left: -70px;
  opacity: 0;
  transition: 120ms linear opacity;
  text-shadow: 0 0 3px #000;
}
.epyt-video-wrapper:hover button.epyt-facade-play::after {
  opacity: 1;
}
.epyt-video-wrapper:hover button.epyt-facade-play {
  background: #e88633 !important;
}
.epyt-video-wrapper:hover img {
  filter: contrast(1.1) brightness(1.1);
}


/*-------- Specific page CSS ----------*/

.teal-header {
  background: var(--wp--preset--color--teal) !important;
  color: #fff;
}
.teal-header .wp-block-site-logo img {
  filter: brightness(100);
}

.animate-button {
  position: relative;
}
.animate-button:hover .adv-button::after {
  transform: rotate(165deg);
}
.smaller2.smaller .animate-button:hover .adv-button::after {
  transform: rotate(275deg);
}
span.adv-button {
  display: inline-block;
  background: #000;
  padding: 10px;
  border-radius: 30px;
  margin-right: 50px;
}
span.adv-button::after {
  content: "";
  display: inline-block;
  background: url(/wp-content/themes/intergetiktwo/assets/images/icon-arrow-ne-circle.svg) no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(0deg);
  transition: 250ms;
}
#header-bar .animate-button .wp-element-button {
  background: transparent !important;
}
#header-bar .animate-button .wp-element-button:hover .adv-button,
#header-bar .animate-button .wp-element-button:focus-visible .adv-button {
  background: #959595;
}


.footer-scroll-to a {
  position: absolute;
  right: 0;
  top: calc(-3.5vw + -20px);
  transform: translateY(-50%);
  z-index: 2;
}


.triangles-left-20 {
  padding-left: 20vw;
}

@media (max-width: 781px) {
  .entry-content > .wp-block-cover:first-child {
    padding-top: 150px !important;
  }
}


@media (min-width: 960px) {
  .front-intro::after {
    content: "";
    height: 50px;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
  }
}
.front-intro .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}
.mixed-header:first-line {
  font-weight: 500;
}
.mixed-header img {
  position: absolute;
  margin-left: 4%;
  width: clamp(40px, calc(35px + 8vw), 150px);
}
@media (max-width: 1219px) {
  .label-awards {
    display: none;
  }
}
@media (min-width: 782px) AND (max-width: 811px) {
  .list-awards {
    gap: 4px;
  }
}
@media (max-width: 1120px) {
  .list-awards figure {
    flex-basis: 100px;
  }
}
@media (min-width: 782px) {
  .desktop-staggered-col {
    margin-top: -125px;
  }
}


@media (max-width: 600px) {
  .awards-section {
	  margin-top: 12px !important;
	  padding-bottom: 0 !important;
	  margin-bottom: -30px;
  }
  .list-awards {
  	gap: 10px !important;
  }
  .list-awards figure {
    width: 118px;
  }
}

div.grid-percentages {
  grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr));
}
div.grid-reviews {
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  text-align: center;
}
@media (max-width: 750px) {
  div.grid-reviews,
  div.grid-percentages {
    grid-template-columns: repeat(2, 1fr);
  }
  div.grid-reviews {
    padding: 0 10px !important;
    margin-top: 0;
    text-align: left;
  }
  div.grid-reviews figure:last-of-type {
    grid-column: span 2;
    justify-self: center;
  }
}

@media (max-width: 781px) {
  .section-reviews {
    background: #eee;
  }
}
.client-stories .slick-next,
.client-stories .slick-prev {
  top: 106%;
}
.client-stories .slick-next {
  right: 46px;
}
.client-stories .slick-prev {
  left: 6px;
}
.client-stories .slick-next::before {
  background: url(../images/icon-long-arrow-right-black.svg) no-repeat;
}
.client-stories .slick-prev::before {
  background: url(../images/icon-long-arrow-left-black.svg) no-repeat;
}
.client-stories .slick-next::before,
.client-stories .slick-prev::before {
  content: "";
  display: block;
  width: 60px;
  height: 20px;
  background-size: contain;
}

.clients-say .slick-next {
  left: -25px;
  top: calc(50% + 52px);
}
.clients-say .slick-next:before,
.clients-say .slick-prev:before {
  background: #ebebeb;
  padding: 15px;
  border-radius: 50%;
}

/* double-check to fix for backend editor */
.section-about::before,
.section-our-work::before,
.section-intergetik::before {
  content: "";
  background: url(../images/bg-intergetik-text-gray-vert.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  z-index: -1;
}

.section-our-work::before {
  top: 10%;
  width: 30vw;
  height: 56vw;
  max-width: 160px;
}

.section-our-work,
.section-about {
	overflow: hidden;
}
.section-our-work::after,
.section-about::after {
  content: "";
  background: url(../images/bg-intergetik-icon-gray.svg) no-repeat 90% 50%;
  background-size: contain;
  position: absolute;
  z-index: -1;
}
.section-our-work::after {
  bottom: -50px;
  right: -20px;
  width: 30vw;
  height: 30vw;
}


.section-about::before,
.section-intergetik::before {
  top: 15%;
  width: 6vw;
  height: 56vw;
  max-width: 121px;
}
.section-about::after {
  bottom: -50px;
  left: -20px;
  width: 14vw;
  height: 30vw;
  transform: rotate(180deg);
  transform-origin: 40% 68%;
  max-width: 250px;
  min-width: 190px;
  min-height: 260px;
}
@media (max-width: 959px) {
  .section-our-work {
    padding-right: clamp(20px, 10vw, 100px);
    padding-left: clamp(20px, 10vw, 100px);
  }
}
@media (max-width: 1440px) {
  .section-intergetik::before {
    background: none;
  }
}

.team-query li.wp-block-post.team.type-team:nth-of-type(3n + 2) {
  margin-top: 30px;
}

/* blog */
.wp-block-query-pagination-numbers > * {
  background: #fff;
  text-align: center;
  border-color: #fff;
  min-width: 20px;
  height: 40px;
  line-height: 40px;
}
.wp-block-query-pagination-numbers .current {
  color: teal;
  border-color: teal;
  background: #fff;
}
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  border-color: #fff;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
}
.wp-block-archives-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.wp-block-archives-list > li {
  flex: 0 1 190px;
  border: 1px solid #fff;
  text-align: center;
}
.wp-block-archives-list > li a {
  display: block;
  padding: 20px;
}
.wp-block-archives-list > li a:hover {
  background: #fff;
  color: #000;
}

h1:not([class*='wp-block']),
h2:not([class*='wp-block']),
h3:not([class*='wp-block']) {
  margin-top: 2rem;
}
.single-post .site-content h2 {
  font-size: var(--wp--preset--font-size--large);
  color: #148a7e;
}
.single-post .site-content h2 {
  font-size: var(--wp--preset--font-size--almost-large);
}

/* contact */
@media (max-width: 781px) {
  .section-locations {
    max-width: 340px;
    margin: 0 auto;
  }
}
.contact-form .gform-theme--framework .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) {
  background: #fff;
  color: #000;
}
.contact-form .gform-theme--framework .left_label .gform-field-label:where(:not([class*=gform-field-label--type-]):not(.gfield_header_item):not(.ginput_quantity_label)) {
  display: block; /* fix asterisk wrapping */
  padding-top: 10px;
  padding-left: 10px;
}
@media (min-width: 640px) {
  .contact-form label {
    height: 100%;
  }
}
.contact-form input,
.contact-form textarea {
  box-shadow: none !important;
}
.contact-form .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.contact-form .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
  border-color: transparent;
}
.gform-theme--framework .gform_validation_errors {
  background: #fff;
  margin-top: 10px;
}







.projects-change {
  background: transparent;
  border: 0;
}
.projects-change.active {
  font-weight: 600;
}
.projectsChanging .list-projects li {
  opacity: 0.1;
}
.projectsChanging .list-projects::before {
  content: "...";
  position: absolute;
  color: teal;
  top: 150px;
  font-size: 40px;
  z-index: 10;
}


.list-projects {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}


.list-projects {
  align-items: center;
  justify-content: space-around;
  gap: 30px;
}
.list-projects li {
  transition: 100ms linear opacity;
}
.list-projects h2 {
  margin-bottom: 0;
}
.list-projects p {
  margin-top: 0;
}
#load-more {
  background-color: var(--wp--preset--color--teal);
  color: var(--wp--preset--color--white);
}
@media (min-width: 500px) {
  .list-projects {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .list-projects li {
    flex: 1 0 auto;
    width: 30%;
  }
}
@media (min-width: 800px) {
  .list-projects {
    min-height: 400px;
  }
  .list-projects li {
    flex: 1 0 auto;
    width: 28%;
  }
}