body:not(.wp-admin) {
    all: unset;
    display: revert;
}

/*SETUP SMOOTH SCROLLING*/

html {
    overflow-x: hidden;
}

/*SETUP A DEFAULT BOX-SIZING VALUE*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

/*MAKE ALL ANCHORS AND BUTTONS HAVE A POINTER CURSOR BY DEFAULT*/

a,
button {
    cursor: revert;
}

/*REMOVE DEFAULT UNDERLINE FROM TEXT LINKS AND MAKE IT USE THE COLOUR OF SURROUNDING TEXT*/

a {
    color: inherit;
    text-decoration: none;
}

/*MAKE LINKS WITHIN A PARAGRAPH TAG FOLLOW CUSTOMIZER SETTINGS, AND REMOVE DEFAULT MARGINS*/

p {
    margin: 10px 0px;
    transition: .15s ease-out;
}

/*MAKE ALL FONTS AND LINKS DISPLAY SWAP*/

p,
a {
    font-display: swap;
}

/*REMOVE ALL LIST STYLES*/

ol,
ul,
menu {
    all: unset;
    list-style: none;
}

/*MAKE IMAGES AND VIDEOS NEVER EXCEED THEIR CONTAINER*/

img,
video {
    max-width: 100%;
    max-inline-size: 100%;
    max-block-size: 100%;
}

/*LAYOUT CLASSES*/

/*FULL WIDTH*/

.full {
    width: 100%;
}

/*CENTER WIDTHS*/

.center {
    width: 65%;
    margin: 0 auto;
}

.center-alt {
    width: 85%;
    margin: 0 auto;
}

/*FLEXBOX*/

/*ROW CLASSES*/

.flex-row-start-start {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex-row-start-stretch {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.flex-row-start-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.flex-row-end-end {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.flex-row-between-start {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-rowreverse-between-start {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-row-between-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex-row-between-stretch {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.flex-rowreverse-between-stretch {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.flex-row-between-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex-row-center-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.flex-row-between-end {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

/*COLUMN CLASSES*/

.flex-col-start-start {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex-col-center-center {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.flex-col-center-start {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.flex-col-between-center {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex-col-end-end {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.flex-col-end-center {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.flex-col-end-end {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

/*LIST*/

/*GRID LIST*/

.grid-basic-list {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    justify-content: start;
    align-items: start;
    vertical-align: top;
}

/*CENTERED GRID LIST*/

.grid-centered-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}

/*ITEM*/

.centered-list .grid-centered-list.list-items-2 .centered-list-item {
    width: calc(50% - 50px);
}

.centered-list .grid-centered-list.list-items-3 .centered-list-item {
    width: calc(33.333% - 50px);
}

.centered-list .grid-centered-list.list-items-4 .centered-list-item {
    width: calc(25% - 50px);
}

/*FONTS*/

/*TITLE*/

.title {
    font-family: var(--title-font-family);
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    letter-spacing: var(--title-font-letterspacing);
    line-height: var(--title-font-lineheight);
}

/*SUBTITLE*/

.subtitle {
    font-family: var(--subtitle-font-family);
    font-size: var(--subtitle-font-size);
    font-weight: var(--subtitle-font-weight);
    letter-spacing: var(--subtitle-font-letterspacing);
    line-height: var(--subtitle-font-lineheight);
}

/*HEADING*/

.heading {
    font-family: var(--heading-font-family);
    font-size: var(--heading-font-size);
    font-weight: var(--heading-font-weight);
    letter-spacing: var(--heading-font-letterspacing);
    line-height: var(--heading-font-lineheight);
}

/*SUBHEADING*/

.subheading {
    font-family: var(--subheading-font-family);
    font-size: var(--subheading-font-size);
    font-weight: var(--subheading-font-weight);
    letter-spacing: var(--subheading-font-letterspacing);
    line-height: var(--subheading-font-lineheight);
}

/*COPY*/

.copy,
p {
    font-family: var(--copy-font-family);
    font-size: var(--copy-font-size);
    font-weight: var(--copy-font-weight);
    letter-spacing: var(--copy-font-letterspacing);
    line-height: var(--copy-font-lineheight);
}
.subheading p {
    font-family: var(--subheading-font-family);
    font-size: var(--subheading-font-size);
}
/*WEBKIT SCROLLBARS*/

/*SET TRACK WIDTH*/

body::-webkit-scrollbar {
    width: var(--scrollbar-width);
}

/*SET TRACK COLOUR*/

body::-webkit-scrollbar-track {
    background: var(--scrollbar-track-bg);
}

/*SET THUMB COLOUR*/

body::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-bg);
}

/*PARTIALS*/

/*LAYOUTS*/

/*SIMPLE LAYOUT*/

/*SETUP ALIGNMENTS*/

.simple-layout.left-align {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.simple-layout.center-align {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}
@media (max-width: 1023px) {
    .simple-layout.center-align {
        padding: 40px 20px!important;
    }
}
.simple-layout.right-align {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
}

/*SETUP BUTTON ALIGNMENT*/

.simple-layout.center-align .buttons {
    justify-content: center !important;
    align-items: center !important;
}

.simple-layout.right-align .buttons {
    justify-content: flex-end !important;
    align-items: flex-end !important;
}

/*AUTOPLAY LOGOS*/

/*CONTAINER - HIDE ANY OVERFLOW*/

.autoplay-logos {
    overflow: hidden;
    padding: 40px 0 60px;
}

/*ROW - ELIMINATE WHITESPACE AND MAKE EACH ROW FLEX*/

.autoplay-logos .autoplay-logo-row {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    width: calc(100% - 50px);
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    --marquee-offset: 40px;
    transform: translateX(var(--marquee-offset));
}

/*NOW GET RID OF THE MARGIN BOTTOM FOR THE LAST ROW*/

.autoplay-logos .autoplay-logo-row:last-of-type {
    margin-bottom: 0px;
}

/*LOGO - MAKE THEM FLEX AND ADD SOME PADDING, MARGIN AND BORDER-RADIUS*/

.autoplay-logos .logo {
    flex: 0 0 auto;
    padding: 25px;
    border-radius: 15px;
    margin-right: 25px;
}
.autoplay-logos .logo img {
    opacity: 1!important;
}

/*RESTRICT THE WIDTH OF THE IMAGES*/

.autoplay-logos .logo img {
    display: block;
    width: 450px;
    height: auto;
}
.autoplay-logos .lazyload, .lazyloading {
    opacity: 1;
}
/*PANELS*/

/*MAKE ALL PANELS 100VH*/

.panels .panel {
    position: relative;
    height: 100vh;
}

/*SETUP THE VARIOUS BACKGROUNDS*/

.panels .panel .background-colour {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
}

.panels .panel .background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 10;
}

.panels .panel .background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 15;
}

/*SETUP THE CENTERING DIV TO MAKE IT SIT OVERTOP OF EVERYTHING*/

.panels .panel .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}

/*NOW SETUP THE ALIGNMENTS*/

.panels.left-align .panel .center {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.panels.center-align .panel .center {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.panels.right-align .panel .center {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

/*EXPANDING IMAGES*/

/*HIDE ANY OVERFLOW AND SETUP THE GRID*/

.expanding-images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 25px 25px;
    grid-auto-flow: row;
    height: 100vh !important;
    overflow: hidden;
}

/*MAKE EACH IMAGE POSITION RELATIVE*/

.expanding-images .expanding-image {
    position: relative;
}

/*POSITION EACH IMAGE/VIDEO BY NTH OF TYPE*/

.expanding-images .expanding-image:nth-of-type(1) {
    grid-column-start: 2;
    grid-column-end: 8;
    height: 33.333vh;
}

.expanding-images .expanding-image:nth-of-type(2) {
    grid-column-start: 1;
    grid-column-end: 3;
    height: 25vh;
}

.expanding-images .expanding-image:nth-of-type(3) {
    grid-column-start: 3;
    grid-column-end: 6;
    height: 30vh;
}

.expanding-images .expanding-image:nth-of-type(4) {
    grid-column-start: 6;
    grid-column-end: 8;
    height: 25vh;
}

.expanding-images .expanding-image:nth-of-type(5) {
    grid-column-start: 2;
    grid-column-end: 5;
    height: 33.333vh;
}

.expanding-images .expanding-image:nth-of-type(6) {
    grid-column-start: 5;
    grid-column-end: 7;
    height: 25vh;
}

/*MAKE SURE ANY BACKGROUND VIDEO FITS AND POSITION IT ABSOLUTELY*/

.expanding-images .expanding-image .background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    object-fit: cover;
}

/*EXPANDING VIDEO*/

/*GIVE THE HOLDER A HEIGHT*/

.expanding-video-holder {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.expanding-video {
    object-fit: cover;
}

/*SETUP THE BUFFER*/

.expanding-video-buffer {
    height: 1px;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

/*SIDE SCROLL*/

.side-scroll {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

/*SET UP THE SIDE SCROLL HOLDER, MAKE IT FLEX AND NOWRAP SO THE ITEMS DON'T BREAK*/

.side-scroll-holder {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    height: 100%;
}

/*NOW MAKE SURE THE ARTICLES DON'T SHRINK*/

.side-scroll-holder article {
    position: relative;
    flex: 0 0 100vw;
    min-height: 100vh;
}

/*NOW MAKE SURE THE BACKGROUND IMAGE FITS*/

.side-scroll-holder article .background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
}

/*NOW MAKE SURE ANY BACKGROUND VIDEO HAS OBJECT-FIT COVER AND FITS 100%*/

.side-scroll-holder article .background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    object-fit: cover;
    z-index: 10;
}

/*MAKE SURE WE'VE GOT Z-INDEXING ON THE CONTENT, AND CENTER IT VERTICALLY IN THE ARTICLE*/

.side-scroll-holder article .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
}

/*SETUP THE ALIGNMENT*/

.side-scroll-holder article .center.left-align {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.side-scroll-holder article .center.center-align {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.side-scroll-holder article .center.right-align {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

/*SIDE SCROLL*/

.side-scroll-with-slider {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

/*SET UP THE SIDE SCROLL HOLDER, MAKE IT FLEX AND NOWRAP SO THE ITEMS DON'T BREAK*/

.side-scroll-with-slider-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    height: 100%;
}

/*NOW MAKE SURE THE ARTICLES DON'T SHRINK*/

.side-scroll-with-slider-holder article {
    position: relative;
    flex: 0 0 100vw;
    height: 100vh;
}

/*SETUP A TAB*/

.side-scroll-with-slider-holder article .article-title {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 100%;
    writing-mode: vertical-lr;
    padding: 15px;
    padding-bottom: 25px;
}

/*HIDE IN THE FIRST ARTICLE*/

.side-scroll-with-slider-holder article:first-of-type .article-title {
    display: none;
}

/*ROTATE THE TEXT*/

.side-scroll-with-slider-holder article .article-title .subheading {
    transform: rotate(180deg);
}

/*NOW MAKE SURE THE BACKGROUND IMAGE FITS*/

.side-scroll-with-slider-holder article .background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
}

/*NOW MAKE SURE ANY BACKGROUND VIDEO HAS OBJECT-FIT COVER AND FITS 100%*/

.side-scroll-with-slider-holder article .background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    object-fit: cover;
    z-index: 10;
}

/*MAKE SURE WE'VE GOT Z-INDEXING ON THE CONTENT, AND CENTER IT VERTICALLY IN THE ARTICLE*/

.side-scroll-with-slider-holder article .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
}

/*SETUP THE ALIGNMENT*/

.side-scroll-with-slider-holder article .center.left-align {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.side-scroll-with-slider-holder article .center.right-align {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

/*SETUP THE SLIDER*/

.side-scroll-with-slider-holder article .center .side-scroll-slider {
    position: relative;
    width: calc(60% - 50px);
    height: 400px;
    overflow: hidden;
}

/*MAKE THE IMAGES FILL THE SLIDER CONTAINER*/

.side-scroll-with-slider-holder article .center .side-scroll-slider .side-scroll-slider-image {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    object-fit: cover;
    will-change: transform;
}

/*SETUP THE CONTENT*/

.side-scroll-with-slider-holder article .center .side-scroll-content {
    width: 40%;
}

/*STAGGERED IMAGES*/

/*SETUP THE GRID*/

.staggered-images {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}

/*ASSIGN ITEMS TO GRID BASED ON NTH OF TYPE*/

.staggered-images .staggered-image:nth-of-type(1) {
    grid-area: 1 / 1 / 4 / 3;
}

.staggered-images .staggered-image:nth-of-type(2) {
    grid-area: 2 / 3 / 5 / 5;
}

.staggered-images .staggered-image:nth-of-type(3) {
    grid-area: 3 / 5 / 6 / 7;
}

/*STICKY IMAGE*/

/*MAKE THE IMAGES STICKY AND GIVE THEM SOME HEIGHT AND WIDTH*/

.sticky-images .images {
    position: sticky;
    top: 0px;
    width: 50%;
    height: 100vh;
}

/*ABSOLUTELY POSITION THE IMAGES SO THEY SIT ON TOP OF ONE ANOTHER*/

.sticky-images .images aside {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}

/*GIVE THE ARTICLES SOME WIDTH AND PADDING*/

.sticky-images .articles {
    width: 50%;
    padding: 100px;
}

/*MAKE EACH INDIVIDUAL ARTICLE 100VH HIGH*/

.sticky-images .articles article {
    height: 100vh;
}

/*NOW LIMIT THE CHARACTER LENGTH OF COPY*/

.sticky-images .articles article .copy {
    max-width: 60ch;
}

/*SLIDER*/

/*MAKE THE ITEMS ALIGN IN THE CENTER*/

.slider-with-content .swiper-wrapper {
    align-items: center;
}

/*GIVE EACH IMAGE SOME HEIGHT AND MAKE IT A BIT LESS OPAQUE*/

.slider-with-content .slide-image {
    height: 65vh;
}

/*NOW SET THE PADDING AND MAKE OPACITY 0 ON THE CONTENT*/

.slider-with-content .slide-content {
    opacity: 0;
    padding-left: 25px;
    padding-right: 25px;
}

/*FADE THE CONTENT IN WHEN THE SLIDE IS ACTIVE*/

.slider-with-content .swiper-slide-active .slide-content {
    opacity: 1;
}

/*SETUP THE WIDTHS FOR THE META AND DESCRIPTION*/

.slider-with-content .slide-meta {
    width: 25%;
}

.slider-with-content .slide-description {
    width: calc(75% - 50px);
}

/*ADD SOME MARGIN TO THE CONTROLS*/

.slider-with-content .swiper-controls {
    margin-top: 25px;
}

/*NOW STYLE THE ARROWS*/

.slider-with-content .swiper-controls .arrow-left,
.slider-with-content .swiper-controls .arrow-right {
    font-size: 18pt;
    font-weight: bold;
    cursor: pointer;
}

/*COLUMNS*/

/*DEFINE THE COLUMNS BASED ON CLASS*/

.columns.column-count-one {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 100px;
    grid-row-gap: 0px;
}

.columns.column-count-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 100px;
    grid-row-gap: 0px;
}

.columns.column-count-three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 100px;
    grid-row-gap: 0px;
}

/*SIDE BY SIDES*/

.side-by-side {
    overflow-x: hidden;
}

/*SETUP IMAGE WIDTH*/

.side-by-side aside {
    width: 50%;
}

/*SETUP ARTICLE WIDTH*/

.side-by-side article {
    width: 50%;
    padding: 100px;
}

/*PARALLAX IMAGES AND COPY*/

/*GIVE THE LAYOUT SOME LEFT AND RIGHT BREATHING ROOM*/

.parallax-images-and-copy {
    padding-left: 25px;
    padding-right: 25px;
}

/*SETUP THE GRID*/

/*LEFT ALIGN*/

.parallax-images-and-copy.left-align {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 100px;
}

/*PLACE THE IMAGES IN THE GRID*/

.parallax-images-and-copy.left-align .parallax-image:nth-of-type(1) {
    grid-area: 1 / 1 / 5 / 4;
    height: 350px;
}

.parallax-images-and-copy.left-align .parallax-image:nth-of-type(2) {
    grid-area: 2 / 4 / 6 / 7;
    height: 500px;
}

/*PLACE THE COPY IN THE GRID*/

.parallax-images-and-copy.left-align .parallax-copy {
    grid-area: 3 / 1 / 8 / 4;
}

/*RIGHT ALIGN*/

.parallax-images-and-copy.right-align {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 100px;
}

/*PLACE THE IMAGES IN THE GRID*/

.parallax-images-and-copy.right-align .parallax-image:nth-of-type(1) {
    grid-area: 1 / 3 / 6 / 7;
    height: 400px;
}

.parallax-images-and-copy.right-align .parallax-image:nth-of-type(2) {
    grid-area: 2 / 1 / 4 / 3;
    height: 500px;
}

/*PLACE THE COPY IN THE GRID*/

.parallax-images-and-copy.right-align .parallax-copy {
    grid-area: 3 / 3 / 8 / 6;
}

/*HALF AND HALF*/

/*SETUP THE WIDTH AND GIVE IT POSITION RELATIVE FOR BACKGROUNDS*/

.half-and-half .half {
    position: relative;
    width: 50%;
}

/*SETUP THE BACKGROUND TYPES*/

/*COLOUR*/

.half-and-half .half .background-colour {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
}

/*IMAGE*/

.half-and-half .half .background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
}

/*VIDEO*/

.half-and-half .half .background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    object-fit: cover;
    z-index: 10;
}

/*PUT THE CONTENT OVERTOP*/

.half-and-half .half .half-content {
    position: relative;
    z-index: 15;
}

/*PARALLAX QUADS*/

/*SETUP THE WIDTH AND HEIGHT OF EACH HOLDER*/

.parallax-quad .quad-holder {
    position: relative;
    width: 25%;
    height: 100vh;
}

/*SET THE Z-INDEX SO THE SLIDE EFFECT WORKS*/

.quad-holder:nth-child(1) {
    z-index: 4;
}

.quad-holder:nth-child(2) {
    z-index: 3;
}

.quad-holder:nth-child(3) {
    z-index: 2;
}

.quad-holder:nth-child(4) {
    z-index: 1;
}

/*MAKE THE BACKGROUND COLOUR ABSOLUTE AND SET THE Z-INDEX*/

.parallax-quad .quad-holder .quad-background-colour {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
    transition: .5s ease-out;
}

/*MAKE THE BACKGROUND IMAGE ABSOLUTE AND SET THE Z-INDEX*/

.parallax-quad .quad-holder .quad-background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 10;
    transition: .5s ease-out;
}

/*MAKE THE BACKGROUND IMAGE ABSOLUTE AND SET THE Z-INDEX*/

.parallax-quad .quad-holder .quad-background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 15;
    object-fit: cover;
    transition: .5s ease-out;
}

/*MAKE THE OPTIONAL GRADIENT SIT ABOVE THE BACKGROUND IMAGE OR VIDEO AND BELOW THE LINK*/

.parallax-quad .quad-holder .quad-background-gradient {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 20;
    transition: .5s ease-out;
}

/*NOW SETUP A FILTER SO ANY BACKGROUND IS MADE DARKER ON HOVER*/

.parallax-quad .quad-holder:hover .quad-background-colour,
.parallax-quad .quad-holder:hover .quad-background-image,
.parallax-quad .quad-holder:hover .quad-background-video {
    filter: brightness(0.85);
    transition: .15s ease-in;
}

/*MAKE THE CONTENT SIT ABOVE THE BACKGROUND STUFF*/

.parallax-quad .quad-holder .quad-content {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 25;
    transition: .15s;
}

/*ADD A HOVER EFFECT*/

.parallax-quad .quad-holder:hover .quad-content {
    transform: translateY(-50px);
    transition: transform 0.3s ease;
}

/*MAKE THE LINK ABSOLUTE AND SET THE Z-INDEX SO THAT IT SITS ABOVE EVERYTHING ELSE*/

.parallax-quad .quad-holder .quad-link {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 30;
}

/*BLOG GRID*/

/*SETUP THE TAGS*/

/*ADD SOME PADDING*/

.blog-tags {
    padding-top: 25px;
    padding-bottom: 10px;
}

/*NOW STYLE THE INDIVIDUAL TAGS*/

.blog-tags .post-tag {
    font-family: var(--copy-font-family);
    font-size: var(--copy-font-size);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

/*REMOVE THE MARGIN FROM THE LAST POST TAG*/

.blog-tags .post-tag:last-of-type {
    margin-right: 0px;
}

/*STYLE THE POSTS*/

/*GIVE THE POST IMAGE A HEIGHT AND ADD SOME PADDING*/

.blog-grid .post .post-image {
    padding: 25px;
    height: 300px;
}

/*GIVE THE POST TITLE SOME STYLES*/

.blog-grid .post .post-title {
    padding-top: 25px;
    padding-bottom: 15px;
    transition: .25s;
}

/*ADD A HOVER STATE*/

.blog-grid .post .post-title:hover {
    transition: .25s;
}

/*PARALLAX LIST*/

.parallax-list {
    padding-top: 250px;
    padding-bottom: 250px;
}

/*GIVE THE DESCRIPTION SOME WIDTH*/

.parallax-list .parallax-list-description {
    width: 55%;
}

/*GIVE THE LIST ITEM HOLDER SOME WIDTH*/

.parallax-list .parallax-list-holder {
    position: relative;
    width: calc(45% - 100px);
}

/*SETUP THE LIST ITEM STYLES*/

.parallax-list .parallax-list-holder .parallax-list-item {
    width: calc(100% - 60px);
    box-shadow: 20px 20px 40px #bebebe, -20px -20px 40px #ffffff;
    border-radius: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
}

/*COURSE SLIDER*/

/*STYLE THE SLIDES*/

.course-slider .slide {
    width: 85%;
    border-radius: 25px;
}

/*SETUP THE SLIDE MEDIA*/

.course-slider .slide .slide-media {
    position: relative;
    width: 45%;
    min-height: 500px;
}

/*BACKGROUND IMAGE*/

.course-slider .slide .background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    object-fit: cover;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    overflow: hidden;
}

/*BACKGROUND VIDEO*/

.course-slider .slide .background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    object-fit: cover;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    overflow: hidden;
}

/*NOW GIVE THE MEDIA ICON SOME WIDTH AND MAKE IT SIT ABOVE EVERYTHING*/

.course-slider .slide .media-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    z-index: 15;
}

/*SETUP THE SLIDE CONTENT*/

.course-slider .slide .slide-content {
    width: 55%;
    padding: 50px;
}

/*SETUP THE NAVIGATION*/

.course-slider .swiper-controls {
    margin-top: 50px;
}

/*ADD SOME MARGIN*/

.course-slider .swiper-controls .arrow-left {
    margin-right: 25px;
}

/*GIVE STANDARD WIDTH*/

.course-slider .swiper-controls .nav-arrow {
    width: 25px;
    cursor: pointer;
}

/*SIMPLE LIST*/

/*STYLE THE LIST ITEMS*/

.simple-list .simple-list-item {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 25px;
}

/*BEFORE AND AFTER*/

/*SETUP THE PRIMARY HOLDER AND MAKE SURE IT MAINTAINS 16-9 ASPECT RATIO*/

.before-and-after {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    user-select: none;
}

/*STYLE EACH IMAGE BY DEFAULT*/

.before-and-after img {
    height: 100%;
    object-fit: cover;
    display: block;
}

/*NOW STYLE THE BEFORE AND AFTER HOLDERS*/

.before-and-after .before-holder,
.before-and-after .after-holder {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.before-and-after .after-holder {
    z-index: 2;
    clip-path: inset(0 50% 0 0);
}

/*STYLE THE HANDLE*/

.before-and-after .handle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    z-index: 3;
    cursor: ew-resize;
}

.before-and-after .handle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
}

/*STAGGERED TEXT WITH IMAGE*/

/*ALIGN THE STAGGERED TEXT*/

.staggered-text-with-image .staggered-text-left {
    text-align: left;
}

.staggered-text-with-image .staggered-text-right {
    text-align: right;
}

/*ADD SOME MARGIN BETWEEN THEM*/

.staggered-text-with-image .staggered-text-left {
    margin-bottom: 50px;
}

/*ADD SOME MARGIN TO THE TOP OF THE CONTENT*/

.staggered-text-with-image .staggered-content {
    margin-top: 50px;
}

/*ADD SOME WIDTH TO THE IMAGE AND PULL IT UP WITH NEGATIVE MARGIN*/

.staggered-text-with-image .staggered-content .staggered-image {
    width: 35%;
    margin-top: -50px;
}

/*ADD THE WIDTH TO THE TEXT AND GIVE IT PADDING BOTTOM*/

.staggered-text-with-image .staggered-content .staggered-text {
    width: calc(65% - 50px);
    padding-bottom: 50px;
}

/*VERTICAL SLIDER*/

.vertical-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.vertical-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    overflow: hidden;
}

.vertical-slide-content {
    position: relative;
    width: 50%;
    padding: 100px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    z-index: 2;
}

.vertical-slide-image {
    width: 50%;
    height: 75%;
    margin-bottom: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.vertical-slider-progress-vertical {
    position: absolute;
    left: 100px;
    top: calc(25vh);
    bottom: 400px;
    width: 6px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    z-index: 10;
    overflow: hidden;
    pointer-events: none;
}

.vertical-slider-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #FCE203;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    transform-origin: bottom center;
}

/*IMAGES WITH MODALS*/

.images-with-modals {
    position: relative;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(11, 1fr);
    min-height: 100vh;
}

.images-with-modals .image {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
    cursor: pointer;
}

.images-with-modals .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.images-with-modals .image figcaption {
    position: relative;
    z-index: 2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    font-family: var(--subtitle-font-family);
    font-size: 24pt;
    color: #FFF;
    padding: 25px;
}

.images-with-modals .image figcaption::after {
    content: '+';
    font-size: 1.5em;
    line-height: 1;
    border: 1px solid white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.images-with-modals .image:nth-of-type(1) {
    grid-column: 1 / span 5;
    grid-row: 1 / span 3;
    z-index: 10;
}

.images-with-modals .image:nth-of-type(2) {
    grid-column: 7 / span 4;
    grid-row: 1 / span 3;
    z-index: 10;
}

.images-with-modals .image:nth-of-type(3) {
    grid-column: 3 / span 6;
    grid-row: 3 / span 6;
    z-index: 5;
}

.images-with-modals .image:nth-of-type(4) {
    grid-column: 1 / span 4;
    grid-row: 8 / span 3;
    z-index: 4;
}

.images-with-modals .image:nth-of-type(5) {
    grid-column: 6 / span 5;
    grid-row: 8 / span 4;
    z-index: 4;
}

.images-with-modals dialog {
    width: 40%;
    opacity: 1;
    padding: 0px;
    transition: .25s ease-in;
}

.images-with-modals dialog:not([open]) {
    display: none;
    opacity: 0;
    transition: .25s ease-in;
}

.images-with-modals dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.65);
}

.images-with-modals dialog .modal-image {
    width: 40%;
    height: 500px;
}

.images-with-modals dialog .modal-content {
    width: 60%;
    background-color: #455A53;
    padding: 50px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.images-with-modals dialog .modal-close {
    position: absolute;
    right: 25px;
    bottom: 25px;
    border: 1px solid #FFF;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: var(--copy-font-family);
    color: #FFF;
    cursor: pointer;
}

.images-with-modals dialog .modal-close:hover {
    border: 1px solid #2f2f2f;
}

.images-with-modals article {
    display: none;
}

/*ANIMATED SVG BACKGROUND*/

.animated-svg-background {
    position: relative;
}

#animated-map-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
}

#animated-map-outline path {
    stroke: #fff;
    stroke-width: 0.25px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    opacity: 1;
}

.animated-svg-content {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*COMPONENTS*/

/*TEXT*/

/*IF SET AS A QUOTE, ADD THE FANCY QUOTATION MARK*/

.display-quote {
    position: relative;
}

.display-quote:before {
    position: absolute;
    top: -75px;
    left: -50px;
    font-family: var(--title-font-family);
    font-size: 125pt;
    content: "❝";
    z-index: 5;
    opacity: 0.15;
}

.display-quote p {
    position: relative;
    z-index: 10;
}

/*VIDEO*/

/*MAKE POSTER COVER THE VIDEO*/

.vjs-poster img {
    object-fit: cover !important;
}

/*MATCHPLAY BRAND KIT THEME*/

/*CENTER THE BIG PLAY BUTTON AND GIVE IT A CUSTOM ICON*/

.matchplay-video-player-theme {
    position: relative;
}

.matchplay-video-player-theme .vjs-big-play-button {
    transform: translate(-50%, -50%);
    margin-top: 0px;
    margin-left: 0px;
    width: 64px;
    height: 64px;
    background-image: url(/wp-content/uploads/2025/02/play-button.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
}

.matchplay-video-player-theme .vjs-big-play-button:focus,
.matchplay-video-player-theme:hover .vjs-big-play-button {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2025/02/play-button-white.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*HIDE THE DEFAULT ICON*/

.matchplay-video-player-theme .vjs-big-play-button .vjs-icon-placeholder {
    display: none;
}

/*COLOUR AND STYLE THE CONTROL BAR*/

.matchplay-video-player-theme .vjs-control-bar {
    background: rgba(252, 194, 14, 0.5);
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
}

/*COLOUR AND STYLE THE PROGRESS BAR AND LOAD PROGRESS BAR*/

.matchplay-video-player-theme .vjs-slider {
    background-color: #2F2F2F;
}

.matchplay-video-player-theme .vjs-load-progress {
    background: #474747;
}

.matchplay-video-player-theme .vjs-play-progress:before {
    display: none;
}

/*BUTTONS*/

/*ADD MARGIN LEFT TO ANY BUTTON THAT ISN'T THE FIRST*/

/* .buttons .primary-button:not(:first-of-type),
.buttons .fancy-button-holder:not(:first-of-type) {
    margin-left: 25px;
} */

/*SET DEFAULT PADDING FOR DEFAULT, ARROW AND FANCY BUTTONS IF PADDING IS ENABLED*/

.buttons.padding-enabled .primary-button {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}

/*SIZE THE ICON FOR THE FANCY BUTTON, AND GIVE IT SOME MARGIN*/

.buttons .primary-button .button-icon {
    margin-right: 15px;
}

/*MAP*/

/*GIVE IT A STANDARD HEIGHT*/

.map {
    position: relative;
    object-fit: cover;
    min-height: 450px;
    height: 100%;
    z-index: 25;
}

/*ACCORDION*/

/*ADD ARROW*/

.accordion summary {
    position: relative;
}

.accordion summary::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    content: '↓';
}

/*ADD SOME PADDING TO THE SUBHEADING AND THE COPY*/

.accordion summary,
.accordion .copy {
    padding: 15px;
}

/*MAKE THE SUMMARY FLEX AND GIVE IT THE POINTER CURSOR*/

.accordion summary {
    display: flex;
    cursor: pointer;
}

/*UNORDERED LIST*/

/*MAKE IT A DISC, INSIDE AND THEN ALLOW FOR THE SECOND LINE TO WRAP IN LINE*/

.unordered-list ul {
    margin-left: 24px;
    list-style-position: inside;
    list-style-type: disc;
}

/*MAKE LIST ITEMS USE THE COPY FONT AND GIVE THEM A BIT OF A MARGIN*/

.unordered-list ul li {
    margin-bottom: 10px;
    font-family: var(--copy-font-family);
    font-size: var(--copy-font-size);
}

/*IMAGE WITH HOVER CONTENT*/

/*PREVENT ANYTHING FROM OVERFLOWING*/

.image-with-hover-content-holder {
    position: relative;
    overflow: hidden;
}

/*SETUP THE BACKGROUND SO IT IS INITIALLY INVISIBLE*/

.image-with-hover-content-holder .bg-fade {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 0;
}

/*MAKE IT VISIBLE ON HOVER*/

.image-with-hover-content:hover .bg-fade {
    opacity: 1;
}

/*SETUP THE CLIP WRAPPER*/

.image-with-hover-content .clip-wrapper {
    position: relative;
    overflow: hidden;
    height: auto;
}

/*SETUP THE INNER CONTENT*/

.image-with-hover-content .inner-content {
    position: relative;
    transition: transform 1s ease;
    will-change: transform;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

/*ADD SOME MARGIN TO THE SUBHEADING*/

.image-with-hover-content .inner-content .subheading {
    margin-bottom: 15px;
}

/*TABLE*/

.table {
    overflow-x: auto;
}

/*MAKE EACH TABLE ROW SCROLLABLE AND MAKE IT NO WRAP*/

.table-row {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
    padding: 15px;
    margin: 1px;
}

/*SET A WIDTH FOR EACH TABLE COLUMN*/

.table.regular-table .table-column {
    min-width: 200px;
    flex: 1 0 200px;
}

/*CARD*/

.golf-card {
    display: flex;
    position: relative;
    min-height: 75vh;
}

.golf-card .subtitle {
    position: absolute;
    top: 25px;
    left: 25px;
    color: #FFF;
}

.golf-card img {
    width: 250px;
}

/*IMAGE MAP*/

.image-map {
    position: relative;
}

.image-map .image-map-background {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.image-map .image-map-foreground {
    position: relative;
    z-index: 10;
}

/*BLOCK SPECIFIC STYLING*/



/*SITE SPECIFIC STYLING*/

/*FONTS*/


/*BODY*/

body {
    background-color: #F1EBE3 !important;
}

body.home header .header-logo {
    display: none;
}

/*HEADER*/

header {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    z-index: 9999;
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.header-fixed {
    position: fixed;
}

header.nav-up {
    transform: translateY(-150%);
}

header.inverted .header-logo, header.inverted .hamburger-inner {
    filter: invert(100%);
}

header .header-logo {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}
/* 
header .header-logo {
    filter: invert(100%);
} */

header .header-logo.logo-inactive {
    visibility: visible;
    transition: .15s;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    height: 2px;
}

body.home .hamburger-inner,
body.home .hamburger-inner:after,
body.home .hamburger-inner:before {
    background-color: #FFF !important;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #FFF !important;
}
#primary-header.header-fixed {
    background-color: #20342d;
    padding-top: 10px;
    padding-bottom: 10px;
}
#primary-header.header-fixed .header-logo {
    top: 10px;
}
#primary-header.header-fixed .header-logo img {
    height: 60px;
    width: auto;
}
.header-ctas {
    display: flex;
    gap: 1rem;
}
.header-cta.secondary-cta {
    background-image: linear-gradient(to right, #20342d 0%, #34574b 51%, #20342d 100%);
}
.book-tee-cta {
    background-image: linear-gradient(to right, #a97e52 0%, #8e6339 51%, #a97e52 100%);
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    padding: 10px 30px;
    font-family: var(--copy-font-family);
    border-radius: 5px;
    background-size: 200% auto;
    transition: 0.5s, 0s border;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.book-tee-cta:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}
#primary-header.header-fixed .header-cta.secondary-cta {
    border: 1px solid white;
}
@media (max-width: 1600px) {
    .book-tee-cta {
        font-size: 16px;
    }
}
@media (max-width: 1280px) {
    .book-tee-cta {
        font-size: 14px;
    }
    .book-tee-cta svg {
        display: none;
    }
}
@media (max-width: 1023px) {
    .book-tee-cta {
        bottom: 0;
        position: fixed;
        width: 50%;
        left: 50%;
        text-align: center;
        border-radius: 0;
        height: 52px;
        white-space: nowrap;
        border: 1px solid white;
    }
    
    .book-tee-cta.secondary-cta {
        left: 0%;
    }
}
/*NAVIGATION*/

nav {
    position: fixed;
    top: 0;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    height: 100vh;
    background-color: #20342D;
    padding: 50px;
    padding-top: 90px;
    padding-right: 250px;
    z-index: 9998;
    justify-content: flex-start !important;
}
/* @media (max-width: 1023px) {
    nav {
        top: 70px;
    }
} */
nav.is-active {
    visibility: visible;
    opacity: 1;
}

nav ul li {
    margin-bottom: 10px;
}

nav ul li:last-of-type {
    margin-bottom: 0px;
}

nav ul li a {
    position: relative;
    display: inline-block;
    font-family: var(--subtitle-font-family);
    font-size: 28pt;
    color: #FFF;
}

nav ul li a:after {
    content: '';
    position: absolute;
    bottom: -7.5px;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: #a97e52;
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

nav ul li a:hover:after {
    width: 100%;
}

/*MAIN*/



/*FOOTER*/

footer {
    border-top: 1px solid #FFF;
    background-color: #242424;
}

/*TOP*/

footer .footer-top {
    padding-top: 25px;
    padding-bottom: 25px;
}

footer .footer-top ul {
    display: flex;
}

footer .footer-top ul li {
    margin-right: 25px;
}

footer .footer-top ul li a {
    font-family: var(--subheading-font-family);
    font-size: 18pt;
    color: #FFF;
}

footer .footer-top ul li a:hover {
    color: #a97e52;
}

/*MIDDLE*/

footer .footer-middle {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

footer .footer-middle .footer-holder {
    width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
}

footer .footer-middle .footer-holder:first-of-type {
    border-right: 1px solid #FFF;
    padding-left: 50px;
    padding-right: 50px;
}

footer .footer-middle .footer-holder:nth-of-type(2) {
    padding-left: 50px;
    padding-right: 50px;
}

footer .footer-middle .footer-logo {
    display: inline-block;
    margin-bottom: 25px;
}

footer .footer-middle .footer-logo img {
    width: 250px;
}

footer .footer-middle p,
footer .footer-middle a {
    display: block;
    color: #FFF;
}

footer .footer-middle a:hover {
    color: #a97e52;
}

footer .footer-bottom {
    color: #FFF;
}

footer .footer-bottom a:hover {
    color: #a97e52;
}

footer label,
footer .frm_primary_label {
    font-family: var(--copy-font-family) !important;
}

.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
    filter: invert(100%) !important;
}

/*LOGOS*/

.footer-logos {
    border-bottom: 1px solid #FFF;
}

.footer-logo-holder {
    padding: 50px;
}

.footer-logo-holder:nth-of-type(1) {
    width: 25%;
    border-right: 1px solid #FFF;
    text-align: center;
}

.footer-logo-holder img {
    width: 100px;
    margin-right: 25px;
}

.footer-logo-holder img:last-of-type {
    margin-right: 0px;
}

.footer-logo-holder:nth-of-type(2) {
    width: 75%;
}

/*BOTTOM*/

footer .footer-bottom {
    background-color: #000;
    padding-top: 25px;
    padding-bottom: 25px;
}
@media (max-width: 1023px) {
    footer .footer-bottom {
        padding-bottom: 90px;
    }
}

footer .footer-bottom .copy {
    font-size: 12pt !important;
}

/*OTHER*/

/*RECAPTCHA HIDE*/

.grecaptcha-badge {
    visibility: hidden;
}

/*COOKIE CONSENT*/

#wpconsent-root {
    font-family: var(--copy-font-family);
}

/*BACK TO TOP*/

.back-to-top {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 25px;
    background-color: #000;
    color: #FFF;
    font-family: var(--copy-font-family);
    z-index: 9998;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    cursor: pointer;
}

.back-to-top:hover {
    background-color: #040518;
}

/*FANCYBOX*/

.fancybox-infobar {
    display: none;
}

/*INDEX.PHP*/

/*STYLE THE TITLE*/

#blog-archive .blog-title {
    text-align: center;
}

/*STYLE THE SEARCH AND TAG FILTER HOLDER*/

/*GIVE SOME PADDING TO THE HOLDER*/

.search-filter-holder {
    padding-top: 25px;
    padding-bottom: 25px;
}

/*HIDE THE SEARCH BY DEFAULT*/

#post-search {
    display: none;
}

/*STYLE THE SEARCH INPUT*/

.search-filter-holder input[type="search"] {
    width: 500px;
    max-width: 100%;
    font-family: var(--copy-font-family);
    font-size: var(--copy-font-size);
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 25px;
}

/*STYLE THE TAG FILTER*/

#tag-filter {
    white-space: nowrap;
    overflow-x: scroll;
    margin-bottom: 10px;
}

/*STYLE THE SCROLLBAR*/

#tag-filter::-webkit-scrollbar {
    height: 10px;
}

#tag-filter::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

/*NOW STYLE THE BUTTONS THAT HOLD THE TAGS*/

.tag-button {
    font-family: var(--copy-font-family);
    font-size: var(--copy-font-size);
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.tag-button:last-of-type {
    margin-right: 0px;
}

/*SETUP THE POST CONTAINER TO MAKE SURE ALL ITEMS ARE THE SAME HEIGHT*/

#post-container {
    align-items: stretch !important;
}

/*STYLE EACH INDIVIDUAL ARTICLE*/

/*GIVE THE FEATURED IMAGE SOME HEIGHT AND ROUND THE CORNERS*/

.post-thumb {
    width: 100%;
}

/*ADD PADDING TO THE DESCRIPTION*/

.post-description {
    position: relative;
    padding: 15px;
}

/*MAKE THE TAGS USE THE COPY FONT*/

.post-description .tag-link {
    display: block;
    font-family: var(--copy-font-family);
    font-size: var(--copy-font-size);
}

/*MAKE THE LAST TAG NOT HAVE A MARGIN*/

.post-description .tag-link:last-of-type {
    margin-bottom: 15px;
}

/*STYLE THE TITLE*/

.post-description .subheading:hover {
    margin-bottom: 15px;
}

/*ADD MARGIN TO THE EXCERPT*/

.post-description .excerpt {
    margin-top: 15px;
}

/*STYLE THE READ MORE AND GIVE IT A HOVER STATE*/

.post-description .read-more {
    margin-top: 25px;
    padding-top: 15px;
}

/*ADD SOME MARGIN TO THE LOAD MORE... BIT*/

#loader {
    margin-top: 50px;
}

/*MEDIA QUERIES*/

@media (max-width: 1650px) {

    /*STAGGERED TEXT WITH IMAGE*/

    .staggered-text-with-image .staggered-content {
        margin-top: 75px;
    }

}

@media (max-width: 1400px) {

    .center,
    .center-alt {
        width: 85%;
    }

    /*VERTICAL SLIDER*/

    .vertical-slider {
        position: relative;
        height: auto;
        overflow: visible;
    }

    .vertical-slide {
        position: relative;
        display: block;
        height: auto;
        overflow: visible;
    }

    .vertical-slide-content {
        width: 100%;
        padding: 40px 20px;
        transform: none !important;
        opacity: 1 !important;
    }

    .vertical-slide-image {
        position: relative;
        width: 100%;
        height: 300px;
        margin-top: 20px;
        transform: none !important;
    }

    .vertical-slider-progress-vertical {
        display: none;
    }

}

@media (max-width: 1250px) {

    .footer-logos {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .footer-logo-holder:nth-of-type(1),
    .footer-logo-holder:nth-of-type(2) {
        width: 100%;
        padding: 0px;
    }

    .footer-logo-holder:nth-of-type(2) {
        flex-direction: column !important;
    }

    .footer-logo-holder img {
        margin-right: 0px;
        margin-bottom: 25px;
    }

}

@media (max-width: 1200px) {

    .center,
    .center-alt {
        width: 95%;
    }

    /*NAVIGATION*/

    nav {
        width: 100%;
    }

    /*LAYOUTS*/

    /*EXPANDING VIDEO*/

    .expanding-video-holder {
        height: auto;
    }

    .expanding-video {
        width: 100vw !important;
    }

    /*SIDE SCROLL*/

    .side-scroll {
        height: auto;
    }

    .side-scroll-holder {
        flex-wrap: wrap;
    }

    /*SIDE SCROLL WITH SLIDER*/

    .side-scroll-with-slider {
        height: auto;
    }

    .side-scroll-with-slider-holder {
        flex-wrap: wrap;
    }

    /*TAKE AWAY THE FLEX ON THE ARTICLE*/

    .side-scroll-with-slider-holder article {
        padding-top: 50px;
        padding-bottom: 50px;
        width: 100%;
        flex: unset;
        height: auto;
        min-height: unset;
    }

    /*MAKE THE CENTER RELATIVE*/

    .side-scroll-with-slider-holder article .center {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    /*ADJUST THE WRAPS*/

    .side-scroll-with-slider-holder article .center.left-align {
        flex-wrap: wrap;
    }

    .side-scroll-with-slider-holder article .center.right-align {
        flex-wrap: wrap;
    }

    /*ADJUST THE CONTENT*/

    .side-scroll-with-slider .side-scroll-with-slider-holder article .center .side-scroll-slider {
        width: 100%;
        margin-bottom: 25px;
    }

    .side-scroll-with-slider .side-scroll-with-slider-holder article .side-scroll-content {
        width: 100%;
    }

    /*STICKY IMAGE*/

    .sticky-images {
        flex-direction: column;
    }

    .sticky-images .images {
        position: relative;
        top: auto;
        width: 100%;
        height: auto;
        order: 1;
    }

    .sticky-images .images aside {
        position: relative;
        top: auto;
        left: auto;
        height: 75vh;
        opacity: 1;
        transition: none;
    }

    .sticky-images .images aside:not(:first-of-type) {
        display: none;
    }

    .sticky-images .articles {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
        order: 2;
    }

    .sticky-images .articles article {
        height: auto;
        margin-bottom: 50px;
    }

    .sticky-images .articles article:last-of-type {
        margin-bottom: 0px;
    }

    /*SLIDER WITH CONTENT*/

    .slider-with-content {
        background-color: rgb(241, 235, 227);
    }

    .slider-with-content .swiper-slide-active .slide-image {
        height: 50vh;
    }

    .slider-with-content .slide-content {
        align-items: center;
        justify-content: center;
    }

    .slider-with-content .slide-content {
        text-align: center;
    }

    .slider-with-content .slide-meta {
        width: 100%;
    }

    .slider-with-content .slide-description {
        width: 100%;
        margin-top: 15px;
    }

    .slider-with-content .slide-description p {
        max-width: 60ch;
        margin: 0 auto;
    }

    /*COLUMNS*/

    .columns.column-count-three {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0px;
    }

    /*SIDE BY SIDES*/

    .side-by-side aside {
        width: 100%;
        height: 50vh;
        order: 1;
        margin-bottom: 25px;
    }

    .side-by-side article {
        width: 100%;
        padding: 50px;
        order: 2;
    }

    /*PARALLAX IMAGES AND COPY*/

    .parallax-images-and-copy.left-align {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .parallax-images-and-copy.left-align .parallax-image:nth-of-type(1) {
        grid-area: auto;
        margin-bottom: 25px;
    }

    .parallax-images-and-copy.left-align .parallax-image:nth-of-type(2) {
        grid-area: auto;
        margin-bottom: 25px;
    }

    .parallax-images-and-copy.left-align .parallax-copy {
        padding-left: 0px;
        grid-area: auto;
    }

    .parallax-images-and-copy.right-align {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px
    }

    .parallax-images-and-copy.right-align .parallax-image:nth-of-type(1) {
        grid-area: auto;
        margin-bottom: 25px;
    }

    .parallax-images-and-copy.right-align .parallax-image:nth-of-type(2) {
        grid-area: auto;
        margin-bottom: 25px;
    }

    .parallax-images-and-copy.right-align .parallax-copy {
        padding-left: 0px;
        grid-area: auto;
    }

    /*HALF AND HALF*/

    .half-and-half .half {
        width: 100%;
        padding: 0px !important;
    }

    .half-and-half .half.padding-control-enabled {
        padding: 50px !important;
    }

    /*FIX THE CARD*/

    .golf-card .subtitle {
        position: relative;
        top: auto;
        left: auto;
        color: #FFF;
        margin-bottom: 25px;
    }

    /*PARALLAX QUADS*/

    .parallax-quad .quad-holder {
        width: 50%;
        height: 50vh;
    }

    /*PARALLAX LIST*/

    .parallax-list {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .parallax-list .parallax-list-description {
        width: 100%;
    }

    .parallax-list .parallax-list-holder {
        margin-top: 50px;
        width: 100%;
    }

    .parallax-list .parallax-list-holder .parallax-list-item {
        width: 100%;
        margin-bottom: 25px;
    }

    .parallax-list .parallax-list-holder .parallax-list-item:last-of-type {
        margin-bottom: 0px;
    }

    /*BLOG GRID*/

    .blog-grid article.post:nth-of-type(1),
    .blog-grid article.post:nth-of-type(2),
    .blog-grid article.post:nth-of-type(3),
    .blog-grid article.post:nth-of-type(4),
    .blog-grid article.post:nth-of-type(5) {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    /*COURSE SLIDER*/

    .course-slider {
        padding-left: 25px;
        padding-right: 25px;
    }

    .course-slider .slide .slide-media,
    .course-slider .slide .slide-content {
        width: 100%;
    }

    .course-slider .slide .background-image {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 25px;
    }

    .course-slider .slide .background-video {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 25px;
    }

    /*CENTERED GRID LIST*/

    .grid-centered-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }

    /*ITEM*/

    .centered-list-item {
        width: 100%;
        margin-bottom: 25px;
    }

    /*REMOVE FROM THE LAST*/

    .centered-list-item:last-of-type {
        margin-bottom: 0px;
    }

    /*MAKE FULL WIDTH*/

    .centered-list .grid-centered-list.list-items-2 .centered-list-item {
        width: 100%;
    }

    .centered-list .grid-centered-list.list-items-3 .centered-list-item {
        width: 100%;
    }

    .centered-list .grid-centered-list.list-items-4 .centered-list-item {
        width: 100%;
    }

    /*STAGGERED TEXT WITH IMAGE*/

    .staggered-text-with-image .staggered-content {
        margin-top: 50px;
    }

    .staggered-text-with-image .staggered-content .staggered-image {
        width: 100%;
        height: 400px;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .staggered-text-with-image .staggered-content .staggered-text {
        width: 100%;
    }

    /*IMAGES WITH MODALS*/

    .images-with-modals {
        display: flex;
        flex-direction: column;
        grid-template-columns: initial;
        grid-template-rows: initial;
        min-height: auto;
    }

    .images-with-modals .image {
        grid-column: initial !important;
        grid-row: initial !important;
        width: 100%;
        height: 350px;
        box-shadow: none;
        cursor: default;
    }

    .images-with-modals dialog {
        display: none !important;
    }

    .images-with-modals article {
        display: block;
        order: 1;
        margin-bottom: 25px;
    }

    .images-with-modals article p {
        color: #000 !important;
    }

    .images-with-modals .image figcaption::after {
        content: none;
    }

    .images-with-modals .image:nth-of-type(1) {
        order: 1;
    }

    .images-with-modals .image:nth-of-type(2) {
        order: 3;
    }

    .images-with-modals .image:nth-of-type(3) {
        order: 5;
    }

    .images-with-modals .image:nth-of-type(4) {
        order: 7;
    }

    .images-with-modals .image:nth-of-type(5) {
        order: 9;
    }

    .images-with-modals article:nth-of-type(1) {
        order: 2;
    }

    .images-with-modals article:nth-of-type(2) {
        order: 4;
    }

    .images-with-modals article:nth-of-type(3) {
        order: 6;
    }

    .images-with-modals article:nth-of-type(4) {
        order: 8;
    }

    .images-with-modals article:nth-of-type(5) {
        order: 10;
    }

    /*ANIMATED SVG BACKGROUND*/

    .animated-svg-background {
        padding-top: 100px;
        padding-bottom: 100px;
        min-height: auto;
    }

    .animated-svg-content {
        position: relative;
        top: auto;
        left: auto;
        padding: 25px;
        transform: none !important;
    }

    #animated-map-outline {
        position: absolute;

    }

    #animated-map-text {
        display: none;
    }

}

@media (max-width: 1000px) {

    nav {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
        align-items: flex-start!important;
    }

    nav ul li {
        margin-bottom: 5px;
    }
nav ul li a {
    font-size: 28px;
}
    header .header-logo.logo-inactive {
        visibility: hidden;
        transition: .15s;
    }

    footer .footer-top ul {
        flex-direction: column !important;
        text-align: center;
    }

}

@media (max-width: 800px) {

    /*HEADER*/

    header {
        padding-left: 25px;
        padding-right: 25px;
    }

    .title {
        font-size: 42pt;
    }

    .center,
    .center-alt {
        width: calc(100% - 50px);
    }

    /*FOOTER*/

    footer .footer-middle .footer-holder {
        width: 100%;
    }

    footer .footer-middle .footer-holder:first-of-type {
        justify-content: center !important;
        align-items: center !important;
        text-align: center;
        padding-bottom: 0px;
    }

    /*BLOCK*/

    .standard-block .background-image {
        background-attachment: scroll !important;
    }

    /*LAYOUTS*/

    /*STAGGERED IMAGES*/

    .staggered-images {
        grid-template-columns: auto;
        grid-template-rows: auto;
    }

    .staggered-images .staggered-image:nth-of-type(1),
    .staggered-images .staggered-image:nth-of-type(2),
    .staggered-images .staggered-image:nth-of-type(3) {
        grid-area: auto;
    }

    /*COLUMNS*/

    .columns.column-count-two {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0px;
    }

    /*SIDE BY SIDES*/

    .side-by-side article {
        padding: 25px;
    }

    /*HALF AND HALF*/

    .half-and-half .half.padding-control-enabled {
        padding: 25px !important;
    }

    /*PARALLAX QUADS*/

    .parallax-quad .quad-holder {
        width: 100%;
    }

    /*COMPONENTS*/

    /*TEXT*/

    /*SET MAX-WIDTH OF ALL TEXT TO NONE*/

    .title,
    .subtitle,
    .heading,
    .subheading,
    .copy {
        max-width: none !important;
    }

}

h1 {
    margin-top: 0;
    font-family: var(--subtitle-font-family);
    font-size: var(--subtitle-font-size);
    font-weight: var(--subtitle-font-weight);
    letter-spacing: var(--subtitle-font-letterspacing);
    line-height: var(--subtitle-font-lineheight);
}

#Rates-01 h1,
#blog h1,
#stay h1,
#news h1,
#ryder-01 h1,
#contact h1,
#druids-02 h1,
#blog-01 h1,
.banner-block h1,
.content-primary h1, 
.content-primary h2,
#golf-03 h1 {
    margin-top: 0;
    font-family: var(--subtitle-font-family);
    font-size: var(--subtitle-font-size);
    font-weight: var(--subtitle-font-weight);
    letter-spacing: var(--subtitle-font-letterspacing);
    line-height: var(--subtitle-font-lineheight);
}

#Rates-01 h1 {
    font-family: var(--heading-font-family);
    font-size: var(--heading-font-size);
    font-weight: var(--heading-font-weight);
    letter-spacing: var(--heading-font-letterspacing);
    line-height: var(--heading-font-lineheight);
}

.buttons#golf .primary-button .button-icon {
    height: 10px;
}
.standard-block {
    position: relative;
}
.golf-card:before {
    content: '';
    background-color: black;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.boxes-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
    top: 0;
    transform: none;
    left: 0;
}
.golf-card img { 
    z-index: 2;
}
.standard-block .background-colour {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: -1;
}
.standard-block .background-image.quote-block-header {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: -1;
}
.standard-block .background-image.quote-block-header:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7;
    left: 0;
    top: 0;
    position: absolute;
}
.standard-block .quote-block-body p {
    color: white;
}
.content-primary img {
    max-width: 350px;
    max-height: 408px;
    object-fit: contain;
}
@media (max-width: 1023px) {
    .content-primary img {
    max-width: 100%;
}
}
.gallery-centered {
    padding: 40px 0 60px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: white;
}
.primary-button {
    text-transform: uppercase;
        background-image: linear-gradient(to right, #a97e52 0%, #8e6339 51%, #a97e52 100%);
    color: white;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 10px 30px;
    font-family: var(--copy-font-family);
    background-size: 200% auto;
    transition: 0.5s, 0s border;
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    border-radius: 5px;
}
.primary-button:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}
.primary-button.primary-button-2 {
    background-image: linear-gradient(to right, #20342d 0%, #34574b 51%, #20342d 100%);
}
.half-content .buttons {
    flex-direction: column;
}
.half-content .primary-button {
    margin-bottom: 10px;
}
.wp-block-group {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.padding-top-fix {
    padding-top: 50px;
}
.single-post .content-primary img {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    margin: 20px auto;
}

.rank-math-html-sitemap {
  color: #000;
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.rank-math-html-sitemap > div {
    min-width: 900px;
    padding-bottom: 3rem;
}
.sitemap__container {
  margin: 68px 50px 67px;
  flex: 0 1 898px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .sitemap__container {
    margin: 0;
    padding: 49px 37px 52px 36px;
  }
}
.rank-math-html-sitemap .rank-math-html-sitemap__title {
  margin: 9px 0 0 0;
  text-transform: uppercase;
  display: none;
}
@media screen and (max-width: 1024px) {
  .rank-math-html-sitemap .rank-math-html-sitemap__title {
    margin: 16px 0 0 0;
  }
}
.rank-math-html-sitemap .rank-math-html-sitemap__list {
  margin: 38px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .rank-math-html-sitemap .rank-math-html-sitemap__list {
    margin: 24px 0 0 0;
  }
}
.rank-math-html-sitemap ul {
  margin: 0px;
  padding-inline-start: 0;
}
.rank-math-html-sitemap ul li {
  padding: 10px;
  border: 1px solid #ccc;
  border-left: 3px solid #242424;
  margin: 10px;
  list-style: none;
}
.rank-math-html-sitemap ul li a {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: #242424;
}
.rank-math-html-sitemap ul ul li {
  border-left: 4px solid #242424;
}
.rank-math-html-sitemap ul ul li a {
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  color: #242424;
}
.rank-math-html-sitemap ul ul li ul li {
  border-left: 4px solid #242424;
}
.rank-math-html-sitemap ul ul li ul li a {
  font-size: 12px;
  font-weight: 400;
  text-transform: normal;
  color: #242424;
}