/*
    Theme Name: Matchplay Golf Marketing
    Author: Justin Benner
*/

/*RESET*/

    /*REMOVE ALL BROWSER STYLES FROM BODY, EXCLUDING THE WORDPRESS ADMIN, ADD A BACKGROUND COLOUR*/

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

    /*SETUP SMOOTH SCROLLING*/

        html {
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

    /*SETUP A DEFAULT BOX-SIZING VALUE AND REMOVE ALL DEFAULT MARGINS AND PADDING*/

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

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

        a, button {
            color: inherit;
            cursor: revert;
        }

    /*REMOVE DEFAULT UNDERLINE FROM LINKS*/

        a {
            text-decoration: none;
        }

    /*REMOVE ALL LIST STYLES*/

        ol, ul, menu {
            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: calc(100% - 50px);
            margin: 0 auto;
        }

        .center-alt {
            width: calc(100% - 200px);
            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-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-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-start-center {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
            }

            .flex-row-end-center {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-end;
                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-end {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-end;
            }

        /*COLUMN CLASSES*/

            .flex-col-center-center {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                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-between-center {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
            }

    /*GRID*/

        /*BASIC LIST*/

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

/*FONTS*/

    .title {
        font-family: "Marcellus", sans-serif;
        font-size: 42pt;
        font-weight: 800;
    }

    .subtitle {
        font-family: "Marcellus", sans-serif;
        font-size: 32pt;
    }

    .subhead {
        font-family: "Marcellus", sans-serif;
        font-size: 22pt;
        font-weight: 400;
        line-height: 1.5;
    }

    .copy {
        font-family: "Inter", sans-serif;
        font-size: 14pt;
        font-weight: 300;
        line-height: 1.5;
    }

    .copy-alt {
        font-family: "Marcellus", serif;
        font-size: 14pt;
        font-weight: 400;
    }

/*PRIMARY BUTTON*/

    .primary-button {
        position: relative;
        background-color: transparent;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        cursor: pointer;
        pointer-events: all;
        color: #2F2F2F;
        border: 1px solid #2F2F2F;
        transition: 0.5s ease;
    }

    .primary-button::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 0%;
        height: 100%;
        background-color: #FFC20C;
        color: #FFF;
        transition: 0.5s ease;
        z-index: -1;
    }

    .primary-button::after {
        color: #FFF;
    }

    /*ADD A HOVER STATE*/

        .primary-button:hover::before {
            width: 100%;
            transition: 0.5s ease;
        }

        .primary-button:hover {
            color: #FFF;
            transition: 0.5s ease;
        }

/*SCROLLBARS*/

    /*SET TRACK WIDTH*/

        body::-webkit-scrollbar {
            width: 15px;
    }

    /*SET TRACK COLOUR*/

        body::-webkit-scrollbar-track {
            background: #000;
        }

    /*SET THUMB COLOUR*/

        body::-webkit-scrollbar-thumb {
            background: #FFC20C;
        }

/*BODY*/

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

/*HEADER*/

    /*ADD SOME PADDING*/

        header {
            position: fixed;
            top: 0px;
            left: 0px;
            padding: 25px;
            z-index: 9999;
        }

        /*SETUP AN INVERT CLASS*/

            header.invert {
                filter: invert(100%);
                transition: .15s ease;
            }

    /*STYLE THE HAMBURGER*/

        header .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
            background-color: #000 !important;
            border-radius: 0px !important;
            height: 2px !important;
        }

/*NAVIGATION*/

    nav {
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: #FEFBF4;
        padding: 50px;
        padding-top: 150px;
        padding-bottom: 150px;
        visibility: hidden;
        overflow: hidden;
        box-shadow: 20px 20px 60px #bebebe,-20px -20px 60px #ffffff;
        z-index: 9998;
    }

    nav.is-open {
        visibility: visible;
    }

    /*SETUP THE BLUR ON MENU OPEN*/

        body.menu-open > :not(header):not(nav) {
            filter: blur(1px);
            transition: filter 0.3s ease;
        }

    /*SETUP THE INFO HOLDER*/

        nav .info-holder {
            width: 60%;
        }

        /*STYLE THE LINKS*/

            nav .info-holder a {
                display: block;
                margin-bottom: 15px;
                color: #000000;
                transition: 0.5s ease;
            }

            /*ADD A HOVER STATE*/

                nav .info-holder a:hover {
                    color: #FFC20C;
                    transition: 0.5s ease;
                }

    /*SETUP THE MENU HOLDER*/

        nav .menu-holder {
            position: relative;
            width: 40%;
        }

        /*MAKE THE LINKS BLOCK AND STYLE THEM*/

            nav .menu-holder a {
                display: block;
                font-family: "Marcellus", serif;
                font-size: 32pt;
                margin-bottom: 25px;
                color: #000000;
                transition: 0.5s ease;
            }

            /*REMOVE MARGIN FROM LAST LINK*/

                nav .menu-holder a:last-of-type {
                    margin-bottom: 0px;
                }

            /*ADD A HOVER STATE*/

                nav .menu-holder a:hover {
                    color: #FCC20C;
                    transition: 0.5s ease;
                }

        /*ABSOLUTE POSITION THE IMAGE HOLDER*/

            nav .menu-holder .image-holder {
                position: absolute;
                top: 50%;
                width: 100%;
                height: 500px;
                aspect-ratio: 4 / 3;
                transform: translate(-50%, -50%);
            }

            nav .menu-holder .image-holder img {
                aspect-ratio: attr(width) / attr(height);
            }

/*FOOTER*/

    footer, footer .footer-holder{
        border-style: solid;
        border-width: 1px;
        border-color: transparent;
    }

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

    footer .footer-holder .copy {
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    footer .footer-holder .subtitle {
        display: block;
    }

    footer .footer-holder a {
        display: block;
        transition: 0.5s ease;
    }

    footer .footer-holder a:hover {
        color: #FFC20C;
        transition: 0.5s ease;
    }

    footer .contact-holder {
        width: 50%;
    }

    footer .contact-holder .title {
        font-weight: 400;
        margin-bottom: 50px;
    }

    footer .page-holder {
        width: 30%;
    }

    footer .page-holder .subtitle, footer .social-holder .subtitle {
        margin-bottom: 15px;
    }

    footer .page-holder .subtitle:last-of-type, footer .social-holder .subtitle:last-of-type {
        margin-bottom: 0px;
    }

    footer .social-holder {
        width: 20%;
    }

    footer .footer-logo {
        width: calc(100% - 50px);
        margin-left: 25px;
        margin-right: 25px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

/*MAIN*/



/*SECTIONS*/

    /*VIDEO HERO*/

        .video-hero {
            width: calc(100% - 50px);
            margin-top: 100px;
            margin-left: 25px;
            margin-right: 25px;
            overflow: hidden;
        }

        video {
            height: auto;
            object-fit: cover;
        }

    /*OFFSET TEXT WITH BUTTON*/

        .offset-text-with-button {
            width: calc(100% - 100px);
            margin-top: 100px;
            margin-bottom: 100px;
            margin-left: 50px;
            margin-right: 50px;
        }

        .offset-text-with-button .title-holder {
            margin-right: 50px;
        }

        .offset-text-with-button .title-holder p {
            color: #2F2F2F;
            text-transform: uppercase;
            font-weight: 600;
        }

        .offset-text-with-button .description-holder {
            margin-top: 65px;
        }

        .offset-text-with-button .description-holder p {
            max-width: 30ch;
        }

        .offset-text-with-button .copy-holder {
            width: 60%;
            margin-top: 50px;
            padding-right: 50px;
        }

        .offset-text-with-button .copy-holder p {
            color: #2F2F2F;
            max-width: 60ch;
        }

        .offset-text-with-button .primary-button {
            text-transform: uppercase;
            font-weight: 600;
        }

    /*PROJECT SCROLLER*/

        .project-scroller .project {
            position: relative;
            height: 100vh;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border: 3px solid #FFC20C;
        }

        .project-scroller .project .project-overlay {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0.75) 100%);
            pointer-events: none;
            z-index: 5;
        }

        .project-scroller .project .title-holder {
            position: relative;
            z-index: 10;
        }

        .project-scroller .project .title-holder .title {
            text-transform: uppercase;
            text-decoration: underline;
            text-underline-offset: 15px;
            letter-spacing: 5px;
            color: #FFF;
        }

        .project-scroller .project:hover .title-holder .title {
            color: #FFC20C;
            transition: 0.5s ease;
        }

        .project-scroller .project .title-holder .number-holder {
            margin-right: 25px;
            color: #FFF;
        }

        .project-scroller .project .case-study {
            margin-top: 25px;
            text-align: right;
            text-transform: uppercase;
            color: #FFFFFF;
        }

        /*IMAGES*/

            .project-scroller #project-gamblesands {
                background-image: url("https://matchplaymarketing.com/images/gamble-2440.webp");
            }

            .project-scroller #project-skyfall {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-2440.webp");
            }

            .project-scroller #project-coralcreek {
                background-image: url("https://matchplaymarketing.com/images/coral-2440.webp");
            }        

            .project-scroller #project-dreamgolf {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .project-scroller #project-pulpitclub {
                background-image: url("https://matchplaymarketing.com/images/pulpit-2440.webp");
            }

    /*LOGOS*/

        .logos {
            background-color: #2F2F2F;
        }

        .logos .logo-holder {
            width: calc(100% - 100px);
            margin-left: 50px;
            margin-right: 50px;
            padding-top: 25px;
            padding-bottom: 50px;
        }

        .logos .logo {
            width: 150px;
            margin-top: 25px;
            margin-right: 25px;
        }

        .logos .logo:last-of-type {
            margin-right: 0px;
        }

    /*CENTERED TEXT HERO*/

        .centered-text-hero {
            padding-left: 25px;
            padding-right: 25px;
            text-align: center;
        }

        .centered-text-hero .title {
            padding-top: 250px;
            padding-bottom: 250px;
            max-width: 20ch;
        }

        .centered-text-hero .centered-text-image {
            width: calc(100% - 50px);
            margin-left: 25px;
            margin-right: 25px;
        }

        .centered-text-hero .centered-text-image {
            height: 60vh;
            margin-bottom: 100px;
        }

        .centered-text-hero #services-image {
            background-image: url("https://matchplaymarketing.com/images/services-header.webp");
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
        }

    /*CENTERED TEXT HERO WITH COPY*/

        .centered-text-hero-with-copy {
            padding-bottom: 100px;
            padding-left: 25px;
            padding-right: 25px;
        }

        .centered-text-hero-with-copy .title {
            padding-top: 250px;
            padding-bottom: 25px;
            max-width: 20ch;
            margin: 0 auto;
        }

        .centered-text-hero-with-copy .copy {
            max-width: 60ch;
            margin: 0 auto;
        }

    /*SERVICES*/

        .services .service {
            position: relative;
        }

        .services .service:first-of-type {
            border-top: 3px solid #FCC20C;
        }

        .services .service:last-of-type {
            border-bottom: 3px solid #FCC20C;
        }

        .services .service .service-description {
            width: calc(85% - 500px);
            padding-top: 150px;
            padding-bottom: 150px;
        }

        .services .service.service-dark {
            background-color: #2F2F2F;
            color: #FFF;
            padding-left: 25px;
        }

        .services .service.service-light {
            background-color: #FFFFFF;
            color: #2F2F2F;
            padding-right: 25px;
        }

        .services .service.flex-row-between-stretch .service-description {
            padding-right: 50px;
        }

        .services .service.flex-rowreverse-between-stretch .service-description {
            padding-left: 50px;
        }

        .services .service .alternative-copy {
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 25px;
        }

        .services .service .title {
            margin-bottom: 25px;
        }

        .services .service .copy {
            max-width: 80ch;
        }

        .services .service .service-image {
            width: 700px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /*IMAGES*/

            .services .service #communication-image {
                background-image: url("https://matchplaymarketing.com/images/comms-1200.webp");
            }

            .services .service #websitedesign-image {
                background-image: url("https://matchplaymarketing.com/images/Website-1200.webp");
            }

            .services .service #customcontent-image {
                background-image: url("https://matchplaymarketing.com/images/customcontent-1200.webp");
            }

            .services .service #photovideo-image {
                background-image: url("https://matchplaymarketing.com/images/photo-1200.webp");
            }

            .services .service #socialchannels-image {
                background-image: url("https://matchplaymarketing.com/images/social-1200.webp");
            }

            .services .service #capex-image {
                background-image: url("https://matchplaymarketing.com/images/CapEx-1200.webp");
            }

            .services .service #launch-image {
                background-image: url("https://matchplaymarketing.com/images/Launchstrategy-1200.webp");
            }

            .services .service #sponsorships-image {
                background-image: url("https://matchplaymarketing.com/images/sponsorship-1200.webp");
            }

    /*STICKY SCROLL*/

        .sticky-scroll {
            position: relative;
            width: calc(100% - 50px);
            margin-left: 25px;
            margin-right: 25px;
            padding-top: 150px;
            padding-bottom: 150px;
        }

        .sticky-scroll .sticky-title {
            position: sticky;
            top: 50%;
            transform: translateY(-50%);
            left: 0px;
            width: 50%;
        }

        .sticky-scroll .sticky-title .title {
            padding-right: 50px;
            max-width: 15ch;
        }

        .sticky-scroll .sticky-content {
            position: relative;
            width: 50%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
            align-items: start;
        }

        .sticky-scroll .sticky-content .staff-card {
            position: relative;
            width: 100%;
            border-radius: 25px;
            margin-bottom: 75px;
        }

        .sticky-scroll .sticky-content .staff-card:nth-child(2n) {
            transform: translateY(150px)
        }

        .sticky-scroll .sticky-content .staff-card .staff-image {
            background-size: cover;
            background-position: top;
            background-repeat: no-repeat;
            box-shadow:  20px 20px 60px #bebebe,-20px -20px 60px #ffffff;
            padding: 25px;
            border-radius: 25px;
            filter: grayscale(100%);
            transition: 0.5s ease;
        }

        .sticky-scroll .sticky-content .staff-card:hover .staff-image {
            filter: grayscale(0%);
            transition: 0.5s ease;
        }

        .sticky-scroll .sticky-content .staff-card .staff-image .copy {
            opacity: 0;
            visibility: hidden;
            height: 500px;
            padding: 25px;
            overflow-y: auto;
            color: #2F2F2F;
            transition: 0.5s ease;
        }

        .sticky-scroll .sticky-content .staff-card .staff-image .copy::-webkit-scrollbar {
            width: 10px;
            border-radius: 25px;
        }

        .sticky-scroll .sticky-content .staff-card .staff-image .copy::-webkit-scrollbar-track {
            background: #E6E6E6;
            border-radius: 25px;
        }

        .sticky-scroll .sticky-content .staff-card .staff-image .copy::-webkit-scrollbar-thumb {
            background: #FFC20C;
            border-radius: 25px;
        }

        .sticky-scroll .sticky-content .staff-card:hover .staff-image .copy {
            opacity: 1;
            visibility: visible;
            transition: 0.5s ease;
        }

        .sticky-scroll .sticky-content .staff-card .subhead {
            margin-top: 25px;
        }

        /*IMAGES*/

            .sticky-scroll .sticky-content .staff-card#david-cowx .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Dave.webp");
            }

            .sticky-scroll .sticky-content .staff-card#robert-thompson .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Robert.webp");
            }

            .sticky-scroll .sticky-content .staff-card#shannon-robinson .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Shannon.webp");
            }

            .sticky-scroll .sticky-content .staff-card#katelynn-allen .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Katelynn.webp");
            }

            .sticky-scroll .sticky-content .staff-card#emily-craig .staff-image {
                background-image: url("https://matchplaymarketing.com/images/EmilyC.webp");
            }

            .sticky-scroll .sticky-content .staff-card#emily-saunders .staff-image {
                background-image: url("https://matchplaymarketing.com/images/EmilyS.webp");
            }

            .sticky-scroll .sticky-content .staff-card#jeff-brooke .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Jeff.webp");
            }

            .sticky-scroll .sticky-content .staff-card#alex-mckenzie .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Alex.webp");
            }

            .sticky-scroll .sticky-content .staff-card#steve-waxman .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Steve.webp");
            }

            .sticky-scroll .sticky-content .staff-card#justin-benner .staff-image {
                background-image: url("https://matchplaymarketing.com/images/Justin.webp");
            }

            .sticky-scroll .sticky-content .staff-card:hover .staff-image {
                background-image: url("https://matchplaymarketing.com/images/staff-image-test-hover.webp") !important;
            }

    /*EXPERIENCE GRID*/

        .experience-grid {
            padding-bottom: 100px;
            padding-left: 25px;
            padding-right: 25px;
        }

        .experience-grid article {
            position: relative;
            width: calc(50% - 12.5px);
        }

        .experience-grid article .experience-grid-item-image {
            position: relative;
            width: 100%;
            height: 400px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            margin-bottom: 25px;
        }

        .experience-grid article .experience-grid-item-image .experience-grid-item-video {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: 0.5s ease;
        }

        .experience-grid article:hover .experience-grid-item-image .experience-grid-item-video {
            opacity: 1;
            transition: 0.5s ease;
        }

        .experience-grid article:hover .subhead {
            color: #FFC20C;
            transition: 0.5s ease;
        }

        .experience-grid article .services-list-holder {
            margin-bottom: 25px;
        }

        /*IMAGES*/
        
            .experience-grid article #gamble-sands {
                background-image: url("https://matchplaymarketing.com/images/gamble-1200.webp");
            }

            .experience-grid article #coral-creek {
                background-image: url("https://matchplaymarketing.com/images/coral-1200.webp");
            }

            .experience-grid article #forest-dunes {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-1200.webp");
            }

            .experience-grid article #dream-golf {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .experience-grid article #pulpit-club {
                background-image: url("https://matchplaymarketing.com/images/pulpit-1200.webp");
            }

    /*CASE STUDY*/

        .case-study-header {
            padding-top: 250px;
            padding-left: 25px;
            padding-right: 25px;
        }

        .case-study-header .title {
            width: 100%;
            border-bottom: 1px solid #D3D3D3;
            padding-bottom: 25px;
            margin-bottom: 25px;
        }

        .case-study-header .case-study-details .case-study-details-holder {
            width: 50%;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .case-study-header .case-study-details .service-list-title {
            margin-bottom: 15px;
        }

        .case-study-content {
            padding-left: 25px;
            padding-right: 25px;
        }

        .case-study-content .case-study-feature-image {
            height: 75vh;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            margin-bottom: 100px;
        }

        /*IMAGES*/

            .case-study-content #gamble-sands-feature {
                background-image: url("https://matchplaymarketing.com/images/gamble-2440.webp");
            }

            .case-study-content #forest-dunes-feature {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-2440.webp");
            }

            .case-study-content #dream-golf-feature {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .case-study-content #pulpit-club-feature {
                background-image: url("https://matchplaymarketing.com/images/pulpit-2440.webp");
            }

            /*CORAL CREEK CASE STUDY*/

                .case-study-content #coral-creek-feature {
                    background-image: url("https://matchplaymarketing.com/images/coral-2440.webp");
                }

        .case-study-services-images .case-study-services-image-holder-half {
            width: calc(50% - 12.5px);
        }

        .case-study-content .case-study-content-text {
            width: 50%;
            padding-right: 50px;
        }

        .case-study-content .case-study-content-text .subtitle {
            border-bottom: 1px solid #D3D3D3;
            padding-bottom: 25px;
            margin-bottom: 25px;
        }

        .case-study-content .case-study-content-image {
            width: 50%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .case-study-content #gamble-sands-content-image {
            background-image: url("https://matchplaymarketing.com/images/project-gamblesands.webp");
        }

    /*SINGLE QUOTE*/

        .single-quote {
            padding-top: 100px;
            padding-bottom: 200px;
        }

        .single-quote-author {
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 15px;
        }

        .single-quote-content {
            text-align: center;
            max-width: 40ch;
        }

    /*CASE STUDY SERVICES*/

        .case-study-services {
            padding-bottom: 100px;
            padding-left: 25px;
            padding-right: 25px;
        }
    
        .case-study-services .case-study-services-tag {
            font-size: 12pt;
            text-transform: uppercase;
            margin-bottom: 15px;
        }

        .case-study-services .case-study-services-title {
            text-align: center;
            margin-bottom: 15px;
        }

        .case-study-services .case-study-services-copy {
            text-align: center;
            max-width: 60ch;
            margin-bottom: 100px;
        }

        .case-study-services .case-study-services-image-full {
            width: 100%;
            height: 500px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat; 
        }

        .case-study-services .case-study-services-image-half {
            width: calc(50% - 12.5px);
            height: 500px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

    /*MORE PROJECTS*/

        .more-projects {
            padding-bottom: 50px;
            padding-left: 25px;
            padding-right: 25px;
        }

        .more-projects .more-projects-holder {
            margin-top: 25px;
        }

        .more-projects .more-projects-subholder {
            width: calc(25% - 25px);
        }

        .more-projects .more-projects-subholder .subhead {
            font-size: 18pt;
            transition: 0.5s ease;
        }

        .more-projects .more-projects-subholder:hover .subhead {
            color: #FCC20C;
            transition: 0.5s ease;
        }

        .more-projects .more-projects-image {
            height: 500px;
            margin-bottom: 25px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .services-list-holder {
            margin-top: 15px;
        }

        .services-list-holder .services-list-subholder {
            font-size: 12pt !important;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
            background-color: #f1f1f1;
            border-radius: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

        .services-list-holder .services-list-subholder:last-of-type {
            margin-right: 0px;
        }

        /*IMAGES*/

            .more-projects #more-projects-gamble-sands {
                background-image: url("https://matchplaymarketing.com/images/gamble-800.webp");
            }

            .more-projects #more-projects-forest-dunes {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-800.webp");
            }

            .more-projects #more-projects-coral-creek {
                background-image: url("https://matchplaymarketing.com/images/coral-800.webp");
            }

            .more-projects #more-projects-dream-golf {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .more-projects #more-projects-pulpit-club {
                background-image: url("https://matchplaymarketing.com/images/pulpit-800.webp");
            }

    /*LOGO SLIDER*/

        .logo-slider {
            overflow-x: hidden;
            padding-left: 25px;
            padding-right: 25px;
        }

        .logo-slider .title {
            margin-bottom: 25px;
        }

        .logo-slider .logo-slider-holder {
            flex-wrap: nowrap;
            margin-bottom: 25px;
        }

        .logo-slider .logo-slider-holder:last-of-type {
            margin-bottom: 0px;
        }

        .logo-slider .logo-slider-holder .logo {
            flex: 0 0 auto;
            padding: 25px;
            border-radius: 25px;
            margin-right: 25px;
        }

    /*QUOTE SLIDER*/

        .quote-slider {
            padding-top: 200px;
            padding-bottom: 100px;
            padding-left: 25px;
            padding-right: 25px;
        }

        .quote-slider .swiper {
            width: 750px;
            max-width: 100%;
        }

        .quote-slider .swiper-name {
            font-size: 12pt;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 25px;
        }

        .quote-slider .subhead {
            text-align: center;
        }

        .quote-slider .swiper-navigation div {
            position: relative !important;
            top: 0px !important;
            margin-top: 25px !important;
            margin-right: 50px !important;
            color: #E6E6E6;
            transform: none;
        }

        .quote-slider .swiper-navigation div:last-of-type {
            margin-right: 0px !important;
        }

/*MEDIA QUERIES*/

    @media (max-width: 1750px) {

        /*MORE PROJECTS*/

            .more-projects {
                padding-bottom: 25px;
            }

            .more-projects .more-projects-subholder {
                width: calc(50% - 25px);
                margin-bottom: 25px;
            }

            .more-projects #more-projects-gamble-sands {
                background-image: url("https://matchplaymarketing.com/images/gamble-1200.webp");
            }

            .more-projects #more-projects-forest-dunes {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-1200.webp");
            }

            .more-projects #more-projects-coral-creek {
                background-image: url("https://matchplaymarketing.com/images/coral-1200.webp");
            }

            .more-projects #more-projects-dream-golf {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .more-projects #more-projects-pulpit-club {
                background-image: url("https://matchplaymarketing.com/images/pulpit-1200.webp");
            }

    }

    @media (max-width: 1600px) {

        /*PROJECT SCOLLER*/

            .project-scroller #project-gamblesands {
                background-image: url("https://matchplaymarketing.com/images/gamble-1600.webp");
            }

            .project-scroller #project-skyfall {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-1600.webp");
            }

            .project-scroller #project-coralcreek {
                background-image: url("https://matchplaymarketing.com/images/coral-1600.webp");
            }        

            .project-scroller #project-dreamgolf {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .project-scroller #project-pulpitclub {
                background-image: url("https://matchplaymarketing.com/images/pulpit-1600.webp");
            }

        /*CASE STUDY CONTENT*/

            .case-study-content #gamble-sands-feature {
                background-image: url("https://matchplaymarketing.com/images/gamble-1600.webp");
            }

            .case-study-content #forest-dunes-feature {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-1600.webp");
            }

            .case-study-content #coral-creek-feature {
                background-image: url("https://matchplaymarketing.com/images/coral-1600.webp");
            }

            .case-study-content #dream-golf-feature {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .case-study-content #pulpit-club-feature {
                background-image: url("https://matchplaymarketing.com/images/pulpit-1600.webp");
            }

    }

    @media (max-width: 1400px) {

        /*FONTS*/

            .title {
                font-size: 28pt;
            }

            .subtitle {
                font-size: 24pt;
            }

            .subhead {
                font-size: 16pt;
            }

        /*SERVICES*/

            .services .service .service-description {
                width: calc(100% - 700px);
            }

            .services .service .copy {
                max-width: none;
            }

        /*EXPERIENCE GRID*/

            .experience-grid article .subhead {
                font-size: 22pt;
            }

    }

    @media (max-width: 1300px) {

        /*FOOTER*/

            footer .contact-holder {
                width: 100%;
                border-right: none;
            }

            footer .page-holder {
                width: 65%;
            }

            footer .social-holder {
                width: 35%;
                border-right: none;
            }

    }

    @media (max-width: 1200px) {

        /*NAVIGATION*/

            nav .info-holder {
                width: 100%;
                order: 2;
            }

            nav .menu-holder {
                width: 100%;
                order: 1;
                margin-bottom: 50px;
            }

        /*OFFSET TEXT WITH BUTTON*/

            .offset-text-with-button {
                margin-top: 50px;
                margin-bottom: 50px;
                margin-left: 25px;
                margin-right: 25px;
            }

            .offset-text-with-button .description-holder {
                margin-top: 25px;
            }

            .offset-text-with-button .copy-holder {
                width: 100%;
                margin-top: 25px;
                margin-bottom: 25px;
                padding-right: 0px;
            }

            .offset-text-with-button .copy-holder p {
                max-width: none;
            }

        /*PROJECT SCROLLER*/

            .project-scroller .project .title-holder .number-holder {
                display: none;
            }

            .project-scroller #project-gamblesands {
                background-image: url("https://matchplaymarketing.com/images/gamble-1200.webp");
            }

            .project-scroller #project-skyfall {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-1200.webp");
            }

            .project-scroller #project-coralcreek {
                background-image: url("https://matchplaymarketing.com/images/coral-1200.webp");
            }        

            .project-scroller #project-dreamgolf {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .project-scroller #project-pulpitclub {
                background-image: url("https://matchplaymarketing.com/images/pulpit-1200.webp");
            }

        /*CASE STUDY CONTENT*/

            .case-study-content #gamble-sands-feature {
                background-image: url("https://matchplaymarketing.com/images/gamble-1200.webp");
            }

            .case-study-content #forest-dunes-feature {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-1200.webp");
            }

            .case-study-content #coral-creek-feature {
                background-image: url("https://matchplaymarketing.com/images/coral-1200.webp");
            }

            .case-study-content #dream-golf-feature {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .case-study-content #pulpit-club-feature {
                background-image: url("https://matchplaymarketing.com/images/pulpit-1200.webp");
            }

        /*LOGOS*/

            .logos .logo-holder {
                width: calc(100% - 50px);
                margin-left: 25px;
                margin-right: 25px;
            }

        /*CENTERED TEXT HERO*/

            .centered-text-hero {
                padding-left: 0px;
                padding-right: 0px;
            }

            .centered-text-hero .title {
                padding-left: 25px;
                padding-right: 25px;
                padding-top: 150px;
                padding-bottom: 100px;
            }

            .centered-text-hero .centered-text-image {
                margin-left: 0px;
                margin-right: 0px;
                background-attachment: scroll !important;
                margin-bottom: 50px;
            }

        /*CENTERED TEXT HERO WITH COPY*/

            .centered-text-hero-with-copy {
                padding-bottom: 50px;
            }

            .centered-text-hero-with-copy .title {
                padding-top: 150px;
            }

        /*SERVICES*/

            .services .service.flex-rowreverse-between-stretch .service-description, .services .service.flex-row-between-stretch .service-description {
                padding-left: 0px;
                padding-right: 0px;
            }

            .services .service {
                padding-left: 25px;
                padding-right: 25px;
            }

            .services .service:last-of-type {
                padding-bottom: 0px;
            }

            .services .service .service-description {
                width: 100%;
                padding-top: 50px;
                padding-bottom: 50px;
            }

            .services .service .service-image {
                width: 100%;
                height: 400px;
                margin-bottom: 50px;
            }

        /*STICKY SCROLL*/

            .sticky-scroll .sticky-title {
                width: 35%;
                align-items: flex-start;
                justify-content: flex-start;
            }

            .sticky-scroll .sticky-title .title {
                padding-right: 0px;
                max-width: none;
            }

            .sticky-scroll .sticky-content {
                width: 65%;
            }

            .sticky-scroll .sticky-content .staff-card {
                margin-bottom: 25px;
            }

        /*EXPERIENCE GRID*/

            .experience-grid {
                padding-bottom: 50px;
            }

            .experience-grid article {
                width: 100%;
            }

    }

    @media (max-width: 1100px) {

        /*STICKY SCROLL*/

            .sticky-scroll {
                padding-bottom: 175px;
            }

            .sticky-scroll .sticky-title {
                position: relative;
                top: auto;
                width: 100%;
            }

            .sticky-scroll .sticky-content {
                width: 100%;
            }

    }

    @media (max-width: 1000px) {

        /*CASE STUDY*/

            .case-study-header {
                padding-top: 200px;
            }

            .case-study-header .case-study-details .case-study-details-holder {
                width: 100%;
                padding-top: 25px;
                padding-bottom: 25px;
            }

            .case-study-content {
                padding-bottom: 50px;
            }

            .case-study-content .case-study-feature-image {
                margin-bottom: 50px;
            }

            .case-study-content .case-study-content-text, .case-study-content .case-study-content-text .case-study-content-image {
                width: 100%;
            }

            .case-study-content .case-study-content-image {
                margin-top: 50px;
                width: 100%;
                height: 50vh;
            }

        /*CASE STUDY SERVICES*/

            .case-study-services .case-study-services-image-half {
                width: 100%;
                margin-bottom: 25px;
            }

            .case-study-services .case-study-services-image-half:nth-of-type(2) {
                margin-bottom: 0px;
            }

        /*MORE PROJECTS*/

            .more-projects .more-projects-subholder {
                width: 100%;
                margin-bottom: 25px;
            }

            .more-projects .more-projects-subholder:last-of-type {
                margin-bottom: 0px;
            }

    }

    @media (max-width: 800px) {

        /*PROJECT SCROLLER*/

            .project-scroller #project-gamblesands {
                background-image: url("https://matchplaymarketing.com/images/gamble-800.webp");
            }

            .project-scroller #project-skyfall {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-800.webp");
            }

            .project-scroller #project-coralcreek {
                background-image: url("https://matchplaymarketing.com/images/coral-800.webp");
            }        

            .project-scroller #project-dreamgolf {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .project-scroller #project-pulpitclub {
                background-image: url("https://matchplaymarketing.com/images/pulpit-800.webp");
            }

        /*CASE STUDY CONTENT*/

            .case-study-services-images .case-study-services-image-holder-half {
                width: 100%;
                margin-bottom: 25px;
            }

            .case-study-services-images .case-study-services-image-holder-half:last-of-type {
                margin-bottom: 0px;
            }

            .case-study-content #gamble-sands-feature {
                background-image: url("https://matchplaymarketing.com/images/gamble-800.webp");
            }

            .case-study-content #forest-dunes-feature {
                background-image: url("https://matchplaymarketing.com/images/forestdunes-800.webp");
            }

            .case-study-content #dream-golf-feature {
                background-image: url("https://matchplaymarketing.com/images/project-dreamgolf.webp");
            }

            .case-study-content #pulpit-club-feature {
                background-image: url("https://matchplaymarketing.com/images/pulpit-800.webp");
            }

        /*STICKY SCROLL*/

            .sticky-scroll {
                padding-bottom: 50px;
            }

            .sticky-scroll .sticky-content {
                width: 100%;
                grid-template-columns: 1fr;
            }

            .sticky-scroll .sticky-content .staff-card:nth-child(2n) {
                transform: none;
            }

            .sticky-scroll .sticky-content .staff-card {
                margin-bottom: 25px;
            }

        /*FOOTER*/

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

            footer .page-holder {
                width: 100%;
                border-right: none;
            }

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

    }