/*

ThemeName |-> Staff Post

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

/* Header */
$topbar_height: 37px;

$header: 'style-1';
$header_height: 53px;

/* Footer */
$footer_style: center;

$about_us_social_icon_font_size: 17px;
$about_us_social_icon_size: 37px;

@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;
}

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

/* Site Header */
.site-header.header-style-1 {
  position: relative;

  .topbar {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -46px;

	.better-social-counter.style-button {
	  .social-item {
		margin: 0 4px;

		.item-icon {
		  height: 37px;
		  line-height: 37px;
		  width: 37px;
		  border-radius: 100%;
		  font-size: 17px;
		}
	  }
	}
  }

  .main-menu-wrapper {
	border-top: none;
	border-bottom-width: 1px !important;

	.main-menu.menu {
	  & > li {
		& > a {
		  &:before {
			height: 1px;
			bottom: 2px;
		  }
		}
	  }
	}
  }
}

/* Section Heading */
.section-heading.sh-t6.sh-s14 {
  margin-bottom: 20px;

  &:before {
	background-color: rgba(0, 0, 0, 0.08) !important;
  }

  .h-text {
	padding: 0 15px !important;
	font-style: italic;

  }
}

.section-heading.sh-t2.sh-s1 {
  &:before {
	display: none;
  }

  .h-text {
	font-style: italic;
  }
}

/* Mix 7 */
.listing-mix-3-1 {
  .listing-grid-1 {
	border-bottom: solid 1px rgba(0, 0, 0, 0.08);
	padding-bottom: 5px;
  }

  .listing-item-tb-1 {
	border-bottom: solid 1px rgba(0, 0, 0, 0.08);
	padding-bottom: 20px;
	margin-bottom: 20px;

	&:last-child {
	  border-bottom: none;
	  padding-bottom: 0;
	}
  }
}

/* Modern grid 8 */
.listing-modern-grid-8.l-4 {
  .listing-mg-8-item.listing-item-2,
  .listing-mg-8-item.listing-item-1 {
	&:before {
	  padding-top: 59%;
	}

	.post-meta {
	  display: block;
	}
  }
}

/* Grid 1 */
.listing-item-grid-1 {
  .featured {
	margin-bottom: 10px;

  }
}

/* Pagination */
.listing-item {
  a.read-more {
	background-color: transparent !important;
	padding: 0;
	font-size: 14px;
	font-weight: 500 !important;
  }

  &:hover .item-inner a.read-more {
	background-color: transparent !important;
  }
}

.bs-pagination.bs-ajax-pagination.more_btn .btn-bs-pagination {
  border-radius: 4px;
  border-color: #000000;
  line-height: 42px !important;
  width: 515px;
  max-width: 100%;

  span {
	color: #000000;
	transition: .3s;
	font-weight: bold;
	font-size: 13px !important;
  }

  &:hover {
	span {
	  color: #FFFFFF;
	}
  }
}

/* Blog Listing 5 */
.listing-item-blog {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.08);

  &:last-child {
	border-bottom: none !important;
  }
}

/* Term Badge */
.term-badges.floated {
  padding: 20px 20px 0;
}

.site-footer {
  .footer-widgets {
	padding: 65px 0 35px;

	.widget {
	  .bs-about {
		.about-title {
		  text-align: center;
		  margin: 0 0 25px;
		}

		.about-icons-list {
		  .about-icon-item {
			margin: 0 4px;

			a {
			  border-radius: 100%;
			  box-shadow: none;
			  background-color: rgba(255, 255, 255, 0.2);

			  &:hover {
				background: rgba(255, 255, 255, 0.3) none !important;
			  }
			}
		  }
		}
	  }
	}
  }

  .copy-footer {
	padding-bottom: 30px;
  }

  .footer-menu-container {
	padding-top: 0;
	margin-bottom: 25px !important;
  }
}