/*
Theme Name: Jaco Pastorius
Theme URI: http://underscores.me/
Author: Coreyweb, LLC
Author URI: http://www.coreyweb.com
Description: The official theme for the official site of Jaco Pastorius
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jaco-pastorius
Tags:

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.

Jaco Pastorius is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/

@font-face {
  font-family: 'trashhandregular';
  src: url('inc/webfonts/TrashHand-webfont.eot');
  src: url('inc/webfonts/TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
       url('inc/webfonts/TrashHand-webfont.woff') format('woff'),
       url('inc/webfonts/TrashHand-webfont.ttf') format('truetype'),
       url('inc/webfonts/TrashHand-webfont.svg#trashhandregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #000;
  font-family: 'Merriweather', serif;  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6em;
  padding-top: 50px;
}

a {
  color: #1B6699;
	text-decoration: underline;
}

.btn {
  border-radius: 0;
}

a:hover {
  color: #0d334c;
/*  text-decoration: none;*/
  -webkit-transition-property: hover;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.5s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
   -o-transition-property: background-color; /* opera 10.5 */
   -o-transition-duration: 0.5s;
}


h1,h2,h3,h4,h5, .callout, #footer {
/*  font-family: 'Montserrat', sans-serif; */
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: normal;
}

h1 {
  margin-top: 0;
  padding-top: 0;
}

h1.album-title {
  margin-top: 0;
  padding-top: 0;
  font-weight: bold;
}

h1.album-title span {
  display: block;
  font-size: 20px;
}

h4.album-listing {
  margin: 5px 0 25px 0;
  font-size: 15px;
  font-weight: 600;
}

h4.album-listing span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}

h2 {
  font-size: 24px;
}

#content h2:first-child {
  margin-top: 0;
  padding-top: 0;
}

h3 {
  font-size: 1.7em;
}

.section-title h1, .section-title h4 {
  font-family: 'trashhandregular';  
  font-size: 120px;
  color: #fff;
  text-shadow: 1px 1px 1px #000, 3px 3px 5px #000;
  position: absolute;
  bottom: 0;
  left: 30px;
}

.section-title h1 a, .section-title h4 a, .section-title h1 a:hover, .section-title h4 a:hover {
  color: #fff;
  text-decoration: none;
}

.section-title h1 a:hover, .section-title h4 a:hover {
  color: #f2f2f2;
}

.section-title, body.primary .section-title, body.features-index .section-title {
  height: 500px;
  position: relative;
}

.section-title.section-title-page {
  height: 300px;
}

.section-title.section-title-home {
  height: 200px;
}

.home-intro {
  height: 300px;
  color: #fff;
  text-align: right;
}

.home-intro h1 {
  font-size: 110px;
  font-family: 'trashhandregular';  
  line-height: 70px;
  text-shadow: 1px 1px 1px #000, 3px 3px 5px #000;
}

.home-intro h2.tagline {
  font-size: 25px;
  font-weight: normal;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #000, 2px 2px 3px #000;
}

/* structure */

#main {
/*  margin-top: 200px;*/
}

.modal {
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  top: 30px;
}

.pagebody {
  background: #fff;
  padding: 30px;
}

.inset-content, .inset-sidebar {
  padding-left: 35px;
}

#footer {
  margin-top: 30px; 
  padding: 20px 0;
  background: #000;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

#footer a {
  color: #ccc;
	text-decoration: none;
}

.modal-content {
  border: 0;
  border-radius: 0;
}

.modal-header {
  border-bottom: 0;
}

/* menus */

.navbar {
  font-family: 'trashhandregular';  
  font-size: 30px;
/*  background: rgba(0,0,0,0.8);*/
  background: #000;
}

.navbar-brand {
  margin: 0;
  padding: 0;
}

.navbar a {
  color: #fff;
	text-decoration: none;
}

.navbar li a:hover {
  color: #ccc;
  background: none;
}

body.music .navbar li#menu-item-210 a, body.music .navbar li#menu-item-210 a:hover {
  color: #fff;
  background: #BE271E;
}

body.life .navbar li#menu-item-205 a, body.life .navbar li#menu-item-205 a:hover {
  color: #000;
  background: #FEB144;
}

body.film .navbar li.current-menu-item a, body.film .navbar li.current-menu-item a:hover {
  color: #fff;
  background: #8d33ae;
}

body.media .navbar li#menu-item-49 a, body.media .navbar li#menu-item-49 a:hover {
  color: #fff;
  background: #CB4121;
}

body.videos .navbar li#menu-item-445 a, body.videos .navbar li#menu-item-445 a:hover {
  color: #fff;
  background: #427E7E;
}


body.life .navbar li#menu-item-205 a, body.life .navbar li#menu-item-205 a:hover, body.features .navbar li#menu-item-46 a, body.features .navbar li#menu-item-46 a:hover {
  color: #000;
  background: #FEB144;
}

body.features .navbar li#menu-item-46 a, body.features .navbar li#menu-item-46 a:hover {
  color: #fff;
  background: #1B6699;
}

body.news .navbar li#menu-item-384 a, body.media .navbar li#menu-item-384 a:hover {
  color: #fff;
  background: #CB4121;
}

.breadcrumb {
  background: none;
  padding: 0;
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
}

ul#connect {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#connect li {
  display: inline-block;
}

#connect a {
  font-size: 20px;
  border-radius: 50%;
  line-height: 40px;
  width: 40px;
  text-align: center;
  color: #fff;
  display: block;
}

#connect a.facebook {
  background: #3b5998;
}

#connect a.facebook:hover {
  background: #293e6a;
}

#connect a.twitter {
  background: #55acee;
}

#connect a.twitter:hover {
  background: #3b78a6;
}

#connect a.youtube {
  background: #e52d27;
}

#connect a.youtube:hover {
  background: #a01f1b;
}

#connect a.subscribe {
  background: #FEB144;
}

#connect a.subscribe:hover {
  background: #b17c2f;
}


.social a:hover {
  color: #fff;
  background: #000;
}

ul#menu-share {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none;
  font-family: 'Open Sans', sans-serif;
}

ul#menu-share li {
  display: inline;
  margin-right: 6px;
}

ul#menu-share li.share-label {
  padding: 4px 0;
  font-weight: bold;
  font-size: 22px;
  color: #666;
  line-height: 33px;
}

ul#menu-share a.share {
  display: inline-block;
  padding: 4px 15px;
  color: #fff;
  width: 75px;
  height: 33px;
}

ul#menu-share a.share span {
  font-size: 11px;
  float: right;
  text-align: right;
}

ul#menu-share a.share.facebook {
  background: #3b5998;
}

ul#menu-share a.share.twitter {
  background: #55acee;
}

ul#menu-share a.share.google-plus {
  background: #d34836;
}

ul#menu-share li a.share.comment {
  background: #666;
}

ul#menu-share a.share:hover {
  text-decoration: none;
}


/* content */

.alignleft {
  float: left;
  margin: 0 15px 5px 0;
}

.alignright {
  float: right;
  margin: 0 0 5px 15px;
}

.feature-list h4 {
  margin-top: 0;
  padding-top: 0;
}

.list-item {
  margin-bottom: 30px;
}

img.img-featured-block {
  margin-bottom: 6px;
}

/* home page */
.promo {
  padding: 15px;
  margin-bottom: 15px;
}

.promo-music {
  background: #BE271E;
  color: #fff;
}

.promo-film {
  background: #8d33ae;
  color: #fff;
}

.promo-video {
  background: #111;
  color: #fff;  
}

.promo-film p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.35em;
}

.promo-news {
  background: #CB4121;
  color: #fff;
}

.promo-stories {
  background: #1B6699;
  color: #fff;
}

.promo h2 {
  margin-top: 0;
  padding-top: 0;
}

.promo-film h2 {
  margin-bottom: 15px;
}

.promo a {
  color: #fff;
}

.promo a:hover {
  text-decoration: none;
  color: #ccc;
}

p.item-title {
  margin-top: 6px;
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 1.2em;
}


/* albums */

.album-meta {
  margin-top: 15px;
  font-family: 'Open Sans', sans-serif; 
}

.album-meta h4 {
  margin: 8px 0 6px 0;
  padding-top: 12px;
  border-top: 1px solid #ddd;
}

.album-meta a, .album-meta h4 {
  font-weight: 600;
}

.album-meta a {
  color: #BE271E;
	text-decoration: none;
}

ul.menu-credits {
  margin: 0;
  padding: 0;
  list-style: none;
/*  border-top: 1px solid #ddd;*/
}

ul.menu-credits li {
  padding: 4px 0;
/*  border-bottom: 1px solid #ddd;*/
}

.tracklist {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid #ddd;
}

table.tracks {
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Open Sans', sans-serif; 
}

table.tracks a {
  color: #000;
  font-weight: 600;
}

table.tracks a:hover {
  text-decoration: none;
  color: #BE271E;
}

table.tracks a.sm2_link {
  text-decoration: none;
  color: #333;
}


table.tracks a.sm2_link span:before {
  font-family: fontawesome;
  content: "\f144";
  margin-right: 5px;
}

table.tracks a.sm2_playing span:before {
  font-family: fontawesome;
  content: "\f144";
  margin-right: 5px;
  color: #BE271E;
}

table.tracks a.sm2_paused span:before {
  font-family: fontawesome;
  content: "\f04c";
  margin-right: 5px;
  color: #666;
}

td.buy-col {
  text-align: right;
  font-size: 12px;
}

a.btn-buy {
  color: #333;
  font-weight: bold;
}

p.more {
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
}

p.available {
  font-weight: 400;  
  font-size: 16px;
}

p.available a {
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #fff;
  background: #BE271E;
  padding: 3px 5px;
}

p.available a:hover {
  color: #fff;
  background: #333;
  text-decoration: none;
}

/* callouts */
.callout {
  background: #c00;
  padding: 15px;
  width: 80%;
  margin: 15px auto;
  color: #fff;
}

body.film .callout {
  background: #8d33ae;
}

p.quote {
  font-size: 24px;
  line-height: 30px;
}

p.cite {
  text-align: right;
  font-size: 14px;
}

/* responsive video */
.video-container {
  clear: both;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}

.video-container.clearfix {
  margin-top: 15px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 100%;
	max-width: 100%;
}

/* sidebar */

#sidebar a {
	text-decoration: none;
}

.sb-item {
  margin-bottom: 30px;
}

.sb-item img {
  margin-top: 20px;
}


.sb-item h4 {
  margin-top: 0;
  padding-top: 0;
}

.sb-item h4.sb-heading {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.icon-bar {
  color: #fff;
  background: #fff;
}


.video-container {
  clear: both;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}

.video-container.clearfix {
  margin-top: 15px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 632px;
	max-width: 100%;
}