@import "../../less_files/variables.less";


/*
Blog Fitness demo
*/


.td-blog-fitness {

  //body letter spacing
  letter-spacing: .02rem;

  /*
  header--------------------------------
  */

  //border under menu cancelled on homepage
  &.home {
    .td-header-style-10 {
      .td-header-menu-wrap {
        border-bottom: none;
      }
    }
  }

  .td-header-style-10 {
    //hover & active menu settings
    .sf-menu > li > a:hover,
    .sf-menu > .sfHover > a,
    .sf-menu > .current-menu-item > a,
    .sf-menu > .current-menu-ancestor > a,
    .sf-menu > .current-category-ancestor > a {
      color: #fc7d46;
    }

    //border under active menu item - invisible
    .sf-menu > li > a:after {
      background-color: transparent;
    }

    //border under menu on pages except homepage
    .td-header-menu-wrap {
      border-bottom: 1px solid black;
    }

    //shadow under menu cancelled
    .td-header-gradient:before {
      display: none;
    }

    .td-header-top-menu-full {
      border-bottom: none;
    }
  }

  //top icons opacity
  .td-header-sp-top-widget {
    .td-social-icon-wrap a:hover {
      opacity: 0.6;
    }
  }

  //mega menu custom CSS
  .td-theme-wrap {
    .td_mega_menu_sub_cats {
      text-align: left;

      .cur-sub-cat {
        background-color: #fc7d46;
        color: white !important;
      }
    }
  }


  //Big Grid 4 full customization
  .td_block_big_grid_fl_4.td-grid-style-4 {

    .td-big-grid-post {
      padding-top: 25% !important;

      @media (min-width: 1141px) and (max-width: 1500px) {
        padding-top: 28% !important;
      }

      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_l_tablet_max) {
        padding-top: 32% !important;
      }

      @media (max-width: @responsive_p_phone_max) {
        padding-top: 60% !important;
      }
    }

    .td_module_mx21 {
      border-width: 0;

      .td-meta-info-container {
        max-width: 100%;
        text-align: center;
        text-align: -moz-center;
        text-align: -webkit-center;
        bottom: -1px;

        .td-post-category {
          padding: 12px 20px;
          background-color: #fff;
          color: black;

          @media (min-width: 1141px) and (max-width: 1700px) {
            padding: 10px 20px;
          }

          @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
            padding: 8px 16px;
          }

          @media (min-width: @responsive_p_phone_max) and (max-width: @responsive_l_tablet_min) {
            padding: 5px 10px;
          }

          @media (max-width: @responsive_p_phone_max) {
            padding: 10px 15px;
          }
        }

        .td-module-title {
          background-color: #fff;
          padding-top: 20px;
          padding-bottom: 15px;
          font-size: 28px;
          line-height: 34px;

          a {
            color: black;
            text-shadow: none;
          }

          @media (min-width: 1501px) and (max-width: 1700px) {
            font-size: 23px !important;
            line-height: 30px !important;
          }

          @media (min-width: 1141px) and (max-width: 1500px) {
            font-size: 18px !important;
            line-height: 24px !important;
            padding-top: 16px;
            padding-bottom: 10px;
          }

          @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
            font-size: 15px !important;
            line-height: 20px !important;
            padding-top: 12px;
            padding-bottom: 6px;
          }

          @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
            font-size: 12px !important;
            line-height: 19px !important;
            padding-top: 10px;
            padding-bottom: 4px;
          }

          @media (max-width: @responsive_p_phone_max) {
            font-size: 15px !important;
            line-height: 20px !important;
            padding-top: 12px;
            padding-bottom: 6px;
          }
        }

        .td-module-meta-info {
          width: 100%;
          background-color: #fff;
          display: block;

          .td-post-author-name a,
          .td-post-author-name span {
            color: black;
            text-shadow: none;
          }

          .td-post-date {
            color: black;
            text-shadow: none;
          }
          @media (max-width: @responsive_p_phone_max) {
            display:none;
          }
        }
      }
    }
  }

  //Big Grid 3 full customization
  .td_block_big_grid_fl_3.td-grid-style-4 {

    &.td_block_wrap {
      margin-bottom: 16px !important;
    }

    .td-big-grid-post {
      padding-top: 25% !important;

      @media (min-width: 1141px) and (max-width: 1500px) {
        padding-top: 28% !important;
      }

      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_l_tablet_max) {
        padding-top: 32% !important;
      }

      @media (max-width: @responsive_p_phone_max) {
        padding-top: 60% !important;
      }

    }

    .td_module_mx20 {
      border-width: 0;

      .td-meta-info-container{
        max-width: 100% !important;
        width: 100%;
        text-align: center;
        text-align: -moz-center;
        text-align: -webkit-center;

        .td-post-category {
          padding: 15px 25px;
          background-color: #fff;
          color: black;

        @media (min-width: 1141px) and (max-width: 1700px) {
           padding: 10px 20px;
        }

        @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
           padding: 8px 16px;
        }

        @media (min-width: @responsive_p_phone_max) and (max-width: @responsive_l_tablet_min) {
           padding: 5px 10px;
        }

        @media (max-width: @responsive_p_phone_max) {
           padding: 10px 15px;
          }
        }

        .td-module-title{
          background-color: #fff;
          padding-top: 20px;
          padding-bottom: 15px;
          font-size: 28px;
          line-height: 34px;

          a {
            color:black;
            text-shadow:none;
          }

          @media (min-width: 1501px) and (max-width: 1700px) {
            font-size: 23px !important;
            font-weight: bold!important;
            line-height: 30px !important;
          }

          @media (min-width: 1141px) and (max-width: 1500px) {
            font-size: 18px !important;
            line-height: 24px !important;
            padding-top: 16px;
            padding-bottom: 10px;
          }

          @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
            font-size: 15px !important;
            line-height: 20px !important;
            padding-top: 12px;
            padding-bottom: 6px;
          }

          @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
            font-size: 12px !important;
            line-height: 19px !important;
            padding-top: 10px;
            padding-bottom: 4px;
          }

          @media (max-width: @responsive_p_phone_max) {
            font-size: 15px !important;
            line-height: 20px !important;
            padding-top: 12px;
            padding-bottom: 6px;
          }
        }

        .td-module-meta-info {
          width: 100%;
          background-color: #fff;
          display: block;

          .td-post-author-name a {
            color: black;
            text-shadow: none;
          }

          .td-post-date{
            color: black;
            text-shadow: none;
          }

          @media (max-width: @responsive_p_phone_max) {
            display: none;
          }
        }
      }
    }
  }

  //color of block separator
  .td_block_separator {

    @media (max-width: @responsive_p_phone_max) {
      display: none;
    }

    span {
      border-color: black !important;
    }
  }

  //customize module mx8
  .td_module_mx8 {
    .td-module-meta-info {
      text-align: center;

      .td-module-title {
        font-size: 32px;
        line-height: 36px;
        @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_l_tablet_max) {
          font-size: 26px !important;
          line-height: 32px !important;
        }
        /* responsive portrait phone */
        @media (max-width: @responsive_p_phone_max) {
          font-size: 26px;
          line-height: 32px;
        }
        @media (max-width: 500px){
          font-size: 20px;
          line-height: 26px;
        }
      }
      .td-module-comments a {
        display: none !important;
      }
    }

    &:hover {
      .td-module-meta-info .td-module-title a {
        color: #fff !important;
      }
    }
  }

  /*customize ios slider*/
  .td-theme-slider.iosSlider-col-3 {

    @media (min-width: 360px) and (max-width:500px) {
        height: 250px !important;
    }

    @media (max-width: 359px) {
      height: 200px !important
    }

    .td_module_slide {
      @media (min-width: 360px) and (max-width:500px) {
          height: 250px;
      }

      @media (max-width: 359px){
        height: 200px !important
      }
    }

    .td-slide-meta {
      color: black;
      padding: 0;
      bottom: 0;
      text-align: center;

      a {
        color: black;
      }

      .slide-meta-cat a {
        margin: 0 !important;
        background-color: white;
        color: black !important;
        padding: 12px 20px;

        @media (min-width: 1141px) and (max-width: 1500px) {
          padding: 10px 20px;
        }

        @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
          padding: 8px 16px;
        }
        @media (min-width: @responsive_p_phone_max) and (max-width: @responsive_l_tablet_min) {
          padding: 10px 10px;
        }
        @media (max-width: @responsive_p_phone_max) {
          padding: 10px;
        }
      }

      .td-module-title {
        background-color: white;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 15px;

        a {
          color: black;
          font-size: 35px !important;
          line-height: 40px !important;
          padding-top: 10px;
          padding-bottom: 15px;

          @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
            font-size: 30px !important;
            line-height: 20px !important;
            padding-top: 10px;
            padding-bottom: 6px;
          }
          @media (max-width: @responsive_p_phone_max) {
            font-size: 25px !important;
            line-height: 30px !important;
            padding-top: 15px;
            padding-bottom: 10px;
          }
          @media (max-width:500px){
            font-size: 20px !important;
            line-height: 25px !important;
            padding-top: 5px;
            padding-bottom: 0;
          }
        }
      }

      .td-module-meta-info {
        background-color:#fff;
        margin-bottom:0;

        .td-post-author-name a {
          color: black;
        }
        .td-post-date .td-module-date {
          color: black;
        }
        .td-post-comments{
          color: black;
          display: none;
        }
        @media (max-width: @responsive_p_phone_max) {
          display: none;
        }
      }
    }

    .td-icon-left {
      display: none;
    }

    .td-icon-right{
      display: none;
    }
  }

  //Block 3 customization
  .td-custom-1 {
    margin-bottom: 12px !important;
  }

    .td_module_1 {
      padding-bottom: 12px;

      .td-module-title {
        font-size: 18px;

        @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_l_tablet_max) {
          font-size: 15px !important;
          line-height: 20px !important;
        }
      }

      .td-post-category {
        padding: 10px 10px;
        background-color: white;
        color: black;
      }
      .td-module-comments {
        display: none;
      }
    }

  //customize module_2 used on category pages
  .td_module_2 {
    .td-post-category {
      background-color: #fff;
      color: black;
      padding: 10px;
    }
  }

  .td-custom-2 {
    .td_module_1 {
      padding-bottom: 12px;

      .td-module-title {
        font-size: 14px;
        @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_l_tablet_max) {
          font-size: 13px !important;
          line-height: 18px !important;
        }
      }

      .td-module-image {
        display: none;
      }

      .td-post-category {
        display: none;
      }

      .td-module-comments {
        display: none;
      }
    }
  }

  //general style for author name and post date
  .td-post-date {
    font-style: italic;
  }

  //set background color for banner ad on homepage
  .td-stretch-content .banner_ad {
    background-color: #f1f1f1;
    margin-bottom: 48px;

    .td-all-devices {
      margin-top: 25px;
      margin-bottom: 25px;
    }
  }

  //Block 21 customization on sidebar for homepage
  .td_block_21 {
    background-color: #f1f1f1;
    padding: 20px;

    .td_module_16 {
      .entry-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;

        @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
          font-size: 12px;
          line-height: 17px;
        }

        @media (max-width: @responsive_p_phone_max) {
          font-size: 16px;
          line-height: 22px;
        }

      }
    }

    .td-block-title-wrap {
      text-align: center;
    }

    .block-title {
      border-color: #f1f1f1;
    }

    .block-title span {
      background-color: #f1f1f1;
      color: black;
      letter-spacing: 0.2em;
      font-weight: 600;
    }

    .td-post-author-name {
      display: none;
    }
    .td-module-comments{
      display:none;
    }
  }

  //general settings module 2
  .td_module_2 {

    .td-post-category {
      padding: 10px;
      background-color: white;
      color: black;
    }

    .td-module-title {
      font-size: 18px;

      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_l_tablet_max) {
        font-size: 15px !important;
        line-height: 20px !important;
      }
    }

    .td-module-comments {
      display: none;
    }

    .td-excerpt {
      line-height: 1.6;
    }
  }

  //customize instagram on sidebar
  .td_block_instagram {
    background-color: #f1f1f1;
    padding: 20px;
    padding-top:30px;

    .td-block-title {
      text-align: center;
      margin-bottom: 12px;
    }

    .td-block-title:before{
      display:none;
    }

    .td-instagram-header {
      display: none;
    }
  }

  //customize tag block
  .widget_tag_cloud {
    background-color: #f1f1f1 !important;
    padding: 0 30px;
    padding-bottom: 30px;
    text-align: center;

    @media (min-width:@responsive_p_phone_max) and (max-width:@responsive_l_tablet_max) {
      padding: 0 15px 30px 15px;
    }

    .block-title {
      text-align: center;
      margin-top: 26px;
      border-color: #f1f1f1;

      span {
        background-color: #f1f1f1;
        color:black;
        font-weight: 600;
      }
    }

    .tagcloud a {
      font-size: 10px !important;
      border: 1px solid #e6e6e6;
      border-radius: 3px;
      padding: 5px 15px 5px 15px;
      background-color: #e6e6e6;
    }

    .tagcloud a:hover {
      opacity: 0.6;
      color: black;
    }
  }

  //customize Social Links on sidebar
  .widget_nav_menu {
    text-align: center;
    background-color: #f1f1f1;
    padding: 30px;
    margin-bottom: 48px;

    .block-title {
      border-bottom:none;
    }

    span {
      background-color: #f1f1f1;
      color:black;
      font-weight: 600;
      letter-spacing: 0.32px;
      font-family: Poppins, Sans-Serif;
    }

    ul {
      display: inline-block;
    }

    li {
      float: left;
      font-size: 20px;
    }
  }
  //reduce margin between blocks
  .td_block_wrap {
    margin-bottom: 32px;
  }

  //customize td-ss-main-sidebar
  .td-ss-main-sidebar {

    .td-a-rec-id-sidebar > div {
       margin-bottom: 32px;
    }
    .widget_tag_cloud {
      margin-bottom: 32px;
    }
    .td_block_instagram {
      margin-bottom: 32px;
    }
  }

  //customize ajax loader
  .td_ajax_load_more {
    line-height: 38px;
    padding: 0 20px;
  }

  //customize block text with title
  .td-stretch-content .td_block_text_with_title {
    text-align: center;
    letter-spacing: .2rem;
    text-transform: uppercase;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;

    .block-title {
      border-bottom: 0;
      font-size: 30px;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 0;
    }
    .td_mod_wrap {
      display:none;
    }

    span {
      background-color: black;
      color: #fff;
      font-weight: 600;

      @media (max-width: @responsive_p_phone_max) {
        font-size: 17px;
        line-height: 22px;
      }
    }
  }

  .td-main-content-wrap {
    padding: 0;
  }

  .td_module_wrap:hover .td-module-title a {
    color: #fc7d46 !important;
  }

  //customize footer
  .td-footer-wrapper {
    .td_block_instagram {
      background-color: inherit;
      padding: inherit;
    }

    .td_block_21 {
      background-color: inherit;
      padding: inherit;
    }

    .block-title {
      text-align: left;

    }

    .block-title span {
      background-color: inherit;
      color: white;
      letter-spacing: 0.2em;
    }

    .td_module_16 {
      border-bottom: none;
      margin-top: 0;

      .td-module-comments {
        display: none;
      }
    }

    .td_module_wrap:hover .td-module-title a {
      color: #eaeaea !important;
      opacity: 0.6;
    }

    .widget_categories {
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.1rem;
      font-size: 17px;
    }

    .widget a:hover {
      color: #eaeaea !important;
      opacity: 0.6;
    }
  }

  //responsive footer on mobile devices
  @media (max-width: @responsive_p_phone_max) {
    .td-footer-wrapper {
      .block-title {
        text-align: center;
      }

      .widget_categories {
         text-align: center;
      }
    }
  }

  //customize post template default
  .post blockquote p {
    @media (min-width:@responsive_p_tablet_min) and (max-width:@responsive_p_tablet_max){
      font-size: 27px !important;
      line-height: 33px !important;
    }

    @media (max-width:@responsive_p_phone_max) {
      font-size: 25px !important;
      line-height: 31px !important;
    }
  }

  .td-post-template-default {

    //customize tags section
    .td-post-source-tags {
      border-bottom: 1px solid #f2f2f2;
      padding-top: 15px;

      .td-tags {
        margin: 0 0 15px 0;
      }

      .td-post-small-box {
        span {
          font-size: 14px;
          font-style: italic;
          background-color: #fff;
          margin-right: 10px;
          color: black;
          line-height: 10px;
        }

        a {
          font-size: 10px;
          padding: 5px 15px;
          letter-spacing: 0.1rem;
          border: 1px solid #f2f2f2;
          margin-left: 4px;
          line-height: 8px;
          color: #000000;
          background-color: #e6e6e6;
          text-transform: uppercase;
          border-radius: 2px;
        }

        a:hover {
          color: #000000;
          background-color: #e6e6e6;
          border-color: #e6e6e6;
          opacity: 0.6;
        }
      }
    }

    //customize sharing bottom
    .td-post-sharing-bottom {
      border: none;
      border-bottom: 1px solid #f2f2f2;
    }

    //customize author box
    .author-box-wrap {
      border-left: none;
      border-right: none;

      a img {
        border-radius: 50%;
      }

      .td-author-name a {
        font-size: 85%;
        font-style: normal;
        text-decoration: none;
        letter-spacing: .1rem;
        text-transform: uppercase;
      }

      .td-author-description {
        font-size: 15px;
        line-height: 26px;
        margin: 5px 0;
      }
    }

    //customize related articles
    .td_block_related_posts {
      .td-post-category {
        background-color: #fff;
        color: black;
        padding: 10px 10px;
      }

      .td-module-title {
        font-size: 16px;
        font-weight: 600;
      }
    }
  }

  //border on category pages
  .td-category-grid {
    border-bottom: 1px solid black;
    margin-bottom: 32px;

    @media (max-width: @responsive_p_phone_max) {
      border-bottom: none;
      margin-bottom: 0;
    }
  }
  //demo pannel download button
  // demos button
  .td-live-theme-demos .td-skin-buy a {
    background-color: #fc7d46;
  }
}