/*TRIPLE IMAGE BLOCK*/

    /*FIX BLOCK PREVIEW*/

        .acf-block-preview .triple-image-block {
            min-height: 200px;
        }

    /*MAKE IMAGE RELATIVE*/

        .triple-image-block .image {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 33.333%;
            transition: .25s ease-out;
            overflow: hidden;
        }

        /*POSITION THE BACKGROUND ABSOLUTELY, SIZE AND SET ZINDEX*/

            .triple-image-block .image .background-holder {
                position: absolute;
                top: 0px;
                left: 0px;
                transform: none;
                height: 100%;
                z-index: 10;
                transition: .25s ease-out;
            }

        /*POSITION THE OPTIONAL BORDER ABSOLUTELY, SIZE AND SET ZINDEX*/

            .triple-image-block .image .border-holder {
                position: absolute;
                top: 5%;
                left: 5%;
                width: calc(100% - 10%);
                height: calc(100% - 10%);
                border: 1px solid transparent;
                z-index: 20;
                transition: .25s ease-out;
            }

        /*MAKE THE CENTERING DIV HAVE A HIGHER Z-INDEX THAN THE BACKGROUND AND ADD PADDING*/

            .triple-image-block .image .center {
                position: relative;
                z-index: 30;
                padding-top: 250px;
                padding-bottom: 250px;
            }

            /*SET ALIGNMENT*/

                .triple-image-block.left-align .image .center {
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: flex-start;
                }

                .triple-image-block.right-align .image .center {
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: flex-end;
                    text-align: right;
                }

                .triple-image-block.center-align .image .center{
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                }

        /*APPLY BORDER ZOOM STYLES IF USED*/

            .triple-image-block.border-zoom .image:hover .background-holder {
                transform: scale(1.5);
                transition: .25s ease-in;
            }

            .triple-image-block.border-zoom .image:hover .border-holder {
                border: 1px solid #FFF;
                transition: .25s ease-in;
            }

        /*EXPANDING BOX STYLES*/

            /*TRIGGER*/

                .expanding-box-trigger {
                    color: var(--link-colour);
                    cursor: pointer;
                    transition: .25 ease-out;
                }

                .expanding-box-trigger:hover {
                    color: var(--link-hover-colour);
                    transition: .25s ease-in;
                }

            /*HIDE UNCOMPRESSED CONTENT TO START*/

                .tripleimage-expanding .uncompressed-content {
                    visibility: hidden;
                    opacity: 0;
                    transition: .25s ease-out;
                }

/*MEDIA QUERIES*/

    @media (max-width: 1400px) {



    }

    @media (max-width: 1200px) {

        .triple-image-block .image {
            position: relative;
            width: 100%;
        }

        .triple-image-block .image .border-holder {
            position: absolute;
            top: 2.5%;
            left: 1.75%;
            width: 96.5%;
            height: 95%;
        }

    }

    @media (max-width: 800px) {

        .triple-image-block .image .center {
            padding-top: 50px !important;
            padding-bottom: 50px !important;
        }

        .triple-image-block.border-zoom .image:hover .background-holder {
            transform: none;
        }

        .triple-image-block.border-zoom .image:hover .border-holder {
            display: none;
        }

    }