/*

ThemeName |-> Top Stories

*/
@import "../_demo-helper/general";

/* Site Header */
$topbar_height: 38px;

$menu_current_bg_style: '.header-style-2';
$menu_current_bg: transparent;

$header: 'style-2';
$header_height: 46px;

/* Layout & Blocks */
$columns_separator: #e8e8e8;
$columns_separator_padding: 20px;
$blocks_bottom_line: 1px solid #e8e8e8;

/* Widget */
$newsletter_border_radius_inputs: 0;

$about_us_text_align: left;
$about_us_social_icon_size: 37px;
$about_us_social_icon_font_size: 13px;

@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;
}

body.boxed .main-wrap {
  box-shadow: none !important;

  .single-container {
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	padding: 0 5px;
  }
}

.layout-1-col,
.layout-2-col,
.layout-3-col {
  margin-top: 0 !important;
}

.bs-vc-sidebar-column {
  .bsac.bsac-align-center {
	border-bottom: 1px solid #e8e8e8;
  }
}

.bsac,
.widget,
.bs-listing,
.bsp-wrapper,
.bs-shortcode,
.single-container,
.order-detail-wrap,
.order-customer-detail,
.wc-account-content-wrap,
.better-studio-shortcode,
.slider-style-8-container,
.slider-style-2-container,
.slider-style-4-container,
.slider-style-18-container,
.slider-style-16-container,
.slider-style-23-container,
.content-column > div:last-child,
.content-column > div:last-child,
.entry-content .better-studio-shortcode,
.vc_row .vc_column-inner .wpb_content_element {
  padding-bottom: 20px;

  &:last-child {
	padding-bottom: 0 !important;
	border-bottom: none !important;
  }
}

.main-section > .content-column:before,
.main-section > .sidebar-column:before,
.vc_row > .bs-vc-wrapper > .bs-vc-column:before,
.vc_row > .bs-vc-wrapper > .wrapper-sticky > .bs-vc-column:before {
  top: 0 !important;
  bottom: 0 !important;
}

/* Site Header */
.site-header.site-header {
  .content-wrap .container {
	padding: 0 !important;
  }

  .off-canvas-menu-icon .off-canvas-menu-icon-el {
	width: 100%;
  }

  .menu-action-buttons {
	right: 20px;
  }

  .main-menu-wrapper {
	border-bottom-width: 4px !important;
	border-top: none !important;

	.content-wrap {
	  padding: 0;

	  .container {
		padding: 0;
	  }
	}

	.main-menu-container {
	  padding: 0 20px;

	  .main-menu.menu > li {
		margin: 0;

		& > a {
		  padding: 0 23px;
		  line-height: $header_height + 2;
		}
	  }
	}
  }

  .search-container .search-handler {
	line-height: 25px;
  }

  .topbar .topbar-date {
	background-color: transparent !important;
	color: #222222;
	padding: 0 18px 0 0;

	&:after {
	  content: '';
	  position: absolute;
	  width: 1px;
	  height: 16px;
	  background-color: rgba(0, 0, 0, 0.1);
	  top: 50%;
	  margin-top: -10px;
	  right: 0;
	}
  }
}

/* News Ticker */
.better-newsticker {
  .heading {
	border-radius: 2px !important;
	padding: 0 0 0 7px;
	width: 115px;

	&:after {
	  display: none;
	}

	&:before {
	  content: '';
	  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAAqUlEQVQYlXWQMQ4BYRCFP2ujIFFJKNxAo3IATuAEdCqFc2i0OidwBJXOBSQi2UQpoZRs8yn8Gz/WSyaZzHuZmfdQ+VNVdaaSUI4GsAW6AGUbOurBF/rqj6inZkFwLuaxYKTefWNZcBUVYAqsgVr01wY4AhnqQr2Fyv3ETm3F5+rqNRKs1PT7p3kgH+okNlQ0iXpSL+rgO5aiGat7tV2WfhqcNIEhkJfF/wQNRBQ2aLr2XwAAAABJRU5ErkJggg==') no-repeat;
	  width: 9px;
	  height: 12px;
	  display: inline-block;
	  position: relative;
	  left: -6px;
	  top: 2px;
	}
  }

  ul.news-list li.active {
	left: 130px;
  }

  .control-nav span {
	line-height: 20px;
	border-radius: 0;
  }
}

/* Section Heading */
.section-heading.sh-t4.sh-s2 {
  .h-text {
	padding: 4px 10px;
	line-height: normal;
	border-radius: 2px;

	&:after {
	  content: '\f054';
	  position: relative;
	  font: normal normal normal 8px/1 FontAwesome;
	  display: inline-block;
	  margin-left: 4px;
	  top: -1px;
	}
  }
}

/* modern grid 1 */
.listing-modern-grid-1 {
  .listing-mg-1-item.listing-item-2 .title {
	font-size: 74%;
  }
  .listing-mg-1-item.listing-item-3 .title,
  .listing-mg-1-item.listing-item-4 .title,
  .listing-mg-1-item.listing-item-5 .title {
	font-size: 62%;
  }
}

/* Pagination */
.pagination.bs-numbered-pagination {
  .page-numbers,
  span {
	height: 34px;
	line-height: 34px;
	padding: 0 13px;
	border-radius: 4px;
	font-size: 11px;
	color: #000;
	letter-spacing: .4px;
  }

  .wp-pagenavi a:hover,
  .page-numbers:hover,
  .wp-pagenavi .current,
  .current {
	color: #FFFFFF;
  }
}

.bs-pagination.bs-ajax-pagination.more_btn {
  .btn-bs-pagination {
	line-height: 34px !important;
	height: 34px;
	padding: 0 35px;
	border-radius: 3px;
	border-color: #e5e5e5;

	span {
	  color: #000000;
	  transition: .3s;
	}

	&:hover {
	  span {
		color: #FFFFFF;
	  }
	}

	&.bs-pagination-in-loading {
	  span {
		color: #ffffff !important;
	  }
	}

	&.disabled {

	  &:hover {
		span {
		  color: #000000;
		}
	  }
	}
  }
}

/* Social */
.better-social-counter.style-modern {
  .social-item {
	padding-bottom: 0;
	border-bottom: none;

	.item-icon {
	  border-radius: 3px;
	}
  }
}

/* Light Text */
.bs-light-scheme {
  .section-heading.sh-t4 > .h-text {
	color: #000000 !important;
	background-color: #ffffff;

	&:after {
	  background-color: #FFFFFF !important;
	  color: #000000 !important;
	}
  }

  .listing-mg-5-item-big .content-container {
	background-color: #222222 !important;
  }
}

/* Mix 1 */
.bs-listing-listing-mix-1-4,
.bs-listing-listing-mix-1-1 {
  .listing-item-grid-1 {
	.post-summary {
	  margin-bottom: 10px;
	}
  }

  .bs-pagination {
	margin-top: 0;
  }
}

/* Popular Category */
.bs-popular-categories .bs-popular-terms-list {
  padding: 0 !important;
}

/* Site Footer */
.site-footer {
  .copy-footer {
	.footer-copy-row,
	.footer-menu-wrapper {
	  padding: 0 10px;

	  ul.menu.footer-menu > li {
		margin-right: 37px;
	  }
	}
  }

  .footer-menu-container {
	margin-bottom: 20px;
  }

  .footer-widgets {
	.widget_nav_menu ul.menu {
	  font-size: 0;

	  li {
		display: inline-block;
		width: 50%;
		font-size: 14px;
		margin-bottom: 7px;

		a {
		  padding: 2px 0;
		  border: none;
		  background-color: transparent !important;
		  font-size: 14px;
		  border-radius: 3px;

		  &:hover {
			background-color: rgba(255, 255, 255, 0.09) !important;
		  }

		  &:before {
			font-size: 0;
			position: relative;
			width: 3px;
			height: 3px;
			background-color: #ffffff;
			border-radius: 100%;
			top: 7px;
		  }
		}
	  }
	}

	& > .content-wrap {
	  padding: 0 10px;
	}

	&.light-text {
	  .bs-about .about-icons-list .about-icon-item a {
		box-shadow: none !important;
		background-color: rgba(255, 255, 255, 0.1);
		border-radius: 3px;

		&:hover {
		  background: none rgba(255, 255, 255, .2);
		}
	  }

	  .section-heading.sh-t4.sh-s2 {
		.h-text {
		  color: #000000;
		  background-color: #FFFFFF;
		}
	  }

	  .post-meta, .post-meta a {
		color: rgb(255, 255, 255);
	  }
	}
  }
}