/* ---- GHOST PLUGINS - SCROLL PROGRESS BAR START ---- */
@ghost-scroll-bar-height: 10px; // bar height
@ghost-scroll-bar-color: #dd502c; // bar color
@ghost-scroll-bar-position: 'bottom'; // bar position - set to top or bottom options
@ghost-scroll-bar-show-text: 'true'; // show or hide text - set to true to show or false to hide
@ghost-scroll-bar-text-color: #dd502c; // text color
@ghost-scroll-bar-text-size: 25px; // text size
@ghost-scroll-bar-text-offset: 2px; // text offset spacing
@ghost-scroll-bar-units: "%"; // character shown after number
/* ----- DON'T EDIT BELOW THIS LINE - SUPPORT NOT PROVIDED IF EDITING BELOW THIS LINE ----- */
.hide-text-for-bar() when (@ghost-scroll-bar-show-text = 'false'){span{display: none !important;}}.bottom-bar() when (@ghost-scroll-bar-position = 'bottom'){top: auto;bottom: 0;span{top: -(@ghost-scroll-bar-text-size+@ghost-scroll-bar-height + @ghost-scroll-bar-text-offset) !important;margin-top: 0px !important;}}
body{.ghost-scrollBar{height: @ghost-scroll-bar-height;background: @ghost-scroll-bar-color;.bottom-bar();.hide-text-for-bar();span {font-size: @ghost-scroll-bar-text-size;margin-top: @ghost-scroll-bar-text-offset;color: @ghost-scroll-bar-text-color!important;&::after {content: @ghost-scroll-bar-units;font-size: @ghost-scroll-bar-text-size;color: @ghost-scroll-bar-text-color !important;}}}}
/* ---- GHOST PLUGINS - SCROLL PROGRESS BAR END ---- */
// Tabs //
.c-tabs {
position: relative;
}
.c-tabs img {
max-width: none;
}
.c-tabs .sqs-block {
box-sizing: border-box;
min-width: 100%;
}
.c-tabs__wrapper {
width: 100%;
}
.c-tabs__wrapper::before,
.c-tabs__wrapper::after {
content: " ";
display: table;
clear: both;
}
.c-tabs__tablist {
position: relative;
display: -webkit-box;
display: flex;
list-style: none;
margin: 0;
padding: 0;
-webkit-box-pack: center;
}
.c-tabs__tablist[hidden] {
position: absolute;
top: 0;
z-index: -1;
visibility: hidden;
pointer-events: none;
}
.c-tabs__tablist::after {
content: '';
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
display: block;
border-bottom: 0px solid #ccc;
}
.c-tabs__tablist li {
flex-shrink: 0;
-webkit-box-flex: 1;
flex: 1 1 0;
margin: 0 0 0 0.625em;
}
.c-tabs__tablist li:first-child {
margin-left: 0;
}
.c-tabs__tab {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
position: relative;
z-index: 1;
box-sizing: border-box;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
padding: 1.2em;
background: #FFFFFF;
border: 1px solid #e5e5e5;
border-radius: 4px;
box-shadow: none;
font-size: 14px;
line-height: 1;
outline: none;
text-decoration: none;
text-align: center;
color: #000000;
white-space: nowrap;
transition: all 0.3s;
}
.c-tabs__tab::before {
content: '';
position: absolute;
top: -1px;
right: -1px;
left: -1px;
top: auto;
bottom: -1px;
border-top: 0px;
opacity: 0;
transition: opacity 0.3s;
}
.no-touch .c-tabs__tab:hover,
.c-tabs__tab[aria-selected="true"] {
background: #000;
border: 1px solid #000000;
border-bottom-color: transparent;
box-shadow: none;
color: #ffffff;
outline: none;
text-decoration: none;
z-index: 2;
/* Show Top border */
}
.no-touch .c-tabs__tab:hover::before,
.c-tabs__tab[aria-selected="true"]::before {
opacity: 1;
}
.c-tabs__tab-title {
padding: 0;
}
.c-tabs__accordion-tab {
display: block;
color: black;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
font-size: 15px;
background: #F2F2F2;
border-radius: 6px;
border: 2px solid transparent !important;
padding: 16px 30px !important;
margin-bottom: 30px !important;
}
.c-tabs__accordion-tab:hover {
display: block;
background: #ffffff !important;
border: 2px solid #000000 !important;
}
.c-tabs__accordion-tab:last-of-type.c-tabs__accordion-tab[aria-expanded="false"] {
margin-bottom: 34px;
}
.no-touch .c-tabs__accordion-tab:hover,
.c-tabs__accordion-tab[aria-expanded="true"] {
background: #f2f2f2;
border: 0px solid #000000;
box-shadow: none;
color: #000000;
}
.c-tabs__accordion-tab .c-tabs__tab-title {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0;
}
.c-tabs__accordion-tab .c-tabs__tab-title::after {
content: '';
display: block;
width: 1.626em;
height: 1.626em;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M7.406%207.828L12%2012.422l4.594-4.594L18%209.234l-6%206-6-6z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
transition: transform 0.35s;
}
.c-tabs__accordion-tab[aria-expanded="true"] .c-tabs__tab-title::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M7.406%207.828L12%2012.422l4.594-4.594L18%209.234l-6%206-6-6z%22%2F%3E%3C%2Fsvg%3E');
}
.c-tabs__tab-img {
display: block;
position: relative;
width: 100%;
height: 0;
margin: 0 0 0.625em;
padding-bottom: 41.666%;
overflow: hidden;
}
.c-tabs__tab-img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: auto;
}
.c-tabs__accordion-tab .c-tabs__tab-img {
display: none;
margin: 0 0 0.625em;
padding-bottom: 56.25%;
}
.c-tabs__content {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.c-tabs__tabpanel {
width: 100%;
}
.c-tabs__tabpanel[style*="display: none"] {
display: block !important;
position: absolute;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
}
.c-tabs__tabpanel-inner {
box-sizing: border-box;
margin: 0;
padding: 02em 0em;
background: none;
box-shadow: none;
border-bottom: 1px solid #EEEEEE;
}
.c-tabs {
/*! Flickity https://flickity.metafizzy.co
---------------------------------------------- */
/* draggable */
/* ---- flickity-button ---- */
/* ---- Previous/Next Buttons ---- */
}
.c-tabs .flickity-enabled {
position: relative;
}
.c-tabs .flickity-enabled:focus {
outline: none;
}
.c-tabs .flickity-viewport {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
.c-tabs .flickity-slider {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
}
.c-tabs .flickity-enabled.is-draggable {
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c-tabs .flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.c-tabs .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.c-tabs .flickity-button {
position: absolute;
z-index: 3;
padding: 0;
border: 0;
background: none;
box-shadow: none;
color: #555;
}
.c-tabs .flickity-button:hover {
cursor: pointer;
}
.c-tabs .flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19f;
}
.c-tabs .flickity-button:active {
opacity: 0.6;
}
.c-tabs .flickity-button:disabled {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.c-tabs .flickity-button-icon {
width: 50%;
height: 50%;
fill: #555;
}
.c-tabs .flickity-prev-next-button {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
top: 0;
bottom: 0;
width: 30px;
background: #fff;
opacity: 0.9;
transition: opacity 0.5s;
}
.c-tabs .flickity-prev-next-button.previous {
left: 0;
}
.c-tabs .flickity-prev-next-button.next {
right: 0;
}
.load-here{
position: fixed;
width: 100%;
z-index: -1;
right: -500px;
-webkit-transition: all .5s ease-out !important;
-moz-transition: all .5s ease-out !important;
-o-transition: all .5s ease-out !important;
transition: all .5s ease-out !important;
overflow: scroll;
height: 100%;
&.active-load{
right: 0px;
z-index: 10;
}
.load-here-inner{
width: 40%;
margin: 0 0 0 auto;
border-left: 3px solid;
position: relative;
}
}
.close-icon{
position: absolute;
top: 34px;
right: 34px;
width: 25px;
height: 25px;
&:before{
font-family: 'squarespace-ui-font';
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
speak: none;
content: "\e02e";
font-size: 34px;
color: #000;
z-index: 10;
position: relative;
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="//assets.squarewebsites.org/lazy-summaries/lazy-summaries.min.js"></script>
<!-- Plugin Accotabs -->
<script src="/s/plugin-accotabs.js"></script>
<script>pluginAccotabs();</script>
<!-- end Plugin Accotabs -->
<script>
$(document).ready(function(){
})
window.Squarespace.onInitialize(Y, function() {
if ( $('#collection-5f5677b6aab9af0591d79793').length ){
$('#collection-5f5677b6aab9af0591d79793').prepend('<div class="load-here"><div class="close-icon"></div><div class="load-here-inner"></div></div>');
}
function initializeScript(){
$('body').on('click', '.summary-v2-block .summary-item', function() {
var curEl = $(this);
var getUrl = curEl.find('.summary-title a').attr('href');
console.log(getUrl)
$( "#collection-5f5677b6aab9af0591d79793 > .load-here > .load-here-inner" ).load( ''+getUrl+'',function(){
$('#collection-5f5677b6aab9af0591d79793 > .load-here').addClass('active-load');
$('#collection-5f5677b6aab9af0591d79793').css('overflow', 'hidden')
} );
})
$('.close-icon').unbind('click').click(function(){
$('#collection-5f5677b6aab9af0591d79793 > .load-here').removeClass('active-load');
$('#collection-5f5677b6aab9af0591d79793').css('overflow', 'visible')
setTimeout(function(){
$('.load-here-inner').html(' ');
}, 1000)
})
}
initializeScript();
$('.pagination-loadMore').click(function(){
setTimeout(function(){
initializeScript();
},3000)
})
});
</script>