/*

ThemeName |-> Retro Magazine

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

// Header
$topbar_height: 40px;
$header: 'style-1';
$header_height: 53px;
// Term Badge
$term_badges: 'top-center';

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

/**
 * => Optimized Fonts
 **/
.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,
.bs-about .about-text b,
.section-heading > .h-text,
.bf-breadcrumb.bc-top-style,
.section-heading a > .h-text,
.bs-newsletter-pack .bsnp-desc,
.off-canvas-menu > ul > li > a,
.site-header .main-menu > li > a,
.better-newsticker ul.news-list li,
.site-header .topbar .topbar-inner,
.term-badges .term-badge:first-child a,
.bs-subscribe-newsletter .subscribe-message,
.widget.widget_bs-subscribe-newsletter .newsletter-subscribe {
  @include optimize_font;
}

/**
 * => General style
 **/
html,
.section-heading.sh-t1 .h-text,
.section-heading.sh-t3.sh-s8 > .h-text,
.site-header.header-style-1 .main-menu-wrapper .main-menu-container,
.section-heading.sh-t3.sh-s8 > .main-link > .h-text:before,
.section-heading.sh-t3.sh-s8 > a:last-child:first-child > .h-text:before,
.section-heading.sh-t3.sh-s8 > .h-text:last-child:first-child:before,
.section-heading.sh-t3.sh-s8 > .main-link > .h-text:after,
.section-heading.sh-t3.sh-s8 > a:last-child:first-child > .h-text:after,
.section-heading.sh-t3.sh-s8 > .h-text:last-child:first-child:after,
.pagination.bs-numbered-pagination .page-numbers.dots:hover,
.pagination.bs-numbered-pagination .page-numbers,
.pagination.bs-numbered-pagination span,
.pagination.bs-numbered-pagination .wp-pagenavi a,
.pagination.bs-numbered-pagination .wp-pagenavi span,
.entry-terms.via .terms-label,
.entry-terms.source .terms-label,
.entry-terms.post-tags .terms-label {
  background-color: #f3f0e9 !important
}

.post-share .share-handler:after {
  border-left-color: #f3f0e9 !important
}

body,
body.boxed {
  background-color: rgba(243, 240, 233, 0);
}

@media (max-width: 767px) {
  body, .main-wrap {
	background-color: rgba(243, 240, 233, 0) !important;
  }
}

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;
  background-color: transparent;
}

.bs-vc-sidebar-column.vc_column_container {
  .bs-shortcode {
	margin-bottom: 30px;
  }

  & > .bs-vc-wrapper {
	border: dashed 2px #1a1a1a;
	padding: 20px;
  }
}

/**
 * => Post Meta & Post Summery Text Align
 **/
.bs-listing-listing-grid-1 {
  .post-meta {
	.comments {
	  float: none;
	}
	text-align: center;
  }
  .post-summary {
	text-align: center;
  }
}

.post-meta .post-author {
  max-width: 130px;
}

.post-meta a {
  font-size: inherit !important;
}

/**
 * => Header
 **/
.site-header {
  .topbar {
	.better-social-counter.style-button .social-item {
	  margin: 0 0 0 13px;
	}

	.better-social-counter.style-button .social-item .item-icon {
	  font-size: 15px;
	}
  }

  &.header-style-1 .main-menu.menu > li {
	margin: 0;
  }

  .main-menu.menu {
	margin-bottom: -4px !important;
	overflow-y: visible !important;
  }

  .main-menu-wrapper .main-menu-container {
	border-bottom-width: 4px !important;
  }

  .main-menu > li > a {
	line-height: $header_height - 4 !important;
	height: $header_height;
	padding: 0 26px;
  }

  .main-menu.menu > li > a:before {
	height: 4px;
  }

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

  .main-menu.menu > .menu-item:hover > a > .better-custom-badge {
	top: -9px;
	padding-right: 10px;
  }

  .search-container .search-handler {
	line-height: $header_height - 8 !important;
  }

  .main-menu.menu .better-custom-badge:after,
  .off-canvas-menu .menu .better-custom-badge:after {
	border-right-width: 8px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	border-top-style: solid;
	border-top-width: 8px;
	right: -8px;
	left: auto;
	top: 0;
  }
}

/**
 * => Section Heading
 **/
.section-heading.sh-t3.sh-s8 {
  & > .main-link > .h-text:before,
  & > a:last-child:first-child > .h-text:before,
  & > .h-text:last-child:first-child:before,
  & > .main-link > .h-text:after,
  & > a:last-child:first-child > .h-text:after,
  & > .h-text:last-child:first-child:after {
	width: 24px;
  }

  &:after {
	opacity: 1 !important;
	height: 3px;
  }

  .h-text {
	border: none !important;
  }
  margin-bottom: 47px;
}

.section-heading.sh-t3.sh-s4 {
  padding: 0 15px;
  text-align: center;
}

.section-heading.sh-t3.sh-s4.multi-tab {
  text-align: inherit;
}

.section-heading.sh-t1.sh-s2:after {
  opacity: 1;
}

.footer-widgets.light-text .section-heading.sh-t5.sh-s1 {
  &:before {
	display: none;
  }

  .h-text {
	font-size: 18px;
  }

  .h-text:before {
	height: 2px;
	bottom: -9px;
  }

  margin-bottom: 54px;
  text-align: center;
}

.bs-vc-sidebar-column .section-heading.sh-t3.sh-s4 {
  margin-bottom: 20px;
}

/**
 * => Slider 1
 **/
.bs-listing-slider-1 {
  .bs-slider-1-item > .item-content:before {
	padding-top: 44%;
  }

  .bs-slider-1-item .post-meta {
	margin-top: 13px;
  }

  .better-direction-nav a {
	margin-top: -18px !important;
	border-width: 2px !important;
  }
}

/**
 * => Grid 1
 **/
.bs-listing-listing-grid-1 {
  .listing-item-grid-1 .post-summary {
	border-bottom: none;
  }

  .post-meta {
	.comments {
	  float: none;
	}

	text-align: center;
  }
}

/**
 * => Thumbnail 2
 **/
.listing-item-tb-2 {
  .img-holder.b-loaded {
	background-position: center center !important;
  }
}

/**
 * => Thumbnail 1
 **/
.listing-thumbnail.listing-tb-1 {
  .listing-item {
	.format-icon {
	  line-height: 24px;
	  font-size: 11px;
	}

	padding-bottom: 20px;
	margin-bottom: 20px !important;
	border-bottom: solid 1px #dad8d1;
  }

  .listing-item-thumbnail:last-child {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
  }
}

.light-text {
  .listing.columns-1 .listing-item {
	border-bottom-color: rgba(255, 255, 255, 0.1);
  }
}

/**
 * => Blog Listing
 **/
.bs-listing-listing-blog-1 {
  .listing.columns-1 .listing-item {
	.format-icon {
	  line-height: 24px;
	  font-size: 11px;
	}

	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: solid 1px #dad8d1;
  }
}

.listing-item-blog-5 {
  .term-badges .term-badge {
	float: left;
  }
}

.listing.columns-1 .listing-item:last-child,
.mega-links.columns-1 > .menu-item:last-child {
  margin-bottom: 0;
}

/**
 * => About US
 **/
.bs-about.bs-about {
  .about-text {
	font-size: 15px;
	line-height: 22px;
	color: #23221f;
	padding: 0 30px;
  }

  .about-text b {
	font-size: 17px;
	margin-bottom: 5px;
	font-weight: 600;
	display: inline-block;
  }

  .about-link a {
	color: #2e2d29;
	font-size: 12px;
	border-bottom: solid 1px rgba(1, 1, 1, 0.12);
	padding-bottom: 2px;
  }

  .about-link a:hover {
	border-bottom: solid 1px #010101;
  }

  .about-icons-list .about-icon-item {
	margin-right: 10px;
  }

  .about-icons-list.about-icons-list .about-icon-item a {
	i {
	  line-height: 32px;
	}

	&:hover {
	  background-color: #2e2d29 !important;
	}

	width: 36px;
	height: 36px;
	border-radius: 100%;
	border: solid 2px #2e2d29;
	box-shadow: none;
  }
}

/**
 * => Pagination
 **/
.pagination.bs-numbered-pagination a.page-numbers:hover,
.pagination.bs-numbered-pagination .page-numbers.current {
  color: #ffffff !important;
}

.pagination.bs-numbered-pagination .page-numbers.dots:hover,
.pagination.bs-numbered-pagination .page-numbers {
  margin-right: 9px;
}

.pagination.bs-numbered-pagination .page-numbers.dots:hover,
.pagination.bs-numbered-pagination .page-numbers,
.pagination.bs-numbered-pagination span,
.pagination.bs-numbered-pagination .wp-pagenavi a,
.pagination.bs-numbered-pagination .wp-pagenavi span {
  line-height: 33px;
  height: 33px;
  min-width: 33px;
}

/**
 * => Footer
 **/
.site-footer {
  .copy-footer {
	& > .content-wrap > .container > .row:first-child {
	  float: right;
	}

	.footer-menu-container {
	  padding: 0;
	  margin-bottom: 0;
	  border-bottom: none;
	}

	.copy-1,
	.copy-2 {
	  float: none;
	  text-align: left;
	  display: inline-block;
	  width: auto;
	  padding: 0;
	}
	.footer-copy-row {
	  padding: 0 25px;
	}

	padding: 41px 0 44px;
  }

  .bs-newsletter-pack.bsnp-t1.bsnp-s4 {
	&:before {
	  display: none;
	}

	.better-social-counter .social-item .item-icon {
	  font-size: 40px;
	  color: #ffffff;
	}

	.bsnp-button {
	  border-radius: 0 !important;
	  line-height: 28px;
	  font-size: 16px !important;
	  text-transform: uppercase !important;
	  font-weight: 400;
	}

	input.bsnp-input {
	  line-height: 28px;
	  font-size: 14px;
	  text-align: left;
	}

	.bsnp-si .better-social-counter .social-item {
	  margin: 0 10px;
	}

	box-shadow: none;
	padding: 0;
	border: none;
  }

  .footer-widgets {

	&.light-text .bs-newsletter-pack {
	  .bsnp-desc {
		color: #ffffff;
		font-size: 15px;
		font-weight: 300;
		line-height: 22px;
	  }

	  .bsnp-si {
		margin-top: 40px;
	  }

	  text-align: left;
	  box-shadow: none;
	}

	padding: 50px 0 58px;
  }
}

/**
 * => Single Post
 **/
.entry-terms.via a,
.entry-terms.source a,
.entry-terms.post-tags a,
.entry-terms.via .terms-label,
.entry-terms.source .terms-label,
.entry-terms.post-tags .terms-label,
.single-post-share .post-share-btn {
  background-color: transparent;
}

.entry-terms.entry-terms.via a,
.entry-terms.entry-terms.source a,
.entry-terms.entry-terms.post-tags a {
  &:hover {
	background-color: transparent !important;
  }
}

.entry-terms.via .terms-label,
.entry-terms.source .terms-label,
.entry-terms.post-tags .terms-label {
  position: relative;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}

.entry-terms.via .terms-label,
.entry-terms.source .terms-label,
.entry-terms.post-tags .terms-label {
  &:before {
	content: '';
	width: 100%;
	height: 100%;
	left: 2px;
	top: 3px;
	position: absolute;
	z-index: -1;
	background-color: black;
  }
}

.single-post-share .social-item a {
  opacity: .8;
}

.single-post-share .social-item a:hover {
  opacity: 1;
}

.post-share.style-5,
.post-share.style-4 {
  .social-item a,
  .share-handler.post-share-btn {
	border-radius: 0;
  }
}

.entry-terms.via a,
.entry-terms.source a,
.entry-terms.post-tags a,
.entry-terms.via .terms-label,
.entry-terms.source .terms-label,
.entry-terms.post-tags .terms-label,
.post-share .post-share-btn-group .post-share-btn {
  border-radius: 0 !important;
}

.post-related,
.comments-template,
.sidebar-column .sidebar,
.post-author + .next-prev-post,
.single-container > .post-author,
.bs-newsletter-pack + .next-prev-post,
body.single .content-column > .bs-newsletter-pack {
  border-width: 2px;
  border-style: dashed;
}

.bs-newsletter-pack + .next-prev-post,
.post-author + .next-prev-post,
.comments-template,
.sidebar-column .sidebar {
  padding: 20px;
}

.bf-breadcrumb .bf-breadcrumb-item span {
  color: #010101;
  opacity: .6;
  letter-spacing: .4px;
}

.bf-breadcrumb .bf-breadcrumb-item a {
  color: #010101;
  letter-spacing: .4px;
}

.bs-newsletter-pack.bsnp-t1.bsnp-s9 {
  .bsnp-button,
  input.bsnp-input {
	border-radius: 0 !important;
  }

  input.bsnp-input {
	background-color: transparent;
  }
}

body.single .content-column > .bs-newsletter-pack {
  box-shadow: none;
}

.bs-listing-listing-grid-1 .listing-item-grid .item-inner .title:hover,
.listing-item-thumbnail .title a:hover,
.listing-modern-grid-5 .title a:hover,
.listing-item-blog-5 .title a:hover,
.term-badges.floated .term-badge a:hover {
  text-decoration: underline;
}

.post-meta {
  padding-top: 5px;
  margin-bottom: 9px !important;
}

/**
 * => Slider 1
 **/
.bs-slider-1-item .post-meta .post-author {
  line-height: 18px;
}

/**
 * => Sidebar
 **/
.sidebar-column,
.bs-vc-sidebar-column {
  .better-studio-shortcode,
  .bs-shortcode,
  .bs-listing,
  .widget,
  .bsac {
	margin-bottom: 25px !important;

	&:last-child {
	  margin-bottom: 0 !important;
	}
  }
}

/**
 * => RTL
 **/
.rtl {
  .listing-item-blog-5 {
	.term-badges .term-badge {
	  float: right;
	}
  }
}

.post-meta.single-post-meta .comments,
.post-meta.single-post-meta .post-author-avatar,
.post-meta.single-post-meta .views,
.post-meta.single-post-meta .time {
  vertical-align: bottom;
}

/**
 * => Responsive
 *
 * @ 767px
 * @ 600px
 * @ 370px
 *
 **/
@media screen and (max-width: 767px) {
  .site-footer {
	.copy-footer > .content-wrap > .container > .row:first-child {
	  float: none;
	}
	.copy-footer .copy-1,
	.copy-footer .copy-2 {
	  width: 100%;
	}
	.sidebar > .widget:last-child,
	.widget > .bs-listing {
	  margin-bottom: 40px;
	}
  }
}

@media screen and (max-width: 600px) {
  .bs-listing-slider-1 {
	.bs-slider-1-item {
	  .title {
		max-width: 88%;
		font-size: 24px !important;
		line-height: 30px !important;
	  }
	  .post-meta {
		margin-top: 3px;
	  }
	}
  }
}

@media screen and (max-width: 370px) {
  .bs-listing-slider-1 {
	.bs-slider-1-item {
	  .title {
		max-width: 88%;
		font-size: 34px !important;
		line-height: 40px !important;
	  }
	}
  }

  .site-footer {
	.bs-newsletter-pack.bsnp-t1.bsnp-s4 .better-social-counter .social-item .item-icon {
	  font-size: 20px;
	}

	.footer-widgets {
	  padding-bottom: 0;
	}

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

	.copy-footer .menu {
	  margin-bottom: 10px;
	}
  }

  .post-template-1 .single-post-title {
	font-size: 30px !important;
  }

  .section-heading .h-text {
	font-size: 22px !important;
  }
}