.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity = 0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block
}
.ui-controlgroup>.ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0
}
.ui-controlgroup>.ui-controlgroup-item:focus, .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
z-index: 9999
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid
}
.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0
}
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold
}
.ui-widget-header a {
color: #333
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #454545;
text-decoration: none
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover,
.ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff
}
.ui-icon-background, .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #5f3f3f
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity = 70);
font-weight: normal
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity = 35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity = 35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/css/images/ui-icons_444444_256x240.png)
}
.ui-widget-header .ui-icon {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/css/images/ui-icons_444444_256x240.png)
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/css/images/ui-icons_555555_256x240.png)
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/css/images/ui-icons_ffffff_256x240.png)
}
.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/css/images/ui-icons_777620_256x240.png)
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/css/images/ui-icons_cc0000_256x240.png)
}
.ui-button .ui-icon {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/css/images/ui-icons_777777_256x240.png)
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 3px
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 3px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity = 30)
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666
}#releaselist, #artistlist {
margin: 0 -1%;
margin-bottom: 48px;
} .lgsquarelist {
display: grid;
grid-gap: 1%;
}
.lgsquarelist[data-columns="1"] {
grid-template-columns: repeat(1, 1fr);
grid-gap: 0px;
}
.lgsquarelist[data-columns="2"] {
grid-template-columns: repeat(2, 1fr);
grid-gap: 60px;
}
.lgsquarelist[data-columns="3"] {
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
.lgsquarelist[data-columns="4"] {
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.lgsquarelist[data-columns="5"] {
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
.lgsquarelist[data-columns="6"] {
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px;
}
.lgsquarelist[data-columns="7"] {
grid-template-columns: repeat(7, 1fr);
grid-gap: 20px;
}
.lgsquarelist[data-columns="8"] {
grid-template-columns: repeat(8, 1fr);
grid-gap: 20px;
}
.lgsquarelist[data-columns="x"] {
grid-template-columns: repeat(1, 1fr);
grid-gap: 0% 0%;
} #releaselist .releaseelement, #artistlist .releaseelement {
position: relative;
width: 99%;
margin: 1%;
display: inline-block;
box-shadow: 3px 3px 21px 2px rgba(0, 0, 0, .4);
overflow: hidden;
}
#releaselist .releaseelement:hover, #artistlist .releaseelement:hover {
background: #ffffff;
}
#releaselist .releaseelement.elementrow8 .sub_text, #releaselist .releaseelement.elementrow7 .sub_text, #releaselist .releaseelement.elementrow6 .sub_text, #releaselist .releaseelement.elementrow5 .sub_text,
#artistlist .releaseelement.elementrow8 .sub_text, #artistlist .releaseelement.elementrow7 .sub_text, #artistlist .releaseelement.elementrow6 .sub_text, #artistlist .releaseelement.elementrow5 .sub_text
{
font-size: 0.8em;
}
#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
width: 30%;
float: left;
}
#releaselist .releaseelement.elementrowx:hover .image, #artistlist .releaseelement.elementrowx:hover .image {
opacity: 1;
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
#releaselist .releaseelement.elementrowx .middle, #artistlist .releaseelement.elementrowx .middle {
opacity: 1;
width: 60%;
margin-left: 15%;
}
#releaselist .releaseelement .image, #artistlist .releaseelement .image {
opacity: 1;
display: block;
width: 100%;
height: auto;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition:  all .7s ease;
backface-visibility: hidden;
margin-bottom: 0px;
}
#releaselist .releaseelement .image img, #artistlist .releaseelement .image img {
width: 100%;
}
#releaselist .releaseelement .middle, #artistlist .releaseelement .middle {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition:  all .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 86%
}
#releaselist .releaseelement:hover .image, #artistlist .releaseelement:hover .image {
opacity: 0.2;
-o-transform: scale(1.7);
-ms-transform: scale(1.7);
-moz-transform: scale(1.7);
-webkit-transform: scale(1.7);
transform: scale(1.7);
}
#releaselist .releaseelement:hover .middle, #artistlist .releaseelement:hover .middle {
opacity: 1;
}
#releaselist .releaseelement .text, #artistlist .releaseelement .text {
font-size: 14px;
padding: 1em 1em;
color: #000;
}
#releaselist .releaseelement .text .title {
font-weight: bold;
font-size: 18px;
}
#releaselist .releaseelement .text .artist {
font-weight: bold;
font-size: 14px;
}
#releaselist .releaseelement .text .button, #artistlist .releaseelement .text .button {
display: block;
text-decoration: none;
text-transform: uppercase;
margin-top: 1em;
background-color: #646bb8;
color: #ffffff;
border-color: #424996;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition:  all .3s ease;
padding: 9px 22px;
cursor: pointer;
border: none;
-webkit-appearance: none;
border-radius: 0px;
}
#releaselist .releaseelement .text .button:hover, #artistlist .releaseelement .text .button:hover {
background-color: #8e97ff;
color: #ffffff;
border-color: #6c75dd;
}
#releaselist .releaseelement .middle .button {
display: block;
}
#releaselist .releaseelement .ribbonCover {
position: absolute;
right: -0.3em;
top: -0.2em;
z-index: 1;
overflow: hidden;
width: 175px;
height: 90px;
text-align: right;
z-index: 90000;
}
#releaselist .releaseelement .ribbonCover span {
font-size: 14px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 26px;
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);	
width: 119px;
display: block;
background: #2ebd59;
background: linear-gradient(#2ebd59 5%, #29a84f 95%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 16px;
right: -28px;
padding-top: 5px;
}
#releaselist .releaseelement .ribbonCover span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 2px solid #29a84f;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
border-top: 2px solid #29a84f;
}
#releaselist .releaseelement .ribbonCover span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #29a84f;
border-bottom: 3px solid transparent;
border-top: 3px solid #29a84f;
}
#releaselist .releaseelement.titlebelowyes, #artistlist .releaseelement.titlebelowyes {
margin-top: 16px;
margin-bottom: 16px;
background: transparent;
box-shadow: none;
overflow: initial;
vertical-align: top;
}
#releaselist .releaseelement.titlebelowyes .title, #artistlist .releaseelement.titlebelowyes .title {
margin: 16px 0 0 !important;
font-weight: bold;
}
#releaselist .releaseelement.titlebelowyes:hover img, #artistlist .releaseelement.titlebelowyes:hover img {
opacity: 1;
transform: none;
}
#releaselist .releaseelement.titlebelowyes:hover .cover, #artistlist .releaseelement.titlebelowyes:hover .cover {
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
box-shadow: 0 16px 18px -2px rgba(0, 0, 0, 0.55); }
#releaselist .releaseelement.titlebelowyes .cover, #artistlist .releaseelement.titlebelowyes .cover {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition:  all .3s ease;
box-shadow: 0 16px 18px -2px rgba(0, 0, 0, 0.30);
}   #releaselinks .linkTop {
border: 1px solid #eee;
text-align: right;
text-transform: uppercase;
background: #fff;
max-width: 400px;
margin: 0.5em auto;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease;
-moz-transition: background-color 0.2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
#releaselinks .linkTop:first-child {
margin-top: 0;
}
#releaselinks .linkTop:last-child {
margin-bottom: 0;
}
#releaselinks .linkTop:hover {
background-color: #f1f1f1;
}
#releaselinks .linkTop a {
display: block;
color: #000;
text-decoration: none;
text-align: right;
margin: 0 1em;
background-repeat: no-repeat;
background-position: left;
background-size: 90px auto;
font-size: 14px;
font-weight: bold;
line-height: 2.8em;
}
#releaselinks .linkTop.freedownload a {
background-image: url(//upgainrecords.com/wp-content/plugins/label-grid-tools/public/images/ico_freedownload.svg);
}   #lg_content_release.release_detail .artwork {
display: inline-block;
width: 45%;
vertical-align: top;
text-align: center;
margin-right: 4%;
}
#lg_content_release.release_detail .artwork a {
overflow: visible !important;
}
#lg_content_release.release_detail .release_links {
display: inline-block;
width: 50%;
vertical-align: top;
}
#lg_content_release.release_detail .artwork img {
width: 100%;
max-width: 400px;
box-shadow: 3px 3px 21px 2px rgba(0, 0, 0, .4);
}
#lg_content_release.release_detail .separator {
height: 1px;
border-bottom: 1px solid #eee;
clear: both;
margin: 2em 0;
}
#lg_content_release.release_detail .press_release {
width: 67%;
margin-left: 3%;
display: inline-block;
}
#lg_content_release.release_detail .press_release .cont {
vertical-align: top;
padding: 3em 2em;
background: #f9f9f9;
border-left: 10px solid #eee;
margin-bottom: 1em;
font-size: 0.9em;
line-height: 1.4em;
quotes: "\201C" "\201D" "\2018" "\2019";
position: relative;
}
#lg_content_release.release_detail .press_release .cont:before {
content: open-quote;
display: inline;
height: 0;
line-height: 0;
left: 0.2em;
position: absolute;
top: 0.5em;
color: #ccc;
font-size: 6em;
}
#lg_content_release.release_detail .right_col {
width: 30%;
float: left;
vertical-align: top;
}
#lg_content_release.release_detail .right_col .release_date, #lg_content_release.release_detail .right_col .cat_number {
margin-bottom: 1em;
}
#lg_content_release.release_detail .right_col .release_data {
margin-bottom: 1em;
overflow: hidden;
}
#lg_content_release.release_detail .right_col .release_data a {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition:  all .2s ease;
border: 1px solid #f1f1f1;
text-decoration: none;
vertical-align: middle;
width: 100%;
display: inline-flex;
}
#lg_content_release.release_detail .right_col.afull_width .release_data {
margin-bottom: 1em;
width: 33.3%;
display: inline-block;
}
#lg_content_release.release_detail .right_col.afull_width .release_data.totrel1 {
width: 50%;
margin: 0 auto;
display: block;
}
#lg_content_release.release_detail .right_col .release_data a:hover {
background-color: #f1f1f1;
}
#lg_content_release.release_detail .right_col .release_data .image_release {
display: inline-block;
margin-right: 1em;
border-right: 1px solid #f1f1f1;
}
#lg_content_release.release_detail .right_col .release_data .image_release img {
max-width: 80px;
width: 100%;
display: block;
}
#lg_content_release.release_detail .right_col .release_data .title_release {
font-size: 0.85em;
vertical-align: middle;
height: 100%;
width: 63%;
text-align: center;
margin: auto 5px;
}
#lg_content_release.release_detail .spotify_preview, #lg_content_release.release_detail .spotify_preview iframe {
max-height: 300px;
width: 100%;
}
#lg_content_release.release_detail .spotify_preview {
width: 67%;
min-width: 67%;
display: inline-block;
margin-left: 3%;
margin-bottom: 2em;
}
#lg_content_release.release_detail .right_col .artists {
margin-bottom: 1em;
}
#lg_content_release.release_detail .artwork .sub_artwork_details {
max-width: 400px;
margin: 0 auto;
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
}
#lg_content_release.release_detail .artwork .sub_artwork_details .catalog_number {
float: left;
padding: 0.5em 0;
display: block;
}
#lg_content_release.release_detail .artwork .sub_artwork_details .catalog_recordlabel {
float: left;
padding: 0.5em 0;
display: block;
}
#lg_content_release.release_detail .artwork .sub_artwork_details .release_date {
float: right;
padding: 0.5em 0;
display: block;
}
#lg_content_release.release_detail .afull_width {
width: 100%;
margin: 0;
}
#lg_content_release.release_detail .header_release {
max-width: 900px;
margin: 0 auto;
}
#lg_content_release.release_detail .titleartist {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
clear: both;
}
#lg-release-banner {
height: 350px;
width: 100%;
}
#lg-release-banner A {
display: block;
}
#lg-release-banner .release-banner {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
height: 350px;
width: 100%;
display: table;
}
#lg-release-banner .banner-image {
display: table-cell;
height: 350px;
vertical-align: middle;
width: 50%;
text-align: center;
background-color: rgba(0, 0, 0, 0.65);
}
#lg-release-banner .banner-image IMG {
width: 250px;
height: 250px;
box-shadow: 0 5px 10px -2px rgba(255, 255, 255, 0.25);
margin: 0;
vertical-align: middle;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition:  all .7s ease;
}
#lg-release-banner .banner-texts {
display: table-cell;
height: 350px;
vertical-align: middle;
width: 50%;
text-align: left;
color: #fff;
background-color: rgba(0, 0, 0, 0.65);
}
#lg-release-banner .banner-texts .banner-artists {
font-size: 2em;
text-transform: uppercase;
line-height: 1.5em;
}
#lg-release-banner .banner-texts .banner-release-name {
font-size: 1.5em;
text-transform: uppercase;
line-height: 2em;
}
#lg-release-banner .banner-texts .banner-out-now {
font-size: 1.3em;
padding-top: 1.5em;
}
#lg-release-banner .banner-texts .banner-release-more {
margin: 0.5em 0;
padding: 0.4em 0.8em;
font-size: 1.5em;
display: inline-block;
border: 1px solid;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition:  all .2s ease;
}
#lg-release-banner A:HOVER .banner-release-more {
color: #be1e2d;
}
#lg-release-banner A:HOVER  .banner-image IMG {
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
box-shadow: 0 5px 10px -2px rgba(255, 255, 255, 0.5);
}
#lg_custom_background {
position: absolute;
overflow: hidden;
z-index: -1;
height: 200%;
width: 200%;
top: -50%;
left: -50%;
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-color: #000;
display: block;
position: fixed;
}
#lg_custom_background img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
min-width: 55%;
min-height: 55%;
margin: auto;
-o-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
max-width: none;
-o-filter: blur(30px);
-ms-filter: blur(30px);
-moz-filter: blur(30px);
-webkit-filter: blur(30px);
filter: blur(30px);
opacity: .7;
}
#lg_lite_page {
background: transparent !important;
}
#lg_lite_page #lg_content_release.release_lite .release_title {
width: 100%;
text-align: center;
background: #00000099;
padding: 0.8em;
color: #fff;
text-transform: uppercase;
}
#lg_lite_page #lg_content_release.release_lite .release_title H1 {
text-transform: uppercase;
color: #fff;
}
#lg_release_list_filter_container {
margin-bottom: 1em;
}   @media only screen and (min-width:1025px) {
#lg_lite_page #lg_content_release.release_lite {
position: relative;
height: 100vh;
}
#lg_lite_page #lg_content_release.release_lite .artwork, #lg_content_release.release_lite .release_links {
position: absolute;
width: 50%;
margin: 0;
padding: 0 3%;
}
#lg_lite_page #lg_content_release.release_lite .artwork {
left: 0;
text-align: right;
}
#lg_lite_page #lg_content_release.release_lite .release_links {
right: 0;
}
#lg_lite_page #releaselinks .linkTop {
margin: 0.5em 0;
}
#lg_lite_page #lg_content_release.release_lite .release_title {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.6) 100%);
padding-bottom: 2em;
}
#lg_lite_page #lg_content_release.release_lite .release_box_content {
position: absolute;
top: 20%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
#lg_lite_page {
padding: 3%;
}
#lg_lite_page #lg_content_release {
padding: 0;
}
#lg_lite_page #lg_content_release.release_lite .release_title {
margin-bottom: 1em;
}
#lg_lite_page #lg_content_release.release_lite .release_title H1 {
font-size: 1.1em;
}
.lgsquarelist {
grid-template-columns: repeat(2, 1fr) !important;
grid-gap: 30px !important;
}	
#lg_content_release.release_detail .artwork, #lg_content_release.release_detail .release_links {
width: 100%;
}
#lg_content_release.release_detail .artwork {
text-align: center;
margin-bottom: 1em;
margin-right: 0%;
}
#lg_content_release.release_detail .right_col {
width: 100%;
float: none;
}
#lg_content_release.release_detail .press_release {
margin-left: 0%;
width: 100%;
}
#lg_content_release.release_detail .right_col .release_data {
margin-bottom: 1em;
width: 50%;
display: inline-block;
}
#lg_content_release.release_detail .right_col .twitter_preview {
display: none;
}
#lg_content_release.release_detail .spotify_preview {
width: 100%;
min-width: 100%;
margin: 0%;
}
#releaselinks .linkTop a {
font-size: 16px;
}
}
@media only screen and (max-width: 812px) {
#lg_content_release.release_detail .right_col .release_data .title_release {
font-size: 0.75em;
}
}
@media only screen and (max-width: 768px) {
#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
width: 30%;
float: none;
margin: 1em auto 0;
}
#releaselist .releaseelement.elementrowx .middle, #artistlist .releaseelement.elementrowx .middle {
opacity: 1;
width: 100%;
margin-left: 0%;
position: initial;
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
}
@media only screen and (max-width: 520px) {
.lgsquarelist {
grid-template-columns: repeat(1, 1fr) !important;
grid-gap: 0px !important;
}	
#lg_content_release.release_detail .artwork img {
width: 100%;
}
#lg_content_release.release_detail .separator {
border-bottom: 2px solid #eee;
}
#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
width: 40%;
}
#lg-release-banner {
font-size: 0.8em;
}
#lg-release-banner .banner-image IMG {
width: 180px;
height: 180px;
}
}
@media only screen and (max-width: 425px) {
#lg_lite_page {
padding: 10%;
}
#releaselinks .linkTop a {
font-size: 0.9em;
margin: 0.5em 1em;
}
#lg_content_release.release_detail .right_col .release_data {
width: 100%;
}
#lg_content_release.release_detail .right_col.afull_width .release_data.totrel1 {
width: 100%;
}
#lg_content_release.release_detail .press_release .cont {
font-size: 0.8em;
line-height: 1.8em;
}
#lg_content_release.release_detail .right_col .release_data .image_release img {
max-width: 60px;
}
#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
width: 70%;
}
#lg-release-banner .banner-image {
display: none;
}
#lg-release-banner .banner-texts {
text-align: center;
}
#releaselinks .linkTop a {
margin: 0 1em;
background-size: 50px auto;
line-height: 2.0em;
}
}
@media only screen and (max-width: 375px) {
#lg_content_release.release_detail .right_col .release_data .image_release img {
max-width: 40px;
}
#releaselist .releaseelement.elementrowx .image, #artistlist .releaseelement.elementrowx .image {
width: 80%;
}
}
@media only screen and (max-width: 320px) {
#releaselinks .linkTop a {
font-size: 0.7em;
}
}