/* ESTILOS VICTOR */
.paging-nav-area:hover .prev:hover,
.paging-nav-area:hover .next:hover {
  position: relative;
  background: transparent;
  color: #bfbfbf;
}

.post-box .img-hold .post-box-link:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.link-underline:hover:after,
.post-intro .read-more a:hover:after,
.contact-list a:hover:after,
.social-info-row a:hover:after,
.table a:hover:after {
  color: #bfbfbf;
  opacity: 1;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.link-underline-hover:hover,
a:hover,
.address-col address a span:hover,
.link-underline:hover,
.post-intro .read-more a:hover,
#contact-popup a:hover,
.contact-section .email-us a:hover,
.contact-list a:hover,
.social-info-row a:hover,
.table a:hover {
  color: #bfbfbf;
}
#contact-popup a:hover,
#contact-popup a:hover:after {
  color: #000;
  opacity: 1;
}

.add-nav li {
  margin: 0 1px 0 7px;
}

.main-post-section .post-intro {
  padding: 42px 0;
  line-height: 1.26;
}
.main-post-section .post-intro {
  padding: 100px 0 0px 0;
}
.home .container.container-small {
  max-width: 1180px;
}
.main-nav-hold {
  padding: 42px 40px 0;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.container {
  max-width: 100%;
}

.videoHolder {
  position: relative;
}

.video-mute-toggle {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.video-mute-toggle[hidden] {
  display: none !important;
}

.video-mute-toggle.icon_white {
  color: white;
}

@media (min-width: 768px) {
  .video-mute-toggle {
    bottom: 1.5rem;
    left: 1.5rem;
  }
}

.video-mute-toggle__icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.video-mute-toggle[data-muted='true'] .video-mute-toggle__icon--muted,
.video-mute-toggle[data-muted='false'] .video-mute-toggle__icon--unmuted {
  display: inline-flex;
}

.video-mute-toggle__icon[hidden] {
  display: none !important;
}

.video-mute-toggle__icon svg {
  width: 21px;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
  .video-mute-toggle__icon svg {
    width: 42px;
  }
}
/*
.team-section-wrap .heading {
    margin-left: 40px;
}

.team-content-holder {
    padding-left: 40px;
}*/
@media (min-width: 768px) {
  .menu .form-col {
    padding-bottom: 87px;
  }
}
@media (min-width: 1024px) {
  .custom-open-close .txt-hold {
    max-width: 750px;
  }
  .main-post-section .image-block {
    padding: 150px 0 65px 0;
  }
  .footer-container {
    padding-top: 25px;
    padding-bottom: 55px;
  }
  .header .btn,
  .header .share-popup-holder .a2a_kit a,
  .share-popup-holder .a2a_kit .header a {
    margin-top: -10px;
  }
  .btn,
  .share-popup-holder .a2a_kit a,
  input.btn {
    padding: 8px 15px 10px 15px;
  }

  .header {
    padding-top: 31px;
    padding-bottom: 31px;
  }
  .menu .form-col {
    padding-bottom: 80px;
  }
  .newsletter-form .btn,
  .newsletter-form .share-popup-holder .a2a_kit a,
  .share-popup-holder .a2a_kit .newsletter-form a {
    padding: 8px 25px 10px 25px;
  }
}

@media (min-width: 1200px) {
  .members-holder {
    padding-top: 12px;
    padding-right: 120px;
  }
  .team-section h1 {
    font-size: 530px;
    line-height: 475px;
    margin-bottom: 110px;
  } /*
.team-section .container {
    padding-left: 0px;
}*/
  .page-template-template-about .line-box {
    padding-top: 35px;
    padding-bottom: 50px;
    margin-top: 150px;
  }
  .page-template-template-about .nav-section {
    margin-top: 150px;
  }

  .footer-area .line-box {
    margin-top: 0px;
  }
  .team-section {
    margin-top: 150px;
  }
  .lectures-open-close {
    margin-top: 15px;
  }
  .lectures-table-holder {
    padding-top: 40px;
  }
}

.related-projects-section .container {
  max-width: 1240px;
}

.post-boxes-section .container {
  max-width: 1440px;
}

.contact-section .container-middle {
  max-width: 1340px;
}

.grid-holder {
  max-width: 1440px;
  margin: auto;
}

.main-post-section .post-intro {
  max-width: 1106px;
}

.menu-holder {
  -webkit-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
  opacity: 0;
  background: #231f20;
}
.btn-holder:hover .btn-primary:hover {
  color: #fff;
  background: #1d1d1b;
}

/*Vertical Sliding*/

.spinny-words span {
  animation: topToBottom 8s linear infinite 0s;
  -ms-animation: topToBottom 8s linear infinite 0s;
  -webkit-animation: topToBottom 8s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.spinny-words span:nth-child(2) {
  animation-delay: 2s;
  -ms-animation-delay: 2s;
  -webkit-animation-delay: 2;
}
.spinny-words span:nth-child(3) {
  animation-delay: 4s;
  -ms-animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
.spinny-words span:nth-child(4) {
  animation-delay: 6s;
  -ms-animation-delay: 6s;
  -webkit-animation-delay: 6s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  10% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }
  30% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    -webkit-transform: translateY(-25px);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  30% {
    opacity: 0;
    -webkit-transform: translateY(25px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    -ms-transform: translateY(-25px);
  }
  10% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  30% {
    opacity: 0;
    -ms-transform: translateY(25px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.members-holder .btn-scroll {
  visibility: hidden;
  display: none;
}
.card-gallery .slick-arrow span,
.projects-gallery .slick-arrow span,
.grid-gallery .slick-arrow span {
  visibility: hidden;
  display: none;
}
#cursor img {
  width: 94px;
  height: 130px;
}

.link-underline-hover:hover,
a:hover {
  color: #1d1d1b;
}

.theme-dark-page .link-underline-hover:hover,
.theme-dark-page a:hover,
.theme-dark-page .copy {
  color: #bfbfbf;
}

#menu-main-menu a:hover,
.social-nav a:hover {
  color: #bfbfbf;
}

@media (min-width: 1450px) {
  .main-nav {
    font-size: 105px;
  }
}

@media (min-width: 1700px) {
  .main-nav {
    font-size: 120px;
  }
}
@media (min-width: 2000px) {
  .main-nav {
    font-size: 150px;
  }
  .menu .form-col {
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .promo-section h2,
  .project-desc h2,
  .project-post h2,
  .related-projects-section h2 {
    font-size: 22px;
  }
}

/* Work template flexible rows */
.post-boxes-container {
  padding-bottom: 45px;
}

.post-boxes-container .post-boxes-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 40px;
}

.post-boxes-container .post-boxes-row:last-child {
  margin-bottom: 0;
}

.post-boxes-container .post-box {
  width: 100%;
}

@media (min-width: 600px) {
  .post-boxes-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 0 45px;
  }

  .post-boxes-container .post-boxes-row {
    margin-bottom: 0;
  }

  .post-boxes-container .post-boxes-row {
    width: 100%;
    display: grid;
  }

  /* Map your data-columns to grid columns */
  .post-boxes-container .post-boxes-row[data-columns='3'] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .post-boxes-container .post-boxes-row[data-columns='2'] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 2) Make each card fill the track height and allow inner layout */
  .post-boxes-container .post-box {
    min-width: 0; /* avoid overflow due to long text */
  }
  .post-boxes-container .post-box-hold {
    height: 100%; /* fill the row height */
    display: flex;
    flex-direction: column;
  }

  .post-boxes-container .post-boxes-row .img-hold {
    position: relative;
    flex: 1 1 auto; /* expands to fill leftover space */
  }

  /* 3) Image area flexes to take remaining space; text is intrinsic */
  .post-boxes-container .post-boxes-row:not(.post-boxes-row--cols-3) .img-hold {
    min-height: 50vw; /* allow children to size properly */
    max-height: 50vw;
  }

  .post-boxes-container .img-wrap,
  .post-boxes-container .img-wrap picture,
  .post-boxes-container .img-wrap img,
  .post-boxes-container .img-wrap video,
  .post-boxes-container .img-hold .post-box-link {
    display: block;
    width: 100%;
    height: 100%;
  }
  .post-boxes-container .img-wrap img,
  .post-boxes-container .img-wrap video {
    object-fit: cover; /* crop to container */
  }

  /* 4) Text area sits below image; protect layout from long text */
  .post-boxes-container .text-hold {
    padding-top: 0.6rem;
  }
  .post-boxes-container .text-hold p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* tweak lines as you prefer */
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3em;
    min-height: calc(2 * 1lh);
  }

  /* Optional: ensure any "text-info" overlay doesn't change row height */
  .post-boxes-container .text-info {
    pointer-events: none;
  }
}