ryandejaegher

<!--Add this to your custom CSS tab in Squarespace-->
<style>
    .flex-row {
        display: flex;
        height: 100%;
    }

    .breakout {
        margin-left: calc(~"50% - 50vw");
        margin-right: calc(~"50% - 50vw");

ryandejaegher

<style>
  .grid {
	display: grid;
    grid-template-columns: repeat(auto-fit,minmax(0,1fr));
    grid-template-rows: repeat(auto-fit, minmax(0,1fr));
	height: 80vh;
    max-height: 80vh;
}
 .snap-container::-webkit-scrollbar {
  display: none;

ryandejaegher

/*** Flex Container Classes ***/
.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

ryandejaegher

<style>

    @media(max-width: 640px) {
        .ios-footer {
            display: flex;
            width: 100%;
            position: fixed;
            backdrop-filter: blur(4px);
            justify-content: space-between;
            left: 0;

ryandejaegher

/* Add to Settings -> Advanced -> Code Injection -> Footer in Squarespace */

<script>

window.addEventListener('load', function(){
(function(){
var cats = document.querySelectorAll('.summary-metadata-item--cats, .Blog-meta-item--categories');
cats.forEach(item => {
  item.innerHTML = item.innerHTML.replace(", ", "")
})

ryandejaegher

// Add this to Settings -> Advanced -> Code Injection -> Footer
</script>
(function(){
var imageArray = ['home1.jpg',
'home2.jpg',
'home3.jpg',
'home4.jpg',
'home5.jpg',
'home6.jpg',

ryandejaegher

//  <script> 

// Get the header
    var header = document.querySelector('header');

// Get SQS 7.1 Logo
    var headerLogo = document.querySelector('.header-title-logo img');

// Get SQS 7.1 Logo src

ryandejaegher

// Create Currency Formatter



const formatter = new Intl.NumberFormat('en-US', {
    style: 'currency',
    currency: 'USD',
    minimumFractionDigits: 2
});

ryandejaegher

[data-section-id='5eda7b0235d90a64cf366be5'] .col .html-block, [data-section-id='5eda7b0235d90a64cf366be5'] .col .button-block {

    background-color: white;
}

[data-section-id='5eda7b0235d90a64cf366be5'] .col {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

ryandejaegher

// Add to Code Injection -> Footer

<script>
window.addEventListener('load', function(){
var next = document.querySelector('.summary-carousel-pager-next');
var autoSlide = function(){
    next.click()
};

var startSlideInterval = function(){