/*

ThemeName |-> Fribourg Blog

*/
@import "../_demo-helper/general";

/* Site Header */
$header: 'style-7';
$header_height: 50px;
$menu_current_bg: transparent;
$menu_current_bg_style: '.header-style-7';

/* Term Badge */
$term_badges: top-center;

/* Footer */
$footer_style: center;

@import "../_demo-helper/helper";

/**
 * => Optimized Fonts
 **/
.bs-about,
.post-meta,
.post-title,
a.read-more,
.post-summary,
.entry-content p,
.btn-bs-pagination,
.bs-listing .title,
.newsletter-subscribe,
.listing-item .title a,
.term-badges.floated a,
.bs-numbered-pagination,
.mega-links > .menu-item a,
ul.menu.footer-menu li > a,
.section-heading > .h-text,
.better-newsticker .heading,
.section-heading a > .h-text,
.site-footer .footer-widgets,
.off-canvas-menu > ul > li > a,
.pagination.bs-links-pagination,
.post-count-badge.pcb-t1.pcb-s1,
.site-header .main-menu > li > a,
.site-header .topbar .topbar-inner,
.better-newsticker ul.news-list li a,
.site-footer .bs-about .about-link a,
.term-badges .term-badge:first-child a,
.site-footer .copy-1, .site-footer .copy-2,
.bs-subscribe-newsletter .subscribe-message,
.footer-widgets .widget_nav_menu ul.menu li a {
  @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;
}

/**
 * => Site Header
 **/
.site-header.header-style-7 {

  .search-container .search-handler {
    top: 0;
    margin-top: 0;
    padding: 0;
    line-height: 50px !important;
    width: 46px;
    height: auto;
    color: #ffffff !important;
  }

  .main-menu-wrapper {
    .main-menu-inner {
      box-shadow: 0 2px 4px rgba(204, 204, 204, 0.2);

      .main-menu-container {
        padding: 0;

        .main-menu {
          text-align: inherit;

          & > li {
            margin-right: 30px;

            & > a {
              padding: 0;
            }
          }
        }
      }
    }
  }
}

/* Section Heading */
.section-heading.sh-t1.sh-s6:after {
  background: none #d8d8d8 !important;
  opacity: 1;
  height: 1px;
  margin-top: 0;
}

/* Block Options */
.post-meta .comments,
.post-meta .post-author {
  font-size: inherit !important;
}

/* Classic Grid 1 */
.listing-item-grid-1 {
  .post-summary {
    border-bottom: none;
  }
}

/* Slider */
.bs-slider-2-item .content-container a.read-more, .bs-slider-3-item .content-container a.read-more {
  background: transparent !important;
  color: #161616;
}

/* Classic Blog 1 */
.listing-classic-2,
.listing-item-grid-2 {
  .post-meta {
    text-align: center;
    position: relative;
    padding: 10px 0;

    .comments {
      float: none;
    }
  }

  .listing-inner a.read-more {
    padding: 11px 62px;
    display: inline-block;
    margin-top: 25px;
  }

  .listing-inner {
    text-align: center;
    background-color: #ffffff;
    padding-bottom: 40px;
    border: none;
    box-shadow: 0 2px 4px rgba(204, 204, 204, 0.25);

    .post-summary {
      text-align: left;
      padding: 0 20px;
    }

    &:hover a.read-more {
      border: solid 1px rgba(0, 0, 0, 0.3);
      background-color: transparent !important;
    }
  }
}

.bs-popular-categories .bs-popular-terms-list {
  padding: 0;
}

/* About us */
.bs-about {
  .about-link {
    a {
      font-size: 10px;
      border-bottom: dashed 1px #d3d3d3;
      padding-bottom: 3px;
      font-weight: bold;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      color: #000000 !important;
    }
  }

  .about-icons-list {
    .about-icon-item {
      margin: 0 4px;

      a {
        border-radius: 100%;
        width: 33px;
        height: 33px;
        box-shadow: none;
        color: #FFFFFF;
        font-size: 13px;
        opacity: .8;

        &:hover {
          background: transparent !important;
          color: #FFFFFF;
          opacity: 1;
        }

        i {
          line-height: 34px !important;
        }
      }
    }
  }
}

/* Pagination */
.listing a.read-more {
  background-color: transparent !important;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-weight: bold !important;

  &:hover {
    color: #000000;
  }
}

a.read-more {
  font-size: 11px !important;
  letter-spacing: 1.2px;
}

.listing-item:hover a.read-more {
  background-color: transparent !important;
}

.btn-bs-pagination {
  padding: 5px 15px;
}

.pagination.bs-links-pagination {
  a {
    font-size: 10px;
    font-weight: bold;
    border: none !important;
    padding: 5px 31px;
    height: auto;
    letter-spacing: 1.2px;
    box-shadow: 0 2px 4px rgba(204, 204, 204, 0.25);

    &:hover {
      color: #ffffff !important;
    }
  }
}

.footer-instagram {
  background-color: #ffffff;
}

/* Footer */
.site-footer {
  .copy-footer {
    padding: 0 0 30px;

    .container .menu li {
      margin: 10px 20px !important;

      a {
        color: #ffffff;
      }
    }

    .footer-menu-wrapper {
      .footer-menu-container:before {
        border-bottom: solid 1px #ebebeb;
      }
    }
  }

  .footer-menu-container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 0 10px;
    margin-bottom: 10px;
  }

}

.footer-instagram-3 {
  margin-bottom: 0;

  .simply-scroll-list li {
    margin: 0;
  }
}

/* Single */
.single-container {
  background-color: #ffffff;
  padding: 0 20px 20px;

  .single-featured {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.post-related {
  background-color: #ffffff;
}

/* RTL */
.rtl {
  .listing-inner {
    .post-summary {
      text-align: right;
    }
  }

  .listing-item-tb-1.has-post-thumbnail .post-count-badge.pcb-t1.pcb-s1 {
    right: -10px;
    left: auto;
  }

  .site-header.header-style-7 .main-menu-wrapper .main-menu-inner .main-menu-container .main-menu > li {
    margin: 0 0 0 30px;
  }
}

