CSS for whole site
// CUSTOM FONTS
/* Parent Font */
@font-face {
font-family: 'Founders-Light';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/669727979308085404c14d9c/1721182103516/founders-grotesk-light.woff2');
}


@font-face {
font-family: 'Founders-LightItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972797a1c76223d3f56d5a/1721182103443/founders-grotesk-light-italic.woff2');
}


@font-face {
font-family: 'Founders-Regular';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972842d9da5f401098d5ce/1721182274859/founders-grotesk-regular.woff2');
}


@font-face {
font-family: 'Founders-RegularItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/6697284c4a6f0473dbeff04a/1721182284972/founders-grotesk-regular-italic.woff2');
}


@font-face {
font-family: 'Founders-Medium';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/6697279766788a6a7fac7886/1721182103514/founders-grotesk-medium.woff2');
}


@font-face {
font-family: 'Founders-MediumItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/669727974daff810f4b67689/1721182103440/founders-grotesk-medium-italic.woff2');
}


@font-face {
font-family: 'Founders-SemiBold';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972883924c6556f396d0b1/1721182339201/founders-grotesk-semibold.woff2');
}


@font-face {
font-family: 'Founders-SemiBoldItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972886c5e84967abd9f699/1721182342113/founders-grotesk-semibold-italic.woff2');
}


@font-face {
font-family: 'Founders-Bold';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972797380858018d8679bf/1721182103440/founders-grotesk-bold.woff2');
}


@font-face {
font-family: 'Founders-BoldItalic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66972797d3d71e3ed87dd8d5/1721182103439/founders-grotesk-bold-italic.woff2');
}


h1,h2,h3,h4,p,a{
  font-family: 'Founders-Regular';
}


.sqs-block-button-element {
  font-family: 'Founders-Regular' !important;
}


.header-actions-action--cta .sqs-button-element--primary {
  font-family: 'Founders-Regular'! important;
  font-size: 1.1rem!important;
}


strong{
  font-family: 'Founders-SemiBold'!important;
}


.list-section-title p{
  font-family: 'Founders-Regular';
}


  a:hover{
  color: #F2D140;
  transition: color 0.1s !important;
}


.list-item-content__description{
  	a:hover{
  	color: #F2D140;
    transition: color 0.1s !important;
  }
}


section[data-section-id="66957e18f431cf4fd8c24bea"], section[data-section-id="66ce14cf5886ed47350adfee"]{
  a:hover{color: #fafaf7!important;}
}


/* Ministry Fonts*/
@font-face {
font-family: 'Roca-Bold';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/669728a5dd7a99030a420ee5/1721182374188/Roca-Bold.ttf');
}


@font-face {
font-family: 'Unbounded';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/669731a63dcb53248968ad86/1721184679401/Unbounded-VariableFont_wght.ttf');
}


@font-face {
font-family: 'Gopher';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/669747f94f2e30081c320bf9/1721190393240/Gopher-Medium.woff2');
}


@font-face {
font-family: 'Instrument Serif';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66b38d1876a63e27d3b64769/1723043096818/InstrumentSerif-Regular.ttf');
}


@font-face {
font-family: 'Neue Haas';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66b38e684ba02060abb8c9b4/1723043432515/NeueHaasDisplayBold.ttf');
}


@font-face {
font-family: 'Minion Pro Bold';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66b38f0ece78cc6131cc9490/1723043599119/Minion+Pro+Bold+Caption.otf');
}


@font-face {
font-family: 'Futura PT';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66b3b12de62ef038b7ffcc72/1723052333283/FuturaPTBook.otf');
}


@font-face {
font-family: 'Futura PT Bold Italic';
src: url('https://static1.squarespace.com/static/6684464c9ebb2e6b05ae61ac/t/66b3ae6b409e22308d8d0534/1723051627252/FuturaPTBoldOblique.otf');
}


// button styling for home carousel
.list-item-content__button {
    background-color: rgba(1,1,1,0) !important;
  	border-width: 1px!important;
  	border-color: #212126 !important;
    color: #212126 !important;
}
.list-item-content__button:hover {
    background-color: #212126 !important;
  	border-width: 1px!important;
  	border-color: #212126 !important;
    color: #fafaf7 !important;
	opacity: 1 !important;
}


// Set Header Background colours for all themes
.header-nav-folder-content {
   	background: #FAFAF7 !important;
   }
  .header-nav-folder-item a {
   	color: #212626 !important;
   }


/*light themes*/
[data-header-style="dynamic"].header.white,.header.white-bold,.header.light,.header.light-bold,.header.bright{
	background: #fafaf7;
}
/*dark themes*/
[data-header-style="dynamic"].header.black,.header.black-bold,.header.dark,.header.dark-bold,.header.bright-inverse{
	background: #364f66;
}


//Assigning custom ministry fonts and colours


.user-items-list-banner-slideshow .list-item-content__button.sqs-button-element--primary{
  background-color: #ffffff!important;
  border-width: 0px!important;
  
}
/* Kids */
#collection-668584585f482f3303793200{
  .bright{
    .section-background{
      background-color: #ffde7a!important;
    }
    h1,h2,h3,h4,p{color: #364f66;}
  }
  
  section[data-section-id="6694a7ce4942b53f4c1e6222"]{
    a:hover{color: #fafaf7!important;}
    }
  h1{
    font-family: 'Roca-Bold'!important;
    strong, i{
      font-family: 'Roca-Bold'!important;
    }
  }
}


/*Youth*/
#collection-6685845f052db7184030d713{
  .black{
    .section-background{
      background-color: #6bb8ed!important;
    }
  }
  h1{
    font-family: 'Unbounded'!important;
    text-transform: uppercase;
    font-size: 6em;
    line-height: 1em;
    strong, i{
      font-family: 'Unbounded'!important;
    }
  }
}


/*Young Adults*/
#collection-66858468d5df904cb794ae3d{
  #page {
    h1{color: #364f66;}
  }
  h1{
  	font-family: 'Gopher'!important;
    	strong, i{
      		font-family: 'Gopher'!important;
    	}
  }
  .light{
    .section-background{
      background-color: #fcf0de!important;
    }
  }
}


/*Women*/
#collection-6685847bf73378609fa19614{
  h1{
  	font-family: 'Instrument Serif'!important;
    font-size: 5em;
    line-height: 1em;
    	strong, i{
      		font-family: 'Instrument Serif'!important;
    	}
  }
  .light{
    .section-background{
      background-color: #dbc4ad!important;
    }
  }
}


/*Men*/
#collection-668584804962465e8fd3c007{
  h1{
  	font-family: 'Neue Haas'!important;
    	strong, i{
      		font-family: 'Neue Haas'!important;
    	}
    letter-spacing: -0.01em;
    line-height: 7rem;
    font-size: 7rem;
  }
  .black{
    .section-background{
      background-color: #645f1c!important;
    }
  }
}


/*Seniors*/
#collection-66858486052db7184030e26e{
  h1{
  	font-family: 'Minion Pro Bold'!important;
    	strong, i{
      		font-family: 'Minion Pro Bold'!important;
    	}
  }
  .black{
    .section-background{
      background-color: #a69e82!important;
    }
  }
}


/*Care*/
#collection-66b5ad07dc3f604193895711{
  h1{
  	font-family: 'Futura PT'!important;
    	strong, i{
      		font-family: 'Futura PT'!important;
    	}
  }
  .light{
    .section-background{
      background-color: #EAF2F7!important;
    }
  }
}


/*Local & Global*/
#collection-668584947a0eed79a44bea0b{
  h1{
  	font-family: 'Futura PT Bold Italic'!important;
    	strong, i{
      		font-family: 'Futura PT Bold Italic'!important;
    	}
    text-transform: uppercase;
    font-size: 5rem;
    line-height: 5rem;
  }
  .black{
    .section-background{
      background-color: #006eab!important;
    }
  }
}


//SWAP LOGOS ON LIGHT PAGES
.white,.white-bold,.light,.light-bold,.bright{
  .header-title-logo img {
      filter: invert(1)!important;
  }
}


//Home styling
.sqs-block-summary-v2 .summary-title{
  font-size: 1.7rem!important;
}
.sqs-block-summary-v2 .summary-excerpt p{
  font-size: 1rem!important;
}
.list-section-title p{
  font-size: 1.05em!important;
}


//Team Styling
.archive-block-wrapper{
  font-size: 1rem!important
}


//Sunday Service Styling
#block-811d0b729097376fd8b9{
  a:hover{
    color: #F2D140;
  }
}


//Ministry Page Gallery Styling
/* Gallery slideshow */
figcaption.gallery-caption.gallery-caption-fullscreen-slideshow {
    top: 50%;
    margin: 0 !important;
    left: 50%;
    transform: Translate(-50%,-50%) !important;
}
.gallery-caption-wrapper {overflow: visible;}
a.tp-button {
    background-color: black;
    color: white;
    padding: 10px 20px;
}
a.tp-button:hover {
    background-color: white;
    color: black;
}


// Team Page Styling
.blog-basic-grid .image-wrapper {
  border-radius: 500px 500px 500px 500px;
}


.blog-list-pagination{
  margin: 1vw 0vw;
}


.blog-basic-grid{
  padding-top: 0;
}


.item-pagination--prev-next {
  display: none;
}


.image-wrapper{
  pointer-events: none !important;
}


.blog-title{
  pointer-events: none !important;
}


.blog-basic-grid .blog-excerpt p{
  font-size: 1.1rem!important;
}


.blog-excerpt a{
  text-decoration: underline;
}


/* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
  content: "Previous";
}
/* Older posts */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "Next";
}


.sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wrapper {
    margin: 0 auto;
}


// HEADER OVERLAY IMAGES
/* This forces the outlined borders to scale responsively to the size of the window. It also hides the overlay on mobile */
#block-yui_3_17_2_1_1721165257644_3614, #block-a3e1e0adcff4c80770cf, #block-98af4332e25d8efa4a41, #block-d1740255863c228edbf0, #block-1ccc227cbdf61949e2a6, #block-8e2254d9fc67239fa13c, #block-6cde0e6c02ea7c3db0e2, #block-f9b60e4173e354ace6f4, #block-d8a275d87ab3d57dc826, #block-27c19d2de5ffacfc969e {
  width: 94%!important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  img{
    width: 100%!important;
    object-fit: fill!important;
  }
}


@media only screen and (max-width: 799px){
    #block-yui_3_17_2_1_1721165257644_3614, #block-a3e1e0adcff4c80770cf, #block-98af4332e25d8efa4a41, #block-d1740255863c228edbf0, #block-1ccc227cbdf61949e2a6, #block-8e2254d9fc67239fa13c, #block-6cde0e6c02ea7c3db0e2, #block-f9b60e4173e354ace6f4, #block-d8a275d87ab3d57dc826, #block-27c19d2de5ffacfc969e{
    display: none!important;
  }
}


/* disable clickthrough on events */
#block-yui_3_17_2_1_1720802396541_99237, #block-4a461de99aeb8f0d24a2, #block-3bc5bc96e6774edf9a67, #block-yui_3_17_2_1_1721058795241_67963{
  .summary-thumbnail-container { pointer-events: none !important; }
  a.summary-title-link {
    pointer-events: none !important;
  }
}


// A LOT OF MOBILE STYLING


@media only screen and (max-width: 799px){
// Home
  #block-8f10192e56a42a49c5b9 h3{
    text-align: left!important;
  }
  section[data-section-id="66958f18bbba3d2b045a218f"]{
    .sqs-block-button-container {
    	justify-content: center !important;
	}
  }
  
// About
  section[data-section-id="6690508bc6fa35066941e723"]{
    .sqs-block-button-container {
    	justify-content: center !important;
	}
  }
  
//Footer
  #block-30d081b2af19f7f1fe60 p{
    text-align: left!important;
  }
  
// Team
  .custom-filter-container.use-mobile-panel.custom-filter-uid-0.cf-mobile-panel-align-center .customFiltersWrapper:not(.cf-top-section-filters){
    margin-left: 0vw!important;
    margin-right: 0vw!important;
  }
  
//Exploring Faith
  #block-41a11e7a1c44e7ba3fca{
    .sqs-block-button-container {
    	justify-content: center !important;
	}
  }
  
// Upcoming Events
    #block-fc281cfddc61ad363dde{
    .sqs-block-button-container {
    	justify-content: left !important;
	}
  }
  
// Ministry Pages
  //Youth
  #block-yui_3_17_2_1_1721009266358_17750{
    h1{
      font-size: 5em!important;
    }
  }
  // YA
  section[data-section-id="6694a87fb0d3b217da4a1c31"]{
    h1,h2,h3,h4,p{
      text-align: center!important;
    }
  }
  // Mens
  #block-10184a6c7354251bba3b{
    h1{
      font-size: 5em!important;
      line-height: 1em!important;
    }
  }
  .user-items-list-item-container .user-items-list-carousel__media-container {
    width: 90% !important;
  }
  .list-item-content__description,
    .list-item-content__title{
    max-width:90% !important;
  }
  //Care
  #block-978b5d3e69f2424a9ed9{
    .sqs-image{
      justify-content: left !important;
    }
  }
  
  //Local Global
  #block-2d82d7cce05e466a420e{
    h1{
      font-size: 3em!important;
      line-height: 1em!important;
    }
  }
}
HTML for Team Filtering
<link rel="stylesheet" href="//assets.squarewebsites.org/custom-filter/custom-filter.min.css"/>
<script>
window.customFilterSettings = {
    'targets': [{
        container: '.view-list .page-section[class*="collection-type-blog-"] div[data-controller]',// css selector for filter container
        items: 'article',// css selector for items to filter
        settings: {
            position: 'top',//set the position for filter to appear. May be: top, left, right
          initState:{sort:['Alphabetical|asc']},
            align: 'center',// align filter options, may be: left, center, right, space-between
            showItemsCount: false, // show (true) or hide (false) Items count
            collectionUrl: '',// you need to set source collection url slug (like /blog) if your items have external links (not linked to themselves)
            wrapFilterContainer: true,// needed to prevent 7.1 Grid CSS styles for filter options
            itemsCount: {
                enabled: false, // same as showItemsCount
                text: '', // set the items text before counter, it is Items: by default and you may set your own text
                positionOrder: 1 // items counter position, higher means last
            },
            keepDropdownsOpenOnInit: false, // if set to true, dropdowns will be opened initially
            customClasses: 'lite-dropdowns',
            /* Add any custom classes to filter container if you want to have your own to use in CSS styling,
            available: cf-sort-right (move sorting element right), cf-sort-left (move sort left), lite-dropdowns(gives lighter dropdowns stylings), cf-ctrls-inline (makes dropdowns fit one line space)*/
            view: 'buttons-inline', // available: dropdowns, breadcrumbs, modern, buttons, buttons-round, buttons-pill, buttons-inline
            sticky: {// if enabled: true - trying enable sticky position of Filter to be seen on scroll
                enabled: false,
                top: '6%'
            },
            simpleFilter: {
                show: {
                    effect: 'fade',
                    transitionDuration: 300,
                    stagger: 60
                },
                hide: {
                    effect: 'fade',
                    transitionDuration: 100,
                    stagger: 18
                }
            },
            pagination: {
              enabled: true, // enable pagination
              pageSize: 100, // set the page size to 30
            },
            /*----Mobile Panel Section----*/
            mobilePanel: {// control if you want to have separate offscreen panel with filters on small screens
                enabled: true,// if set to false, no filter buttons on mobiles will be showed
                triggerButtonName: 'Filter', // trigger button text
                align: 'center',
                keepDropdownsOpen: null, // if false it overrides desktop settings, if true - dropdowns opened
                closeOnSelect: true, // mobile panel closed just after user selected something
                closeOnSearch: false, // mobile panel closed if user searced something in searc field
                closeOnOutsideClick: true // if true, mobile panel will be closed if user clicks outside it
            },
             /*----Filters Section----*/
            filter: { // here you define all filters you need and name them
                category: false, // disabling default Category dropdown
                tag: false, // disabling default Tag dropdown
                items: [{
                    name: 'Category', // give the dropdown (fiter entity) name you want
                  hideName: true,
                    multiple: false, // if true, allow to select multiple options
                    logic: 'and', // how to combine dropdown options with other dropdowns logic. Other value is or
                    multipleLogic: 'or',// combine each selected option with OR or AND logic within one dropdown
                    closedSubOptions: false, // works for Products 7.1 subcategories onl
                    sort: 'asc', // may be asc, desc, asAllowed (need define options list in allowedOptions), or your own custom function
                    getAttr: 'categories'// here you say Filter to look for options in items categories
                }, {
                    name: '',// give the dropdown (fiter entity) name you want
                    multiple: false,//if true, allow to select multiple options
                    getAttr: 'tags'// here you say Filter to look for options in items tags
                }]
            },
            sort: {// define the sorters
                enabled: true,// if false - no sorters visible/working
                //defined: 'date_desc',// select which of defined sorters will work initially
                items: [{
                    name: 'Alphabetical',
                    order: 'asc|desc',
                    orderTexts: 'A-Z|Z-A',
                    hideName: true,
                    sort: 'title'
                }]
            },
            search: {
                enabled: false,// if false, no Search input will be showed
                text: 'Search', //set the placeholder to your search field, otherwise Search will be used
            }
        }
    }]
};
</script>
<script src="//assets.squarewebsites.org/custom-filter/custom-filter.min.js"></script>


<style>
.tweak-blog-basic-grid-width-full .blog-basic-grid{
  width: 80%;
  }
  
.show-cf-get-filter-config-button .universal-filter-button{
  display: none!important;
  visibility: hidden!important;
}
  
 .user-items-list-item-container[data-section-id="66cf4d79bfcc631743843813"]{
   width: 75%;
  }
</style>