/*splide pagination*/
.splide__pagination__page.is-active {background:#C8C5C5;}

.placeholder-gray:placeholder {
  color: #787e8b;
}

@media screen and (max-width: 1024px) {
  #mtmOffMenu ul > .menu-item ul li > ul li a {
    font-weight: normal;
  }
  #mtmOffMenu ul > .menu-item ul li a {
      text-transform: none;
  }
}

@media screen and (min-width: 1024px) {
  /*menu desktop*/
  .menu-item {
      position: relative;
  }

  .menu-item a {
      padding: 5px;
      /* width: 100%;
      display: flex; */
      text-decoration: none;
  }

  .menu-item a:hover {
    font-weight: 700;
  }

  .menu-item .sub-menu {    
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: inherit;
      padding: 0;
      z-index: 300;
      text-align: left;
      background-color: #D9D9D9;
      color: #000000;
  }

  .sub-menu .menu-item {
      display: flex;
      position: relative;
      width: 100%;
  }

  .menu-item:hover > .sub-menu {    
      opacity: 1;
      visibility: visible;
  }

  #menu-home > .menu-item {
    padding: 10px 5px;
  }

  #menu-home ul.sub-menu {
      text-transform: capitalize;
      width: 170%;
      margin-top: .65rem;
      margin-left: -12%;
      border-radius: 4%;
      border-radius: 1rem;
      font-weight: 500;
      font-size: 0.75rem; 
      line-height: 1rem;
      padding: 1rem;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    
      &:after {
        content: '';
        position: absolute;
        border: 1px solid rgba(255, 255, 255, 0);
      }

      &:before {
        content: '';
        position: absolute;
        border: 1px solid #ffffff00;
      }
      
      /*triangle side*/
      /*top*/
      &.top:after {
        border-color: #D9D9D9 transparent;
        border-width: 0 10px 12px 10px;
        top: -12px;
        left: 15%;
      }
  }

  #menu-home ul.sub-menu ul.sub-menu {
    top: 0;
    left: 122%;
    margin-top: 0;
    width: 100%;
  }
}

#mtm-single-case_study .wp-video {
  margin-bottom: 3rem;
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('https://mapletreemedia.com/wp-content/themes/mapletreemedia-main/fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('https://mapletreemedia.com/wp-content/themes/mapletreemedia-main/fonts/inter-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('https://mapletreemedia.com/wp-content/themes/mapletreemedia-main/fonts/inter-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('https://mapletreemedia.com/wp-content/themes/mapletreemedia-main/fonts/inter-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}