/* @media all and (min-width: 1700px) {
  .grid-sizer,
  .ms-item {
    width: 24%;
  }
} */

@media screen and (min-width: 1600px) {
  .page #primary {
    padding: 0 0 0 140px;
  }
}

@media all and (min-width: 1500px) {
  .site-content {
    max-width: none;
  }

  .background-1,
  .background-2 {
    /*max-width: 1100px;*/
  }

  #page-title {
    font-size: 24px;
  }

  #masonry-loop {
    width: 100%;
  }
}

@media (min-width: 999px) {
  #secondary {
    filter: grayscale(1);
    transition: 0.3s all ease;
  }
  #secondary:hover {
    filter: grayscale(0);
  }

  .site-content {
    max-width: 1000px;
  }
}

@media all and (max-width: 1550px) {
  /* #quote-section1:before {
        width: 1159px;
        left: 50%;
        transform: translateX(-50%);
    } */
}

@media all and (max-width: 1150px) {
  #masonry-loop {
    max-width: 1000px;
    height: auto;
  }

  .grid-sizer,
  .ms-item {
    width: 48%;
  }
}
@media all and (max-width: 1024px) {
  .single-format-image.single-post .featured-image-wrap {
    max-width: none;
  }

  #standard-page #content,
  .single #content {
    margin: 0 !important;
  }
  figure.wp-block-image.size-large {
    margin-bottom: 57px;
  }

  /* Remove for better performance on mobile devices */
  .quote-area-top-plate {
    transform: none;
    background-image: linear-gradient(
      to bottom,
      rgb(255 255 255 / 0%) 94%,
      rgb(255 255 255 / 17%) 95%,
      rgb(78, 78, 86) 95%,
      rgb(200 200 200) 99%,
      rgb(217 217 217) 98%,
      rgb(255, 255, 255) 100%
    ) !important;
  }

  #quote-section1:before {
    border: none;
    transform: scale(0.605, 1.5) translate(-82.65%, -129px);
    background: linear-gradient(180deg, rgb(5 103 160 / 100%), #0000001c 80%);
  }

  .top-plate-outerwrap {
    display: flex;
  }
  .top-plate-outerwrap .top-plate-wrap {
    transform: none;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 88%,
      rgba(159, 160, 168, 0.5) 40%,
      rgb(78, 78, 86) 40%,
      var(--gi-color-background) 92%,
      var(--gi-color-background) 100%
    );
  }
  .top-plate-outerwrap:nth-child(7) {
    display: none;
  }
  /* ///////////////// */
}

@media screen and (min-width: 1000px) {
  #secondary
    .gi-showcase-nav
    .wp-block-media-text
    > .wp-block-media-text__media {
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    transition: 0.3s all ease;
    min-height: 7em;
    max-height: 7em;
    justify-content: center;
    align-items: center;
  }

  #secondary
    .gi-showcase-nav
    .wp-block-media-text
    > .wp-block-media-text__media:hover {
    transform: scale(1.125);
  }

  #secondary
    .gi-showcase-nav
    .wp-block-media-text
    > .wp-block-media-text__media
    a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  #secondary
    .gi-showcase-nav
    .wp-block-media-text
    > .wp-block-media-text__media
    img {
    max-height: 7em;
    min-width: fit-content;
    max-width: none;
    width: auto;
    min-height: 100%;
    display: block;
    height: 7em;
    margin: auto;
  }
}

@media all and (max-width: 999px) {
  #single-page #primary #post-title-wrap {
    width: fit-content;
    max-width: 100%;
    min-width: 80%;
    transform: translate(-50%, -100%);
  }

  #post-title-wrap a {
    font-size: calc(1rem + 1vw);
  }
  #sidebar {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media all and (max-height: 900px) {
  #page-title-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 900px) {
  /* For space background */
  @keyframes move-background {
    from {
      -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
      -webkit-transform: translate3d(1000px, 0px, 0px);
    }
  }
  @-webkit-keyframes move-background {
    from {
      -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
      -webkit-transform: translate3d(1000px, 0px, 0px);
    }
  }
  @-moz-keyframes move-background {
    from {
      -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
      -webkit-transform: translate3d(1000px, 0px, 0px);
    }
  }
  @-webkit-keyframes move-background {
    from {
      -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
      -webkit-transform: translate3d(1000px, 0px, 0px);
    }
  }

  .twinkling {
    width: 10000px;
    height: 100%;
    background: transparent
      url("https://res.cloudinary.com/do0dxcsdm/image/upload/v1727560587/twinkling_vazvak.png")
      repeat;
    background-size: 1000px 1000px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    -moz-animation: move-background 70s linear infinite;
    -ms-animation: move-background 70s linear infinite;
    -o-animation: move-background 70s linear infinite;
    -webkit-animation: move-background 70s linear infinite;
    animation: move-background 70s linear infinite;
  }

  .clouds {
    display: none;
    width: 10000px;
    height: 100%;
    background: transparent
      url("https://res.cloudinary.com/do0dxcsdm/image/upload/v1727564483/clouds_repeat_iunmeg.png")
      repeat;
    background-size: 1000px 1000px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    -moz-animation: move-background 150s linear infinite;
    -ms-animation: move-background 150s linear infinite;
    -o-animation: move-background 150s linear infinite;
    -webkit-animation: move-background 150s linear infinite;
    animation: move-background 150s linear infinite;
  } /* **************************************************************** */
}

@media all and (max-width: 902px) {
  /* .short-wide-img #page-title-wrap {
    margin: 0;
    padding: 50px 0 25px;
    min-height: 0;
    justify-content: stretch;
  } */

  #page-title,
  #page-desc {
    transform: none;
    text-align: center;
  }

  .image-wrap {
    width: 100%;
    margin: 0 auto;
  }

  #top-section .image-wrap {
    min-height: min-content;
    width: auto;
    min-width: fit-content;
  }

  #welcome-image {
    border-radius: 0;
  }

  #standard-page:not(.short-wide-img) #top-section #page-title-wrap {
    min-height: 0;
  }

  #standard-page:not(.short-wide-img) #top-section #welcome-image {
    padding-bottom: 80%;
  }

  #top-section .image-accent {
    display: none;
  }

  #quote1a .page-quote {
    margin-left: -2em;
  }
  figure.wp-block-image.size-large {
    margin-bottom: 30px;
  }
}

@media all and (max-width: 800px) {
  .page #primary {
    padding: 0 5%;
  }

  .content-area {
    min-width: 100%;
  }

  #masonry-loop {
    max-width: 600px;
    height: auto;
  }

  .grid-sizer,
  .ms-item {
    width: 100%;
  }

  .gutter-sizer {
    width: 0;
  }

  .fatfooter {
    flex-wrap: wrap;
  }

  /*#quote1b { display: none; }*/

  .page-id-100 #top-section #page-title-wrap a {
    transform: translate(12.5%, 7%);
    font-size: calc(32px + (30 - 14) * ((100vw - 400px) / (1600 - 400)));
    letter-spacing: 0.5em;
  }

  .post-2700 > div > div {
    flex-direction: column-reverse;
    align-items: center;
  }

  .post-2700 > div > div > div {
    width: 100%;
    max-width: none !important;
  }

  figure.wp-block-image.size-large {
    margin-bottom: 100px;
  }
}

@media all and (max-width: 700px) {
  #searchform input#s,
  .contact-form input[type="email"],
  .contact-form input[type="text"],
  .contact-form input[type="url"],
  #footer-form textarea#comments,
  #searchsubmit,
  #footer-contact-comments input#submit {
    border-radius: 10px !important;
  }
}

@media all and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }

  /* .section-content { padding: 0 2%; } */

  #page-title-wrap {
    padding: 85px 0 25px;
  }

  .page #primary.content-area {
    padding: 0;
  }

  #masonry-loop {
    width: 500px;
    height: auto;
  }

  #quote-section1 {
    padding-bottom: calc(100% + 100px) !important;
  }

  #quote1a .page-quote {
    padding: 0 2em;
    width: 100%;
    font-size: 18px;
  }

  #quote1b .page-quote {
    font-size: 14px;
  }

  .single .entry-content,
  .single .postnav-outerwrap {
    padding: 0;
    width: 100%;
  }
  .content-area {
    padding: 0;
  }
  #content {
    width: 100%;
  }

  .single .entry-content,
  .single .postnav-outerwrap {
    padding: 0;
  }
  .single .entry-content,
  .single .postnav-outerwrap {
    padding: 0;
    width: 100%;
  }

  .entry-content p {
    margin: 1.75em 2em;
  }

  #single-content-wrap {
    margin-top: 3em;
  }

  .top-plate-outerwrap:nth-child(7) {
    display: none;
  }
}

@media all and (max-width: 600px) {
  /* Ensure proper space at the top for menu button */
  html {
    margin-top: calc(30px - 3.5em) !important;
  }

  #wpadminbar {
    display: none !important;
  }

  .single .post-footnotes {
    margin: 2em auto;
    padding: 1em 0;
  }

  .commentlist,
  .comment-respond {
    box-shadow: inset 0 0 400px -93px;
    padding: 3em 0;
  }

  /* .single-post:not([class*="single-format-image"]) .featured-image-wrap {
    transform: perspective(400px) rotateX(90deg) translateZ(-317px)
      scale(1, 1.5) translateY(-50px);
  } */

  .single-post:not([class*="single-format-image"]) #top-section {
    max-height: 100vh;
    margin-top: 42px;
  }
  #single-page #primary #post-title-wrap {
    min-width: 100%;
  }
  .page:not([class*="home"]) .background-container img {
    top: 65px;
  }
}
@media all and (max-width: 420px) {
  #masonry-loop {
    max-width: 100%;
    height: auto;
  }

  body .gipf-masonry-loop {
    max-width: 100%;
  }

  #footer-webinfo {
    flex-direction: column;
  }

  .pagenav-outerwrap.pagenav-standard
    .pagenav-outerwrap.pagenav-special-post
    #menu-all-pages-1 {
    padding: 0;
  }
}

@media (max-width: 400px) {
  iframe[src*="codepen.io"] {
    width: 320px !important;
  }
}

/* SPECIFIC MOBILE BREAKPOINTS */
@media only screen and (hover: none) and (pointer: coarse) and (max-width: 700px) and (orientation: portrait),
  only screen and (hover: none) and (pointer: coarse) and (max-width: 1023px) and (orientation: landscape) {
  #fixed-form-wrap {
    height: fit-content;
  }
}