body.front #homepage-hero-slideshow figure{ overflow: hidden;
}
.overlay.custom-overlay{ background-image: linear-gradient(5deg, rgba(201,36,66,0.85), rgba(80,46,146,0.4),rgba(81,46,146,0.3), rgba(80,46,146,0.1), rgba(80,46,146,0));
}
body.front #homepage-hero-slideshow figure .hero-slide-image img{ -webkit-filter: blur(8px); filter: blur(8px); -webkit-transform: scale(1.05); transform: scale(1.05);
}
#feature-announcement{ background: radial-gradient(rgba(35,31,32,0.5), rgba(35,31,32,0), rgba(35,31,32,0));
}
div.hero-huge-callout{ display: block; width: 100%; top: 50% !important; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
div.hero-huge-callout img{ -webkit-animation: animDown 1.25s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 0.1s; animation-name: animDown; animation-duration: 1.25s; animation-timing-function: cubic-bezier(0.25,0.1,0.25,1); animation-fill-mode: both; animation-delay: 0.1s;
}
div.hero-huge-callout div.font-size-xxl{ font-family: mencken-std, 'ProximaNova-Semibold', sans-serif; width: 130%; left: -15%; position: relative; -webkit-animation: animDown 1.25s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 0.6s; animation-name: animDown; animation-duration: 1.25s; animation-timing-function: cubic-bezier(0.25,0.1,0.25,1); animation-fill-mode: both; animation-delay: 0.6s;
}
div.hero-huge-callout p.lead-in{ -webkit-animation: animDown 1.25s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 1.1s; animation-name: animDown; animation-duration: 1.25s; animation-timing-function: cubic-bezier(0.25,0.1,0.25,1); animation-fill-mode: both; animation-delay: 1.1s; max-width: 38rem; margin-left: auto; margin-right: auto;
}
div.hero-huge-callout div.ctas{ -webkit-animation: animDown 1.25s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 1.75s; animation-name: animDown; animation-duration: 1.25s; animation-timing-function: cubic-bezier(0.25,0.1,0.25,1); animation-fill-mode: both; animation-delay: 1.75s;
}
@-webkit-keyframes animDown{ from { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); opacity: 0;}
}
@keyframes animDown{ from { transform: translateY(-1rem); opacity: 0;}
}
@media screen and (min-width: 30em){
}
@media screen and (min-width: 54em){ .overlay.custom-overlay{ } div.hero-huge-callout{ background-image: radial-gradient(rgba(35,31,32,0.3), rgba(35,31,32,0.15), rgba(35,31,32,0), rgba(35,31,32,0)); } div.hero-huge-callout div.font-size-xxl{ font-size: 2.75rem; }
}
@media screen and (min-width: 68em){
}
@media screen and (min-width: 90em){ div.hero-huge-callout div.font-size-xxl{ font-size: 3.5rem; } body.front #homepage-hero-slideshow div.hero-huge-callout{ width: 120%; left: -10%; }
}
