/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.tile-grid-item .btn { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .tile-grid-item .btn { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.tile-grid-item { position: relative; max-width: 350px; background-color: #2b3137; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-shadow: 0 19px 18px -15px #000; box-shadow: 0 19px 18px -15px #000; z-index: 1; }

.tile-grid-item::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ' '; z-index: 2; }

.tile-grid-item .tile-grid-item-inner { position: relative; z-index: 3; }

.tile-grid-item .btn:hover, .tile-grid-item .btn:active, .tile-grid-item .btn:focus { color: #2b3137; }

.tile-grid-item .btn, .tile-grid-item .btn:visited { color: #fff; }

.tile-grid-item h2 { max-width: 70%; }

@media (min-width: 768px) { .tile-grid-item { max-width: none; } }
/*# sourceMappingURL=elementtilegrid.css.map */