li.active {
  background-position: 0 100% !important;
}

.masonry {
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fill, minmax(calc(400px - 2rem), 20vh)); */
  grid-template-columns: repeat(auto-fill, minmax(calc(400px - 2rem), 1fr));
  grid-auto-rows: 4px;
  column-gap: 1rem;
  columns: 3;
  justify-content: center;
  justify-items: center;
  width: 100%;
  /*   padding: 0 1rem 4rem; */
  margin: 0 auto 0;
  @media screen and (max-width: 400px) {
    /* grid-template-columns: repeat(auto-fill, minmax(calc(100% - 2rem), 20vh)); */
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 2rem), 1fr));
    columns: 2;
  }
  .txtWrapper {
    position: absolute;
    inset: 0;
    padding: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    background-color: #000000a3;
    align-content: end;
    &:hover {
      opacity: 1;
    }
  }
  .imgWrapper {
    position: relative;
  }
}

.masonry__item {
  box-sizing: border-box;
  grid-row: span var(--height);
  position: relative;
  width: 100%;
  height: fit-content;
  color: #fff;
  overflow: hidden;
  margin-bottom: 16px !important;
}

dialog#myDialog h2 {
  font-size: 30px;
  padding: 10%;
  color: #f78104;
  background-color: #000;
}

dialog#myDialog {
  min-height: 200px;
}

li.current-menu-item {
  background-position: 0 100% !important;
}

a {
  transition: color 400ms ease;
}
a:hover {
  color: #f78104;
}

a.scbtn-hover:hover {
  color: #000000;
}

.instagram-gallery-feed .swiper-container .swiper-button-next,
.instagram-gallery-feed .swiper-container .swiper-button-prev {
  color: #ffffff !important;
}

.scbtn-hover {
  padding: 0 !important;
}

@media (max-width: 768px) {
  .container:has(#menu-footer-menu) {
    justify-content: center;
  }
}

.comment-reply-title {
  font-family: Oswald;
  font-weight: 500;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.comment-form {
  & > p {
    display: grid;
    margin-block: 0 !important;
    > br {
      display: none;
    }
    label {
      margin-block: 0.15rem !important;
      font-family: Oswald;
      font-weight: 500;
      font-size: 12px;
      line-height: 24px;
      letter-spacing: 0%;
      text-transform: uppercase;
    }
    input,
    textarea {
      border-radius: 48px;
      background-color: #ffffff40;
      width: min(569px, 100%);
      padding-inline: 1rem;
      padding-block: 0.5rem;
      margin-block: 0 !important;
    }
    textarea {
      border-radius: 15px;
    }
  }
}

.comments-list {
  color: #ffffffbf;
}

/* label.searchBox{
  --inline-padding: 0.75rem;
  --block-padding: 0.25rem;
  padding-inline-start: calc(var(--inline-padding) / 2);
  padding-inline-end: calc(var(--inline-padding) / 1);
  padding-block: var(--block-padding);
  display: flex;
  align-items: center;
  width: 370px;
  background-color: white;
  border-radius: 8px;
}
label.searchBox:focus-within{
  outline: 1px solid gray;
}
.searchBox input{
  flex-grow: 1;
  padding-inline: var(--inline-padding);
  padding-inline-start: calc(var(--inline-padding) / 2);
  padding-block: var(--block-padding);
  border: none;
  outline: none;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #696974;
}
.searchBox svg{
  width: 1rem;
  height: 1rem;
}
.searchBox button{
  border: none;
  background-color: transparent;
  cursor: pointer;
} */

h4.after-search-visible.align-middle {
  text-align: center;
  padding-bottom: 30px;
}

.search-form {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: end;
  justify-items: end;
  @media(max-width: 600px){
        flex-direction: column;
    }
}

.search-form .sort-dropdown {
  color: white;
  margin-top: 0.55rem;
  option {
    color: #000;
  }
}

.search-box {
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  background: #ebebeb;
  &:hover {
    background: #c8c8c8;
    box-shadow: 0 0 0 5px #3d4752;
    color: white;
  }
  &:focus, &:not(:placeholder-shown) {
    transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s,
      background 0.6s;
    border: none;
    outline: none;
    box-shadow: none;
    padding-left: 15px;
    cursor: text;
    width: 300px;
    border-radius: auto;
    background: #ebebeb;
    color: black;
    padding-inline-end: 3.25rem;
  }
}
.search-box + label .search-icon {
  color: black;
}
.search-box:hover + label .search-icon {
  color: white;
}

.search-box:focus + label .search-icon {
  color: black;
}
.search-box:not(:focus):placeholder-shown {
  text-indent: -5000px;
}

.search-form button[type="reset"]{
    position: absolute;
    inset-block: 0;
    margin-block: auto;
    right: 2rem;
    cursor: pointer;
}

.search-form:has(.search-box:placeholder-shown) button[type="reset"]{
    display: none;
}

#search-submit {
  position: relative;
  left: -5000px;
  display: none;
}

.search-box + label {
  position: relative;
}
.search-icon {
  position: absolute;
  right: 0.75rem;
  top: 0.25rem;
  color: white;
  cursor: pointer;
}

#news-search-form {
  max-width: max-content;
  #search-submit {
    display: none;
  }
}

.blog-details {
  h1 {
    font-size: calc(32rem / 16);
  }
  h2 {
    font-size: calc(28rem / 16);
  }
  h3 {
    font-size: calc(24rem / 16);
  }
  :is(h4, h5, h6) {
    font-size: 1rem;
  }
}

.wpd-form-head{
  display: none !important;
} 

#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap{
    background: transparent !important;
}

.wpd-textarea-wrap{
    display: block;
    width: 100%;
    flex-grow: 1;
}

#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom textarea, #wpdcom select{
    background-color: color-mix(in oklab, var(--color-light) 25%, transparent) !important;
    color: white !important;
    border-radius: calc(infinity * 1px) !important;
    min-height: 3rem !important;
}

#wpdcom textarea{
    border-radius: 8px !important;
}

#wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-icon{
    top: 16px !important;
    left: 12px !important;
}

#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpd-has-icon .wpd-field{
    padding-left: 34px !important;
}

#wpdcom {
    /*max-width: unset !important; */
    margin: unset !important; 
}

#comments, #respond, .comments-area, #wpdcom.wpd-dark, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header{
    background: transparent !important; 
}

#wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-right {
    border: none !important;
}

.wpd-comment-label{
    display: none !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author {
    padding-left: 30px !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader{
    margin-left: 30px !important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap{
    padding-bottom: 0px !important;
}

.wpd_comm_form.wpd_main_comm_form {
    gap: 0.5rem !important
}

.filterGroup{
    display: flex;
    @media(max-width: 1000px){
        flex-direction: column;
    }
}

#blueprints-search-form{
    margin-left: auto !important;
    margin-right: 0px !important;
}

@media (min-width: 1024px) {
    .lg\:grid-cols-\[1fr_650px\]{
        grid-template-columns: 1fr 650px;
    }
}

.bannerTopTxt {
  z-index: 1 !important;
  --tw-translate-y: 15%;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  rotate: calc(1.32deg * -1) !important;
  text-align: center !important;
  font-size: var(--text-7xl) !important;
  font-family: var(--font-splash) !important;
  line-height: var(--tw-leading, var(--text-8xl--line-height)) !important;
  color: var(--color-secondary) !important;

  @media (width >= 64rem) {
  font-size: var(--text-8xl) !important;
    --tw-translate-y: 30%;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  @media (width >= 80rem) {
    --tw-translate-y: 25%;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  @media (width >= 80rem) {
    font-size: var(--text-9xl) !important;
    line-height: var(--tw-leading, var(--text-9xl--line-height)) !important;
  }
}

.bannerBottomTxt {
    --tw-leading: 0.9;
  text-align: center !important;
  font-family: var(--font-poppins) !important;
  font-size: var(--text-7xl) !important;
  line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold) !important;
  color: var(--color-light) !important;
  text-transform: uppercase !important;

  @media (width >= 80rem) {
    font-size: var(--text-8xl) !important;
    line-height: var(--tw-leading, var(--text-8xl--line-height)) !important;
  }

  br {
    display: none !important;
  }
} 

.homepageText{
    @media(max-width: 1024px){
        order: 1;
    }
}

.gap-x-8{
    column-gap: calc(var(--spacing) * 8);
}

.bottom-\[2rem\]{
    bottom: 2rem;
}