/*
Theme Name: Barrel Horse News
Theme URI: http://barrelhorsenews.com/
Description: Custom Theme for Barrel Horse News
Author: Anthill Inc
Author URI: http://anthill.net
Template: cheerup
Version: 1.1
*/

@import url("../cheerup/style.css");

/* --- High Impact Ad --- */
.top-ad {
	text-align: center;
	margin: 70px auto 0 auto;
}
@media (max-width: 940px) {
	.top-ad {
		margin: 20px auto 20px auto;
	}
}

/* --- High Impact Ad --- */
.btm-lb {
	text-align: center;
	margin: 30px auto;
}

/* --- DFP Ads - Remove Advertisement Text --- */
.dfw-unit.display-block:before {
	content: "" !important;
}

/* --- Webcast Posts --- */
.webcast {
	margin-bottom: 0 !important;
}

.webcast-video-wrapper {
  text-align: center;
}

img.webcast-sponsor {
	max-width: 60px;
	height: auto;
}

ul.sponsors {
  list-style: none;
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
}

ul.sponsors li {
  margin: 0 5px;
}

time.webcast-date {
  font-size: 16px;
  font-weight: bold;
  color: #9e0b0f;
  font-family: 'Open Sans', 'Helvetica', sans-serif;
}

/* --- No Breadcrumbs on Homepage --- */
.home #breadcrumbs {
	display: none;
}

/* --- Peelback Ad --- */
@media ( max-width:800px ){
  #peelback{
    display: none !important;
   }
}

/* --- Nav Link Spacing --- */
.navigation .menu > li > a {
	padding: 0 10px;
}

/* --- Hide Top Bar Search On Desktop --- */
.actions .search-action {
  display: none;
}

/* --- Show Mobile Nav --- */
@media (max-width: 1140px) {
  .main-head.simple .mobile-nav {
    display: block;
  }
  .navigation {
    display: none;
  }
    .navigation-wrap {
    display: none;
  }
    .mobile-nav {
    display: block;
    margin-right: 18px;
  }
  .off-canvas {
    display: block;
  }
    .top-bar .social-icons {
    display: none;
  }
  .actions .search-action {
  display: block;
  }
}

/* --- Webcast Ads --- */
#webcast-top-ads,
#webcast-btm-ads {
  display: flex;
  justify-content: center;
}

.webcast-top-ad,
.webcast-btm-ad {
  margin: 20px;
}

/* --- Webcast Play Now Buttons --- */
.list-post-b .read-more-btn.red {
  background: #9e0b0f;
  color: #FFF;
}

.list-post-b .read-more-btn.red:hover {
  background: #161616;
  color: #fff;
}

/* --- Webcast Call To Action --- */
ul.webcasts {
  width: 100%;
  text-align: center;
}

ul.webcasts li {
  background-color: #9e0b0f;
  padding: 12px 20px;
  line-height: 1;
}

ul.webcasts li:nth-child(even) {
  background-color: #80090c;
}

ul.webcasts li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

ul.webcasts li a:hover {
  color: #000;
}

.top-bar-content {
  height: auto !important;
}

.top-bar.dark .top-bar-content {
  border: none !important;
}

.top-spacer-1 {
  height: 38px;
}

.top-spacer-2 {
  height: 76px;
}

.top-spacer-3 {
  height: 114px;
}

@media (max-width: 940px) {
  .top-spacer-1,
  .top-spacer-2,
  .top-spacer-3 {
    display: none;
  }
}

/* --- TBH Archive --- */
img.tbh-archive {
  width: 300px;
  height: auto;
}

/* --- Featured Img Captions --- */
em.featured {
  margin-bottom: 30px;
  display: block;
  text-align: left;
  margin-top: -20px;
  font-size: 12px;
  color: #bbb;
}

/* --- Newsletter Signup Styling --- */
article#post-6443 tr:nth-child(odd) td {
  background: none;
}

article#post-6443  td {
  border: none;
}

article#post-6443 input[type=submit].defaultText {
  margin: 20px 0;
}

article#post-6443 input[type=checkbox].checkbox {
  transform: scale(1.5);
  margin-right: 20px;
}

/* --- Gutenberg Caption Blocks --- */
.wp-block-image figcaption {
  display: block;
  text-align: left;
  font-size: 12px;
  color: #bbb;
  font-style: italic;
}

/* --- Article Call to Action --- */
div#article_cta {
  margin: 40px auto;
}

/* CSS to adjust Footer IG feeds */
.mid-footer .instagram-pics li {
    position: relative;
    float: left;
    width: 14.285714286%;
}
.mid-footer .instagram-pics li img{
	vertical-align: middle;
}
.widget .instagram-pics li {
  float: left;
  width: 33.33333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 4px;
  margin-bottom: 8px;
}
@media (max-width: 940px) {
	.mid-footer .instagram-pics li {
		width: 25%;
	}
	.mid-footer .instagram-pics li:nth-child(n+5) {
		display: none;
	}
}
@media (min-width: 940px) {
	.mid-footer.six .instagram-pics li {
		width: 16.66667%;
	}
	.main-footer.alt .instagram-pics li {
		width: 16.66667%;
	}
}
@media (max-width: 540px) {
	.mid-footer .instagram-pics li {
		width: 33.33333%;
	}
	.mid-footer .instagram-pics li:nth-child(-n+6) {
		display: block;
	}
}