/*
Theme Name: AudioTheme Fourteen
Theme URI: http://audiotheme.com/view/audiotheme-fourteen/
Description: Twenty Fourteen child theme with customized AudioTheme integration. Start managing your sites content, music, gigs, and videos all in one place. Download AudioTheme | Theme Demo
Author: AudioTheme
Author URI: http://audiotheme.com
Template: twentyfourteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, music, video
Text Domain: audiotheme-fourteen
*/
@import url(../twentyfourteen/style.css);
/**
* Misc
* -----------------------------------------------------------------------------
*/
.site-navigation .highlight > a,
.site-navigation .highlight.current_page_item > a,
.site-navigation .highlight.current_page_ancestor > a,
.site-navigation .highlight.current-menu-item > a,
.site-navigation .highlight.current-menu-ancestor > a {
background-color: #24890d;
color: #ffffff;
font-weight: 400;
}
/**
* General AudioTheme Overides
* -----------------------------------------------------------------------------
*/
body .audiotheme-video-single .audiotheme-video-title,
body .audiotheme-record-single .audiotheme-record-header .audiotheme-record-title {
font-size: 33px;
font-weight: 300;
line-height: 1.0909090909;
margin-bottom: 12px;
margin: 0 0 12px 0;
text-transform: uppercase;
}
.site-content .audiotheme-record-links,
.site-content .audiotheme-tracklist-section,
.site-content .audiotheme-gig-single {
margin: 0 auto;
max-width: 474px;
background-color: #ffffff;
padding: 12px 10px 0;
}
body .audiotheme .audiotheme-gig-card,
body .audiotheme .audiotheme-gig-single .audiotheme-gig-venue,
body .audiotheme .audiotheme-gig-single .audiotheme-gig-description,
body .audiotheme .audiotheme-meta-list,
body .audiotheme .audiotheme-meta-list .audiotheme-meta-item,
body .audiotheme .audiotheme-tracklist,
body .audiotheme .audiotheme-tracklist .audiotheme-track,
body .audiotheme .audiotheme-tracklist .audiotheme-track:before,
body .audiotheme .audiotheme-tracklist .audiotheme-track .audiotheme-track-cell,
body .content-sidebar .widget_audiotheme_upcoming_gigs dl {
border-color: rgba(0, 0, 0, 0.1);
}
.featured-image a,
.audiotheme-featured-image a,
.audiotheme-record-artwork a {
background: #b2b2b2 url(../twentyfourteen/images/pattern-light.svg) repeat fixed;
display: block;
position: relative;
width: 100%;
z-index: 0;
}
.featured-image a:hover,
.audiotheme-featured-image a:hover,
.audiotheme-record-artwork a:hover {
background-color: #999999;
}
.featured-image a:hover img,
.audiotheme-featured-image a:hover img,
.audiotheme-record-artwork a:hover img {
opacity: 0.85;
}
/**
* AudioTheme Gig
* -----------------------------------------------------------------------------
*/
body .audiotheme .audiotheme-gig-header .audiotheme-gig-title {
font-weight: 300;
clear: both;
margin-bottom: 12px;
}
body .audiotheme-gig-single .audiotheme-gig-header {
border-bottom: none;
}
body .audiotheme .audiotheme-gig-single dt,
body .audiotheme .audiotheme-gig-single dd {
padding-left: 0;
padding-right: 0;
}
body .audiotheme-gig-date {
color: #767676;
font-size: 12px;
line-height: 1.3333333333;
text-transform: uppercase;
}
.audiotheme-gig-meta .audiotheme-label {
color: #767676;
display: block;
font-size: 12px;
font-weight: 900;
line-height: 2;
text-transform: uppercase;
}
body .audiotheme-gig-date strong {
font-weight: 400;
}
body .audiotheme .audiotheme-gig-single .entry-content {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
body.list-view .audiotheme-gigs .hentry.has-post-thumbnail {
padding-top: 15px;
}
.audiotheme-venue-map iframe {
margin-bottom: 10px;
}
.audiotheme-gig-tickets-link a {
display: inline-block;
color: #ffffff;
background-color: #24890d;
font-size: 12px;
padding: 5px 15px 4px;
text-transform: uppercase;
border-radius: 2px;
}
/**
* AudioTheme Record
* -----------------------------------------------------------------------------
*/
body .audiotheme .audiotheme-record-single {
padding: 0;
}
body .audiotheme .audiotheme-record-single .audiotheme-record-artwork {
margin: 0;
width: auto;
max-width: 100%;
float: none;
clear: both;
}
/* Record Meta */
body .audiotheme .audiotheme-record-artist,
body .audiotheme .audiotheme-record-single .audiotheme-record-meta {
clear: both;
margin: 0 auto 8px;
max-width: 474px;
}
body .audiotheme .audiotheme-record-single .audiotheme-record-meta {
padding: 0;
margin: 0;
border: none;
}
body .audiotheme .audiotheme-record-artist,
body .audiotheme .audiotheme-record-single .audiotheme-record-meta,
body .audiotheme .audiotheme-record-single .audiotheme-meta-item {
padding: 0;
color: #767676;
font-size: 12px;
font-weight: 400;
line-height: 1.3333333333;
text-transform: uppercase;
}
body .audiotheme-record-artist,
body .audiotheme-record-meta {
display: inline-block;
}
body .audiotheme-record-single .audiotheme-record-header .audiotheme-record-artist,
body .audiotheme .audiotheme-meta-item {
margin-right: 10px;
}
body .audiotheme .audiotheme-meta-item {
border: none;
}
body .audiotheme-record-single .audiotheme-label {
display: none;
}
/* Record Links */
body .audiotheme-record-links-list {
margin-top: 0;
}
body .audiotheme-record-links-list .audiotheme-record-links-item .audiotheme-record-link {
background: #000000;
}
body .audiotheme-record-links-list .audiotheme-record-links-item .audiotheme-record-link:hover {
color: #000000;
border-color: #000000;
}
/* Tracklist */
body .audiotheme-record-single .audiotheme-tracklist-title {
font-weight: 900;
line-height: 2;
}
body .audiotheme .audiotheme-tracklist {
margin-top: 20px;
}
body .audiotheme-tracklist .audiotheme-track .audiotheme-track-title {
font-weight: 400;
}
body .audiotheme .audiotheme-tracklist .audiotheme-track:before {
color: #767676;
border-right: none;
text-align: right;
width: 25px;
padding-right: 5px;
}
body .audiotheme .audiotheme-tracklist .audiotheme-track .audiotheme-track-meta .audiotheme-track-download-link {
margin: -2px 10px 0 0;
}
body .audiotheme-tracklist .audiotheme-track.is-playable:hover {
background: none;
}
/**
* AudioTheme Track
* -----------------------------------------------------------------------------
*/
body .audiotheme .audiotheme-record-subtitle {
margin-bottom: 0;
}
body .audiotheme .audiotheme-record-subtitle a {
color: #2b2b2b;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 1.7142857142;
text-transform: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 11px 0 12px;
width: 100%;
}
body .audiotheme .audiotheme-record-subtitle a:before {
content: "Record";
color: #767676;
display: block;
font-size: 12px;
font-weight: 900;
line-height: 2;
text-transform: uppercase;
}
body .audiotheme .audiotheme-record-subtitle a:hover {
color: #41a62a;
}
/**
* AudioTheme Video
* -----------------------------------------------------------------------------
*/
.audiotheme-video-single .audiotheme-term-list {
display: none;
}
.audiotheme-video-single.has-post-thumbnail .entry-header {
margin-top: -30px;
}
/**
* AudioTheme Archives
* -----------------------------------------------------------------------------
*/
.archive .audiotheme .archive-title {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
margin: 0;
}
.archive .audiotheme .archive-intro {
color: #767676;
font-size: 14px;
line-height: 1.2857142857;
padding-top: 18px;
}
.archive .audiotheme .audiotheme-grid,
.archive .audiotheme .audiotheme-gigs {
margin: 0 auto;
max-width: 474px;
}
.archive .audiotheme .audiotheme-grid .item {
width: 100%;
margin: 0 0 4%;
}
.list-view .audiotheme .hentry {
border-top: none;
}
.archive .audiotheme .entry-title a {
font-size: 18px;
font-weight: 300;
line-height: 1.3333333333;
margin: 0;
text-transform: uppercase;
}
.archive .audiotheme .entry-meta {
margin-bottom: 0;
}
/* Gigs */
.archive .audiotheme-gig-card .audiotheme-gig-title {
font-size: 18px;
font-weight: 300;
line-height: 1.3333333333;
margin: 0;
text-transform: uppercase;
}
.archive .audiotheme-gig-card .audiotheme-gig-details .audiotheme-gig-place .audiotheme-gig-venue,
.archive .audiotheme-gig-note,
.archive .audiotheme-gig-card .audiotheme-gig-meta-tickets .audiotheme-gig-tickets-price {
display: none;
}
.archive .audiotheme .audiotheme-gigs {
border-top: none;
margin-bottom: 48px;
}
.archive .audiotheme .audiotheme-gig-card .audiotheme-gig-meta-datetime {
padding: 0;
}
.archive .audiotheme .audiotheme-gig-card .audiotheme-gig-details {
padding-top: 0;
padding-bottom: 0;
}
.archive .audiotheme .audiotheme-gig-meta-tickets {
padding-bottom: 0;
}
.archive .audiotheme-gig-tickets-link a {
margin-top: 10px;
}
/* Paging Navigation */
body .audiotheme-paged-nav {
padding: 0;
margin: 48px 0;
border-top: 5px solid #000000;
border-bottom: none;
text-align: center;
}
body .audiotheme-paged-nav .audiotheme-paged-nav-prev,
body .audiotheme-paged-nav .audiotheme-paged-nav-next {
float: none;
width: auto;
display: inline-block;
margin-top: -5px;
}
body .audiotheme-paged-nav a {
border-top: 5px solid transparent;
display: inline-block;
font-size: 14px;
font-weight: 900;
margin-right: 1px;
padding: 7px 16px;
text-transform: uppercase;
color: #2b2b2b;
}
body .audiotheme-paged-nav a:hover {
border-top: 5px solid #41a62a;
color: #2b2b2b;
text-decoration: none;
}
/**
* Widgets
* -----------------------------------------------------------------------------
*/
.widget_audiotheme_record .featured-image,
.widget_audiotheme_track .featured-image,
.widget_audiotheme_video .featured-image {
margin-bottom: 0;
}
.widget_audiotheme_record .featured-image + p:not(.more),
.widget_audiotheme_track .featured-image + p:not(.more),
.widget_audiotheme_video .featured-image + p:not(.more) {
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0 0;
}
.content-sidebar .widget_audiotheme_record .featured-image + p:not(.more),
.content-sidebar .widget_audiotheme_track .featured-image + p:not(.more),
.content-sidebar .widget_audiotheme_video .featured-image + p:not(.more) {
margin-bottom: 18px;
padding-right: 10px;
padding-bottom: 18px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.content-sidebar .widget_audiotheme_record .more,
.content-sidebar .widget_audiotheme_track .more,
.content-sidebar .widget_audiotheme_video .more {
margin-top: 18px;
}
.content-sidebar .widget_audiotheme_record .more a,
.content-sidebar .widget_audiotheme_track .more a,
.content-sidebar .widget_audiotheme_video .more a {
font-weight: 700;
text-transform: uppercase;
}
/* Widget Title Icons */
.content-sidebar .widget_audiotheme_record .widget-title,
.content-sidebar .widget_audiotheme_track .widget-title,
.content-sidebar .widget_audiotheme_video .widget-title {
line-height: 1.2857142857;
padding-top: 1px;
}
.content-sidebar .widget_audiotheme_record .widget-title:before,
.content-sidebar .widget_audiotheme_track .widget-title:before,
.content-sidebar .widget_audiotheme_video .widget-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
text-decoration: inherit;
background-color: #000000;
color: #ffffff;
margin: -1px 9px 0 0;
padding: 6px 0 9px;
text-align: center;
vertical-align: middle;
width: 36px;
}
.content-sidebar .widget_audiotheme_record .widget-title:before {
content: "\f109";
}
.content-sidebar .widget_audiotheme_track .widget-title:before {
content: "\f109";
}
.content-sidebar .widget_audiotheme_video .widget-title:before {
content: "\f104";
}
/* Recent Gigs */
.post-type-archive-audiotheme_gig .widget_audiotheme_upcoming_gigs {
display: none;
}
.post-type-archive-audiotheme_gig.date .widget_audiotheme_upcoming_gigs {
display: block;
}
.widget_audiotheme_upcoming_gigs dl {
margin-bottom: 6px;
}
.widget_audiotheme_upcoming_gigs dd {
display: none;
}
.widget_audiotheme_upcoming_gigs dd.location,
.widget_audiotheme_upcoming_gigs dd.date {
display: block;
margin-bottom: 0;
}
.widget_audiotheme_upcoming_gigs dd.location {
font-style: italic;
}
.primary-sidebar .widget_audiotheme_upcoming_gigs .location a {
color: rgba(255, 255, 255, 0.7);
}
.content-sidebar .widget_audiotheme_upcoming_gigs dl {
margin-bottom: 0;
padding: 8px 0 9px;
border-bottom: 1px solid;
}
.content-sidebar .widget_audiotheme_upcoming_gigs dl:last-child {
border: none;
}
.widget_audiotheme_upcoming_gigs dt {
font-weight: 400;
}
.content-sidebar .widget_audiotheme_upcoming_gigs .location a {
color: #767676;
}
/**
* Custom Icons
* -----------------------------------------------------------------------------
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'Genericons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: inherit;
text-rendering: optimizeLegibility;
}
.icon a {
display: block;
vertical-align: middle;
}
.icon a:before {
font-size: 1.35em;
position: absolute;
font-family: 'Genericons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: inherit;
text-rendering: optimizeLegibility;
}
.icon a[href*="dribbble.com"]:before {
content: "\f201";
}
.icon a[href*="facebook.com"]:before {
content: "\f204";
}
.icon a[href*="/feed/"]:before,
.icon-feed .icon:before {
content: "\f413";
}
.icon a[href*="flickr.com"]:before {
content: "\f211";
}
.icon a[href*="github.com"]:before {
content: "\f200";
}
.icon a[href*="plus.google.com"]:before {
content: "\f218";
}
.icon a[href*="instagram.com"]:before {
content: "\f215";
}
.icon a[href*="linked.in"]:before {
content: "\f207";
}
.icon a[href*="pinterest.com"]:before {
content: "\f209";
}
.icon a[href*="twitter.com"]:before {
content: "\f202";
}
.icon a[href*="vimeo.com"]:before {
content: "\f212";
}
.icon a[href*="wordpress.org"]:before,
.icon a[href*="wordpress.com"]:before {
content: "\f205";
}
.icon a[href*="youtube.com"]:before {
content: "\f213";
}
.icon.envelope a:before {
content: "\f410";
}
.contributor .icon,
.primary-navigation .icon {
position: relative;
}
.contributor .icon a,
.primary-navigation .icon a {
padding-left: 0;
padding-right: 0;
display: inline-block;
overflow: hidden;
position: relative;
text-align: center;
vertical-align: middle;
}
.contributor .icon a:before,
.primary-navigation .icon a:before {
position: absolute;
top: 0;
left: 0;
text-align: center;
text-indent: 0;
}
.primary-navigation .icon a {
top: -1px;
width: 32px;
text-indent: 32px;
}
.primary-navigation .icon a:before {
width: 32px;
line-height: 48px;
}
.secondary-navigation .icon a:before {
top: 0;
right: 30px;
line-height: 36px;
}
.widget_nav_menu .icon a {
position: relative;
text-indent: 18px;
}
.widget_nav_menu .icon a:before {
position: absolute;
top: 2px;
left: 0;
font-size: 1em;
text-indent: 0;
}
.contributor .icon {
display: inline-block;
}
.contributor .icon a,
.contributor .icon a:before {
width: 36px;
height: 36px;
line-height: 36px;
}
.contributor .icon a {
background-color: #24890d;
border: 0;
border-radius: 2px;
color: #ffffff;
font-size: 12px;
text-indent: 36px;
text-transform: uppercase;
vertical-align: bottom;
}
.contributor .icon a:hover {
opacity: 0.82;
color: #ffffff;
}
.contributor .icon a:before {
font-size: 1.25em;
}
.contributor .icon-link a:before {
font-family: Genericons;
font-size: 2em;
}
.contributor .contributor-website-link:before {
content: "\f107";
}
.contributor .contributor-edit-link:before {
content: "\f411";
}
.contributor .icon .contributor-twitter-link {
background-color: #55acee;
}
.contributor .icon .contributor-facebook-link {
background-color: #3b5998;
}
.contributor .icon .contributor-website-link {
background-color: #000000;
}
.contributor .contributor-posts-link {
padding-left: 20px;
padding-right: 20px;
}
/**
* Media Queries
* -----------------------------------------------------------------------------
*/
@media screen and (max-width: 400px) {
.archive .audiotheme .archive-header,
.archive .audiotheme .audiotheme-grid .item {
border-bottom: none;
}
}
@media screen and (min-width: 401px) {
.archive .audiotheme .audiotheme-grid,
.archive .audiotheme .audiotheme-gigs {
margin: 0 auto 60px;
padding: 0 10px;
}
.archive .audiotheme .audiotheme-grid .item-2np1,
.archive .audiotheme .audiotheme-grid .item-2n {
width: 46%;
}
.archive .audiotheme .audiotheme-grid .item-2np1 {
margin-right: 4%;
}
.archive .audiotheme .audiotheme-grid .item-2n {
margin-left: 4%;
}
}
@media screen and (min-width: 673px) {
.archive .audiotheme .audiotheme-grid,
.archive .audiotheme .audiotheme-gigs,
.site-content .audiotheme-gig-single,
.site-content .audiotheme-record-links,
.site-content .audiotheme-tracklist-section {
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width: 1040px) {
.archive .audiotheme .audiotheme-grid,
.archive .audiotheme .audiotheme-gigs,
.site-content .audiotheme-gig-single,
.site-content .audiotheme-record-links,
.site-content .audiotheme-tracklist-section {
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (min-width: 1110px) {
.archive .audiotheme .audiotheme-grid,
.archive .audiotheme .audiotheme-gigs,
.site-content .audiotheme-gig-single,
.site-content .audiotheme-record-links,
.site-content .audiotheme-tracklist-section {
padding-right: 30px;
padding-left: 30px;
}
}
@media screen and (min-width: 1218px) {
.archive .audiotheme .audiotheme-grid,
.archive .audiotheme .audiotheme-gigs,
.site-content .audiotheme-gig-single,
.site-content .audiotheme-record-links,
.site-content .audiotheme-tracklist-section {
margin-right: 54px;
}
.full-width.archive .audiotheme .audiotheme-grid,
.full-width.archive .audiotheme .audiotheme-gigs,
.full-width .site-content .audiotheme-gig-single,
.full-width .site-content .audiotheme-record-links,
.full-width .site-content .audiotheme-tracklist-section {
margin-right: auto;
}
}