/**
 * Description: styles related to Share IT styles.
 * User: Nuno Nunes
 * Date: 10/Out/2019
**/

@import url(configs.less);

/* Header */
#td-outer-wrap {
  .td-header-menu-wrap-full {
    .td-header-menu-no-search {
      background-color: @blue1D;
      .menu-main-menu-container {
        &:before {
          content: "";
          width: 100%;
          position: absolute;
          border: 0.5px solid @white;
          opacity: 0.5;
        }

        .sf-menu {
          //@media (max-width: 992px){
          //  display: none;
          //}
        }
      }
    }

    .td-header-main-menu {
      max-width: 1280px !important;
      background-color: @blue1D;

      .td-main-menu-logo {
        margin-right: 0 !important;
      }

      .menu-main-menu-container {

        li > a {
          letter-spacing: 0.96px;

          @media (max-width: 1280px) {
            line-height: 20px;
            font-size: 11px;
            margin: 0 14px;
          }
        }

        li:first-child > a {
          margin-left: 0 !important;
        }

        #menu-main-menu-1 > li:nth-last-child(2) {
          @media (max-width: 992px) {
            clear: both;
          }

          a {
            margin-right: 0 !important;

            @media (max-width: 992px) {
              margin-right: 11px;
              margin-left: 0;
            }
          }
        }

        #menu-main-menu-1 {
          li {
            display: none;
            &.visible {
              display: block;
            }
            &.td-normal-menu {
              //display: block;
              &.menu-button {

              
                float: right;

                @media (max-width: 992px) {
                  float: left;
                }

                & > a {
                  font-size: 12px;
                  letter-spacing: 0.72px;
                  color: @goldFD;

                  @media (max-width: 1280px) {
                    line-height: 20px;
                    font-size: 10px;
                  }

                  &:hover {
                    color: white;
                  }
                }
              }
            }
          }
          
        
        }
        /*#menu-main-menu-1 > li:nth-last-child(-n+2) {
          float: right;

          @media (max-width: 992px) {
            float: left;
          }

          & > a {
            font-size: 12px;
            letter-spacing: 0.72px;
            color: @goldFD;

            @media (max-width: 1280px) {
              line-height: 20px;
              font-size: 10px;
            }

            &:hover {
              color: white;
            }
          }
        }*/
      }
    }
    .td-header-menu-no-search {
      .td-main-logo img {
        @media (min-width: 768px) {
          max-height: 0;
        }

        max-height: 35px !important;
      }

      &.td-affix {
        #td-header-menu {
          .td-main-menu-logo {
            width: 145px;
            float: none;

            .td-main-logo img {
              width: 145px;
              height: 48px;
            }
          }
        }
      }
    }
  }


  .td-header-top-menu-full {
    padding-top: 25px;
    padding-bottom: 25px;

    .td-header-top-menu {
      max-width: 1280px !important;

      .top-bar-style-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;

        .td-tagline-text {
          font-family: 'Roboto';
          padding-left: 10px;
          font-size: 15px;
          letter-spacing: 0.6px;
          line-height: 18px;
          font-style: italic;
          color: @goldFD;
        }
        .td-header-sp-top-widget {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          justify-self: flex-end;
          float: none !important;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -ms-flex-item-align: end;
          align-self: flex-end;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
        }

        .td-main-logo > img{
          width: 200px;
        }
      }
    }
  }
}

/* Footer*/
#td-outer-wrap {
  .td-footer-wrapper {
    padding-top: 90px;

    .td-container {
      max-width: 1280px !important;

      .footer-logo {
        width: 180px;
      }


      .last-edition-wrapper{
        .last-edition-content p{
          font-size: 15px;
          letter-spacing: 0.3px;
          line-height: 23px;
        }

        .last-edition-title{
          font-size: 16px;
            padding-top: 13px;
            line-height: 19px;
            letter-spacing: 0.96px;
            margin: 0;
            font-style: inherit;
            font-weight: 400;

            span{
              background-color: transparent !important;
              padding: 0;

              &:before{
                content: none;
              }
            }
        }

        .latest-edition{
          font-family: "Roboto";
          line-height: 19px;
          letter-spacing: 0.96px;
          font-size: 16px;
          color: @goldFD;
          text-transform: uppercase;
        }
      }

      .td-pb-span4:nth-of-type(2) {
        .td-block-title {
          font-size: 19px;
          letter-spacing: 0.76px;
          font-weight: 400;

          span {
            padding: 4px 10px;
            width: 144px;
            background-color: @goldFD !important;

            &:before {
              border-color: @goldFD transparent transparent transparent !important;
            }
          }
        }

        .menu-footer-menu-container{

          li{
            padding-top: 10px;
          }

          li > a {
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 0.96px;
            font-weight: 400;
            font-family: "Roboto";

            &:hover {
              color: @goldFD;
            }
          }

          li:nth-last-child(-n+2){
            &>a{
              color: @goldFD;

              &:hover{
                color: white;
              }
            }
          }
        }

        .widget_heateor_sss_follow {
          margin-left: -11px;

          .heateorSssSharingRound {
            margin-right: 15px !important;

            i {
              background-color: @blue1D;

              &:hover{
                transition: background-color 0.2s ease;
                background-color: @goldFD;
              }
            }
          }

          .heateorSssInstagramBackground {
            background: none;
          }
        }
      }

      .td-pb-span4:nth-of-type(3) {
        .td-block-title{

          span {
            padding: 4px 10px;
            width: 144px;
            background-color: @goldFD !important;
            font-size: 19px !important;
            font-family: "Roboto Condensed" !important;
            font-weight: 500 !important;
            letter-spacing: 0.76px;
            text-transform: uppercase;

            &:before {
              border-color: @goldFD transparent transparent transparent !important;
            }
          }
        }
      }

      .td_module_6{
        .td-module-title{
          line-height: 23px;
          letter-spacing: 1.08px;
        }

        .td-post-date{
          color: white;
        }
      }
    }
  }

  .td-sub-footer-container{
    .td-container{
      max-width: 1280px !important;

      .td-sub-footer-copy{
        a{
          color: rgba(253,170,52,0.5);
        }
      }
    }
  }
}

.top-news-row{

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

    .td-pb-span8 {
      @media (max-width: 1018px) and (min-width: 768px) {
        padding-left: 0;
        float: none;
        width: 100%;
        padding-right: 14px !important;
      }
    }

    .td-pb-span4{
      @media(max-width: 1018px) and (min-width: 768px){
        padding-right: 0;
        padding-left: 15px !important;
        float: none;
        width: 100%;
      }

      @media (max-width: 767px){
        padding-left: 0 !important;
      }
  }
}

//Post Sharing on Front Page
.si-social-share {
  float: right;
  position: relative;
  right: 20px;

  .social-icon {
    cursor: pointer;

    &:before{
      content: '';
      position: absolute;
      background: url("images/share-alt.svg") no-repeat;
      width: 18px;
      height: 18px;

    }

    &:hover:before {
      background: url("images/share-alt-gold.svg") no-repeat;
    }
  }

  .social-widget {
    display: none;
    width: 83px;
    position: absolute;
    right: 30px;
    bottom: -27px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.4);
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,.4);
    background-color: @white;
    .rounded-corners(3px);

    &:after {
      content: '';
      width: 0;
      height: 0;
      .vertical-align(absolute);
      border-top: 6px solid transparent;
      border-left: 10px solid @white;
      border-bottom: 6px solid transparent;
    }

    &:before {
      content: '';
      width: 0;
      height: 0;
      .vertical-align(absolute);
      right: -14px;
      border-top: 8px solid transparent;
      border-left: 14px solid rgba(0,0,0,.5);
      border-bottom: 8px solid transparent;
    }

    ul {
      li {
        text-align: center;
        margin-top: 5px !important;

        &.heateor_sss_facebook_share {
          div {
            span, iframe {
              width: 73px !important;
              height: 20px !important;
            }
          }
        }

        div {
          span {
            .rounded-corners(3px);
          }
        }
      }
    }
  }
}

.td-editor-date{
  margin-top: 10px;
}

.life-style{
  .si-social-share {
    right: 45px;

    .social-icon:before {
      background: url("images/share-alt-white.svg") no-repeat;

    }

    .social-icon:hover:before {
      background: url("images/share-alt-gold.svg") no-repeat;
    }
  }

  .td-post-date{
    color: @white !important;
  }

  .td-image-container{
    &:before{
      content: '';
      right: 0;
      top: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: black;
      opacity: 0.3;
      z-index: 1;

    }
  }
}

/*Homepage
most popular news*/
.most-viewed-wrapper {
  .nav-filters-most-viewed {
    width: 100%;

    .nav-filters-tab {
      margin: 0;
      list-style-type: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;

      li {
        position: relative;
        padding: 14px 0 14px 45px;
        margin: 0;
        width: 50%;
        cursor: pointer;

        span {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          display: block;
          font-size: 14px;
          color: #848484;

          &:before{
            left: -30px;
            content: "";
            width: 15px;
            height: 15px;
            .vertical-align(absolute);
            background: url('images/plus-circle-grey.svg') no-repeat;
          }
        }

        &:hover {
          background-color: @light-blueE5;

          span{
            color: @blue1D;

            &:before{
              background: url('images/plus-circle-blue.svg') no-repeat;
            }
          }
        }

        &.active {
          background-color: @light-blueE5;
          display: block;
          cursor: inherit;

          span {
            font-weight: 600;
            color: @blue1D;

            &:before{
              background: url('images/plus-circle-blue.svg') no-repeat;
            }
          }
        }
      }
    }
  }

  .list-most-viewed-container {
    .list-most-viewed {
      margin: 0;
      width: 100%;
      list-style-type: none;


      li{
        transition: opacity 1s ease-out;
        opacity: 0;
        height: 0;
        overflow: hidden;
      }

      &.active {

        li{
          background-color: @light-blueE5;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 0;
          padding: 10px 0;
          opacity: 1;
          height: auto;
        }

        .post-date {
          padding: 0 21px;
        }

        .post-title {
          font-weight: 600;
          padding-right: 21px;

          span {
            color: @blue1D;

            &:hover{
              color: @goldFD;
            }
          }
        }

        .post-title:first-letter {
          text-transform: capitalize;
        }

        span {
          color: @blue1D;
        }
      }
    }
  }
}
/* Sign up slider*/
#sign-now-slider_wrapper {
  #sign-now-slider {
    .tp-bullets {
      @media (max-width: 778px) {
        display: none;
      }

      @media (max-width: 1018px) and (min-width: 768px) {
        transform: matrix(1, 0, 0, 1, -10, -16) !important;
      }
    }
  }

  &.hide-slider {
    display: none !important;
  }
}

/*Breaking News*/
.breaking-news-row {
  display: none;

  .td_block_wrap {
    margin-bottom: 0 !important;
  }

  .breaking-news-container {
    //display: none;
  }

    .breaking-news-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 50px;

      @media(max-width: 767px) {
        display: block;
      }

    .breaking-news-title {
      background-color: @blue1D;
      padding: 0 3px;
      min-width: 140px;
      position: relative;

      @media(max-width: 767px) {
        margin: auto;
        padding: 15px 3px;
      }

      span {
        .vertical-align(absolute);
        font-size: 12px;
        color: white;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0.48px;
      }
    }

    .breaking-news-slider {
      overflow: hidden;
      width: 100%;
      position: relative;
      background-color: @light-blueE5;

      .owl-stage-outer {
        overflow: hidden;
        margin-left: 25px;
        margin-right: 80px;
        padding: 15px 0;

        @media(min-width: 768px ) {
          top: 50%;
          position: relative;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          margin-right: 80px;
        }
        .owl-stage {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;

          .owl-item {
            margin-right: 120px;

            .single-new-hour {
              font-weight: 500;
              font-size: 13px;
              padding-right: 10px;
              color: #516EAB;
            }

            a {
              font-size: 13px;
              color: #444444;

              &:hover {
                color: @goldFD;
              }
            }

            span{
              font-size: 13px;
              color: #444444;
            }
          }
        }
      }

      .owl-nav {

        button:not(.btn-disabled) {
          -webkit-appearance: none;
          padding: 0 !important;
          /* border: 0; */
          border: 1px solid @blue1D;
          background: white;
          border-radius: 50%;
          height: 25px;
          width: 25px;
          outline: none;

          &:hover{
            border: 1px solid @goldFD;
          }

          span {
            padding-left: 3px;
            color: @blue1D;
            font-size: 20px;
          }
        }

        .owl-next {
          .vertical-align(absolute);
          right: 15px;
        }

        .owl-prev {
          .vertical-align(absolute);
          right: 48px;
        }

        .btn-disabled{
          -webkit-appearance: none;
          padding: 0 !important;
          border: 1px solid #E5EEF8;
          background: white;
          border-radius: 50%;
          height: 25px;
          width: 25px;
          outline: none;
          cursor: inherit;

          span {
            padding-left: 3px;
            color: #E5EEF8;
            font-size: 20px;
          }
        }
      }
    }
  }
}

.news-row-2{
  .td-block-row{
    .td-block-span6:first-child{
      padding-right: 15px !important;
    }

    .td-block-span6:nth-child(2){
      padding-right: 0 !important;
      padding-left: 15px !important;
    }
  }
}
.news-row-3{
  .td-block-row{
    .td-block-span4:first-child{
      padding-right: 15px !important;
    }

    .td-block-span4:nth-child(2){
      padding-right: 15px !important;
      padding-left: 15px !important;
    }

    .td-block-span4:nth-child(3){
      padding-right: 0 !important;
      padding-left: 15px !important;
    }
  }
}

.td-block-title-wrap{
  .td-block-title{
    font-size: 19px !important;
    font-family: "Roboto" !important;
    font-weight: 500 !important;
    line-height: 18px;
    letter-spacing: 0.76px;
    text-transform: uppercase;
  }
}

/* Opinion news component */
#full-width-row {
  padding: 45px 0;

  .td-image-container{
    span.entry-thumb.td-thumb-css{
      width: 110px !important;
      height: 110px !important;
      border-radius: 50% !important;
      .horizontal-align(absolute);
    }
  }

  .opinion-tab {
    text-align: center;

    .td-author-name {
      letter-spacing: 0.52px;
      line-height: 18px;
      font-weight: 300;
      font-size: 13px;
      color: #848484;
      font-family: "Roboto" !important;

      a{
        color: #848484;

        &:hover{
          color: @goldFD;
        }
      }
    }

    .td-opinion {
      margin-top: 10px;

      a {
        color: @white;
        font-family: "Roboto Condensed";
        letter-spacing: 0.72px;
        line-height: 23px;
        font-weight: bold;
        font-size: 18px;
        font-style: italic;

        &:hover {
          color: @goldFD;
        }
      }
    }

    .td-post-tags {
      margin-top: 10px;
      color: @goldFD;
      text-transform: uppercase;
      font-family: "Roboto Condensed";
      letter-spacing: 0.52px;
      line-height: 18px;
      font-weight: 500;
      font-size: 13px;

      a {
        color: @goldFD;
        text-transform: uppercase;
        font-family: "Roboto Condensed";
        letter-spacing: 0.52px;
        line-height: 18px;
        font-weight: 500;
        font-size: 13px;

        &:hover {
          color: @white;
        }
      }
    }

    .td-excerpt{
      color: #848484;
      font-family: "Roboto";
      letter-spacing: 0.72px;
      line-height: 20px;
      font-weight: 500;
      font-size: 12px;
      margin-bottom: 20px;
    }

    .td-author {
      .td-author-photo {
        margin-bottom: 10px;

        &.avatar {
          width: 126px;
          height: 126px;
        }
      }
    }

    .td-author-date{
      color: #848484;
      font-family: "Roboto";
      letter-spacing: 0.44px;
      line-height: 18px;
      font-weight: 300;
      font-size: 11px;
      margin-bottom: 25px;
    }

    .td-module-title {
      margin: 10px 0;
      a {
        color: #848484;

        &:hover{
          color: @goldFD;
        }
      }
    }

    .td-read-more-plus {
      background-image: url("images/plus-circle-yellow.svg");
      width: 25px;
      height: 25px;
      margin: auto;
      margin-top: 45px;

      &:hover {
        background-image: url("images/plus-circle-white.svg");
        width: 25px;
        height: 25px;
        margin: auto;
        margin-top: 45px;
      }
    }
  }
}



/*Society news */
.society-middle-column-container {
  .td_module_flex_1{
    display: none;
  }
}

.society-last-column{
  .td-block-title{
    visibility: hidden;
  }
}

/* Contact Page */

.contact-tittle{
  font-family: "Roboto Condensed" !important;
}

.contact-offices{
  h3{
    margin-top: 27px;
    margin-bottom: 22px;
  }

  .office-adress{
    color: @blue1D;
    font-weight: bold;
  }
}

.wpcf7 {
  .wpcf7-form {
    max-width: 515px;

    @media(max-width: 768px){
      max-width: 100%;
    }

    .cv-form-field-name, .cv-form-field-email,
    .cv-form-field-phone, .cv-form-field-subject,
    .cv-form-field-message {
      font-size: 12px;
      line-height: 30px;
      letter-spacing: 0.72px;
      font-weight: 700;
      color: @blue1D;
    }

    .cv-form-field-email,
    .cv-form-field-phone{
      @media(min-width: 768px) {
        width: 48%;
      }
    }

    .cv-form-field-checkbox{
      position: relative;
    }

    input[type=text], input[type=url],
    input[type=tel], input[type=email], textarea {
      color: @blue1D;
      border: none;
      background-color: @light-blueE5;
    }

    .cv-form-row {
      @media(min-width: 768px) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
    }

    .cv-form-field-checkbox{
      .gdpr{
        font-size: 10px;
        letter-spacing: 0.6px;
        line-height: 30px;
        font-weight: 300;
        padding-left: 20px;

        &:before{
          content: '';
          width: 11px;
          height: 11px;
          border: 1px solid @blue1D;
          position: absolute;
          left: 0;
          top: 9px;
          cursor: pointer;
          opacity: 0.7;
        }

        &:after{
          content: '';
          width: 5px;
          height: 5px;
          background-color: @blue1D;
          position: absolute;
          left: 3px;
          top: 12px;
          display: none;
          cursor: pointer;
        }

        &.checked:after{
          display: block;
          opacity: 0.7;
        }
      }

      input[type=checkbox] {
        opacity: 0;
      }
    }

    .cv-form-field-submit {
      text-align: right;

      input[type=submit] {
        width: 188px;
        font-size: 16px;
        letter-spacing: 0.64px;
        line-height: 18px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 500;
        font-style: italic;
      }

      .ajax-loader{
        display: none;
      }
    }
  }
}

/* Categories Page*/

.category-vertical-news, .home-vertical-news{
  .td_module_flex_4, .td_module_flex_3{
    .td-module-meta-info{
      position: relative;

      .si-social-share{
        display: none;
      }

      .td-editor-date{
        position: absolute;
        bottom: 0;
        margin: 0;
      }
    }
  }

  .td_module_flex_1{
    .si-social-share{
      display: none;
    }
  }
}

.home-vertical-news{
  @media(min-width: 768px){
    padding-top: 60px;
  }
}

/*News Detail*/
.news-detail {
  .td-main-content {
    @media(max-width: 1018px) and (min-width: 768px){
      padding-right: 0;
      padding-left: 0;
      float: none;
      width: 100%;
    }

    .share-tab {
      position: relative;

      .blog-print:before {
        content: "";
        position: absolute;
        top: 7px;
        right: 0;
        background: url("images/print.svg");
        width: 24px;
        height: 24px;
        display: block;
        cursor: pointer;
      }
    }
  }

  .td-main-sidebar{
    @media(max-width: 1018px) and (min-width: 768px){
      padding-right: 0;
      padding-left: 0;
      float: none;
      width: 100%;
    }
  }

  .td-module-meta-info{
    .td-post-author-name{
      span{
        color: #444;
      }
    }
  }
}


/*Generic styles*/
.tdc-row{
  @media(min-width: 1300px){
      width: 1280px !important;
  }
}

.home{
  .td-crumb-container, .td-page-header{
    display: none;
  }
}

.td-post-date{
  letter-spacing: 0.52px;
  font-size: 13px;
  line-height: 18px;
  //color: #848484 !important;
  font-weight: 300;
}

#ad_pos_full_width_banner{
  text-align: center;
}

.td-page-header{
  .entry-title.td-page-title{
    margin: 20px 0 50px 0;
  }
}

#td-outer-wrap{
  .td-container{
    @media (min-width: 1320px) {
      width: 1280px;
    }

    .sidebar-ads{
      @media (min-width: 768px) {
        padding-left: 30px;
      }
    }
  }

  .category-title h1{
    margin-top: 26px;
    margin-bottom: 0;
    font-size: 40px;
    letter-spacing: 1.6px;
    line-height: 1;
    font-weight: 900;
    font-style: italic;
    color: @blue1D;
    text-transform: uppercase;
  }

  .td-crumb-container {
    padding-top: 50px;

    .entry-crumbs {
      margin-bottom: 0;

      .entry-crumb {
        font-family: "Roboto";
        letter-spacing: 0.4px;
        color: #9AB1CB;
        opacity: 0.54;
        text-transform: uppercase;

        &:hover {
          opacity: 1;
        }
      }

      .td-bred-no-url-last {
        font-family: "Roboto";
        letter-spacing: 0.4px;
        color: #9AB1CB;
        text-transform: uppercase;
      }

      .td-icon-right:before {
        font-size: 12px;
        content: "|" !important;
        color: #9AB1CB;
      }
    }
  }

  .td-ss-main-content {
    .td-post-date {
      color: #848484;
    }
  }
}

.archive{
  .td-category-header{
    .td-page-title{
      display: none;
    }
  }
}

.custom-quotes h3{
  font-family: "Roboto";
  letter-spacing: 1.8px;
  color: @goldFD;
  line-height: 40px;
  font-size: 30px;
  font-style: italic;
  font-weight: 500 !important;
}
#td-header-search-top{
  background-color: @blue1D;

  &:hover{
    background-color: @goldFD;
  }
}

.IE{
  #full-width-row{
    .td_module_flex_5{
      display: inline-block !important;
    }
  }
}

.Firefox{
  .owl-stage-outer{
    top: 0 !important;
    position: relative;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}

.seo-tag-top-stories{
  display: none;
}

.td-menu-background:before, .td-search-background:before{
  opacity: 1 !important;
  background: @blue1D !important;
}



/* Login backoffice page*/
body.login{
  background: @blue1D !important;
}

body.login div#login h1 a{
  width: 200px;
  background:  url("images/logo.svg") no-repeat !important;
}

.td-banner-wrap-full.td-container-wrap.td_stretch_container.td_stretch_content_1200{
  text-align: center;
}

.td-affix .sf-menu > li:hover > a:after{
  background-color: @white !important;
  opacity: 0.5 !important;
}

// RECAPTCHA HACK
.grecaptcha-badge {
  display: none !important;
}

.ad_pos_top_leaderboard_1280x100{
  @media(min-width: 1300px){
    //display: block !important;
  }

  @media(max-width: 1299px){
    display: none !important;
  }
}

.ad_pos_top_tablet{
  @media(min-width: 1300px){
    display: none !important;
  }

  @media(max-width: 767px){
    display: none !important;
  }

  @media(max-width: 1299px) and (min-width: 768px){
    margin-left: -10px;
    margin-right: -10px;
    //display: block !important;
  }
}

.ad_pos_top_mobile, .ad_pos_top_mobile_new_300x150{
  @media(min-width: 768px){
    display: none !important;
  }

  @media(max-width: 767px){
    margin-top: 20px;
    //display: block !important;
  }
}

.ad_pos_bottom_banner_new{
  @media(min-width: 1300px){
    //display: block !important;
  }

  @media(max-width: 1299px){
    display: none !important;
  }
}

.ad_pos_bottom_tablet{
  @media(min-width: 1300px){
    display: none !important;
  }

  @media(max-width: 767px){
    display: none !important;
  }

  @media(max-width: 1299px) and (min-width: 768px){
    margin-left: -10px;
    margin-right: -10px;
    //display: block !important;
  }
}

.ad_pos_bottom_mobile{
  @media(min-width: 768px){
    display: none !important;
  }

  @media(max-width: 767px){
    margin-right: -30px;
    margin-left: -30px;
    margin-top: 20px;
  }
}

body{
  .modal{
    .modal__container{
      max-width: 75vw;
      position: relative;
      padding: 0;
      background-color: transparent;
      overflow: hidden;

      .modal__header{
        position: absolute;
        right: 5px;
        top: 5px;

        button{
          outline: none;

          &:before{
            color: @white;
            font-size: 20px;
          }
        }
      }

      .modal__content{
        text-align: center;
        overflow: hidden;
        margin: 0;
        line-height: 1;

        .tablet-content, .mobile-content{
          display: none;
        }

        img{
          overflow: hidden;
          max-height: 70vh;
          width: auto;
          max-width: 70vw;
        }
      }

      @media(max-width: 1023px) and (min-width: @screen-sm-min){
        max-height: 96vh;
        max-width: 96vw;

        .modal__content{
  
          &.has-tablet{
            .tablet-content{
              display: block;
            }

            .desktop-content{
              display: none;
            }
          }
  
          img{
            max-height: 95vh;
            max-width: 95vw;
          }
        }
      }

      @media(max-width: @screen-xs-max){
        max-height: 95vh;
        max-width: 95vw;

        .modal__header{
          position: absolute;
          right: 0;
          top: 0;

          button{
            outline: none;
          }
        }

        .modal__content{
          &.has-mobile{
            .mobile-content{
              display: block;
            }

            .desktop-content, .tablet-content{
              display: none;
            }
          }

          img{
            max-height: 95vh;
            max-width: 95vw;
          }
        }
      }
    }


    &.popup-type-ads{
      @media(max-width: 1023px) and (min-width: @screen-sm-min){
        &.no-tablet{
          display: none !important;
        }
      }
  
      @media(max-width: @screen-xs-max){
        &.no-mobile{
          display: none !important;
        }
      }
    }
  }

  &.single-post {
    .td-social-whatsapp {
      display: inline-block;
    }
  }
  .td-header-menu-social {
    display: none;
  }
  &.body-td-affix {
    .td-header-menu-social {
      display: block;
      padding-right: 20px;
    }
  }
  
  @media(min-width: @screen-sm) {
    .menu-item-gtranslate {
      display: none;
    }
  }
  @media(max-width: @screen-sm) {
    .td-mobile-main-menu {
      display: flex;
      flex-wrap: wrap;
      .menu-item {
        width: 100%;
      }
      .menu-item-gtranslate {
        width: 40px;
      }
    }
    #gtranslate_wrapper {
      display: none;
    }
    &.body-td-affix {
      .td-header-menu-wrap {
        .td-container {
          .tdm-menu-btns-socials {
            .td-header-menu-social {
              display: none;
            }
          }
        }
      }
    }
  }

  
  
  
  
}