.alert {
position: relative;
background-color: #000 !important;
margin-bottom: 0;
border: none !important;
border-radius: 0;
height: auto !important;
background-repeat: no-repeat;
background-position: 5px;
background-size: auto 100%;
padding: 35px 5% !important;
overflow-x: hidden;
margin-bottom: 0 !important;
border-radius: 0 !important;
}
@media (min-width: 991px) {
.alert {
background-image: url(//onlinemasterstest.jou.ufl.edu/wp-content/plugins/ufl-block/build/images/alert-design.2240916f.webp);
}
}
.alert .alert-wrapper {
padding-left: 5%;
padding-right: 5%;
}
.alert .alert-title {
color: #fa4616;
font-size: 24px;
line-height: 24px;
font-family: "gentonaextrabolditalic";
margin-bottom: 30px;
}
@media (min-width: 991px) {
.alert .alert-title {
font-size: 32px;
line-height: 40px;
}
}
.alert .alert-body p,
.alert .alert-body a {
font-family: "gentonamedium";
font-size: 17px;
margin-bottom: 22px;
}
@media (min-width: 991px) {
.alert .alert-body p,
.alert .alert-body a {
font-size: 19px;
line-height: 24px;
}
}
.alert .alert-body a {
color: #fff;
text-decoration: underline;
}
.alert .alert-body a:hover, .alert .alert-body a:focus {
color: #f2a900;
}
.alert .animated-underline-button {
color: #fff;
}
.alert .animated-underline-button:hover, .alert .animated-underline-button:focus {
color: #fff;
}
.alert .animated-underline-button:hover::after, .alert .animated-underline-button:focus::after {
border-bottom: 2px solid #fff;
}
.alert .btn-close {
opacity: 1;
display: flex;
flex-direction: column-reverse;
height: 65px;
width: 55px;
text-align: center;
align-items: center;
background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27 ><path d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z%27/></svg>");
margin-left: 10px;
font-size: 18px;
font-family: "gentonamedium";
}
.alert .btn-close:hover, .alert .btn-close:focus {
color: #f2a900 !important;
background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23f2a900%27 ><path d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z%27/></svg>");
}
.editor-styles-wrapper .alert .animated-underline-button {
color: #fff !important;
}
.editor-styles-wrapper .button-wrapper .block-editor-block-list__layout {
display: flex !important;
flex-wrap: wrap;
gap: 20px;
}
.button-wrapper .block-list-appender {
bottom: -35px !important;
}