/*

ThemeName |-> News Board

*/
@import "../_demo-helper/general";

// Page Layouts
$columns_separator_padding: 20px;
$columns_separator: rgba(0, 0, 0, 0.08);
$layout_boxed_padding: 15px;

/* Footer */
$about_us_text_align: left;
$about_us_social_icon_font_size: 15px;

@import "../_demo-helper/helper";

/**
 * => Optimized Fonts
 **/
.heading,
.bs-about,
.post-meta,
.post-title,
a.read-more,
.post-summary,
.entry-content p,
.bs-listing .title,
.listing-item .title a,
.term-badges.floated a,
.bs-numbered-pagination,
ul.menu.footer-menu li > a,
.section-heading > .h-text,
.bf-breadcrumb.bc-top-style,
.section-heading a > .h-text,
.off-canvas-menu > ul > li > a,
.site-header .main-menu > li > a,
.better-newsticker ul.news-list li,
.site-header .topbar .topbar-inner,
.better-social-counter.style-style-8,
.term-badges .term-badge:first-child a,
.site-footer .copy-1, .site-footer .copy-2,
.bs-subscribe-newsletter .subscribe-message,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.widget.widget_bs-subscribe-newsletter .newsletter-subscribe,
.section-heading.sh-t3 .main-link:first-child:last-child .h-text {
  @include optimize_font;
}

/**
 * => General style
 **/
a, a:focus, a:hover {
  text-decoration: none;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

body.boxed .main-wrap {
  box-shadow: none !important;
}

.layout-1-col, .layout-2-col, .layout-3-col {
  margin-top: 3px !important;
}

/* Site Header */
.site-header.header-style-2.boxed {
  .off-canvas-menu-icon .off-canvas-menu-icon-el {
    width: 100%;
  }

  .search-container .search-handler {
    line-height: 22px;
  }

  .header-inner {
    & > .content-wrap {
      padding: 0 3px;
    }
  }

  .topbar > .content-wrap {
    padding: 0 3px;

    .topbar-date {
      padding: 2px 20px 0 0;

      &:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 17px;
        background-color: #ffffff;
        opacity: .3;
        position: relative;
        right: -17px;
        top: 3px;
      }

      &:before {
        content: '\f017';
        display: inline-block;
        font: normal normal normal 13px/1 FontAwesome;
        position: relative;
        top: 0;
        margin-right: 4px;
      }
    }
  }

  .main-menu-wrapper {
    .main-menu-inner {
      & > .content-wrap {
        padding: 0 3px;

        .main-menu-container {
          border-top-width: 3px;

          & > .main-menu {
            & > li {
              margin: 0;

              & > a {
                padding: 0 16px;
                font-weight: 400 !important;

                &:before {
                  top: -3px;
                  bottom: auto;
                  height: 3px;
                }
              }
            }
          }
        }
      }
    }
  }
}

/* News Ticker */
.better-newsticker {
  max-height: 100%;
  height: 43px;

  &:after,
  &:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background-color: #ffffff;
    left: 17px;
    top: 50%;
    margin-top: -2px;
    z-index: 2;
  }

  &:after {
    opacity: .6;
    transform: scale(.8);
    z-index: 1;
    animation: wave 3s infinite;
  }

  @keyframes wave {
    from {
      opacity: .8;
      transform: scale(.8);
    }

    to {
      transform: scale(5);
      opacity: 0;
    }
  }

  .heading {
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 0;
    width: 160px;
    padding-left: 25px;

    &:after {
      content: '\f105';
      display: inline-block;
      font: normal normal normal 18px/1 FontAwesome;
      border: none;
      position: static;
      margin-left: 10px;
    }

    &:before {
      content: '';
      display: inline-block;
      border-top: 44px solid transparent !important;
      border-left: 17px solid transparent;
      border-bottom: 0 solid transparent;
      position: absolute;
      margin-top: -6px;
      bottom: 0;
      left: 100%;
    }
  }

  &.bs-light-scheme {
    ul.news-list li a {
      color: #FFFFFF;
    }
  }

  ul.news-list {
    li {
      height: 43px;
      line-height: 42px;
      left: 220px;

      &.active {
        left: 210px;
      }

      a {
        font-weight: 400;

        &:hover {
          color: #FFFFFF !important;
        }
      }
    }
  }

  .control-nav.control-nav {
    margin: 10px 10px 0 0;

    span {
      border-radius: 0;
      background-color: transparent;
      color: #ffffff;
      border-color: rgba(255, 255, 255, 0.4);
      font-size: 16px;
      height: 22px;
      width: 22px;
      line-height: 19px;

      i {
        line-height: 19px !important;
      }

      &:hover {
        border-color: rgba(255, 255, 255, 0.4);
        background-color: rgba(255, 255, 255, 0.2) !important;
      }
    }
  }
}

/* Modern Grid 8 */
.listing-modern-grid-8 {
  .listing-mg-8-item {
    .title {
      line-height: 1.1;
    }

    &.listing-item-2 .title {
      font-size: 67%;
    }

    &.listing-item-3 .title,
    &.listing-item-4 .title {
      font-size: 50%;
    }

    &.listing-item-5 .title {
      font-size: 70%;
    }
  }
}

/* Grid 1 */
.listing-grid.listing-grid-1.columns-2 {
  .listing-item:nth-last-child(1),
  .listing-item:nth-last-child(2) {
    margin-bottom: 0;

    .post-summary {
      border-bottom: none;
      padding-bottom: 0;
    }
  }
}

/* Section Heading */
.section-heading.sh-t7.sh-s1 {
  &:before {
    top: 0;
    height: 100%;
    max-height: 26px;
    margin-top: 0;
  }

  & .h-text {
    line-height: 26px;

    &:last-child:first-child:before {
      width: 17px;
      height: 17px;
    }
  }
}

/* Popular Category */
.bs-popular-categories .bs-popular-terms-list {
  padding: 0;
}

/* Footer */
.site-footer {
  .bs-about {
    .about-icons-list {
      .about-icon-item {
        a {
          opacity: .5;
          box-shadow: none !important;

          &:hover {
            background: none transparent !important;
          }
        }
      }
    }
  }

  .section-heading.sh-t3.sh-s1 {
    margin-bottom: 15px;

    &:after {
      height: 1px;
      opacity: .15;
    }

    .h-text {
      padding-bottom: 13px;
    }
  }

  .widget.widget_nav_menu ul.menu li > a {
    opacity: .5;

    &:hover {
      opacity: 1;
    }
  }

  .footer-menu-container {
    border-top: solid 1px rgba(255, 255, 255, 0.13);
    border-bottom: solid 1px rgba(255, 255, 255, 0.13);
    margin-bottom: 25px;

    ul.menu.footer-menu > li {
      margin-right: 35px;
    }
  }

  .footer-widgets {
    padding: 45px 0 5px;
  }
}

body .widget.widget_nav_menu ul.menu li > a {
  border: none;
  padding: 0;
  font-weight: 400 !important;
  font-size: 13px;

  &:before {
    display: none;
  }

  &:hover {
    background-color: transparent !important;
  }
}

/* RTL */
.rtl {
  &.boxed .bs-vc-content > .vc_row > .bs-vc-wrapper {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .site-header.header-style-2.boxed .topbar > .content-wrap {
    .topbar-date {
      padding: 2px 0 0 20px;

      &:before {
        margin-right: 0;
        margin-left: 4px;
      }

      &:after {
        left: -17px;
        right: auto;
      }
    }
  }

  .better-newsticker {
    &:after,
    &:before {
      right: 17px;
      left: 0;
    }

    .control-nav.control-nav {
      margin: 10px 0 0 10px;
    }

    .heading {
      padding-left: 0;
      padding-right: 25px;

      &:before {
        left: auto;
        right: 100%;
        transform: rotateY(180deg);
      }

      &:after {
        margin-left: 0;
        margin-right: 10px;
      }
    }

    ul.news-list li {
      right: 220px;
      left: auto;

      &.active {
        right: 210px;
        left: auto;

      }
    }
  }

  .section-heading.sh-t7 {
    & > .main-link > .h-text {
      padding: 0 25px 0 15px;
    }

    & > .h-text:last-child:first-child {
      padding: 0 25px 0 15px;
    }
  }
}