/*

------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support
12.Error Messages
13.Media Queries

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing:
  Desired px ÷ Default (or parent) px = em size

------------------------------------------------
Fluid width calculations
  Sidebars and main regions widths are calculated proportionally to the
  #container width using percentage widths and margins. It is recommended
  you set #container widths using media queries.

  DEFAULT VALUES:

  SB1 = Sidebar First width = 18%
  SB2 = Sidebar Second width = 18%
  G = Gutter between main column and sidebars = 2%

  If you want to adjust one of the default values above, follow the formulas in
  the code comments below in the Layout section to adjust all other values.
  You can also use a CSS compiler to compute these values.

------------------------------------------------*/

/**
 * RESET
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */

body {
  color: #222;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,
    Verdana, sans-serif;
  font-size: 13px; /* 87.5% base size*/
  /*font-size: 81.25%;  13px base size*/
  line-height: 1.5;
  padding: 0;
  background: transparent url(images/noise.png);
  margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Trebuchet MS", "Trebuchet", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-style: normal;
  font-weight: normal;
}

h1#page-title {
  margin-bottom: 0.75em;
}

h1,
.h1 {
  font-size: 1.4em;
  line-height: 1.5;
  margin-top: 0.75em;
}

h2,
.h2 {
  font-size: 1.4em;
  line-height: 1;
  margin-top: 1em;
  margin-bottom: 1em;
}

h3,
.h3 {
  font-size: 1.25em;
  line-height: 1.2;
  margin-top: 1.2em;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 1.5em;
}

p, .nopremium-message p {
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 1.5em 0 !important;
}

/* #00B9CA */
a {
  color: #3498db;
  text-decoration: none;
}

a:visited {
  color: #3498db;
}

a:hover,
a:active,
li a.active {
  color: #3498db;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* apply common styling after reset.css */

strong,
b,
strong *,
b * {
  font-weight: bold !important;
}
em,
i,
em *,
i * {
  font-style: italic !important;
}
li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
hr {
  background: #ddd;
  border: none;
  clear: both;
  float: none;
  height: 1px;
  margin: 0 0 1.4375em;
  width: 100%;
}
fieldset {
  border: 1px solid #ddd;
  margin: 0 0 1.4375em;
  padding: 1.5em;
}
fieldset legend {
}
table {
  margin-bottom: 1.5em;
  width: 100%;
}
th,
tr,
td {
  vertical-align: middle;
}
th {
  padding-right: 1em;
}
.sticky-header th,
.sticky-table th {
  padding-right: 1em;
  text-align: left;
}
tr.even,
tr.odd {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding: 1em 0.6em;
}
tr.odd {
  background-color: #f9f9f9;
}
tbody tr:hover {
  background-color: #f6f6f6;
}

form .field-multiple-table th.field-label,
td,
th {
  padding: 0.5em 1em;
}
th {
  font-size: 0.85em;
  text-align: center;
  text-transform: uppercase;
  border-bottom: solid #ccc 0.3em;
  padding: 0.6em 1em;
}
td.active {
  background: none;
}
th.active a.active img {
  margin-left: 5px;
}
form .field-multiple-table th.field-label {
  padding-left: auto;
}
img,
object {
  max-width: 100%;
  height: auto;
}

input:disabled,
isindex:disabled,
textarea:disabled {
  color: #7d7d7d;
}
.vertical-tabs {
  background: #fefefe;
}
.vertical-tabs ul.vertical-tabs-list li {
  background: #f2f2f2;
}
.vertical-tabs ul.vertical-tabs-list li.selected {
  background: #fefefe;
}

/**
 * LAYOUT
 */

.dialog-off-canvas-main-canvas {
  margin: 0 auto;
  /* padding: 10px 0; */
  background-image: url(images/noise.png);
  /* Default is fluid width. You *could* set a fixed width here if you need to.
  But setting the width with media queries will result in more "responsive-y"
  behavior. */
  width: 100%;
  /* Allow for setting background color opacity, allows bg to show through */
  background-color: #f9f9f9;
  border-radius: 0;
}
.main-container {
    background-color: #ffff;
}

.navbar-header {
  width: 82%;
  margin: 0 auto;
  float: none;
}
.navbar-default {
    background-color: #fff;
}
.navbar-btn {
    margin-top: 0px;
    margin-bottom: 6px;
}

.container-inner-logo {
  width: 82%;
  margin: 0 auto;
  padding-top: 1em;
  /*padding-bottom: 1em;*/
  overflow: hidden;
}

.container-inner-navigation, #navbar-collapse {
    padding: 0 0 0 14%;
    width: 100%;
    background-color: #404041;
    height: 43px !important;
    clear: both;
}

.container-inner-content {
  width: 85%;
  background-color: #fff;
  margin: 0 auto;
  padding: 30px;
}
.col-sm-12 {
    padding: 0;
}
.container-inner-content {
    margin-topp: -42px;
}
.page-header {
    border-bottom: 0px;
    margin-bottom: 0.75em;
    margin-top: 0.75em;
    padding: 0;
}

/* Top and bottom block regions, they are outside of #container */
#top,
#bottom {
  width: 80%;
  background-color: #fff;
  margin: 0 auto;
  clear: both;
}
#bottom {
  width: 80%;
  background-color: #fff;
  margin: 0 auto;
}

/**
 * MAIN
 *
 */

/* 1 column: global values*/

#main {
  /*display: inline;*/
  margin: 0;
}

/* 3 columns */
body.two-sidebars #main {
  width: 90%;
  margin: 0 auto;
}

/* 2 columns: sidebar-first */
body.sidebar-first #main {
  width: 90%;
  margin: 0 auto;
}

/* 2 columns: sidebar-second */
body.sidebar-second #main {
  width: 90%;
  margin: 0 auto;
}

/**
 * SIDEBARS
 */

/* 3 columns: sidebar-first */
body.two-sidebars #sidebar-first {
  width: 90%;
  margin: 0 auto;
}

/* 3 columns: sidebar-second */
body.two-sidebars #sidebar-second {
  width: 90%;
  margin: 0 auto;
}

/* 2 columns: sidebar-first */
body.sidebar-first #sidebar-first {
  width: 90%;
  margin: 0 auto;
}

/* 2 columns: sidebar-second */
body.sidebar-second #sidebar-second {
  width: 90%;
  margin: 0 auto;
}

/**
 * HEADER
 */
#header {
  margin: 0 0 0.6em 0;
  /*padding: 0.5em 0 0;*/
  padding: 0 0 0;
  position: relative;
  /*border-bottom: solid #eee 1px;*/
}

#header #logo {
  float: left;
  margin: 0 1em 1.5em 0;
}

#header #site-name-slogan {
  float: left;
  margin: 0 3em 1.5em 0;
}

#header #site-name {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0;
  margin-top: 0.6em;
  color: #111111;
  display: inline-block;
  font-variant: small-caps;
  vertical-align: middle;
}

#header #site-name a {
  color: #111111;
}
#header #site-name a:hover {
  text-decoration: none;
}

#header #site-slogan {
  margin: 0;
}
header#navbar {
    background-color: transparent;
}

/**
 * MAIN MENU NAVIGATION
 */

#navigation {
  margin: 0;
  /* padding: 20px 0 0 0;
  display: inline-block; */
  vertical-align: top;
  border-top: #eeeeee 1px solid;
  width: 100%;
}

#navigation ul#main-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu li a {
  display: block;
  padding: 0.9em 1em 0.7em 1em;
  margin: 0;
  margin-bottom: 5px;
  font-size: 1.25em;
  color: #404041;
  font-weight: normal;
  text-align: center;
}

#navigation ul#main-menu li a:hover {
  color: #b51f2a;
}
#navigation ul#main-menu li a.active {
  color: #404041;
  border-top: solid 1px #ced2dd;
}

#navigation ul#secondary-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li a {
  display: block;
  padding: 0 2em 0 0;
}

/**
 * BREADCRUMBS
 */
.breadcrumb {
  clear: both;
  padding: 0;
  background-color: none;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 0;
}
.breadcrumb {
  border-top: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}
.breadcrumb a {
  display: inline-block;
  background: url(images/arrow-divider.png) no-repeat right center;
  padding: 0 40px 0 20px;
  line-height: 40px;
  font-size: 0.857em;
  color: #666666;
  text-transform: uppercase;
}
.breadcrumb a:hover {
  text-decoration: underline;
}

#skip-link {
  position: absolute;
}

/**
 * Menus, Tabs, Item Lists
 */
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}

/* admin tabs */

.tabs-wrapper {
  border: none;
  margin: 1em 0;
}

ul.primary {
  border: none;
  margin: 0 auto;
  padding: 0;
}

ul.pager {
  margin: 0;
  padding: 1.5em 0;
  clear: both;
}
.item-list .pager li {
  padding: 0;
  margin: 0;
}
.button,
ul.primary li a,
.form-submit,
.add-to-cart-link,
ul.pager li a,
ul.pager li.pager-current {
  font-weight: normal;
  margin-right: -1px;
  cursor: pointer;
  font-size: 0.95em;
  text-decoration: none;
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  text-align: center;
  padding: 0.75em 2em;
  text-transform: uppercase;
  color: #333333;
  border: 1px solid #8e8e8e;
  text-shadow: 0em 0.05em 0px #fff;

  background: #f9f9f9; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f9f9f9),
    color-stop(100%, #dddddd)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #f9f9f9 0%,
    #dddddd 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #f9f9f9 0%,
    #dddddd 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); /* IE10+ */
  background: linear-gradient(top, #f9f9f9 0%, #dddddd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
}
.add-to-cart-link,
.node-form .form-submit,
.form-submit {
  margin-right: 5px;
  float: none;
  display: inline-block;
}
.add-to-cart-link:hover,
ul.primary li a:hover,
.form-submit:hover,
ul.pager li a:hover {
  background: #666;
  border: 1px solid #8e8e8e;
  color: #333333;

  background: #f9f9f9; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f9f9f9 0%, #cccccc 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f9f9f9),
    color-stop(100%, #cccccc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #f9f9f9 0%,
    #cccccc 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #f9f9f9 0%,
    #cccccc 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9f9f9 0%, #cccccc 100%); /* IE10+ */
  background: linear-gradient(top, #f9f9f9 0%, #cccccc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

ul.primary li a.active,
ul.primary li.active a,
ul.primary li a.active:hover,
ul.pager li.pager-current {
  background: #c8c8c8 url(images/noise.png); /*C2C2C2*/
  border: 1px solid #aaaaaa;
  border-top: 1px solid #888888;
  border-left: 1px solid #888888;
  /*text-shadow: 0 0 1px #FFF;*/
}

ul.primary li:first-child a,
ul.pager li.pager-first a,
ul.pager li.pager-current.first {
  border-radius: 3px 0 0 3px;
}

ul.primary li:last-child a,
ul.pager li.pager-last a,
ul.pager li.pager-current.last {
  border-radius: 0px 3px 3px 0;
}

ul.secondary {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a,
ul.secondary li a:link {
  padding: 0;
  margin: 0;
  border: none;
  color: #bbb;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: 0em 1px 0em #fff;
  font-weight: normal;
  border-bottom: solid 2px #bbb;
}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: solid 2px #666;
  color: #333;
}

ul.secondary a.active {
  border-bottom: none;
}

/**
 * NODES (GENERAL)
 */

.node {
  margin-bottom: 1.5em;
}

/* tags */

.field-name-field-tags {
  margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/* profile */

.profile {
  margin: 1.5em 0;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.profile dd {
  margin-bottom: 1.5em;
}

.password-parent {
  width: 36em;
}

/**
 * COMMENTS
 */
#comments {
  clear: both;
  margin-top: 1.5em;
}
.comment {
  margin-bottom: 1.5em;
}
.comment .new {
  color: red;
  text-transform: capitalize;
  margin-left: 1em;
}

/**
 * BLOCKS (GENERAL)
 */

.block, .pt-controls-wrapper {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.sidebar .block,
.sidebar {
  margin-top: 2em;
  padding-top: 1em;
  border-top: solid #ddd 2px;
}

/**
 * FOOTER
 */
#footer {
    clear: both;
    padding: 1.5em 0;
    position: relative;
    text-align: right;
    border-top: solid #eee 1px;
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
}
#footer a.feed-icon {
  background: orange;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  width: 1.4em;
  height: 1.4em;
  overflow: hidden;
  text-align: center;
  padding: 1px 1px 0 1px;
}
a.pushtape-services-link {
  color: #666;
  border: solid #888 2px;
  padding: 0.5em;
  text-transform: uppercase;
  margin-left: 0.5em;
}
a.pushtape-services-link:hover {
  background: #666;
  color: #fff;
}

.pushtape-services-link .genericon {
  font-size: 1.5em;
}

.node footer {
  float: right;
}

/**
 * CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */

/* clear floats */
.clear {
  clear: both;
}

/* display block */
.display-block {
  display: block;
}

.clearfix:after {
  font-size: 0;
}
.field-label-inline {
  /** Removed problematic clearfix from field-label-inline elements (see template.php)
   *  Use overflow method instead: http://www.quirksmode.org/css/clearing.html
   **/
  overflow: auto;
}
.cart.cart-form #edit-actions {
    float: right;
    padding-top: 10px;
}
button.button--add-to-cart.button {
    margin: 5px 0;
}
#block-dreamplays-views-block-id-block-1 .field--name-variations.field--type-entity-reference .field--item {
    position: relative;
  /*  bottom: -95px; */
}

/**
 *
 * Error messages
 *
 */
div.messages, .alert-success {
  margin: 0 auto;
  padding: 10px;
  padding-left: 40px;
  border-width: 0 0 0px 5px;
  background-color: #f9f7e4;
  border-color: #f0c36d;
  font-size: 0.85em;
  border-bottom: solid 1px #c3c3c3;
}
div.status, .alert-success {
  background: url(../images/check.png) no-repeat 15px center;
  background-color: #cfeea7;
  border-color: #aac68b;
}
div.error,
.error {
  color: #cc3300;
}
div.error {
  border: none;
  border-left: solid 3px #ff9d7b;
  background: url(images/error.png) no-repeat 15px center;
  padding-left: 40px;
}
div.error,
table tr.error {
  background-color: #fff6f3;
}
div.warning {
  background: url(images/error.png) no-repeat 15px center;
  padding-left: 40px;
  background-color: #f9f7e4;
  border-color: #f0c36d;
}
div.error,
div.warning,
div.messages,
div.status {
  border-bottom: solid 1px #efefef;
}

/**
 * Views for releases, albums, tracks
 *
 */
#main .view-releases .views-row,
#main .view-albums .views-row,
#main .view-tracks .views-row,
.main-container .view-albums .views-row{
  /* Alternate: inline-block instead of float to accomodate variable heights. IE fix: zoom:1; *display: inline; _height: 300px;
  display:inline-block;
  vertical-align:top;
  */
  float: left;
  margin-right: 15px;
  padding-bottom: 1%;
  margin-bottom: 0;
  height: 280px;
  width: 225px; /* artwork_medium imagecache*/
}

.view-releases .views-row .views-field-field-artwork img,
.view-albums .views-row .views-field-field-artwork img,
.view-tracks .views-row .views-field-field-artwork img {
  display: block;
  border: 1px solid #949494;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 1px;
}

.view-releases .views-row .views-field-field-artwork img:hover,
.view-albums .views-row .views-field-field-artwork img:hover,
.view-tracks .views-row .views-field-field-artwork img:hover {
  border-color: #bfbfbf;
  display: block;
}

.view-releases .views-row .views-field-field-artwork a,
.view-albums .views-row .views-field-field-artwork a,
.view-tracks .views-row .views-field-field-artwork a {
  background: 000;
  display: block;
}

.view-releases .views-row .views-field-title a,
.view-albums .views-row .views-field-title a,
.view-tracks .views-row .views-field-title a {
  font-family: "Arvo", Georgia, serif;
  font-style: italic;
  display: block;
  padding: 0.5em 1em;
  padding-left: 0px;
}

.sidebar .view-releases .views-row,
.sidebar .view-albums .views-row,
.sidebar .view-tracks .views-row {
  /*Alternate method: inline-block to deal with variable heights. IE fix: zoom:1; *display: inline; _height: 120px;
   display:inline-block;
   vertical-align:top;
   */
  margin-right: 1.4%;
  margin-bottom: 1%;
  min-height: 120px;
  float: left;
  min-width: 100px; /* artwork_small imagecache width*/
}

.view-events .view-empty,
.view-news .view-empty,
.view-photosets .view-empty,
.view-releases .view-empty,
.view-albums .view-empty,
.view-tracks .view-empty {
  background: #fafafa url(images/noise.png);
  border: dashed 3px #f2f2f2;
  padding: 1em;
  padding-top: 2em;
  padding-left: 2em;
  height: auto;
  border-radius: 5px;
}

body.node-type-album .field,
body.node-type-track .field {
  margin-bottom: 0.5em;
}

body.node-type-album .field-label,
body.node-type-track .field-label {
  margin-bottom: 0.25em;
}

body.node-type-album .field-name-field-artwork,
body.node-type-track .field-name-field-artwork {
  margin: 0 auto;
}
body.node-type-album .field-name-field-artwork img,
body.node-type-track .field-name-field-artwork img {
  width: 100%;
}
body .node-form .field-name-field-artwork img {
  width: auto;
}
body.node-type-album.page-node-edit .field-name-field-artwork,
body.node-type-track.page-node-edit .field-name-field-artwork {
  float: none;
  margin: 0;
}

body.node-type-album .field-name-field-links,
body.node-type-track .field-name-field-links {
  overflow: auto;
}
body.node-type-album .field-name-field-links .field-item a,
body.node-type-track .field-name-field-links .field-item a {
  float: left;
  display: block;
  padding: 0.75em 1.5em;
  background: #f5f5f5;
  border-left: solid 0.75em #f2f2f2;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
body.node-type-album .field-name-field-links .field-item a:hover,
body.node-type-track .field-name-field-links .field-item a:hover {
  border-color: #e0e0e0;
  background: #f3f3f3;
}

/**
 * Node admin and form styles
 */

body.page-admin {
  background: #f4f4f4 url(images/noise.png);
}
body.page-admin #container {
  background: none;
  margin-top: 0px;
}

body.page-admin #page-title {
  padding-left: 25px;
  /* @TODO Replace with genericon */
  background: url(images/gears-small.png) no-repeat center left;
  text-transform: uppercase;
}

body.page-admin .cover-image,
body.page-admin #site-name,
body.page-admin #header {
  display: none;
}
.admin-panel h3 {
  border-bottom: solid 1px #f0f0f0;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.node-form {
  background: #fafafa url(images/noise.png);
  border: solid 1px #f2f2f2;
  padding: 20px;
  height: auto;
  padding-bottom: 50px;
  border-radius: 5px;
}
.node-form .form-text,
.node-form .form-textarea {
  font-size: 110%;
  color: #444;
  padding: 3px;
  width: 99.999%;
}
.node-form .form-text {
  width: 80%;
}
.node-form #edit-title {
  font-size: 1.75em;
  width: 80%;
}
.description {
  font-style: italic;
  color: #676767;
  padding: 5px 5px 5px 0;
  font-size: 0.95em;
}

/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(images/throbber-static.gif);
  background-position: 99% 50%; /* LTR */
  background-repeat: no-repeat;
}
span.views-throbbing,
html.js input.throbbing {
  background-image: url(images/throbber.gif);
  background-position: 99% 50%; /* LTR */
  background-repeat: no-repeat;
}
/* File upload throbber */
html .ajax-progress .throbber {
  background: none;
}
.ajax-progress-throbber {
  background: transparent url(images/throbber.gif) center center no-repeat;
}

/**
 * Additional Styles
 */
/**
   * Pushtape Menu Block
   */
#block-menu-menu-pushtape {
  background: #444444 url(images/noise.png);
  margin: 0 auto;
  padding: 0;
  height: 40px;
  text-align: center;
  position: relative;
}
#block-menu-menu-pushtape h2 {
  display: block;
  text-align: left;
  height: 40px;
  overflow: hidden;
  cursor: pointer;
  border-bottom: solid #333 1px;
  color: #ffffff;
  /* Prevent text highlighting on click */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
}
#block-menu-menu-pushtape h2:before {
  font-family: "Genericons";
  content: "\f419";
  line-height: 40px;
  width: 40px;
  display: block;
  text-align: center;
  color: #ffffff;
}

#block-menu-menu-pushtape,
#block-menu-menu-pushtape ul.menu {
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
#block-menu-menu-pushtape ul.menu,
#block-menu-menu-pushtape ul.menu li {
  list-style: none;
}
/**
 * Pushtape Menu Block
 */
#block-menu-menu-pushtape ul.menu li.active-trail ul.menu,
#block-menu-menu-pushtape {
  height: auto;
}

/* Hide//show*/
#block-menu-menu-pushtape ul.menu {
  display: none;
}
#block-menu-menu-pushtape ul.menu.expanded {
  display: block;
}

#block-menu-menu-pushtape ul.menu a {
  display: block;
  float: none;
  padding: 0 20px 0 20px;
  color: #ddd;
  line-height: 40px;
  border-bottom: solid #333 1px;
}
#block-menu-menu-pushtape ul.menu a:hover {
  color: #fff;
  background: #444 url("images/noise.png");
  background: #333;
}
#block-menu-menu-pushtape ul.menu li.expanded a,
#block-menu-menu-pushtape ul.menu a.active {
  color: #fff;
  background: #666;
}
#block-menu-menu-pushtape ul.menu li.active-trail ul.menu {
  position: inherit;
  background: #666;
  color: #eee;
}
#block-menu-menu-pushtape ul.menu li.active-trail ul.menu a {
  padding-left: 50px;
}
#block-menu-menu-pushtape ul.menu li.active-trail ul.menu a:hover {
  background: transparent;
  color: #fff;
}

/**
 * Pushtape Dashboard Styles
 */
.view-dashboard .view-header {
  width: 100%;
  overflow: auto;
}
.view-dashboard div.views-field-created,
.view-dashboard .views-field-type {
  font-family: Georgia, serif;
  text-transform: lowercase;
  color: #999;
  font-style: italic;
}
th.views-field-created {
  color: #999;
}
td.views-field-created {
  font-family: Georgia, serif;
  font-size: 0.9em;
}
.view-dashboard .views-row {
  padding: 10px 20px;
  overflow: auto;
  border-bottom: solid 1px #ddd;
  background: #fcfcfc;
}
.view-dashboard .views-row:hover {
  background: #f6f6f6;
}
.view-dashboard .views-row-1 {
  font-size: 2em;
  border-bottom: solid 5px #ccc;
  background: transparent;
}
.view-dashboard .views-row-last {
  border: none;
}
.view-dashboard .views-row img {
  border: 1px solid #949494;
  padding: 1px;
  float: right;
}

/**
 * News View & Node
 *
 */
.view-news .views-row {
  padding: 0.25% 4%;
  border-bottom: solid #eee 1px;
}
.view-news .views-row-last {
  border-bottom: none;
}
.view-news .views-row h2 {
  margin-bottom: 0.25em;
  font-size: 1.5em;
}

.view-news .views-row .field-name-body {
  color: #666;
  /*font-family:georgia;*/
  text-align: justify;
}
.view-news .views-row .submitted {
  color: #999;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.view-news .views-row:hover {
  background: #f9f9f9;
}
.view-news .views-row-1 {
  font-size: 1.25em;
  border-bottom: solid #f2f2f2 10px;
}

ul.inline li {
  padding: 0 0.5em 0 0.2em;
  border-right: solid #ddd 1px;
  text-transform: lowercase;
}
ul.inline li.last {
  border-right: none;
}
.submitted {
  color: #999;
  margin-bottom: 0.5em;
}

body.node-type-news .content {
  margin: 0 auto;
}
body.node-type-news .field-name-body {
  /*font-family:georgia;*/
  font-size: 1.25em;
  color: #333;
}

/**
 * Event Styles
 */
.view-events {
  font-size: 0.9em;
}
.view-events .views-field-title {
  text-transform: uppercase;
}
.view-events .views-field-field-date {
  width: 15%;
}
.view-events td.views-field-body {
  width: 50%;
  color: #333;
}
.view-events .views-row-last {
  border-bottom: none;
}
.view-events td {
  padding: 0.5em 1em;
}
#block-views-events-block-1 {
  color: #999;
  border-top: dashed 1px #ddd;
  margin-top: 2em;
  padding-top: 2em;
}
body.node-type-event .field-name-body {
  color: #666;
}
body.node-type-event .field-type-datetime {
  font-size: 1.3em;
  color: #0c0c0c;
  line-height: 1;
  margin-top: 1em;
  margin-bottom: 1em;
}
body.node-type-event .field-name-field-links a {
  float: left;
  display: block;
  padding: 0.75em 1.5em;
  background: #f5f5f5;
  border-left: solid 0.75em #eee;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
body.node-type-event .field-name-field-links a:hover {
  border-color: #e0e0e0;
  background: #f3f3f3;
}

/**
 * Photoset Styles
 */
.view-photosets .views-row {
  margin-bottom: 20px;
}
.view-photosets .views-field-title {
  padding: 7px 15px;
  background: #f3f3f3 url(images/noise.png);
  font-size: 1.2em;
}
.view-photosets .views-field-field-photos {
  background: #f9f9f9 url(images/noise.png);
  padding: 10px;
  border: solid #F3f3f3f 5px;
  border-width: 0 3px 3px 3px;
}
.view-photosets .views-field-field-photos img {
  border: 1px solid #949494;
  display: inline;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}

body.page-node .field-name-field-photos .field-item img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #949494;
}

/**
 * Individual Track Audio & Player Styles
 */
.node-type-track .pt-next,
.node-type-track .pt-previous {
  display: none;
}
/* Hide the actual file display since the global player will handle the single playback case.*/
.node-type-track .field-type-file {
  display: none;
  font-size: 1.2em;
}

body.node-type-track.page-node-edit .field-name-field-audio label {
  display: block;
}
body.node-type-track.page-node-edit .field-name-field-audio {
  display: block;
  text-align: left;
  padding-left: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

.sm2-inline-list .ui360-vis .sm2-360ui,
.sm2-inline-list .ui360-vis:hover .sm2-360ui,
.ui360-vis .sm2-360ui,
.ui360-vis:hover .sm2-360ui {
  /*
  background: #F3f3f3 url(images/noise.png);
  border-radius:50%;
  border:solid 1px #DDD;
  */
}

.ui360-vis .sm2-360btn-default {
  background: url("images/big-play.png") no-repeat scroll 50% 50% transparent;
  /*background: url("images/play-default.png") no-repeat scroll 50% 50% transparent; */
}
.ui360-vis .sm2-360btn-default:hover,
.ui360-vis:hover .sm2-360btn {
  background: url("images/big-play.png") no-repeat scroll 50% 50% transparent;
  /*background: url("images/play-default-hover.png") no-repeat scroll 50% 50% transparent; */
}

/* Big play button*/
.ui360-vis,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn:hover {
  background: url("images/big-play.png") no-repeat scroll 50% 50% transparent;
}
/* Big Pause button*/
.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn:hover,
.ui360-vis .sm2-360btn-playing:hover {
  background: url("images/big-pause.png") no-repeat scroll 50% 50% transparent;
}

.ui360-vis .sm2-canvas {
  /* Negate the effect of any border width with negative margins */
}

.sm2-inline-list .ui360-vis a,
.ui360-vis a {
  text-transform: uppercase;
  white-space: normal;
}
.sm2-inline-list .ui360-vis:hover a.sm2_link,
.ui360-vis:hover a.sm2_link {
  background-color: transparent;
}

/* Album Tracklist View & Player styles */
.track.album-tracks {
  display: flex;
  align-items: center;
  width: 100%;
}
.view-tracklist ol, .views-field-field-tracklist ul {
  list-style-position: inside;
  margin-left: 0;
  text-indent: 0;
  padding-left: 0;
  width: 100%;
  margin-top: 20px;
}
.view-tracklist .views-field-field-audio {
  float: left;
}
.view-tracklist .views-field-field-audio .pushtape-player-audio, 
.player a {
    /*font-size: 1.6em;*/
    text-align: center;
    padding: 0;
    margin-right: 0.1em;
    outline: none;
    vertical-align: bottom;
    text-decoration: none;
}
.view-tracklaist .views-field-field-audio .pushtape-player-audio:before {
  padding: 0;
}
.views-field-field-tracklist li, 
.view-tracklist article.track.album-tracks.clearfix {
  border-bottom: solid #eee 1px;
  list-style: none;
}

.pt-controls .audio-list {
    border-bottom: 0;
}
.views-field-field-tracklist li:before {
  position: absolute;
  left: 6%;
  width: 2.5rem;
  text-align: right;
  padding-right: 0.5rem;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.view-tracklist .views-row-even {
  /*border-left:solid 10px #FCFFE8;
  border-left:solid 10px #FFEDBF;*/
}
.view-tracklist .views-row-last {
  border-bottom: none;
}
.field--name-field-tracklist .field--item:hover,
.view-tracklist .views-row:hover,
.audio-list:hover {
  background: #f6f6f6;
}
.field--name-field-tracklist li:hover {
    background: #f6f6f6;
}
.view-tracklist .views-field-field-artist {
  color: #777;
  font-size: 0.9em;
  font-style: italic;
  margin-left: 1em;
}
.view-tracklist .views-field-title, .play-title a {
  font-weight: bold;
  color: #3498db;
  text-decoration: none;
}
/* Tracklist Player UI 360 Style*/
.view-tracklist .ui360 a,
.view-tracklist .ui360-vis a {
  display: none;
}
.view-tracklist .ui360 .sm2-360btn-default {
  background: url(images/play-default.png) no-repeat 50% 50%;
  background-size: contain;
}
.view-tracklist .ui360 .sm2-360btn-default:hover {
  background: url(images/play-default-hover.png) no-repeat 50% 50%;
  background-size: contain;
}
.view-tracklist .ui360:hover,
.view-tracklist .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover,
.view-tracklist .ui360,
.view-tracklist .ui360 .sm2-360ui.sm2_paused .sm2-360btn {
  background: url(images/play.png) no-repeat 50% 50%;
}
.view-tracklist .ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.view-tracklist .ui360 .sm2-360btn-playing:hover {
  background: url(images/pause.png) no-repeat 50% 50%;
}
article.track.album-tracks .content,
article.track.album-tracks h2{
    
}
article.track.album-tracks .content {
  order: 1;
  margin-right: 1rem;
}

article.track.album-tracks h2 {
    order: 2;
    margin-right: 1rem;
    line-height: 50px;
    font-weight: 900;
    font-size: 1.1em;
}
.custom-audio-wrapper {
  margin: 1em 0;
}

.custom-audio-toggle {
  color: #000;
  border: none;
  padding: 0px 30px;
  cursor: pointer;
  background: transparent;
  font-size: 1.5em;
}

/* Album Premium Tracklist View & Player styles */
.view-tracklist-premium ol {
  list-style-position: inside;
  margin-left: 0;
  text-indent: 0;
  padding-left: 0;
  width: 100%;
  margin-top: 20px;
}
.view-tracklist-premium .views-field-field-audio {
  float: left;
}
.view-tracklist-premium .views-field-field-audio .pushtape-player-audio {
  font-size: 2.5em;
  text-align: center;
  padding: 0;
  margin-right: 0.1em;
  outline: none;
  vertical-align: bottom;
}
.view-tracklist-premium .views-field-field-audio .pushtape-player-audio:before {
  padding: 0;
}
.field--name-field-tracklist > .field--item,
.view-tracklist-premium .views-row,
.view-tracklist-premium ol li {
  line-height: 50px;
  padding: 5px 10px;
  padding-left: 30px;
  border-bottom: solid #eee 1px;
  list-style-type: decimal-leading-zero;
  /*border-left:solid 10px #F5F2E3;*/
}
.view-tracklist-premium .views-row-even {
  /*border-left:solid 10px #FCFFE8;
  border-left:solid 10px #FFEDBF;*/
}
.view-tracklist-premium .views-row-last,
.view-tracklist-premium ol li:last-child {
  border-bottom: none;
}
.view-tracklist-premium .views-row:hover,
.view-tracklist-premium ol li:hover {
  background: #f6f6f6;
}
.view-tracklist-premium.views-field-field-artist {
  color: #777;
  font-size: 0.9em;
  font-style: italic;
  margin-left: 1em;
}
.view-tracklist-premium .views-field-title {
  display: inline;
  font-weight: bold;
}
/* Tracklist Player UI 360 Style*/
.view-tracklist-premium .ui360 a,
.view-tracklist-premium .ui360-vis a {
  display: none;
}
.view-tracklist-premium .ui360 .sm2-360btn-default {
  background: url(images/play-default.png) no-repeat 50% 50%;
  background-size: contain;
}
.view-tracklist-premium .ui360 .sm2-360btn-default:hover {
  background: url(images/play-default-hover.png) no-repeat 50% 50%;
  background-size: contain;
}
.view-tracklist-premium .ui360:hover,
.view-tracklist-premium .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover,
.view-tracklist-premium .ui360,
.view-tracklist-premium .ui360 .sm2-360ui.sm2_paused .sm2-360btn {
  background: url(images/play.png) no-repeat 50% 50%;
}
.view-tracklist-premium .ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.view-tracklist-premium .ui360 .sm2-360btn-playing:hover {
  background: url(images/pause.png) no-repeat 50% 50%;
}


/*
Node Option Premium
*/
.nopremium-message {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em;
}


/**
 * Pushtape-player overrides (see: pushtape-player.css)
 */
.pt-scrubber .pt-statusbar {
  background: #fdfdfd;
}
.pt-scrubber .pt-statusbar .pt-loading {
  background: #f6f6f6;
}
.pt-scrubber .pt-statusbar .pt-handle {
}
.pt-scrubber .pt-statusbar .pt-position {
  background-color: #999999;
}
.pushtape-player-audio:before,
.pt-play-pause .genericon,
.pt-next .genericon,
.pt-next:hover .genericon,
.pt-previous .genericon,
.pt-previous:hover .genericon,
.pt-link:before {
  /* Override player button text color here. */
  color: rgba(0, 0, 0, 0.8);
}
.pt-next {
  border-left: solid 1px #eee;
  padding-left: 1.4em;
  margin: 0;
  text-align: center;
}
.pt-previous {
  padding-right: 1.4em;
  margin: 0;
  text-align: center;
}
.pt-current-track-title {
  font-style: italic;
  font-size: 1em;
  color: #999;
}

/**
 * Colorbox
 */

/* Ensure no border on colorbox button elements */
/* Fix is upstream in dev http://drupal.org/node/1925056 */
button,
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  border: none;
}

#cboxWrapper {
  border-radius: 1px;
}

/**
 * Maintenance Page
 */
body.maintenance-page {
  background: #f0f0f0 url(images/stripe.png);
  margin: 0 auto;
}

body.maintenance-page ul.pager li a,
body.maintenance-page ul.pager li.pager-current,
body.maintenance-page ul.primary li a,
body.maintenance-page .form-submit {
  text-align: center;
  padding: 0.75em 2em;
}

body.maintenance-page #container {
  background: #fefefe url(images/noise.png);
  padding: 30px;
  border: solid #ddd 1px;
  width: 500px;
  margin: 0 auto;
}

body.maintenance-page #header {
  background: #fefefe url(images/noise.png);
  padding: 30px;
  border-bottom: solid #ddd 1px;
  border-left: solid #ddd 1px;
  border-right: solid #ddd 1px;
  width: 800px;
  margin: 0 auto;
  margin-bottom: 10px;
}

body.maintenance-page #header #site-name-slogan {
  margin: 0 auto;
  float: none;
}

body.maintenance-page #header #site-name a {
  margin-left: 40px;
  padding-left: 159px;
  background: url(images/pushtape-logo.png) no-repeat center left;
  line-height: 60px;
  display: block;
  font-size: 20px;
  font-weight: normal;
  color: #7d7f82;
  font-variant: small-caps;
}

body.maintenance-page #main {
  width: 75%;
}
body.maintenance-page #sidebar-first {
  width: 20%;
}

body.maintenance-page .task-list {
  margin: 0;
  padding: 0;
  text-indent: none;
}

body.maintenance-page .task-list li {
  display: block;
  line-height: 50px;
  font-size: 0.857em;
  color: #888888;
  text-transform: uppercase;
  border-left: solid 7px #eeeeee;
  padding-left: 1em;
}
body.maintenance-page .task-list li.active {
  border-color: #f5ebb1;
  background: #f4f4f4;
  color: #555555;
}

body.maintenance-page li:hover {
  /*background:#F4F4F4;*/
}
body.maintenance-page ul.post-install-notes {
  list-style-type: square;
}
body.maintenance-page fieldset {
  background: #f4f4f4;
}
body.maintenance-page fieldset legend {
  font-size: 1.1em;
}
body.maintenance-page fieldset.collapsed {
  background: none;
}
body.maintenance-page #page-title {
  font-variant: small-caps;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}
.progress .bar {
  height: 35px;
  background: #ddd url(images/noise.png);
  border-color: #d0d0d0; /*BBB*/

  border-bottom: solid #d0d0d0 1px;
  border-right: solid #d0d0d0 1px;
  border-width: 1px;
  margin: 0 0.2em;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.progress .filled {
  height: 35px;
  /*background: #0072b9 url(images/progress.gif);*/
}

.view-dreamplay-artists .views-col {
    padding: 0.5em 1em;
}

.view-dreamplay-artists .views-col:hover {
    background-color: #f6f6f6;
}
.page-node-type-event-page #page-title {
    display: none;
}

.page-node .pt-link:before {
    font-size: 2em;
}
.pt-scrubber .pt-statusbar .pt-loading {
    background: #f6f6f6;
}
.field--name-field-page-artwork,
.field.field--name-field-artwork.field--type-image {
    max-width: 450px;
    overflow: hidden;
    margin: 0 0 15px 0;
}
/* body.path-node.page-node-type-page h1.page-header span, */
.about-us-page #block-dreamplays-views-block-id-block-1 , 
.contact-us-page #block-dreamplays-views-block-id-block-1  
{
    display: none;
    visibility: hidden;
}
#block-dreamplays-views-block-id-block-1 .views-field-field-page-node-reference-1 {
    font-size: 2em;
    line-height: 1.5;
    margin-top: 0.75em;
    font-family: "Trebuchet MS", "Trebuchet", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 9px;
    margin: 40px 0 20px;
}

article.page .field.field--name-field-page-artwork.field--type-image.field--label-hidden.field--item {
  /*  margin-top: -10%; */
}

.about-us-page .page-header span, .contact-us-page .page-header span {
    display: block !important;
    visibility: visible !important;
}

/** ,
#block-dreamplays-views-block-id-block-1
 * xx. Media Queries
 *
 * Should be at the bottom of the CSS file.
 *
 */

/**
 * TABLET, DESKTOP
 */
@media screen and (min-width: 768px) {
  body {
    background: none;
    margin: 0;
  }
  #container {
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
    /*margin: 50px auto;
    margin-bottom: 150px;*/
  }
  /*.container-inner {
    padding: 0 2%;
  }*/

  body.maintenance-page #container {
    width: 800px;
  }
  h1,
  .h1 {
    font-size: 2em;
  }
  h2,
  .h2 {
    font-size: 1.5em;
  }
  .path-dreamplay-artists h2,
  .path-dreamplay-artists .h2 {
    font-size: 2em;
  }
  #header #site-name {
    font-size: 2.5em;
    margin: 0;
    vertical-align: baseline;
  }
  div.messages {
    font-size: 0.9em;
  }
  body.page-admin #page-title {
    padding-left: 40px;
    /*@TODO Replace with genericon */
    background: url(images/gears.png) no-repeat center left;
  }

  /**
   * MAIN LAYOUT
   */

  /* 3 columns */
  body.two-sidebars #main {
    float: left;
    margin: 0 0 0 20%; /* SB1 + G */
    padding: 0;
    width: 59.97%; /* 99.97 - (SB1 + G) - (SB2 + G) */
  }

  /* 2 columns: sidebar-first */
  body.sidebar-first #main {
    float: right;
    margin: 0;
    padding: 0;
    width: 79.97%; /* 99.97 - (SB1 + G)*/
  }

  /* 2 columns: sidebar-second */
  body.sidebar-second #main {
    float: left;
    margin: 0;
    padding: 0;
    width: 79.97%; /* 99.97 - (SB2 + G)*/
  }

  /**
   * SIDEBARS
   */

  /* 3 columns: sidebar-first */
  body.two-sidebars #sidebar-first {
    float: left;
    margin: 0 0 0 -77.97%; /* (SB1 + G) - 99.97] */
    padding: 0;
    width: 18%; /* SB1 */
  }

  /* 3 columns: sidebar-second */
  body.two-sidebars #sidebar-second {
    float: right;
    margin: 0;
    padding: 0;
    width: 18% /* SB2 */;
  }

  /* 2 columns: sidebar-first */
  body.sidebar-first #sidebar-first {
    float: left;
    margin: 0;
    padding: 0;
    width: 18%; /* SB1 */
  }

  /* 2 columns: sidebar-second */
  body.sidebar-second #sidebar-second {
    float: right;
    margin: 0;
    padding: 0;
    width: 18%; /* SB2 */
  }

  .sidebar .block {
    border-top: none;
  }

  #main .view-releases .views-row,
  #main .view-albums .views-row,
  #main .view-tracks .views-row {
    margin-right: 20px;
  }
  .sidebar .view-releases .views-row,
  .sidebar .view-albums .views-row,
  .sidebar .view-tracks .views-row {
    margin-bottom: 1.6%;
  }
  .add-to-cart-link,
  ul.pager li a,
  ul.pager li.pager-current,
  ul.primary li a,
  .form-submit {
    padding: 0.4em 1em;
  }

  body.node-type-album .field-name-field-artwork,
  body.node-type-track .field-name-field-artwork {
    float: right;
    margin: 0 0 2% 3%;
  }
  .page-node-type-album .field--name-field-tracklist,
  .page-node-type-album .views-field-field-artwork,
  .page-node-type-album .views-field-field-tracklist {
    /*float: left;
    position: relative;
    width: 50%;*/
  }

  /* this one done*/
  #navigation {
    /*margin-top: 0.9em;*/
    border-top: none;
    width: auto;
  }
  #navigation ul#main-menu li a {
    padding: 0;
    margin: 0.08em 1.2em 0 0;
  }
  #navigation ul#main-menu li a.active {
    border: none;
    border-bottom: solid 2px #cecece;
  }
  .view-tracklist ol, .views-field-field-tracklist ul {
    width: 450px;
    margin-top: 0;
  }

  /**
   * Pushtape Menu Block
   */
  #block-menu-menu-pushtape h2 {
    display: none;
  }
  #block-menu-menu-pushtape ul.menu {
    display: block;
  }
  #block-menu-menu-pushtape li {
    display: inline;
  }
  #block-menu-menu-pushtape ul.menu a {
    display: inline-block;
    padding: 0 20px 0 20px;
    color: #ddd;
    line-height: 40px;
    border: none;
  }
  #block-menu-menu-pushtape ul.menu a:hover {
    color: #fff;
    background: #444 url("images/noise.png");
  }
  #block-menu-menu-pushtape ul.menu li.expanded a,
  #block-menu-menu-pushtape ul.menu a.active {
    color: #fff;
    background: #666;
  }
  /* This actually works pretty well, but feels cluttered */
  #block-menu-menu-pushtape ul.menu li.active-trail ul.menu {
    position: absolute;
    top: 40px;
    right: 0px;
    background: #666;
    color: #eee;
    height: 41px;
    display: none;
  }
  #block-menu-menu-pushtape ul.menu li.expanded ul.menu {
  }
  #block-menu-menu-pushtape ul.menu li.active-trail:hover ul.menu {
    display: block;
  }
  body.logged-in #block-menu-menu-pushtape ul.menu {
    margin: 0 auto;
    width: 600px;
  }
  #block-menu-menu-pushtape ul.menu,
  #block-menu-menu-pushtape ul.menu li {
    list-style: none;
    background: none;
  }
  
}

/**
 * Wide Desktop+
 */
@media screen and (min-width: 1100px) {
  /* By default, this template is fluid width */
  #block-menu-menu-pushtape ul.menu,
  #container {
    width: 100%;
    border-radius: 1px;
  }
}

/**
 * This includes minor tweaks and edge cases for very small screens / mobile.
 */
@media screen and (max-width: 490px) {
    .container-inner-logo {
    width: 94%;
    }
    .container-inner-navigation {
    width: 100%;
    padding: 0;
    height: auto;
    overflow: visible;
    }
    #navigation .region-navigation {
    width: 100%;
    }
    #navigation ul#main-menu li {
    display: block;
    width: 30%;
    border: none;
    }
    #navigation ul#main-menu li a {
    padding: 0.5em 0.25em;
    margin: 0;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
    }
    #navigation ul#main-menu li a.active {
    border: none;
    }
    .breadcrumb {
    display: none;
    }
    .main-container .col-sm-12, .main-container .col-sm-3 {
    padding-left: 0px;
    padding-right: 0px;
    }
    .view-dreamplay-artists .views-col {
    width: 100% !important;
    }
    .navbar .logo {
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    }
    .region.region-navigation {
    width: 100%;
    }
    .main-container .row {
        margin-right: -30px;
        margin-left: -30px;
    }
    .navbar-toggle {
        margin-right: 0px;
        margin-top: 25px;
    }
    .block-superfish {
        width: 100%;
        z-index: 10000;
        position: absolute;
    }
    body.path-products .views-view-grid .views-col {
        width: 100% !important;
    }
}

/* :: Intro/splash/landing page css */
.landinglogo {
  padding: 50px;
  text-align: center;
}

.landinglogo img {
  width: auto;
  height: auto;
}

.front_page_header {
  visibility: hidden;
  display: none;
}

.landingtxt .first_paragraph {
  font-style: italic;
  text-align: left;
  line-height: 1.5;
  color: #404041;
  padding: 0 14%;
}

.landingtxt .second_paragraph {
  font-style: italic;
  /*width: 100%;
  text-align: right;*/
  float: right;
  color: #404041;
  padding: 0 14%;
}

.landingtxt .third_paragraph {
  font-style: italic;
  /*text-align: right;
  width: 100%;*/
  float: right;
  color: #404041;
  padding: 0 14%;
}

.landinglink a {
  border-radius: 10px;
  background: linear-gradient(to right, #b31f2b, #404041);
  transition-duration: 500ms;
  z-index: 1;
  min-width: 133px;
  height: 42px;
  color: #ffffff;
  border: none;
  padding: 0 20px;
  font-size: 14px;
  line-height: 42px;
  font-weight: 550;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -80px;
  margin-top: 90px;
}

.landinglink a:hover {
  background: linear-gradient(to left, #b31f2b, #404041);
  transition-duration: 500ms;
}

.landingnews .latest_news {
  text-align: left;
  line-height: 1.5;
  color: #404041;
  padding: 0 14%;
  margin-top: 200px;
}

.landingnewslink a {
  border-radius: 10px;
  background: linear-gradient(to right, #b31f2b, #404041);
  transition-duration: 500ms;
  z-index: 1;
  min-width: 133px;
  height: 42px;
  color: #ffffff;
  border: none;
  padding: 0 20px;
  font-size: 14px;
  line-height: 42px;
  font-weight: 550;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  left: 48%;
  margin-left: -80px;
  margin-top: 0px;
}

.landingnewslink a:hover {
  background: linear-gradient(to left, #b31f2b, #404041);
  transition-duration: 500ms;
}

/* logo on top */
.container-inner-logo .nav-brand, .logo img {
  width: auto;
  height: auto;
  max-width: 260px;
  max-height: 260px;
}

/* logo at the bottome top */
.container-inner-content .footer-brand {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 100px;
}

/* links for Nolan and Buhr */
.buhr-link a {
  border-radius: 10px;
  background: linear-gradient(to right, #b31f2b, #404041);
  transition-duration: 500ms;
  z-index: 1;
  min-width: 133px;
  height: 42px;
  color: #ffffff;
  border: none;
  padding: 0 20px;
  font-size: 14px;
  line-height: 42px;
  font-weight: 550;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  left: 28%;
  margin-left: -80px;
  margin-top: 60px;
}

.buhr-link a:hover {
  background: linear-gradient(to left, #b31f2b, #404041);
  transition-duration: 500ms;
}

.nolan-link a {
  border-radius: 10px;
  background: linear-gradient(to right, #b31f2b, #404041);
  transition-duration: 500ms;
  z-index: 1;
  min-width: 133px;
  height: 42px;
  color: #ffffff;
  border: none;
  padding: 0 20px;
  font-size: 14px;
  line-height: 42px;
  font-weight: 550;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  left: 72%;
  margin-left: -80px;
  margin-top: 60px;
}

.nolan-link a:hover {
  background: linear-gradient(to left, #b31f2b, #404041);
  transition-duration: 500ms;
}

/* override video module CSS */
.dreamplay-video {
  width: 100%;
  height: 100%;
}

/*--------------------- SuperFish menu custom style -----------------------*/
/*------ superfisfh-1 ------*/
#block-dreamplays-mainnavigation {
  float: left;
  margin: 0;
  padding: 0;
}
#block-dreamplays-mainnavigation .sf-navbar {
  width: 100%;
}
#block-dreamplays-mainnavigation ul {
  padding-left: 0;
}
#block-dreamplays-useraccountmenu li a,
#block-dreamplays-mainnavigation a,
#block-dreamplays-mainnavigation span.nolink {
  border: 0 outset #404041;
  color: #ffffff;
  padding: 1.1em 2em;
  text-transform: uppercase;
}
#block-dreamplays-mainnavigation a.sf-with-ul,
#block-dreamplays-mainnavigation span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
#block-dreamplays-mainnavigation .rtl a.sf-with-ul,
#block-dreamplays-mainnavigation .rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-dreamplays-mainnavigation span.sf-description {
  color: #ffffff;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}
#block-dreamplays-mainnavigation .rtl span.sf-description {
  margin: 5px 5px 0 0;
}
#block-dreamplays-mainnavigation li,
#block-dreamplays-mainnavigation .sf-navbar {
  background: #404041;
}
#block-dreamplays-mainnavigation li li {
  background: #404041;
}
#block-dreamplays-mainnavigation li li li {
  background: #d0d0d0;
}
#block-dreamplays-useraccountmenu li a:hover,
#block-dreamplays-mainnavigation li:hover,
#block-dreamplays-mainnavigation li.sfHover,
#block-dreamplays-mainnavigation a:focus,
#block-dreamplays-mainnavigation a:hover,
#block-dreamplays-mainnavigation a:active,
#block-dreamplays-mainnavigation span.nolink:hover {
  background: #b31f2b;
  outline: 0;
}
#block-dreamplays-mainnavigation li:hover > ul,
#block-dreamplays-mainnavigation li.sfHover > ul {
  top: 40px;
}
#block-dreamplays-mainnavigation .sf-sub-indicator {
  background-image: url("../images/dropdown-arrows.png");
}
#block-dreamplays-mainnavigation div.sf-accordion-toggle a {
  background: #404041;
  color: #ffffff;
  /*padding: 1em;*/
  position: absolute;
  margin-top: -1px;
}
#block-dreamplays-mainnavigation div.sf-accordion-toggle a.sf-expanded,
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li.sf-expanded {
  background-color: #404041;
  position: relative;
}
#block-dreamplays-mainnavigation div.sf-accordion-toggle a.sf-expanded,
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li.sf-expanded > a,
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li a,
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li span.nolink {
  padding-left: 2em;
}
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li li a,
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li li li a,
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li li li li a,
#block-dreamplays-mainnavigation .sf-menu.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li a,
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li li a,
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li li li a,
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li li li li a,
#block-dreamplays-mainnavigation .sf-menu.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-dreamplays-mainnavigation .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol,
#block-dreamplays-mainnavigation .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-dreamplays-mainnavigation .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent,
#block-dreamplays-mainnavigation
  .sf-menu
  ul.sf-megamenu
  li.sf-megamenu-wrapper
  span.nolink.menuparent {
  font-weight: bold;
}
#block-dreamplays-mainnavigation .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper {
  background: #c0c0c0;
}
#block-dreamplays-mainnavigation .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper li {
  background: transparent;
}
#block-dreamplays-mainnavigation
  .sf-menu
  ul.sf-megamenu
  li.sf-megamenu-wrapper
  ol
  li.sf-megamenu-column {
  display: inline;
  float: left;
}
#block-dreamplays-mainnavigation
  .rtl
  ul.sf-megamenu
  li.sf-megamenu-wrapper
  ol
  li.sf-megamenu-column {
  float: right;
}

/*------ superfish-2 ------*/
#block-dreamplays-useraccountmenu {
  float: right;
  margin: 0;
  padding: 0;
}
#block-dreamplays-useraccountmenu .sf-navbar {
  width: 100%;
}
#block-dreamplays-useraccountmenu ul {
  padding-left: 0;
}
#block-dreamplays-useraccountmenu a,
#block-dreamplays-useraccountmenu span.nolink {
  border: 0 outset #404041;
  color: #ffffff;
  padding: 0.87em 2em;
}
#block-dreamplays-useraccountmenu a.sf-with-ul,
#block-dreamplays-useraccountmenu span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
#block-dreamplays-useraccountmenu .rtl a.sf-with-ul,
#block-dreamplays-useraccountmenu .rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-dreamplays-useraccountmenu span.sf-description {
  color: #ffffff;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}
#block-dreamplays-useraccountmenu .rtl span.sf-description {
  margin: 5px 5px 0 0;
}
#block-dreamplays-useraccountmenu {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    width: 131px;
}
#block-dreamplays-useraccountmenu li,
#block-dreamplays-useraccountmenu li,
#block-dreamplays-useraccountmenu .sf-navbar {
  background: #404041;
}
#block-dreamplays-useraccountmenu li li {
  background: #404041;
}
#block-dreamplays-useraccountmenu li li li {
  background: #d0d0d0;
}
#block-dreamplays-useraccountmenu li:hover,
#block-dreamplays-useraccountmenu li.sfHover,
#block-dreamplays-useraccountmenu a:focus,
#block-dreamplays-useraccountmenu a:hover,
#block-dreamplays-useraccountmenu a:active,
#block-dreamplays-useraccountmenu span.nolink:hover {
  background: #b31f2b;
  outline: 0;
}
#block-dreamplays-useraccountmenu li:hover > ul,
#block-dreamplays-useraccountmenu li.sfHover > ul {
  top: 40px;
}
#block-dreamplays-useraccountmenu .sf-sub-indicator {
  background-image: url("../images/dropdown-arrows.png");
}
#block-dreamplays-useraccountmenu div.sf-accordion-toggle a {
  background: #404041;
  color: #ffffff;
  padding: 1em;
}
#block-dreamplays-useraccountmenu div.sf-accordion-toggle a.sf-expanded,
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li.sf-expanded {
  background-color: #404041;
}
#block-dreamplays-useraccountmenu div.sf-accordion-toggle a.sf-expanded,
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li.sf-expanded > a,
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li a,
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li span.nolink {
  padding-left: 2em;
}
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li li a,
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li li li a,
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li li li li a,
#block-dreamplays-useraccountmenu .sf-menu.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li a,
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li li a,
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li li li a,
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li li li li a,
#block-dreamplays-useraccountmenu .sf-menu.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-dreamplays-useraccountmenu .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol,
#block-dreamplays-useraccountmenu .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-dreamplays-useraccountmenu .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent,
#block-dreamplays-useraccountmenu
  .sf-menu
  ul.sf-megamenu
  li.sf-megamenu-wrapper
  span.nolink.menuparent {
  font-weight: bold;
}
#block-dreamplays-useraccountmenu .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper {
  background: #c0c0c0;
}
#block-dreamplays-useraccountmenu .sf-menu ul.sf-megamenu li.sf-megamenu-wrapper li {
  background: transparent;
}
#block-dreamplays-useraccountmenu
  .sf-menu
  ul.sf-megamenu
  li.sf-megamenu-wrapper
  ol
  li.sf-megamenu-column {
  display: inline;
  float: left;
}
#block-dreamplays-useraccountmenu
  .rtl
  ul.sf-megamenu
  li.sf-megamenu-wrapper
  ol
  li.sf-megamenu-column {
  float: right;
}

/* Stylesheet to remove readmore link from content */
node .links,.node-readmore,
.comment .links {
  display:none !important;
}


.footer-social-info a {
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  color: #404040;
  color: #000;
}

.footer-social-info.col-6 {
  float: left;
  padding-top: 3em;
  text-align: left;
}

.Adress.col-6 {
  float: right;
  text-align: right;
}

#footer .footer-brand {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 100px;
}

a.name.navbar-brand {
    display: none;
    visibility: hidden;
}
.navbar.container, .navbar.container-fluid {
    margin-top: 0px;
}
header.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar {
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.page-node-type-page
.field--name-field-page-vinyl-cd-product {
    display: none;
    visibility: hidden;
}
.field--name-field-page-artwork img.img-responsive {
    background: #f1f1f1;
}
.views-view-grid .views-col {
    float: left;
    padding: 0.5em 1em;
}
.field--name-price, .field--type-commerce-price, .field--name-field-product-cart {
    padding: 5px 0;
}
.btn {
    border-radius: 0px;
}
a:hover, a:focus {
    color: #23527c;
    text-decoration: none;
}
.fa-play:before, .fa-step-backward:before,.fa-step-forward:before {
    font-style: normal !important;
    color: rgba(0, 0, 0, 0.8);
}
.view-commerce-cart-form .delete-order-item {
    font-size: 0.8em;
    padding: 1px 6px;
}

.page-node-type-page .button--add-to-cart,
.field--name-field-album-product > article > .field--name-field-product-cart,
.field--name-field-page-product > article > div > .field--name-field-cd-vinyl-product-cart,
.field--name-field-album-product > article > div > .add-to-cart-link,
.field--name-field-page-product > article > div > .add-to-cart-link {
   /* display: none;
    visibility: hidden;*/
}
.field--name-field-album-product > article > .field--name-field-price,
a.add-to-cart-link {
    margin: 0 0 10px;
} 
#block-dreamplays-views-block-id-block-1 .views-field.views-field-field-tracklist,
.views-field.views-field-field-album-product,
.views-field.views-field-nothing-1
{ 
    float: left;
    width: 50%;
}
.views-field.views-field-field-artwork {
    width: 50%;
    float: right;
}
#block-dreamplays-useraccountmenu li a {
    text-transform: capitalize;
}
.alert-success a, .alert-success a:hover, .alert-success a:focus {
    color: #3498db;
    font-weight: normal;
}
.page-node-type-album .field--name-field-page-artwork, .page-node-type-album .field.field--name-field-artwork.field--type-image {
    float: right;
}
.page-node-type-track article.track .field--type-text-with-summary {
    margin-bottom: 1.5em;
}
body.path-frontpage {
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
}
.page-node-type-track article.track.full.clearfix {
    width: 50%;
    float: left;
}
.pt-previous, .pt-next {
    font-size: 2em;
}
.fa-step-backward:before {
    content: "\f04a" !important;
}

.fa-step-forward:before {
    content: "\f04e" !important;
}
.views-field-field-tracklist ul,
.field--name-field-tracklist {
  counter-reset: track-number;
}
.views-field-field-tracklist li,
.field--item .track {
  counter-increment: track-number;
}

.track h2::before {
  content: counter(track-number, decimal-leading-zero) ". ";
  font-weight: bold;
  margin-right: 8px;
}
.field--name-field-tracklist > .field--item:last-child {
    border-bottom: 0;
}
.views-field-field-album-product article,
.field--name-field-album-product article {
    display: flex;
    flex-direction: column;
}

.field--name-field-album-product .field--name-variations {
    order: 3;
}
.views-field-field-album-product .field--name-field-product-cart,
.field--name-field-album-product .field--name-field-product-cart {
    order: 2;
}
.field--name-field-album-product .field--name-price {
    order: 1;
}
.path-products .field--name-field-product-cart {
    display: none;
}
.views-field.views-field-field-tracklist {
    padding-left: 30px;
}
.field--name-field-page-product article {
  display: flex;
  flex-direction: column;
}
.field--name-field-album-product .field--name-price,
.field.field--name-price.field--type-commerce-price{
  order: 1;
}

.view-products-list .field.field--name-variations.field--type-entity-reference {
  order: 2;
}
.views-field-field-album-product .field.field--name-variations.field--type-entity-reference {
    order: 3;    
}


@media screen and (max-width: 768px) {
.container-inner-logo {
    width: 94%;
}
.container-inner-navigation {
    width: 100%;
    padding: 0;
    height: auto;
    overflow: visible;
}
.container-inner-content {
    width: 94%;
    padding: 15px;
}
.page-node-type-track article.track.full.clearfix {
    width: 100%;
    float: left;
}
}