/*

ThemeName |-> World Cup News

*/
@import "../_demo-helper/general";

// Layouts
$box: box;
$box_padding: 0;
$remove_box_of_content_page: false;
// Header
$menu_current_text_color: #ffffff;
$header: 'style-2';
$header_height: 43px;
// Block Bottom Line
$blocks_items_bottom_line: solid 1px rgba(0, 0, 0, 0.08);
$blocks_items_bottom_padding: 20px;
$blocks_items_bottom_margin: 20px;
// Footer
$footer_style: center;

@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,
.off-canvas-menu > ul > li > a,
.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,
.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.active-top-line {
  border-top: none;
}

.layout-1-col, .layout-2-col, .layout-3-col {
  margin-top: 30px !important;
}

.post-template-12,
.post-template-15,
.content-container > .layout-3-col.container,
.content-container > .layout-2-col.container,
.content-container > .layout-1-col.container,
.content-container .content-column .row {
  background-color: #ffffff;
  padding: 0 12px 0;
}

.content-container .content-column .row:first-child {
  padding: 22px 11px 0;
}

.post-template-12,
.post-template-15,
.layout-1-col.layout-bc-before,
.layout-2-col.layout-bc-before,
.layout-3-col.layout-bc-before {
  padding: 22px 22px 0 !important;
}

.post-tp-15-header,
.post-tp-12-header {
  top: 30px;
}

/**
 * => Content Injection
 **/
.bs-injection.bs-injection-before_header {
  padding-top: 0 !important;
}

/**
 * => Site Header
 **/
.site-header.header-style-2 {
  .off-canvas-menu-icon .off-canvas-menu-icon-el {
	width: 100%;
  }

  & .content-wrap > .container {
	padding-left: 0;
	padding-right: 0;
  }

  .menu-action-buttons {
	padding-right: 20px;
	width: auto;
  }

  .main-menu-container.search-open .off-canvas-menu-icon-container + .search-container .search-handler {
	margin-right: 53px;
  }

  .main-menu.menu {
	overflow: visible;

	& > li {
	  margin: 0 !important;

	  .better-custom-badge {
		&:after {
		  display: none;
		}

		top: -9px;
		left: 25px;
	  }
	}
  }

  .menu-item-mega-link-list.current-menu-item,
  .menu-item-mega-link-list.current-menu-parent,
  .menu-item-mega-link-list.current-post-ancestor,
  .menu-item-mega-link-list.current-category-parent {
	.mega-menu {
	  display: block !important;
	  opacity: 1 !important;
	  visibility: visible;
	}
  }

  :not(.current-menu-item):not(.current-post-ancestor):not(.current-category-parent) {
	.menu-item-mega-link-list.menu-item-home .mega-menu {
	  display: block !important;
	  opacity: 1 !important;
	  visibility: visible;
	}
  }

  .mega-menu.mega-type-link-list {
	box-shadow: none;
	margin-top: -3px;

	.mega-links {
	  padding: 0 25px;

	  & > li {
		padding: 1px 22px 2px 0;

		a {
		  opacity: .7;

		  &:hover {
			opacity: 1;
		  }
		}

		&.current-menu-item {
		  a {
			opacity: 1;
		  }
		}
	  }
	}
  }

  .main-menu.menu > li > a:before,
  .main-menu.menu > li:hover > a:before,
  .main-menu.menu > li.current-menu-item > a:before,
  .main-menu.menu > li.current-menu-parent > a:before {
	display: none;
  }

  .main-menu-wrapper .main-menu-container,
  .main-menu-wrapper {
	border-width: 0 !important;
  }
  .main-menu > li > a {
	padding: 0 25px;

	&:after {
	  display: none;
	}
  }
}

.site-header.header-style-2 .main-menu.menu {
  height: 43px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * => Newsticker
 **/
.better-newsticker.better-newsticker {
  margin-right: -12px !important;
  margin-left: -12px !important;

  &:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #ffffff;
	left: 9px;
	top: 9px;
	z-index: 2;
  }

  &:after {
	content: '';
	position: absolute;
	left: 9px;
	top: 9px;
	background-color: #ffffff;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	z-index: 1;
	opacity: .6;
	transform: scale(1);
	animation: wave-newsticker 3s infinite;
  }

  @keyframes wave-newsticker {
	from {
	  transform: scale(1);
	  opacity: .6;
	}

	to {
	  transform: scale(5);
	  opacity: 0;
	}
  }

  .control-nav span {
	background-color: transparent;
	border: none;
	color: #ffffff;
	width: 14px;

	.fa {
	  font-size: 16px;
	}

	&:hover {
	  background-color: transparent !important;
	}
  }

  .heading {
	border-radius: 0 !important;
	font-size: 13px;
	line-height: 22px;
	height: 21px;
	text-align: right;
	padding-right: 6px;
	width: 85px;

	&:after {
	  top: 0;
	  margin-top: 0;
	  right: -14px;
	  border-top-width: 21px;
	  border-left-width: 14px;
	  border-bottom-width: 0;
	}
  }

  & {
	ul.news-list li {
	  top: -1px;

	  a {
		color: #ffffff !important;
	  }
	}

	.control-nav {
	  top: -2px;
	}
  }
}

.vc_row-has-fill {
  .better-newsticker.better-newsticker {
	ul.news-list li {
	  top: -1px;

	  a {
		color: #ffffff !important;
	  }
	}
  }
}

/**
 * => Slider 1
 **/
.better-slider {
  .bs-slider-1-item {
	.title {
	  max-width: 100%;
	}
  }
}

/**
 * => Text Listing 3
 **/
.listing-text-3.columns-1 .listing-item-text-3 {
  &:last-child .item-inner {
	border-bottom: none;
	padding-bottom: 0;
  }
}

/**
 * => Section Heading
 **/
.section-heading.sh-t1.sh-s1 {
  margin-bottom: 17px;

  &:after {
	height: 7px;
  }

  .h-text {
	padding-top: 0;
  }
}

/**
 * => Text Listing 3
 **/
.listing-item-text-3 {
  margin-bottom: 13px;

  .item-inner {
	padding-bottom: 13px !important;
  }
}

/**
 * => Grid Listing 1
 **/
.listing-item-grid-1 .featured .img-holder {
  background-position: center center;
}

/**
 * => Tall Listing 2
 **/
.listing-item-tall-2 .featured {
  margin-bottom: 10px;
}

/**
 * => Newsletter Pack
 **/
.bs-newsletter-pack.bsnp-t1.bsnp-s4,
.bs-newsletter-pack.bsnp-t1.bsnp-s3 {
  box-shadow: none;
}

/**
 * => Pagination
 **/
.bs-pagination.bs-ajax-pagination.infinity,
.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;
	transition: .3s;

	.loaded {
	  color: #ffffff !important;
	  transition: .3s;
	}

	&:hover {
	  .loaded {
		color: #ffffff !important;
	  }
	}

	&.disabled {
	  background-color: transparent !important;
	  border: 1px solid rgba(138, 138, 138, 0.33) !important;
	}

	&:hover {
	  opacity: .9;
	}
  }
}

.bs-vc-sidebar-column {
  .listing-item-blog,
  .listing-thumbnail.listing-thumbnail .listing-item-thumbnail {
	padding-bottom: 14px !important;
	margin-bottom: 14px !important;
  }
}

/**
 * => Site Footer
 **/
.site-footer {
  .footer-widgets.light-text {
	padding: 45px 11px 0;
	.col-sm-6 {
	  width: 28%;
	}

	.col-sm-6 + .col-sm-6 {
	  width: 72%;

	  .bs-listing-listing-thumbnail-2 .listing.scolumns-2 {
		.listing-item {
		  width: 25%;
		}
		.listing-item:nth-child(odd) {
		  clear: none;
		  padding-right: 0;
		  padding-left: 12px;
		}

		margin-left: -12px;
	  }
	}

	.listing-item {
	  .title a {
		color: rgba(255, 255, 255, 0.6);

		&:hover {
		  color: #ffffff !important;
		}
	  }

	  &:hover {
		.title a {
		  color: rgba(255, 255, 255, 1);
		}
	  }
	}

	.bs-about {
	  font-family: arial;

	  .about-text a {
		color: #3aa6f2 !important;
	  }

	  .about-icons-list .about-icon-item a {
		border-radius: 100%;
		font-size: 11px;
		.fa {
		  line-height: 30px;
		}
	  }
	}
  }

  .copy-footer {
	padding: 12px 0 27px;

	.footer-menu-container {
	  padding-top: 0;

	  .menu li {
		margin: 0 !important;

		a {
		  padding: 0 14px !important;
		  display: inline-block;

		  &:hover {
			background-color: rgba(0, 0, 0, .15);
		  }
		}

		&.current-menu-item {
		  a {
			background-color: rgba(0, 0, 0, .15);
		  }
		}
	  }
	}

	.copy-2,
	.copy-1 {
	  color: rgba(255, 255, 255, 0.55) !important;
	  margin-top: 25px;

	  a {
		color: rgba(255, 255, 255, 0.55) !important;

		&:hover {
		  color: rgba(255, 255, 255, 1) !important;
		}
	  }
	}
  }
}

/**
 * => Single
 **/
.bf-breadcrumb.bc-top-style {
  padding: 0;
  position: relative;
  top: 30px;
}

.full-width .bf-breadcrumb-container {
  padding: 4px 24px 2px !important;
}

.bf-breadcrumb-container {
  background-color: #eeeeee;
}

.post-related {
  border: none;

  .listing-thumbnail.listing-thumbnail .listing-item-thumbnail {
	border-bottom: none !important;
  }
}

.post-template-1 .single-post-title {
  color: #000000;
}

blockquote.bs-quote.bs-quote.bsq-t1.bsq-s6 {
  text-align: inherit;
  font-size: 110%;
}

.single-container > .post-author {
  padding: 15px;
}

.page {
  .layout-1-col.layout-bc-before, .layout-2-col.layout-bc-before, .layout-3-col.layout-bc-before {
	padding-top: 0 !important;
  }
}

.page {
  .layout-1-col.layout-bc-before.container, .layout-2-col.layout-bc-before.container, .layout-3-col.layout-bc-before.container {
	padding-top: 22px !important;
  }
}

.slider-container.slider-bc-before {
  margin-top: 30px;
  margin-bottom: 0 !important;
  background-color: #ffffff;
  padding: 22px 11px 15px !important;
}

.archive {
  .layout-1-col, .layout-2-col, .layout-3-col {
	margin-top: 0 !important;
  }
}

.rh-cover .rh-c-m .resp-menu .better-custom-badge {
  margin: 15px 6px 0 0 !important;
}

.post-template-1 .single-post-title {
  line-height: 1.1;
}

.site-footer:before {
  height: 5px;
}

.rtl {
  .better-newsticker.better-newsticker {
	.heading {
	  text-align: left;
	  padding-left: 4px;
	  padding-right: 0;
	  font-size: 11px;

	  &:after {
		left: -14px;
		right: auto;
		border-top-width: 0;
		border-bottom-width: 21px;
	  }
	}

	ul.news-list li {
	  font-size: 11px;
	}

	&:before,
	&:after {
	  right: 9px;
	  left: auto;
	}
  }

  .site-header.header-style-2 {
	.main-menu.menu > li .better-custom-badge {
	  right: 25px;
	  left: auto;
	  letter-spacing: 0;
	}

	.main-menu > li > a {
	  padding: 0 22px;
	}

	.menu-action-buttons {
	  padding-right: 0;
	  padding-left: 20px;
	}

	.mega-menu.mega-type-link-list .mega-links {
	  padding: 0 22px;

	  & > li {
		padding: 1px 0 2px 22px;
		line-height: 27px;
	  }
	}

	.off-canvas-menu-icon-container {
	  line-height: 46px;
	}
  }

  .listing.scolumns-2 .listing-item:nth-child(even) {
	padding-left: 12px !important;
	padding-right: 0 !important;
  }

  .post-template-1 .single-post-title {
	line-height: 1.3;
  }
}

/**
 * => Responsive
 **/
@media (max-width: 767px) {
  .site-footer {
	.col-sm-6 {
	  width: 100% !important;
	  margin-bottom: 20px;

	  &:first-child {
		margin-bottom: 0 !important;
	  }
	}

	.copy-footer .copy-2 {
	  margin-top: 0;
	}
  }
}