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


/*
Nature demo
*/


.td-nature {

  //menu bar
  &.page-template-page-pagebuilder-overlay {
    .td-header-wrap .td-header-menu-wrap-full,
    .sf-menu > .current-menu-ancestor > a,
    .sf-menu > .current-category-ancestor > a,
    .td-header-style-3 .td-header-main-menu,
    .td-header-style-4 .td-header-main-menu,
    .td-header-style-8 .td-header-top-menu-full {
      background-color: transparent !important;
    }
  }

  //menu
  &.tdm-menu-active-style3 {

    //menu list
    .tdm-header .sf-menu > li > a {
      margin: 0 15px;
    }

    //logo on tablet
    .tdm-header-style-3 .td-logo-in-menu {
      /* portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        position: relative;
      }
    }
  }

  //all buttons2 transitions
  .tds-button2 .tdm-btn-text {
    transition: color 0.3s !important;
  }


  //hero button2 color
  .td-nature-hero .tds-button2 .tdm-btn-text,
  .td-header-menu-wrap .tds-button2 .tdm-btn-text {
    color: #fff;
  }

  .td-nature-hero .tds-button2:hover {
    .tdm-btn-text {
      color: #81c132;
    }
  }


  //all extra small titles
  .tdm-title-xsm {
    /* portrait tablet */
    @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
      font-size: 14px;
      line-height: 22px;
    }
  }


  //all small titles
  .tdm-title-sm {

    /* landscape tablet */
    @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
      font-size: 20px;
      line-height: 30px;
    }

    /* landscape tablet */
    @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
      font-size: 18px;
      line-height: 26px;
    }

    /* portrait tablet */
    @media (max-width: @responsive_p_tablet_max) {
      font-size: 14px;
      line-height: 22px;
    }
  }


  //all medium titles
  .tdm-title-md {

    /* landscape tablet */
    @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
      font-size: 32px;
      line-height: 44px;
    }

    /* portrait tablet */
    @media (max-width: @responsive_p_tablet_max) {
      font-size: 24px;
      line-height: 34px;
    }
  }


  //all big titles
  .tdm-title-bg {
    font-size: 54px;
    line-height: 66px;

    /* landscape tablet */
    @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
      font-size: 42px;
      line-height: 54px;
    }

    /* portrait tablet */
    @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
      font-size: 36px;
      line-height: 46px;
    }

    /* portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      font-size: 32px;
      line-height: 42px;
    }
  }


  //hero big title
  .tdm-hero-title .tdm-title-bg {
    font-size: 90px;
    line-height: 100px;

    /* landscape tablet */
    @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
      font-size: 70px;
      line-height: 80px;
    }

    /* portrait tablet */
    @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
      font-size: 60px;
      line-height: 70px;
    }

    /* portrait phone */
    @media (max-width: @responsive_p_phone_max) {
      font-size: 36px;
      line-height: 44px;
    }
  }


  //quote
  .td-wild-quote {
    .tdm-title-bg {
      font-size: 36px;
      line-height: 46px;

      /* landscape tablet */
      @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
        font-size: 32px;
        line-height: 42px;
      }

      /* portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 24px;
        line-height: 32px;
      }

      /* portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        font-size: 24px;
        line-height: 32px;
      }
    }
  }


  //current projects
  .td-nature-current-projects {
    .td-big-image .td-custom-image a {
      height: 520px;

      /* landscape tablet */
      @media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
        height: 360px;
      }

      /* portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        height: 450px;
      }

      /* portrait phone */
      @media (max-width: @responsive_p_phone_max) {
        height: 220px;
      }
    }
  }


  //testimonials
  .td-nature-testimonials {
    .tdm-testimonial-info {
      display: block;
    }

    .tdm-testimonial-image {
      margin: 0 0 6px;
    }

    .tdm-testimonial-info2 {
      display: block;
    }

    .tdm-testimonial-descr {
      /* portrait tablet */
      @media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
        font-size: 20px;
        line-height: 28px;
      }
    }
  }


  //gallery spacing
  .td-nature-gallery {
    line-height: 0;
  }


  //articles
  .td_module_mx4 .td-module-title a {
    /* portrait tablet */
    @media (max-width: @responsive_p_tablet_max) {
      font-size: 14px;
      line-height: 22px;
    }
  }

  .td_module_8 {
    border-bottom: none;
    margin-bottom: 0;

    .td-module-title a {
      color: #fff;
    }
  }


  .td-nature-bottom-banner {
    .tdm-title-bg {
      line-height: 1;
      margin: 0;
    }
  }

  // demos button
  #td-theme-settings .td-skin-buy a {
    background-color: #81c132;
  }
}