.news-landing-header .news-hero-wrapper {
min-height: calc(100vh - 365px);
display: flex;
align-items: stretch;
align-content: stretch;
width: 100%;
flex-direction: column;
}
@media only screen and (min-width: 1055px) {
.news-landing-header .news-hero-wrapper {
flex-direction: row;
}
}
.news-landing-header .news-hero-featured {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
width: 100%;
position: relative;
overflow: hidden;
padding-left: 5%;
padding-right: 5%;
z-index: 99999;
width: 100%;
min-height: 300px;
display: flex;
align-items: flex-end;
text-decoration: none;
}
@media only screen and (min-width: 1055px) {
.news-landing-header .news-hero-featured {
max-width: 66.66%;
}
}
.news-landing-header .news-hero-featured .featured-hero-link {
display: flex;
text-decoration: none;
height: 100%;
flex-direction: column;
justify-content: flex-end;
}
.news-landing-header .news-hero-featured .featured-hero-link .featured-hero-link-inner {
transition: all 0.2s ease-in-out;
position: relative;
z-index: 999999;
}
.news-landing-header .news-hero-featured .featured-hero-link h1,
.news-landing-header .news-hero-featured .featured-hero-link h2 {
font-size: 48px;
line-height: 40px;
text-align: left;
color: #fff;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.39);
font-family: "gentonasemibold";
}
.news-landing-header .news-hero-featured .featured-hero-link p {
font-size: 24px;
line-height: 30px;
text-align: left;
color: #fff;
transition: all 0.3s ease-in-out;
}
.news-landing-header .news-hero-featured:before {
content: "";
height: 240px;
background: linear-gradient(to top, #343741 0%, rgba(0, 17, 83, 0) 100%);
position: absolute;
width: 100%;
bottom: 0;
left: 0;
mix-blend-mode: multiply;
}
.news-landing-header .news-hero-featured:after {
content: "";
background-color: #0021a5;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform: translateY(101%);
transition: all 0.2s ease-in-out;
z-index: 9999;
mix-blend-mode: multiply;
}
.news-landing-header .news-hero-featured:focus::after, .news-landing-header .news-hero-featured:focus-within::after {
transform: translateY(0%);
}
.news-landing-header .news-hero-featured:focus .featured-hero-link-inner, .news-landing-header .news-hero-featured:focus-within .featured-hero-link-inner {
transform: translateY(0px);
}
.news-landing-header .news-hero-featured:focus p, .news-landing-header .news-hero-featured:focus-within p {
visibility: visible;
opacity: 1;
transform: translateY(0%);
}
.news-landing-header .news-hero-featured.hovered::after {
transform: translateX(0%);
}
.news-landing-header .hero-link {
display: flex;
height: 100%;
min-height: 240px;
flex-direction: column;
justify-content: flex-end;
text-decoration: none;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
padding-left: 5%;
padding-right: 5%;
}
.news-landing-header .hero-link .hero-link-inner {
transition: all 0.2s ease-in-out;
transform: translateY(20px);
position: relative;
z-index: 999999;
}
.news-landing-header .hero-link .hero-link-inner h2 {
font-size: 36px;
line-height: 40px;
text-align: left;
color: #fff;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.39);
font-family: "gentonasemibold";
}
.news-landing-header .hero-link .hero-link-inner p {
font-size: 24px;
line-height: 30px;
text-align: left;
color: #fff;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
transform: translateY(101%);
}
.news-landing-header .hero-link:before {
content: "";
height: 240px;
background: linear-gradient(to top, #343741 0%, rgba(0, 17, 83, 0) 100%);
position: absolute;
width: 100%;
bottom: 0;
left: 0;
mix-blend-mode: multiply;
}
.news-landing-header .hero-link:after {
content: "";
background-color: #0021a5;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform: translateY(101%);
transition: all 0.2s ease-in-out;
z-index: 9999;
mix-blend-mode: multiply;
}
.news-landing-header .hero-link:focus::after {
transform: translateY(0%);
}
.news-landing-header .hero-link:focus .hero-link-inner {
transform: translateY(0px);
}
.news-landing-header .hero-link:focus p {
visibility: visible;
opacity: 1;
transform: translateY(0%);
}
.news-landing-header .hero-link.hovered::after {
transform: translateX(0%);
}
.news-landing-header .hero-link.hovered .hero-link-inner {
transform: translateY(0px);
}
.news-landing-header .hero-link.hovered p {
visibility: visible;
opacity: 1;
transform: translateY(0%);
}
.news-landing-header .news-hero-supporting {
display: flex;
align-items: stretch;
align-content: stretch;
width: 100%;
}
@media only screen and (min-width: 1055px) {
.news-landing-header .news-hero-supporting {
max-width: 33.33%;
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.news-landing-header .news-hero-supporting {
flex-direction: column;
}
}
.editor-styles-wrapper .hero-link-inner {
transform: translateY(0px) !important;
}
.editor-styles-wrapper .hero-link-inner p {
font-size: 24px;
line-height: 30px;
text-align: left;
color: #fff;
visibility: visible !important;
opacity: 1 !important;
transition: all 0.3s ease-in-out;
transform: translateY(0) !important;
}