/* Custom CSS overrides */

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
* {
font-family: "Ubuntu", Times, serif;
}

div.social ul.social li a.instagram, #social2 .social a.instagram { background-position: -61px 0; }

/****************************************************/
/********************  Site Links *******************/
/****************************************************/
a:link {color:#2200CC;}      /* unvisited link */
a:visited {color:#2A5DB0;}  /* visited link */
a:hover {color:#FF0000;}  /* mouse over link */
a:active {color:#FF0000;}  /* selected link */
/****************************************************/

/****************************************************/
/********************  Headings *******************/
/****************************************************/
h1.page-title {
font-size:36px;
margin-bottom:18px;
}
/****************************************************/

/****************************************************/
/********************  Site Slogan *******************/
/****************************************************/
div#site-slogan {
margin: 2% 30% 0 30%;
padding: 10px 20px 10px 5em;
color:white;
font-weight:200;
display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0e0e+95,ffffff+100&0.01+0,0.65+28,0.65+74,0.05+100 */
background: -moz-linear-gradient(left, rgba(14,14,14,0.01) 0%, rgba(14,14,14,0.65) 28%, rgba(14,14,14,0.65) 74%, rgba(14,14,14,0.17) 95%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030e0e0e', endColorstr='#0dffffff',GradientType=1 ); /* IE6-9 */
}
@media screen and (max-width: 700px) {
  div#site-slogan {
    font-size:9px;
    margin: 2% 10% 0 10%;

  }
}
/****************************************************/

/****************************************************/
/* Main background color default is white #ffffff */
/****************************************************/
#main-content {
  background-color: #eeeeee;
}
/****************************************************/


/****************************************************/
/* Taxonomy link has to change too or we can't see it - is #f0f0f0 */
/****************************************************/
.field-type-taxonomy-term-reference a {
    background: #ffffff;
}
/****************************************************/

/****************************************************/
/* Main navigation menu dropdowns way too big */
/****************************************************/
#main-navigation-inside ul.sf-menu ul li {
    line-height: 14px;
    display: block;
    padding: 0px;
    font-weight: 100 !important;
    margin: 0;
}
#main-navigation-inside ul.sf-menu ul {
    margin-top: -14px;
    margin-left: -5px;
}
#main-navigation-inside ul.menu li {
    font-size: 20px;
    font-weight: 300 !important;
}
/****************************************************/

/****************************************************/
/* Main navigation menu toggle for phone should be white */
/****************************************************/
#main-navigation-inside #superfish-1-toggle span {
    color:#ffffff;
}
/****************************************************/

/****************************************************/
/* h2 pane titles too big */
/****************************************************/
h2.pane-title {
  font-size: 26px;
  font-weight: lighter;
}
/****************************************************/


/****************************************************/
/* Google ad blocks */
/****************************************************/
.google-ad-block {
margin:0px auto;
margin-top:34px;
margin-bottom:14px;
padding:5px;
background: transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
max-width:330px;
text-align:center;
}
/************** Google ad blocks END **************/

/* Twitter feed */
.twitter-timeline {
margin: 14px auto;
margin-top:26px;
}

/* Class for unordered lists to flow */
.lists-flow ul li {
  width: auto !important;
  float: left !important;
  padding-right: 10px !important;
}

/* General features-block styling */
div.features-block {
  background-color: #ffffff;
  padding: 7px;
}

/* Headline paragraph */

div.headline-paragraph {
  font-size: 24px;
  margin-bottom:24px;
}

/* General block styling */
.block-views {
  background-color: #ffffff;
  padding: 10px;
}

.block-views h1, .block-views h2, .block-views h3, .block-views h4 {
  font-style: italic;
}

/* Link color for home page feature/news area */
div.content div.slogan a:link,
div.content div.slogan a:visited {
color: #ffe0f4;
}
#header-banner-wrapper .slogan {
padding: 30px;
margin: .5% auto 15%;
margin-top:-30px;
}
#header-banner-wrapper .slogan h2 {
font-size:44px;
}
#header-banner-wrapper .slogan p {
font-size:28px;
}
@media screen and (max-width: 700px) {
  #header-banner-wrapper .slogan h2 {
    font-size:24px;
  }
}

/* Too much footer header padding */
#footer h2 {
   padding-left: 0px;
   margin-bottom: 7px;
}

/* Too much footer paragraph padding */
#footer p {
    padding-left: 0px;
}

/* Too much footer line item margin */
#footer ul li {
  margin: -17px 0;
}

/* Hide personal contact form option from users */
fieldset#edit-contact {
display: none;
}

/* Hide search info box */
/* body.page-search-node p.search-info { */
/* display: none; */
/* } */

/* Distinguish fieldsets on User Edit */
.page-user-edit fieldset {
background-color:#ffffff;
padding:0px 15px;
}
/* Distinguish newsletter on User View */
.pane-simplenews-269 {
background-color:#ffffff;
padding:15px;
}

/***************  Bookmarks in panes  ***********/
div.pane-content span.flag-bookmarks {
display: block;
margin: 5px auto;
padding: 8px;
/* max-width:250px; */
background-image: url('/images/general-files/brick-background-sm.png');
}
div.pane-content span.flag-bookmarks a:link {color:#FFFFFF;}      /* unvisited link */
div.pane-content span.flag-bookmarks a:visited {color:#FFFFFF;}  /* visited link */
div.pane-content span.flag-bookmarks a:hover {color:#D7D79D;}  /* mouse over link */
div.pane-content span.flag-bookmarks a:active {color:#D7D79D;}  /* selected link */
/****************************************************/




/**************************************************/
/* Commas for unordered lists  (tax) */
/**************************************************/
.commas-between-entries ul {
display: inline;
margin: 0;
padding: 0;
}

.commas-between-entries ul li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.commas-between-entries ul li:after {
content: ", ";
}
.commas-between-entries ul li:last-child:after {
content: "";
}

/* Add this class to content (as a hack) if commas have space */
.commas-between {
margin-right:-4px;
}
/**************************************************/


/****************************************************/
/******************** Newsletter *******************/
/****************************************************/
/****************************************************/
/* Newsletter background color back to white #ffffff */
/****************************************************/
.column-newsletter #main-content {
  background-color: #ffffff;
}
.newslettersubheading {
  font-size: 26px;
  font-weight: lighter;
  margin-top: 34px;
  display: block;
}
.newslettersignature {
  max-width:250px;
}
img.newsmainpic {
  max-width:350px;
  margin: 15px auto;
  padding: 0px 0px 0px 0px;
  border-color: #e3e3e3;
  border-width: 13px;
  border-style: groove;
}
/****************************************************/

/****************************************************/
/*************** Punch List in Newsfeed ***********/
/****************************************************/
/****************************************************/
div.punch-list {
display: block;
margin: 4px auto;
font-style: oblique;
font-size: 11px;
}
/****************************************************/


/****************************************************/
/*************** Stomp Boxes ***********/
/****************************************************/
/****************************************************/
body.stomp-box div.pane-node-field-photo {display: inline-block;}
body.stomp-box div.pane-node-field-photo-2 {display: inline-block;}
body.stomp-box div.pane-node-field-photo img {padding-left:10px; max-width:400px;}
body.stomp-box div.pane-node-field-photo-2 img {padding-left:10px; max-width:400px;}



/****************************************************/
/*************** In Review ***********/
/****************************************************/
/****************************************************/
img.inreviewalbumcover {
  display: none;
}
img.inreviewart {
  display: none;
}
.inreviewalbumcoverimage {
  max-width:200px;
  float: left;
  margin: 10px 42px 10px 0px;
  padding: 0px;
  -webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
-moz-box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
-webkit-box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
}
.inreviewname .inreviewname {
  font-size: 22px;
  margin-bottom: 10px;
  font-style: bold;
}
.inreviewalbum {
  font-size: 18px;
  font-weight: lighter;
  margin-top: 2px;
  margin-bottom: 25px;
  display: block;
  font-style: italic;
}
.inreviewstory {
  font-size: 16px;
  margin-top: 2px;
  margin-bottom: 25px;
}
.inreviewstoryheading,
.inreviewmusicheading,
.inreviewartistsheading {
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-style: bold;
}
.inreviewmusicheading {
clear: left;
}

.inrev1ewgeneralcredits {
  font-size: 14px;
}
/****************************************************/


/****************************************************/
/*************** Undiscovered / Rediscovered ***********/
/****************************************************/
/****************************************************/
/* Newsletter background color back to white #ffffff */
/****************************************************/
.column-newsletter #main-content {
  background-color: #ffffff;
}
.undiscovcolheading {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: bold;
}
.undiscovartistblurb {
  font-size: 18px;
  font-weight: lighter;
  margin-top: -20px;
  margin-bottom: 25px;
  display: block;
  font-style: oblique;
}
img.rediscoveredarttistalbum {
  max-width:100px;
  float: right;
  margin: 10px;
}
img.rediscoveredartistphoto {
  max-width:130px;
  float: left;
  margin: 10px;
  margin-right: 24px;
}
img.undiscoveredarttistalbum {
  max-width:100px;
  float: right;
  margin: 10px;
}
img.undiscoveredartistphoto {
  max-width:130px;
  float: left;
  margin: 10px;
  margin-right: 24px;
}
/****************************************************/


/****************************************************/
/*********  Record Label Profit Worksheet ***********/
/****************************************************/
.usdollar, .i_counts {
  text-align: right;
}


/****************************************************/
/**************  Individual Back Issue **************/
/****************************************************/
.backissue-masthead {
margin: 20px 7% 20px 7%;
padding: 10px 20px 10px 5em;
font-weight:400;
font-size:20px;
display:block;
color:#eeeeee;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0e0e+95,ffffff+100&0.01+0,0.65+28,0.65+74,0.05+100 */
background: -moz-linear-gradient(left, rgba(14,14,14,0.01) 0%, rgba(14,14,14,0.65) 28%, rgba(14,14,14,0.65) 74%, rgba(14,14,14,0.17) 95%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030e0e0e', endColorstr='#0dffffff',GradientType=1 ); /* IE6-9 */
}
.backissue-headline {
font-size: 24px;
  margin-bottom:12px;
}
.backissue-subheadline {
font-size: 20px;
  margin-bottom:24px;
  font-style: oblique;
}
div.backissue-paragraph {
  font-size: 18px;
  margin-bottom:24px;
}
/****************************************************/


/****************************************************/
/**************  Back Issues List **************/
/****************************************************/
.backissue-list-headline {
font-size: 20px;
  margin-bottom:8px;
}
.backissue-list-subheadline {
font-size: 16px;
  margin-bottom:30px;
  font-style: oblique;
}
div.backissue-list-paragraph {
  font-size: 18px;
  margin-bottom:24px;
}
/****************************************************/


/****************************************************/
/**************  Individual Columns **************/
/****************************************************/
.single-column-author {
font-size: 18px;
  margin-bottom:4px;
  font-style: oblique;
}
.single-column-issue {
font-size: 14px;
  margin-bottom:4px;
}
.single-column-category {
font-size: 12px;
  margin-bottom:18px;
}
.single-column-series {
font-size: 12px;
}


/****************************************************/


/****************************************************/
/********************  Flex Views *******************/
/****************************************************/

/****************************************************/
/* Column Embedded Flex Grid */
/****************************************************/
div.g9-column-embedded-grid {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom:45px;
}
div.g9-column-embedded-grid .flex-col {
  flex-basis:auto;
  margin:5px auto;
  background: #ffffff;
  border: 1px solid #000000;
  text-align:center;
  padding: 8px;
}
div.g9-column-embedded-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
/* Column Embedded Flex Grid End */
/****************************************************/

/****************************************************/
/* Columns Flex Grid View */
/****************************************************/
div.g9-columns-grid div.view-content {
  display: flex;
  /* Below same as flex-wrap: wrap; flex-direction: row; */
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom:4px;
}
div.g9-columns-grid div.view-content .flex-col {
  margin:5px auto;
  margin-bottom:20px;
  background: #ffffff;
  border: 1px solid #D0AC25;
  border-top: 6px solid #D0AC25;
  text-align:center;
  padding: 12px 32px 18px 32px;
  overflow: hidden;
  /* min-height:370px; */
  flex-basis: 275px;
	flex-grow: 0;
	flex-shrink: 0;
}
div.g9-columns-grid div.view-content .flex-col div.features-block {
  padding:10px;
}
div.g9-columns-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
div.g9-columns-grid .Interviews-flexcolumndisplaynone, .G9-Featured-flexcolumndisplaynone, .Stomp-Box-of-the-Day-flexcolumndisplaynone, div.g9-columns-grid .Stomp-Box-of-the-Day-flexcolumndisplaynone, .In-Review-flexcolumndisplaynone, div.g9-columns-grid .The-Rediscovered-flexcolumndisplaynone, div.g9-columns-grid .The-Undiscovered-flexcolumndisplaynone {
  display: none;
}

div.g9-columns-grid div.views-field-created .field-content {
  font-size: 10px;
}
/* Columns Flex Grid View End */
/****************************************************/



/****************************************************/
/* Columns Narrow Flex Grid View */
/****************************************************/
div.g9-columns-narrow-grid div.view-content {
  display: flex;
  /* Below same as flex-wrap: wrap; flex-direction: row; */
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom:4px;
}
div.g9-columns-narrow-grid div.view-content .flex-col {
  margin:5px auto;
  margin-bottom:20px;
  background: #ffffff;
  border: 1px solid #D0AC25;
  border-top: 6px solid #D0AC25;
  text-align:center;
  padding: 12px 22px 18px 22px;
  overflow: hidden;
  flex-basis: 270px;
	flex-grow: 0;
	flex-shrink: 0;
}
div.g9-columns-narrow-grid div.view-content .flex-col div.features-block {
  padding:10px;
}
div.g9-columns-narrow-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
div.g9-columns-narrow-grid .Interviews-flexcolumndisplaynone, div.g9-columns-narrow-grid .In-Review-flexcolumndisplaynone, div.g9-columns-narrow-grid .The-Rediscovered-flexcolumndisplaynone, div.g9-columns-narrow-grid .The-Undiscovered-flexcolumndisplaynone {
  display: none;
}
div.g9-columns-narrow-grid .photo-exists-hide-stock-photo {
  display: none;
}
div.g9-columns-narrow-grid .small-title {
  margin:19px 9px 9px 9px;
  font-size: 10px;
}
/* Columns Flex Grid View End */
/****************************************************/


/****************************************************/
/* Video in Grid needs top and bottom margin */
/****************************************************/
div.views-field-field-video div.embed-responsive-16by9 {
  margin-bottom:6px;
  margin-top:16px;
}
/* Video in Grid needs top and bottom margin End */
/****************************************************/



/****************************************************/
/* Columns Mini Flex Grid View for Panel */
/****************************************************/
div.g9-columns-mini-grid div.view-content {
  display: flex;
  /* Below same as flex-wrap: wrap; flex-direction: row; */
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom:4px;
}
div.g9-columns-mini-grid div.view-content .flex-col {
  margin:5px auto;
  margin-bottom:20px;
  background: transparent;
  border: none;
  text-align:center;
  padding: 1px 2px 1px 2px;
  overflow: hidden;
  flex-basis: 90px;
	flex-grow: 0;
	flex-shrink: 0;
}
div.g9-columns-mini-grid div.view-content .flex-col div.features-block {
  padding:10px;
}
div.g9-columns-mini-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
div.g9-columns-mini-grid .Interviews-flexcolumndisplaynone, div.g9-columns-mini-grid .In-Review-flexcolumndisplaynone, div.g9-columns-mini-grid .The-Rediscovered-flexcolumndisplaynone, div.g9-columns-mini-grid .The-Undiscovered-flexcolumndisplaynone {
  display: none;
}
div.g9-columns-mini-grid .photo-exists-hide-stock-photo {
  display: none;
}
/* Columns Mini Flex Grid View End */
/****************************************************/


/****************************************************/
/* Columns Mini Video Flex Grid View for Panel */
/****************************************************/
div.g9-columns-mini-video-grid div.view-content {
  display: flex;
  /* Below same as flex-wrap: wrap; flex-direction: row; */
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom:4px;
}
div.g9-columns-mini-video-grid div.view-content .flex-col {
  margin:2px auto;
  margin-bottom:2px;
  background: transparent;
  border: none;
  text-align:center;
  padding: 1px 2px 1px 2px;
  overflow: hidden;
  flex-basis: 220px;
	flex-grow: 0;
	flex-shrink: 0;
}
div.g9-columns-mini-video-grid div.view-content .flex-col div.features-block {
  padding:10px;
}
div.g9-columns-mini-video-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
div.g9-columns-mini-video-grid .Interviews-flexcolumndisplaynone, div.g9-columns-mini-video-grid .In-Review-flexcolumndisplaynone, div.g9-columns-mini-video-grid .The-Rediscovered-flexcolumndisplaynone, div.g9-columns-mini-video-grid .The-Undiscovered-flexcolumndisplaynone {
  display: none;
}
div.g9-columns-mini-video-grid .photo-exists-hide-stock-photo {
  display: none;
}
/* Columns Mini Flex Grid View End */
/****************************************************/

/****************************************************/
/* Video in Mini Grid needs top and bottom margin */
/****************************************************/
div.g9-columns-mini-video-grid div.views-field-field-video div.embed-responsive-16by9 {
  margin-bottom:4px;
  margin-top:-1px;
}
/* Video in Mini Grid needs top and bottom margin End */
/****************************************************/


/****************************************************/
/* Attic Flex Grid View */
/****************************************************/
div.g9-attic-grid div.view-content {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom:20px;
}
div.g9-attic-grid div.view-content .flex-col {
  flex-basis:98%;
  margin:1px auto;
  background: transparent;
  border: 0px solid #D0AC25;
  text-align:center;
  padding: 2px;
}
@media screen and (max-width: 1400px){
  div.g9-attic-grid div.view-content .flex-col {
    max-width:350px;
  }
}
div.g9-attic-grid div.view-content .flex-col div.features-block {
  padding:10px;
}
div.g9-attic-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
/* Attic Flex Grid View End */
/****************************************************/


/****************************************************/
/* Sidebar Flex Grid View */
/****************************************************/
div.g9-sidebar-grid div.view-content {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom:20px;
}
div.g9-sidebar-grid div.view-content .flex-col {
  flex-basis:98%;
  margin:5px auto;
  background: #ffffff;
  border: 1px solid #D0AC25;
  text-align:center;
  padding: 8px;
}
@media screen and (max-width: 1400px){
  div.g9-sidebar-grid div.view-content .flex-col {
    max-width:350px;
  }
}
div.g9-sidebar-grid div.view-content .flex-col div.features-block {
  padding:10px;
}
div.g9-sidebar-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
/* Sidebar Flex Grid View End */
/****************************************************/

/****************************************************/
/* Contributors Flex Grid View */
/****************************************************/
div.g9-contributors-grid div.view-content {
  display: flex;
  /* Below same as flex-wrap: wrap; flex-direction: row; */
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom:4px;
}
div.g9-contributors-grid div.view-content .flex-col {
  flex-basis:98%;
  margin:5px auto;
  background: #ffffff;
  border: 1px solid #D0AC25;
  text-align:center;
  padding: 12px;
  max-width:350px;
}
div.g9-contributors-grid div.view-content .flex-col div.features-block {
  padding:10px;
}
div.g9-contributors-grid p {
  margin:15px 14px 14px 14px;
  text-align: left;
}
/* Contributors Flex Grid View End */
/****************************************************/


/****************************************************/
/* G9 Attic Flex (photos only) */
/****************************************************/
div.g9-attic-flex div.view-content {
  display: flex;
  /* Below same as flex-wrap: wrap; flex-direction: row; */
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom:4px;
}
div.g9-attic-flex div.view-content div.flex-col {
    margin-top:10px;
    margin-right:25px;
    margin-bottom:15px;
    max-width:250px;
}
div.g9-attic-flex .g9-attic-flex-col img {
  width: 100%;
}

/* Lego Moc Flex End */
/****************************************************/

/*********************************************************/
/********************  Flex views End  *******************/
/*********************************************************/


/* Home Posts */
h2.featured_header {
    margin: 0px 0px 0px;
    font-size: 34px;
    font-weight: 100;
    color: #868686;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1;
}

.post-thumb-wrap {
  position: relative;
  overflow: hidden;
  padding: 10px 25px 25px 25px;
  display: inline-block;
  margin-bottom: 20px;
}
.post-thumb-wrap-center {
  text-align: center;
}
h3.post-title {
  font-size: 26px;
  line-height: 36px;
  margin: 0px 0px 0px;
  margin-bottom: 20px;
  text-align: center;
}
h3.post-title a {
  font-size: 22px;
  color: #E54D1B;
  font-weight: normal;
}
.post-content {
  font-size: 15px;
  font-weight: 100;
  text-align: center;
}
.post_read_more {
  display: inline-block;
  border-radius: 28px;
  -webkit-box-shadow: 0px 2px 3px #666666;
  -moz-box-shadow: 0px 2px 3px #666666;
  box-shadow: 0px 2px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #E54D1B;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 20px;
}
.post_read_more:hover {
  background: #2f4f4f;
  text-decoration: none;
}
.post_read_more:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Home Posts End */

/* Features Blocks */
@media only screen and (max-width: 1200px) {
  .features-block {
    margin-bottom: 25px;
  }
}
/* Features Blocks End */


/* All embedded views which need to be inline */
div.view-discs-per-package .views-row {
display: inline-block;
margin: 0 .5em 0 0;
}
/* All embedded views which need to be inline End*/

/******************** General Paragraphs *******************/
p {
  margin: 4px 0px 14px 0px;
}
/********************  News Paragraphs End *******************/

/********************  News Paragraphs *******************/
body.node-type-news div.content div.field-name-body p {
  margin: 7px 0px 15px 0px;
}
body.page-news p {
margin: 7px 0px 15px 0px;
}
/********************  News Paragraphs End *******************/

/********************  News Headlines *******************/
.news-headline {
margin: 40px 5% 20px 5%;
padding: 10px 20px 10px 4em;
font-weight:400;
font-size:14px;
display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0e0e+95,ffffff+100&0.01+0,0.65+28,0.65+74,0.05+100 */
background: -moz-linear-gradient(left, rgba(14,14,14,0.01) 0%, rgba(14,14,14,0.65) 28%, rgba(14,14,14,0.65) 74%, rgba(14,14,14,0.17) 95%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030e0e0e', endColorstr='#0dffffff',GradientType=1 ); /* IE6-9 */
}
.news-headline a:hover {text-decoration: none; font-size:15px;}
.news-headline a:visited {color:#ffffff}
.news-headline a:active {color:#000000}
.news-headline a:link {color:#ffffff}

@media screen and (max-width: 700px) {
  .news-headline {
    font-size:9px;
    margin: 2% 10% 0 10%;

  }
}
/******************** News Headlines End *******************/


/********************  News Headlines Mini for Sidebars *******************/
.news-headline-mini {
margin: 2% 3% 0 3%;
padding: 10px 20px 10px 5em;
font-weight:400;
font-size:11px;
display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0e0e+95,ffffff+100&0.01+0,0.65+28,0.65+74,0.05+100 */
background: -moz-linear-gradient(left, rgba(14,14,14,0.01) 0%, rgba(14,14,14,0.65) 28%, rgba(14,14,14,0.65) 74%, rgba(14,14,14,0.17) 95%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(14,14,14,0.01) 0%,rgba(14,14,14,0.65) 28%,rgba(14,14,14,0.65) 74%,rgba(14,14,14,0.17) 95%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030e0e0e', endColorstr='#0dffffff',GradientType=1 ); /* IE6-9 */
}
.news-headline-mini a:hover {text-decoration: none; font-style: italic;}
.news-headline-mini a:visited {color:#ffffff}
.news-headline-mini a:active {color:#000000}
.news-headline-mini a:link {color:#ffffff}

@media screen and (max-width: 700px) {
  .news-headline-mini {
    font-size:9px;
    margin: 2% 10% 0 10%;

  }
}
/******************** News Headlines Mini for Sidebars End *******************/

/********************  Column Paragraphs *******************/
body.node-type-column div.content div.field-name-body p {
  margin: 7px 0px 15px 0px;
}
/********************  Column Paragraphs End *******************/

/********************  Tabbed Paragraphs Area *******************/
div.tabbed-paragraph {
  margin-left: 40px;
  margin-right: 40px;
}
/********************  Tabbed Paragraphs Area End *******************/

img.column-text-img {
max-width:100%;
height: auto;
margin:1px auto;
}
img.column-text-img-100 {
max-width:100px;
margin:1px auto;
}
img.column-text-img-200 {
max-width:200px;
margin:1px auto;
}
img.column-text-img-300 {
max-width:300px;
margin:1px auto;
}
img.column-text-img-400 {
max-width:400px;
margin:1px auto;
}
img.column-text-img-500 {
max-width:500px;
margin:1px auto;
}
img.column-text-img-600 {
max-width:600px;
margin:1px auto;
}
table.small-image-preview td {
  text-align:center;
  font-size:10px;
}
table.small-image-preview td img.column-text-img {
  max-width:200px;
}
.page-node-39434 .column-text-img {
max-width:200px;
margin-left:20px;
}
.page-node-39434 .submission-deadlines {
font-size:20px;
}
img.column-instrumentals-text-img {
max-width:150px;
margin:5px auto;
width:150px;
}
div.column-instrumentals {
font-size:9px;
}
div.column-instrumentals div.flex-col {
width:170px;
}
.interview-text-img {
max-width:110px;
float:right;
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
-moz-box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 6px 6px 3px rgba(0,0,0,0.46);
box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
}
.field-item img.interview-text-img {
margin-left:35px;
}
.interview-question {
  color:#000080;
  margin-top:30px;
}
.quotable-quote {
  font-size:18px;
  margin-bottom:10px;
}
.quoted-person {
  font-size:16px;
  margin-bottom:50px;
  margin-left:30px;
}




/********************  Borderless table *******************/
div.view-id-card_import table,
div.view-id-card_import table > tbody > tr > td,
div.view-id-card_import table > tbody > tr > th,
div.view-id-card_import table > tfoot > tr > td,
div.view-id-card_import table > tfoot > tr > th,
div.view-id-card_import table > thead > tr > td,
div.view-id-card_import table > thead > tr > th {
    border: none;
}
/********************  Borderless table End *******************/

/********************  Column Bio Images: Positive 0 rotate and shadow  ********************/
.column-bio-img, .interview-about-image {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
margin: 0 auto;
margin-top:12px;
margin-bottom:14px;
width: 100px;
-moz-box-shadow: 7px 7px 4px rgba(0,0,0,0.4);
-webkit-box-shadow: 7px 7px 4px rgba(0,0,0,0.4);
box-shadow: 7px 7px 4px rgba(0,0,0,0.4);
}

div.taxonomy-series-14 img {
  display: none;
}
/********************  Column Bio Images: Positive 0 rotate and shadow End ********************/


/********************  Home Studio Images: Positive 0 rotate and shadow  ********************/
.home-studio-img {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
margin: 0 auto;
margin-top:14px;
margin-bottom:16px;
width: 150px;
-moz-box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
}
#contactandwebsite {
 display:none;
}
/********************  End of Home Studio Images: Positive 0 rotate and shadow End ********************/


/********************  Home Studio Sub Menu ********************/
div#home-studio-submenu ul.menu {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #524744;
  list-style-type: none;
}

div#home-studio-submenu ul.menu li {
  float: left;
  list-style-type: none;
  padding: 9px 10px 16px 12px !important;
}

div#home-studio-submenu ul.menu li a {
  display: block;
  color: white;
  text-align: center;
  text-decoration: none;
  padding: 0px 12px 0px 12px !important;
}

div#home-studio-submenu ul.menu li a:hover:not(.active) {background-color: #111;}

div#home-studio-submenu ul.menu li a.active {background-color: #04AA6D;}

div#home-studio-submenu ul.menu li.right {float: right;}

@media screen and (max-width: 600px) {
  div#home-studio-submenu ul.menu li.right,
  div#home-studio-submenu ul.menu li {float: none;}
}
/********************  End of Home Studio Sub Menu ********************/



/********************  Negative 9 rotate and shadow  ********************/
.rtate-neg9-shadow img {
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
margin:-40px auto;
-moz-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
-webkit-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
margin-bottom:25px;
}
/********************  Negative 9 rotate and shadow End ********************/

/********************  Positive 9 rotate and shadow  ********************/
.rtate-pos9-shadow img {
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-o-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
margin:-40px auto;
-moz-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
-webkit-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
margin-bottom:25px;
}
/********************  Negative 9 rotate and shadow End ********************/

/********************  Negative 3 rotate and shadow  ********************/
.rtate-neg3-shadow img {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
margin: -45px auto;
margin-bottom:11px;
-moz-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
-webkit-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
}
/********************  Negative 3 rotate and shadow End ********************/

/********************  Negative 1 rotate and shadow  ********************/
.rtate-neg1-shadow img {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
-moz-box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
-webkit-box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
}
/********************  Negative 1 rotate and shadow End ********************/

/********************  Negative 1 rotate and shadow lite ********************/
.rtate-neg1-shadow-lite img {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
-moz-box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 6px 6px 3px rgba(0,0,0,0.46);
box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
}
/********************  Negative 1 rotate and shadow lite End ********************/

/********************  Positive 3 rotate and shadow  ********************/
.rtate-pos3-shadow img {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
-moz-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
-webkit-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
}
/********************  Positive 3 rotate and shadow End ********************/

/********************  Positive 2 rotate and shadow  ********************/
.rtate-pos2-shadow img {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
-moz-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
-webkit-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
width:100%;
}
/********************  Positive 2 rotate and shadow End ********************/

/********************  Positive 1 rotate and shadow  ********************/
.rtate-pos1-shadow img {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
-moz-box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
-webkit-box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
box-shadow: 12px 12px 8px rgba(0,0,0,0.6);
}
/********************  Positive 1 rotate and shadow End ********************/

/********************  Positive 0 rotate and shadow  ********************/
.rtate-pos0-shadow img {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
margin: -45px auto;
margin-bottom:11px;
-moz-box-shadow: 7px 7px 4px rgba(0,0,0,0.4);
-webkit-box-shadow: 7px 7px 4px rgba(0,0,0,0.4);
box-shadow: 7px 7px 4px rgba(0,0,0,0.4);
}
/********************  Positive 0 rotate and shadow End ********************/

/********************  Auto tilt/rotate image  ********************/
.rtate-pos4 {
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
    margin:6px auto;

}
.rtr-pos4 {
    width: 165px;
    background-color: transparent;
}
.rtate-neg9 {
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-7deg);
    margin:-12px auto;
}
.rtr-neg9 {
    width: 175px;
    background-color: transparent;
}
.rtate-neg11 {
-webkit-transform: rotate(-11deg);
-moz-transform: rotate(-11deg);
-o-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
    margin:-3px auto;
}
.rtr-neg11 {
    width: 175px;
    background-color: transparent;
}
/********************  END: Auto tilt/rotate images   ********************/

/********************  Drop shadow image  ********************/
.dropshadow_image_1_inner {
    -moz-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
    -webkit-box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
    box-shadow: 13px 13px 9px rgba(0,0,0,0.7);
}
.dropshadow_image_1_outer {
  background:transparent;
  margin: 20px 30px 20px 0px;
}
/********************  END: Drop shadow image  ********************/

/********************  Dropped-rotated limited  ********************/
.dropped-rotated-img-limit {
  max-width: 400px;
  margin-bottom: 35px;
}
/********************  END: Dropped-rotated limited  ********************/


/********************  Pop-up modals for cards (or anything)  ********************/
.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 200px auto;
  padding: 20px;
  background: #eee;
  z-index:999;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-size: 18px;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
/********************  Pop-up modals for cards END  ********************/