/*
 Theme Name:   Hard Rock WP16
 Theme URI:    http://www.sheerrock.com
 Description:  Hard Rock WP
 Author:       Timothy
 Author URI:   http://www.doginabag.co.uk
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hard-rock-tw16
*/


/* Flexbox container */
#masthead {
   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
   display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
   -webkit-box-orient: vertical;
   -ms-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column;
}
.header-image {
   -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
   -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
   -ms-flex-order: 1;              /* TWEENER - IE 10 */
   -webkit-order: 1;               /* NEW - Chrome */
   order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.site-header-main {
   -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
   -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
   -ms-flex-order: 2;              /* TWEENER - IE 10 */
   -webkit-order: 2;               /* NEW - Chrome */
   order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}





/* Make Twenty Sixteen full width header */
/* Make Twenty Sixteen full width header */
/* Make Twenty Sixteen full width header */

.site-inner {
	max-width: none;
}

.site-content,
.site-footer,
.site-header-main {
	max-width: 100%;
	margin: 0;
}

@media screen and (min-width: 44.375em) {
	.site {
	    margin: 0;
	}
	
	body:not(.custom-background-image):before, body:not(.custom-background-image):after {
		height: 0;
	}
}

.site-header {
  background-size: cover !important; 
  min-height: 50px;
  margin-bottom: 5px;
padding: 0px 15px 0px 15px;
}




/* colour of links in main bar along top */
/* was 1a1a1a */
.main-navigation a { color: #ffffff; }

.main-navigation ul ul a { color: #333333; }

/* was color: #007acc;  */
.main-navigation a:hover { color: #ff0000; }
.main-navigation ul ul a:hover { color: #3b0000; }


/* remove slash in footer */
.site-footer .site-title:after { content: ""; }


/* reduce spacing around top of titles (esp for lists of rock examples) */
.entry-content h4
 {
border-bottom: 1px solid #d1d1d1;
line-height: 1;
margin-top: 3.5em;
margin-bottom: 0em;
}

/* come back to this, didn't work */
/* change the space above titles in widgets */
h2.widget-title {
	line-height: 1;
	margin-bottom: 0em;
}