body { font-family: 'Source Sans Pro', Arial, sans-serif; font-size: 17pt; }

a { color: #1a8fce; }

a:focus, a:visited { color: #1a8fce; }

a:hover, a:active { color: #1a8fce; }

a.no-styling, a.no-styling:focus, a.no-styling:visited, a.no-styling:hover, a.no-styling:active { color: inherit; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: bebas-neue-by-fontfabric, sans-serif; font-weight: bold; line-height: 1; text-transform: uppercase; }

h1 { font-size: 70px; }

h2 { font-size: 52px; }

h3 { font-size: 48px; }

h4 { font-size: 36px; }

h5 { font-size: 26px; }

h6 { font-size: 18px; }

blockquote { border-left-color: #1a8fce; }

.ElementTileGrid .tall .tile { height: 500px; }

.ElementTileGrid .tile { height: 370px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }

.ElementTileGrid .tile:hover .panel-hover .tile-caption { border-top: 0; background: rgba(0, 0, 0, 0); }

.ElementTileGrid .tile:hover .tile-description { bottom: 0; opacity: 1; }

.ElementTileGrid .tile .tile-description { position: absolute; bottom: -10px; width: 100%; -webkit-transition: bottom 0.4s, opacity 0.4s; -o-transition: bottom 0.4s, opacity 0.4s; transition: bottom 0.4s, opacity 0.4s; color: #000; font-size: 20px; font-weight: 600; text-align: center; opacity: 0; z-index: 6; }

.ElementTileGrid .tile .panel-hover::before { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; background: rgba(198, 0, 126, 0.9); content: ' '; opacity: 0; z-index: 5; }

.ElementTileGrid .tile .panel-hover:hover::before { opacity: 1; }

.ElementTileGrid .tile .panel-hover:hover { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: #000; }

.ElementTileGrid .tile .panel-hover:hover .gradient-underline { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: #000; }

.ElementTileGrid .tile .panel-hover:hover .gradient-underline .white-inner { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: #000; }

.ElementTileGrid .tile .panel-hover .tile-caption { border-top: solid 1px #c6007e; }

.ElementTileGrid .tile.panel-color-yellow .panel-hover::before { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; background: rgba(255, 199, 44, 0.9); content: ' '; opacity: 0; z-index: 5; }

.ElementTileGrid .tile.panel-color-yellow .panel-hover:hover::before { opacity: 1; }

.ElementTileGrid .tile.panel-color-yellow .panel-hover:hover { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: #000; }

.ElementTileGrid .tile.panel-color-yellow .panel-hover:hover .gradient-underline { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: #000; }

.ElementTileGrid .tile.panel-color-yellow .panel-hover:hover .gradient-underline .white-inner { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: #000; }

.ElementTileGrid .tile.panel-color-yellow .tile-caption { border-top: solid 1px #ffc72c; }

.ElementTileGrid .tile.panel-color-blue .panel-hover::before { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; background: rgba(0, 159, 223, 0.9); content: ' '; opacity: 0; z-index: 5; }

.ElementTileGrid .tile.panel-color-blue .panel-hover:hover::before { opacity: 1; }

.ElementTileGrid .tile.panel-color-blue .panel-hover:hover { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: #000; }

.ElementTileGrid .tile.panel-color-blue .panel-hover:hover .gradient-underline { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: #000; }

.ElementTileGrid .tile.panel-color-blue .panel-hover:hover .gradient-underline .white-inner { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: #000; }

.ElementTileGrid .tile.panel-color-blue .tile-caption { border-top: solid 1px #009fdf; }

.ElementTileGrid .tile-caption { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: rgba(0, 0, 0, 0.8); }

.ElementTileGrid h4, .ElementTileGrid label { position: relative; z-index: 6; }

.ElementTileGrid h3, .ElementTileGrid h4 { line-height: 1; }

.ElementTileGrid label { font-size: 17px; }

.ElementTileGrid a { color: #fff; text-decoration: none; }

.ElementTileGrid a:hover { text-decoration: none; }

@media (min-width: 1250px) { .ElementTileGrid .tile { height: 40vw; max-height: 440px; }
  .ElementTileGrid .tall .tile { height: 40vw; max-height: 580px; } }
/*# sourceMappingURL=elementtilegrid.css.map */