/*
Theme Name: buzzbands
Theme URI: http://buzzbands.la
Author: Mike Mancillas
Author URI: http://michaelmancillas.nationbuilder.com
Description: Simple HTML theme ti improve site speed  at buzzbands.la
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, responsive, html
Text Domain: buzzbands.la

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Imports */
@import url(//fonts.googleapis.com/css?family=Merriweather:400&display=swap);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:700&display=swap);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:700&display=swap);	
@import url(//fonts.googleapis.com/css2?family=Fira+Sans:400&display=swap);
@import url('genericons/genericons.css');

/* genericon */

[class*="genericon-"]:before {
	font-family: "Genericons";
}

/* Temporary mobile */

body {
  margin: 0 auto;
  padding: 0 8px;
}


/* site title */
.site-title h1 {
	font: 700 2em/normal 'Roboto Condensed', san-serif;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}

/* Styles */

a {
  color: #D32F2F;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.amzn-native-container {
 margin: 0 auto;
}

article.main-left.single-post h3 {
  border-bottom: 1px solid #ccc;
  display: inline-block;
  font: 700 24px 'Roboto Slab', serif;
  padding-bottom: 8px;
}

blockquote {
  border-top: 1px solid #ccc;
  margin: 24px 0 0 0;
  padding: 16px;
  quotes: "“" "”";
  text-align: center;
}

blockquote:before {
  background: #fff;
  content: open-quote;
  font-family: 'Fira Sans', sans-serif;
  font-size: 4em;
  line-height: 0;
  padding: 0 8px;
}

blockquote p {
    font: 400 24px/32px 'Fira Sans', sans-serif;
}

blockquote.offset {
  border-left: 8px solid #000;
  border-top: none;
  clear: left;
  margin-top: 24px;
  padding: 8px 0 8px 16px;
  text-align: left;
}

blockquote.offset:before {
  background: none;
  content: "";
  padding: 0;
}
blockquote.offset p {
  color: #666;
  font: 400 14px/24px 'Fira Sans', sans-serif;
}

.blue {
    color: #2ec3e2;
}

body {
  font: 400 16px/24px 'Fira Sans', sans-serif;
}

.btn, #infinite-handle span, #infinite-handle span button, #searchsubmit, .comment-reply-link {
  border: none;
  border-radius: 3px !important;
  cursor:pointer;
  letter-spacing: 1px;
  padding: 5px 5px 4px 5px !important;
  text-transform: uppercase;
}

.btn:hover {
  text-decoration: none;
}

button, .comment-reply-link {
   font: 700 14px/normal 'Roboto Slab', serif;; 
}
.byline, .comment-count {
  display: inline-block;
}
h5.byline, h5.comment-count {
  margin: 0 5px 8px 0;
}
.byline a {
  text-transform: uppercase;
}

.cat-link {
  font: 700 14px/normal 'Roboto Slab', serif;; 
  margin-top: 5px;
  position: absolute;
  right: 0;
  top: 0;
}

.category_widget {
  position: relative;
}
.category_widget > h2 {
  border-bottom: solid 8px #000;
}

.center {
  margin: 0 auto;
  text-align: center;
}

cite.fn {
  font-style: normal;
  font-family: 'Roboto Slab', serif; 
  font-weight: 700;
  text-transform: uppercase;
}

.comment-respond {
  padding-top: 16px;
}

.container {
  max-width: 1280px;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.custom-navigation a {
  font-family: 'Roboto Slab', serif; 
  font-weight: 700;
}

.dark, .comment-reply-link {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.dark:hover, .comment-reply-link:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 1);
}

.depth-2, .depth-3 {
  border-left: solid 8px #ddd;
  padding-left: 16px;
}

.ffm_ads_size_wrapper > .ffm_ads_container.cleanslate > .ffm_ads_header_container > div {
  border-bottom: 1px solid #ccc !important;
  display: inline !important;
  font: 700 24px/normal 'Roboto Slab', serif !important; 
  padding-bottom: 8px !important;
}
.ffm_ads_size_wrapper > .ffm_ads_container.cleanslate > .ffm_ads_header_container div{
  text-transform: lowercase !important;
}
.ffm_ads_size_wrapper > .ffm_ads_container.cleanslate > .ffm_ads_header_container div:first-letter{
  text-transform: uppercase !important;
}

.featured-post img {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.featured-art img {
  opacity: 0.9;
}
.featured-art:hover img {
  opacity: 1;
}

@media all and (max-width: 640px) {
  .featured-art img {
    width: 100%;
  }
}

figcaption, .wp-caption-text {
  font-size: 14px;
  color: #aaa;
  padding: 16px;
}

figure {
  margin: 0;
}

.footer {
  margin-top: 32px;
}

.grey:hover {
  background-color: #ddd;
}
.header {
  border-collapse: collapse;
  display: table;
  list-style-type: none;
  width: 100%;
}

.header a,
.header a:hover {
  color: #000;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif; 
  font-weight: 700;
}

div.ig_wrapper {
  padding: 8px 16px !important;
}
.ig_messenger.ig_container {
  font-family: inherit !important;
}

img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#infinite-handle, .infinite-loader div {
  font-family: 'Roboto Slab', serif;
  margin: 0 auto;
  text-align: center;
}

#infinite-handle {
  margin-top: 32px;
}
#infinite-handle span {
  display: inline !important; 
}
#infinite-handle span, #searchsubmit {
  background: #000 !important;
  color: #fff;
}

input {
  border: 1px solid #ddd;
  border-radius: 3px !important;
  font: 700 14px 'Roboto Slab', serif;
  margin-bottom: 8px;
  padding: 8px;
  width: 100%;
}

.jp-relatedposts-post-title {
  font: 700 16px 'Roboto Slab', serif !important;
  margin-top: 8px !important;
}

.jp-relatedposts-headline em {
   font: 700 24px 'Roboto Slab', serif !important;
}

.jp-relatedposts-post-context {
   display: none;
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
   border-top: none;
}

.latest h2, .bottom-border {
  margin-top: 16px;
  border-bottom: solid 8px #000;
}
.lazyload, 
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}
.left {
  float: left;
  text-align: left;
}
.list-group {
  list-style-type: none;
  margin-top: 0px;
  padding: 0;
}
.list-group .tweets-intent-data a, .list-group-item .fullname a, .list-group .times a, .cat-link {
  color: #aaa;
}
.list-group .tweets-intent-data a:hover, .list-group-item .fullname a:hover, .list-group .times a:hover, .cat-link:hover {
  color: #2ec3e2;
  text-decoration: none;
}
.list-group-item {
  border-bottom: solid 1px #eee;
  clear: both;
  margin: 0;
  padding: 8px 8px 0 16px;
}
.list-group-item:last-child {
  border: none;
}
.list-group-item .fullname {
  display: inline-block;
  font-family: 'Roboto Slab', serif; 
  font-weight: 700;
}
.list-group-item img {
  float: left;
  margin: 0 8px 8px 0;
}
.list-group-item .screen_name {
  font-family: 'Roboto Slab', serif; 
  font-weight: 700;
  text-transform: uppercase;
}
.list-group-item .screen_name, .list-group-item .fullname a, .list-group .times, .list-group .tweets-intent-data, .list-group .tweets-intent-data a, .summary-link {
  font-size: 0.83em;
  font-family: 'Roboto Slab', serif; 
  font-weight: 700;
}
.list-group .times {
  float: right;
}
.list-group .tweet-actions {
  display: none;
}
.list-group .tweets-intent-data {
  float: right;
}
.list-group-item > div {
  margin: 0;
  padding: 0;
}
.menu-container {
  position: relative;
}
p {
  font-size: 14px;
  margin-top: 8px;
}
.red {
  border: solid 1px #D32F2F;
}
.red:hover {
  background-color: #eee;
}

.reply {
  padding-bottom: 16px;
}

.right {
  float: right;
  text-align: right;
}

.row {
  display: table-row;
  overflow: hidden;
}

.row > div {
  display: table-cell;
  vertical-align: middle;
}

.sd-title {
  display: none !important;
}

.search {
  text-align: right;
}

.single-post figure {
  padding: 16px 0 16px 0;
}
.single-post .sd-sharing-enabled {
  display: inline-block;
  float: right;
  margin-left: 4px;
  text-align: right;
}

.site-social {
  display: none;
}

.space-below, .category .jetpack-image-container, .reply, .widget_image_text_widget {
  margin-bottom: 16px;
}

.space-top {
  margin-top: 16px;
}

span.says {
  display: none;
}

a.sd-button>span  {
  font: 700 14px 'Roboto Slab', serif !important;
}
#search-trigger{
  display: inline-block;
}
.title-red, .blast-title-red {
  color: #D32F2F;
  font: 400 42px/42px 'Fira Sans', sans-serif;
  letter-spacing: -3px;
  margin-left: -3px;
}
.blast-title-grey {
  color: #D32F2F;
}
.top-nav {
  margin: 16px 8px;
}

.vcard img {
  float: left;
  margin-right: 16px;
}

.rail-right .widget_text, .category .widget_text, .rail-right .wp-caption-text, .jetpack-image-container {
  color: #aaa;
  padding: 8px;
  overflow: hidden;
} 

.rail-right .widget_text h2, .rail-right .widget_text .textwidget, .category .widget_text h2, .category .widget_text .textwidget, .widget_image .jetpack-image-container h2, .jetpack-image-container p, .image-text-widget-text iframe {
  margin: 8px auto;
  max-width: 320px;
}

.rail-right #text-6 .textwidget {
  margin-top: 16px;
  max-width: none;
}

.summary-link {
  display: block;
}

.rail-right  .widget_text a, .rail-right .wp-caption-text a, .jetpack-image-container a {
   color: #2ec3e2;
}

.widget_text .textwidget, .jetpack-image-container h2 {
  padding-top: 6px;
}

 .rail-right .widget_top-posts h2 {
  padding: 0;
  margin-bottom: 0.83em;
 }
 .sign-up, .widget_top-posts {
   color: #000;
   max-width: 336px;
   padding: 8px;
   position: relative;
 }
 .sign-up h2, #text-2 h2 {
   border-bottom: 8px solid #000;
 }
 #text-2 h2 {
   color: #000;
   max-width: 100%;
 }
 .sign-up .genericon{
   color: #2ec3e2;
   font-size: 72px;
   float: left;
   padding-right: 16px;
 }
 .sign-up .button, #mc_embed_signup .button {
   background-color:#2ec3e2;
   border: none;
   border-radius: 3px !important;
   color: #fff;
   cursor:pointer;
   letter-spacing: 1px;
   padding: 8px;
   text-transform: uppercase;
 }
 .rail-right .sign-up .cat-link {
    color: #aaa;
    font: 700 14px/normal 'Roboto Slab', serif; 
    margin-top: 5px;
    position: absolute;
    right: 0;
    top: 16px;
  }
 .rail-right .sign-up .cat-link:hover {
   color: #2ec3e2;
 }
 .rail-right .sign-up h2 {
   max-width: 100%;
 }
.widget_top-posts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget_top-posts ul li {
  border-top: solid 1px #eee;
  margin: 0;
  padding-bottom: 16px;
}
.widget_top-posts ul li:first-of-type {
  border-top: none;
  padding-top: 0;
}
.widget_top-posts a {
  color: #000;
  font: 400 14px/18px 'Fira Sans', sans-serif;
}
.widget_top-posts h2 {
  padding: 0;
  margin-bottom: 0.83em;
 }
.widget_top-posts li:before { 
   background: #D32F2F;
   border-radius: 50%;
   color: #fff;
   content: "1";
   display: inline-block;
   font: 700 14px/18px 'Roboto Slab', serif !important;
   margin: 0 4px 0 0;
   padding: 0 6px;
 }
.widget_top-posts li:nth-child(2):before { 
   content: "2";
   margin-top: 8px;
 }
.widget_top-posts li:nth-child(3):before { 
   content: "3";
   margin-top: 8px;
 }
.wp-caption {
  margin: 0 auto;
}
.wp-caption.aligncenter {
  width: 100%;
}
.wptt_TwitterTweets {
  margin: 0 auto;
}
.wptt_TwitterTweets h2, .rail-right .widget_top-posts h2, .rail-right .widget_text h2 {
  border-bottom: solid 8px #000;
  color: #000;
  max-width: none;
}

/* ====== media ====== */

iframe, video, embed, object {
  display: block;
  max-width: 100%;
}

.media {
  border-collapse: collapse;
  width: 100%;
}

.media > article, [class*="infinite-view-"] > article {
  border-bottom: solid 1px #eee;
  margin-bottom: 16px;
}

.media > .image-article .image-article-text p, [class*="infinite-view-"] > .image-article .image-article-text p, .media > .image-article .comment-count, [class*="infinite-view-"] > .image-article .comment-count, .media > .no-image-article .comment-count, [class*="infinite-view-"] > .no-image-article .comment-count {
  display: none;
}
.content-head {
  margin-bottom: 8px;
}
.image-article {
  display: table;
}
.table-row {
  display: table-row;
  overflow: hidden;
}
.image-article-image {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
}
.image-article-image img{
  display: block;
  height: auto;
  padding: 0 8px 16px 0;
  width: 100%;
}
.image-article-text {
  display: table-cell;
  width: 60%;
  vertical-align: middle;
}
.image-article-text .content-head {
  margin-top: 0;
}

/* ====== Off Canvas Nav ====== */
.navbar-nav {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.navbar-nav li a{
  display: block;
  padding: 8px;
  width: 100%;
}
.navbar-nav li a:hover{
  background-color: #eee;
}
.custom-navigation{
    display: block;
    position: fixed;
    top: 64px;
    right: 0;
    bottom: 0;
    /* Off Canvas Menu Slide in Speed */
    -webkit-transition: 0.3s -webkit-transform cubic-bezier(0,0,.58,1);
    -moz-transition: 0.3s -moz-transform cubic-bezier(0,0,.58,1);
    -o-transition: 0.3s -o-transform cubic-bezier(0,0,.58,1);
    transition: 0.3s transform cubic-bezier(0,0,.58,1);
    width: 100%;
    overflow-y: auto;
    z-index: 10000;
    background: rgba(255, 255, 255, 1);
}

  /* Hide : Off Canvas Menu */
.menu--show .genericon-close, .close--show .genericon-menu{
  display: none;
}

.off-canvas--hide {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

  /* Show : Off Canvas Menu Class */
.off-canvas--show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

/* ====== Hidden Search ====== */
.widget_search, .widget_search label {
  display: none;
}

.widget_search--show {
  display: block;
}

/* Ad styles go here */

section.sub-header div:nth-of-type(2) {
    display: none;
}

#itro_popup {
  border: none !important;
  border-radius: 0;
}
#itro_popup p{
  margin: 0;
}

.widget_image > h2, .widget_image_text_widget h2, .widget_image > p, .widget_image_text_widget > p  {
  font-weight: normal;
  text-align: center;
}

.ad, img.center, .jetpack-image-container img, .widget_image_text_widget img {
  display: block;
  margin: 0 auto;
}

.advertisement, .widget_image > h2, .widget_image_text_widget > h2, .widget_image > p, .widget_image_text_widget > p  {
  font-family: 'Roboto Slab', serif; 
  font-weight: 700;
  border: none;
  color: #ddd;
  font-size: 12px;
  letter-spacing: 3px;
  padding: 8px;
  text-transform: uppercase;
}

.content-rail .widget_image, .content-rail .widget_image_text_widget {
    border-bottom: solid 1px #ddd;
    padding-bottom: 32px;
    margin-bottom: 16px;
}

 #single-post-rail .widget_image_text_widget:not(:nth-child(2n)) {
    display: none;
 }

@media all and (min-width: 640px) {
  .alignleft {
    float: left;
    margin-right: 16px;
  }
  .media > .image-article .image-article-text p, [class*="infinite-view-"] > .image-article .image-article-text p, .media > .image-article .comment-count, [class*="infinite-view-"] > .image-article .comment-count, .media > .no-image-article .comment-count, [class*="infinite-view-"] > .no-image-article .comment-count {
    display: block;
  }
  .cat-link {
  margin: 26px 8px 0 0;
  }
  .category {
    clear: both;
  }
 .category > div {
   float: left;
   width: 50%;
 } 
 .category > .category_widget,   .category > .wptt_TwitterTweets {
   height: 600px;
   overflow: hidden;
   padding-right: 8px;
 }
 .category > .category_widget:nth-of-type(4n+1) {
   clear: left;
 }
 .latest {
    clear: both;
 }
 .main-left {
    clear: both
 }
 .rail-right > div {
   float: left; 
   overflow: hidden;
   width: 50%;
 }
 .rail-right #text-6 {
  padding: 12px 0 0 0;
 }
 #single-post-rail {
    clear:both;
 }
}

@media all and (min-width: 800px) {
  section.sub-header div:nth-of-type(2) {
    display: block;
  }	
  section.sub-header div:nth-of-type(3) {
    display: none;
  }	
  .site-social {
    display: inline-block;
    margin-left: 12px;
  }
  .site-title, .top-nav {
    width: 33%;
  }
}

@media all and (min-width: 960px) {
  .category > div {
   width: 33%;
 } 
  .container {
    margin: 0 auto;
    max-width: 1000px;
  }
  .fix--rail {
    position: fixed;
    top: 16px;
    max-width: 350px;
  }
  #footer {
    clear: both;
  }
  .main-left {
    clear: left;
    float: left;
    width: 65%;
  } 
  .rail-right {
    clear: right;
    float: right;
    width: 35%;
  }
  .rail-right > div {
   float: none; 
   overflow: hidden;
   width: 100%;
 }
 .rail-right #text-6, .rail-right .widget_top-posts {
  padding: 8px;
 }
 .rail-right .widget_image, .rail-right .widget_text .textwidget, .rail-right .widget_top-posts {
    margin-left: 8px;
  }
 #single-post-rail {
   clear: right;
 }
 .rail-right .widget_top-posts h2 {
   margin-top: 8px;
 }
}