.fullwidth-media {
padding-left: 7%;
padding-right: 7%;
padding-top: 60px;
padding-bottom: 40px;
position: relative;
}
@media (min-width: 768px) {
.fullwidth-media {
padding-top: 118px;
padding-bottom: 65px;
}
}
.fullwidth-media .single-video-container .video-wrapper {
position: relative;
max-width: 1140px;
margin: 0 auto 0;
border: 1px solid transparent;
transition: all 0.2s ease-in-out;
}
.fullwidth-media .single-video-container .video-wrapper:hover .video-thumb, .fullwidth-media .single-video-container .video-wrapper:focus .video-thumb {
border: 1px solid #fa4616;
}
.fullwidth-media .single-video-container .video-wrapper:hover svg g, .fullwidth-media .single-video-container .video-wrapper:focus svg g {
fill: #0021a5;
}
.fullwidth-media .single-video-container .video-wrapper .video-thumb {
aspect-ratio: 16/9;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fullwidth-media .single-video-container .video-wrapper .video-play {
position: absolute;
bottom: 30px;
left: 30px;
}
@media (min-width: 768px) {
.fullwidth-media .single-video-container .video-wrapper .video-play {
bottom: 80px;
left: 80px;
}
}
.fullwidth-media .single-video-container .video-wrapper .video-play svg {
width: 100%;
height: 100%;
max-width: 70px;
}
@media (min-width: 768px) {
.fullwidth-media .single-video-container .video-wrapper .video-play svg {
max-width: 110px;
}
}
.fullwidth-media .single-video-container .video-wrapper .video-play svg g {
transition: all 0.2s ease-in-out;
}
.fullwidth-media .single-video-container .featured-video-content-wrapper {
max-width: 1140px;
margin: 20px auto 20px;
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
}
.fullwidth-media .multiple-video-container {
max-width: 1640px;
margin-left: auto;
margin-right: auto;
}
.fullwidth-media .multiple-video-container .row {
--bs-gutter-x: 3.2%;
}
.fullwidth-media .multiple-video-container .video-col {
position: relative;
margin-bottom: 30px;
}
.fullwidth-media .multiple-video-container .video-col:nth-last-child(1) {
margin-right: 0;
}
.fullwidth-media .multiple-video-container .video-col .card-title {
font-size: 26px;
line-height: 34px;
margin-bottom: 35px;
color: #f4f6f6;
font-family: "gentonasemibold";
}
.fullwidth-media .multiple-video-container .video-col .video-wrapper {
position: relative;
margin-bottom: 50px;
max-width: 1640px;
margin-left: auto;
margin-right: auto;
}
.fullwidth-media .multiple-video-container .video-col .video-wrapper .video-thumb {
aspect-ratio: 16/9;
border: 1px solid transparent;
transition: all 0.2s ease-in-out;
width: 100vw;
-o-object-fit: cover;
object-fit: cover;
}
.fullwidth-media .multiple-video-container .video-col .video-wrapper .video-play {
position: absolute;
bottom: 23px;
left: 32px;
}
.fullwidth-media .multiple-video-container .video-col .video-wrapper .video-play:hover svg g, .fullwidth-media .multiple-video-container .video-col .video-wrapper .video-play:focus svg g {
fill: #fa4616;
}
.fullwidth-media .multiple-video-container .video-col .video-wrapper .video-play svg {
width: 100%;
height: 100%;
max-width: 55px;
}
.fullwidth-media .multiple-video-container .video-col .video-wrapper .video-play svg g {
transition: all 0.3s ease-in-out;
}
.fullwidth-media .multiple-video-container .video-play:hover + .video-thumb {
border: 1px solid #fa4616;
}
.fullwidth-media .fullwidthBg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
display: none;
background-image: url(//onlinemasterstest.jou.ufl.edu/wp-content/plugins/ufl-block/build/images/background-horizontal-lines.e5c57717.webp);
}
@media (min-width: 768px) {
.fullwidth-media .fullwidthBg {
display: block;
}
}
.fullwidth-media .img-bg {
pointer-events: none;
}