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

.element-image-content { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#1c1c1c)); background: -webkit-linear-gradient(top, #000, #1c1c1c); background: -o-linear-gradient(top, #000, #1c1c1c); background: linear-gradient(to bottom, #000, #1c1c1c); }

.element-image-content .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; }

.element-image-content .panel-hover:hover::before { opacity: 1; }

.element-image-content .panel-hover:hover { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: #000; }

.element-image-content .panel-hover:hover .gradient-underline { -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; background: #000; }

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

.element-image-content.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; }

.element-image-content.panel-color-yellow .panel-hover:hover::before { opacity: 1; }

.element-image-content.panel-color-yellow .panel-hover:hover { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: #000; }

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

.element-image-content.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; }

.element-image-content.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; }

.element-image-content.panel-color-blue .panel-hover:hover::before { opacity: 1; }

.element-image-content.panel-color-blue .panel-hover:hover { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: #000; }

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

.element-image-content.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; }

.element-image-content .feature-image { min-height: 220px; border-top: solid 2px #000; background-position: center; }

.element-image-content .text-content { position: relative; z-index: 6; }

.element-image-content .text-content .inner { padding: 1rem; }

.element-image-content .call-to-action-icon { position: relative; top: 2px; }

@media (min-width: 768px) { .element-image-content .feature-image { border-top: 0; }
  .element-image-content .growable { height: 60vw; max-height: 580px; }
  .element-image-content .text-content .inner { max-width: 500px; } }

@media (min-width: 1250px) { .element-image-content .growable { height: 50vw; max-height: 580px; } }
/*# sourceMappingURL=elementimageandcontent.css.map */