/* trackpipe/public/css/bio.css */

#bio-container {
    font:normal 12px/1.25em 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom:1.75em;
}

#bio-container.anim-hidden {
    visibility:hidden;
}

div.rightColumn.cart-visible #bio-container {
    padding-top: 1em;
}

#bio-container .upload-progress {
    display: inline-block;
    width: 120px;
    margin-top: 47px;
}

#bio-container .artists-bio-pic .upload-progress .progress_outer {
    width: 80px;
    height: 5px;
}

#bio-container .artists-bio-pic .upload-progress .progress_inner {
    height: 5px;
}

#bio-container .artists-bio-pic {
    outline: none;
    text-align: center;
    margin-bottom: .75em;
}

#bio-container .artists-bio-pic.empty {
    height: 100px;
    border: 1px dashed #c0c0c0;
}

#bio-container .artists-bio-pic div.bio-pic {
    display: none;
}

#bio-container .bio-pic a {
    display: block;
}

#bio-container.ko-ready .artists-bio-pic div.bio-pic, #bio-container .artists-bio-pic .signed-out.bio-pic{
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 30px;
    text-align: center;
}

#bio-container .artists-bio-pic a.bio-image-upload {
    display: none;
}

#bio-container.ko-ready .artists-bio-pic.empty a.bio-image-upload {
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin-top: 43px !important;
    outline-style: none;
    display: block;
}

#bio-container .artists-bio-pic.uploaded .delete-link, #bio-container .artists-bio-text .bio-text-add {
    outline: none;
    font-weight: bold;
    display: block;
}

#bio-container .delete-link {
    position: absolute;
    background: #fff;
    color: #0687f5;
    width: 15px;
    height: 14px;
    line-height: 14px;
    font-size: 93%;
    text-align: center;
    border: 1px solid #eee;
    bottom: 3px;
    right: 3px;
}

#bio-container .artists-bio-text p {
    word-wrap: break-word;
}

#bio-container .artists-bio-text {
    display: none;
}

#bio-container.ko-ready .artists-bio-text, #bio-container.ko-ready div.signed-out-artists-bio-text {
    display: block;
}

#bio-container.ko-ready form.edit-bio-text-form {
    background-color: #fff;
    background-color: rgba(255,255,255,0.25);
    margin-bottom: 0.75em;
}

#bio-container .edit-bio-text-form textarea {
    width: 110px;
    height: 180px;
    padding: 4px;
    color: #595959;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 12px;
    box-shadow: 0 0 5px #fff;
    border: 1px solid #ccc;
    border-color: #9c9c9c #9c9c9c #ccc #ccc;
}


#bio-container .edit-bio-text-form textarea:focus {
    -moz-transition-duration: 0.3s;
    -moz-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    box-shadow: 0 0 5px #B4D7F9;
    outline: medium none;
    border: 1px solid #50a1e6;
}

#bio-container .edit-bio-text-form .bio-character-count {
    background-color:#eee;
    background-color:rgba(0,0,0,0.05);
    color: #444;
    text-align: right;
    text-align: center;
    font-size: 10px;
    margin-bottom: 2px;
    padding: 2px 0;
/*    display: none; */
}

.invertIconography #bio-container .edit-bio-text-form .bio-character-count {
    color: #ccc;
}

#bio-container .edit-bio-text-form .too-many-characters,
.invertIconography #bio-container .edit-bio-text-form .too-many-characters {
    color: red;
}

#bio-container .error {
    color: #e00;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
}

#bio-container .edit-bio-text-form button {
    width: 50%;
    font-size: 1em;
    border: none;
    margin: 0;
    height: 25px;
}

#bio-container .edit-bio-text-form button {
    margin-bottom: 0;
}

#bio-container .edit-bio-text-form button.save-bio {
    color: #fff;
    background-color: #0687f5;
}

#bio-container .cancel-bio-edit {
    color: #0687f5;
    background-color: transparent;
}

#bio-container .edit-bio-text-form button.save-bio.disabled, #bio-container .edit-bio-text-form button.save-bio.disabled:hover {
    text-decoration: none;
    opacity: 0.3;
}

#bio-container .artists-bio-pic.uploaded .html5-upload-wrapper {
    display: none !important;
}

#band-name-location {
    word-wrap: break-word;
    margin: 0 0 1em;
}
#band-name-location .title {
    font-size:14px;
    font-weight: bold;
    border-top: 0;
    margin: 0 0 3px;
    display: block;
}
#band-name-location .location {
    display: block;
}

#bio-text {
    word-wrap: break-word;
    margin-top: 0;
}

#band-links {
    padding: 0;
    margin: 0 0 1em;
}

#band-links li {
    list-style-type: none;
    margin: 0 0 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

#recommended {
    margin: 0 0 1em;
}

#staff-picks, #bcweekly-shows, #bio-container .bcdaily-stories {
    border: 1px solid #0687f5;
    padding: 3px 4px;
    background: lightyellow;
    color: #0687f5;
    margin: 0;
    margin: 0 0 1em;
}

#staff-picks li, #bcweekly-shows li, #bio-container .bcdaily-stories li {
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

#staff-picks li a, #bcweekly-shows li a, #bio-container .bcdaily-stories a {
    color: #0687f5;
}


/*** Gift Card indicator ***/

#sidebar-gift-card-accepted {
    position: relative;
    margin-bottom: 1em;
}

.sidebar-gift-card-tooltip {
    position: absolute;
    bottom: 17px; /* icon height (10px) + padding bottom and top (3.5px each) from .gift-card-icon-bordered */
    left: -8px;
    width: 120px; /* matches .rightColumn */

    display: none; /* visibility controlled by jquery bc_tooltips */
}

.sidebar-gift-card-tooltip-inner {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    border: solid 1px #bfbfbf;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    padding: 8px;
    margin-bottom: 8px;
}

/* stupidly specific rules to override the overzealous custom design rules that use #id selectors */
#pgBd .sidebar-gift-card-tooltip-inner {
    color: #333;
}
#pgBd .sidebar-gift-card-tooltip-inner a {
    color: #0687f5;
}

.sidebar-gift-card-tooltip-triangle {
    width: 0;
    height: 0;
    border-style-left: inset;
    border-style-right: inset;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ccc;
    position: absolute;
    left: 13px;
    bottom: -6px;
}
.sidebar-gift-card-tooltip-triangle:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f5f5f5;
    position: relative;
    left: -6px;
    top: -7.5px;
}

/* trackpipe/public/css/crowdfunding/campaign_page_audio_upload.css */
.crowdfunding-campaign-audio-upload-instructions {
    font-family: var(--font-stack);
    font-size: 12px;
    line-height: 16px;
    margin-top: 48px;
    width: 512px;
}

.crowdfunding-campaign-audio-upload-instructions ol {
    padding: 0;
    margin-left: 15px;
}

.crowdfunding-campaign-audio-upload-instructions-confirmation {
    margin-top: 24px;
}
.crowdfunding-campaign-audio-upload-instructions-confirmation > label {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.crowdfunding-campaign-audio-upload-instructions-confirmation > label > span {
    margin-left: 8px;
}

.crowdfunding-audio-upload-tracklist-container {
    width: 100%;
}
.crowdfunding-audio-upload-tracklist-side {
    width: 100%;
    margin-top: 48px;
}
.crowdfunding-audio-upload-tracklist-side.side-disabled {
    opacity: 40%;
    pointer-events: none;
}

/* Base styles for tracklist editor headers and rows */
.crowdfunding-audio-upload-tracklist-container,
.crowdfunding-audio-upload-tracklist-container *,
.crowdfunding-audio-upload-tracklist-container *:before,
.crowdfunding-audio-upload-tracklist-container *:after {
    box-sizing: border-box;
}
.crowdfunding-campaign-audio-upload-tracklist-editor,
.crowdfunding-campaign-audio-upload-tracklist-static {
    margin-top: 16px;
    width: 100%;
    border: 1px solid var(--pigeon);

    --row-height: 32px;
    --row-line-height: calc(var(--row-height) - 2px); /* 2px for the row borders */
    --control-width: 48px;

    /* the width of each length/start/end/gap column */
    --time-column-width: 56px;

    /* length column and override for millisecond expansion */
    --length-column-width: var(--time-column-width);
    --length-column-width--expanded: calc(var(--time-column-width) + 24px);

    /* the entire length/start/end/gap section and override for millisecond expansion */
    --non-length-section-width: calc(var(--time-column-width) * 3 + var(--gutter-width) * 4);
    --time-column-section-width: calc(var(--length-column-width) + var(--non-length-section-width));
    --time-column-section-width--expanded: calc(var(--length-column-width--expanded) + var(--non-length-section-width));
    --gutter-width: 12px;

    counter-reset: side-track-list;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-heading,
.crowdfunding-campaign-audio-upload-tracklist-static-heading {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: baseline;

    padding: 16px var(--control-width) 0 var(--control-width);
    width: 100%;

    font-family: var(--font-stack);
    font-size: 13px;
    color: var(--charcoal);
}
.crowdfunding-campaign-audio-upload-tracklist-static-heading {
    padding: 16px 0 0 16px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-heading-item {
    flex: 0 0 var(--time-column-width);
    margin-left: var(--gutter-width);
    text-align: center;

    transition: flex-basis 0.2s ease-out;
}
.crowdfunding-campaign-audio-upload-tracklist-static-heading-item {
    flex: 0 0 74px;
    text-align: center;
}
/* first-child is the Title column */
.crowdfunding-campaign-audio-upload-tracklist-editor-heading-item:first-child,
.crowdfunding-campaign-audio-upload-tracklist-static-heading-item:first-child {
    flex-grow: 1;
    margin-left: 0px;
    text-align: left;
}
/* last-child is the Gap column */
.crowdfunding-campaign-audio-upload-tracklist-editor-heading-item:last-child {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.crowdfunding-campaign-audio-upload-tracklist-editor--has-milliseconds
.crowdfunding-campaign-audio-upload-tracklist-editor-heading-item--length {
    flex-basis: var(--length-column-width--expanded);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row,
.crowdfunding-campaign-audio-upload-tracklist-static-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    height: var(--row-height);
    width: 100%;

    font-family: var(--font-stack);
    font-size: 15px;
    color: var(--ash);
}
.crowdfunding-campaign-audio-upload-tracklist-static-row {
    height: auto;
    padding-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--hidden-for-drag {
    position: absolute;
    left: -9999px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drag-copy {
    height: var(--row-height);
    background-color: var(--mist);
    border: 1px solid var(--too-many-grays);
    border-radius: 2px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drag-copy >
.crowdfunding-campaign-audio-upload-tracklist-editor-row-track-title:before,
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drag-copy >
.crowdfunding-campaign-audio-upload-tracklist-editor-row-track-title,
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drag-copy >
.crowdfunding-campaign-audio-upload-tracklist-editor-row-track-title > input {
    border-color: var(--mist);
    background-color: var(--mist);
    color: var(--charcoal);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drag-copy > div:nth-child(1n+3) {
    visibility: hidden;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target {
    width: 100%;
    height: 24px;
    transition: height 0.15s ease-out;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target > div {
    /* prevent children of the drop target from triggering drag events */
    pointer-events: none;
}
/* drop-target:nth-child(2) is the first drop target,
 * between the header and the first track row */
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target:nth-child(2) {
    height: 8px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target--prepared-for-dragover:nth-child(2) {
    height: 24px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target--expanded,
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target--expanded:nth-child(2) {
    height: calc(var(--row-height) + 24px * 2);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target > div {
    height: 0;
    border: 0;
    transition-property: height, border;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target.crowdfunding-campaign-audio-upload-tracklist-editor-row--drop-target--expanded > div {
    margin: 0 16px;
    width: 100%;
    height: var(--row-height);
    border: 1px dashed var(--bc-blue);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-info-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    margin-top: 16px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-info-row,
.crowdfunding-campaign-audio-upload-tracklist-editor-button-row {
    padding-left: var(--control-width);
    padding-right: calc(var(--time-column-section-width) + var(--control-width));
}
.crowdfunding-campaign-audio-upload-tracklist-editor--has-milliseconds
.crowdfunding-campaign-audio-upload-tracklist-editor-info-row,
.crowdfunding-audio-upload-tracklist-side--single-audio
.crowdfunding-campaign-audio-upload-tracklist-editor--has-milliseconds
.crowdfunding-campaign-audio-upload-tracklist-editor-button-row {
    padding-left: var(--control-width);
    padding-right: calc(var(--time-column-section-width--expanded) + var(--control-width));
}
.crowdfunding-campaign-audio-upload-tracklist-editor-button-row,
.crowdfunding-campaign-audio-upload-tracklist-editor-row--placeholder {
    margin-bottom: 24px;
}

/* drag-and-drop grip and delete button */
.crowdfunding-campaign-audio-upload-tracklist-editor-row-grip,
.crowdfunding-campaign-audio-upload-tracklist-editor-row-delete {
    flex: 0 0 var(--control-width);

    display: flex;
    align-items: center;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-grip {
    cursor: move;
    justify-content: flex-start;
    padding-left: 16px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-delete {
    /* click-buffer adds some extra space at the left edge to prevent
     * accidentally deleting the track if the gap+ button is mis-clicked */
    --click-buffer: 8px;
    flex-basis: calc(var(--control-width) - var(--click-buffer));
    margin-left: var(--click-buffer);

    cursor: pointer;
    justify-content: flex-end;
    padding-right: 16px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-delete > button {
    height: 9px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-delete > button:focus {
    outline: 1px solid var(--bc-blue);
    outline-offset: 2px;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-delete > button:before {
    position: relative;
    top: -12.5px;
    content: url(/img/crowdfunding/audio_upload/delete.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-delete:hover > button:before {
    content: url(/img/crowdfunding/audio_upload/delete_hover.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-grip > div {
    height: 12px;
    width: 12px;
    position: relative;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-grip > div:before {
    position: absolute;
    top: -4px;

    content: url(/img/crowdfunding/audio_upload/grip.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-grip:hover > div:before {
    content: url(/img/crowdfunding/audio_upload/grip_hover.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-grip:focus {
    outline: 0;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-grip:focus > div {
    outline: 1px solid var(--bc-blue);
    outline-offset: 1px;
}

/* Length, Start, End, and Gap columns */
.crowdfunding-campaign-audio-upload-tracklist-editor-row-length,
.crowdfunding-campaign-audio-upload-tracklist-editor-row-start,
.crowdfunding-campaign-audio-upload-tracklist-editor-row-end,
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap {
    flex: 0 0 var(--time-column-width);
    margin-left: var(--gutter-width);
    text-align: center;

    transition: flex-basis 0.2s ease-out;
}
.crowdfunding-campaign-audio-upload-tracklist-static-row-item {
    flex: 0 0 74px;
    text-align: center;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-length {
    flex-basis: var(--length-column-width);
}
.crowdfunding-campaign-audio-upload-tracklist-editor--has-milliseconds
.crowdfunding-campaign-audio-upload-tracklist-editor-row-length {
    flex-basis: var(--length-column-width--expanded);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-end.duration-warning {
    color: var(--amber);
}

/* Title field and controls */ 
.crowdfunding-campaign-audio-upload-tracklist-editor-row-track-title::before {
    content: counter(side-track-list) ".";
    counter-increment: side-track-list;

    width: var(--row-height);
    text-align: center;
    font-size: 13px;

    background-color: var(--mist);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-track-title-placeholder::before {
    content: "";
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-track-title {
    flex-grow: 1;
    align-self: stretch;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;

    border: 1px solid var(--too-many-grays);
    border-radius: 2px;

    line-height: var(--row-line-height);
}
.crowdfunding-campaign-audio-upload-tracklist-static-row-item:first-child {
    flex-grow: 1;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: baseline;

    color: var(--charcoal);
}
.crowdfunding-campaign-audio-upload-tracklist-static-row-item:first-child:before {
    content: counter(side-track-list) ".";
    counter-increment: side-track-list;

    margin-right: 16px;
    font-size: 13px;
}
.crowdfunding-campaign-audio-upload-tracklist-static-row-divider {
    margin-left: 16px;
    margin-right: 16px;
    height: 1px;
    background-color: var(--pigeon)
}
.crowdfunding-campaign-audio-upload-tracklist-static-row-divider:last-child {
    display: none;
}

.crowdfunding-campaign-audio-upload-tracklist-editor-row-track-title-placeholder {
    border-color: var(--pigeon);
}
asset-upload-autocomplete {
    display: flex;
    flex-grow: 1;
}
asset-upload-autocomplete > .ui-menu {
    border-top: none;
    padding: 0;
}
asset-upload-autocomplete > .ui-menu .ui-menu-item {
    display: flex;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
asset-upload-autocomplete > .ui-menu .ui-menu-item a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    flex-grow: 1;

    padding: 0;

    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-stack);
    line-height: var(--row-height);
}
asset-upload-autocomplete .ui-widget-content a {
    color: var(--ash);
}
asset-upload-autocomplete .ui-widget-content a.ui-state-focus {
    background-color: var(--mist);
    color: var(--bc-blue);
}

asset-upload-autocomplete .ui-widget-content a::before {
    content: attr(data-prefix);
    font-size: 11px;
    width: var(--row-height);
    margin-right: 8px;
    text-align: center;
}
asset-upload-autocomplete .ui-widget-content a.ui-state-focus::before {
    color: var(--ash);
    font-weight: 600;
}
.crowdfunding-campaign-audio-track-title-input > input {
    flex-grow: 1;

    border: 0;
    padding-left: 8px;

    font-family: var(--font-stack);
    font-size: 15px;
    color: var(--ash);
}
.crowdfunding-campaign-audio-track-title-input--missing {
    outline: 1px solid var(--amber);
}
.crowdfunding-campaign-audio-track-title-input > .ui-autocomplete-input:focus {
    outline: 1px solid var(--bc-blue);
}

/* Length input (for single-file audio) */
.crowdfunding-campaign-audio-upload-tracklist-editor-row-length input {
    width: 100%;
    height: var(--row-height);
    border: 1px solid var(--too-many-grays);
    border-radius: 2px;

    text-align: center;
    font-family: var(--font-stack);
    font-size: 15px;
    color: var(--smog);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-length input.missing {
    border-color: var(--amber);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-length input.filled {
    color: var(--ash);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-length input:focus {
    color: var(--ash);
    outline: 1px solid var(--bc-blue);
    border-width: 0;
}

/* Gap field and controls */
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap > button:focus {
    outline: 1px solid var(--bc-blue);
    outline-offset: 1px;
    border-radius: 50%;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap > button {
    width: 12px;
    height: 12px;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap > button:before {
    position: absolute;
    top: -9.5px;
    left: 0;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap > button:first-child:before {
    content: url(/img/crowdfunding/audio_upload/gap_minus.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap > button:first-child:hover:before {
    content: url(/img/crowdfunding/audio_upload/gap_minus_hover.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap > button:last-child:before {
    content: url(/img/crowdfunding/audio_upload/gap_plus.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap > button:last-child:hover:before {
    content: url(/img/crowdfunding/audio_upload/gap_plus_hover.svg);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-gap--disabled {
    filter: opacity(50%);
}

/* add track button */
.crowdfunding-campaign-audio-upload-tracklist-editor-row-add-track::before {
    content: "+";
    width: var(--row-height);
    background-color: var(--mist);
    color: var(--bc-blue);
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-add-track {
    flex-grow: 1;
    align-self: stretch;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;

    border: 1px solid var(--pigeon);
    border-radius: 2px;

    cursor: pointer;

    line-height: var(--row-line-height);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-add-track:hover {
    border-color: var(--too-many-grays);
}
.crowdfunding-campaign-audio-upload-tracklist-editor-row-add-track:focus {
    border: 0;
    outline: 1px solid var(--bc-blue);
}

.crowdfunding-campaign-audio-upload-tracklist-editor-caption,
.crowdfunding-campaign-audio-upload-tracklist-static-caption {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
}
.crowdfunding-campaign-audio-upload-tracklist-static-caption {
    justify-content: space-between;
}

.crowdfunding-campaign-audio-upload-tracklist-editor-caption > asset-upload-progress {
    width: 300px;
    margin-left: auto;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-info-row > asset-upload-progress {
    flex-grow: 1;
    overflow: hidden;
}

.crowdfunding-asset-upload-in-progress {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;

    height: 32px;
}

.crowdfunding-asset-upload-in-progress__info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    margin-top: 4px;
}
.crowdfunding-asset-upload-in-progress__info > div:first-of-type,
.crowdfunding-asset-upload-in-progress__info > a {
    flex-basis: auto;
}
.crowdfunding-asset-upload-in-progress__info > div:first-of-type {
    color: var(--success);
    font-size: 11px;
    font-style: italic;
}
.crowdfunding-asset-upload-in-progress__info > a {
    color: var(--bc-blue);
    font-size: 12px;
}
.crowdfunding-asset-upload-in-progress__info > div:last-of-type {
    flex-grow: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    min-width: 0;

    margin-right: 8px;
    margin-left: 8px;

    color: var(--ash);
    font-size: 11px;
}

.crowdfunding-asset-upload-in-progress__progress-bar {
    width: 100%;
    height: 7px;
    background-color: RGBA(27, 183, 86, 0.07);
    border: 1px solid #0F7B38;
    border-radius: 2px;
}
.crowdfunding-asset-upload-in-progress__progress-bar > div {
    background-color: var(--success);
    height: 5px;
}

.crowdfunding-asset-upload-complete {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.crowdfunding-asset-upload-complete > div:last-of-type,
.crowdfunding-asset-upload-complete > a {
    flex-basis: auto;
}
.crowdfunding-asset-upload-complete > div:last-of-type {
    margin-left: 8px;

    color: var(--ash);
    font-size: 11px;
}
.crowdfunding-asset-upload-complete > label {
    margin-left: 8px;
    color: var(--bc-blue);
    font-size: 12px;
    cursor: pointer;
}
.crowdfunding-asset-upload-complete > div:first-of-type {
    flex-grow: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    min-width: 0;

    color: var(--ash);
    font-size: 11px;
    text-align: right;
}
.crowdfunding-campaign-audio-upload-tracklist-editor-info-row .crowdfunding-asset-upload-complete > div:first-of-type {
    text-align: left;
}
.crowdfunding-campaign-audio-upload-tracklist-static-info-row {
    margin: -10px 16px 16px 16px;
}
.crowdfunding-campaign-audio-upload-tracklist-static-info-row > .crowdfunding-asset-upload-complete:before {
    /* add the counter here too so the spacing is correct, but make it invisible */
    content: counter(side-track-list) ".";
    visibility: hidden;

    /* nudged by 1px for proper alignment */
    margin-right: calc(16px + 1px);
}
.crowdfunding-campaign-audio-upload-tracklist-static-info-row > .crowdfunding-asset-upload-complete {
    display: flex;
    justify-content: flex-start;
}
.crowdfunding-campaign-audio-upload-tracklist-static-info-row > .crowdfunding-asset-upload-complete > div:first-of-type {
    flex-grow: 0;
}

.crowdfunding-audio-upload-tracklist-side-title {
    margin-right: 24px;
    font-family: var(--font-stack);
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color: var(--charcoal);
}

asset-upload-time-remaining {
    font-size: 12px;
    font-family: var(--font-stack);
}
asset-upload-time-remaining > span:first-of-type {
    color: var(--time-remaining-green);
    font-weight: bold;
}
asset-upload-time-remaining.duration-remaining-warning > span:first-of-type {
    color: var(--amber);
}
asset-upload-time-remaining.duration-max-warning > span:last-of-type > span {
    color: var(--amber);
    font-weight: bold;
}

.crowdfunding-campaign-audio-upload-desc {
    margin: 48px 100px 48px 0px;
    font-family: var(--font-stack);
    font-size: 24px;
    font-weight: 300;
    color: var(--charcoal);
}

.crowdfunding-campaign-audio-upload-desc p {
    font-family: var(--font-stack);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
    color: var(--charcoal);
    margin-bottom: 0;
}

asset-upload-button {
    margin-left: auto;

    display: flex;
    align-items: center;
}

.crowdfunding-asset-upload-add {
    display: flex;
    align-items: baseline;

    padding: 0 21px 0 21px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px var(--bc-blue);
    font-family: var(--font-stack);
    font-size: 14px;
    color: var(--bc-blue);
    margin: 0;
    font-weight: 500;
}
.crowdfunding-asset-upload-add > img {
    margin-right: 8px;
}
.crowdfunding-asset-upload-replace {
    cursor: pointer;
    color: var(--bc-blue);
}
.crowdfunding-asset-upload-add-file-desc {
    font-size: 11px;
    color: var(--ash);
    margin-left: 18px;
}
.crowdfunding-asset-upload-add > input,
.crowdfunding-asset-upload-replace > input {
    display: none;
}

.crowdfunding-asset-uploading > .upload-status {
    color: #40C575;
    font-style: italic;
}
#crowdfunding-asset-cancel-upload {
    font-size: 12px;
    border: 0px;
    margin-left: 20px;
}

.crowdfunding-campaign-audio-upload-tracklist-editor-info-row > asset-upload-errors {
    flex-grow: 1;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.crowdfunding-asset-upload-progress-inner {
    height: 100%;
    background: #429d2f;
}
.crowdfunding-asset-upload-input input {
    display: none;
}
.crowdfunding-asset-upload-file-desc {
    margin-left: 100px;
    color: #666666;
}
.crowdfunding-audio-upload-one-file-upload-status {
    margin: 26px 0px;
}
.crowdfunding-audio-upload-one-file-upload-status > .side-desc {
    font-family: var(--font-stack);
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.11px;
    line-height: 1.38;
}
.crowdfunding-campaign-audio-upload-side-duration-warning {
    color: var(--amber);
    font-size: 11px;
    font-weight: 400;

    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 24px;
}
.crowdfunding-campaign-audio-upload-side-duration-warning > div + div {
    margin-top: 8px;
}
.crowdfunding-campaign-audio-upload-side-duration-warning a {
    color: var(--amber);
    text-decoration: underline;
}
.crowdfunding-asset-upload-submit-section {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    margin-top: 48px;
}
.crowdfunding-asset-upload-submit-button {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 136px;
    height: 32px;

    margin-right: 16px;

    border-radius: 3px;
    border: solid 1px var(--bc-blue);

    font-family: var(--font-stack);
    font-size: 14px;
    font-weight: 500;
    color: white;

    background-color: var(--bc-blue);
}
.crowdfunding-asset-upload-submit-button:disabled {
    cursor: default;
    text-decoration: none;
    opacity: 40%;
}
.crowdfunding-asset-upload-submit-dialog {
    font-family: var(--font-stack);
}
.crowdfunding-asset-upload-submit-dialog h1 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;

    padding: 0;
    margin: 0;
}
/* apologies for the verbose selectors and !importants here
 * but we have to RE-override GLOBAL jquery-ui css overrides */
.ui-dialog.nu-dialog .crowdfunding-asset-upload-submit-dialog > button,
.ui-dialog.nu-dialog .crowdfunding-asset-upload-submit-dialog > button:disabled {
    display: block;
    width: 422px;
    padding: 0;
    margin: 32px auto 0 auto;
    height: 36px;

    border: none !important;
    color: white !important;

    font-size: 15px;
    font-weight: 700;

    border-radius: 2px;
}
.ui-dialog.nu-dialog .crowdfunding-asset-upload-submit-dialog > button:hover {
    text-decoration: underline;
}
.ui-dialog.nu-dialog .crowdfunding-asset-upload-submit-dialog > button:focus {
    text-decoration: underline;
}
.ui-dialog.nu-dialog .crowdfunding-asset-upload-submit-dialog > button[disabled],
.ui-dialog.nu-dialog .crowdfunding-asset-upload-submit-dialog > button[disabled]:hover,
.ui-dialog.nu-dialog .crowdfunding-asset-upload-submit-dialog > button[disabled]:active {
    opacity: 40%;
    cursor: default;
    text-decoration: none;

    /* i'd love to use the appropriate color variable here,
     * but it doesn't work with the override for some reason */
    background-color: #0687f5 !important;
}
.ui-dialog.nu-dialog.crowdfunding-audio-upload-error-modal .ui-dialog-titlebar-close {
    display: none;
}
.crowdfunding-asset-upload-submit-dialog > .review-confirmation {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;

    margin-top: 24px;

    font-size: 14px;
}
.crowdfunding-asset-upload-submit-dialog > .review-confirmation > input {
    margin: 0;
}
.crowdfunding-asset-upload-submit-dialog > .review-confirmation > label {
    margin-left: 8px;
}
.crowdfunding-asset-upload-submit-dialog > .cancel-submit {
    font-size: 15px;
    text-align: center;

    margin-top: 24px;
}
.crowdfunding-asset-upload-submit-persistence-indicator {
    color: var(--smog);
    font-family: var(--font-stack);
    font-size: 14px;
}

.crowdfunding-campaign-audio-upload-post-submit-message {
    margin-top: 32px;
    color: var(--charcoal);
    font-size: 13px;
}
.crowdfunding-campaign-audio-upload-post-submit-next-step-link {
    margin-top: 48px;
}
.crowdfunding-campaign-audio-upload-link-button {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    color: white;
    background-color: var(--bc-blue);
    font-size: 14px;
    font-weight: 500;
    padding-left: 44px;
    padding-right: 44px;
}

a#copy-pq-sheet {
    font-weight: bold;
}
a#copy-pq-sheet:hover {
    text-decoration: none;
}
#crowdfunding-audio-upload-pq-sheet-table table {
    width: 100%;
}
#crowdfunding-audio-upload-pq-sheet-table table th {
    font-weight: normal;
}
#crowdfunding-audio-upload-pq-sheet-table table th.strong,
#crowdfunding-audio-upload-pq-sheet-table table td.strong {
    font-weight: bold;
}
#crowdfunding-audio-upload-pq-sheet-table table tr.dark,
#crowdfunding-audio-upload-pq-sheet-table table th.dark,
#crowdfunding-audio-upload-pq-sheet-table table td.dark {
    background-color: #B8B8B8;
}
#crowdfunding-audio-upload-pq-sheet-table table tr.light,
#crowdfunding-audio-upload-pq-sheet-table table th.light,
#crowdfunding-audio-upload-pq-sheet-table table td.light {
    background-color: #F2F2F2;
}
#crowdfunding-audio-upload-pq-sheet-table table tr.left th,
#crowdfunding-audio-upload-pq-sheet-table table tr.left td,
#crowdfunding-audio-upload-pq-sheet-table table th.left,
#crowdfunding-audio-upload-pq-sheet-table table td.left {
    text-align: left;
}
#crowdfunding-audio-upload-pq-sheet-table table tr.center th,
#crowdfunding-audio-upload-pq-sheet-table table tr.center td,
#crowdfunding-audio-upload-pq-sheet-table table th.center,
#crowdfunding-audio-upload-pq-sheet-table table td.center {
    text-align: center;
}
#crowdfunding-audio-upload-pq-sheet-table table tr.right th,
#crowdfunding-audio-upload-pq-sheet-table table tr.right td,
#crowdfunding-audio-upload-pq-sheet-table table th.right,
#crowdfunding-audio-upload-pq-sheet-table table td.right {
    text-align: right;
}
#crowdfunding-audio-upload-pq-sheet-table table th span.emphasis,
#crowdfunding-audio-upload-pq-sheet-table table td span.emphasis {
    font-style: italic;
}

/* trackpipe/public/css/crowdfunding/edit_crowdfunding_track_list.css */
.edit-crowdfunding-track-list {
    border: solid 1px #e6e6e6;
    border-radius: 3px;
}

.edit-crowdfunding-track-list-header {
    background: #f7f7f7;
    padding: 10px;
    border-bottom: solid 1px #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.edit-crowdfunding-track-list-header > img {
    width: 72px;
    height: 72px;
    outline: solid 1px rgba(0, 0, 0, 0.05);
    outline-offset: -1px;
    margin-right: 10px;
}

.edit-crowdfunding-track-list-album-title {
    font-weight: bold;
    font-size: 1.1;
}

.edit-crowdfunding-track-list-subtitle {
    color: #999999;
}

.edit-crowdfunding-track-list-sides {
    position: relative;
    font-size: 0;
    counter-reset: side-track-list;
}

.edit-crowdfunding-track-list-side-container {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    vertical-align: top;

}
.edit-crowdfunding-track-list-side-container--edit-vinyl {
    width: 50%;
}
.edit-crowdfunding-track-list-side-container--manage-vinyl {
    width: 90%;
    padding-left: 15px;       
}

.edit-crowdfunding-track-list-side-headings {
    width: 100%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}
.edit-crowdfunding-track-list-side-headings-track-title-heading {
    margin-right: 365px;
}
.edit-crowdfunding-track-list-side-headings-track-length-heading {
    margin-right: 40px;
}
.edit-crowdfunding-track-list-side-heading-track-start-heading {
    margin-right: 55px;
}
.edit-crowdfunding-track-list-side {
    background-color: #000000;
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: .5em 0 1em -.3em;
}

.edit-crowdfunding-track-list-duration-container {
    display: flex;
}

.edit-crowdfunding-track-list-duration {
    margin: 1em 0 1em .5em;
}

.edit-crowdfunding-track-list-duration--warning {
    color: #FF8C00;
}
.edit-crowdfunding-track-list-duration--error {
    color: #EE0000;
}

.edit-crowdfunding-track-list-over-max-duration-warning,
.edit-crowdfunding-track-list-over-error-duration {
    margin-left: 9px;
    padding: 6px 8px;
    width: 212px;
    line-height: 16px;
    border-radius: 4px;
}
.edit-crowdfunding-track-list-over-max-duration-warning {
    color: #FF8C00;
    background-color: rgba(255, 140, 0, 0.05);
}
.edit-crowdfunding-track-list-over-error-duration {
    color: #EE0000;
    background-color: rgba(238, 0, 0, 0.05);;
}
.edit-crowdfunding-track-list-track-times {
    width: 200px;
    display: flex;
    justify-content: space-between;
}
.edit-crowdfunding-track-list-tracks {
    width: 100%;
    padding: 0 5px;
    list-style-position: inside;
    margin-top: 0;
    min-height: 46px; /* provide drag-drop target when empty */
}

.edit-crowdfunding-track-list-tracks > li {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin: 0;
    cursor: default;
}

.edit-crowdfunding-track-list-tracks > li + li {
    border-top: solid 1px #e6e6e6;
}

.edit-crowdfunding-track-list-tracks > li::before {
    counter-increment: side-track-list;
    content: counter(side-track-list) ".";
    margin-right: 1em;
}
/* make floating element being dragged not increment the numbering */
.edit-crowdfunding-track-list-tracks > li.ui-sortable-helper::before {
    counter-increment: none;
    content: " ";
}
/* and make the placeholder in the list while dragging have a gray background and take up the same height as a normal item */
.edit-crowdfunding-track-list-tracks > li.edit-crowdfunding-track-list-placeholder {
    background: rgba(0, 0, 0, 0.05);
    min-height: 46px;
}

.edit-crowdfunding-track-list-tracks > li > button,
.edit-crowdfunding-track-list-tracks > li > .edit-crowdfunding-track-duration {
    flex: 0;
}
.edit-crowdfunding-track-list-tracks > li > button:disabled {
    opacity: 0.25;
}

.edit-crowdfunding-track-list-tracks > li > .edit-crowdfunding-track-duration {
    color: #999999;
    margin-right: 5px;
}

.edit-crowdfunding-track-list-tracks > li > button {
    border: none;
    background: none;
}
.edit-crowdfunding-track-list-tracks > li > button + button {
    border-left: solid 1px #e6e6e6;
}
.edit-crowdfunding-track-list-tracks > li > button + button + button {
    margin-right: 28px;
}
.edit-crowdfunding-track-list-tracks > li > button:hover {
    text-decoration: none;
}
.edit-crowdfunding-track-remove {
    font-size: 14px;
}

.edit-crowdfunding-track-list-tracks > li > .edit-crowdfunding-track-title {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.edit-crowdfunding-track-list-overflow {
    padding: 15px;
    background: #f7f7f7;
    border-top: solid 1px #e6e6e6;
}

.edit-crowdfunding-track-list-overflow .edit-crowdfunding-track-list-tracks {
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
}
/* trackpipe/public/css/crowdfunding/crowdfunding_audio_tab.css */
.crowdfunding-audio-pane-alert-dialog {
    width: 715px;
    height: 72px;
    box-shadow: inset 0 -1px 0 0 #ffe019, inset 0 1px 0 0 #ffe019;
    background-color: #fffef0;
    margin-top: 16px;
    margin-bottom: 36px;
}

.crowdfunding-audio-pane-alert-dialog-content-block {
    display: inline-flex;
}

.crowdfunding-audio-pane-request-pressings-button {
    width: 219px;
    height: 36px;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 16px;
}

.crowdfunding-audio-pane-request-pressings-button--active {
    background-color: var(--bc-blue);
}

.crowdfunding-audio-pane-request-pressings-button--inactive {
    background-color: rgba(0, 0, 0, 0.2);
}
.crowdfunding-audio-pane-alert-title {
    width: 203px;
    height: 18px;
    font-family: var(--font-stack);
    font-size: 13px;
    font-weight: bold;
    line-height: 1.38;
    padding-top: 18px;
    padding-left: 16px;
}
.crowdfunding-audio-pane-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    font-family: var(--font-stack);
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px;
}

.crowdfunding-audio-pane-title-sub-paragraph {
    font-family: var(--font-stack);
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 16px;
    width: 512px;
    line-height: 18px;
}

.crowdfunding-audio-pane-alert-body {
    width: 625px;
    height: 18px;
    font-size: 13px;
    line-height: 1.38;
    padding-left: 16px;
}

.crowdfunding-audio-pane-audio-source-container {
    width: 100%;
}

.crowdfunding-audio-pane-radio-container {
    display: inline-flex;
    margin-top: 4px;
}

.crowdfunding-audio-pane-radio {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 16px;
}

.crowdfunding-audio-pane-radio,
.crowdfunding-audio-pane-radio > input {
    cursor: pointer;
}

.crowdfunding-audio-pane-radio--disabled,
.crowdfunding-audio-pane-radio--disabled > input {
    cursor: default;
    opacity: 40%;
}

.crowdfunding-audio-pane-radio > input {
    transform: translateY(2px);
}

.crowdfunding-audio-pane-radio--idle {
    background-color: var(--dove);
    border-color: var(--pigeon);
}

.crowdfunding-audio-pane-radio--selected {
    border-color: var(--smog);
}

/* tooltip & its trigger */
/* *--q is the (?) icon tooltip */
/* *--a is tooltip triggered by an <a> tag */
.crowdfunding-tooltip-trigger {
    position: relative;
}
.crowdfunding-tooltip-trigger--q {
    margin-left: 6px;
}
.crowdfunding-tooltip-trigger--a {
    text-decoration: none;
}
.crowdfunding-tooltip-trigger--a--error {
    color: var(--amber);
}
.crowdfunding-tooltip-trigger--q::after {
    content: "?";

    display: block;

    width: 10px;
    height: 10px;
    border-radius: 5px;

    color: white;
    background-color: var(--ash);

    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    text-align: center;
}
.crowdfunding-tooltip-trigger--q:hover::after {
    background-color: var(--bc-blue);
}
.crowdfunding-tooltip-body {
    pointer-events: none;

    z-index: 1;
    position: absolute;
    top: 180%;
    left: -70%;

    color: var(--charcoal);
    background-color: white;
    border: 1px solid #979797;
    border-radius: 2px;

    padding: 8px;
    width: 180px;

    font-size: 11px; 
    font-weight: 400;
    text-align: left;
    line-height: 16px;

    opacity: 0;
    transition: all 0.5s ease;
}
.crowdfunding-tooltip-body--error {
    font-size: 11px;
    font-weight: 400;
    top: 140%;
    left: 0%;
    width: 200px;
    border-color: var(--amber);
}
/* use sibling selector to place linebreaks between successive spans */
.crowdfunding-tooltip-body > span + span::before {
    white-space: pre-wrap;
    content: "\A";
}
.crowdfunding-tooltip-body--double-break > span + span::before {
    white-space: pre-wrap;
    content: "\A\A";
}
/* the tooltip pointer */
.crowdfunding-tooltip-body:before {
    content: "";

    position: absolute;
    left: 4.5%;
    bottom: 98%;

    width: 5px;
    height: 5px;
    transform: rotate(-45deg);

    background-color: white;
    border-top: 1px solid #979797;
    border-right: 1px solid #979797;
    border-left: 0;
    border-bottom: 0;

    opacity: 0;
    transition: all 0.5s ease;
}
.crowdfunding-tooltip-body--error:before {
    border-top-color: var(--amber);
    border-right-color: var(--amber);
}
.crowdfunding-tooltip-trigger:hover > .crowdfunding-tooltip-body,
.crowdfunding-tooltip-trigger:hover > .crowdfunding-tooltip-body:before,
.crowdfunding-tooltip-trigger.tooltip-open > .crowdfunding-tooltip-body,
.crowdfunding-tooltip-trigger.tooltip-open > .crowdfunding-tooltip-body:before {
    opacity: 1;
}

.crowdfunding-asset-upload-debug  {
    border: 1px #ccc solid;
    margin: 10px;
    width: fit-content;
    padding: 5px;
}
 .crowdfunding-asset-upload-debug button {
    border: none;
    font-size: 12px
}

/* trackpipe/public/css/crowdfunding/crowdfunding_common.css */
.crowdfunding-campaign {
    display: flex;
    flex-flow: column nowrap;
    color: #333;
}

.crowdfunding-campaign-pledge-level-no-checkbox .crowdfunding-campaign-pledge-levels-list-item-selector-checkbox, 
.crowdfunding-campaign-pledge-level-no-checkbox .crowdfunding-campaign-pledge-levels-list-item-selector-check {
    display: none;
} 

.crowdfunding-campaign-heading {
    display: flex;
    width: 100%;
}

.crowdfunding-campaign-carousel {
    display: flex;
    flex-flow: column nowrap;
}

.crowdfunding-carousel-thumbs {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.crowdfunding-carousel-img-thumb {
    border: 1px solid rgba(0,0,0,0.05);
    margin-right: 10px;
    margin-bottom: 10px;
}

.crowdfunding-carousel-img-thumb.selected {
    border: 2px solid rgba(0,0,0,1);
}

.crowdfunding-campaign .large-format {
    font-size: 24px;
    font-weight: bold;
}

.crowdfunding-campaign-badge.success-badge {
    background-color: #80b53d;
}

.crowdfunding-campaign-below-heading-separator {
    border-top: solid 1px #ddd;
    border-bottom: none;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    height: 0;
    margin: 20px -15px 0;
}

.crowdfunding-campaign-nav {
    display: flex;
    flex-flow: row nowrap;
    margin-top: -1px;
}

.crowdfunding-campaign-nav-tab {
    color: #0687f5;
    font-weight: bold;
    padding-top: 3px;
}
.crowdfunding-campaign-nav-tab.active-tab {
    border-top: solid 3px #333;
    padding-top: 0;
    color: #333;
}
.crowdfunding-campaign-nav-tab.active-tab:hover {
    text-decoration: none;
}

.crowdfunding-campaign-separator {
    border-style: dotted;
    border-top-color: #ddd;
    border-width: 1px 0px 0px;
    font-size: 0px;
    box-sizing: border-box;
    height: 0;
    width: 100%;
}

.crowdfunding-campaign-main {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.crowdfunding-campaign-main .crowdfunding-campaign-separator {
    width: 100%;
}

.crowdfunding-campaign-main-tab-content {
    display: flex;
    flex-flow: column nowrap;
}

.crowdfunding-campaign-main-tab-content p {
    margin-top: 1em;
}

.crowdfunding-campaign-main-tab-content > div {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}

.crowdfunding-campaign-description-tab .crowdfunding-campaign-all-tracks {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 18px;
}
.crowdfunding-campaign-track-listing {
    display: inherit;
}
.crowdfunding-campaign-tracklist-title {
    font-weight: bold;
    padding-top: 20px;
}

.crowdfunding-campaign-tracklist-side {
    list-style-type: none;
    padding: 0;
}

.crowdfunding-campaign-side-title {
    margin-bottom: 7px;
}

.crowdfunding-campaign-all-tracks .crowdfunding-campaign-tracklist-column {
    display: flex;
    flex-flow: column nowrap;
    width: 49%;
}

.crowdfunding-campaign-track-item {
    display: flex;
    flex-flow: row nowrap;
    font-size: 12px;
    justify-content: space-between;
    line-height: 1.5;
    margin: 0;
    padding: 3px;
}

.crowdfunding-campaign-track-item .crowdfunding-campaign-track-play-btn::after {
    content:'';
    display: block;
    width: 0;
    height: 0;
    border-top: 4px inset transparent;
    border-bottom: 4px inset transparent;
    border-left: 7px solid #222;
    border-right:0;
    margin: 4px 0 0 6px;
}
.crowdfunding-campaign-track-item.playing .crowdfunding-campaign-track-play-btn::after {
    content:'';
    border:0;
    border-left:3px solid #2d2d2d;
    border-right:3px solid #2d2d2d;
    height:8px;
    margin: 4px auto;
    width:1px;
}

.crowdfunding-campaign-track-info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.crowdfunding-campaign-purchase-includes {
    align-items: center;
    display:  flex;
    margin: 5px 0 9px;
}

.crowdfunding-campaign .crowdfunding-campaign-track-duration {
    color: #777;
    text-align: right;
}
.crowdfunding-campaign-track-info div:nth-child(2) {
    text-align: left;
}

.crowdfunding-campaign-track-play-btn {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    min-height: 16px;
    min-width: 17px;
    height: 16px;
    width: 17px;
    margin-right: 5px;
    cursor: pointer;
}

/* Just mimics .crowdfunding-campaign-track-play-btn */
.crowdfunding-campaign-track-play-spacer {
    height: 16px;
    min-height: 16px;
    min-width: 19px;
    width: 19px;
    margin-right: 5px;
}

/* Don't allow custom link color on follow button in unfollowed state */
.crowdfunding-campaign-bio-follow .follow-unfollow div {
    color: #0687f5;
}

/* loading indicator */
.crowdfunding-campaign-pledger-ledger .loading {
    display: block;
}

.crowdfunding-campaign-pledger-ledger .loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}

.crowdfunding-campaign-supporter-list {
    padding: 0;
    margin-top: 9px;
}

.crowdfunding-campaign-supporter-list .fan {
    float: left;
}

.crowdfunding-campaign-supporter-thumb {
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
}

/* Pledge levels */

.crowdfunding-campaign-pledge-levels {
    padding: 0px;
    list-style-type: none;
}

.crowdfunding-campaign-pledge-levels-list-item {
    border-radius: 4px;
}

.crowdfunding-campaign-pledge-levels-list-item-selector {
    border-radius: 50%;
    height: 22px;
}

/* Custom checkbox for pledge levels */

.crowdfunding-campaign-pledge-levels-list-item-selector-checkbox:checked + .crowdfunding-campaign-pledge-levels-list-item-selector-check {
  background-color: #0687f5;
  border-color: #0687f5;
}

.crowdfunding-campaign-pledge-levels-list-item-selector-checkbox {
    float: left;
    height: 22px;
    position: relative;
    visibility: hidden;
    width: 22px;
}

.crowdfunding-campaign-pledge-levels-list-item-selector-checkbox:checked + .crowdfunding-campaign-pledge-levels-list-item-selector-check::after {
  opacity: 1;
}

.crowdfunding-campaign-pledge-levels-list-item-selector-check {
    align-content: center;
    align-items: center;
    background-color: #FFF;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    width: 20px;
}

.crowdfunding-campaign-pledge-levels-active .crowdfunding-campaign-pledge-level-selected {
    border-color: #777;
}
.crowdfunding-campaign-pledge-levels-active .crowdfunding-campaign-pledge-level-no-checkbox.crowdfunding-campaign-pledge-level-selected {
    border-color: #e6e6e6;
}

.crowdfunding-campaign-pledge-level-price {
    color: #666;
}

.crowdfunding-campaign-pledge-level-payment-denomination {
    color: #363636;
    font-size: 18px;
}

/* artificially narrowed specificity to combat excessively specific rules in the phone version of this file, which in turn is specific to combat dark-mode rules in global styles. */
.crowdfunding-campaign-pledge-level
    .crowdfunding-campaign-pledge-level-actions
    .crowdfunding-campaign-pledge-level-payment-entry-input-error-msg {
    color: #EE0000;
}

.crowdfunding-campaign-pledge-level-title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: normal;
}

.crowdfunding-campaign-pledge-level-quantity {
    margin-bottom: 2%;
}
.crowdfunding-campaign-pledge-level-include-label {
    font-size: 12px;
}
.crowdfunding-campaign-pledge-level-description {
    line-height: 18px;
}

.crowdfunding-campaign-vinyl-color {
    text-transform: lowercase;
}

/* update pledge dialog */
.nu-dialog.update-pledge-confirm-dialog {
    color: 333333;
    line-height: 18px;
}

.nu-dialog.update-pledge-confirm-dialog .ui-dialog-title {
    font-size: 18px;
    line-height: 24px;
    color: #2e3332;
}
.update-pledge-confirm-included-items, .update-pledge-confirm-shipping-address {
    margin-top: 18px;
}
.nu-dialog.update-pledge-confirm-dialog .update-pledge-item-title {
    font-weight: bold;
}
.nu-dialog.update-pledge-confirm-dialog .update-pledge-confirm-summary {
    font-size: 12px;
    line-height: 18px;
    background-color: #f5f5f5;
    padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 18px;
    display: flex;
    flex-flow: row nowrap;
}
.update-pledge-confirm-items {
    padding-left: 10px;
}
.update-pledge-line-items {
    padding-top: 18px;
}
.update-pledge-line-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 2px;
    padding-top: 4px;
}
.update-pledge-line-item-amount {
    font-size: 16px;
    line-height: 20px;
}
.update-pledge-line-item-currency {
    font-size: 12px;
    color: #777;
}
.crowdfunding-campaign-input-currency-display {
    z-index: 1;
}
.update-pledge-confirm-dialog .update-pledge-confirm-fine-print {
    background-color: rgba(255, 247, 191, 0.24);
}

.update-pledge-confirm-dialog .highlightedRow {
    background-color: rgba(255, 247, 191, 0.24);
}

.update-pledge-confirm-thumb {
    width: 75px;
    outline-offset: -1;
    outline: 1px solid rgba(0, 0, 0, 0.05);
}

.update-pledge-confirm-buttonset {
    width: 100%;
    margin-top: 9px;
}

.update-pledge-confirm-dialog.nu-dialog button.update-pledge-dialog-button:hover {
    opacity: 0.8;
}

.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-yes-button,
.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-yes-button:hover,
.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-yes-button:active,
.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-yes-button:focus {
    background-color: #4e8e25;
    color: #fff;
    border: none;
}


.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-no-button,
.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-no-button:hover,
.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-no-button:active,
.update-pledge-confirm-dialog.nu-dialog button.update-pledge-confirm-no-button:focus {
    background-color: #fff;
    color: #777;
    border: 1px solid #ccc;
    float: right;
}

.update-pledge-confirm-dialog.nu-dialog button.update-pledge-dialog-button[disabled],
.update-pledge-confirm-dialog.nu-dialog button.update-pledge-dialog-button[disabled]:hover {
    background-color: #fff;
    border-color: #777;
    color: #777;
    opacity: 0.6;
}
.crowdfunding-campaign-manage-left-pane {
    -webkit-font-smoothing: antialiased;
}

.crowdfunding-campaign-manage-left-pane .stories {
    font-size: 13px;
}

.community-compose-form .audience {
    font-size: 13px;
}

.community-compose .audience.cursor {
    position: relative;
    cursor: default;
}

.community-feed {
    -webkit-font-smoothing: antialiased;
}

/* Undo standardization of trackpipe_basic.css for placeholder color in menubar*/
.community-compose-form textarea::-webkit-input-placeholder, .crowdfunding-campaign-manage-left-pane .comment-form textarea::-webkit-input-placeholder {
   color: #666 !important;
}

.community-compose-form textarea:-moz-placeholder, .crowdfunding-campaign-manage-left-pane .comment-form textarea:-moz-placeholder { /* Firefox 18- */
   color: #666 !important;
}

.community-compose-form textarea::-moz-placeholder, .crowdfunding-campaign-manage-left-pane .comment-form textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #666 !important;
}

.community-compose-form textarea:-ms-input-placeholder, .crowdfunding-campaign-manage-left-pane .comment-form textarea:-ms-input-placeholder {  
   color: #666 !important;
}

.crowdfunding-campaign-pledge-level-update-pledge-btn {
    display: inline-block;
    margin-right: 5px;
}
.crowdfunding-campaign-manage-pledge-summary a {
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin-top: 9px;
}
.crowdfunding-campaign-manage-pledge-summary .crowdfunding-campaign-you-pledged-text {
    padding-left: 2px;
}
#update-campaign-modal-panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.update-campaign-spinny {
    color: transparent;
    width: 32px;
    height: 32px;
    background: url(/img/stats-wait.gif);
}
.crowdfunding-campaign-you-pledged {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
}

.crowdfunding-campaign-pledge-level-cancel-link {
    font-size: 13px;
    float: right;
    clear: right;
    margin-right: 22px;
    line-height: 36px; /* for vertical align middle */
    height: 36px;
}
.crowdfunding-campaign-pledge-level-dont-change-link {
    font-size: 13px;
    float: right;
    margin-right: 22px;
    line-height: 36px; /* for vertical align middle */
}
.crowdfunding-campaign .you-own-this-icon {
    /* sprite h/w ratio: 1/1 */
    content: '';
    display: inline-block;
    width: 14px;
    height: 0;
    padding-top: 14px; /* height */
    background: url(/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    background-position: 0 56%;
    vertical-align: text-bottom;
    margin-bottom: 2px;
}

.crowdfunding-campaign-social .icon {
    fill: #666;
}

.campaign-clearfix:before,
.campaign-clearfix:after {
    content: " ";
    display: table;
}

.campaign-clearfix:after {
    clear: both;
}
.crowdfunding-increase-order-count-table table {
    width: 100%;
    background-color: #fffdf0;
    border-collapse: separate;
    border-spacing: 0px;
    outline: 1px solid #ffe019;
    padding-left: 10px;
    padding-right: 10px;
}

td.crowdfunding-order-increase-option {
    padding: 5px;
    border: 0px;
}

th.crowdfunding-order-increase-header {
    border: 0px;
    padding: 10px 5px 5px 5px;
}

.crowdfunding-order-confirmation-columns > dt {
    float: left;
    clear: left;
    width: 200px;
}

.crowdfunding-selected-row {
    background-color: #ffffff;
}

.crowdfunding-selected-row > td {
    border-bottom:1px solid rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(0, 0, 0, 0.4);
}

.crowdfunding-selected-row > td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.crowdfunding-selected-row > td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid rgba(0, 0, 0, 0.4);
}

tr.crowdfunding-clickable-row-option:hover {
    cursor: pointer;
}

.crowdfunding-order-confirmation-columns > dd {
    float: left;
    margin-left: 30px;
}
.crowdfunding-order-confirmation-columns > dt,
.crowdfunding-order-confirmation-columns > dd {
    margin-top: 10px;
}

.crowdfunding-order-confirmation-columns h2 {
    margin: 0;
}

.crowdfunding-order-confirmation-columns:after {
    display: block;
    content: '.';
    font-size: 0;
    clear: both;
}

.crowdfunding-campaign-updates-pane .story .lock-follow {
    font-size: 14px;
    font-weight: 600;
    padding: 12px 35px;
}

/* trackpipe/public/css/crowdfunding/crowdfunding_desktop.css */
.crowdfunding-campaign {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;

    --bc-blue: #0687f5;
    --mist: #F7F7F7;
    --pigeon: #E6E6E6;
    --dove: #F2F2F2;
    --too-many-grays: #B8B8B8;
    --ash: #666666;
    --smog: #999999;
    --charcoal: #333333;
    --time-remaining-green: #149143;
    --success: #1BB756;
    --accent-green: #80B53D;
    --amber: #FA6400;

    --pgBd-content-width: 915px;
    --summary-panel-width: 220px;
    --gutter: 24px;

    --font-stack: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    --lucida-stack: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.crowdfunding-campaign-campaign-pane {
    position: relative;
}

.crowdfunding-campaign-pane-content {
    width:  100%;
}

.crowdfunding-campaign-title {
    font-size: 28px;
    font-weight: normal;
    line-height: 1.29;
    margin: 0 0 22px;
    text-align: center;
}

.crowdfunding-campaign-heading {
    flex-flow: row nowrap;
    justify-content: space-between;
}

.crowdfunding-campaign-carousel {
    width: 67%;
}

.crowdfunding-campaign-carousel .crowdfunding-campaign-large-img {
    width: 612px;
    height: 459px;
    border: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 10px;
}

.crowdfunding-carousel-img-thumb {
    border: 1px solid rgba(0,0,0,0.05);
    height: 45px;
    width: 60px;
}

.crowdfunding-carousel-img-thumb.selected {
    margin: -1px 9px 9px 0px;
}

.crowdfunding-campaign-heading-sidebar {
    display: flex;
    flex-flow: column nowrap;
    width: 30%;
    margin: 0 0 0 36px;
}

.crowdfunding-campaign-summary {
    margin-top: 39px;
}
.crowdfunding-campaign-manage-pledge-summary {
    padding-bottom: 18px;
}

.crowdfunding-campaign-status {
    margin-bottom: 27px;
}

.crowdfunding-campaign-status-badges {
    color: #ffffff;
    display: flex;
    flex-flow: row nowrap;
    font-weight: bold;
    font-size: 10px;
    font-style: normal;
    font-stretch: normal;
    justify-content: left;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 3px;
    margin-top: -16px; /* == badge height so it effectively sits above the no-badge margin */
    text-align: center;
}

.crowdfunding-campaign-badge {
    align-items: center;
    background-color: #798e94;
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    border-color: rgba(151, 151, 151, 0.2);
    display: flex;
    height: 16px;
    justify-content: center;
    width: 56px;
    margin-right: 6px;
}

.crowdfunding-campaign-badge.success-badge {
    background-color: var(--accent-green);
}

.crowdfunding-campaign-album-title {
    font-size: 16px;
    font-weight: bold;
}

.crowdfunding-campaign-album-info {
    display: flex;
    flex-flow: column nowrap;
    font-size: 14px;
    line-height: 1.29;
    text-align: left;
}

.crowdfunding-campaign-percent-funded {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 18px;
}

.percent-funded-text {
    font-size: 13px;
    line-height: 1.38;
}

.percent-funded-graph {
    margin-left: 5%;
}

.crowdfunding-campaign-time-remaining {
    font-size: 13px;
    line-height: 1.38;
    margin-bottom: 27px;
}

.crowdfunding-campaign-pledge-cta {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 38px;
}

.crowdfunding-campaign-pledge-now-btn {
    border-radius: 3px;
    background-color: #0687f5;
    border: none;
    color: #fff;
    min-height: 40px;
    font-weight: bold;
    font-size: 18px;
    flex-shrink: 1;
    flex-grow: 0.5;
    margin-right: 10px;
}

.crowdfunding-campaign-pledge-now-text {
    margin: 0;
    color: #777;
    font-size: 13px;
    flex-shrink: 0;
}

.crowdfunding-campaign-pledge-now-amount {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.crowdfunding-campaign-you-pledged {
    margin-bottom: 9px;
}

.crowdfunding-campaign-end-message {
    font-size: 13px;
    line-height: 1.38;
    padding-top: 9px;
    padding-bottom: 27px;
}

.crowdfunding-campaign-end-message-follow, .crowdfunding-campaign-end-message-follow-prompt {
    margin: -9px 0 0;
}

.crowdfunding-campaign-social {
    display: flex;
    font-size: 14px;
    padding: 0 0 0.2777777778rem;
    position: relative;
}

.crowdfunding-campaign-social ul.social-controls {
    align-items: baseline;
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding: 0;
    vertical-align: middle;
    width: 70%;
}

.crowdfunding-campaign-social ul.social-controls li {
    fill: #666;
    list-style-type: none;
    margin: 0;
    max-width: 22px;
    min-height: 12px;
}

.crowdfunding-campaign-social ul.social-controls li a {
    border-radius: 2px;
    display: block;
    margin: -5px 15px -5px -5px;
    padding: 5px;
}

.crowdfunding-campaign-social ul.social-controls a.twitter-link {
    margin-right: 15px;
}

.crowdfunding-campaign-email-panel {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    display: block;
    font-size: 13px;
    left: -1rem;
    outline: none;
    padding: 9px 18px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10;
}

.email-panel-title {
    font-weight: 600;
    margin: 0;
    padding: 0 0 9px;
}

.email-panel-close {
    border-radius: 3px;
    display: block;
    height: 14px;
    float: right;
    padding: 6px 0 0;
    right: 0.5rem;
    text-align: center;
    top: 0.5rem;
    width: 20px;
}

.email-panel-close span {
    background-position: 0 -44px;
    border-radius: 3px;
    display: inline-block;
    height: 9px;
    text-indent: -9999px;
    width: 9px;
}

.email-panel-field-wrapper {
    margin: 0;
    padding: 0 0 9px;
}

.email-panel-field {
    border: 0;
    box-shadow: inset 0 0 0 1px #ccc;
    display: block;
    font-size: 0.7222222222rem;
    height: 18px;
    padding: 4.5px 9px;
    width: calc(100% - 1rem);
}

.email-panel-field:focus {
    box-shadow: inset 0 0 0 1px #50a1e6, 0 0 4px 0 rgba(80,161,230,0.40);
    outline: none;
}

.crowdfunding-campaign-nav {
    margin-left: -15px;
    margin-right: -15px;
}

.crowdfunding-campaign-nav-tab {
    line-height: 48px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 8px;
    text-align: center;
    font-size: 14px;
}

.crowdfunding-campaign-main {
    flex-flow: row nowrap;
}

.crowdfunding-campaign-main-tab-content {
    width: 67%;
    padding-top: 10px;
}
.crowdfunding-campaign-main-tab-content span.lightweightBreak {
    height: 1.375em;
}

.crowdfunding-campaign-description-tab {
    font-size: 16px;
    line-height: 1.375em;
}

.crowdfunding-campaign-est-delivery {
    color: #777;
    font-size: 12px;
}

.crowdfunding-campaign-tracklist-column {
    margin-top: 18px;
}

.crowdfunding-campaign-tracklist-title {
    font-size: 14px;
    line-height: 1.29;
}
.crowdfunding-campaign-track-listing {
    padding-left: 6px;
}

.crowdfunding-campaign-track-play-btn {
    background: #fff;
}

.crowdfunding-campaign-side-title {
    font-size: 12px;
    line-height: 1.5;
}

.crowdfunding-campaign-purchase-includes {
    font-size: 12px;
    margin: 17px 0 9px;
}

.crowdfunding-campaign-purchase-includes .crowdfunding-campaign-album-art {
    max-height: 36px;
    max-width: 36px;
    margin: 0 8px 0 0;
}

.crowdfunding-campaign-track-item:nth-child(odd) {
    background: rgba(0,0,0,0.03);
}
.crowdfunding-campaign-track-item {
    padding: 4px 6px 4px 4px;
}

.crowdfunding-campaign-track-title {
    padding-left: 4px;
    padding-right: 4px;
}

.crowdfunding-campaign-pledge-level-cta {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.29;
    margin: 17px 0px;
}

.crowdfunding-campaign-pledge-levels-list-item {
    border: 1px solid #e6e6e6;
    margin: 0px 0px 10px;
    padding: 15px 0px;
    width: 100%;
}

.crowdfunding-campaign-pledge-level-selectable {
    cursor: pointer;
}

.crowdfunding-campaign-pledge-level-selectable:hover {
    border-color: #0687f5;
}

.crowdfunding-campaign-pledge-level-not-selected,
.crowdfunding-campaign-pledge-level-unverified-pledge,
.crowdfunding-campaign-pledge-level-sold-out {
    background-color: rgba(46, 51, 50, 0.04);
    border-color: #e0e0e0;
}

.crowdfunding-campaign-pledge-level-quantity-warning {
    font-size: 12px;
    color: #d74131;
}

.crowdfunding-campaign-pledge-level-quantity-wrapper {
    margin-bottom: 15px;
}
.crowdfunding-campaign-pledge-level-unverified-pledge .crowdfunding-campaign-manage-pledge-buttons {
    padding-top: 9px;
    padding-bottom: 9px;
}

.crowdfunding-campaign-pledge-level-cancel-link {
    margin-top: -7px;
}

.crowdfunding-campaign-pledge-levels-list-item-selector {
    margin: 0 0 0 19px;
}

.crowdfunding-campaign-pledge-level {
    margin-left: 57px;
    width: 75%;
}
.crowdfunding-campaign-manage-pledge-buttons {
    margin-left: 57px;
}
.crowdfunding-campaign-pledge-level-no-checkbox .crowdfunding-campaign-pledge-level {
    margin-left: 20px;
}
.crowdfunding-campaign-pledge-level-no-checkbox .crowdfunding-campaign-manage-pledge-buttons {
    margin-left: 20px;
}
.crowdfunding-campaign-pledge-level-price {
    display: inline-block;
    font-size: 12px;
    margin-top: -1.75px;
}

.crowdfunding-campaign-pledge-level-info {
    font-size: 12px;
}

.crowdfunding-campaign-pledge-level-quantity {
    font-size: 12px;
    line-height: 1.5;
    display: inline;
}

.crowdfunding-campaign-pledge-level-info p {
    margin: 0;
}

.crowdfunding-campaign-pledge-level-info p:last-of-type {
    margin: 0 0 9px 0;
}

.crowdfunding-campaign-pledge-level-included-items {
    font-size: 12px;
    line-height: 1.5;
    list-style-type: none;
    list-style-position: outside;
    margin: 9px 0 0 14px;
    padding-left: 0px;
}

.crowdfunding-campaign-pledge-level-included-items li {
    margin: 0 0 9px 0;
    position: relative;
}

.crowdfunding-campaign-pledge-level-included-items li::before {
    color: rgba(0, 0, 0, 0.4);
    content: "\2022";
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 4px;
    margin-right: 8px;
    position: absolute;
    right: 100%;
    top: -2px;
    width: 4px;
}

.crowdfunding-campaign-pledge-level-merch-images {
    padding: 0px;
    display: flex;
    flex-flow: row nowrap;
    list-style-type: none;
}

.crowdfunding-campaign-pledge-level-merch-images li {
    margin-right: 13px;
}

.crowdfunding-campaign-pledge-level-actions {
    margin-bottom: 18px;
    margin-top: 9px;
}

.crowdfunding-campaign-pledge-level-amount > h4 {
    font-size: 14px;
    margin: 18px 0 0 0;
}

.crowdfunding-campaign-pledge-level-payment-entry {
    align-items: baseline;
    display: flex;
    flex-flow: row nowrap;
    font-size: 22px;
    margin: 9px 0 0 6px;
}

.crowdfunding-campaign-pledge-level-payment-entry input {
    background-color: rgba(0,0,0,0.0);
    border: 1px solid #ccc;
    font-size: 22px;
    outline: none;
    padding: 0 8px 0 18px;
    margin: 0 0 0 -18px;
    height: 43px;
    width: 82px;
    text-align: right;
}


.crowdfunding-campaign-pledge-level-payment-entry input[type="text"][disabled] {
    color: #333;
    background-color: rgba(0,0,0,0.0);
}

.crowdfunding-campaign-pledge-level-payment-entry input:focus {
    -moz-transition-duration: 0.3s;
    -moz-transition-property: border-color, box-shadow;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: border-color, box-shadow;
    transition-duration: 0.4s;
    transition-property: border-color, box-shadow;
    border: 1px solid #50a1e6;
    box-shadow: 0 0 5px #b4d7f9;
    outline: none;
}

.crowdfunding-campaign-pledge-level-payment-entry input:focus.price-over-minimum,
.crowdfunding-campaign-pledge-level-payment-entry input.price-over-minimum {
    border-color: #4F8D26;
    box-shadow: 0 0 5px #4F8D26;
}

.crowdfunding-campaign-pledge-level-payment-entry-hint {
    font-size: 14px;
    margin-left: 9px;
    color: #666;
}

.crowdfunding-campaign-pledge-level-hint-currency {
    color: #333;
}

.crowdfunding-campaign-pledge-level-extra-cost-display {
    font-size: 12px;
    line-height: 1.5;
    margin: 9px 0;
    color: #666;
}

.crowdfunding-campaign-pledge-level-digital-option {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.crowdfunding-campaign-pledge-level-digital-radio {
    margin-bottom: 5px;
}
.crowdfunding-campaign-pledge-level-digital-descr {
    margin-bottom: 10px;
}

.crowdfunding-campaign-pledge-level-charge-statement {
    font-size: 12px;
    line-height: 1.5;
    margin: 9px 0;
}

.crowdfunding-campaign-pledge-level-checkout-btn {
    border: none;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    width: 220px;
    height: 36px;
    background-color: #4e8e25;
    color: #fff;
    font-size: 14px;
}

.crowdfunding-campaign-pledge-level-update-pledge-btn {
    border: none;
    border-radius: 4px;
    text-align: center;
    width: 220px;
    height: 36px;
    line-height: 36px;
    background-color: #4e8e25;
    color: #fff;
    font-size: 14px;
}
.crowdfunding-campaign-pledge-level-update-pledge-btn:hover {
    text-decoration: underline;
    cursor: pointer;
}
.crowdfunding-campaign-pledge-level-update-pledge-btn.pledge-unchanged {
    background-color: #ccc;
}
.crowdfunding-campaign-updates-tab {
    display: none;
    flex-flow: column nowrap;
    width: 100%;
}

.crowdfunding-campaign-update-list {
    display: flex;
    flex-flow: column nowrap;
    list-style-type: none;
}

.crowdfunding-campaign-update {
    display: flex;
}

.crowdfunding-campaign-updates-pane .stories .lock-banner .lock-follow {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 35px;
}

.crowdfunding-campaign-updates-pane .stories .lock-banner .lock-follow:hover {
    outline: none;
    text-decoration: underline;
}

.crowdfunding-campaign-updates-pane .stories .lock-banner .lock-follow:focus {
    outline: none;
}

.crowdfunding-campaign-pledgers-artist-info {
    width: 31%;
    padding: 1.333333em 0 0;
}

.crowdfunding-campaign-bio-image {
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

.crowdfunding-campaign-bio-follow {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.crowdfunding-campaign-bio-label {
    font-size: 14px;
    width: 150px;
}

.crowdfunding-campaign-bio-label .bio-label-name {
    display: block;
    font-weight: bold;
    margin: 0 0 3px 0;
}

 .crowdfunding-campaign-bio-label .bio-label-location {
    color: #777;
    font-size: 12px;
 }

.crowdfunding-campaign-bio-follow #following-actions {
    height: 28px;
    margin: 0;
    width: 72px;
}

.crowdfunding-campaign-bio-follow .popupImage {
    margin: 0 10px 0 0;
}

.crowdfunding-campaign-bio-follow-inner {
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: calc(100% - 58px);
}

.crowdfunding-campaign-artist-releases {
    font-size: 14px;
}

.crowdfunding-campaign-artist-releases {
    margin-top: 10px;
    margin-bottom: 30px;
}

.crowdfunding-campaign-pledger-ledger-count {
    font-size: 14px;
}

.crowdfunding-campaign-supporter-list .fan {
    height: 28px;
    margin: 0 5px 5px 0;
    position: relative;
    width: 28px;
}

.crowdfunding-campaign-supporter-list .pic > .tooltip {
    display: none;
    z-index: 10;
    position: absolute;
    bottom: 30px;
    left: -62px;
    width: 150px;
    padding-bottom: 3px;
}

.crowdfunding-campaign-supporter-list .pic > .tooltip > div {
    text-align: center;
    background: #333; /* hello IE8 */
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 5px;
}

.crowdfunding-campaign-supporter-list .pic > .tooltip img.grid {
    display: block;
    width: 140px;
    height: 140px;
    margin-bottom: 5px;
}

.crowdfunding-campaign-supporter-list .pic > .tooltip .name {
    width: 100%;
}

.crowdfunding-campaign-supporter-thumb {
    height: 28px;
    width: 28px;
}

/* Custom checkbox for pledge levels */

input[type="checkbox"] {
    margin-left: 0; /* override */
}

.crowdfunding-campaign-pledge-levels-list-item-selector-checkbox {
    margin: 0 14px 0 0;
}

.crowdfunding-campaign-pledge-levels-list-item-selector-check::after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 4px;
  margin: 0 0 2px 0;
  opacity: 0;
  transform: rotate(-45deg);
  width: 10px;
}

.art-ss {
    height: 50px;
}

/**** band follow/unfollow (cribbed from fan_tralbum.css) ****/

.follow-unfollow, .follow-unfollow.subscribed:hover {
    font-size: 12px;
    background-color: rgba(255,255,255,.5);
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    font-weight:bold;
    padding: 6px 5px 5px 5px;
    /*line-height:1em;*/
    margin:0;
    outline:none;
}
.follow-unfollow:hover {
    text-decoration:underline;
}
.follow-unfollow.following,
.follow-unfollow.following div,
.follow-unfollow.following:hover,
.invertIconography .follow-unfollow.following,
.invertIconography .follow-unfollow.following:hover {
    background:#619aa9;
    border-color:#619aa9;
    color:#fff;
}
.follow-unfollow.following:hover {
    text-decoration:none;
}
.follow-unfollow.subscribed {
    cursor: default;
}
.invertIconography .follow-unfollow {
    background-color: rgba(255,255,255,.15);
    border: solid 1px rgba(255,255,255,.05);
}
.invertIconography .follow-unfollow:hover {
    /**/
}
.invertIconography .follow-unfollow.following {
    /**/
}
.invertIconography .follow-unfollow.following:hover {
    /**/
}

/* first time band follow overlay */
.band-first-follow-message {
    border-bottom: 1px solid #ededed;
    color: #2e3332;
    margin: 0 0 -1em;
    padding: 0 0 1.5em;
}
.band-first-follow-message::after {
    content: '';
    display: table;
    clear: both;
}
.band-first-follow-message .fan-email {
    color:#777;
    white-space: nowrap;
}
.band-first-follow-message .fan-email:empty::after {
    content:'example-email@website.com';
}
.band-first-follow-image {
    border-radius: 50%;
    display: none;
    float: left;
    margin: -.25em 1em 4em 0em;
    overflow: hidden;
    width: 68px;
}
.band-first-follow-image > img {
    vertical-align: middle;
    height: auto;
    width: 100%;
}

/* playback limits dialog */
.play-limits-dialog {
}
.play-limits-dialog-header {
    text-align: center;
    margin: 0 0 12px;
}
#play-limits-dialog-fan-img,
#play-limits-dialog-band-img {
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.1);
    display: inline-block;
    height: 100px;
    left: inherit;
    opacity: 1.0;
    overflow: hidden;
    position: relative;
    right: inherit;
    width: 100px;
    text-align: center;    
}
.play-limits-dialog-heart {
    display: inline-block;
    width: 100px;
    height: 70px;
    vertical-align: bottom;
}
#play-limits-dialog-heart-img,
#play-limits-dialog-heartbreak-img {
    height: 189px;
    width: 100px;
}
#play-limits-dialog-heartbreak-img {
    display: none;
}
.play-limits-dialog > h2 {
    color: #2e3332;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
    margin: 0 auto 24px;
    opacity: 1.0;
    text-align: center;
    width: 324px;
}
.play-limits-dialog-pkg-art {
    display: inline-block;
    padding: 10px 0 0;
    text-align: center;
    vertical-align: top;
    width: 144px;
}
.play-limits-dialog-pkg-art .pkg-image {
    width: 110px;
    height: 110px;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.no-pkg-art .play-limits-dialog-pkg-art {
    display:none;
}
.play-limits-dialog-perks {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    opacity: 1.0;
    padding: 15px 0 10px;
}
.play-limits-dialog-bullets {
    display: inline-block;
    vertical-align: top;
    width:282px;
}
.no-pkg-art .play-limits-dialog-bullets {
    display: block;
    margin: 0 auto;
    width: 320px;
}
.play-limits-dialog-bullets-title {
    font-size: 18px;
    font-weight: 200;
    display: block;
}
.play-limits-dialog-bullets ul {
    padding: 0;
}
.play-limits-dialog-bullets li {
    list-style-type: disc;
    list-style-position: outside;
    color: #619aa9;
    margin: 9px 0 9px 18px;
}
.play-limits-dialog-bullets li span {
    color: #2e3332;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
.play-limits-dialog-bullets .band-name {
    display: inline-block;
}
.play-limits-dialog-button-pane {
    display: block;
    font-size: 0;
    margin: 25px 0 0;
    opacity: 1.0;
    padding:0 10px;
}
.play-limits-dialog-footer {
    text-align: center;
    padding-top: 20px;
    color: #686868;
}
.ui-dialog.nu-dialog .ui-dialog-content {
    padding: 25px 20px;
}
/* end playback limits dialog */

.goto-top-button.compound-button {
    display: none;
}

/* update pledge dialog */

.update-pledge-confirm-dialog.nu-dialog button.update-pledge-dialog-button {
    border-radius: 4px;
    width: 210px;
    height: 36px;
    font-size: 14px;
}
.update-pledge-line-item {
    margin-left: 85px;
    font-size: 12px;
}
.update-pledge-confirm-dialog .update-pledge-confirm-fine-print {
    padding: 9px 95px;
}
.update-pledge-hr {
    display: none;
}

/* artist campaign management */

.crowdfunding-campaign-artist-nav {
    height: 37px;
    margin: 0 0 18px 0;
    position: relative;
    width: 100%;
    padding: 0 30px;
}
.crowdfunding-campaign-artist-nav::before {
    content: ' ';
    border-bottom: solid 1px #e6e6e6;
    bottom: 1px;
    position: absolute;
    width: 30px;
    left: 0;
}
.crowdfunding-campaign-artist-nav::after {
    content: ' ';
    border-bottom: solid 1px #e6e6e6;
    bottom: 1px;
    position: absolute;
    width: 30px;
    right: 0;
}

.crowdfunding-campaign-artist-nav-tabs {
    font-size: 13px;
    font-weight: bold;
    height: 100%;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
}

.crowdfunding-campaign-artist-nav-tab {
    background-color: #F7F7F7;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    margin: 0;
    flex: 1 1 0; /* equally sized to fill container */
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;

}

.crowdfunding-campaign-artist-nav-tab a {
    display: inline-block;
    height: 100%;
    padding: 0 0 0 15px;
    width: 100%;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.crowdfunding-campaign-artist-nav-tab a:hover {
    text-decoration: none;
}

.crowdfunding-campaign-artist-nav-tab a:focus {
    outline: none;
    text-decoration: underline;
}

.crowdfunding-campaign-artist-nav-tab:last-child {
    border-right: 1px solid #e6e6e6;
}

.crowdfunding-campaign-artist-nav-tab.selected-tab {
    background-color: #ffffff;
    border-bottom: 1px solid transparent;
}

.crowdfunding-campaign-artist-nav-tab.selected-tab a {
    color: #333333;
}

.crowdfunding-campaign-artist-nav-tab.inactive-tab a {
    color: #b8b8b8;
}

.crowdfunding-campaign-artist-nav-tab--with-status a:after {
    content: " ";

    box-sizing: border-box;
    display: inline-block;

    width: 20px;
    height: 20px;

    color: white;

    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    font-family: var(--lucida-stack);

    border-radius: 10px;
    border: 1px dashed var(--too-many-grays);

    margin-right: 30px;
    padding-right: 1px;
}

.crowdfunding-campaign-artist-nav-tab--complete a:after {
    content: "✓";
    border: 0;
    background-color: var(--accent-green);
}

.crowdfunding-publish-notification, .crowdfunding-asset-upload-notification {
    border-radius: 3px;
    margin: 0 0 36px 0;
    position: relative;
    width: 913px;
}

.crowdfunding-publish-notification-message {
    background-color: rgb(247, 250, 255);
    font-size: 13px;
    margin: 0 0px 18px;
    padding: 10px 72px 10px 16px;
    border: solid 1px #90BAF5;
}

.crowdfunding-publish-notification-message, .crowdfunding-asset-upload-notification-message  p {
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}

.crowdfunding-publish-notification-message p:first-child {
    margin: 0 0 20px 0;
    font-size: 16px;
}
.crowdfunding-asset-upload-notification-message p:first-child {
    font-size: 16px;
}

.crowdfunding-publish-notification-close {
    height: 8px;
    padding: 1px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 8px;
}

.crowdfunding-publish-notification-close-icon {
    fill: #9a9a9a;
    vertical-align: top;
}

.crowdfunding-asset-upload-notification-message {
    font-size: 13px;
    margin: 0 0px 18px;
    padding: 10px 72px 10px 16px;
    border: solid 1px #e6e6e6;
}

.crowdfunding-asset-upload-notification-items {
    padding-left: 18px;
}

.crowdfunding-edit-delete-controls {
    margin-bottom: 1.0em;
    margin-right:auto;
}

.crowdfunding-draft { 
    color: #ee0000;   
    pointer-events: none;
    border: 1px solid #ee0000;
    padding: 0.25em 0.75em;
    margin-right: 0.5em;
}

.crowdfunding-edit-delete {  
    background-color: lightyellow;
    padding: 0.25em 0.75em;
    margin-right: 0.5em;
    border: 1px solid silver;
}

.campaign-pane-blocker {
    background-color: #FFF;
    height: 100%;
    opacity: 0.89;
    position: absolute;
    width: 100%;
    z-index: 198;
}

.processing-payment-dialog {
    background-color: #FFF;
    border: solid 10px rgba(250, 120, 9, 0.6);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    height: 127px;
    left: 103.5px;
    opacity: 1;
    position: absolute;
    top: 49px;
    width: 708px;
    z-index: 199;
}

.processing-payment-dialog-message {
    margin: 18px 90px 27px 0;
}

.processing-payment-dialog-message h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 10px;
}

.processing-payment-dialog p {
    line-height: 1.38;
    margin: 0;
}

.processing-payment-dialog br {
    line-height: 2.45;
}

/* almighty dollar icon css */
.processing-payment-dialog svg {
    fill: url(#pledge-processing-mask);
    margin: 9.9px 45px 17.2px;
}

.order-confirmation-dialog {
    background-color: #FFF;
    border: 10px solid rgba(0, 132, 168, 0.4);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 49px;
    transform: translateX(-50%);
    width: 688px;
    z-index: 199;
}

.order-confirmation-dialog h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 9px;
    padding: 18px 0px 5px 20px;
}

.order-confirmation-dialog h3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 9px;
    clear: both;  
}

.crowdfunding-order-confirmation-header {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
}

.order-confirmation-dialog p {
    font-size: 13px;
    line-height: 1.38;
    margin: 0 0 9px;
}

.order-confirmation-dialog p,
.order-confirmation-dialog dt,
.order-confirmation-dialog h3 {
    padding-left: 20px;
}

.order-confirmation-dialog p:last-child {
    margin: 0;
}

.order-confirmation-dialog span {
    font-size: 12px;
    line-height: 1.5;
    margin:  0 0 9px;
}

.order-confirmation-dialog span:last-child {
    margin:  0;
}

.order-confirmation-dialog button {
    background: #4E8E25;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    height: 45px;
    margin: 10px 0 18px 20px;
    width: 235px;

}

.order-confirmation-dialog button.close {
    background: #333;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    height: 45px;
    margin: 10px 0 18px 20px;
    width: 100px;

}

.order-confirmation-dialog button:hover {
    text-decoration: none;
}

.order-confirmation-dialog button.campaign-order-submitting {
    opacity: 0.3;
}

.order-confirmation-dialog .order-confirmation-dialog-subtitle {
    margin: 0 0 18px;
}

.order-confirmation-dialog section {
    margin: 0 0 27px;
}

/* Pledge management tab */

.crowdfunding-campaign-pledges-count .no-pledgers {
    font-size: 13px;
}

.crowdfunding-campaign-pledges-count {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;   
}

.crowdfunding-campaign-pledges-list {
    font-size: 13px;
    line-height: 1.38;
}

.crowdfunding-campaign-pledges-table {
    margin-top: 20px;
}

#pledges-table {
    width: 683px;  
}

#pledges-table th, td {
    border-top: solid #c8c8c8 1px;
    border-bottom: solid #c8c8c8 1px;
}

#pledges-table th {
    padding: 10px 5px 10px 5px;
}

#pledges-table td {
    padding: 15px 5px 15px 5px;
}

.crowdfunding-campaign-load-more {
    text-align: center;
}

.crowdfunding-campaign-load-more button {
    margin: 20px 0px;
    border-radius: 3px;
    background-color: #0687f5;
    border: none;
    color: #fff;
    min-height: 40px;
    font-weight: bold;
    font-size: 16px;
    flex-shrink: 1;
    flex-grow: 0.5;
    margin-right: 10px;
    padding: 0px 15px;
    text-decoration: none;
}

#export-pledgers-csv-download {
    display: none;
}

/*loading spinner*/

.loading-new-pledgers .upload-spinner {
    padding: 6.5px 0;
    margin: auto;
    width: 30px;
    height: 30px;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(360deg);
    } to {
        transform: rotate(0deg);
    }
}
#search-spinner .st1 {
    fill: #606463;
}
#search-spinner .st2 {
    fill: #717474;
}
#search-spinner .st3 {
    fill: #7C7F7E;
}
#search-spinner .st4 {
    fill: #8D8F8F;
}
#search-spinner .st5 {
    fill: #BBBAB9;
}
#search-spinner .st6 {
    fill: #D2D2D1;
}
#search-spinner .st7 {
    fill: #DCDCDC;
}
#search-spinner .st8 {
    fill: #A4A4A5;
}

/* Offset campaign summary panel */
.crowdfunding-campaign-summary-panel {
    width: var(--summary-panel-width);
    float: right;
    box-sizing: border-box;
    border: solid 1px #e6e6e6;
    border-radius: 3px;
    background-color: #fff
}
/* and the rule for manage campaign contents that go to the left of the summary panel */
.crowdfunding-campaign-manage-left-pane {
    width: calc(var(--pgBd-content-width) - var(--summary-panel-width) - var(--gutter));
    float: left;
}

.crowdfunding-campaign .panel-large-format {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.crowdfunding-campaign-panel-album-info,
.crowdfunding-campaign-panel-percent-funded,
.crowdfunding-campaign-panel-pledge-count,
.crowdfunding-campaign-panel-money-pledged {
    margin-bottom: 10px;
}

.crowdfunding-campaign-panel-description-text,
.crowdfunding-campaign-panel-type,
.crowdfunding-campaign-panel-percent-funded,
.crowdfunding-campaign-panel-pledge-count,
.crowdfunding-campaign-panel-money-pledged,
.crowdfunding-campaign-panel-time-remaining,
.crowdfunding-campaign-panel-end-message {
   font-size: 12px;
   line-height: 1.5;
}

.crowdfunding-campaign-panel-album-art {
    text-align: center;
    padding: 15px;
    border-bottom: solid 1px #e6e6e6
}

.crowdfunding-campaign-panel-album-title {
    font-size: 13px;
    font-weight: bold;
}

.crowdfunding-campaign-panel-album-title {
    line-height: 1.38;
}

.crowdfunding-campaign-panel-type {
    color: #7a7a7a;
}

.crowdfunding-campaign-panel-status {
    padding: 15px;
    margin-bottom: 27px;
}

.crowdfunding-campaign-panel-status-badges {
    color: #ffffff;
    display: flex;
    flex-flow: row nowrap;
    font-weight: bold;
    font-size: 10px;
    justify-content: left;
    margin-bottom: 15px;
    text-align: center;
}

/* trackpipe/public/css/fan/band_follow_opt_in.css */
.external-follow-confirm .ui-dialog-buttonset button,
.mailing-list-opt-in .ui-dialog-buttonset button {
    background: rgb(0,161,198);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 0 1em;
    text-align: center;
    border: none;
    vertical-align: top;
    padding: 12px 12px;
    height: 43px;
    line-height: 16px;
}
.external-follow-confirm .ui-dialog-buttonset button:hover,
.mailing-list-opt-in .ui-dialog-buttonset button:hover {
    background: rgb(0,161,198);
    text-decoration: underline;
}
.external-follow-confirm .ui-dialog-buttonset button:focus,
.mailing-list-opt-in .ui-dialog-buttonset button:focus {
    background: rgb(0,161,198);
}
.external-follow-confirm .ui-dialog-content.ui-widget-content,
.mailing-list-opt-in .ui-dialog-content.ui-widget-content {
    padding-bottom: 0;
}
.mailing-list-opt-in.label .ui-dialog-buttonset button {
    max-width: 420px;
}
.external-follow-confirm .ui-dialog-buttonset button:last-child,
.mailing-list-opt-in.band .ui-dialog-buttonset button:last-child {
    width: 190px;
    background: #FFF;
    border: 1px solid rgb(0,161,198);
    color: rgb(0,161,198);
}
.external-follow-confirm .heading {
    margin: 0 auto 15px auto;
}
.mailing-list-opt-in .heading {
     margin: 0 auto;
}
.mailing-list-opt-in .heading,
.external-follow-confirm .heading {
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    max-width: 420px;
}
.external-follow-confirm .heading {
    height: 39px;
    padding: 20px 0;

}
body:lang(ja) .mailing-list-opt-in .heading,
body:lang(ja) .external-follow-confirm .heading {
    font-size: 16px;
    line-height: 1.4;
}
.mailing-list-opt-in .email-abuse {
    margin: 10px auto 10px auto;
    color: #777;
    font-size: 12px;
    line-height: 14px;
    max-width: 420px;
}
.mailing-list-opt-in .notify-me-container {
    font-size: 15px;
    margin: 15px auto;
    max-width: 420px;
}
.mailing-list-opt-in .notify-me-container .first {
    margin-bottom: 5px;
}
.mailing-list-opt-in .notify-me {
    display: block;
}
.mailing-list-opt-in .notify-me-label {
    display: inline-block;
}
.mailing-list-opt-in .notify-me-message {
    display: inline-block;
    font-weight: bold;
    width: 390px;
}
.mailing-list-opt-in .notify-me-container input[type="checkbox"] {
    vertical-align: top;
}

/* trackpipe/public/css/fan/fan_tralbum.css */
.collected-by {
    margin-top: 25px;
}
.invertIconography .collected-by {
    /**/
}
.collected-by .message, .collected-by .subscriber-message {
    font-size: 1em;
}

.collected-by .message .show-more {
    float: right;
    padding-right: 0.7em;
}

.just-icon {
    position: absolute;
    top: 21px;
    right: 1px;
    font-family: georgia, serif;
    font-size: 21px;
    width: 27px;
    text-align: right;
    height: 14px;
    line-height: 14px;
}
.just-icon-bg {
    position: absolute;
    top: 10px;
    left: 10px;
	width: 0; 
	height: 0; 
	border-top: 18px solid transparent;
	border-right: 18px solid #eee;
}

.collected-by .ellipsis {
    width: 28px;
    height: 28px;
    vertical-align: top;
    margin: 0 3px 7px 4px;
    display: inline-block;
    position: relative;
    -ms-filter: "alpha(opacity=70)";
    opacity: 0.7;
}

.collected-by .ellipsis-bg {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=20)";
    opacity: 0.2;
}
.invertIconography .collected-by .ellipsis-bg {
    -ms-filter: "alpha(opacity=25)";
    opacity: 0.25;
}

.collected-by .ellipsis-text {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    text-align: center;
    font-weight: bold;
    line-height: 28px;
    font-size: 14px;
    font-family: georgia, serif;    
}

.collected-by .ellipsis:hover {
    opacity: 1;
}

.collected-by .ellipsis.show-more.hide {
    display: none;
}

.collected-by .close {
    display: none;
}
.collected-by .close div {
    padding: 10px 0 0 4px;
}

.collected-by .populated .close {
    font-size: 12px;
    font-weight: bold;
}

.share-collect-controls span.collect-item-icon,
.share-collect-controls span.inverted-collect-item-icon {
    height: 13px;
    width: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
}
.share-collect-controls #wishlist-msg span.collect-item-icon {
    background-position: 0px -73px;
}
.invertIconography .share-collect-controls #wishlist-msg span.collect-item-icon {
    background-position: -14px -73px;
}
.share-collect-controls #wishlisted-msg span.collect-item-icon {
    background-position: -28px -73px;
}
.share-collect-controls #purchased-msg span.collect-item-icon {
    background-position: -42px -73px;
}

.share-collect-controls #wishlist-alert {
    display: none;
    color: red;
    font-weight: bold;
    font-size: 1.1em;
    margin: 4px;
}

#wishlist-msg, #wishlisted-msg, #purchased-msg {
    display: none;
}
#collect-item.wishlist #wishlist-msg {
    display: inline;
}
#collect-item.wishlisted #wishlisted-msg {
    display: inline;
}
#collect-item.purchased #purchased-msg {
    display: inline;
}

#wishlisted-msg .collect-msg:after {
    content: ' - '; /* dash between "wishlisted" link and "view" link */
}

:lang(fr) #wishlisted-msg .collect-msg:after {
    content: '»'; /* symbol between french "wishlisted" link and "view" link */
}

/***** "you own this" text *****************************************/

.trackView h4.you-own-this, 
.trackView h3.you-own-this {
    font-size: 12px;
    margin-top: 7px;
}
.trackView h4.you-own-this.ab-test-cta, 
.trackView h3.you-own-this.ab-test-cta {
    display: inline;
    font-size: 14px;
    font-weight: normal;
    margin-top: 7px;
}


.you-own-this .bc-ui2.you-own-this-icon {
    margin: 0 .25em 0 0;
    height: 13px;
    width: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-position: -42px -73px;
}

.you-own-this .you-own-this-text {
    margin-right: 1em;
}

#trackInfo .you-own-this a.you-own-this-link {
    color: inherit;
}

.you-own-this button.buy-again,
.you-own-this button:has(span.buy-again) {
    margin-right: 1em;
}

.owns-digital .buyItem.digital .you-own-this, 
.owns-bfd .buyItem.buyFullDiscography .you-own-this, 
.part_of_purchased_album #buyAlbumLink .you-own-this {
    display: block;
}

.owns-digital .buyItem.digital .compound-button.main-button,
.owns-digital .buyItem.digital .hd button.download-link,
.owns-bfd .buyItem.buyFullDiscography .compound-button.main-button,
.owns-bfd .buyItem.buyFullDiscography .hd .band-link,
.part_of_purchased_album #buyAlbumLink .unowned-album {
    display: none;
}

/***** band follow/unfollow *****************************************/

#following-actions {
    margin: 0 0 1em;
}
.follow-unfollow, .follow-unfollow.subscribed:hover {
    font-size: 12px;
    background-color: rgba(255,255,255,.5);
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    font-weight:bold;
    padding: 6px 5px 5px 5px;
    /*line-height:1em;*/
    margin:0;
    outline:none;
}
.follow-unfollow:hover {
    text-decoration:underline;
}
.follow-unfollow.following,
.follow-unfollow.following div,
.follow-unfollow.following:hover,
.invertIconography .follow-unfollow.following,
.invertIconography .follow-unfollow.following:hover {
    background:#619aa9;
    border-color:#619aa9;
    color:#fff;
}
.follow-unfollow.following:hover {
    text-decoration:none;
}

.follow-unfollow.subscribed {
    cursor: default;
}

.invertIconography .follow-unfollow {
    background-color: rgba(255,255,255,.15);
    border: solid 1px rgba(255,255,255,.05);
}
.invertIconography .follow-unfollow:hover {
    /**/
}
.invertIconography .follow-unfollow.following {
    /**/
}
.invertIconography .follow-unfollow.following:hover {
    /**/
}

/* first time band follow overlay */
.band-first-follow-message {
    border-bottom: 1px solid #ededed;
    color: #2e3332;
    margin: 0 0 -1em;
    padding: 0 0 1.5em;
}
.band-first-follow-message:after {
    content: '';
    display: table;
    clear: both;
}
.band-first-follow-message .fan-email {
    color:#777;
    white-space: nowrap;
}
.band-first-follow-message .fan-email:empty:after {
    content:'example-email@website.com';
}
.band-first-follow-image {
    border-radius: 50%;
    display: none;
    float: left;
    margin: -.25em 1em 4em 0em;
    overflow: hidden;
    width: 68px;
}
.band-first-follow-image > img {
    vertical-align: middle;
    height: auto;
    width: 100%;
}

/* playback limits dialog */
.play-limits-dialog {
}
.play-limits-dialog-header {
    text-align: center;
    margin: 0 0 12px;
}
#play-limits-dialog-fan-img,
#play-limits-dialog-band-img {
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.1);
    display: inline-block;
    height: 100px;
    left: inherit;
    opacity: 1.0;
    overflow: hidden;
    position: relative;
    right: inherit;
    width: 100px;
    text-align: center;    
}
.play-limits-dialog-heart {
    display: inline-block;
    width: 100px;
    height: 70px;
    vertical-align: bottom;
}
#play-limits-dialog-heart-img,
#play-limits-dialog-heartbreak-img {
    height: 189px;
    width: 100px;
}
#play-limits-dialog-heartbreak-img {
    display: none;
}
.play-limits-dialog > h2 {
    color: #2e3332;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
    margin: 0 auto 24px;
    opacity: 1.0;
    text-align: center;
    width: 324px;
}
.play-limits-dialog-pkg-art {
    display: inline-block;
    padding: 10px 0 0;
    text-align: center;
    vertical-align: top;
    width: 144px;
}
.play-limits-dialog-pkg-art .pkg-image {
    width: 110px;
    height: 110px;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.no-pkg-art .play-limits-dialog-pkg-art {
    display:none;
}
.play-limits-dialog-perks {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    opacity: 1.0;
    padding: 15px 0 10px;
}
.play-limits-dialog-bullets {
    display: inline-block;
    vertical-align: top;
    width:282px;
}
.no-pkg-art .play-limits-dialog-bullets {
    display: block;
    margin: 0 auto;
    width: 320px;
}
.play-limits-dialog-bullets-title {
    font-size: 18px;
    font-weight: 200;
    display: block;
}
.play-limits-dialog-bullets ul {
    padding: 0;
}
.play-limits-dialog-bullets li {
    list-style-type: disc;
    list-style-position: outside;
    color: #619aa9;
    margin: 9px 0 9px 18px;
}
.play-limits-dialog-bullets li span {
    color: #2e3332;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
.play-limits-dialog-bullets .band-name {
    display: inline-block;
}
.play-limits-dialog-button-pane {
    display: block;
    font-size: 0;
    margin: 25px 0 0;
    opacity: 1.0;
    padding:0 10px;
}
.play-limits-dialog-footer {
    text-align: center;
    padding-top: 20px;
    color: #686868;
}
.ui-dialog.nu-dialog .ui-dialog-content {
    padding: 25px 20px;
}





/* trackpipe/public/css/label/label.css */
/* used to visually hide text but keep it available for screen readers. why is it defined here?? */
.hidden-access {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

/* Custom header */

.label-custom-header-upload {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 965px;
    height: 112px;
    padding: 5px;
    background: #eaeaea;
    border: none;
}

.label-custom-header-upload .upload-button-and-hint {
    display: block;
    font-size: 1em;
    line-height: 1;
    width: 963px;
    height: 110px;
    border: 1px dashed #999;
}

.label-custom-header-upload button {
    font-family: inherit;
    font-size: 1.167em; /* 14px */
    font-weight: bold;
    padding: 0;
    border: none;
    background: none;
}

/* Tabula rasa */

.label-welcome {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 90%;
    color: #363636;
}

.label-welcome h2 {

}

.label-welcome p {
    font-size: 16px;
    width: 100%;
    margin-top: 37px;
    margin-bottom: 35px;
    text-align: center;
    color:#333;
}

.label-welcome .buttons a {
    font-size: 21px;
    margin: 0 25px;
    background: #fff;
    border: 2px solid;
    border-radius: 0;
    box-shadow: 2px 2px #e5e5e5;
}

.label-welcome .buttons a.new {
    color: #008af6;
}

.label-welcome .buttons a.existing {
    color: #358294;
}

/* Artists grid */

/* hide knockout-hidden stuff before knockout loads */
.artists-grid.loading .hidden-while-loading {
    display: none;
}

.artists-grid-banner, .convert-more-bands {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 2em;
    padding: 0;
    color:#363636;
    border: none;
    background: transparent;
}

.label-welcome .convert-more-bands {
    margin-top: 2em;
}

.artists-grid {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #363636;
}

.artists-grid-pic {
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}

.editable-grid.artists-grid.editable li.artists-grid-item {
   display: inline-block;
}

.editable-grid.artists-grid.editable li.artists-grid-item.featured {
    display: none;
}

.editable-grid.editable .no-art .artists-grid-pic {
/*    background: #fff; */
    outline: 1px dashed #c0c0c0;
}

.no-art .artists-grid-pic-uploaded {
    outline: none;
}

.invertIconography .artists-grid-pic {
    background-color: rgba(255, 255, 255, 0.1);
}

.artists-grid-pic .image-upload {
    display: inline-block;
    position: relative;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin: 130px 3px 0px 3px;
    padding: 2px;
    border: none;
}

/* Merch Grid */

ol.merch-grid.filtered .merch-grid-item.featured {
    display: inline-block;
}

/* Featured Grid */

ol.featured-grid, ol.featured-grid.featured-items.filtered {
    display: none;
}

ol.featured-grid.occupied {
    display: block;
    list-style: none;
    position: relative;
    padding: 0;
    width: 798px;
    margin-bottom: 60px;
}

ol.featured-grid.featured-music.occupied {
    margin-bottom: 45px;
}

ol.featured-grid.featured-artists.occupied {
    margin-bottom: 40px;
}

ol.featured-grid.featured-music.occupied {
    height: 410px;
}

ol.featured-grid.featured-music.occupied.one {
    height: 430px;
}

ol.featured-grid.featured-merch.occupied {
    height: 365px;
}

ol.featured-grid.featured-artists.occupied {
    height: 330px;
}

ol.featured-grid.featured-artists.occupied.one {
    height: 470px;
}

ol.featured-grid.featured-items.occupied {
    width: 796px;
}

ol.featured-grid.occupied li {
    display: inline-table;
    position: relative;
    margin: 0 26px 0 0;
}

ol.featured-grid.featured-items.occupied li {
    width: 366px;
}
ol.featured-grid.featured-items.occupied li.solo {
    width: 380px;
    text-align: left;
}

ol.featured-grid.featured-items.occupied li.hide {
    display: none;
}

ol.featured-grid.featured-artists li .art img {
    width: 364px;
    height: 273px;
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
}

ol.featured-grid.featured-artists li.solo .art img {
    width: 758px;
    height: 426px;
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: 1px;
}

ol.featured-grid.featured-items li .art img {
    width: 366px;
    height: 274px;
}

ol.featured-grid.featured-items li.solo .art img {
    width: 380px;
    height: 285px;
}

ol.featured-grid.featured-items.featured-music li .art img {
    height: 361px;
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: 1px;
}

ol.featured-grid.featured-items.featured-music li.solo .art img {
    height: 380px;
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: 1px;
}

ol.featured-grid.featured-items.center {
    width: 100%;
    text-align: center;
}

ol.featured-grid.featured-items.center li.solo {
    margin-right: 0;
}

ol.featured-grid .warning-badges {
    display: none;
    position: absolute;
    left: auto;
}

ol.featured-grid .art .warning-badges {
    display: inline;
}

ol.featured-artists li .warning-badges {
    top: 257px;
}

ol.featured-artists li.solo .warning-badges {
    top: 410px;
}

.featured-grid .featured-grid-name {
    font-weight: bold;
    font-size: 16px;
    margin: 0.5em 0 0.1em 0;
}

.featured-grid .artists-grid-location {
    text-align: left;
}

.featured-grid .price, .featured-grid .merchtype {
    margin: 0.3em 0 0.4em 0;
}

.featured-grid .price {
    font-weight: bold;
}

.featured-grid .currency {
    font-weight: normal;
}

.image-upload.poke {
    font-weight: normal;
    background: #fff;
    color: #333;
    line-height: normal;
}

.poke .part2 {
    display: inline-block;
}

.columns-3 .artists-grid-pic .image-upload {
    margin-top: 80px;
}

.artists-grid-pic .error {
    font-weight: bold;
    margin-top: 0.5em;
    padding: 0 1em;
    color: #c00;
}

.artists-grid-pic .image-upload.focus {
    text-decoration: underline;
}

.artists-grid-name {
    font-size: 16px;
}

ol.featured-items p.title {
    font-size: 14px;
}

ol.featured-items p.title  .album-title {
    display: none;
}

ol.featured-items p.title .album-title.ready {
    display: inline;
}

.artists-grid-name, ol.featured-items p.title {
    font-weight: bold;
    margin: 0.625em 0 0.125em;
}

ol.featured-items span.artist-override {
    font-size: 95%;
    font-weight: normal;
}

.columns-3 .artists-grid-name {
    margin-top: 0.5em;
}

.artists-grid .upload-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 1em 0 0 -100px;
}

.artists-grid-owner-actions {
    height: 1em;
    margin-top: 0.25em;
}
.artists-grid-owner-actions button {
    position: absolute;
    left: -10000px;
    top: -10000px;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    margin: 0 0.5em 0 0;
    padding: 0;
    border: 0;
    background-color: transparent;
}
.artists-grid-item:hover .artists-grid-owner-actions button,
.featured-item:hover .artists-grid-owner-actions button,
.artists-grid-owner-actions button:active,
.artists-grid-owner-actions button:focus {
    position: static;
    left: 0;
    top: 0;
}

#disabled-label-overlay {
    margin-bottom: 15px;
    font-size: 1.25em;
}

.back-to-label-link {
    position: absolute;
    top: 60px;
    padding: 12px 7px 12px 7px;
    color: #FFFFFF;
    background-color: #000000;
    z-index: 1;
}
.has-corpbanner2 .back-to-label-link {
    top: 110px;
}

a.back-to-label-link:hover {
    text-decoration: none;
}

@media(min-width:1201px){
    .back-to-label-link {
        max-width: 155px;
    }
}

@media (max-width:1200px) {
    .back-to-label-link {
        height: 13px;
        width:13px;
    }

    .back-to-label-link:hover {
        height: 32px;
        width: auto;
        text-decoration: none;
    }

    .back-to-label-link .back-link-text { visibility: hidden; }

    .back-to-label-link:hover .back-link-text  {
        visibility: visible;
    }
}

@media(max-width:1029px){
    .back-to-label-link {
        display: none;
    }
}

/* trackpipe/public/css/label/band_selector.css */
.label-band-selector-container {
    position: relative;
    z-index: 10;
}

.label-band-selector {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #363636;
}

.label-band-selector-grid {
    /* wedge it in the existing margin between grid and header so the grid lines up with the bio pic in sidebar */
    margin-top: -1.167em;
    height: 1.167em;
    margin-bottom: 1.75em;
}

.rightColumn.band-selector-visible {
    margin-top: 1.75em;
}

.label-band-selector .tabs {
    display: inline-block;
    margin: 0 0 0 0.3em;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.label-band-selector .tabs > li {
    display: inline-block;
    border-left: solid 1px #aaa;
    margin: 0;
    padding: 0 1ex;
}

.label-band-selector .tabs > li:first-child {
    border-left: none;
}

.label-band-selector .tabs .bands-menu {
    display: none;
    position: absolute;
    z-index: 1;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
    padding: 3px 0;
}

.label-band-selector .bands-menu a:hover .menu-bandname,
.label-band-selector .bands-menu a:active .menu-bandname,
.label-band-selector .bands-menu a:focus .menu-bandname {
    text-decoration: underline;
}

.label-band-selector a.ui-state-focus {
    text-decoration: underline;
}

.label-band-selector a.selected {
    color: #363636;
    font-weight: bold;
}

.label-band-selector .caret {
    fill: #0687f5;
}

.label-band-selector .selected .caret {
    fill: #363636;
}

/* for IE 8 and below (others use the SVG version) */
.label-band-selector .menucaret {
    display: inline-block;
    width: 9px;
    height: 5px;
    overflow: hidden;
    margin-left: 2px;
    background-position: -17px -1px;
}

.label-band-selector .menu-artistitem {
    padding-left: 10px;
    padding-right: 10px;
}

.label-band-selector .bands-menu .menu-artistpic {
    left: 10px;
}

.label-band-selector .menu-artistpic.round {
    border: none;
}
.label-band-selector .menu-artistpic.round > img {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
    background: #6046FE;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
    height: 25px;
    width: 25px;
}
.label-band-selector .bands-menu-title .menu-artistpic.round {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
    background: #6046FE;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
    position: absolute;
    top: -6px;
    height: 25px;
    width: 25px;
}
.label-band-selector .bands-menu-title .name {
    padding-left: 30px;
}
.label-band-selector.fade-in-on-load {
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.label-band-selector.fade-in-on-load.loading {
    opacity: 0;
}

/* trackpipe/public/css/peekaboo_text.css */
/* The more/less link is hidden by default */
.peekaboo-link {
    display: none;
}

/* For browsers which don't support CSSOM and truncate.js, enable the fallback (PeekabooText) */
.no-cssom .peekaboo-link {
    display: inline;
}
.no-cssom .peekaboo-text {
    display: none;
}


/* trackpipe/public/css/policies.css */

.policies {
    font-size: 110%;
    text-align: left;
}

.policies dt {
    font-weight: bold;
    margin-bottom: 10px;
}

.policies dd {
    margin-bottom: 30px;
    margin-left: 0px;
}

/* trackpipe/public/css/popup_image.css */

/* popup image viewer */

/* .imageviewer_XXX styles refers to the original implementation and will be deleted eventually
 * .popupimage_XXX is the new black.  the desktop version of the new code is still being developed,
 * so the .imageviewer_XXX are still the ones active in production. -- kj
 */


.popupimage_gallery {
    display: table-cell;
    vertical-align: middle;
    position: fixed;
    left: 0; top: 0;
    bottom: 0; right: 0;
    background: rgba( 255, 255, 255, 0.5 );
    z-index: 10;
}

.popupimage_container {
    position: relative;
    display: table;
    left: 0;
    height: 100%; width: 1000%;
    list-style: none;
    padding: 0;
}

.popupimage_item {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: auto;
}

.popupimage_item img {
    display: block;
    background: #000;
    margin-left: auto;
    margin-right: auto;
}

.popupimage_item.loading {
    background: url(/img/playerbusy_transp.gif) no-repeat;
    background-position: 50% 50%;
}


/* --- widgets --- */

.popupimage_nav {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 33%;
    -webkit-tap-highlight-color: rgba( 0,0,0,0 );
}

.popupimage_nav.dismiss {
    left: 33%;
    width: 34%;
}

.popupimage_nav.prev {
    left: 0;
}

.popupimage_nav.next {
    right: 0;
}

.popupimage_navicon {
/* *** old:
    display: inline-block;
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    background-image:url(/img/popup_image.png);
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;
*** */

    display: inline-block;
    position: absolute;
    top: 85%;
    margin: auto;
    background: url(/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    z-index: 1;
}

.no-svg .popupimage_navicon {
    background-image: url(/img/mobile-sprites-20150520.png);
}

.popupimage_navicon.dismiss {
    left: 50%;
    margin-left: -1rem;
    background-position: 0 31.6%;
}

.popupimage_navicon.prev {
    left: 1em;
    background-position: 0 35.8%;
}

.popupimage_navicon.next {
    right: 1em;
    background-position: 0 40.0%;
}

.popupimage_loading {
    position: absolute;
    display: inline-block;
    background-color: black; 
    opacity: 0.5;
    filter:alpha(opacity=50);
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.popupimage_spinny_lg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy.gif) no-repeat;
    background-position: 50% 50%;
}

.popupimage_spinny_sm {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}

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

.imageviewer_top {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    text-align: center;
    z-index: 201; /* on top of menubar 2018 */
}

.imageviewer_top td {
    border: 0;
}

.imageviewer_back {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
}

.imageviewer_dismiss {
    cursor: pointer;
    position: relative;
    top: 2em; left: -1em;
    background-image: url(/img/popup_image_v2.png);
    background-size: 30px;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    z-index: 10;
}

.imageviewer_image {
    clear: both;
    border: 2px solid rgba(0,0,0,0.1);
    max-width: none;
    display: inherit;
}

.imageviewer_nav {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 200px;
    max-width: 33%;
    top: 0;
}

.ie .imageviewer_nav {
    /* fixes problems laying out empty elements */
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

.imageviewer_nav.prev {
    left: 0;
}

.imageviewer_nav.next {
    right: 0;
}

.imageviewer_navicon {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    background-image: url(/img/popup_image_v2.png);
    background-size: 30px;
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;
}

.imageviewer_navicon.next {
    right: 30px;
    background-position:0 center;
}

.imageviewer_navicon.prev {
    left: 30px;
    background-position:0 bottom;
}

.imageviewer_nav:hover span.imageviewer_navicon {
    visibility: visible;
}

.imageviewer_loading {
    position: absolute;
    display: inline-block;
    background-color: black; 
    opacity: 0.5;
    filter:alpha(opacity=50);
    text-align: center;
    vertical-align: middle;
}

.imageviewer_spinny_lg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_transp.gif) no-repeat;
    background-position: 50% 50%;
}

.imageviewer_spinny_sm {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(/img/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}


/* trackpipe/public/css/crowdfunding/cancel_pledge_dialog.css */
.cancel-pledge-dialog .crowdfunding-ppp-why-text {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}
.cancel-pledge-dialog .crowdfunding-ppp-optional-text {
    font-weight: normal;
    color: #777;
}
.cancel-pledge-dialog .crowdfunding-ppp-cancel-bandcamp {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}
.cancel-pledge-dialog .ui-dialog-buttonset button,
.cancel-pledge-dialog .ui-dialog-buttonset button:hover,
.cancel-pledge-dialog .ui-dialog-buttonset button:focus {
    background-color: #fff;
    color: #777;
    border-color: #ccc;
    font-size: 14px;
    line-height: 22px;
    width: 210px;
}
.cancel-pledge-dialog .ui-dialog-buttonset button:hover {
    opacity: 0.8;
}
.cancel-pledge-dialog .ui-dialog-buttonset button[disabled],
.cancel-pledge-dialog .ui-dialog-buttonset button[disabled]:hover {
    background-color: #fff;
    border-color: #777;
    color: #777;
    opacity: 0.6;
}
.cancel-pledge-dialog textarea#why-cancel-text {
    width: 95%;
    height: 100px;
    resize: none;
    font-size: 14px;
    margin-bottom: 10px;
}
.cancel-pledge-dialog.ui-dialog.nu-dialog .ui-dialog-content {
    padding-top: 20px;
    padding-bottom: 0px;
}
.cancel-pledge-dialog.ui-dialog.nu-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    padding: 0;
    display: flex;
    margin: 0 20px 20px 20px;
    justify-content: space-between;
}
div.cancel-pledge-line {
    display: none;
}
.cancel-pledge-dialog p.crowdfunding-ppp-you-pledged {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    margin: 0;
}
.cancel-pledge-dialog ul.crowdfunding-ppp-pledged-items {
    list-style: none;
    padding-left: 0;
    margin-bottom: 16px;
}
.cancel-pledge-dialog ul.crowdfunding-ppp-pledged-items li::before {
    content: "\2022";
    color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    font-size: 18px;
}
.crowdfunding-ppp-pledged-items li {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 2px;
}
.cancel-pledge-dialog p.crowdfunding-ppp-nag-text {
    font-size: 14px;
    line-height: 22px;
}
.crowdfunding-ppp-are-you-sure {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}
/* trackpipe/public/css/card_icons.css */

/** card icons **/

/** low-res icons **/
.icon-cc {
    display: inline-block;
    background: url(/img/_sprite-bc-cc-cart-20160909.png);
    width: 29px;
    height: 20px;
    margin: 0;
    padding: 0;
    background-position: -9px -11px;
    text-indent: -9999px;
}

.icon-cc.mastercard {
    background-position: -85px -11px;
}

.icon-cc.jcb {
    background-position: -161px -11px;
}

.icon-cc.amex {
    background-position: -9px -71px;
}

.icon-cc.diners-club {
    background-position: -85px -71px;
}

.icon-cc.discover {
    background-position: -161px -71px;
}

.icon-cc.cvv-code {
    /* note:
        this one is a bit different b/c it's applied to an <input> rather than a <span>
        see _cvv_confirmation_form.liquid for an example
    */
    background-position: 41px -130px;
    background-repeat: no-repeat;
    text-indent: 0; /* this is important because it's an <input>! */
}

/** for retina **/
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .icon-cc {
        width: 30px;
        background-image: url(/img/_sprite-bc-cc-cart@2x-20160909.png);
        background-size: 114px 122px;
        background-position: -4px -5px;

    }

    .icon-cc.mastercard {
        background-position: -42px -5px;
    }

    .icon-cc.jcb {
        background-position: -80px -5px;
    }

    .icon-cc.amex {
        background-position: -4px -35px;
    }

    .icon-cc.diners-club {
        background-position: -42px -35px;
    }

    .icon-cc.discover {
        background-position: -80px -35px;
    }

    .icon-cc.cvv-code {
        /* note:
            this one is a bit different b/c it's applied to an <input> rather than a <span>
            see _cvv_confirmation_form.liquid for an example
        */
        background-position: 53px -56px;
        background-size: 100px;
        background-repeat: no-repeat;
        text-indent: 0; /* this is important because it's an <input>! */
    }
}

/** layouts **/

/*
    <ul class="we-accept-these-cards">
        <li class="icon-cc visa">Visa</li>
        <li class="icon-cc mastercard">Mastercard</li>
        etc.
    </ul>
*/

.we-accept-these-cards {
    margin: 0;
    padding: 0;
}

.we-accept-these-cards .icon-cc {
    position: relative;
    margin-right: -1px;
}

/*
    <div class="saved-card-details">
        <span class="icon-cc mastercard">Mastercard</span>
        <span class="last-4">x-1234</span>
    </div>
*/

.saved-card-details {
    display: inline-block;
    line-height: 20px;
}

.saved-card-details .icon-cc {
    margin-right: 4px;
}

/* trackpipe/public/css/checkout/credit_card_form.css */
.card-entry-form {
    max-width: 526px;
}

#spreedly-number,#spreedly-cvv {
    height: 35px;
}

.row-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* Flex row: expiry date + security code */

.card-entry-form .expiry-date {
    -webkit-flex: 1 4 100%;
        -ms-flex: 1 4 100%;
            flex: 1 4 100%;
}

.card-entry-form .security-code {
    -webkit-flex: 1 4 auto;
        -ms-flex: 1 4 auto;
            flex: 1 4 auto;
}

/* Flex row: billing country + postal code */

.card-entry-form .billing-country.field-wrapper {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
}

.card-entry-form .postal-code {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
}

/* Card number */

.card-entry-form .card-number {
    width: 100%;
    margin-right: 0;
}

.card-entry-form .card-number input {
    height: 34px;
    width: 100%;
    margin-bottom: 6px;
}

/* Credit card icons */

.we-accept-these-cards {
    margin-top: 6px;
}

.we-accept-these-cards.known-card-type li {
    opacity: 0.3;
}

.we-accept-these-cards.known-card-type li.active {
    opacity: 1;
}

/* Error testing controls */

.card-entry-form .error-picker {
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 110px;
}

.card-entry-form .error-picker select {
    width: 200px;
    margin-top: 0;
    font-size: 1em;
}

/* Expiry date */

.card-entry-form .expiry-date label {
    position: absolute;
    left: -9999px;
}

.card-entry-form .expiry-date .select-fields {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    justify-content: space-around;
    align-content: center

}

.card-entry-form .date select {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    height: 34px;
}

.card-entry-form select.month,
.card-entry-form select.year,
.card-entry-form select.billing-country {
    margin-top: 2px;
}

.card-entry-form select.month {
    margin-right: 6px;
}

.card-entry-form .expiry-date .error-message {
    width: 120px;
}

/* Security code */

.card-entry-form .security-code {
    margin-right: 0;
    -webkit-flex: 1 3 auto;
        -ms-flex: 1 3 auto;
            flex: 1 3 auto;
}

.card-entry-form .security-code input {
    width: 100%;
}

.card-entry-form .security-code-help {
    display: block;
    position: relative;
    left: auto;
    background: url(/img/_sprite-bc-cc-cart-20160909.png);
    width: 29px;
    height: 21px;
    background-position: -13px -132px;
    margin-top: 6px;
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .card-entry-form .security-code-help {
        background-image: url(/img/_sprite-bc-cc-cart@2x-20160909.png);
        background-size: 114px 122px;
        background-position: -4px -67px;
    }
}

.card-entry-form .security-code .error-message {
    width: 100%;
}

/* Name on card */

.card-entry-form .name-on-card .field-wrapper {
    width: 100%;
}

.card-entry-form .name-on-card input {
    width: 100%;
}

/* Billing address */

.card-entry-form .billing-address {
    margin-bottom: 16px;
}

.card-entry-form .postal-code {
    margin-right: 0;
}

.card-entry-form .billing-address .field-wrapper {
    margin-bottom: 0;
}

.card-entry-form .billing-address legend {
    position: absolute;
    left: -9999px;
}

.card-entry-form .billing-country select {
    width: 100%;
    height: 34px;
    margin-right: 0;
}

.card-entry-form .postal-code input {
    width: 115px;
}

.card-entry-form .billing-address .error-message {
    text-align: right;
    margin-top: 4px;
}

/* Email address */

.card-entry-form .email {
    width: 100%;
    margin-right: 0;
}

.card-entry-form .email input {
    width: 100%;
}

/* "Save card" checkbox */

.card-entry-form .save-card {
    margin-right: 0;
}

.card-entry-form .save-card input {
    margin: 0 6px 0 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

/* Email typo dialog */

.ui-dialog.email-typo-dialog {
    font-size: 1rem;
    margin: 0px 10px;
}

.ui-dialog.email-typo-dialog .ui-dialog-content {
    display: flex;
    justify-content: center;
}

.ui-dialog.email-typo-dialog a.close-dialog,
.ui-dialog.email-typo-dialog a.close-dialog:focus {
    font-size: 0.75rem;
    outline: none;
}

.ui-dialog.email-typo-dialog button {
    font-size: 1rem;
    width: 100%;
}

.ui-dialog.email-typo-dialog .user-typo {
    color: #EE0000;
    font-style: italic;
}

.ui-dialog.email-typo-dialog .typo-correction {
    font-weight: bold;
    font-style: italic;
}

/* Spinny Panel Background image */

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .icon-spinner {
        background-image: url(/img/_sprite-bc-cc-cart@2x-20160909.png);
        background-size: 114px 122px;
        width: 36px;
        height: 36px;
        background-position: -67px -60px;
    }
}

.icon-spinner {
    background: url(/img/_sprite-bc-cc-cart-20160909.png);
    width: 36px;
    height: 36px;
    background-position: -135px -121px;
}

/* Spinny Panel Overlay */
.spinny-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.95);
    z-index: 10;
    transition: ease-in background-color 50ms;
    width: calc(100%);
    height: calc(100%);
    display: none;
    border-radius: 3px;
}

/* Spinny animation and spinner object */

@keyframes spinit {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.icon-spinner {
    /* get us to ~50% of the grandparent's container,
       since our direct parent is 110% of the grandparent height */
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    animation: spinit 1s linear infinite;
}
/* trackpipe/public/css/checkout/credit_card_form_desktop.css */
/* these rules are shared between the checkout form and the settings pane */

.card-entry-form h3 {
    margin: 0 -40px 13px -40px;
    padding: 25px 40px 0;
    border-top: 1px solid #e8e8e8;
}

.card-entry-form h3:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
}

.card-entry-form .field-wrapper {
    width: auto;
}

.card-entry-form .checkbox-label {
    white-space: normal; /* Checkbox labels tend to be very long, especially in languages other than English. We want to make sure they don’t overflow */
    line-height: 16px;
}

.card-entry-form label {
    white-space: nowrap;
}

.card-entry-form input,
.card-entry-form select {
    margin-top: 5px;
    line-height: 20px;
    height: auto;
}

.card-entry-form input[type='checkbox'] {
    margin: 0 6px 0 0;
    display:block;
    float:left;
}

.card-entry-form select.month,
.card-entry-form select.year,
.card-entry-form select.billing-country {
    margin-top: 1px;
}

/* Flex row: card number + expiry date + security code */

.card-entry-form .card-number {
    -webkit-flex: 1 0 180px;
        -ms-flex: 1 0 180px;
            flex: 1 0 180px;
}

.card-entry-form .expiry-date {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
}

.card-entry-form .security-code {
    -webkit-flex: 1 0 50px;
        -ms-flex: 1 0 50px;
            flex: 1 0 50px;
}

/* Flex row: first name + last name */

.card-entry-form .name-on-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.card-entry-form .name-on-card .field-wrapper {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

/* Card number */

.card-entry-form .card-number {
    margin-right: 16px;
}

.card-entry-form .card-number input {
    width: 100%;
}

.card-entry-form .error-picker {
    top: -86px;
    left: 297px;
}

/* Expiry date */

.card-entry-form .expiry-date .error-message {
    width: 115px;
    margin: 4px 0;
}

.card-entry-form .date .select-fields {
    height: 41px; /* same height as text input fields so error messages line up */
}

.card-entry-form .date select {
    height: 30px;
}

/* Security code */

.card-entry-form .security-code {
    width: 100%;
}

.card-entry-form .security-code input {
    width: 100%;
    margin-right: 0;
}

.card-entry-form .security-code-help {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 6px;
}

/* Name on card */

.card-entry-form .name-on-card .last-name {
    margin-right: 0;
}

/* Billing address */

.card-entry-form .billing-country select {
    height: 30px;
}

.card-entry-form input.postal-code input {
    width: 100px;
}

.card-entry-form .billing-address .field-wrapper {
    width: 210px;
}

.card-entry-form .billing-address .error-message {
    text-align: left;
    margin-top: 0;
}

/* Email */

.card-entry-form .email input {
    width: 314px;
}

#spreedly-cvv {
    margin-right: 0px;
}

/* Email typo dialog */

.ui-dialog.email-typo-dialog button {
    width: auto;
}

body[lang="en"] .ui-dialog.email-typo-dialog button {
    width: 200px;
}

/* trackpipe/public/css/community/community_shared.css */
/* TABS */

.community-tabs {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
}

.community-tabs ol, 
.community-tabs li {
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    display: inline-block;
}

.community-tabs ol {
    margin-left: -15px;
}

.community-tabs.show-tooltip li.active {
    border-top: 2px solid #FFFFFF;
}
.community-tabs.show-tooltip li.active a {
    color: #666666;
}
.community-tabs li.tooltip-sep {
    padding: 0;
}
.community-tabs.show-tooltip li.tooltip-sep {
    padding: 3px 0;
    border-right: 1px solid #E0E0E0;
}
.community-tabs.show-tooltip li:hover,
.community-tabs.show-tooltip li.active:hover {
    border-top: 2px solid #FFFFFF;
}
.community-tabs.show-tooltip li a {
    color: #9D9D9D;
}
.community-tabs.show-tooltip .signup-tooltip-outer .ui-target {
    padding-left: 20px;
}
.community-tabs.show-tooltip .signup-tooltip .position {
    font-size: 12px;
    padding-top: 26px;
}

.community-tabs li {
    padding: 8px 15px 8px 15px;
    border-top: 2px solid rgba(0, 0, 0, 0);
}

.community-tabs li:hover {
    border-top: 2px solid #0687F5;
}

.community-tabs li.active,
.community-tabs li.active:hover {
    border-top: 2px solid black;
}

.community-tabs li a {
    text-decoration: none;
}

.community-tabs li.active a {
    color: #363636;
}

/*.community-tabs li:first-child {
    padding-right: 20px;
    height: 24px;
    line-height: 24px;
}*/

/*.community-tabs li:nth-child(2) {
    padding-left: 15px;
}*/


/* VIEWS */

.community-view {
    display: none;
}

.community-view.active {
    display: flex;
}

.community-view-as {
    outline: none;
}

/* DEFAULT VIEW */

.community-default-column {
    display: inline-block;
    flex-grow: 1;
}

.community-default-column:first-child {
    flex-grow: 1;
    margin-right: 50px;
}

.community-default-column:last-child {
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px;
}

.community-view.live .community-default-column:first-child {
    width: 100%;
    margin: 0;
}

/* wasn't quite sure where to put this so I thought default view was a nice spot -- tarik (04-16-2020) */
.back-to-label-link {
    position: absolute;
    top: 60px;
    padding: 12px 7px 12px 7px;
    color: #FFFFFF;
    background-color: #000000;
    z-index: 1;
    max-width: 155px;    
}


/* COMPOSE */

.community-compose {
    margin-bottom: 40px;
    display: none;
}

.community-compose.visible {
    display: block;
}

.community-compose-form {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    box-sizing: border-box;
    background: #FFF;
    color: #000;
    position: relative;
}

.community-compose-form > * {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display: flex;
    padding: 12px 14px;
}

.community-compose-form > *:last-child {
    border: none;
}

.community-compose-form button[disabled] {
    opacity: 0.5;
}

.community-compose .errors {
    flex-basis: 100%;
    text-align: right;
    color: #cd0a0a;
    margin-bottom: 10px;
}

.community-compose .warnings {
    flex-basis: 100%;
    text-align: right;
    margin-bottom: 10px;
}

.community-compose .warnings .error {
    color: #cd0a0a;
}

.community-compose .audience {
    position: relative;
    cursor: pointer;
}

.community-compose .audience .icon {
    width: 8px;
    position: absolute;
    right: 10px;
    top: 16px;
}

.community-compose .body {
    display: flex;
}

.community-compose .entry-wrapper {
    /*display: flex;*/
    flex-grow: 1;
}

.community-compose .upload-fake-pic {
    width: 300px;
    height: 200px;
    border: 1px solid rgba(0,0,0,0.2);
}

.community-compose .message-pic-inner .upload-progress {
    /*display: none;*/
    padding: 6px 0 0 0;
    margin-top: 96px;
}

.community-compose .uploading .upload-progress {
    display: block;
}

.community-compose .upload-progress .progress_outer {
    height: 6px;
    width: 200px;
    border: 1px solid silver;
    margin: 0px auto;
    text-align: left;
}

.community-compose .upload-progress .progress_inner {
    width: 100%;
    height: 6px;
    background: #429d2f;
}

.community-compose .upload-pic-wrapper {
    display: inline-block;
    position: relative;
    margin: 16px 0;
}

.community-compose .upload-pic-wrapper img {
    display: inline-block;
    width: 300px;
    height: auto;
}

.community-compose .remove {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: rgba(0,0,0,0.8);
    color: #FFF;
    padding: 2px;
    height: 20px;
}

.community-compose .remove .close-icon {
    width: 16px;
    fill: #FFF;
}

.community-compose .band-photo {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 10px;
}

.community-compose textarea {
    background: none;
    box-sizing: border-box;
    width: 100%;
    border: none;
    resize: none;
    outline: none;
    font-size: 14px;
    margin-top: 12px;
    font-family: inherit;
}

.community-compose .controls {
    flex-wrap: wrap;
}

.community-compose .media-controls {
    flex-grow: 1;
    padding-top: 4px;
}

.community-compose .media-controls > * {
    display: inline-block;
    vertical-align: middle;
}

.community-compose .message-photo-upload {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 500;
    margin-left: 4px;
    height: 24px;
    margin-top: 6px;
}

.community-compose .upload-button {
    display: block;
    cursor: pointer;
}

.community-compose .upload-button > input {
    display: none; /* clickable area is purely the svg in the <label> element */
}

.community-compose .disabled .upload-button {
    cursor: default;
}

.community-compose .disabled .upload-button.video-blocked {
    cursor: pointer;
}

.community-compose .pic-upload-icon {
    width: 25px;
    fill: #333;
}

.community-compose .message-pic.disabled .pic-upload-icon {
    opacity: 0.5;
}

.community-compose .message-video-upload {
    height: 28px;
    margin-left: 6px;
}

.community-compose .message-video-upload > * {
    display: inline-block;
    vertical-align: top;
    height: 20px;
}

.community-compose .video-upload-link.disabled .pic-upload-icon {
    opacity: 0.5;
}

.community-compose .message-video-upload .message-pic {
    margin-left: 6px;
    margin-top: 5px;
}

.community-compose .controls button {
    background: #0687F5;
    border: none;
    color: #fff;
    padding: 8px 45px;
    font-size: 14px;
    margin: 0;
    border-radius: 5px;
    font-weight: bold;
}

.community-compose .audience {
    font-weight: 500;
    line-height: 14px;
    display: flex;
}

.community-compose .sent-to {
    flex-shrink: 0;
}

.community-compose .audience-body {
    font-weight: normal;
    margin-left: 10px;
    line-height: 14px;
    margin-right: 12px;
}

.ui-dialog.nu-dialog.ui-dialog-2018 .community-compose-confirm button.link {
    margin: 12px 0 0;
    /*color: #1DA0C3;*/
}

.community-compose-confirm .confirm-msg {
    margin-bottom: 30px;
    font-size: 16px;
    text-align: center;
}

.community-compose-confirm .confirm-msg div a {
    color: #1DA0C3;
}

.community-compose-confirm div.buttons button {
    /*background-color: #1DA0C3;*/
}

/* audience */

.community-audience .num-recipients-wait img {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

.num-recipients-bold {
    font-weight: bold;
}

.ui-dialog.nu-dialog.ui-dialog-2018 .community-audience a {
    outline: none;
}

.edit-filter-crowdfunding-audience {
    margin-bottom: 1em;
}

.community-audience .buttons {
    margin: 30px 0 0;
}

.community-audience h3 {
    margin: 20px 0 6px 0;
    font-size: 14px;
}

.community-audience select {
    height: 33px;
}

.community-audience .filter-option {
    position: relative;
}

.community-audience .maybe-pro {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}

.community-audience .form-item {
    margin: 5px 0;
    position: relative;
}

.community-audience .form-item > * {
    display: inline-block;
    vertical-align: middle;
}

.community-audience .form-item > *:first-child {
    margin-right: 4px;
}

.community-audience .radius {
    margin: 0 4px;
}

.community-audience .location-search,
.community-audience .location-search:disabled {
    padding: 8px 16px 8px 8px;
    border-radius: 3px;
    width: 180px;
    color: #000;
}

.community-audience .location-search-wrapper {
    position: relative;
}

.community-audience .location-search.set {
}

.community-audience .location-search-set-wrapper {
    position: relative;
    margin: 0 4px;
}

.community-audience .location-search-set-wrapper .unset {
    position: absolute;
    top: 0px;
    right: 4px;
    width: 16px;
    cursor: pointer;
}

.community-audience .location-search-results {
    position: absolute;
    left: 20px;
    background: #FFF;
    top: 34px;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 204px;
    z-index: 1;
}

.community-audience .location-search-results ol {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.community-audience .location-search-results li {
    padding: 10px;
    cursor: pointer;
    margin: 0;
}

.community-audience .location-search-results li:hover,
.community-audience .location-search-results li:focus {
    background: #eee;
}

.community-audience .location-search-results li:focus {
    outline: none;
}

.ui-dialog.nu-dialog.ui-dialog-2018 .community-audience button.select-exact-loc,
.ui-dialog.nu-dialog.ui-dialog-2018 .community-audience button[disabled].select-exact-loc {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    background: none !important; /* ugh don't blame me!!!! */
    padding: 0;
    /* height: 13px; */
    margin: 0;
    min-height: 0;
    top: 9px;
    right: 6px;
}

.ui-dialog.nu-dialog.ui-dialog-2018 .community-audience button.link {
    margin: 12px 0 0;
}

/* crowdfunding filter editor */
.edit-filter-crowdfunding-radio-container {
    display: block;
    margin: 10px;
}

.edit-filter-crowdfunding-radio-container > label > input {
    margin-right: 5px;
}
.ui-dialog p.edit-filter-no-pledger-only-hint,
.ui-dialog p.edit-filter-pledger-only-hint {
    color: #666;
    margin-top: 3px;
    margin-left: 22px;
    font-size: 13px;
}

/* pro ad */
.community-pro-ad {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.community-pro-ad h2 {
    font-size: 16px;
}

.community-pro-ad .buttons {
    display: flex;
    margin-top: 36px;
}

.community-pro-ad .buttons .no-thanks {
    background: none;
    color: #000;
    border: 1px solid #000;
    font-weight: normal;
}

.ui-dialog.nu-dialog .community-pro-ad button.no-thanks:hover,
.ui-dialog.nu-dialog .community-pro-ad button.no-thanks:focus,
.ui-dialog.nu-dialog .community-pro-ad button.no-thanks:active {
    background: none;
    text-decoration: underline;
}

/*** Video Upload ***/
.control-group.video-upload {
    display: inline-block;
    padding-top: 7px;
    padding-right: 4px;
}

.control-group.video-upload a {
    color: #0687f5;
}

.control-group.video-upload .video-upload-link {
    font-size: 14px;
    display: inline-block;
}

.invertIconography .control-group.video-upload a {
    color: #0687f5;
}

.video-upload-controls {
    line-height: 14px;
    display: inline-block;
    width: 100%;
}
/* video icons */
.bc-ui.video-small-light,
.bc-ui.video-small-dark {
    width: 14px;
    height: 8px;
    display: inline-block;
}
.bc-ui.video-med-light,
.bc-ui.video-med-dark {
    width: 28px;
    height: 16px;
    display: inline-block;
}
.bc-ui.video-small-light {
    background-position: -76px -482px;
}
.bc-ui.video-small-dark {
    background-position: -30px -482px;
}
.bc-ui.video-med-light {
    background-position: -46px -482px;
}
.bc-ui.video-med-dark {
    background-position: 0 -482px;
}
/* video upload box */
.video-upload-controls .video-upload-box {
    background-color: #fcfcfc; 
    border: 1px solid #e5e5e5;
    display: inline-block;
    height: 88px;
    padding: 30px 0 0;
    vertical-align: middle;
    width: 210px;
    background-size: cover; /* for the thumb */
    position: relative;
}
.video-upload-controls  .video-upload-box.blank {
    background-color: #fff; 
    border: 1px dashed #c0c0c0;
    color: #999;
    text-align: center;
}
.video-upload-controls .video-upload-box .upload-file {
    display: block;
    font-size: 18px;
    line-height: 30px;
}
.video-upload-controls .video-upload-box .bc-ui {
    display: block;
    margin:22px auto 0;
}
.video-upload-controls .video-upload-box.blank .bc-ui {
    margin:0 auto 8px;
}
.video-upload-controls .video-upload-box p {
    line-height: 20px;
    margin:6px 0 0;
}
.video-upload-controls .video-upload-box .hint {
    display:none;
}
/* video upload text */
.video-upload-controls .video-upload-text {
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
    width: 220px;
}
.video-upload-controls .video-upload-text p {
    line-height: 20px;
    margin:0;
    font-size: 11px;
}
.video-upload-controls .video-upload-text .checkmark {
    float:left;
    width: 14px;
    height: 11px;
    background-position: 0 -6px;
    display: inline-block;
    margin: 0 3px 0 0;
}
.video-upload-controls .filename,
.video-upload-controls .file-size,
.video-upload-controls .status,
.video-upload-controls .delete-file,
.video-upload-controls .cancel-video-upload {
    display: inline-block;
    vertical-align: bottom;
    color: #999;
    max-width: 257px;
    white-space: nowrap;
    overflow: hidden;
    overflow: ellipsis;
    font-size: 11px;
}
.video-upload-controls .filename.strikethrough,
.video-upload-controls .file-size.strikethrough {
    display: none;
    text-decoration: line-through;
}
.video-upload-controls .filename,
.video-upload-controls .file-size,
.video-upload-controls .status,
.video-upload-controls .delete-file,
.video-upload-controls .cancel-video-upload {
    display: block;
}
.video-upload-controls .delete-file,
.video-upload-controls .cancel-video-upload {
    color: inherit;
}
.video-upload-controls .filename {
    white-space: inherit;
    word-break: break-all;
    word-wrap: break-word;
}
.video-upload-controls .hint {
    color: #999;
} 
.video-upload-controls .status {
    font-style: italic;
    color: #9aae28;
    margin-top: -2px;
}
.video-upload-controls .status.red {
    color: red;
    font-style: inherit;
    margin-top: 2px;
}
.video-upload-controls > p:last-child {
    margin-bottom:0;
}
/* video progress bars */
.video-upload-controls .upload-progress .progress_outer {
    width: 280px;
    height: 5px;
    margin: 5px 0 0;
    border: 1px solid #0a7528;
    background: #f5fcf6;
}
.video-upload-controls .upload-progress .progress_outer {
    width: 178px;
    margin:12px auto 0;
}
.video-upload-controls .upload-progress .progress_inner {
    height: 5px;
    background-color: #38c44d;
}

.uploader-errors {
    display: inline-block;
    margin-left: 3px;
}

.uploader-errors .error {
    font-weight: normal;
}


/* STORIES */
.community-feed {
    opacity: 0;
    transition: opacity 0.1s;
}

.community-feed.visible {
    opacity: 1;
}

.community-feed .back-to-feed {
    font-weight: bold;
    height: 20px;
}

.community-feed img {
    border: none;
    display: block;
    height: auto;
    max-width: 100%;
}

.community .community-feed a {
    color: #0687F5;
}

.community-feed .new-stories-anchor {
    height: 38px;
    margin-bottom: 24px;
}

.community-feed .new-stories-indicator {
    border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    padding: 10px;
}

.community-feed .new-stories-indicator.floating {
    position: fixed;
    z-index: 100;
    top: 10px;
    left: auto;
    width: 645px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    border: none;
    background: none;
    transition: top .25s ease-out;
}

.community-feed .new-stories-indicator.floating.menubar-visible {
    top: 63px;
}

.community-feed .new-stories-indicator.floating a {
    padding: 10px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
}

.community-feed .story .lock-banner {
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.community-feed .story .lock-banner-inner {
    padding: 0;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.community-feed .story .lock-banner-heading {
    /*color: #FFF;*/
    margin-right: 40px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    /*margin-bottom: 16px;*/
}

.community-feed .story .lock-banner-heading > * {
    display: inline;
    vertical-align: middle;
}

.community-feed .story .lock-icon {
    fill: #363636;
    margin-right: 8px;
    height: 20px;
    flex-shrink: 0;
}

.community-feed .story .lock-follow {
    background: #0687F5;
    border: 0;
    color: #FFF;
    border-radius: 3px;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
}

/* story heading & metadata */

.community-feed .story-heading {}

.community-feed .story-pinned-post-indicator {
    margin-bottom: 20px;
    color: #818285;
    display: flex;
}

.community-feed .story-pinned-post-indicator svg {
    fill: #818285;
    margin-right: 5px;
}

.community-feed .story-info {
    display: flex;
}

.community-feed .story-info-main {
    flex-grow: 1;
}

.community-feed .story-meta-wrapper {
    display: flex;
}

.community-feed .story-band-bio-pic {
    width: 30px;
    margin-right: 10px;
}

.community-feed .story-band-bio-pic img {
    border-radius: 50%;
}

.community-feed .story-meta {
    margin-top: 4px;
}

.community-feed .story-band-name {
    font-weight: bold;
}

.community-feed .story-meta-secondary {
    display: flex;
    line-height: 13px;
    color: #818285;
    margin-top: 8px;
}

.community-feed .story-meta-secondary :nth-child(2) {
    margin-left: 4px;
}

.community-feed .story-meta-secondary :nth-child(2):before {
    content: "·";
    font-size: 16px;
}

.community-feed .story-date::first-letter {
    text-transform: uppercase;
}

.community-feed .story-date a {
    color: inherit;
}

.community-feed .story-title {
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.community-feed .story .title-body {
    font-weight: bold;
    margin-bottom: 5px;
    margin-right: 10px;
    line-height: 14px;
}


/*.community-feed .story .heading {
    display: flex;
    margin: 0 0 20px 0;
}

.community-feed .story.band-member .heading {
    margin-right: 10px;
}

.community-feed .story .title {
    flex-grow: 0;
    display: block;
}

.community-feed .story.band-member .title {
    flex-grow: 1;
}

.community-feed .story .subtitle {
    color: #818285;
}

.community-feed .story .date,
.community-feed .story .sent-to {
    color: #818285;
    white-space: nowrap;
}
.community-feed .story.band-member .date,
.community-feed .story.band-member .sent-to {
    margin-left: 0px;
}

.community-feed .story .date-recipients {
    display: flex;
    flex-grow: 1;
}

.community-feed .story.band-member .date-recipients {
    flex-grow: 0;
}

.community-feed .story .heading .dot {
    font-size: 18px;
    padding: 0 3px;
    color: #bebebe;
    line-height: 14px;
}

.community-feed .story.locked .heading .dot,
.community-feed .story.locked .sent-to,
.community-feed .story.locked .tags {
    display: none;
}

.community-feed .story .hide-icon {
    background: url(/img/_sprite-bc-ui-20170921.png);
    background-position: 0 -80px;
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    opacity: 0;
    margin-top: 8px;
    margin-left: 12px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
}

.community-feed .story.band-member .hide-icon {
    display: block;
}*/

.community-feed ol.stories {
    padding: 0;
    list-style-type: none;
}

.community-feed .story {
    margin: 0 0 24px 0;
    list-style-type: none;
    position: relative;
    border: 1px solid rgba(129, 130, 133, 0.3);
    box-sizing: border-box;
    /*background-color: rgb(255, 255, 255);*/
    color: #333;
    overflow: auto;
    border-radius: 3px;
}

.community-feed .story.locked {
}

.community-feed .story .main-section,
.community-feed .story > .actions,
.community-feed .story .lock-banner {
    padding: 16px 20px;
    background: #FFF;
}

.community-feed .story .body {
    position: relative;
    /*background: #FFF;*/
}

/*.community-feed .story.band-member .main-section .hide-icon {
    display: block;
}

.community-feed .story .main-section:hover .hide-icon {
    opacity: 0.5;
}

.community-feed .story .main-section .hide-icon:hover {
    opacity: 1;
}

.community-feed .story.band-member .date-recipients {
    margin-left: 20px;
}
*/
.community-feed .story .message-text {
    font-family: inherit;
    font-style: normal;
    font-size: 15px;
    line-height: 1.35;
    margin: 15px 0 15px;
    word-break: break-word;
}

.community-feed .story.locked .message-text {
    font-size: 13px;
    margin-bottom: 20px;
    max-height: 50px;
    overflow: hidden;
}

.community-feed .story.locked .message-text span {
    background: #CCC;
    color: transparent;
    user-select: none;
}

.community-feed .story.locked .body img {
    width: 100%;
    height: 460px;
    background: #CCC;
}

/* story type - new release */
.community-feed .story.new-release img.message-photo {
    width: 400px;
    height: 400px;
}

.community-feed .story.new-release .title-artist {
    margin: 10px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
}

.community-feed .story .title-artist .title {
    margin-bottom: 0;
    min-height: auto;
}

.community-feed .story.new-release .title-artist a {
    color: inherit;
}

.community-feed .story.new-release .title-artist a:hover {
    text-decoration: none;
}

.community-feed .story.new-release .title-artist a:hover > * {
    text-decoration: underline;
}

.community-feed .story.new-release .artist {
    display: block;
    font-weight: normal;
}

.community-feed .story.new-release .featured-track {
    margin: 10px 0;
    font-size: 13px;
}

.community-feed .story.new-release .featured-track-label {
    color: #999;
    display: block;
}

.community-feed .story.new-release .featured-track-title {
    display: block;
}

.community-feed .story.new-release .links {
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-size: 13px;
    color: #0687f5;
}

.community-feed .story.new-release .links .dot {
    font-size: 12px;
    padding: 0 2px;
    color: #bebebe;
}

.community-feed .story.new-release .view-release {
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.community-feed .story.new-release .tags ul,
.community-feed .story.new-release .tags li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}


/*.community-feed .stories.pinned-story .date-recipients {
    margin-top: 22px;
}
.community-feed .stories.pinned-story .story.band-member .date-recipients {
    margin-top: 0px;
}
.community-feed .story.live-announcement .pinned-post-indicator {
    display: none;
}
.community-feed .stories.pinned-story .story.live-announcement .pinned-post-indicator {
    display: block;
    margin-bottom: 5px;
}
.community-feed .story.live-announcement .pinned-post-text {
    color: #818285;
    margin-left: 5px;
    font-size: 12px;
    vertical-align: top;
}*/
.community-feed .story.live-announcement .title-body a {
    color: inherit;
}
.community-feed .story.live-announcement .date-time {
    display: flex;
}
.community-feed .story.live-announcement .date-time.border {
    border: 1px solid rgba(129, 130, 133, 0.3);
    border-radius: 3px;
    width: fit-content;
    display: flex;
    padding: 5px;
}
.community-feed .story.live-announcement .date-time-col-date {
    display: flex;
    flex-direction: column;
    width: 150px;
    margin-right: 15px;
}
.community-feed .story.live-announcement .date-time-col-time {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}
.community-feed .story.live-announcement .date-time-col-timer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}
.community-feed .story.live-announcement .date-time-title {
    color: #818285;
}
.community-feed .story.live-announcement .date-time-text {
    font-size: 17px;
    font-weight: bold;
}
.community-feed .story.live-announcement .date-time-col-timer .date-time-text {
    font-size: 40px;
    font-weight: bold;
}
.community-feed .story.live-announcement .date-time-live-badge {
    align-self: center;
    margin: auto;
    background-color: rgba(255, 75, 0, .2);
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
}
.community-feed .story.live-announcement .date-time-over-badge {
    border: 1px rgb(6, 135, 245) solid;
    background-color: rgba(6, 135, 245, .1);
    border-radius: 5px;
    margin: 20px 0;
    padding: 8px 45px;
    display: inline-block;
}

.community-feed .story.live-announcement .date-time-attendee-badge {
    background-color: rgba(97, 169, 96, .2);
    color: rgb(97, 169, 96);
    width: 250px;
    display: flex;
    height: 30px;
    justify-content: center;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    align-items: center;
    font-size: 14px;
}
.community-feed .story.live-announcement .date-time-attendee-badge-text {
    margin-left: 10px
}
.community-feed .story.live-announcement .date-time-live-badge-circle {
    background-color: rgb(255, 75, 0);
    height: 13px;
    width: 13px;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
}

.community-feed .story.live-announcement .ticket-button {
    color: #FFFFFF;
    background-color: #0687F5;
    border-radius: 5px;
    margin: 20px 0;
    padding: 8px 45px;
    display: inline-block;
    font-weight: bold;
}

.community-feed .story.live-announcement img.message-photo {
    max-width: 400px;
    max-height: 400px;
}

.community-feed .story.locked .title-artist,
.community-feed .story.locked .featured-track,
.community-feed .story.locked .links,
.community-feed .story.locked .date-time,
.community-feed .story.locked .ticket-button,
.community-feed .story.locked.live-announcement .message-text
 {
    display: none;
}

.community-feed .story.new-release .item-art-outer {
    position: relative;
    height: 400px;
    width: 400px;
    display: block;
}

.community-feed .story.new-release .play-button {
    width: 50px;
    height: 50px;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    bottom: 8px;
    left: 8px;
    cursor: pointer;
    border-radius: 2px;
    transition: opacity 0.1s ease-out;
}

.community-feed .story.new-release .play-icon {
    border-color: transparent transparent transparent #fff;
    border-style: dashed dashed dashed solid;
    border-width: 10px 0px 10px 18px;
    margin: 15px auto;
    top: 0;
    left: 1px;
    position: relative;
    width: 0px;
    height: 0px;
}

.community-feed .story.new-release .playing .play-icon {
    border-style: solid;
    border-width: 0px 6px 0px 6px;
    border-color: #fff;
    width: 5px;
    height: 20px;
}

.community-feed .story > .actions {
    width: 100%;
    line-height: 1.35;
    display: inline-block;
    padding: 0 10px 15px 20px;
    box-sizing: border-box;
}

.community-feed .action {
    cursor: pointer;
    color: #999;
    height: 18px;
    display: inline-block;
}

.community-feed .locked .action {
    cursor: default;
}

.community-feed .action > * {
    vertical-align: middle;
    display: inline-block;
}

.community-feed .action.active {
    /*color: #0687F5;*/
}

.community-feed .action svg {
    fill: #999;
}

/*.community-feed .action.active svg {
    fill: #0687F5;
}*/

.community-feed .collect-item .icon {
    vertical-align: middle;
}

.community-feed .collect-item .collection-btn svg,
.community-feed .collect-item.wishlisted .collection-btn svg {
    fill: #0687F5;
}

.community-feed .collect-item.purchased .collection-btn svg {
    fill: #c43329;
}

.community-feed .add-comment {
    margin-right: 6px;
}

.community-feed .add-comment svg {
    width: 18px;
    height: 17px;
}

.community-feed .upvote svg {
    width: 19px;
    height: 17px;
}


/* comments */

.community-feed .comments-section {
    padding: 0;
}


.community-feed .story.locked .comments-section {
    padding: 12px 20px;
    border-top: 1px solid rgba(0,0,0,0.1);
    font-weight: bold;
    background: #FFF;
}

.community-feed .comments-section .show-older,
.community-feed .comments-section .show-newer {
    text-align: center;
    display: block;
    padding: 10px 0;
    font-weight: 500;
    cursor: pointer;
}

.community-feed ol.comments {
    list-style-type: none;
    padding: 0;
    overflow: visible;
    border-top: 1px solid rgba(0,0,0,0.1);
    background: #FFF;
    padding: 8px 0;
}

.community-feed li.comment {
    list-style-type: none;
    position: relative;
    margin: 0;
    overflow: visible;
    font-size: 13px;
}

.community-feed li.comment .new-indicator {
    display: none;
}

.community-feed li.comment.unseen .new-indicator {
    display: block;
    background-color: #f9780a;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 18px;
    z-index: 1;
}

.community-feed li.comment.loading {
    height: 36px;
}


.community-feed li.comment .fan-photo-container {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 24px;
}

.community-feed li.comment .fan-photo-container.blank {
    background-color: #408ea3;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
    border-radius: 50%;
}

.community-feed li.comment .fan-photo-container img {
    border-radius: 50%;
}

.community-feed li.comment .text {
    width: 100%;
    line-height: 1.35;
    display: inline-block;
    padding: 9px 24px 4px 58px;
    box-sizing: border-box;
}

.community-feed li.comment .comment-heading {
    display: flex;
}

.community-feed li.comment .comment-name {
    flex-grow: 1;
}

.community-feed li.comment .delete {
    cursor: pointer;
    visibility: hidden;
}

.community-feed li.comment:hover .delete {
    visibility: visible;
}

.community-feed li.comment .delete-icon {
    fill: #999;
}

.community-feed li.comment a.fan-name {
    font-weight: 600;
    margin: 3px 6px 0 0;
    color: #333;
}

.community-feed li.comment a.empty-link {
    cursor: default;
    text-decoration: none;
}

.community-feed li.comment a.fan-name.empty-link {
    cursor: text;
}

.community-feed li.comment .comment-date {
    font-size: 12px;
    color: #999;
}

.community-feed li.comment .comment-body {
    display: block;
    margin-top: 2px;
}

.community-feed li.comment .actions {
    width: 100%;
    line-height: 1.35;
    display: inline-block;
    padding: 0 24px 9px 58px;
    box-sizing: border-box;
}

.community-feed li.comment .upvote svg {
    width: 14px;
    height: 12px;
}

.community-feed li.comment .comment-contextual {
    width: 20px;
    margin-right: 5px;
}

.community-feed .story .report-flag-icon,
.community-contextual-dialog .report-flag-icon {
    width: 16px;
    margin-right: 2px;
    fill: #0687F5;
}

.community-feed li.comment-hidden,
.community-feed li.comment-deleted {
    padding: 15px 12px 15px 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-style: italic;
    color: #999;
    margin: 14px 10px 14px 10px;
    background: rgba(0, 0, 0, 0.01);
}

.community-feed .comment-form {
    position: relative;
    align-items: center;
    border-top: 1px solid rgba(0,0,0,0.1);
    background: #FFF;
    flex-shrink: 0;
    padding: 5px 0;
}

.community-feed .comment-form.bc-commenting {
    padding-bottom: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.community-feed .comment-form .show-support {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    top: 0px;
}

.community-feed .comment-input .bio-photo-container {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    left: 24px;
    border-radius: 50%;
    overflow: hidden;
    cursor: default;
}

.community-feed .comment-input .bio-photo-container.blank {
    background-color: #408ea3;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
}

.community-feed .comment-input .camera-icon {
    fill: #FFF;
    width: 18px;
    left: 6px;
    position: absolute;
    top: 8px;
}

.community-feed .comment-input {
    position: relative;
    display: flex;
    align-items: center;
}

.community-feed .comment-input textarea {
    background: none;
    border: none;
    border-radius: 3px;
    outline: none;
    resize: none;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 8px 9px 58px;
}

.invertIconography .community-feed .comment-input textarea {
    background: none;
    color: #FFF;
}

.community-feed .new-comments-wrapper {
    position: absolute;
    z-index: -1;
    width: 100%;
    border-top: 2px solid #f9780a;
    opacity: 0;
    transition: opacity 0.2s;
}

.community-feed .new-comments-wrapper.visible {
    z-index: 1;
    opacity: 1;
}

.community-feed .new-comments-wrapper .new-comments {
    width: 148px;
    height: 22px;
    line-height: 20px;
    margin: 0 auto;
    color: white;
    background-color: #f9780a;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}

.community-feed .new-comments .new-comments-arrow {
    background: url("/img/_sprite-bc-ui-20170921.png");
    background-position: -49px 2px;
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    opacity: 1;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    flex-shrink: 0;
}

.community-feed .new-comments .num-new-comments {
    margin: 0;
    display: inline-block;
}

.community-feed .new-comments .num-new-comments:hover {
    cursor: pointer;
    text-decoration: underline;
}

/* support this artist */

.community-support {
    text-align: center;
}

.community-support-body {
    width: 80%;
    margin: 0 auto;
}

.community-support .icon {
    font-size: 60px;
    line-height: 60px;
    margin: -30px 0 10px 0;
    width: 100%;
}

.community-support .icon img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.community-support h2 {
    font-size: 16px;
}

.community-support .desc {
    margin: 20px 0 30px 0;
    font-size: 16px;
    line-height: 22px;
}

.community-support .desc a {
    color: #1DA0C3;
}

.community-support #community-support-buy {
    background-color: #1DA0C3;
}

.community-support #community-support-cancel {
    color: #1DA0C3;
}
/* video */

.community-feed .message-video {
    height: 337px;
    width: 600px;
    margin-bottom: 0;
    padding-top: 0;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

.community-feed .message-video.landscape {
    height: 352px;
    width: 625px;
}

.community-feed .message-video.portrait {
    height: 533px;
    width: 300px;
}

.community-feed .message-video-iframe {
    background-color: #000;
    border: none;
    height: 100%; 
    width: 100%; 
}

.community-feed .message-video-iframe {
    background-color: #000;
    border: none;
    height: 100%;
    width: 100%;
}

.community-feed .video-thumbnail {
    position: relative;
    background: #000;
}

.community-feed .video-thumbnail.missing-img {
    width: 625px;
    height: 352px;
}

.community-feed .video-thumbnail.portrait.missing-img {
    width: 300px;
    height: 533px;
}

.community-feed .video-thumbnail.portrait img {
    max-height: 533px;
    display: block;
    margin: 0 auto;
}

.community-feed .playbuttonouter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.community-feed .playbutton {
    width: 95px;
    height: 74px;
    margin: auto;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    border-radius: 6px;
    background-color: rgba(0,0,0,0.85);
    border: 3px solid rgba(255,255,255,0.7);
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.community-feed .hasvid .photo:hover {
    cursor: pointer;
}

.community-feed .photo:hover .playbutton {
    opacity: 0.95;
    border: 3px solid rgba(255,255,255,1);    
    background-color: rgba(0,0,0,0.95);
}

.community-feed .photo:hover .playicon {
    opacity: 1;
}

.community-feed .playbutton .playicon {
    display: inline-block;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 15px 0px 15px 23px;
    line-height: 12px;
    vertical-align: baseline;
    margin: 23px 0 0 38px;
    opacity: 0.75;
}

.community-feed .video-mobile-player {
    width: 100%;
    height: auto;
}



.ui-dialog.nu-dialog.ui-dialog-2018 .community-delete-comment button.link {
    margin: 12px 0 0;
}

.community-delete-comment .body {
    margin: 0 0 30px 0;
}

.community-delete-comment .delete-msg {
    margin-bottom: 12px;
    font-size: 16px;
    text-align: center;
}

.community-delete-comment .ban-controls {
    display: flex;
}

.community-delete-comment .ban-controls input {
    vertical-align: top;
    margin-top: 4px;
    margin-right: 8px;
    flex-shrink: 0;
}

.community-delete-comment .ban-controls label {
    margin-top: 0;
}

.ui-dialog.nu-dialog.ui-dialog-2018 .community-delete-comment button.ban,
.ui-dialog.nu-dialog.ui-dialog-2018 .community-delete-comment button.ban:hover {
    background-color: red;
}

/* follow banner */
.community-follow-banner {
    width: 80%;
    margin: 0 auto 40px auto;
    line-height: 20px;
    font-size: 14px;
}

.community-follow-banner h2 {
    font-size: 20px;
    font-weight: 500;
}

.community-follow-banner button {
    background: #0687F5;
    margin: 14px 0;
    border: 0;
    color: #FFF;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 3px;
}

/* thanks banner */

.community-thanks-banner {
    margin: 40px 0 24px 0;
    list-style-type: none;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    color: #333;
    border-radius: 3px;
}

.community-thanks-banner a.hide-thanks > .hide-icon {
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.community-thanks-banner .thanks {
    padding: 20px;
    text-align: center;
}

.community-thanks-banner .bio-photo {
    width: 140px;
    height: 140px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: -40px;
}
.community-thanks-banner .bio-photo.blank {
    background-color: #408ea3;
    background: -webkit-linear-gradient(left, #6046FE, #1DA0C3);
    border-radius: 50%;
}

.community-thanks-banner .thanks-msg {
    font-family: georgia,serif;
    font-style: italic;
    font-size: 15px;
    line-height: 1.35;
    margin: 15px 0 15px;
    width: 90%;
    margin: 15px auto;
}

.community-thanks-banner .hide-thanks {
    position: absolute;
    right: 0;
    top: 0;
}

.community-thanks-banner .hide-icon {
    background: url(/img/_sprite-bc-ui-20170921.png);
    background-position: 0 -80px;
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    opacity: 0.5;
}

/* sidebar - band info */
.community-band-info {
    text-align: center;
}

.community-band-info .band-photo {
    width: 115px;
    margin: 0 auto 10px auto;
}

.community-band-info .band-photo img {
    border-radius: 50%;
    width: 115px;
    height: 115px;
}

.community-band-info .name {
    margin: 4px 0;
    font-size: 14px;
}

.community-band-info .location {
    margin: 4px 0;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.community-band-info .follow-band {
    background: #0687F5;
    margin: 10px 0;
    border: 0;
    color: #FFF;
    padding: 6px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
    width: 115px;
}

.community-band-info .follow-band.subscribed {
    cursor: default;
    background: none;
    border: none;
    color: #333;
    width: 100%;
}

.community-band-info .follow-band.subscribed:hover {
    text-decoration: none;
}

.community-band-info .follow-band .following-msg,
.community-band-info .follow-band .unfollow-msg,
.community-band-info .follow-band.following:hover .following-msg,
.community-band-info .follow-band.following .follow-msg {
    display: none;
}

.community-band-info .follow-band.following .following-msg,
.community-band-info .follow-band.following:hover .unfollow-msg {
    display: inline;
}

.community-band-info .show-tooltip .follow-band {
    background: #FFF;
    color: #0687F5;
    position: relative;
    z-index: 10;
}

.community-band-info .bio {
    margin: 16px 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}

.community-band-info .links a {
    display: block;
    font-size: 13px;
    line-height: 150%;
}

/* sidebar - recently released */
.community-recent-release {
    margin: 40px 0;
}

.community-recent-release .heading {
    font-size: 14px;
    margin: 10px 0 16px 0;
}

.community-recent-release .title {
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
    font-weight: 500;
}

.community-recent-release a {
    color: inherit;
}

.community-recent-release .tralbum-link:hover {
    text-decoration: underline;
}

/* recent release + merch table collection controls */
.community .item-collection-controls {
    font-weight: 500;
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

html:lang(de) .community .item-collection-controls,
html:lang(es) .community .item-collection-controls,
html:lang(pt) .community .item-collection-controls {
    width: 90%;
    align-items: center;
}

.community .item-collection-controls .collection-btn {
    width: 50%;
    white-space: normal;
    text-align: center;
}

.community .item-collection-controls .collection-btn.purchased-msg {
    width: 100%;
}

.community .item-collection-controls .collection-btn span {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
}

.community .item-collection-controls .collection-btn .icon {
    margin-top: 2px;
}

.community .item-collection-controls .collect-item-icon,
.community .item-collection-controls .inverted-collect-item-icon {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 13px;
    top: 2px;
}
.community .item-collection-controls .wishlist-msg .collect-item-icon {
    background-position: 0px -73px;
}
.community .item-collection-controls .wishlisted-msg .collect-item-icon {
    background-position: -28px -73px;
}
.community .item-collection-controls .purchased-msg .collect-item-icon {
    background-position: -42px -73px;
}

.community .item-collection-controls.wishlisted .wishlist-msg,
.community .item-collection-controls.purchased .wishlist-msg,
.community .item-collection-controls.purchased .wishlisted-msg,
.community .item-collection-controls.purchased .buy-now,
.community .item-collection-controls.pledged .buy-now,
.community .item-collection-controls .wishlisted-msg,
.community .item-collection-controls .purchased-msg,
.community .item-collection-controls .pledged-msg {
    display: none;
}
.community .item-collection-controls.wishlisted .wishlisted-msg,
.community .item-collection-controls.purchased .purchased-msg,
.community .item-collection-controls.pledged .pledged-msg {
    display: inline;
}

.community-recent-release .art img {
    width: 200px;
    height: 200px;
}

.community .item-collection-controls .collection-btn svg {
    fill: #363636;
}

.community .item-collection-controls .collection-btn svg {
    fill: #363636;
}

.community .item-collection-controls.wishlisted .collection-btn svg {
    fill: #0687F5;
}

.community .item-collection-controls.purchased .collection-btn svg,
.community .item-collection-controls.pledged .collection-btn svg {
    fill: #c43329;
}


/* sidebar - recent supporters */
.community-recent-supporters {
    margin: 40px 0;
}

.community-recent-supporters .heading {
    font-size: 14px;
    margin-bottom: 16px;
}

.community-recent-supporters .supporters {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.community-recent-supporters .supporters li {
    vertical-align: top;
    display: inline-block;
    width: 50%;
    font-size: 12px;
    text-align: center;
    margin: 0;
}

.community-recent-supporters .supporter {
    display: block;
    color: inherit;
}

.community-recent-supporters .supporter .name {
    font-weight: 500;
}

.community-recent-supporters .supporter:hover .name {
    text-decoration: underline;
}

.community-recent-supporters .supporter .fan-photo {
    margin: 8px;
}

.community-recent-supporters .supporter .location {
    font-size: 11px;
    margin: 4px 0;
}

.community-recent-supporters .supporter:hover {
    text-decoration: none;
}

.community-recent-supporters .supporter img {
    border-radius: 50%;
}

/* player */
#community .carousel-player {
    left: 0;
}

#community .carousel-player a {
    color: inherit;
}

#community .carousel-player .item-collection-controls {
    width: 100%;
    justify-content: left;
}

#community .carousel-player .item-collection-controls .collection-btn.purchased-msg {
    width: auto;
}

#community .carousel-player .item-collection-controls .collection-btn {
    width: auto;
}

#community .carousel-player .item-collection-controls .collection-btn span {
    font-size: 13px;
}

#community .carousel-player .now-playing .buy-now {
    margin-top: 0;
}

#community .community .item-collection-controls .wishlist-msg .collect-item-icon {
    margin-bottom: 2px;
}
/* subscribers */

.community .collected-by.collectors,
.community .collected-by .message {
    display: block;
}

.community .subscribers-container img.thumb {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    outline: none;
}

.community .collected-by .deets > .no-writing {
    padding: 2px;
}


.community .collected-by .deets > .no-writing > .fan {
    width: 27px;
    height: 27px;
    margin: 0 0 5px 5px;
}

.community .collected-by .deets-outer {
    position: static;
    width: 250px;
}

.community .collected-by .deets {
    margin: 0;
}

.community .collected-by .andxothers {

}

.community .collected-by .writing > .text {
    margin-left: 35px;
}

.community .collected-by .writing > .pic {
    position: absolute;
}

.community .collected-by .writing a.name {
    font: 500 normal 12px/1.25em 'Helvetica Neue', Helvetica, sans-serif;
    padding-right: 0.2em;
    color: inherit;
}

.community .collected-by .writing > .text {
    font-family: georgia, serif;
    font-style: italic;
    margin-left: 32px;
}

.community .collected-by .writing {
    position: relative;
    margin-bottom: 15px;
    min-height: 28px;
}

.community .collected-by .writing a.censor {
    display: block;
    float: right;
    padding: 2px 10px;
    margin: 0 4px 5px 5px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    visibility: hidden;
}

.community .collected-by .writing:hover a.censor {
    visibility: visible;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #eee;
    background-color: rgba(0,0,0,0.05);
}
.invertIconography .community .collected-by .writing:hover a.censor {
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #1a1a1a;
    background-color: rgba(255,255,255,0.1);
}
.community .collected-by .writing a.censor:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #eee;
    background-color: rgba(0,0,0,0.1);
}
.invertIconography .community .collected-by .writing a.censor:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #1a1a1a;
    background-color: rgba(255,255,255,0.1);
}

.community .collected-by .writing .pic > .tooltip {
    display: none;
    z-index: 3;
    position: absolute;
    bottom: 30px;
    left: -62px;
    width: 150px;
    padding-bottom: 3px;
}

.community .collected-by .writing .pic > .tooltip > div {
    text-align: center;
    background: #333;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 5px;
}

/* contextual menu for reporting posts/comments */

.community-feed .contextual-menu-wrapper .contextual-toggle {
    cursor: pointer;
    height: 20px;
}

.community-feed .contextual-menu-wrapper .contextual-toggle .report-flag-icon {
    width: 16px;
    margin: 0;
    margin-left: 2px;
    fill: #ff0000;
}

.community-feed .contextual-menu-wrapper .contextual-toggle .report-flag-icon,
.community-feed .flagged .contextual-menu-wrapper .contextual-toggle:hover .report-flag-icon,
.community-feed .flagged .contextual-menu-wrapper.expanded .contextual-toggle .report-flag-icon,
.community-feed .flagged .contextual-menu-wrapper .contextual-toggle .contextual-dots {
    display: none;
}

.community-feed .flagged .contextual-menu-wrapper .contextual-toggle .report-flag-icon,
.community-feed .flagged .contextual-menu-wrapper .contextual-toggle:hover .contextual-dots,
.community-feed .flagged .contextual-menu-wrapper.expanded .contextual-toggle .contextual-dots {
    display: block;
}

.community-feed .contextual-menu-wrapper {
    height: 16px;
    position: relative;
}

.invertIconography .community .community-feed .contextual-menu-wrapper a {
    color: #0687F5;
}

.community-feed .contextual-toggle {
    opacity: 0;
}

/* message reporting */
.community-feed .story .main-section .contextual-menu-wrapper {
    width: 20px;
    position: relative;
}

/* pinned post reporting */
.community-feed .contextual-menu-wrapper.expanded,
.community-feed .flagged .contextual-menu-wrapper {
    visibility: visible;
}

.community-feed .story:not(.live-event) .main-section:hover .contextual-toggle,
.community-feed .story:not(.live-event) .main-section .contextual-toggle:focus,
.community-feed .comment:hover .contextual-toggle,
.community-feed .comment .contextual-toggle:focus,
.community-feed .story:not(.live-event) .main-section .contextual-menu-wrapper.expanded .contextual-toggle,
.community-feed .comment .contextual-menu-wrapper.expanded .contextual-toggle {
    opacity: 1;
}

.community-feed .contextual-menu-wrapper .contextual-menu {
    display: none;
    right: -18px;
    top: 18px;
    position: absolute;
}

.community-feed .story.live-event .contextual-menu-wrapper .contextual-menu {
    right: -8px;
}

.community-feed .contextual-menu-wrapper .contextual-menu-inner {
    border: 1px solid #ccc;
    padding: 0;
    border-radius: 3px;
    background: #FFF;
}

.community-feed .contextual-menu-wrapper.expanded .contextual-menu {
    display: block;
    z-index: 10;
    white-space: nowrap;
}

.community-feed .contextual-menu-wrapper .contextual-menu a,
.community-contextual-dialog .contextual-menu-inner a {
    display: flex;
    align-items: center;
    margin: 14px 14px;
    color: #0687F5;
}

.community-feed .contextual-menu-wrapper .contextual-menu svg,
.community-contextual-dialog .contextual-menu-inner svg {
    fill: #0687F5;
    margin-right: 6px;
}

.invertIconography .community-feed .contextual-menu-wrapper .contextual-menu svg,
.invertIconography .community-contextual-dialog .contextual-menu-inner svg {
    /*fill: #FFF;*/
}

.community-feed .contextual-menu-wrapper .contextual-menu .ban-user-icon,
.community-contextual-dialog .contextual-menu-inner .ban-user-icon {
    margin-right: 5px;
    margin-left: 1px;
}

/* message reporting */
.community-feed .story:not(.live-event) .main-section .contextual-menu-wrapper .contextual-menu {
    top: 20px;
    right: -15px;
}

/* pinned post reporting */
.community-feed .stories.pinned-story .main-section .contextual-menu-wrapper .contextual-menu {
}

/* report dialog */
.community-report-dialog {
    margin: 0 40px;
}

.community-report-dialog .error-bubble {
    font-weight: 500;
}

.community-report-dialog .reason .item {
    margin: 10px 0;
}

.community-report-dialog .reason {
    margin: 0 0 24px 0;
}

.community-report-dialog .details textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
}

.community-report-dialog .details textarea.error {
    border: 1px solid red;
}

.community-report-dialog .violation-info {
    font-size: 13px;
    margin: 16px 16px 24px 16px;
}

.community-report-dialog.success {
    text-align: center;
}

.community-report-dialog.success .subtitle {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}

.community-report-dialog.success .info {
    font-size: 16px;
    margin: 20px auto;
    width: 90%;
}

.community-report-dialog.success .check {
    margin-top: 16px;
}

.community-report-dialog.success .check-inner {
    display: inline-block;
    vertical-align: middle;
}

.community-report-dialog.success .check-inner:after {
    content: '';
    display: block;
    width: 15px;
    height: 30px;
    border: solid #0687f5;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-bottom: 4px;
    margin-left: 8px;
}

/* dark mode stuff */
.invertIconography .community-feed .pinned-post-indicator svg {
    fill: #818285;
}

/* trackpipe/public/css/crowdfunding/update_pledge_payment.css */
.crowdfunding-update-payment-container {
    padding: 0 25px 0 25px;
}
.crowdfunding-update-payment-overview-container {
    display: flex;
    justify-content: flex-start;
    background-color: #f5f5f5;
    padding: 9px 8px 9px 8px;
    margin-bottom: 18px;
    font-size: 12px;
}
.crowdfunding-update-payment-overview-image {
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 40px;
    width: 54px;
}
.crowdfunding-update-payment-overview-text-container {
    margin-left: 10px;
}
.crowdfunding-update-payment-overview-title {
    display: block;
    font-weight: bold;
}
.crowdfunding-update-payment-overview-text {
    display: block;
}
.crowdfunding-update-payment-options {
    font-size: 13px;
}
.crowdfunding-update-payment-saved-card {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.crowdfunding-update-payment-pledge-card {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.crowdfunding-update-payment-selection {
    border-top: transparent;
    border-bottom: transparent;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background-color: #f6f6f6;
}
.crowdfunding-update-payment-current-card {
    padding: 18px 16px 18px 16px;
}
.crowdfunding-update-payment-card-brand {
    font-weight: bold;
}
.crowdfunding-update-payment-new-card {
    padding: 18px 16px 18px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 8px;
}
.crowdfunding-update-payment-postal-code-confirmation {
    padding: 18px 16px 18px 16px;
}
.required:after {
    content:"*";
    color: red;
    font-weight: bold;
}
.postal-code-confirmation-input {
    line-height: 23px;
    font-size: 0.8rem;
}
.postal-code-confirmation-label {
    padding-right: 10px;
}
.cvv-confirmation-label {
    padding-right: 10px;
    font-size: 13px;
}
.cvv-confirmation-input {
    border: 1px solid;
    padding: 2px;
    font-size: 14px;
    width: 80px;
}
.crowdfunding-update-payment-card-options-label {
    display: block;
}
.update-pledge-payment-dialog.ui-dialog.nu-dialog label {
    font-weight: normal;
    display: inline-block;
    margin: 0;
}
.update-pledge-payment-dialog.ui-dialog.nu-dialog .crowdfunding-update-payment-card-form label,
.update-pledge-payment-dialog.ui-dialog.nu-dialog .crowdfunding-update-payment-card-form legend {
    font-size: 13px;
}
.update-pledge-payment-dialog.ui-dialog.nu-dialog input,
.update-pledge-payment-dialog.ui-dialog.nu-dialog select,
.update-pledge-payment-dialog.ui-dialog.nu-dialog textarea {
    font-size: 14px;
}
.update-pledge-payment-dialog.ui-dialog.nu-dialog .postal-code-confirmation-input {
    max-width: 100px;
}

.update-pledge-payment-dialog.ui-dialog.nu-dialog .first-name input[type="text"],
.update-pledge-payment-dialog.ui-dialog.nu-dialog .last-name input[type="text"] {
    width: 100%;
}
.update-pledge-payment-dialog .card-entry-form select.month,
.update-pledge-payment-dialog .card-entry-form select.year,
.update-pledge-payment-dialog .card-entry-form select.billing-country {
    margin-top: 5px;
}
.crowdfunding-update-payment-card-form .field-wrapper.card-number {
    margin-right: 0px;
    width: 100%;
}

.crowdfunding-update-payment-card-form .row-wrapper:first-child {
    flex-wrap: wrap;
}
.crowdfunding-update-payment-card-form .card-entry-form .billing-address {
    margin-bottom: 0;
}
.update-pledge-payment-dialog.ui-dialog.nu-dialog .crowdfunding-update-payment-card-form-phone .postal-code input {
    width: 115px;
}
.update-pledge-payment-dialog.ui-dialog.nu-dialog .crowdfunding-update-payment-card-form  .postal-code input {
    width: 130px;
}
.crowdfunding-update-payment-save-card-checkbox {
    padding: 18px 0 18px 0;
}
.crowdfunding-update-payment-card-form-phone .crowdfunding-update-payment-save-card-checkbox input {
    margin: 0 6px 0 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.crowdfunding-update-payment-card-form-phone .crowdfunding-update-payment-save-card-checkbox {
    padding: 0 0 18px 0;
}
.crowdfunding-update-payment-or-use-saved-card {
    padding: 18px 0 18px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.update-pledge-payment-dialog.ui-dialog.nu-dialog button {
    width: 100%;
    display: block;
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
}
.crowdfunding-update-payment-cancel {
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 13px;
}
.postal-code-confirmation-error, .cvv-confirmation-error {
    font-weight: normal;
}