/*
 Theme Name:   Metalbond
 Theme URI:    http://metalbondnyc.com
 Description:  Theme for Metalbond, a child theme of twentyfourteen
 Author:       tallglassofoj
 Author URI:   https://tallglassofoj.org
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         dark
 Text Domain:  metalbond
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

body {
  color: white;
  background: black;
}

.header-main,
.children,
.search-toggle,
.site,
.post-thumbnail {
  background: #333;
  background: -moz-linear-gradient(#383838, #272727);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#272727));
  background: -webkit-linear-gradient(#383838, #272727);
  border-bottom: 1px solid #222;
}

.paging-navigation a:hover,
.paging-navigation .page-numbers.current {
  border-top: 5px solid #B3B3B3 !important;
  color: #FFF !important;
}

.paging-navigation a {
  color: #B3B3B3;
}

a,
.entry-title a,
.entry-meta a,
.widget a,
.site-info a {
  color: #B3B3B3;
}
a:hover,
.entry-title a:hover,
.entry-meta a:hover,
.widget a:hover,
.site-info a:hover,
.content-sidebar .widget a:hover,
.widget_calendar tbody a:hover {
  color: #FFF;
}

.widget_calendar tbody a {
  background: #2a2a2a; 
}

.widget_calendar tbody a:hover {
  background: #7e7e7e;
}

.entry-meta .tag-links a,
.content-sidebar .widget a,
.widget_calendar tbody a,
.content-sidebar .widget .widget-title {
  color: #B3B3B3;
}

.entry-meta .tag-links a {
  color: #FFF;
}

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #B3B3B3;
  color: #000;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: #FFF;
  color: #000;
}

.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.primary-navigation ul ul a:hover, 
.primary-navigation ul ul li.focus > a {
  background-color: #CCC;
  color: #000;
}

.search-toggle:hover,
.search-toggle.active {
  background: #333;
  background: -moz-linear-gradient( #272727, #383838);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#272727), to(#383838));
  background: -webkit-linear-gradient(#272727, #383838);
}

.search-box {
  background-color: #444;
  padding: 12px;
}

.site-content .entry-header,
.site-content .entry-meta,
.site-content,
.site-content .entry-content,
.site-content .entry-summary,
.page-content  {
  background-color: transparent; 
}

.site-navigation.current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
  color: #FFF;
  font-weight: 900;
}

.primary-navigation ul ul {
  background: #CCC;
}

.primary-navigation ul ul li a {
  color: black !important;
}

.primary-navigation ul ul li a:hover,
.site-navigation a:hover,
.secondary-navigation li:hover > a {
  background: #444 !important;
  color: white !important;
}

.cat-links {
  font-weight: 900;
  text-transform: uppercase;
  padding: 8px;
  background: rgba(0,0,0,.5);
}

.menu-footer-container {
  float: right;
}

.menu-footer-container ul li {
  float: left;
  list-style: none;
}

.menu-footer-container ul li a {
  padding: 10px;
}

.post-navigation a {
  color: silver;
}
.post-navigation a:hover {
  color: white;
}


/* --------------
Story page styling
-------------- */
/*This section sets page to 100% width */


.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content,
.post-navigation,
.image-navigation,
.comments-area {
max-width: 100%;
}

@media screen and (min-width: 1008px){
.footer-sidebar .widget.sidebar_ads {
    width: 100%;
    float: none;
  }
}
.mbnyc-ads-container:after {
  content: "";
  display: table;
  clear: both;
}

.mbnyc-ad.ad-footer {
  float: left;
  padding: 0 30px;
  width: 25%;
  box-sizing: border-box;
}

h1 a small {
	    font-size: .5em;
    display: block;
    margin-top: -35px;
    font-weight: 100;
}