/*

ThemeName |-> News Today

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

/* Header */
$topbar_height: 40px;

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

$menu_current_bg_style: '.header-style-2';
$menu_current_bg: transparent;

/* Widget */
$about_us_text_align: left;
$about_us_social_icon_font_size: 15px;
$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: 0;
}

.site-header.header-style-2 {
  .topbar {
	.top-menu.menu > li {
	  margin-right: 40px;

	  &:after {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		top: 0;
		right: -20px;
		background-color: rgba(255, 255, 255, 0.18);
	  }
	}

	.better-social-counter.style-button {
	  .social-item {
		border-right: solid 1px rgba(255, 255, 255, 0.18);
		line-height: 40px;
		padding: 0 4px;

		.item-icon {
		  font-size: 15px !important;
		}

		&:first-child {
		  border-left: solid 1px rgba(255, 255, 255, 0.18);

		}
	  }
	}

	.topbar-sign-in.behind-social {
	  margin-right: 3px;
	  border-left: solid 1px rgba(255, 255, 255, 0.18);
	  padding-left: 13px;
	}
  }

  .menu-action-buttons {
	border-left: solid 1px rgba(255, 255, 255, 0.3);
	border-right: solid 1px rgba(255, 255, 255, 0.3);
	padding: 0 7px;

	&.width-1 {
	  min-width: 50px;
	}
  }

  .main-menu-wrapper {
	.main-menu.menu {
	  & > li {
		margin: 0 !important;
		border-right: solid 1px rgba(255, 255, 255, 0.3);
	  }
	}
  }
}

/* News Ticker */
.better-newsticker {
  margin-right: 0 !important;
  margin-left: 0 !important;
  overflow: visible;
  width: 100%;

  &:after {
	content: '';
	width: 5px;
	height: 5px;
	border: none !important;
	position: absolute;
	left: 0;
	border-radius: 100%;
	transform: scale(.8);
	animation: wave 3s infinite linear;
	margin-top: -1px !important;
	opacity: .5;
	top: 50%;
  }

  .heading {
	color: #000000;
	text-align: start;
	position: relative;
	padding: 0;
	width: 130px;
	font-size: 14px;

	&:before {
	  content: '';
	  width: 5px;
	  height: 5px;
	  position: relative;
	  display: inline-block;
	  border-radius: 100%;
	  top: -1px;
	  z-index: 2;
	  margin-right: 10px;
	}

	&:after {
	  content: '\f105';
	  font: normal normal normal 14px/1 FontAwesome;
	  border: none;
	  margin-top: -8px;
	  right: -11px;
	}

	@keyframes wave {
	  from {
		transform: scale(.8);
		opacity: .5;
	  }
	  to {
		transform: scale(4);
		opacity: 0;
	  }
	}
  }

  ul.news-list li {
	left: 165px;
	&.active {
	  left: 155px;
	}
  }

  .control-nav span {
	line-height: 16px;
	border-radius: 0 !important;
  }
}

/* Modern Grid 9 */
.listing-mg-9-item.listing-item-2 .title, .listing-mg-9-item.listing-item-3 .title, .listing-mg-9-item.listing-item-4 .title, .listing-mg-9-item.listing-item-5 .title, .listing-mg-9-item.listing-item-6 .title, .listing-mg-9-item.listing-item-7 .title {
  font-size: 56%;
}

/* Modern Grid 4 */
.listing-mg-4-item {
  &.bsw-100 .title a,
  &.bsw-150 .title a,
  &.bsw-200 .title a,
  &.bsw-250 .title a {
	font-size: 100% !important;
	font-weight: 500;
  }

  .content-container {
	padding: 0 15px 10px;

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

/* Section Heading */
.section-heading.sh-t5.sh-s2 {
  .h-text {
	padding: 5px 0;

	&:before {
	  height: 5px !important;
	}
  }

  &:before {
	height: 1px;
	background: rgba(200, 200, 200, .5);
  }

  &:after {
	content: '';
	display: inline-block;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(200, 200, 200, .5);
	top: auto;
  }
}

.section-heading.sh-t3.sh-s1:after {
  top: inherit;
  height: 1px;
  opacity: .2;
  bottom: -6px;
}

/* Pagination */
.bs-pagination.bs-ajax-pagination.more_btn {
  .btn-bs-pagination {
	width: 100%;
	line-height: 42px !important;
	border: none;

	span {
	  color: #ffffff;
	  font-size: 14px;
	  font-weight: bold;
	}
  }
}

.pagination.bs-numbered-pagination {
  .page-numbers {
	color: #000000;
	font-weight: 400 !important;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
  }

  .current {
	color: #FFFFFF !important;
  }
}

body {
  a.read-more,
  .entry-content a.read-more,
  .listing-item-classic:hover a.read-more,
  .listing-item-blog:hover a.read-more {
	background-color: transparent !important;
	color: #373737;
	font-weight: 500;
	border: solid 1px #e1e1e1;
	font-size: 11px;
	padding: 3px 17px 0;
	line-height: 28px;
  }
}

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

/* Term Badge */
.term-badges.floated {
  margin: 10px;

  a {
	padding: 1px 7px 0;
	line-height: 19px;
  }
}

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

  .content-container {
	bottom: 12px;
  }
}

/* Social Icon */
.better-social-counter.style-modern {
  .social-item {
	border-bottom: none;
	padding-bottom: 0 !important;
  }
}

/* Site Footer */

/* About Us */
.site-footer {
  .footer-widgets.light-text {
	padding: 55px 0 15px;

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

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

		a {
		  border: none !important;
		  font-size: 15px;
		  padding: 3px 0;

		  &:hover {
			background-color: transparent !important;
			color: #ffffff;
		  }

		  &:before {
			content: '';
			border-radius: 100%;
			background-color: #cdcdcd;
			margin: 0;
			width: 4px;
			height: 4px;
			position: relative;
			top: -2px;
			margin-right: 6px;
		  }
		}
	  }
	}

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

	  .about-icons-list {
		.about-icon-item {
		  a {
			box-shadow: none !important;
			background-color: rgba(255, 255, 255, 0.2);

			&:hover {
			  background: none rgba(255, 255, 255, 0.12) !important;
			}
		  }
		}
	  }
	}
  }

  ul.menu.footer-menu > li {
	margin-right: 30px;
  }

  .footer-copy-row {
	margin-top: 15px;
  }
}