.wp-block-create-block-hero-block {
overflow-x: hidden;
}
.wp-block-create-block-hero-block .hero-wrapper {
height: calc(100vh - 146px);
overflow: hidden;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 33, 165, 0) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
position: relative;
}
.wp-block-create-block-hero-block .hero-wrapper:before {
content: "";
left: 0;
position: absolute;
width: 100%;
height: 15px;
background: linear-gradient(rgba(0, 28, 139, 0.2) 30%, rgba(0, 17, 83, 0) 100%);
z-index: 1;
mix-blend-mode: multiply;
}
.wp-block-create-block-hero-block .hero-wrapper .hero-bg-img {
mix-blend-mode: multiply;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: 70%;
background-size: cover;
width: 100%;
height: 100%;
}
.wp-block-create-block-hero-block .hero-wrapper .hero-object-wrapper {
position: relative;
}
.wp-block-create-block-hero-block .hero-wrapper .hero-object-wrapper #object1 {
position: absolute;
right: 4.2%;
z-index: 3;
top: 120px;
}
.wp-block-create-block-hero-block .hero-wrapper .hero-object-wrapper #object2 {
position: absolute;
right: 3.7%;
z-index: 3;
top: 120px;
}
.wp-block-create-block-hero-block .hero-wrapper .banner_subtitle p {
font-size: 18px;
letter-spacing: 0.03em;
text-align: left;
color: #fff;
text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.45);
margin-bottom: 25px;
font-family: "gentonabook";
text-transform: uppercase;
}
@media (min-width: 768px) {
.wp-block-create-block-hero-block .hero-wrapper .banner_subtitle p {
font-size: 18px;
}
}
.wp-block-create-block-hero-block .hero-wrapper .banner_title {
transition: all 0.25s ease-in-out;
}
.wp-block-create-block-hero-block .hero-wrapper .banner_title h1 {
font-size: 34px;
line-height: 28px;
color: #fff;
text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.45);
position: relative;
transition: all 0.25s ease-in-out;
font-family: "gentonabbitalic";
margin-bottom: 30px;
}
.wp-block-create-block-hero-block .hero-wrapper .banner_title h1:after {
content: "";
background: url(//onlinemasterstest.jou.ufl.edu/wp-content/plugins/ufl-block/build/images/hero-down-chevron.7b282f13.png) no-repeat center center;
width: 32px;
height: 15px;
display: inline-block;
position: absolute;
bottom: -40px;
left: 70px;
transition: all 0.25s ease-in-out;
}
@media (min-width: 768px) {
.wp-block-create-block-hero-block .hero-wrapper .banner_title h1 {
font-size: 72px;
line-height: 54px;
}
}
.wp-block-create-block-hero-block .hero-wrapper .banner_title .hero-excerpt-btn-wrapper {
position: relative;
}
.wp-block-create-block-hero-block .hero-wrapper .banner_title .hero-excerpt-btn-wrapper .button {
position: absolute;
right: -170px;
opacity: 0;
min-width: 195px;
}
@media (max-width: 1200px) {
.wp-block-create-block-hero-block .hero-wrapper .banner_title .hero-excerpt-btn-wrapper .button {
font-size: 22px;
}
}
.wp-block-create-block-hero-block .hero-wrapper .hero__excerpt {
height: 0;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out;
color: #fff;
font-family: "gentonabook";
line-height: 24px;
font-size: 18px;
}
@media (min-width: 768px) {
.wp-block-create-block-hero-block .hero-wrapper .hero__excerpt {
font-size: 20px;
max-width: 80%;
}
}
.wp-block-create-block-hero-block .hero-wrapper .hero__text:hover h1:after,
.wp-block-create-block-hero-block .hero-wrapper .hero_text_hover h1:after {
opacity: 0;
}
.wp-block-create-block-hero-block .hero-wrapper .hero__text:hover .hero__excerpt,
.wp-block-create-block-hero-block .hero-wrapper .hero_text_hover .hero__excerpt {
opacity: 1;
visibility: visible;
transition: all 0.25s ease-in-out;
}
.wp-block-create-block-hero-block .hero-wrapper .hero__text:hover .banner_title,
.wp-block-create-block-hero-block .hero-wrapper .hero_text_hover .banner_title {
padding-bottom: 100px;
}
.wp-block-create-block-hero-block .hero-wrapper .hero__text:hover .button,
.wp-block-create-block-hero-block .hero-wrapper .hero_text_hover .button {
opacity: 1 !important;
}
.wp-block-create-block-hero-block .hero-wrapper .hero__text {
transition: all 0.25s ease-in-out;
position: absolute !important;
bottom: 0;
max-width: calc(80% + 100px) !important;
padding-right: 210px;
padding-left: 90px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.wp-block-create-block-hero-block .hero-wrapper .hero__text:before {
content: "";
width: 2px;
height: 80%;
background: #fa4616;
display: inline-block;
position: absolute;
left: 0;
top: 20%;
}
.wp-block-create-block-hero-block .hero-wrapper .hero__text:after {
content: "";
width: 2px;
height: 30%;
background: #fa4616;
display: inline-block;
position: absolute;
right: -20px;
top: 70%;
}
@media (max-width: 900px) {
.wp-block-create-block-hero-block .hero-object-wrapper,
.wp-block-create-block-hero-block .hero-wrapper .hero__text:before {
display: none;
}
.wp-block-create-block-hero-block .hero-excerpt-btn-wrapper {
flex-direction: column;
transition: all 0.25s ease-in-out;
max-height: 0;
}
.wp-block-create-block-hero-block .hero-excerpt-btn-wrapper .button {
position: relative !important;
right: unset !important;
display: inline-block;
bottom: 10px;
margin-bottom: 20px;
}
.wp-block-create-block-hero-block .hero-excerpt-btn-wrapper .hero__excerpt {
margin-bottom: 40px;
height: 100%;
}
.wp-block-create-block-hero-block .banner_title {
padding-bottom: 20px !important;
}
.wp-block-create-block-hero-block .hero__text {
padding-left: 30px !important;
padding-right: 30px !important;
}
.wp-block-create-block-hero-block .hero-text-hover:hover,
.wp-block-create-block-hero-block .hero_text_hover {
padding-bottom: 30px;
}
.wp-block-create-block-hero-block .hero__text:hover .hero-excerpt-btn-wrapper {
max-height: 600px;
}
}
.hero-split-container {
overflow: hidden;
position: relative;
}
.hero-split-container:before {
content: "";
left: 0;
position: absolute;
width: 100%;
height: 15px;
background: linear-gradient(rgba(0, 28, 139, 0.2) 30%, rgba(0, 17, 83, 0) 100%);
z-index: 1;
mix-blend-mode: multiply;
}
.hero-split-container .hero-split-wrapper {
display: flex;
flex-direction: column-reverse;
align-items: stretch;
align-content: stretch;
position: relative;
background-color: #343741;
}
@media (min-width: 1050px) {
.hero-split-container .hero-split-wrapper {
flex-direction: row;
}
}
.hero-split-container .hero-split-wrapper .split-hero-content {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
background-color: #343741;
padding-left: 5%;
padding-right: 5%;
padding-top: 7%;
padding-bottom: 6%;
}
@media (min-width: 1050px) {
.hero-split-container .hero-split-wrapper .split-hero-content {
padding-right: 2%;
max-width: 700px;
min-width: 500px;
}
}
.hero-split-container .hero-split-wrapper .split-hero-content .split-hero-content-wrapper {
margin: auto;
}
@media (min-width: 1050px) {
.hero-split-container .hero-split-wrapper .split-hero-content .split-hero-content-wrapper {
max-width: 420px;
}
}
.hero-split-container .hero-split-wrapper .hero-bg-img {
position: relative;
background-position: 50%;
background-size: cover;
width: 100%;
min-height: 350px;
}
.hero-split-container .hero-split-wrapper .hero-object-wrapper {
position: relative;
}
.hero-split-container .hero-split-wrapper .hero-object-wrapper #object1 {
position: absolute;
right: 4.2%;
z-index: 3;
}
.hero-split-container .hero-split-wrapper .hero-object-wrapper #object2 {
position: absolute;
right: 3.7%;
z-index: 3;
}
.hero-split-container .banner_subtitle p {
font-size: 13px;
letter-spacing: 0.03em;
text-align: left;
color: #fff;
text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.45);
margin-bottom: 25px;
font-family: "gentonabook";
text-transform: uppercase;
}
@media (min-width: 768px) {
.hero-split-container .banner_subtitle p {
font-size: 18px;
}
}
.hero-split-container .banner_title {
transition: all 0.25s ease-in-out;
}
.hero-split-container .banner_title h1 {
font-size: 30px;
line-height: 28px;
color: #fff;
text-shadow: 0px 0px 24px rgba(0, 0, 0, 0.45);
position: relative;
transition: all 0.25s ease-in-out;
font-family: "gentonabbitalic";
}
@media (min-width: 768px) {
.hero-split-container .banner_title h1 {
font-size: 64px;
line-height: 72px;
}
}
.hero-split-container .hero__excerpt {
line-height: 30px;
text-align: left;
color: #f4f6f6;
margin-bottom: 30px;
font-size: 20px;
}
@media (min-width: 768px) {
.hero-split-container .hero__excerpt {
font-size: 24px;
margin-bottom: 60px;
}
}
.editor-styles-wrapper .animated-border-button {
background: transparent;
}
.hero-container-video #hero-video {
pointer-events: none;
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.hero-container-video .banner-video-controls {
position: absolute;
z-index: 99999999;
top: 6rem;
right: 2rem;
}
@media (min-width: 768px) {
.hero-container-video .banner-video-controls {
top: 10rem;
right: 8rem;
}
}
.hero-container-video .banner-video-controls .icon-button {
opacity: 0;
transition: all 0.3s ease-in;
border: none;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: rgba(255, 255, 255, 0.2);
font-size: 1rem;
padding: 1rem;
width: calc(3rem - 2px);
height: calc(3rem - 2px);
line-height: 0;
color: #fff;
z-index: 10;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.hero-container-video .banner-video-controls .icon-button:hover, .hero-container-video .banner-video-controls .icon-button:focus {
background-color: #0021a5;
}
.hero-container-video .banner-video-controls .icon-button path {
fill: #fff;
}