/* Adjacent post navigation */

@media only screen and (max-width: 1023px) {
  .adjacent-nav {
    padding: 20px 0;
  }

  .adjacent-label {
    display: none;
  }
}


@media only screen and (max-width: 1023px) {
  .adjacent-post {
    background-color:#cfc6fc;
    padding:0.5em;
    position:absolute;
    border-radius: 5px;
  }
  
  .adjacent-post:hover,
  .adjacent-post:focus {
    background-color: #00002f;
    color: #ffffff;
  }
  
  .adjacent-post:hover a,
  .adjacent-post:focus a {
   color: #ffffff;
  }
  
  .adjacent-post a {
    color:#00002f
  }

  .next-post {
    right:40px;
  }
  .adjacent-arrow {
    color:#00002f
    position: relative;
    top: -1px;
  }
}


@media only screen and (min-width: 1024px) {

  .adjacent-post {
    position: fixed;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 350px;
    height: 70px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    transition: 0.3s;
    align-items: center;
    display: flex;
    padding: 0 20px;
  }

  .adjacent-post a {
    display: block;
    padding: 30x 20px;
  }

  .previous-post {
    left: -278px;
  }

  .previous-post:hover {
    left: 0;
  }

  .next-post {
    right: -278px;
  }

  .next-post:hover {
    right: 0;
  }

  .adjacent-label {
    background-color: #00002f;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    width: 72px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    text-transform: uppercase;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .adjacent-label-arrow {
    display:flex;
    align-items: center;
    justify-content:center;
    background-color: #00002f;
    color: #ffffff;
    border-radius:50%;
    padding:5px;
    width:25px;
    height:25px;
    cursor: pointer;
  }

  .label-prev-bg {
    background-image: url(/wp-content/uploads/tdb-dragoon-250x242-right-lr.png);
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
    justify-content:center;    
  }

  .label-next-bg {
    background-image: url(/wp-content/uploads/tdb-dragoon-250x242-left-lr.png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .previous-post-post .adjacent-label {
    right: 0;
  }

  .next-post .adjacent-label {
    left: 0;
    padding-left: 10px;
  }

  .previous-post a {
    color: #00002f;
    padding-right: 60px;
    text-decoration:underline;
  }

  .next-post a {
    color: #00002f;
    padding-left: 60px;
    text-decoration:underline;
  }

  .adjacent-arrow {
    display: none;
  }

}

/* https://www.ryadel.com/en/css3-media-query-target-only-ie-ie6-ie11-firefox-chrome-safari-edge/#Safari_101 */
@media not all and (min-resolution:.001dpcm) and (min-width: 1024px) { 
  @media {
    .adjacent-label { 
      letter-spacing: 10px;
    }
  }
}