.prr-cat-tag {
  color: @white-color;
  background: @primary-color;
  display: inline-block;
  margin-bottom: 10px;
  padding: 1px 10px 2px;
  border-radius: 3px;
  text-transform: uppercase;

  box-shadow: 0px 3px 12px fade(@primary-color, 70%);

  a {
    color: @white-color;
  }
}

.prr-featured-image {
  img {
    margin-bottom: 10px;
    border-radius: 5px;
    max-width: 100%;
    box-shadow: 0px 3px 12px fade(@dark-color, 70%);
    .shadow();
  }
}

.featured-single-image {
  img {
    .shadow();
  }
}

.adjusted-image {
  position: relative;
  height: 525px;
  overflow: hidden;

  img {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
  .adjusted-image {
    height: auto;

    img {
      display: block;
      top: 0;
      transform: unset;
    }
  }
}

.prr-post-meta {
  margin-bottom: @font-size/2;
  * {
    font-size: 1.6rem;
  }
}

.prr-spacing {
  margin-top: @font-size*1.2;
  margin-bottom: @font-size*5;
}

.prr-section {
  margin: @font-size*5 0;
}

.prr-category {
    color: @primary-color;
    font-size: 14px;
    font-weight: 600;
    a{
      &:hover{
        color:initial;
      }
    }
}

.prr-cat-tag .prr-title:last-child::after {
  margin-right: 0;
  content: none;
}
.prr-cat-tag .prr-title::after {
  content: "/";
  margin-left: 10px;
}

.prr-iconset {
  display: inline-block;
  float: right;

  > * {
    float: left;
    font-size: @font-size*1.4;
    cursor: pointer;
  }

  .prr-useful {
    margin-left: 20px;
  }
}

.prr-excerpt-area {
    * {
        margin-bottom: .5rem;
    }

    p {
        font-size: 15px;
    }
}

.post-slide-hor-arrow,
.post-slide-hor-2-arrow,
.post-slide-main-arrow {
    cursor: pointer;
    position: relative;

    div {
        display: inline-block;
        font-size: 30px;
        line-height: 1;

        color: #fff;
        background: @primary-color;
        margin-right: 5px;
    }

    .prev,
    .next {
        position: absolute;
        right: -10px;
        z-index: 1;
    }

    .prev {
        right: -43px;
    }
}

.post-slide-main-arrow {
  position: absolute;
  top: 0;
  right: 0;

  .prev,
  .next {

  }

  .prev {
    right: 6.2rem;
  }

  .next {
    right: 3.2rem;
  }
}

.post-slide-hor-2-arrow {
    top: -39px;

    .prev {
        right: 23px;
    }
}

.prr-dot {
    color: @primary-color;
}

.prr-section-intro,
.prr-post-excerpt,
.prr-massive-blog-excerpt,
.newsletter-area {
    margin-bottom: @font-size*2;
}

.prr-block-post-meta {
    position: relative;
    font-size: 1.2rem;

    .prr-category {
        float: left;
    }
    .prr-times-read-area {
        float: right;
    }
}

/** Anchor Link Style **/

.prr-title {
    display: inline;
    background-image: linear-gradient(180deg, transparent 65%, lighten(@primary-color, 10%) 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    line-height: 1.2;
    padding: 0 3px;
    margin-right: .5rem;
    a{
      &:hover{
        color:initial;
      }
    }
}

.prr-cat-tag {
  .prr-title {
    background: none;
  }
}

.animated-underline {
    background-image: linear-gradient(180deg, transparent 90%, lighten(@primary-color, 10%) 0);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease;

    &:hover {
      background-size: 100% 100%;
    }
    a{
      &:hover{
        color: initial;
      }
    }
}

.animated-underline:hover{
  color: initial;
}



.post-content a {
    background-image: linear-gradient(180deg, transparent 70%, lighten(@primary-color, 35%) 0);
}

.prr-post-excerpt:hover,
.prr-massive-blog-excerpt:hover,
.prr-sbs-post-excerpt:hover,
.prr-excerpt-slide:hover {
    .animated-underline {
        background-size: 100% 100%;
    }
}

.prr-massive-blog-excerpt {
    h2 {
        font-size: 2.8rem;
    }
}

.prr-sbs-post-excerpt {
    margin-bottom: 1rem;
    .content-left {
        width: 30%;
        float: left;
        max-width: 100%;
        max-height: 100%;
    }

    .content-right {
        width: 66%;
        float: right;
    }

    .prr-times-read-area {
        font-size: 1.2rem;
        text-transform: uppercase;
    }
}

.newsletter-area {
    text-align: center;

    .prr-newsletter-title {
        position: relative;
        display: inline-block;
    }
    .prr-title {
        font-size:@font-size*2;
        &:after {
          content: "\ef13";
          font-family: IcoFont !important;
          font-size: 75px;
          font-style: normal;
          font-weight: 400;
          font-variant: normal;
          text-transform: none;
          white-space: nowrap;
          word-wrap: normal;
          direction: ltr;
          line-height: 1;

          position: absolute;
          color: #ececec;
          right: -30px;
          top: -30px;
          transform: rotate(35deg);
          z-index: -1;
        }
    }

    p {
      font-size: @font-size*1.3;
    }

    .newsletter-form {
        input[type="text"] {
            width: 60%;
            border: 1px solid #d3d3d3;
            margin-right: 3px;
            padding: 5px 10px;
        }

        input[type="submit"] {
            background-color: @primary-color;
            color: @white-color;

            font-weight: 600;

            width: 150px;
            margin-left: 3px;

            cursor: pointer;
            border: 1px solid @primary-color;

            box-shadow: 0px 3px 12px fade(@primary-color, 70%);
        }
    }
}

footer {
  ul {
    li {
      list-style-type: none;
      &:before {
        content: "\ea69";
        font-family: IcoFont !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        line-height: 1;
      }
    }
  }
}

.prr-footer {
  border-top: 2px solid @primary-color;
  padding-top: @font-size*3;
  padding-bottom: @font-size*2;
}

.load-more {
  display: none;
}

.custom-logo-link img {
  display: block;
}

.custom-logo-dark {
  display: none;
}

.custom-logo-link,
.custom-logo-dark {
  img{
    max-height: 65px;
  }
}

.admin-bar {
    .site-header {
        top: 3.2rem;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar {
        .site-header {
            top: 4.6rem;
        }
    }
}

.prr-archive-title {
  margin-bottom: @base-margin;
}

.prr-author-about {
  padding: @font-size;
  margin-top: 1.5rem;
  margin-bottom: @base-margin*2;
  .shadow;
}

.author-info {
  .entry-author-label {
    color: #999;
    font-size: @font-size/1.1;
    margin-bottom: 0;
    line-height: 1rem;
  }

  img {
    border-radius: 50%;
  }

  .author-details {
    margin-left: @font-size;
  }

  .author-name {
    font-size: 1.6rem;
    line-height: 1;
  }
}

.display-tag a {
  color: @primary-color;
}

.pagination-single {
  margin-top: @font-size*2;
  margin-bottom: @font-size*2;

  .pagination-nav {
    font-size: @font-size*1.2;

    .previous-post-wrap {
      width: 50%;
      display: inline-block;

      .previous-post {
        font-size: @font-size/1.1;
        font-weight: 500;
      }
    }

    .next-post-wrap {
      width: 50%;
      text-align: right;
      float: right;

      .next-post {
        font-size: @font-size/1.1;
        font-weight: 500;
      }
    }
  }
}

.next-post-wrap,
.previous-post-wrap {

    position: relative;

    &:before {
      color: @primary-color;
      font-size: 4rem;
      font-weight: 300;
      font-family: IcoFont;
      line-height: .65;
      position: absolute;
      top: -2rem;
      width: 32px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .2s;
      transition: all .2s;
    }

    &:hover {
      &:before {
        opacity: 1;
        visibility: visible;
        right: 0;
      }
    }

}

.next-post-wrap {

    &:before {
      content: '\ea94';
      right: 2rem;
    }

}

.previous-post-wrap {

    &:before {
      content: '\ea93';
      left: 2rem;
    }

    &:hover {
      &:before {
        opacity: 1;
        visibility: visible;
        left: -.7rem;
      }
    }
}

.shadow {
  box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1);
}
.no-results{
  padding: @font-size*3 0;
}

.prr-social li {
  display: inline;
  list-style-type: none;
}

/* Menu uses Font Awesome icons */
.prr-social li a[href*="facebook.com"]::before { content: '\ed37'; }
.prr-social li a[href*="twitter.com"]::before { content: '\ed7a'; }
.prr-social li a[href*="github.com"]::before { content: '\ed3e'; }
.prr-social li a[href*="linkedin.com"]::before { content: '\ed4d'; }
.prr-social li a[href*="wordpress.com"]::before,
.prr-social li a[href*="wordpress.org"]::before { content: '\e95b'; }
.prr-social li a[href*="tumblr.com"]::before { content: '\ed78'; }
.prr-social li a[href*="dribbble.com"]::before { content: '\ed2e'; }
.prr-social li a[href*="instagram.com"]::before { content: '\ed46'; }
.prr-social li a[href*="vimeo.com"]::before { content: '\ed7f'; }
.prr-social li a[href*="youtube.com"]::before { content: '\ecbb'; }
.prr-social li a[href*="pinterest.com"]::before { content: '\ed5d'; }
.prr-social li a[href*="flikr.com"]::before { content: '\ed39'; }
.prr-social li a[href*="digg.com"]::before { content: '\ed2c'; }
.prr-social li a[href*="reddit.com"]::before { content: '\ed62'; }
.prr-social li a[href*="behance.com"]::before { content: '\ed22'; }
.prr-social li a[href*="slideshare.net"]::before { content: '\e934'; }
.prr-social li a[href*="/feed"]::before { content: '\efdb'; }
.prr-social li a[href*="subscribe"]::before { content: '\ef12'; }

.prr-social li {
    list-style-type: none;
    display: inline-block;
}

.prr-social li a span::before {
    width: 20px;
    height: 20px;
    color: #999;
    border-radius: 20px;
}

.prr-social li a::before {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    font-family: 'IcoFont';
    font-size: @font-size*1.4;
    color: @dark-color;
    -webkit-font-smoothing: antialiased;
}

/**
 * Infinite Scroll Post
 */

.prr-infinite-scroll {
  margin: @font-size*3 0;
}

/**  Dark Mode Settings **/

.ct-dark-mode {
  background-color: #0b0b0c !important;

  .site-header {
    background-color: #18191b !important;
  }

  *,
  .icon,
  .prr-social a:before,
  span,
  figcaption,
  a,
  p,
  h1,
  h2
  h3,
  h4,
  h5,
  h6, {
    color: #eaedf1 !important;
  }

  .featured-section .featured-title {
    background-color: #18191b;
  }

  .custom-logo-dark {
    display: block;
  }

  .custom-logo-link {
    display: none;
  }

  textarea,
  input[type="text"],
  input[type="email"],
  input[type="submit"] {
    color: #18191b !important;
  }
}


/**
 * --------------------------------------------------------------------------------
 * Pagination
 * --------------------------------------------------------------------------------
*/
.pagination {
  padding: 2.4000000000000004rem 0;
}
.pagination .nav-links {
  text-align: center;
}
.nav-links{
  margin:0 auto;
}
.pagination .page-numbers {
  padding: .6rem;
}
.pagination .page-numbers.next::after {
  content: '\f178';
  right: 0;
}
.pagination .page-numbers.prev::before {
  content: '\f177';
  left: 0;
}
.pagination .prev,
.pagination .next {
  position: relative;
}
.pagination .prev {
  padding-left: 3.3rem;
}
.pagination .prev:hover::before {
  left: -1rem;
}
.pagination .next {
  padding-right: 3.3rem;
}
.pagination .next:hover::after {
  right: -1rem;
}
.pagination .page-numbers.prev::before,
.pagination .page-numbers.next::after {
  font-size: 2rem;
  font-weight: 300;
  font-family: Fontawesome;
  line-height: 1.14;
  position: absolute;
  top: .8rem;
  width: 32px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pagination .screen-reader-text {
  display: none;
}

.footer-site-info {
    text-align: center;
    font-size: 1.4rem;
    border-top: 1px solid @primary-color;
    padding: 1rem 0;
}

@media screen and (max-width: 782px){
  .next.slick-arrow{
    right:30px;
  }
  .prev.slick-arrow{
    right:-4px;
  }
}

.main-nav {
  > .notification {
    > a:after {
      content: "\ec77";
      font-family: IcoFont;
      font-size: 1rem;
      position: absolute;
      right: 1rem;
      top: 1.2rem;
      color: #43c6ac;
    }
  }
}

// Large devices (desktops, 992px and up)
@media (max-width: 992px) {
  .featured-section .featured-title {
    position: relative;
    left: 50%;
    top: -25px;
    transform: translate(-50%, -50%);
  }
}


// Main Slider

// General

.ct-post-meta {
  * {
    font-size: 1.4rem;
    display: inline-block;
  }
}

// End: General

.ct-main-slider {

  .ct-slide-sbs {
    position: relative;
  }

  .ct-slide-container {
    position: relative;
    width: 100%;
    height: 43.6rem;
    left: 0;
    z-index: -1;
  }

  .ct-slide-bg-inner {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: -1;
  }

  .ct-slide-content {
    position: absolute;
    width: 50%;
    height: auto;
    right: 2.3rem;
    top: 50%;
    transform: translateY( -50% );

    padding: 3rem;

    background-color: @white-color;
    .shadow;

    h2 {
      font-size: 3.8rem;
      line-height: 1.3;
      margin-bottom: 0;
    }

    p {
      margin-bottom: 0;
    }
  }
}

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
  .ct-main-slider {
    .ct-slide-bg-inner {
      width: 100%;
    }
  }
}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {
  .ct-main-slider {
    .ct-slide-content {
      width: 80%;
      left: 0;
    }

    .ct-slide-content {
      h2 {
        font-size: 3rem;
      }
    }
  }

  .post-slide-main-arrow {
    .prev {
      right: 4rem;
    }

    .next {
      right: 1rem;
    }
  }
}

// End: Main Slider


// Ads Area

.ct-banner-ad {
  .widgetarea {
    margin-top: 0;
  }

  img {
    display: block;
    margin: 0 auto;
  }
}




















