/*Default Font*/
body {
    font-family: 'Pragmatica', sans-serif;
}

/*Utilities*/
.float-left{
    float:left;
}
.float-right{
    float:right;
}
.catalog-product-view .row {
    --bs-gutter-x: 0rem !important;
}
@media (min-width: 768px){
    .catalog-product-view .row {
        --bs-gutter-x: 1.5rem !important;
    }
}
/*Collapsible Arrows*/
.collapsible{
    cursor:pointer;
}
.collapsible .collapsible-title{
    display:inline-block;
    width:80%;
}
.collapsible .collapsible-icon{
    display:inline-block;
    width:10%;
    color:#333333;
    float:right;
    text-align: right;
}
.collapsible .material-icons.arrow-down,
.collapsible .material-icons.arrow-up{
    font-size:38px;
}
.collapsible .arrow-up{
    display:none;
}
.collapsible[aria-expanded="true"] .arrow-up{
    display:none;
}
.collapsible[aria-expanded="true"] .arrow-down{
    display:block;
}
.collapsible[aria-expanded="false"] .arrow-up{
    display:block;
}
.collapsible[aria-expanded="false"] .arrow-down{
    display:none;
}


/*Hide cma home page*/
.cms-home .columns,
.cms-index-index .columns{
    display:none;
}

/*Top Bar*/
.page-header .header.panel {
    padding-bottom: 14px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 576px){
    .page-header .header.panel {
        padding-top: 10px;
    }
}
.page-header .panel.wrapper {
    background-color:#e1e1e1;
    color:#3d3d3d;
    box-shadow: 0 10px 10px 0px #c1c1c1;
    border:none;
}
.panel.header .switcher {
    display: inline-block;
    float: right;
    margin-left: 15px;
    margin-right: -6px;
    order: 1;
}
.page-header .panel.wrapper .switcher .options ul.dropdown,
.page-footer .switcher .options ul.dropdown {
    min-width: 175px;
}
.switcher-dropdown .currency-flag{
    width: 30px;
    float: left;
    margin: 9px 5px 0 5px;
}
.header.panel .header.links li a{
    line-height: 1.7;
}
.header.panel .greet.welcome,
.header.panel .link.authorization-link,
.header.panel > .header.links > li > a,
.header.panel > .header.links > li > a:hover,
.header.panel > .header.links > li > a:visited,
.header.panel > .header.links > li > a:active{
    color:#3d3d3d;
    font-weight:300;
    font-size: 1.7rem;
    text-decoration:none;
}
.header.panel > .header.links > li > a:hover{
    text-decoration:underline;
}
#switcher-currency-trigger > strong > span{
    font-size: 1.5rem;
    line-height: 1.7;
}
#switcher-currency-trigger > strong > span:hover{
    text-decoration:underline;
}

#switcher-currency > div > ul > li.switcher-option > a{
    font-size: 1.7rem;
}

.header.links > li.welcome{
    display: none;
}

@media (min-width: 768px){
    .header.links > li.welcome{
        display: inline-block;
        line-height: 1.8 !important;
    }
}

#switcher-currency-trigger .currency-flag{
    display: inline-block;
    float: left;
    width: 30px;
    margin-right: 10px;
    margin-top: 1px;
}

@media (min-width: 576px){
    #switcher-currency-trigger > strong > span{
        font-size: 1.7rem;
    }
    #switcher-currency-trigger .currency-flag{
        margin-top: 3px;
    }
}

.page-header .panel.wrapper .switcher .options .action.toggle:after{
    margin: 4px 0 0;
}
/*Inputs*/
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type*="date"],
input[type="email"] {
    font-family: 'Pragmatica', sans-serif;
}
input::placeholder {
  opacity:0.5;
  color:red;
}

/*Header*/
.header.content {
    padding: 30px 20px 0;
}
.logo img {
    max-height: inherit;
    width: 140px;
    max-width: 140px;
}
.logo {
    margin: 0 0 15px calc(50% - 95px);
}
@media (min-width: 576px){
    .logo img {
        max-height: inherit;
        width: 190px;
        max-width: 190px;
    }

}
@media (min-width: 768px){
    .logo img {
        max-height: inherit;
        width: 250px;
        max-width: 250px;
    }
    .logo {
        margin: 0;
    }
}
.block-search {
    float: left;
    margin: 0px 20px 0 0px;
    width:100%;
}
@media (min-width: 768px){
    .block-search {
        margin: 30px 20px 0 0px;
    }
}
.block-search .control {
    border-top: 0;
}
.page-header {
    border-bottom: 0;
    margin-bottom: 15px;
}
@media (min-width: 768px){
    .page-header {
        margin-bottom: 20px;
    }
}
.block-search input {
    padding: 20px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    margin: 0;
}
input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus {
    box-shadow: none;
}
.minicart-wrapper {
    margin: 13px 0 0 0;
}
@media (min-width: 768px){
    .minicart-wrapper {
        margin: 14px 0 0 0;
    }
}
.minicart-wrapper .action.showcart .counter.qty {
    background: #000000;
    display:none;
}
@media (min-width: 380px){
    .minicart-wrapper .action.showcart .counter.qty {
        display:inline-block;
    }
}
.block-search .actions{
    position:relative
}
.block-search .action.search > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.block-search .action.search {
    display: inline-block;
    background-image: none;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: -50px;
    z-index: 1;
}
.block-search .action.search:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 32px;
    color: #757575;
    content: '\e615';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.block-search .action.search:before {
    content: '';
    background-image: url(../images/proceed-icon.svg);
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
    margin:13px;
}
.block-search #search {
    padding-left: 40px;
    background: url(../images/search-icon.svg) no-repeat left 10px, #f9f9f9;
    background-size: 22px;
    background-position: 10px;
}
.block-search .action.search[disabled]{
    opacity: 1;
}
@media (min-width: 768px){
    .block-search {
        width:calc(100% - 500px);
        margin: 32px 20px 0 30px;
    }
}
@media (min-width: 768px){
    .block-search .action.search {
       top: -50px;
    }
}
.minicart-wrapper .action.showcart:before {
    content: '';
    background-image: url(../images/cart-icon.svg);
    background-size: 38px 38px;
    height: 38px;
    width: 38px;
    margin-top: 5px;
}
.minicart-wrapper .action.showcart.active:before {
    margin-top: 5px;
}
.minicart-wrapper .action.showcart.active:before {
    content: '';
}
.advanced-search {
    margin-top: 2px;
}
.account-link-wrapper .action.showaccount .text{
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.account-link-wrapper .action.showaccount:before {
    content: '';
    background-image: url(../images/profile-icon.svg);
    background-size: 38px 38px;
    height: 38px;
    width: 38px;
    display: inline-block;
    float:right;
    margin: 18px 6px 0 0;
}
@media (min-width: 576px){
    .minicart-wrapper .action.showcart:before {
        background-size: 50px 50px;
        height: 50px;
        width: 50px;
    }
    .account-link-wrapper .action.showaccount:before {
        background-size: 50px 50px;
        height: 50px;
        width: 50px;
        margin: 20px 20px 0 0;
    }
}
@media (min-width: 768px){
    .minicart-wrapper .action.showcart:before {
        background-size: 60px 60px;
        height: 60px;
        width: 60px;
    }
    .account-link-wrapper .action.showaccount:before {
        background-size: 60px 60px;
        height: 60px;
        width: 60px;
        margin: 20px 20px 0 0;
    }
}

.nav-toggle:before {
    content: '';
    background-image: url(../images/mobile/burger-menu.svg),linear-gradient(to right, #016fec, #1d28c0);
    background-size: 38px 38px;
    border-radius:38px;
    height: 38px;
    width: 38px;
    margin: 35px 20px 0 5px;
}

@media (min-width: 576px){
    .nav-toggle:before {
        content: '';
        background-image: url(../images/mobile/burger-menu.svg),linear-gradient(to right, #016fec, #1d28c0);
        background-size: 50px 50px;
        border-radius:50px;
        height: 50px;
        width: 50px;
        margin: 35px 20px 0 5px;
    }
}

/*Main Menu*/

/*Temporarily hide mmenu items*/
.navigation li.level0:nth-of-type(1n+9){
    display:none;
}


@media (min-width: 768px){
    .top-menu-section {
        background-image: linear-gradient(to right, #1d28c0 , #016fec, #1d28c0);
    }
}

.navigation {
    background: transparent;
    color:#333333;
    text-transform: uppercase;
    margin-bottom:20px;
}

@media (min-width: 768px){
    .navigation {
        margin-bottom:0px;
    }
}

.navigation ul {
    padding: 0 30px;
}

.navigation .level0 > .level-top,
.navigation .level0 > .level-top:hover,
.navigation .level0 > .level-top:active,
.navigation .level0 > .level-top.ui-state-focus{
    font-family: 'Raleway', sans-serif;
    border-color: transparent !important;
    font-weight:500;
    font-size: 1.7rem;
}

@media (min-width: 768px){
    .navigation .level0 > .level-top,
    .navigation .level0 > .level-top:hover,
    .navigation .level0 > .level-top:active,
    .navigation .level0 > .level-top.ui-state-focus{
        color: #fff !important;
    }
}
.navigation .level0 > .level-top:hover{
    text-decoration:underline;
}

.navigation .level0 > .level-top.no-link:hover{
    text-decoration:none;
}

/*Main Navigation*/
.nav-sections {
    margin-bottom:20px;
}

@media (min-width: 768px){
    .nav-sections {
        margin-bottom:0px;
    }
}

@media (min-width: 768px){
    .htfr-megamenu .container{
        max-width: 100%;
    }
}


/*Banners*/
.banner-wrapper{
    width:100%
}
.banner-container{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    position:relative;
}
.banner.top img{
    /* width:100%;
    margin-bottom: 10px; */
    margin-bottom: 10px;
    margin: 0 auto;
}
.banner.top img.banner-xl {
    display:none;
}
@media (min-width: 1200px){
    .banner.top img.banner-xl {
        display:block;
    }
    .banner.top img.banner-xs {
        width: 100%;
        display:none;
    }
}
.banner-wrapper.statement .row {
    padding: 10px 0 2px 0;
}
.banner-wrapper.statement {
    background: #E1E1E1;
}
.banner-wrapper.statement .col-12 {
    padding:0;
}
@media (min-width: 992px){
    .banner-wrapper.statement .col-dispatch {
        padding:0 0 0 2%;
    }
    .banner-wrapper.statement .col-sell-vinyl {
        padding:0 0 0 4%;
    }
}
.banner-wrapper.statement .icon-header {
    padding: 0 0 0 70px;
    display:inline-block;
}
.banner-wrapper.statement a{
    text-decoration:none;
    color:rgb(51, 51, 51)
}
@media (min-width: 576px){
    .banner-wrapper.statement .icon-header {
        padding: 0 0 0 10px;
    }
}
.banner-wrapper.statement h3 {
    font-size: 1.4rem;
    margin: 5px 0 0 0;
    white-space: nowrap;
}
.banner-wrapper.statement p {
    font-size: 1.2rem;
    font-weight: 500;
    margin:0 0 10px 0;
    white-space: nowrap;
}
@media (min-width: 768px){
    .banner-wrapper.statement .icon-header {
        display:block;
    }
    .banner-wrapper.statement .row {
        padding: 10px 0 2px 28px;
    }
    .banner-wrapper.statement h3 {
        font-size: 1.3rem;
        margin: 5px 0 0 0;
        white-space: nowrap;
    }
    .banner-wrapper.statement p {
        font-size: 1.1rem;
        font-weight: 500;
        margin:0 0 10px 0;
        white-space: nowrap;
    }
}


@media (min-width: 1200px){
    .banner-wrapper.statement h3 {
        font-size: 1.4rem;
    }
    .banner-wrapper.statement p {
        font-size: 1.2rem;
    }
}
.statement .col-wrapper{
    width: 256px;
    margin: 0 auto;
}
@media (min-width: 768px){
    .statement .col-wrapper{
        margin: 0;
    }
}
.banner-wrapper.statement .icon-header {
    padding: 0;
}

.statement .col-sell-vinyl,
.statement .col-dispatch,
.statement .col-reviews{
    display:none;
}
@media (min-width: 768px){
    .statement .col-sell-vinyl,
    .statement .col-dispatch    {
        display:block;
    }
    .statement .col-wrapper.worldwide-shipping{
        width: auto;
        margin: 0;
    }
    .banner-wrapper.statement .icon-header {
        padding: 0;
    }
}
@media (min-width: 992px){
    .statement .col-reviews{
        display:block;
    }
}


.icon.worldwide-shipping:before {
    content: '';
    background-image: url(../images/worldwide-shipping-icon.svg);
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
    display: inline-block;
    float: left;
    margin: 0px 10px 0 0;
}
@media (min-width: 576px){
    .icon.worldwide-shipping:before {
        background-size: 35px 35px;
        height: 35px;
        width: 35px;
    }
}
.icon.dispatch:before {
    content: '';
    background-image: url(../images/dispatch-icon.svg);
    background-size: 55px 55px;
    height: 55px;
    width: 55px;
    display: inline-block;
    float: left;
    margin: -10px 10px 0 0;
}
.icon.sell-vinyl:before {
    content: '';
    background-image: url(../images/sell-vinyl-icon.svg);
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
    display: inline-block;
    float: left;
    margin: 0px 10px 0 0;
    transform:rotate(-30deg);
}
.icon.reviews:before {
    content: '';
    background-image: url(../images/reviews-icon.svg);
    background-size: 35px 35px;
    height: 35px;
    width: 35px;
    display: inline-block;
    float: left;
    margin: 0px 10px 0 0;
}

@media (min-width: 992px){
    .banner-wrapper.statement .col-reviews{
        padding-left:40px;
   }
}
@media (min-width: 1200px){
    .icon.worldwide-shipping:before {
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
    }
    .icon.dispatch:before {
        background-size: 60px 60px;
        height: 60px;
        width: 60px;
    }
    .icon.sell-vinyl:before {
        background-size: 45px 45px;
        height: 45px;
        width: 45px;
    }
    .icon.reviews:before {
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
    }
}

/*Subscribe*/
.banner.subscribe{
    background-image: linear-gradient(to right, #026bea , #1c2dc3);
    box-shadow: 0 10px 10px 0px #c1c1c1;
    padding: 0px 0;
}
.banner.subscribe .subscribe-icon:before {
    content: '';
    background-image: url(../images/email-icon.svg);
    background-size: 45px 45px;
    height: 45px;
    width: 45px;
    display: inline-block;
    float: left;
    margin: 5px 10px 0 0;
}
.banner.subscribe .subscribe-callout{
    display: inline;
    padding: 0 0 0 30px;
}
.banner.subscribe h4{
    font-size: 1.5rem;
    font-weight: 700;
    color:#ffffff;
    margin: -0.5rem 0 0 0;
    white-space: nowrap;
}
.banner.subscribe p{
    font-size: 1rem;
    font-weight: 700;
    color:#ffffff;
    white-space: nowrap;
    border-bottom:0px;
    overflow:hidden;
}
.block.newsletter {
    max-width: 100%;
    width:100%
}
.block.newsletter .actions {
    margin: 0 0 0 50px;
}
.block.newsletter .field .control:before {
    display: none;
}
.block.newsletter .content {
    padding: 5px 0 0 0;
}
.block.newsletter input {
    padding: 11px;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    background: #97b1d2;
    border: 1px solid #97b1d2;
}
.block.newsletter .field.newsletter {
    max-width: 95%;
}
.block.newsletter .form.subscribe > .field, .block.newsletter .form.subscribe > .actions {
    float: none;
}
.block.newsletter .action.primary, .action-primary {
    background: #ffffff;
    color: #333333;
    padding: 7px 9px;
    font-size: 1.2rem;
    font-weight: 800;
}

@media (min-width: 390px){
    .banner.subscribe{
        padding: 5px 10%;
    }
}

@media (min-width: 576px){
    .banner.subscribe{
        padding: 5px 20%;
    }
    .banner.subscribe .subscribe-icon:before {
        background-size: 55px 55px;
        height: 55px;
        width: 55px;
        margin: 5px 16px 0 0;
    }
    .banner.subscribe h4{
        font-size: 2rem;
    }
    .banner.subscribe p{
        font-size: 1.25rem;
    }
}

@media (min-width: 768px){
    .banner.subscribe{
        padding: 5px 0;
    }
    .banner.subscribe p{
        font-size: 1.6rem;
    }
    .banner.subscribe h4{
        font-size: 2.8rem;
    }
    .banner.subscribe .subscribe-icon:before {
        background-size: 75px 75px;
        height: 75px;
        width: 75px;
        margin: 7px 28px 0 0;
    }
    .block.newsletter .content {
        padding: 17px 0 0 0;
    }
    .block.newsletter input {
        padding: 27px;
    }
    .block.newsletter .action.primary, .action-primary {
        padding: 19px 21px;
        font-size: 1.8rem;
    }
    .block.newsletter .field.newsletter {
        max-width: 93%;
    }
}


/*About Hard To Find*/
.banner.about-us{
    background-color:#ffffff;
}
.banner.about-us .banner-container{
    padding: 25px 20px;
}
.banner.about-us img{
    margin: 30px 0;
    width: 100%;
    height: 90%;
    object-fit: cover;
}
.banner.about-us h4{
    font-family: 'Raleway', sans-serif;
    margin-top: 40px;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    color:#5079e2;
}
.banner.about-us p{
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size: 1.8rem;
}


/*Footer*/
.page-footer{
    background-color:#e1e1e1;
}
.footer .logo img {
    width: 200px;
    max-width:200px;
}
.footer .logo {
    max-width: 100%;
    margin: 10px 0 25px calc(50% - 100px);
}
@media (min-width: 576px){
    .footer .logo img {
        width: 240px;
    }
    .footer .logo {
        margin: 10px 0 25px calc(50% - 95px);
        margin: 0;
    }
}
.footer-address,
.footer-links{
    font-weight:400;
    padding: 0 0 15px;
    text-align: center;
}
@media (min-width: 576px){
    .footer-address,
    .footer-links{
        text-align: left;
    }
}
.footer-links a,
.footer-links a:hover,
.footer-links a:visited,
.footer-links a:active{
    color:#333333;
    text-decoration: none;
}

.footer-links a:hover{
    text-decoration: underline;
}
.copyright {
    background-color: #D4D4D4;
    color: #999999;
    font-size: 1.3rem;
    font-weight: 600;
}
/*Equipment Banners*/
.banner.equipment {
    background-color:#ffffff;
    padding: 20px 0 40px;
}
.banner.equipment img{
    width:100%;
    object-fit: cover;
    height: 100%;
}
.banner.equipment .col-12{
       margin: 10px 0;
}
@media (min-width: 992px){
    .banner.equipment .col-12{
        margin: 0;
    }
}

/*Homepage middle banner*/
.banner.middle {
    background-image: url(../images/sell-vinyl-strip.jpg);
    background-position: center;
    width:100%;
    object-fit: cover;
}

.banner.middle .sell-vinyl-callout{
    color: #ffffff;
    padding: 10px 0;
}
.banner.middle .sell-vinyl-callout h4{
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight:600;
    letter-spacing: 0.2rem;
    font-size: 1.8rem;
    margin-bottom: 0px;
    margin-top: 7px;
    white-space: nowrap;
}
.banner.middle .sell-vinyl-callout p{
    color: #ffffff;
    font-weight:400;
    font-size: 1.2rem;
    white-space: nowrap;
    float:left;
}

.learn-more-button{
    display:inline;
    width:200px;
    padding:4px 5px;
    text-align:center;
    border:1px solid #ffffff;

}
.learn-more{
    position:absolute;
    right: 20px;
    bottom: -6px;
}
@media (min-width: 992px){
    .banner.middle .sell-vinyl-callout p{
        font-size: 2.1rem;
    }
}
.learn-more-button{
    font-weight:400;
    font-size: 1.1rem;
    color:#ffffff !important;
}
.learn-more-button:hover,
.learn-more-button:visited,
.learn-more-button:active{
    text-decoration: none;
    color:#ffffff;
}
@media (min-width: 576px){
    .banner.middle .sell-vinyl-callout h4{
        font-size: 2rem;
    }
    .banner.middle .sell-vinyl-callout p{
        font-size: 1.6rem;
    }
    .learn-more-button{
        font-size: 1.5rem;
        padding:2px 15px;
    }
    .learn-more{
        position:absolute;
        right: 20px;
        bottom: -21px;
    }
}

@media (min-width: 768px){
    .banner.middle {
        height:173px;
    }
    .banner.middle .sell-vinyl-callout h4{
        font-size: 3.2rem;
    }
    .banner.middle .sell-vinyl-callout p{
        font-size: 2rem;
    }
    .learn-more-button{
        font-size: 2.1rem;
        border:2px solid #ffffff;
    }

}

/*Homepage Vinyl Section*/

.cms-home .products-grid,
cms-index-index .products-grid{
    margin: -10px auto 30px;
}
.grid-item {
    min-height:354px;
    margin-bottom: 20px;
}

.cms-home .products-grid .product-image-photo {
    width: 100%;
}

.cms-home .products-grid{
    z-index: 1;
    position: relative;
}

/*Catalog List*/
.products.list.htfr{
    color:#888888;
    font-weight: 700;
}
.products.list.htfr .format{
    width: calc(100% - 70px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.products.list.htfr .htfr-title-label,
.products.list.htfr .htfr-title-label a{
    width: calc(100% - 60px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #888888;
    display: block;
}
@media (min-width: 768px){
    .products.list.htfr .format{
        width: 80%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .products.list.htfr .htfr-title-label,
    .products.list.htfr .htfr-title-label a{
        width: calc(100% - 60px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }
}

.products.list.htfr .product-title-prefix{
    height:2.6rem;
    border-bottom:1px solid #cccccc;
    padding: 0 20px;
}
.products.list.htfr .product-title-suffix{
    padding:11px 20px;
    height:1.6rem;
    border-top:1px solid #cccccc;
}
.products.list.htfr .product-name{
    padding:5px 20px;
}
.products.list.htfr .product-item-name{
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.8rem;
    margin: 17px 0 8px;
    white-space: nowrap;
    font-weight: 700;
    padding: 0 20px;
}
.products.list.htfr .title-label {
    width:80%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.products.list.htfr .product-item-name.artist,
.products.list.htfr .product-item-name.artist a{
    line-height: 1.8rem;
    font-size: 1.8rem;
    color:#000000;
    font-weight: 700;
}
.products.list.htfr .product-item-name.title{
    font-size: 1.5rem;
    font-weight: 400;
    margin:-4px 0 12px;
}
.page-products .products.list.htfr .product-item-info {
    width: 100%;
}
.products.list.htfr .product-item .price-box {
    margin: 0;
}
.products.list.htfr .product-item-info{
    background: #ffffff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #cccccc;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 9;
    border-radius: 20px;

}
.products.list.htfr .product-image-wrapper{
    box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.2);
    background: #ffffff;
}
.products.list.htfr .product-image-container{
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: -97px;
    padding: 0;
    width: 72% !important;
}

.products.list.htfr .product-item-details{
    margin-top: 42px;
}

.products.list.htfr .product-item-details .year a{
    color:#888888;
}

.products-grid .product-item-actions {
    margin: -10px 0 11px;
}

.products.list.htfr .product-genre{
    padding:14px 0 62px;
    border-top: 1px solid #cccccc
}

.products.list.htfr .product-genre-pill{
    position:absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 15px;
    background-color:#dadeeb;
    color:#1a5cc8;
    padding: 5px 14px;
    white-space: nowrap;
}
.products.list.htfr .add-to-cart{
        position:absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: -37px;
        width: 70%;
        display: block;
    }
/*@media (min-width: 639px){
    .products.list.htfr .add-to-cart{
        bottom: -38px;
    }
}*/
.out-of-stock .action.primary, .out-of-stock .action-primary {
    border: 1px solid #E1E1E1;
}
.product-item-actions .actions-primary {
    display: block;
    width: 100%;
    border-radius: 14px;
}
.products.list.htfr .add-to-cart button{
    font-size:1.9rem;
    border-radius: 11px;
    padding: 6px;
    width: 100%;
    background-image: linear-gradient(to right, #016fec , #1d28c0);
}
.products.list.htfr .add-to-cart .out-of-stock button{
    background-image: none;
    background-color:#E1E1E1;
    color:#333333;
    font-size: 1.8rem;
    line-height:2.8rem;
}
@media (min-width: 992px){
    .products.list.htfr .add-to-cart .out-of-stock button{
        font-size: 1.8rem;
        line-height:1.8rem;
    }
}

.products.list.htfr .add-to-cart button:before{
    display:block;
    content: '';
    background-image: url(../images/cart.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    float: left;
    margin: 0 5% 0;
}
.products.list.htfr .add-to-cart button:hover::before{
    background-size: 0px;
    width: 0px;
    margin: 0px;
}
.products.list.htfr .action.tocart .add-to-cart-hover{
    display:none;
}
.products.list.htfr .action.tocart:hover  .add-to-cart-hover{
    display:block;
    padding: 5px;
    font-size:1.9rem;
    line-height:1.9rem;
}
@media (min-width: 992px){
    .products.list.htfr .action.tocart:hover  .add-to-cart-hover{
        display:block;
        padding: 5px;
        font-size:1.9rem;
        line-height:1.9rem;
    }
}
.products.list.htfr .action.tocart  .add-to-cart-price{
    display:block;
}
.products.list.htfr .action.tocart:hover  .add-to-cart-price{
    display:none;
}
.products.list.htfr .add-to-cart .out-of-stock button:before {
    background-size: 0px;
    width: 0px;
    margin: 0px;
}
.products.list.htfr .action.primary[disabled] {
    opacity: 1;
}
.products.list.htfr .product-item .add-to-cart-price {
    font-family: 'Pragmatica', sans-serif;
    font-size: 1.9rem;
    margin: 7px 0 0 0;
    display: inline-block;
}
.products.list.htfr .product-item .add-to-cart-price .price {
    font-size: 1.9rem;
}
.products.list.htfr .add-to-cart .out-of-stock button{
    cursor:auto;
}
@media (min-width: 992px){
    .products.list.htfr .product-item .add-to-cart-price  {
        font-size: 1.9rem;
        margin: 6px 0 0 0;
    }
    .products.list.htfr .product-item .add-to-cart-price .price {
        font-size: 1.9rem;
    }
    .products.list.htfr .add-to-cart button{
        padding: 6px;
    }
    .products.list.htfr .add-to-cart .out-of-stock button{
        padding: 11px 6px 1px;
    }
}

.block-viewed-products-grid .add-to-cart-price{
    color:#fff;
}

/*Grid Layout Top Margins*/
.block-viewed-products-grid .products.list.htfr .product-item {
    margin-top: 145px;
}

.block-viewed-products-grid .products.list.htfr .product-item:nth-child(1) {
    margin-top: 145px;
}

.block-viewed-products-grid .products.list.htfr .product-genre {
    padding: 17px 0 39px;
}

.products.list.htfr .product-item:nth-child(1) {
    margin-top: 120px;
}

/*Grid Layout 1 Columns Per Row*/
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    /* padding-right: var(--bs-gutter-x, 0.75rem); */
    /* padding-left: var(--bs-gutter-x, 0.75rem); */
    margin-right: auto;
    margin-left: auto;
}


.page-products .products-grid .product-item {
    margin-top: 160px;
    width: 90%;
    margin-left: 5%;
}
@media (min-width: 1024px){
    .page-products .products-grid .product-item {
        margin-top: 140px;
    }
}

/*Grid Layout 1 Columns Per Row restricted width*/
@media (min-width: 576px)and (max-width: 767px){
    .page-products .products.list.htfr .product-item:nth-child(3n +1) {
        margin-left: 15%;
    }
    .page-products .products-grid .product-item {
        width: 70%;
        margin-left: 15%;
    }
}


/*Grid Layout 2 Columns Per Row*/
@media (max-width: 1023px) and (min-width: 768px){

    .products.list.htfr .product-item:nth-child(1) {
        margin-top: 140px;
    }

    .products.list.htfr .product-item {
        margin-top: 140px;
    }

    .page-products .product-item-info {
        width: 290px;
    }
    .page-products .products-grid .product-item {
        margin-left: 0;
        width: calc((100% - 10%)/2);
    }
   .page-products .products-grid .product-item:nth-child(3n + 1) {
        margin-left: 5%;
    }
   .page-products .products-grid .product-item:nth-child(1n + 1) {
        margin-left: 5%;
    }
    .page-products .products-grid .product-item:nth-child(2n + 1) {
        margin-left: 0;
    }

}


/*Grid Layout 3 Columns Per Row*/
@media (min-width: 1024px){

    .products.list.htfr .product-item:nth-child(1) {
        margin-top: 140px;
    }

    .page-products .product-item-info {
        width: 290px;
    }
    .page-products .products-grid .product-item {
        margin-left: 2%;
        width: calc((100% - 4%)/3);
    }
   .page-products .products-grid .product-item:nth-child(4n + 1) {
        margin-left: 2%;
    }
    .page-products .products-grid .product-item:nth-child(3n + 1) {
        margin-left: 0;
    }

}


/*Homepage Products Grid*/
/*.products.list.htfr.grid .row{
    --bs-gutter-x: 4rem;
}*/
.cms-home .products.list.htfr.grid .grid-item:nth-child(1) {
    margin-top: 118px;
}
@media (min-width: 768px){
    .cms-home .products.list.htfr.grid .grid-item:nth-child(-n+2) {
        margin-top: 140px;
    }
}
@media (min-width: 992px){
    .cms-home .products.list.htfr.grid .grid-item:nth-child(-n+3) {
        margin-top: 140px;
    }
}
@media (min-width: 1200px){
    .cms-home .products.list.htfr.grid .grid-item:nth-child(-n+4) {
        margin-top: 140px;
    }
}
.cms-home .products.list.htfr.grid .grid-item {
    margin-top: 160px;
}
.products.list.htfr.grid .product-item{
    width:100%;
}
.products.list.htfr.grid .product-item-info{
    width:90%;
    margin:12px 5%;
}
@media (min-width: 576px)and (max-width: 767px){
    .products.list.htfr.grid .product-item-info{
        width:70%;
        margin:12px 15%;
    }
}

.products.list.htfr.grid .grid-item{
    margin-top:200px;
}

@media (min-width: 768px){
    .cms-home .page-main,
    .cms-home .page-bottom{
/*        padding-left: 30px;
        padding-right: 30px;*/
        width:100%
    }
}

/*Product View*/
.product-detail-right{
    display:none;
}
@media (min-width: 768px){
    .product-section.media{
        display:none;
    }
    .product-detail-right{
        display:block;
    }
}
.page-layout-1column .product.media {
    border:1px solid rgba(0, 0, 0, 0.2);
    box-shadow: -2px 10px 20px 5px rgba(0, 0, 0, 0.2);
    border-radius:0 0 15px 15px;
    overflow: hidden;
}
@media (min-width: 768px){
    .page-layout-1column .product.media {
        width: 29% !important;
        border:1px solid rgba(0, 0, 0, 0.2);
        box-shadow: -2px 10px 20px 5px rgba(0, 0, 0, 0.2);
        border-radius:0 0 15px 15px;
    }
}
@media (min-width: 768px){
    .page-layout-1column .product-info-main {
        width: 68% !important;
    }
}

.product-title-wrapper {
    margin: 30px 30px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.product-info-main{
    margin-top:22px;
}
@media (min-width: 768px){
    .product-info-main{
        margin-top:0px;
    }
}

.product-info-main .product-section{
    border-radius:15px;
    box-shadow: -2px 10px 20px 2px rgba(0, 0, 0, 0.2);
    border:none;
    margin-bottom:34px;
    width:100%;
    overflow: hidden;
}
@media (min-width: 768px){
    .product-info-main .product-section{
            border:1px solid rgba(0, 0, 0, 0.2);
    }
}
.product-info-main .product-section-title{
    display:none;
}
@media (min-width: 768px){
    .product-info-main .product-section-title{
        display:block;
    }
}
.product-info-main .product-description-title{
    display:block;
}
@media (min-width: 768px){
    .product-info-main .product-description-title{
        display:none;
    }
}
.product-info-main .product-description-title h4{
    font-size: 18px;
    margin: 10px 0;
    color: #333333;

}
.product-info-main .product-section-title{
    padding:20px 20px 0 20px;
}
.product-info-main .product-section-detail{
    padding:20px;
}
@media (min-width: 768px){
    .product-info-main .product-section-detail{
        padding:0px 20px 38px 20px;
    }
}
.product-section .product-title-wrapper{
    border-bottom:1px solid #ccc;
}
.product-section .title-artist h1{
    font-size:24px;
    font-weight:700;
    margin-bottom:9px;
    line-height: 2.8rem;
}
.product-section.media .title-artist h1 {
    margin-bottom: 8px;
}
.product-section .page-title-wrapper h1{
    font-size:20px;
    font-weight:400;
    color:#7d7d7d;
}
.product-section.media .page-title-wrapper h1 {
    margin-bottom:10px;
}

.product-info-main dl.release{
    margin-bottom:0;
}
.product-info-main .release{
    font-size:15px;
    font-weight:700;
    color:#7d7d7d;
}
.product-info-main .release dt{
    float:left;
}
.product-info-main .release dd{
    margin-left:150px;
    font-weight:400;
}
.product-section .field.qty{
    display:none;
}
.product-section .product-info-price {
    border-bottom: none;
    margin-bottom: 0px;
    text-align: right;
    font-size: 32px;
}
@media only screen and (max-width: 639px){
    .product-info-price > *:last-child {
        padding-right: 30px;
    }
}
.product-section .product-detail-right {
    border-left: 1px solid #c1c1c1;
    padding-left:30px;
}
.product-section .product-add-form{
    text-align:right;
}
.product-section .product-info-stock-sku {
    display: block;
}
.product-section .product.attribute.sku {
    text-align: right;
    font-size:13px;
    font-weight:400;
    color:#6f6f6f;
}
.product-section .product-add-form {
    text-align: right;
    padding-top: 0px;
    overflow: hidden;
}
.product-section .product-info-price .price-box {
    display: block;
    padding-bottom:0;
}
.product-options-bottom .price-box .price-container .price,
.product-info-price .price-box .price-container .price {
    font-size: 28px;
    line-height: 28px;
    color:#333333;
}
.product-section.product-info-price .price {
    font-size: 32px ;
}
.product-section .box-tocart {
    margin: 0 0 5px;
}
.box-tocart .action.tocart:not(:last-child) {
    margin-bottom: 8px;
}
.product-section .box-tocart .fieldset:last-child {
    margin: 0 0 5px;
}
.product-section  .action.primary:hover,.product-section  .action-primary:hover {
    background-image: linear-gradient(to right, #016fec , #1d28c0);
    text-decoration: underline;
}
.product-info-main .stock.available,
.product-info-main .stock.unavailable {
    text-transform: capitalize;
    padding-bottom:0px;
    font-size:15px;
    font-weight:800;
}
.product-info-main .stock.unavailable {
    margin-top: 42px !important;
}
.product-section .product-info-stock-sku {
    padding-bottom:2px;
    font-size:15px;
    font-weight:800;
    text-transform: uppercase;
}
.product-section .product-info-stock-sku .stock.unavailable {
        color:#c30c0c;
}
.product-section  .product-info-stock-sku .stock.available {
    color:#329C26;
}
.product-section .product-info-stock-sku .stock {
    margin: 0;
}

.product-section.stock.available,
.product-section .stock.unavailable {
    text-transform: capitalize;
    color:#319c29;
}
.product-section  .product-info-shipping{
     text-align:right;
     font-size: 1.3rem;
     line-height: 1.6;
}

.product-info-main .product-info-price .price-box .price-container > span {
    margin-bottom: 0px;
}

.product-section .box-tocart .fieldset:last-child {
    margin: 0;
}


#maincontent .product-secondary {
    background-image: url(../images/sell-vinyl-strip.jpg);
    background-position: center;
    width: 100%;
    object-fit: cover;
    color:#ffffff;
}

.product-info-main .product-secondary .sell-vinyl-callout{
    color: #ffffff;
    padding: 10px 0;
}
.product-info-main .product-secondary .callout-container{
    padding:5px 12px;
    position:relative;
}
.product-info-main .product-secondary .sell-vinyl-callout h4{
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight:600;
    letter-spacing: 0.2rem;
    font-size: 1.4em;
    margin-bottom: 0px;
    margin-top: 0px;
    white-space: nowrap;
}
@media (min-width: 768px){
    .product-info-main .product-section-detail{
        padding:0px 20px 38px 20px;
    }
}
.product-info-main .product-secondary .sell-vinyl-callout p{
    color: #ffffff;
    font-weight:400;
    font-size: 0.8em;
    white-space: nowrap;
    float:left;
}
.product-section .box-tocart .action.tocart {
    width: 168px;
    float:right;
    padding: 7px 21px;
    margin-right:0;
    border:none;
    font-size:15px;
}
.product-section .box-tocart button{
    border-radius: 14px;
    padding: 4px 2%;
    width: 100%;
    background-image: linear-gradient(to right, #016fec , #1d28c0);
}
.product-section .box-tocart.unavailable button {
    background-image: none;
    background-color: #E1E1E1;
}
.product-section .box-tocart.unavailable button:hover {
    background-image: none;
    background-color: #E1E1E1;
    text-decoration: none;
    cursor:auto;
}
.product-section .box-tocart.unavaialable button {
    border-radius: 14px;
    padding: 4px 2%;
    width: 100%;
    background-image: none;
}
.product-section .box-tocart.unavailable .action.primary{
    color: #333333;
    text-align:center;
}
.product-section .box-tocart button:before{
    display:block;
    content: '';
    background-image: url(../images/cart.svg);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
    float: left;
    margin: 0 5% 0 0;
}
.product-section .box-tocart.unavailable button:before{
    width: 0;
    margin: 0;
}
.product-section .box-tocart span{
    margin:4px 0 0;
    display:block;
    line-height: 15px;
}
.product-info-main .product-secondary .learn-more{
    bottom: 15px;
    font-size: 1rem;
    right:12px;
}
@media (min-width: 576px){
    .product-info-main .product-secondary .callout-container{
        padding:10px 20px;
    }
    .product-info-main .product-secondary .learn-more{
        bottom: 20px;
        font-size: 1rem;
        right:20px;
    }
    .product-info-main .product-secondary .sell-vinyl-callout p{
        font-size: 1.3em;
    }
    .product-info-main .product-secondary .sell-vinyl-callout h4{
        font-size: 1.6em;
    }

}
@media (min-width: 768px) and (max-width: 991px){
    .product-section .box-tocart button:before {
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
    }
    .product-section .box-tocart{
        text-align: left;
    }
    .product-section .box-tocart button{
        border-radius: 10px;
    }
    .product-section .box-tocart .action.tocart {
        font-size: 13px;
        width: 140px;
        padding: 7px 10px;
    }
    .product-section .box-tocart span {
        margin: 0;
        line-height: 18px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .product-section .box-tocart button:before {
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
    }
    .product-section .box-tocart span{
        text-align: left;
    }
    .product-section .box-tocart.unavailable span{
        text-align: center;
    }
    .product-section .box-tocart button{
        border-radius: 12px;
    }
    .product-section .box-tocart .action.tocart {
        font-size: 15px;
        width: 180px;
        padding: 8px 20px;
    }
    .product-section .box-tocart span {
        margin: 5px 0 0 0;
    }
}

@media (min-width: 768px){
    .product-section .price-box {
        display: block;
    }
}

/*.product-info-main .product-secondary .learn-more-button,
.product-info-main .product-secondary .learn-more-button:hover,
.product-info-main .product-secondary .learn-more-button:visited,
.product-info-main .product-secondary .learn-more-button:active{
    font-size: 1rem;
}
@media (min-width: 992px){
    .product-info-main .product-secondary .learn-more-button,
    .product-info-main .product-secondary .learn-more-button:hover,
    .product-info-main .product-secondary .learn-more-button:visited,
    .product-info-main .product-secondary .learn-more-button:active{
        font-size: 1.6rem;
    }
}*/
.product-detail-wrapper{
    overflow: hidden;
    padding: 0 30px 20px;
}
.product-section.media .product.attribute.sku {
    text-align: left;
    margin-top: 20px;
}
.product-section.media .share-links{
    width: 100%;
    display: inline-block;
    float: left;
    clear: both;
}
.product-section.media .price-box{
    float:right;
    margin-top: -16px;
    padding-bottom: 0;
}
.product-section.media{
    overflow:hidden;

}
.product-section.media .box-tocart {
    width: 60%;
    float: right;
}

@media (min-width: 768px){
    .product-section.media .share-links{
        width: 35%;
    }
}

.block.widget .products-grid .product-items.htfr {
    margin: 14px;
}

/*Product Media Player*/
.media-player-icon {
    opacity: .8;
    width: 50px;
    height: 50px;
}
.media-player-wrapper .media-player-icon {
    width: 30px;
    height: 30px;
    opacity: .55;
}
.products-grid .media-player-icon {
    opacity: .5;
    width: 30px;
    height: 30px;
}
.product-section-media-player {
    max-width: 250px !important;
}
@media only screen and (max-width: 767px){
    .product-section-media-player, .media-player-desktop {
        display: none;
    }
    .media-player-mobile {
        display: block;
    }
}
@media (min-width: 768px){
    .media-player-wrapper{
        border-top: 1px solid #cccccc;
    }
    .media-player-mobile {
        display: none !important;
    }
}
.media-player-wrapper .media-player-control-button, .product-section-media-player .media-player-control-button{
    display: flex;
    justify-content: space-between;
    padding: 15px 17px;
    margin: 0;
    align-items: center;
    font-size: 18px;
    color: #333333;
    font-weight: 600;
}
.products-grid .media-player-control-button {
    float: right;
    margin-top: -8px;
    margin-right: -4px;
}
.product-section-media-player .media-player-control-button:hover{
    text-decoration: none;
    filter: invert(0.5) sepia(1) saturate(45) hue-rotate(190deg) brightness(.8) contrast(1.5);
}
.media-player-wrapper .media-player-control-button:hover {
    background: #3c5d9012;
}
.media-player-control-button, .media-player-track {
    cursor: pointer;
}
.media-player-wrapper ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    border-top: 1px solid #cccccc;
}
.media-player-wrapper li {
    margin-bottom: 0;
}
.media-player-wrapper li > .media-player-track {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
    color: #7d7d7d;
    font-size: 15px;
    font-weight: 600;
}
.media-player-wrapper li > .media-player-track.playing {
    background: #006fec33;
    filter: invert(0.5) sepia(1) saturate(45) hue-rotate(190deg) brightness(.8) contrast(1.5);
}
.media-player-wrapper li > .media-player-track.playing .media-player-icon {
    opacity: 1;
}
.media-player-wrapper li > .media-player-track:hover {
    background: #3c5d9012;
}
.media-player-wrapper li > .media-player-track .track-duration {
    font-weight: normal;
}
.media-player-wrapper li > .media-player-track .track-duration::before {
    content: '(';
}
.media-player-wrapper li > .media-player-track .track-duration::after {
    content: ')';
}
.icon-bars.stopped, .icon-bars.paused {
    display: none;
}
.icon-bars.playing{
    display: block;
}
.icon-bars {
    margin-left: auto;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 11px;
}
.icon-bars .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 4px;
    background-color: #006fec;
    -webkit-animation: up-down 0.6s infinite;
    animation: up-down 0.6s infinite;
}
.icon-bars .bar:nth-child(2) {
    left: 8px;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.icon-bars .bar:nth-child(3) {
    left: 16px;
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

@-webkit-keyframes up-down {
    from {
        top: 14px;
    }
    50% {
        top: 0;
    }
    to {
        top: 14px;
    }
}

@keyframes up-down {
    from {
        top: 14px;
    }
    50% {
        top: 0;
    }
    to {
        top: 14px;
    }
}
/*Product Tracklist*/
.tracklist-wrapper.tracklist-one{
    display:none;
    clear: both;
}
@media (min-width: 768px){
    .tracklist-wrapper.tracklist-one{
        display:none;
    }
}

.tracklist-wrapper .tracks h4{
    font-size:18px;
    margin: 10px 0;
    color:#333333;
}
.tracklist-wrapper .tracks{
    font-size:15px;
    font-weight:600;
    padding:20px;
    color:#7d7d7d;
}

/*breadcrumbs*/
.breadcrumbs{
    margin-top:10px;
}
.breadcrumbs .item:not(:last-child):after {
    content: '';
    background-image: url(../images/breadcrumb.svg);
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    margin-top:6px;
}
.breadcrumbs .items {
    font-size: 15px;
    font-weight: 700;
    color: #707070;
}
.breadcrumbs strong {
    font-weight: 700;
}
.breadcrumbs a:visited,
.breadcrumbs a:hover{
    color: #707070;
    text-decoration: none;
}
@media only screen and (max-width: 767px){
    .breadcrumbs {
        display: block;
    }
}

/*Share Links*/
.share-links a {
    display:inline-block;
    text-indent: -9999em;
    position:relative;
    height: 10px;
    width: 10px;
    margin: 0 15px 0 0;
    cursor:pointer;
}
.share-links a.twitter {
    margin: 0;
}
.product-section .share-links{
    float:right;
    margin:10px 0;
}
.product-section .share-links a {
    margin: 0 0 0 12px;
}
.product-section.media .share-links a {
    margin: 0 20px 0 0;
}
.share-links a:before {
    text-indent: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
    display:inline-block;
}
.share-links a.share-facebook:before {
    background-image: url(../images/social/facebook-black-icon.svg);
}
.share-links a.share-instagram:before {
    background-image: url(../images/social/instagram-black-icon.svg);
}
.share-links a.share-twitter:before {
    background-image: url(../images/social/twitter-black-icon.svg);
}
.product-section .share-links a.share-facebook:before {
    background-image: url(../images/social/facebook-colour-icon.svg);
}
.product-section .share-links a.share-instagram:before {
    background-image: url(../images/social/instagram-colour-icon.svg);
}
.footer .share-links{
    margin:10px 0 25px;
    width: 100%;
    text-align: center;
}
@media (min-width: 350px){
    .share-links a {
        margin: 0 26px 0 0;
    }
}
@media (min-width: 768px){
    .share-links a {
        height: 30px;
        width: 30px;
    }
    .share-links a:before {
        text-indent: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: '';
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
        display:inline-block;
    }
    .footer .share-links{
        margin:10px 0 25px;
        width: 100%;
        text-align: left;
    }
}
@media (min-width: 768px){
    .footer .share-links{
        margin:10px 0 25px;
        width: 100%;
        text-align: left;
    }
}
.footer .share-links a.share-facebook{
    margin-left:0;
}


.block-search .minisearch input#search{
    position:static;
}
.block-search .minisearch .label{
    display:none;
}


/*CMS About Us*/
.cms-content h1{
    font-size: 30px;
    margin-bottom: 25px;
    margin-top: 20px;
    font-weight: 700;
}
.cms-content .page-main{
    overflow:hidden;
    margin-bottom: 50px;
}
.cms-content .banner-middle{
    background-image: linear-gradient(to right, #1d28c0 , #016fec, #1d28c0);
}
.cms-content .banner-middle h2{
    color:#ffffff;
    font-size:15px;
    text-transform: uppercase;
    margin:12px auto;
    text-align: center;

}
.cms-content ul{
    padding-left: 20px;
    margin-bottom: 30px;
}

.cms-content ul li{
    line-height: 1.2;
}

.cms-content address{
    margin-bottom: 20px;
}

.cms-content .section-divider{
    display:block;
    width:100%;
    height:40px;
}

.cms-content img.about-us-shelves {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
@media (min-width: 1067px){
    .cms-content  img.about-us-shelves {
        height: 250px;
    }
}
#maincontent > div.page-title-wrapper > h1 > span{
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact{
    min-width:0px;
    width: 100%;
}
.contact-us form{
    margin-top: 1.5rem;
}
.contact-index-index h1.page-title{
    margin-top: 20px;
    margin-left:6px;
}
.contact-us h2{
    font-size: 1.4rem;
    font-weight:600;
    margin-bottom: 10px;
}
.contact-index-index .block-viewed-products-grid{
    padding:30px 10px;
}

/*FAQ*/
.cms-content .section{
        border-radius:15px;
        box-shadow: -2px 10px 20px 2px rgba(0, 0, 0, 0.2);
        border:1px solid rgba(0, 0, 0, 0.2);
        margin-bottom:20px;
}
.cms-content .accordion{
        padding:0px 20px 20px 20px
}
.cms-content .section-header{
        border-radius:15px;
        background-image: linear-gradient(to right, #1d28c0 , #016fec, #1d28c0);
        color:#ffffff;
        padding:5px 20px;
}
.cms-content .accordion h4{
        margin:0;
        padding:2rem 0;
        font-size: 1.6rem;

}

.cms-content .section-header h4{
        margin:1rem 0;
        font-size: 1.6rem;
}

.cms-content .accordion .collapsible{
        border-top: 1px solid #ddd;
}
.cms-content .accordion .collapsible .collapsible-icon {
    margin-top:8px;
}

/*Returns*/
.cms-content .content{
   padding:20px 20px 10px 20px;
}

/*Checkout*/
.checkout-index-index .page-title-wrapper{
    height: 100px;
    overflow: visible;
    position: inherit;
    width: 100%;
}
.checkout-index-index .page-title-wrapper h1.page-title{
    margin-top:30px;
}
.opc-progress-bar-item._active > span:before {
    background: #006FEC;
    border-color: #006FEC;
}
.opc-progress-bar-item._active > span:after {
    border-color: #006FEC;
}
.opc-progress-bar-item._active:before {
    background: #006FEC;
    border-color: #006FEC;
}
.checkout-index-index .logo {
    float: none;
    margin: 0px auto 30px;
    display: block;
    width: 250px;
}
.opc-wrapper .step-title{
    font-weight: 600;
    font-size: 2.4rem;
}
.opc-sidebar{
    border-radius:15px;
    box-shadow: -2px 10px 20px 2px rgba(0, 0, 0, 0.2);
    background-color:#F5F5F5;
    outline:1px solid rgba(0, 0, 0, 0.1);
}
.methods-shipping .actions-toolbar .action.primary{
    background: #006FEC;
    border: 1px solid #006FEC;
}
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary{
    background: #006FEC;
    border: 1px solid #006FEC;
}
.checkout-index-index .authentication-wrapper{
    display:none;
}

/*category page*/
.toolbar-products .modes{
    display:none;
}
.toolbar-products select.limiter-options{
    min-width: 70px;
}
.page-products h1 {
    margin-bottom: 12px;
    text-align: center;
}
@media (min-width: 768px){
    .page-products h1 {
        text-align: left;
    }
}
.filter-content{
    color:#707070;
}
.filter-options-title {
    text-transform: capitalize;
    font-weight: 300;
}
.filter-options-title:hover {
    color:#888888;
}
.filter-options-content a {
    color:#888888;
}
.filter-options-content a:hover {
    background-color: transparent;
    text-decoration: underline;
}
.filter-content .collapsible .collapsible-icon {
    float: none;
    position: absolute;
    top: 7px;
    width:auto;
    color: #707070;
}
.filter-content .collapsible .material-icons.arrow-down,
.filter-content .collapsible .material-icons.arrow-up {
    font-size: 28px;
}
.filter .filter-subtitle.collapsible {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

/*Category Page Mobile*/
.page-products .columns {
    padding-top: 0px;
    position: relative;
    z-index: 1;
}
.toolbar-sorter{
    display:none
}
.toolbar-amount{
    display:none;
}
@media (min-width: 768px){
    .toolbar-sorter.sorter{
        display:block
    }
    .toolbar-amount{
        display:block;
    }
}
.filter-title{
    display:none;
}
.filter-subtitle {
    display: block;
    position: static;
}
.filter.active .filter-options, .filter-options {
    background: transparent;
    clear: both;
    display: block;
    position: static;
}
.filter .filter-subtitle {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    padding: 12px;
    border-top: 1px solid #cccccc;
}
@media (min-width: 768px){
    .filter .filter-subtitle {
        border-top: none;
        border-bottom: 1px solid #cccccc;
        font-size: 16px;
        font-weight: 600;
        line-height: 1em;
        padding: 10px 10px 10px;
        text-align: left;
    }
}

/*Mobile Menu*/
.nav-sections-item-title a,
.nav-sections-item-title.active a{
    color:#333333;
}
@media only screen and (max-width: 767px){
    .nav-sections-item-title .nav-sections-item-switch:hover {
        text-decoration: underline;
    }
}

/*Infinite Loader*/
.cms-index-index .infinite-loader{
    text-align: center;
    font-weight:600;
    font-size:1.8rem;
    padding: 8px 0 2px;
    border: 1px solid #ddd;
    margin: 0px 0 40px;
    cursor:pointer;
}
.cms-index-index .infinite-loader .collapsible-title{
    display: inline-block;
    vertical-align: middle;
}
.cms-index-index .infinite-loader .collapsible-icon{
    display: inline-block;
    vertical-align: top;
}
.cms-index-index .grid .row.mobile-hidden{
    display: none;
}
@media (min-width: 768px){
    .cms-index-index .infinite-loader{
        display:none;
    }
    .cms-index-index .grid .row.mobile-hidden{
        display: flex;
    }
}

/*Recently Viewed*/
.block-viewed-products-grid .stock.unavailable{
    font-size:0px;
    line-height:0;
    margin:0;
    padding:0;
    height:0;
}
.block-viewed-products-grid .stock.unavailable span{
    font-size:1.4rem;
}

/*Recently Viewed Widget*/
.block-viewed-products-grid .products-grid .product-item .tocart{
    font-size:1.6rem;
    border-radius: 11px;
    padding: 6px;
    width: 100%;
    background-image: linear-gradient(to right, #016fec , #1d28c0);
}
/*.block.widget .products-grid .product-item .product-item-name {
    color: #888888 !important;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0px 0 30px 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.8rem;
    white-space: nowrap;
}*/
.block-viewed-products-grid .products-grid .product-item .product-item-name a,
.block-viewed-products-grid .products-grid .product-item .product-item-name a:visited{
    color: #888888;
}
.block-viewed-products-grid .products-grid .product-item .tocart:before {
    display: block;
    content: '';
    background-image: url(../images/cart.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    float: left;
    margin: 0 0 0 5%;
}
/*.block.widget .products-grid .product-item .product-item-info:hover,
.block.widget .products-grid .product-item .product-item-info.active {
    box-shadow: none;
    border: 1px solid #ffffff;
}*/
.block-viewed-products-grid .products-grid .product-item button{
    width: 100%;
}
.block-viewed-products-grid .products-grid .product-item .price-container .price {
    font-size: 1.6rem;
}
.block-viewed-products-grid .products-grid .product-item .action.tocart .add-to-cart-hover{
    display:none;
}
.block-viewed-products-grid .products-grid .product-item .action.tocart:hover  .add-to-cart-hover{
    display:block;
    padding: 5px;
    font-size:1.9rem;
    line-height:1.9rem;
}
.block-viewed-products-grid .products-grid .product-item .action.tocart  .add-to-cart-price{
    display:block;
    margin-top: 5px;
    margin-bottom: 0;
}
.block-viewed-products-grid .products-grid .product-item .action.tocart:hover  .add-to-cart-price{
    display:none;
}
.block-viewed-products-grid .products-grid .product-item .price-box{
    margin: 0;
    width:95%
}
.block-viewed-products-grid .products-grid .product-item .action.tocart:hover::before{
    background-size: 0px;
    width: 0px;
    margin: 0px;
}
.block-viewed-products-grid .products-grid .product-item .out-of-stock button:before {
    background-size: 0px;
    width: 0px;
    margin: 0px;
}
.block-viewed-products-grid .products-grid .product-item .out-of-stock button {
    color:#333333;
    background-image: none;
    background-color: #E1E1E1;
    line-height: 2rem;
}
.block-viewed-products-grid .products-grid .product-item .stock.unavailable span {
    font-size: 1.6rem;
    margin: 4px 0 0 0;
    display: inline-block;
}
.block-viewed-products-grid .products-grid .product-item .product-item-actions .actions-primary > .stock.unavailable {
    padding:0;
    min-height:42px;
}
.block-viewed-products-grid .block-title strong {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 9px;
}
.block-viewed-products-grid {
    margin-top: 30px;
}
.block-viewed-products-grid .products.list.htfr .add-to-cart .out-of-stock button {
    line-height: 2rem;
}
@media (min-width: 576px){
    .block-viewed-products-grid .products-grid .product-item .tocart:before {
        margin: 0 0 0 15%;
    }
    .block-viewed-products-grid .products-grid .product-item .price-container .price {
        font-size: 1.8rem;
    }
    .block-viewed-products-grid .products-grid .product-item .stock.unavailable span {
        font-size: 1.5rem;
        margin: 5px 0 0 0;
    }
}

.block-viewed-products-grid .products-grid .product-item .stock.unavailable .price {
    display:none;
}
.block-viewed-products-grid .products.list.htfr .product-item-details {
    margin-top: 26px;
}


.block.widget .products-grid .product-item {
    margin-left: 2%;
    width: 100%;
}

@media (min-width: 425px){
    .block.widget .products-grid .product-item {
        margin-left: 2%;
        width: calc((100% - 2%) / 2);
    }
}


@media (min-width: 768px){

}

/*Registration From*/
.form-create-account .additional_info{
    margin-bottom:0;
}

/*Recently Viewed*/
.block-viewed-products-grid .block-title{
    width:100%;
    margin: 20px 0 -40px;
}

@media (min-width: 1024px){
    .recently-viewed .products.list.htfr .product-item{
        margin-top: 145px;
    }
}

.recently-viewed .products-grid .product-item .product-item-info:hover,
.recently-viewed .products-grid .product-item .product-item-info.active {
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 20%);
    border: 1px solid #cccccc;
}

.block.widget .products-grid .product-item .product-item-name.artist {
    line-height: 1.8rem !important;
    font-size: 1.8rem !important;
    color: #000000 !important;
    font-weight: 600;
}

.recently-viewed .products.list.htfr .product-item-name {
    font-weight: 400;
}

@media (min-width: 992px){
    .recently-viewed .products.list.htfr .add-to-cart .out-of-stock button {
        padding: 6px;
    }
}
.contact-index-index .page-title-wrapper{
    display:none;
}
.contact-index-index .page-title-wrapper.htfr{
    display:block;
}
.contact-index-index .page-title-wrapper.htfr h1 span{
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
}
.contact-index-index .sell-your-vinyl img{
    margin-top:20px;
}

/*Remove edit item link in cart*/
#mini-cart .product.actions .primary{
    display:none;
}
#shopping-cart-table .action-edit{
    display:none;
}

/*Mini Cart items*/
#mini-cart .product-item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#333333;

}
#mini-cart .product-item-name a {
    color:#333333;
}
#mini-cart .product-item-name .artist {
    font-weight:bold;
}
#mini-cart .product-item-name{
    line-height: 1.8rem;
}

/*Main cart items*/
.cart .product-item-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#333333;
    max-width: 440px;
}
.cart .product-item-name.artist {
    font-weight:bold;
}

/*Product Section Links*/
.product-info-main .product-section a{
    color:#333333;
}

/*Pabe Messages*/
.message.success,
.message.info,
.message.warning,
.message.error{
    background: #E1E1E1;
    color: #333333;
}
.message.success > *:first-child:before,
.message.info > *:first-child:before,
.message.warning > *:first-child:before,
.message.error > *:first-child:before
{
    color: #333333;
}

.block.newsletter .action.primary, .action-primary {
    padding: 7px 15px;
    font-size: 1.8rem;
}
@media (min-width: 768px){
    .block.newsletter .action.primary, .action-primary {
        padding: 7px 15px;
        font-size: 1.8rem;
    }
}

/*Shipping*/
#block-shipping{
    display:none;
}
.multicheckout{
    display:none;
}
.table-checkout-shipping-method td.col.col-method:first-child {
    max-width: 25px;
}
.table-checkout-shipping-method td.col.col-price {
    max-width: 66px;
    text-align: center;
}
.table-checkout-shipping-method td.col.col-eta {
    color: #0009;
    text-align: right;
}
@media (min-width: 768px){
    .table-checkout-shipping-method {
        width: 100%;
    }
    .checkout-shipping-method-info {
        margin-top: 10px;
    }
}
@media (min-width: 1024px){
    .table-checkout-shipping-method {
        max-width: 500px;
    }
}

/*Advanced Search*/
.catalogsearch-advanced-result .message.notice{
    display:none;
}

/*Cart Tax*/
#cart-totals .totals-tax{
    display:none;
}

@media only screen and (max-width: 767px){
    .product-add-form {
        float: right;
    }
    .product-section.media .share-links {
        width: auto;
        clear: none;
    }
    .product-section .box-tocart .action.tocart {
        text-decoration: none;
    }
}

/* Product Page - Image Gallery */
.fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {
    height: 500px;
}