/*

ThemeName |-> People Magazine

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

// Header
$menu_current_bg_style: '.header-style-2';
$menu_current_bg: rgba(255, 255, 255, 0.18);
$menu_current_text_color: #ffffff;
//Footer
$footer_style: 'center';
// Other Widget
$about_us_text_align: 'left';

@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,
ul.menu.footer-menu li > a,
.section-heading > .h-text,
.section-heading a > .h-text,
.off-canvas-menu > ul > li > a,
.post-count-badge.pcb-t1.pcb-s1,
.site-header .main-menu > li > a,
.better-newsticker ul.news-list li,
.site-header .topbar .topbar-inner,
.term-badges .term-badge:first-child a,
.site-footer .copy-1, .site-footer .copy-2,
.bs-subscribe-newsletter .subscribe-message,
.widget_bs-subscribe-newsletter .bs-subscribe-newsletter:after,
.footer-widgets.light-text .widget.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;
}

/**
 * => Page Layout
 **/
.single-container > .row.vc_row,
.content-container {
  & > .bs-vc-wrapper,
  & > .container > .main-section {
	background-color: #ffffff;
	margin: 0 20px;
	padding: 0 10px;
  }
}

.single-container > .row.vc_row:nth-child(1),
.single-container > .row.vc_row:nth-child(2),
.single-container > .row.vc_row:nth-child(3) {
  & > .bs-vc-wrapper {
	padding: 30px 10px 0;
  }
}

.content-container {
  & > .container > .main-section {
	margin: 0;
  }
}

.single-container > .row.vc_row.vc_row-has-fill {
  & > .bs-vc-wrapper {
	padding: 0;
  }
}

/**
 * => Header
 **/
.site-header.header-style-2 {
  .main-menu-wrapper {
	border: none;
  }

  .off-canvas-menu-icon .off-canvas-menu-icon-el {
	margin: 9px 0 0;
	width: 100%;
  }

  .main-menu.menu .better-custom-badge {
	top: -9px;
  }

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

/**
 * => Newsletter
 **/
.better-newsticker.better-newsticker {
  .heading {
	color: #1a1a1a;
	background-color: transparent !important;
	text-transform: capitalize !important;
	font-size: 14px;
	width: 85px;
	font-weight: 500;

	&:after {
	  border-top-width: 10px;
	  border-left-width: 11px;
	  border-bottom-width: 0;
	  right: auto;
	  left: 0;
	  top: 50%;
	  margin-top: -6px;
	  transform: rotateY(180deg);
	}

	&:before {
	  content: "\f105";
	  font: normal normal normal 14px/1 FontAwesome;
	  position: absolute;
	  top: 5px;
	  right: 2px;
	}
  }

  ul.news-list li {
	top: 1px;

	&.active {
	  left: 95px;
	}
  }
  .control-nav span {
	border-radius: 0;
	line-height: 21px;
	border-color: #dadada;

	.fa {
	  color: #dadada;
	}

	&:hover {
	  border-color: transparent;

	  .fa {
		color: #ffffff;
	  }
	}
  }
}

/**
 * => Section Heading
 *
 * > Section Heading 29
 *
 **/
.section-heading.sh-t6.sh-s7 {
  & > .main-link > .h-text:before,
  & > a:last-child:first-child > .h-text:before,
  & > .h-text:last-child:first-child:before {
	display: none;
  }

  & > .h-text:last-child:first-child {
	padding: 4px 29px 4px 15px;
	text-transform: capitalize;
  }

  &:before {
	height: 22px;
	bottom: 0;
	top: auto;
	transform: none;
  }

  & > .other-link {
	position: relative;
	top: 6px;

	&:hover > .h-text {
	  color: #000000 !important;
	}
  }
}

/**
 * => Modern Grid 1 & 2
 **/
.listing-modern-grid-1 {
  .mg-row-1 {
	.listing-item {
	  .title {
		font-size: 76%;
		line-height: 30px;
	  }
	}
  }

  .mg-row-2 {
	.listing-item {
	  .title {
		font-size: 52%;
	  }
	}
  }
}

.listing-modern-grid-2 {
  .mg-row-1,
  .mg-row-2 {
	.listing-item {
	  .title {
		font-size: 52% !important;
	  }
	}
  }
}

/**
 * => Modern Grid 3
 **/
.listing-mg-3-item.bsw-400 {
  .item-content:before {
	padding-top: 58% !important;
  }
}

/**
 * => Term Badge
 **/
.ltr {
  .bs-listing-modern-grid-listing-1 {
	.term-badges.floated {
	  left: 22px;
	}
  }
}

.ltr {
  .bs-listing-modern-grid-listing-1 {
	.term-badges.floated {
	  right: 22px;
	}
  }
}

/**
 * => Pagination
 **/
.bs-pagination.bs-ajax-pagination.more_btn {
  .btn-bs-pagination {
	width: 100%;
	line-height: 40px !important;
	font-size: 15px !important;
	font-weight: bold;
	text-transform: capitalize !important;

	.loaded {
	  color: #000000 !important;
	  transition: .3s;
	}

	&:hover {
	  .loaded {
		color: #ffffff !important;
	  }
	}

  }
}

/**
 * => Footer
 **/
.site-footer {
  .copy-footer {
	padding: 10px 0 30px;
  }

  .footer-menu-container {
	padding-bottom: 24px;
  }

  .footer-menu-container {
	border-bottom: solid 1px rgba(255, 255, 255, 0.06);
	padding-bottom: 16px;
	margin-bottom: 28px;
  }

  .section-heading.sh-t1.sh-s5 > .main-link > .h-text:after,
  .section-heading.sh-t1.sh-s5 > a:last-child:first-child > .h-text:after,
  .section-heading.sh-t1.sh-s5 > .h-text:last-child:first-child:after {
	display: none;
  }

  .footer-widgets.light-text {

	a {
	  color: rgba(255, 255, 255, 0.6);
	}

	.post-meta,
	.post-meta a {
	  color: rgba(255, 255, 255, 0.2);
	}

	.bs-about {
	  .about-text {
		font-size: 14px;
	  }
	  .about-link a {
		color: #ffffff;
	  }
	}

	.widget.widget_bs-subscribe-newsletter {
	  background-color: transparent;
	  padding: 0 !important;

	  .subscribe-message {
		text-align: left;
		max-width: 100%;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.4);
	  }

	  form {
		max-width: 100%;

		&:after {
		  content: "\f0e0";
		  position: absolute;
		  left: 17px;
		  top: 15px;
		  font: normal normal normal 15px/1 FontAwesome;
		  color: rgba(141, 141, 141, 0.4);
		}

		.newsletter-email {
		  border-radius: 0;
		  background-color: transparent;
		  border-color: #444444;
		  height: 46px;
		  line-height: 46px;
		  padding: 0 12px 0 40px;
		}

		.newsletter-subscribe {
		  border-radius: 0;
		  font-size: 15px;
		  height: 46px;
		  line-height: 46px;
		  padding: 0 18px;
		}
	  }
	}
  }

  .section-heading.sh-t1.sh-s5 {
	padding-bottom: 13px;
	margin-bottom: 20px;
  }
}

/**
 * => Single
 **/
.content-container > .container > .main-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.vc_row-has-fill + .vc_row-full-width + .vc_row > .bs-vc-wrapper > .bs-vc-column > .bs-vc-wrapper:first-child {
  padding-top: 0 !important;
}

.bf-breadcrumb-container {
  top: 7px;
  position: relative;
}

.post-template-1 .single-post-title {
  color: #000000;
}

blockquote.bs-quote.bsq-t1.bsq-s17 .quote-author-avatar {
  border-radius: 0 !important;
}

/**
 * => RTL
 **/
.rtl {
  .site-footer {
	.footer-widgets.light-text {
	  .widget.widget_bs-subscribe-newsletter {
		.subscribe-message {
		  text-align: right;
		}
	  }
	}
  }

  .section-heading.sh-t6.sh-s7 {
	& > .h-text:last-child:first-child:after,
	& > .main-link > .h-text:after,
	& > a:last-child:first-child > .h-text:after {
	  -webkit-transform: skew(-20deg);
	  -moz-transform: skew(-20deg);
	  -o-transform: skew(-20deg);
	}

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

	&:before {
	  left: 0;
	}
  }

  .better-newsticker.better-newsticker {
	.heading {
	  width: 97px;
	}

	.heading:after {
	  right: 0;
	  left: auto;
	  transform: rotateY(0);
	}

	.heading:before {
	  content: "\f104";
	  left: 2px;
	  right: auto;
	}
  }

  .site-footer .footer-widgets.light-text .widget.widget_bs-subscribe-newsletter form {
	.newsletter-email {
	  padding: 0 40px 0 12px;
	}

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

  .off-canvas-menu-icon-container {
	line-height: 49px;
  }

  .post-template-1 .single-post-title {
	line-height: 46px;
  }
}

@media (max-width: 700px) {
  .content-container > .bs-vc-wrapper,
  .content-container > .container > .main-section,
  .single-container > .row.vc_row > .bs-vc-wrapper,
  .single-container > .row.vc_row > .container > .main-section {
	margin: 0 !important;
	padding: 0 !important;
  }

  .single-container > .row.vc_row:nth-child(1),
  .single-container > .row.vc_row:nth-child(2),
  .single-container > .row.vc_row:nth-child(3) {
	& > .bs-vc-wrapper {
	  padding-top: 20px !important;
	}
  }
}