#cart-summary{position:sticky;top:0;padding:var(--gutter);border:1px solid var(--colour-core)}#go-to-checkout .basket-totals{margin-bottom:14px}#go-to-checkout .basket-totals div{display:flex;justify-content:space-between;align-items:center;font-size:1.2em;line-height:180%}#go-to-checkout .basket-totals div.border-top{border-top:1px solid var(--colour-lightgrey);margin-top:5px;padding-top:5px}#go-to-checkout .basket-summary-input{max-height:0;overflow:hidden;opacity:0;width:100%;font-size:1.2em;border-radius:0;border-top:none;resize:vertical;transition:max-height .3s ease-out,opacity .3s ease-out,transform .3s ease-out,padding .3s ease-out,margin-bottom .3s ease-out}#go-to-checkout .basket-summary-input.open{max-height:200px;opacity:1;margin-bottom:8px;padding:10px}#go-to-checkout .input-button{padding:12px 10px;color:#fff;background-color:var(--colour-dark);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:8px}#go-to-checkout .input-button h5{font-weight:500;font-size:18px;padding-bottom:0}#go-to-checkout .input-button svg{fill:#fff;height:20px;width:20px}#go-to-checkout .button{margin:14px 0}#go-to-checkout div.border-top>span{font-weight:600}.success-message{font-weight:600;color:var(--colour-green);font-size:1.2em}.promo-valid-icon svg{width:23px;height:23px;fill:var(--colour-green)}#cart-summary .toggle.open svg.plus-icon,#cart-summary .toggle svg.minus-icon{display:none}#cart-summary .toggle.open svg.minus-icon,#cart-summary .toggle svg.plus-icon{display:block}nav{display:block;color:var(--colour-menu-text);background:var(--colour-menu-bg)}.header-wave{position:absolute;bottom:-30px;left:0;width:100%;height:30px;overflow:hidden;z-index:1}.header-wave svg{width:100%;height:100%;transform:rotate(180deg)}div.mega-oc{position:relative}ul.desktop{display:flex;width:100%;justify-content:space-between;align-items:stretch;position:relative;margin:0 auto;padding:0 var(--gutter);z-index:5}nav#tw>ul.desktop{height:auto}ul.desktop>li{display:flex;align-items:center;justify-content:center;font-weight:700}ul.desktop>li>a{display:flex;align-items:center;justify-content:center;font-family:var(--font-header);text-align:center;width:100%;height:100%;padding:0 10px}ul.desktop>li>a.toggle svg{transform:rotate(0);//transition: rotate .3s ease}ul.desktop>li>a.toggle:hover svg{transform:rotate(90deg);//transition: rotate .3s ease}ul.desktop>li>a.toggle:hover{background-color:var(--colour-core);border-radius:.25rem .25rem 0 0}ul.desktop svg{height:15px}ul.desktop:hover svg{height:15px}ul.desktop .dropdown{display:flex;justify-content:start;gap:5vw;visibility:hidden;position:absolute;top:100%;left:0;right:0;width:90vw;margin-left:calc(-45vw + 50%);background-color:#fff;z-index:11;padding:20px 40px;box-shadow:0 8px 11px -3px #0000004d;overflow:hidden}nav#oc .column.left{padding:20px 60px}nav#oc .column.right{padding:19px 30px}nav#oc>ul.desktop .dropdown{padding:20px 80px;justify-content:start;z-index:99;top:90%!important}nav#oc>ul.desktop .dropdown.ukulele{padding:0;justify-content:start}nav#oc>ul.desktop{gap:60px;padding:0 var(--gutter)}nav>ul.desktop li .dropdown{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,visibility 0s linear .3s}nav>ul.desktop li:hover .dropdown{visibility:visible;opacity:1;pointer-events:auto;transition-delay:.3s}ul.mobile{display:none;width:100%;overflow-x:hidden}ul.mobile .has-sublink{display:flex;overflow-x:hidden}ul.mobile a{display:block;width:100%}ul.mobile .toggle{min-width:55px;display:flex;align-items:center;justify-content:center;cursor:pointer}ul.mobile .toggle{position:relative;width:20px;height:20px}ul.mobile .final-item a{display:flex;flex-direction:row;align-items:center;padding-right:0}ul.mobile .final-item svg{position:relative;width:22px;height:22px;max-width:22px;max-height:22px;min-width:55px;display:flex;align-items:center;justify-content:center}ul.mobile .final-item svg:hover{fill:var(--colour-linkhover)}ul.mobile .toggle svg{position:absolute}ul.mobile div.toggle:hover svg{cursor:pointer}ul.mobile .toggle svg.plus-icon{cursor:pointer}ul.mobile .toggle.submenu-active svg.plus-icon,ul.mobile .toggle svg.minus-icon{display:none}ul.mobile .toggle.submenu-active svg.minus-icon,ul.mobile .toggle svg.plus-icon{display:block}ul.mobile ul{background-color:#fff6;display:none}ul.mobile>li>ul>li>ul>li>ul{background-color:#fff!important;color:#000}ul.mobile>li>ul>li>ul>li>ul>li>a{color:#000}ul.mobile>li>ul>li>ul>li>ul>li>a>svg{fill:#000}ul.mobile ul.submenu-active{display:block}ul.mobile .has-sublink,ul.mobile a{display:flex;justify-content:space-between;align-items:center}ul.mobile a{padding:var(--gutter);height:50px;font-size:1.2em}ul.mobile .toggle{display:flex;justify-content:center;align-items:center;height:50px;width:50px}ul.mobile .toggle svg{height:22px;width:22px}ul.desktop .dropdown .column{max-width:25%;flex:1}ul.desktop .dropdown.ukulele .column.left{max-width:25%;min-width:25%;width:100%}ul.desktop .dropdown.ukulele .column.right{max-width:75%;min-width:75%;width:100%;background-color:#c4faff}ul.desktop .dropdown .column li{margin-bottom:16px}ul.desktop .dropdown .column ul a{display:block;font-weight:700;color:var(--colour-menu-header);padding-bottom:8px}nav#oc>ul.desktop .dropdown .column ul a{font-size:16px}nav#oc>ul.desktop .dropdown.ukulele .column ul a{display:inline-block}ul.desktop .dropdown .column ul a.small,ul.desktop .dropdown .column ul ul a{font-weight:500;margin-top:4px;color:var(--colour-menu-text)}ul.desktop li.percussion .dropdown .column ul ul a{margin-top:0}ul.desktop .dropdown .column ul a.special{color:var(--colour-menu-special)}ul.desktop .dropdown .column ul a.brand{color:var(--colour-menu-brand)}ul.mega-menu.desktop .dropdown .column ul ul li.has-sub+li>a{margin-top:10px}ul.mega-menu.desktop .dropdown .column ul li.has-sub>ul>li.has-sub>a,ul.mega-menu.desktop .dropdown .column ul li.bold>a{font-weight:700}ul.mega-menu.desktop.desktop .dropdown .column ul li.special,ul.mega-menu.desktop .dropdown .column ul ul li{margin-bottom:0}ul.mega-menu.desktop.desktop .dropdown .column ul li.special+li.special{margin:4px 0}ul.mega-menu.desktop .dropdown .column ul ul ul ul a{padding-left:0;display:flex}ul.desktop>li>a{line-height:110%}ul.desktop>li>a.fh-menu svg{height:12px!important}@media screen and (max-width: 1340px){nav#cm>ul.desktop>li>a,nav#fh>ul.desktop>li>a{font-size:15px}}@media screen and (max-width: 1200px){nav#cm>ul.desktop>li>a,nav#fh>ul.desktop>li>a{font-size:14px}}ul.desktop .dropdown .column.sheet-music{min-width:480px;max-width:480px;position:relative;margin-right:-40px}ul.desktop .dropdown .column.sheet-music>.pic-block{position:absolute;top:-20px;left:-40px;height:calc(100% + 80px);width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;line-height:0}ul.desktop .dropdown .column.sheet-music>.pic-block>div{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;flex-grow:1}ul.desktop .dropdown .column.sheet-music>.pic-block>div.brown{background-color:#302b28;justify-content:start;color:#fff}ul.desktop .dropdown .column.sheet-music>.pic-block>div.brown h4{font-family:var(--font-alt);font-weight:400;text-align:left;color:#26d4df;padding:20px 30px 0;margin:0;width:100%;font-size:2em;line-height:140%}ul.desktop .dropdown .column.sheet-music>.pic-block>div.brown p{font-style:italic;font-size:1.2em;font-family:var(--font-alt);font-weight:400;padding:0 30px 20px;margin:0;line-height:120%}ul.desktop .dropdown .column.sheet-music>.pic-block>div.blue{background-color:#26d4df;justify-content:space-between;color:#000}ul.desktop .dropdown .column.sheet-music>.pic-block>div.blue p{padding:20px 30px;margin:0;line-height:140%}ul.desktop .dropdown .column.sheet-music>.pic-block>div.blue img{width:80%;max-width:360px;height:auto;margin:0 auto}.column.right .uke-list{display:flex;flex-direction:row;justify-content:start;gap:30px}.column.right .uke-list .uke-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.column.right .uke-list .uke-item svg{height:100%;width:100%}.column.right .uke-list .uke-item p{font-weight:500;font-size:16px}nav#oc>ul.desktop>li:hover{background-color:#fff;color:#000!important;border-radius:.25rem}nav#oc>ul.desktop>li:hover a.top{color:#17178e!important}.section-full-width{width:100%}.section-full-width>*{max-width:var(--site-width);margin:0 auto}.section-full-width .gutter{padding:0 calc(var(--gutter) * 2.5)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{border:none!important}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--colour-red);background-color:transparent}.grid-page-container .slick-slide{padding:10px}.grid-page-container{padding:0 28px}.page-container.sectional{padding:0}.sort-by-container{display:flex;align-items:center;justify-content:space-between;gap:1em;justify-content:end}.grid-page-container{display:flex;gap:calc(var(--gutter) * 2);width:100%;max-width:var(--site-width);margin:0 auto;justify-content:space-between;align-items:start}.grid-page-container>aside{min-width:240px;max-width:240px;position:sticky;top:var(--gutter)}.grid-page-container>div{width:100%}.grid-page-container .filter-label{font-weight:500;font-size:18px}.grid-page-container>aside ul{margin:0 10px}.grid-page-container>aside li a{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.grid-page-container>aside li svg{width:18px;height:18px}.grid-header{display:flex;justify-content:space-between;align-items:start;flex-direction:column}.grid-header .h1{display:flex;justify-content:space-between;width:100%;align-items:center;flex-wrap:wrap;gap:5px}.grid-header .title-container{max-width:calc(100% - 60px);display:flex;flex-direction:row;align-items:baseline;gap:10px}#filters{background-color:#fff;padding:10px;display:block;gap:4px;color:#000;width:370px;max-width:100%;border-radius:0;position:sticky;top:0;max-height:100vh;margin-bottom:30px;margin-top:24px;overflow-y:auto}#filters a.boolean{margin:2px 10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#filters a.boolean:first-of-type{margin-top:12px}#filters a.boolean:last-of-type{margin-bottom:6px}#filters a.boolean>.checkbox{width:20px;height:20px;border:1px solid #000;position:relative;display:inline-block}#filters a.boolean.active>.checkbox:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#000}#filters::-webkit-scrollbar{width:1px}#filters::-webkit-scrollbar-track{background:#fff;border-radius:8px}#filters::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}#filters::-webkit-scrollbar-thumb:hover{background:#fff}#filters>div{margin-bottom:8px}#filters ul{list-style-type:none;padding-left:0;margin-bottom:5px}#filters li{margin-bottom:5px}#filters .filter-button{margin-bottom:20px;transform:rotate(45deg)}#filters .filter-button svg{width:25px;height:25px}#filters #dynamic_filters{display:flex;flex-direction:column;gap:8px}.dynamic-filter .top-row{background-color:var(--colour-light);display:flex;justify-content:space-between;align-items:stretch;width:100%}.dynamic-filter .filter-label,.dynamic-filter .toggle{padding:12px 10px;margin:0!important;display:flex;align-items:center}.dynamic-filter .toggle{display:flex;justify-content:center;cursor:pointer}.dynamic-filter .toggle svg{width:18px;height:18px;fill:#000!important}.dynamic-filter .filter-input{display:none}.dynamic-filter .select2-container,.dynamic-filter .select2-dropdown{position:static!important;width:100%!important;border-radius:0;border:none}.dynamic-filter .select2-dropdown ul{margin:0;padding:0;max-height:200px;overflow-y:auto;border:1px solid #cecece;border-top:none}.dynamic-filter .select2-selection{border-radius:0;border:1px solid #cecece;border-top:none}.dynamic-filter .filter-input .select2-selection{display:none}.dynamic-filter:has(option:checked) .filter-input,.dynamic-filter:has(option:checked) .filter-input .select2-selection{display:block}.filter-button{display:none;cursor:pointer}.filter-button svg{width:35px;height:35px}.filter-button:hover svg,.filter-button:hover h6{fill:var(--colour-linkhover);color:var(--colour-linkhover)}#price-slider{background-color:#fff;background:linear-gradient(0deg,#fff 0% 42%,#dcdcdc 42% 58%,#fff 58% 100%);height:45px;width:calc(100% - 1.2em);margin:6px 14px;border-radius:0}#price-slider .ui-slider-range{background-color:var(--colour-light);height:15px;top:15px}#price-slider .ui-slider-handle{outline:none;height:35px;top:5px;background-color:var(--colour-core);border-radius:4px;width:10px}#price-slider .ui-slider-handle:hover{border:1px solid var(--colour-linkhover)}.price-inputs{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 6px}.price-inputs input{text-align:center;vertical-align:middle;height:36px;width:74px;border-radius:0}.product-grid-container>*{margin-bottom:var(--gutter)}.product-grid-container .grid-description{margin-bottom:5px}.read-more{display:inline-block;font-style:italic;color:var(--colour-core);cursor:pointer}.read-more:hover{color:var(--colour-linkhover)}#product-grid{display:grid;justify-content:flex-start;gap:calc(var(--gutter) * 2) var(--gutter);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:20px}aside .filter-button svg{width:20px;height:20px}#pagination-numbers{display:flex;gap:5px;align-items:baseline}#pagination-controls{width:fit-content;display:flex;justify-content:center;align-items:center;gap:10px;margin:20px auto 15px;position:relative}#pagination-controls .arrow{color:#000;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:5px;background-color:transparent!important;border:none!important;position:absolute}#pagination-controls .arrow:hover{color:var(--colour-core)}#pagination-controls .pagination-button{padding:4px;width:30px;font-weight:600;color:#999;border:1px solid #999;text-align:center}#pagination-controls .pagination-button.active,#pagination-controls .pagination-button:hover{padding:4px;width:30px;font-weight:600;color:#fff;background-color:var(--colour-core);text-align:center;cursor:pointer;border:1px solid var(--colour-core)}#pagination-controls .pagination-button.arrow{color:#000!important;font-weight:400}button#show-more{margin:10px auto 40px;width:fit-content;font-size:1em;height:auto;color:#000;text-decoration:underline;background-color:#fff}button#show-more:hover{color:var(--colour-linkhover)!important}#filters .dynamic-filter.closed svg.plus-icon,#filters .dynamic-filter svg.minus-icon{display:block}#filters .dynamic-filter.closed svg.minus-icon,#filters .dynamic-filter svg.plus-icon{display:none}
/*# sourceMappingURL=/s/files/1/2858/8212/t/5/compiled_assets/styles.css.map */