/*

ThemeName |-> Clean News

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

/* Header */
$topbar_height: 34px;

$header: 'style-2';
$header_height: 43px;

/* Footer */

/* Widget */
$about_us_text_align: left;
$about_us_social_icon_font_size: 13px;
$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: 25px !important;
}

/* Header Style */
.site-header.header-style-2 {
  .main-menu-wrapper {
	border-bottom-width: 1px !important;
  }

  .main-menu.menu > li > a {
	padding: 0 20px;

	&:before {
	  height: 1px;
	  bottom: -1px;
	}
  }
}

/* News Ticker */
.wpb_wrapper {
  .better-newsticker {
	margin: 0 0 20px;

	.control-nav span {
	  line-height: 22px !important;
	}

	.heading {
	  border-radius: 0 !important;
	  width: 105px;
	  font-weight: bold;

	  &:after {
		display: none;
	  }
	}

	ul.news-list {
	  li.active {
		left: 120px;
	  }
	}
  }
}

/* Slider 1 */
.bs-slider-1-item {
  .item-content:before {
	padding-top: 50% !important;
  }

  .post-meta {
	text-align: left !important;

	.comments,
	.post-author {
	  font-size: inherit !important;
	}
  }

  .content-container {
	padding: 0 0 20px;

	.title {
	  margin: 0;
	  min-width: 100%;
	  text-align: left !important;
	  display: inline-block;
	}
  }
}

/* Modern Grid */
.listing-mg-3-item {
  .post-meta {
	margin-top: 0;
	text-align: left !important;
  }

  .content-container {
	bottom: 15px;
	text-align: left !important;
  }

  .title {
	text-align: left !important;
  }
}

.term-badges.floated {
  padding: 10px;

}

/* Mix 5 */
.listing-mix-2-1 {
  .listing-item-grid-1 {
	.item-inner {
	  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	  padding-bottom: 5px;
	}
  }
}

/* Mix 1 */
.listing-mix-1-1 {
  .listing-item-tb-1 {
	margin-bottom: 22px !important;
  }
}

/* Pagination */
.listing-item-blog a.read-more {
  background-color: transparent !important;
  color: #808080;
  letter-spacing: .4px;
  font-size: 11px;
  font-weight: 400;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 6px 16px;
}

body .listing-item-classic:hover a.read-more,
body .listing-item-blog:hover a.read-more {
  background-color: transparent !important;
  color: #808080;
  border: solid 1px rgba(0, 0, 0, 0.3);
}

/* Site Footer */
.site-footer {
  .copy-footer {
	padding-bottom: 40px;
  }

  .footer-menu-container {
	padding: 0;
	margin-bottom: 40px;

	ul.menu.footer-menu {
	  text-align: center;

	  li {
		float: none;
		margin: 0 20px;
		display: inline-block;

		a {
		}
	  }
	}
  }

  .bs-about {
	.about-title {
	  margin-bottom: 30px;
	}

	.about-icons-list {
	  margin-top: 20px;

	  .about-icon-item {
		a {
		  border-radius: 3px;
		  box-shadow: none !important;
		  background-color: rgba(255, 255, 255, .2);
		}
	  }
	}

	.about-text {
	  font-size: 14px;
	}
  }

  .widget.widget_nav_menu.widget.widget_nav_menu {
	ul.menu {
	  font-size: 0;

	  li {
		font-size: 14px;
		display: inline-block;
		width: 50%;

		a {
		  border: none;
		  padding: 0;
		  margin-bottom: 5px;
		  color: #cdcdcd;
		  font-size: 14px;
		  background: transparent none !important;

		  &:hover {
			color: #ffffff;
		  }

		  &:before {
			content: '';
			width: 4px;
			height: 4px;
			border-radius: 100%;
			background-color: #ffffff;
			display: inline-block;
		  }
		}
	  }
	}
  }
}