/*
    Theme Name: Builder v4.0
    Author: Matchplay Golf Marketing
    Description: The fourth iteration of Matchplay Golf Marketing's Wordpress theme
    Text Domain: builderv4
*/

/*RESET*/

    /*REMOVE ALL BROWSER STYLES FROM BODY, EXCLUDING THE WORDPRESS ADMIN*/

        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: 0px;
            transition: .15s ease-out;
        }

    /*MAKE ALL FONTS AND LINKS DISPLAY SWAP*/

        p, a {
            font-display: swap;
        }

    /*REMOVE MARGIN FROM HEADINGS*/

        h1, h2, h3, h4, h5, h6 {
            margin: 0px;
        }

    /*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%;
        }

    /*MAKE SECTION RELATIVE*/

        section {
            position: relative;
        }

/*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;
            }