﻿


@media (min-width: 768px) and (max-width: 991px) {



    .grid-tile .tile-overlay .text-overlay .header {
        font-size: .9em !important;
        line-height: 1.1em !important;
        margin-top: 7px !important;
    }

    .grid-tile .tile-overlay .text-overlay .subheader {
        font-size: .725em !important;
        line-height: 1.4em !important;
        padding: 0px 0px !important;
        margin: 5px 0px !important;
    }

    .touch .grid-tile2 .tile-overlay {
        height: inherit !important;
    }


    .grid-tile2 .tile-overlay {
        height: inherit !important;
    }

    .touch .grid-tile .tile-overlay {
        height: 75px !important;
    }

    .touch .grid-tile2 .tile-overlay {
        height: inherit !important;
    }


    .grid-tile2 .tile-overlay {
        height: inherit !important;
    }
}

@media (min-width: 280px) and (max-width: 767px) {

    .grid-tile .tile-overlay .text-overlay .header {
        font-size: 1.05em !important;
        line-height: 1.1em;
        margin: 0px !important;
    }

    .grid-tile .tile-overlay .text-overlay .subheader {
        font-size: .8em !important;
        line-height: 1.4em !important;
        padding: 0px 10px !important;
        margin: 5px 0px 0px 0px !important;
    }

    .touch .grid-tile2 .tile-overlay {
        height: auto !important;
        display: table !important;
        padding: 20px 10px !important;
        margin-bottom: 40px;
    }

    .no-touch .grid-tile2 .tile-overlay {
        display: table;
    }


    .touch .grid-tile .tile-overlay {
        height: 90px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .grid-tile2 .tile-overlay .text-overlay {
        display: table;
    }

    a .gridPhotoPadding {
        padding-bottom: 70% !important;
    }
}

p.extLink {
    margin-top:15px;
}

.grid-tile .tile-overlay .text-overlay .subheader {
    font-size: .65em;
}

.grid-tile .social-placeholder, .grid-tile a {
    padding-bottom: 75% !important;
}

.grid-tile .tile-overlay .text-overlay .subheader {
    color: #FFF;
    font-size: 1em;
}

a.gridPhotoPadding {
    padding-bottom: 60% !important;
}


.grid-tile .tile-overlay {
    background: rgba(64,89,139,0.85) !important;
    bottom: 0px;
}

.grid-tile {
    float: left;
    display: inline-block;
    width: 100%;
}

    .grid-tile .video-play-button {
        position: absolute;
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat
    }

    .grid-tile .tile-overlay.video-overlay:hover .video-play-button {
        opacity: 0 !important
    }

    .grid-tile .social-placeholder, .grid-tile a {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        background-size: cover;
        background-position: center;
        display: block;
        width: 100%;
        padding-bottom: 57%;
    }

    .grid-tile .social-placeholder {
        display: none
    }

        .grid-tile .social-placeholder:only-child {
            display: block;
            background-color: #848484
        }



@media (min-width: 767px) {
    .grid-tile {
        width: 33.33%
    }
}

.grid-tile.square {
    width: 100%
}

    .grid-tile.square a {
        padding-bottom: 100%
    }

@media (min-width: 767px) {
    .grid-tile.square {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .grid-tile.square.third {
        width: 33%
    }

    .grid-tile.square.quarter {
        width: 25%
    }
}

.grid-tile.half {
    width: 100%
}

@media (min-width: 767px) {
    .grid-tile.half {
        width: 50%
    }
}

.grid-tile .tile-overlay {
    position: absolute;
    left: 0;
    background: rgba(64,89,139,0.85);
    width: 100%;
    height: 100%;
    padding: 0.8rem;
}

    .grid-tile .tile-overlay.video-overlay {
        background: none;
        padding: 0
    }

        .grid-tile .tile-overlay.video-overlay .video-text-overlay {
            height: 100%;
            padding: 20px;
            background: rgba(20,20,20,0.8) !important;
            opacity: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: opacity 0.2s ease-in-out
        }

            .grid-tile .tile-overlay.video-overlay .video-text-overlay .header {
                line-height: 1.1
            }

            .grid-tile .tile-overlay.video-overlay .video-text-overlay .header, .grid-tile .tile-overlay.video-overlay .video-text-overlay .subheader {
                color: #fff;
                margin: 0;
                text-align: left
            }

        .grid-tile .tile-overlay.video-overlay:hover .video-text-overlay {
            opacity: 1 !important
        }

    .grid-tile .tile-overlay .text-overlay {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding: 0;
        text-align: center
    }

        .grid-tile .tile-overlay .text-overlay .header {
            color: #fff;
            font-size: 1.6em;
            font-weight: 800;
            font-family: Montserrat,Helvetica,Arial,sans-serif;
            text-align: center;
            padding: 0;
            margin: 0;
        }

        .grid-tile .tile-overlay .text-overlay .subheader {
            color: #FFF;
            font-size: .9em;
            line-height: 1.4em;
            font-weight: 400;
            font-family: Montserrat,Helvetica,Arial,sans-serif;
            text-align: center;
            padding: 0px 20px;
            margin: 10px 0px;
        }

.touch .grid-tile .tile-overlay {
    height: 115px;
    bottom: 0
}

@media (min-width: 1024px) {
    .touch .grid-tile .tile-overlay .header {
        font-size: 1.5rem;
        line-height: 1.2em;
        margin-top: 8px !important;
    }
}

@media (min-width: 1024px) {
    .touch .grid-tile .tile-overlay .subheader {
        margin: 5px 0px;
        font-size: .9em;
        line-height: 1.425em;
        padding: 0px;
    }



    .grid-tile2 .tile-overlay {
        height: inherit !important;
    }
}

.no-touch .grid-tile .tile-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0
}

    .no-touch .grid-tile .tile-overlay.slide {
        transform: translateY(101%);
        transition: transform .35s ease-out
    }

    .no-touch .grid-tile .tile-overlay .header {
    }

@media (min-width: 1024px) {
    .no-touch .grid-tile .tile-overlay .header {
    }
}

.grid-tile .news .tile-overlay {
    height: 100%
}

    .grid-tile .news .tile-overlay .text-overlay {
        text-align: left
    }

    .grid-tile .news .tile-overlay.noimage {
        background: #fff
    }

    .grid-tile .news .tile-overlay:hover {
        background: #e31837;
        color: white
    }

        .grid-tile .news .tile-overlay:hover h3 {
            color: #fff
        }

.no-touch .grid-tile a:active .tile-overlay, .no-touch .grid-tile a:hover .tile-overlay {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.stack-reversed {
    display: flex;
    flex-direction: column
}

    .stack-reversed .stack-item-title {
        text-align: center
    }

.clientsWrapper {
    margin-bottom: 20px;
}
