:root {
    --grid-row-gap: 60px;
    --grid-column-gap: 60px;

    --card-grid-row-gap: 20px;
    --card-grid-column-gap: 20px;
}

.nt-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
}


/*
.nt-grid-wrapper {
    display: grid;
   
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
}
*/


.nt-grid-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
}

.nt-post-link-icon {
    order: 12;
}

.nt-grid-item img {
    height: 100%;
    object-fit: cover;
}

.nt-card-image {
    margin-bottom: 28px;
}

.nt-card-image img {
    height: 420px;
    object-fit: cover;
}

.card-modal ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}


/*
@-webkit-keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}


@-webkit-keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

*/

.nt-team-image {
	background-size: cover;
    -webkit-transition: -webkit-transform 15s cubic-bezier(.15,0,.7,1), opacity 0.3s;
    transition: transform 15s cubic-bezier(.15,0,.7,1), opacity 0.3s;
    background-position: center top;
}

/* Card Layout */





/* Modal Layout */
.nt-modal-modal-body {
	padding: 0 !important;
}

.nt-modal .btn-close {
	font-size: 0;
	position: absolute;
    top: 40px;
    right: 40px;
    z-index: 9;
    border: none;
    background: transparent;
}

.nt-modal .btn-close:hover,
.nt-modal .btn-close:focus {
    outline: none;
    box-shadow: none;
}

@media (min-width: 1026px) {
	.nt-grid-item {
		grid-template-columns: repeat(2, 1fr);
	}
	
}

@media (min-width: 768px) {
	
  .nt-modal-grid-1 {
      grid-template-columns: 1fr;
  }
  
  .nt-modal-grid-2 {
      grid-template-columns: repeat(2, 1fr);
  }
  
  .nt-modal-grid-3 {
      grid-template-columns: repeat(2, 1fr);
  }
  
  .nt-modal-grid-4 {
      grid-template-columns: repeat(2, 1fr);
  }
  
  .nt-modal-grid-5 {
      grid-template-columns: repeat(2, 1fr);
  }
  
  .nt-modal-grid-6 {
      grid-template-columns: repeat(2, 1fr);
  }
  
}

@media (min-width: 1026px) {

  .nt-modal-grid-1 {
      grid-template-columns: 1fr;
  }
  
  .nt-modal-grid-2 {
      grid-template-columns: repeat(2, 1fr);
  }
  
  .nt-modal-grid-3 {
      grid-template-columns: repeat(3, 1fr);
  }
  
  .nt-modal-grid-4 {
      grid-template-columns: repeat(4, 1fr);
  }
  
  .nt-modal-grid-5 {
      grid-template-columns: repeat(5, 1fr);
  }
  
  .nt-modal-grid-6 {
      grid-template-columns: repeat(6, 1fr);
  }

  
}