/*

ThemeName |-> Funny Mag

*/
@import "../_demo-helper/general";

// Header
$header: 'style-8';
$header_height: 85px;
$topbar_height: 38px;
$menu_current_bg_style: '.header-style-8';
$menu_current_text_color: #000000;
// Footer
$footer_style: center;
// Newsletter
$newsletter_border_radius_inputs: 6px;

@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,
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;
}

body.boxed .main-wrap {
  box-shadow: none;
  border-right: solid 1px #c4c6c8;
  border-left: solid 1px #c4c6c8;
}

/**
 * => Section Heading
 **/
.section-heading.sh-t3.sh-s7 > .h-text.h-text.h-text {
  line-height: 44px;
}

.section-heading.sh-t4.sh-s5 {
  .h-text {
	border-top-left-radius: 12px;
	&:before {
	  display: none;
	}
  }
}

/**
 * => Header
 **/
.site-header.header-style-8.full-width {
  .bs-pinning-wrapper > .content-wrap.pinned,
  .bs-pinning-wrapper > .content-wrap.unpinned {
	background-image: none;
	border-bottom: none;
  }

  .bs-pinning-wrapper.bspw-header-style-8 > .bs-pinning-block {
	background-position: bottom !important;
	padding-bottom: 20px;
  }

  .topbar {
	.topbar-date {
	  height: 24px;
	  line-height: 20px !important;
	  top: 1px;
	  border-radius: 20px;
	}

	.better-social-counter.style-button .social-item {
	  .item-icon {
		font-size: 15px;
	  }
	}
  }

  .header-inner {
	margin-top: 8px;
  }

  .main-menu {
	padding-left: 32px;

	& > li > a {
	  line-height: $header_height + 4 !important;
	}

	.better-custom-badge {
	  top: 13px !important;
	  left: 8px;
	  font-size: 9px;
	  height: 13px;
	  line-height: 14px;
	  padding: 0 4px;
	}
  }

  .pinned {
	border-bottom: none;
  }

  .off-canvas-menu-icon .off-canvas-menu-icon-el {
	width: 20px;
  }
}

/**
 * => Newsletter
 **/
.better-newsticker {
  margin-left: 0 !important;
  margin-right: 0 !important;

  .heading.heading {
	background-color: transparent !important;
	color: #000000;
	width: 160px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.2px;

	&:after {
	  border: none !important;
	  content: '\f105';
	  font: normal normal normal 17px/1 FontAwesome;
	  right: -21px;
	  top: 50%;
	  margin-top: -10px;
	}

	&:before {
	  content: '';
	  display: inline-block;
	  width: 24px;
	  height: 15px;
	  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAABYklEQVQ4ja3TMUiVURjG8d+n4lCDioJkmAaCODg5iIQhhWLQ0JCLkeggKA6hg4ODOLqEDiE4ONgQIjjoYhQVtgkOgiAOToYNIUYIClLa8B3hev3uvYr3wIHn8D7v84fznhMduPWqQD1qUI0HYdeirOj2+UqxhMqE2k5BHgC7aMfvhNp+PgCwhec4uykgwgyeXMP3Gul5OQFvMYgVNGfxTWIg6Hn8DfpnNsA4hoO+i49oTPCNYTToCfSGfYb9KMMzfYPpoN/hKRrwC4/Eg4WhUIcpjKRkDGIjCdCHOfG9zgbjfXzHQ+wFSBveB98c+nGelhWlA15iAYX4gB78C7W6ALmHH6gKvkV0p/guE1IAnVhGsXioXThN8zfiG8rDeRUvEnxXAK3iId7BV/GbPsnQ04xP2MQzHGcKvwA04QtKsC7+lUfZmtCCbfzJ4RMdsIbH4t/YhsNcTTdZBXiFz+jIdzj8Bz0OSOIB6l3gAAAAAElFTkSuQmCC');
	  margin-right: 10px;
	  position: relative;
	  top: 2px;
	}
  }

  ul.news-list li a {
	font-size: 14px;
	font-weight: 400 !important;
	color: #000000;
  }

  ul.news-list li {
	left: 210px;
	top: -1px;

	&.active {
	  left: 195px;
	}
  }
  .control-nav span {
	line-height: 20px;
  }
}

/**
 * => All Blocks
 **/
.mega-links > .menu-item, .listing .listing-item {
  border-radius: 11px;
}

/**
 * => Sidebar
 **/
.sidebar,
.bs-vc-sidebar-column {
  .have_bg.bs-listing,
  .have_bg.bs-shortcode {
	border-radius: 12px;
	position: relative;
	overflow: hidden;

	& > div,
	& > ul {
	  padding: 10px 25px 20px;

	}
	.bs-pagination.more_btn {
	  margin-top: 0 !important;

	  .btn-bs-pagination {
		background: #b9b9b9;
		border-radius: 30px;
		width: 100%;
		color: #ffffff !important;
		line-height: 42px !important;
		border: none;

	  }

	  a.btn-bs-pagination.disabled:hover {
		color: #000000 !important;
		border: none;
	  }
	}
  }
}

/**
 * => Pagination
 **/
.bs-pagination.more_btn.bs-pagination.more_btn {
  margin-top: 0 !important;

  .btn-bs-pagination {
	background: #b9b9b9;
	border-radius: 30px;
	width: 100%;
	color: #ffffff !important;
	line-height: 42px !important;
	border: none;
	font-size: 12px !important;
  }

  a.btn-bs-pagination.disabled:hover {
	border: none !important;
	background: #cccc !important;
  }
}

/**
 * => Modern Grid 1
 **/
.listing-modern-grid-1 .mg-col-2 {
  .mg-row-2 {
	.listing-mg-1-item {
	  .title {
		font-size: 52%;
		font-weight: 600;
	  }
	}
  }
  .mg-row-1 {
	.listing-mg-1-item.listing-item-2 .title {
	  font-size: 68%;
	  font-weight: 600;
	}
  }
}

/**
 * => Grid 1
 **/
.listing-item-grid-1 {
  .featured {
	border-radius: 10px;
	overflow: hidden;
  }
  .post-summary {
	border-bottom: none;
  }

  .post-meta > span:last-child {
	opacity: .4;
  }
}

/**
 * => thumbnail 1
 **/
.listing-item-tb-1 {
  .post-count-badge.pcb-t1 {
	box-shadow: none;
  }

  .featured {
	border-radius: 4px;
  }
}

/**
 * => thumbnail 2
 **/
.listing-item-tb-2 .img-holder {
  border-radius: 10px;
}

/**
 * => Blog 1
 **/
.listing-item-blog-5,
.listing-item-blog-3,
.listing-item-blog-2,
.listing-item-blog-1 {
  .featured {
	border-radius: 10px;
	overflow: hidden;
  }

  .post-meta > span:last-child {
	opacity: .4;
  }
}

/**
 * => Instagram
 **/
.bs-instagram-photo-list {
  .bs-instagram-photo a {
	overflow: hidden;
	border-radius: 13px;
  }
}

.bs-newsletter-pack.bsnp-t1.bsnp-s5 {
  border-radius: 12px;
  border-width: 3px;

  .bsnp-ic {
	color: #000000;
  }

  .bsnp-button {
	color: #000000;
  }
}

.bsp-style-1 .bsp-videos {
  background: #2a2a2a;
}

/**
 * => Border Radius Other Listing
 **/
.pagination.bs-numbered-pagination .page-numbers {
  border-radius: 3px;
}

.bs-box-2 .box-image:after,
.bs-slider-item > .item-content,
.listing-mg-5-item .item-content,
.listing-mg-4-item .item-content,
.listing-mg-3-item .item-content,
.featured {
  border-radius: 10px;
  overflow: hidden;
}

.listing-item-classic-2 .listing-inner {
  border-radius: 12px;

  .featured {
	border-radius: 12px 12px 0 0;
  }
}

.listing-item-classic-3 .featured .title {
  border-radius: 10px 10px 0 0;
}

/**
 * => Breadcrumb
 **/
.bf-breadcrumb.bc-top-style {
  padding: 37px 0 0;
}

/**
 * => Footer
 **/
.site-footer {
  .footer-widgets {
	padding: 75px 0 35px;
	position: relative;
  }

  .section-heading.sh-t3.sh-s1 {
	.h-text {
	  text-transform: capitalize !important;
	}

	&:after {
	  height: 1px;
	  opacity: .2;
	}
  }

  .light-text {
	.post-meta {
	  color: #ffffff;
	  opacity: .23;
	}
  }

  .widget_bs-subscribe-newsletter {
	padding: 0 !important;
	background-color: transparent !important;

	.subscribe-message {
	  max-width: 100%;

	  p:last-child {
		font-size: 14px;
		line-height: 1.8;
	  }
	}

	form {
	  max-width: 100%;
	}

	.newsletter-email {
	  height: 43px;
	  line-height: 44px;
	}

	.newsletter-subscribe {
	  height: 43px;
	  line-height: 43px;
	  color: #000;
	}

	.bs-subscribe-newsletter {
	  &:after {
		content: 'You can unsubscribe anytime!';
		opacity: 0.3;
		font-weight: 100;
		margin-top: 10px;
		display: block;
		font-size: 12px;
		text-align: center;
	  }
	}

  }

  .better-social-counter.style-style-6 {
	.social-list {
	  margin-top: -10px;
	}

	.social-item {
	  margin-bottom: 0 !important;
	}

	.item-icon {
	  width: 65px;
	  height: 65px;
	  line-height: 65px;
	  font-size: 19px;
	  margin-bottom: 0;
	}

	.item-count,
	.item-title {
	  display: none;
	}
  }

  .footer-menu-container {
	border-bottom: none;
	border-top: solid 1px rgba(255, 255, 255, 0.07);
	padding: 30px 0 0;
	margin-bottom: 15px;
  }

  .footer-copy-row {
	opacity: .4;
  }
}

/*
 * Single
 */
.post-template-1 .single-post-title {
  color: #000000;
}

.bs-irp-thumbnail-1 {
  .listing-item-tb-1 .title {
	font-size: 13px;
  }
}

.sidebar > .w-bg.widget {
  padding: 0 !important;
  border-radius: 12px;
  overflow: hidden;

  & > .bs-listing > div {
	padding: 0 20px 20px !important;
  }
}

@media (max-width: 700px) {
  .better-newsticker {
	.heading.heading {
	  width: 20px;
	}

	ul.news-list li {
	  left: 65px;
	  width: 83%;

	  &.active {
		left: 55px;
	  }
	}
  }
}

/*
 * RTL
 */
.rtl {
  .better-newsticker {
	.heading.heading {
	  &:before {
		margin-right: auto !important;
		margin-left: 10px;
		top: 2px;
	  }

	  &:after {
		margin-top: -6px;
	  }
	}

	.heading.heading {
	  text-align: right;
	  width: 100px;
	}

	ul.news-list li {
	  left: auto !important;
	  right: 128px;

	  &.active {
		left: auto !important;
		right: 118px;
		top: 1px;
	  }
	}
  }

  .listing-item-tb-1.has-post-thumbnail .post-count-badge.pcb-t1.pcb-s1 {
	left: auto;
	right: -10px;
  }

  .section-heading.sh-t4.sh-s5 .h-text {
	border-top-left-radius: 0;
	border-top-right-radius: 12px;
  }

  .site-footer .widget_bs-subscribe-newsletter .bs-subscribe-newsletter:after {
	content: 'يمكنك الغاء الاشتراك في اي وقت!';
  }

  .single-post-title {
	line-height: 45px;
  }

  .bs-newsletter-pack.bsnp-t1 .bsnp-title + .bsnp-desc {
	line-height: 26px;
  }

  .site-footer .widget_bs-subscribe-newsletter .subscribe-message p:last-child {
	line-height: 2.2;
  }

  .listing-mg-3-item .title {
	line-height: 1.6;
  }

  .listing-mg-type-1 .title {
	line-height: 1.6;
  }
}

@media (max-width: 620px) {
  .rtl {
	.better-newsticker ul.news-list li {
	  width: 69%;
	}
  }
}

@media (max-width: 450px) {
  .rtl {
	.better-newsticker ul.news-list li {
	  width: 59%;
	}
  }
}

@media (max-width: 380px) {
  .rtl {
	.better-newsticker ul.news-list li {
	  width: 54%;
	}
  }
}