/*
 Theme Name:   BAM Broadcast Love Nature
 Theme URI:    http://blueantmedia.ca
 Description:  Smithsonian Channel specific modifications
 Author:       Blue Ant Media
 Author URI:   http://blueantmedia.ca
 Template:     bam-broadcast-theme
 Version:      2020.04.28.11.26
 License:      BAM
 License URI:  http://blueantmedia.ca
 Tags:         custom
 Text Domain:  bam-broadcast-theme-lovenature
*/

/* Put custom/override styles in functions.php to access customizer variables */

/*breadcrumbs*/
.breadcrumbs {
	padding:10px;
  font-size: 12px;
}
.breadcrumbs a {
	color: #000000;
}
.breadcrumbs a:hover {
	color: #f05434;
	text-decoration: none;
}
.breadcrumbs .video-title,
.breadcrumbs .show-title  {
	color: #f05434;
}
/*breadcrumbs - end */

/*Page 404 - start */
.error404 .content {
	text-align: center;
}
.error404 .breadcrumbs {
	text-align: left;
}
.error404 .page-header {
	text-align: left;
}
.error404 .search-form {
	text-align: center;
	margin: auto;
  justify-content: center;
}
.error404 .back-to-home:hover {
	text-decoration: none;
}
.error404 .back-to-home {
	background: #f05434;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  margin: 20px;
}
/*Page 404 - end */

/*Homepage fixes for mobile */
@media (max-width: 768px) {
	body.no-scroll {
		overflow: hidden;
	}
  /*featured videos navigation start */
	.featured-videos .trending-cont {
		padding-bottom: 20px;
	}
	.content .featured-videos .trending-cont .nav-right {
		right: 0;
		z-index: 100;
		display: block!important;
		bottom: -40px;
		background: #f05434 !important;
		width: 40px;
		height: 40px;
		top: inherit;
	}
	.content .featured-videos .trending-cont .nav-left {
		z-index: 100;
		left:0;
		bottom: -40px;
		background: #f05434 !important;
		width: 40px;
		height: 40px;
		top: inherit;
	}
	.content .nav-left:hover::before,
	.content .nav-right:hover::before {
    background: #fff !important;
	}
	.content .nav-left::after,
	.content .nav-right::after {
		background: #f05434 !important;
	}
	.content .nav-left::before,
	.content .nav-right::before {
    background: #ffffff!important;
	}
	.content .nav-right::before{
		top: 12px!important;
    left: 8px!important;
	}
	.content .nav-right::after{
		top: 12px!important;
    left: 4px!important;
	}
	.content .nav-left::before{
		top: 12px!important;
    left: 13px!important;
	}
	.content .nav-left::after{
		top: 12px!important;
    left: 17px!important;
	}
  .featured-navigation {
  	width: 100%;
  }
  .featured-navigation #next {
  	float: right;
  	padding-right: 20px;
  }
  .featured-navigation #prev {
  	float: left;
  }
  /*featured videos navigation end */
}