.flext-share-modal .flext-lightbox-content {
padding: 0;
}
.modal-image {
display: flex;
overflow: hidden;
position: relative;
}
.flext-share-modal .flext-featured-image-rollover {
bottom: auto;
}
.modal-image img {
flex: 1;
height: 100%;
object-fit: cover;
width: 100%;
}
.modal-header {
position: relative;
}
.modal-body {
padding: 3rem;
position: relative;
text-align: center;
}
.modal-title {
font-size: 2.4rem;
line-height: 1.25;
margin-bottom: 1.5rem;
max-height: 6rem;
position: relative;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
z-index: 5;
}
.modal-title blockquote {
background: none;
color: inherit;
overflow: unset;
padding: 4rem 0 0;
}
.modal-title .wp-block-quote.is-large,
.modal-title .wp-block-quote.is-style-large {
padding: 4rem 0 0;
margin: 0;
}
.modal-title blockquote p {
margin: 0;
}
.modal-title .wp-block-quote.is-large p,
.modal-title .wp-block-quote.is-style-large p {
font-size: 1.8rem;
}
.modal-title blockquote::before {
left: 50%;
top: 1.5rem;
transform: translateX(-50%);
}
.modal-title .post-title.format-link,
.modal-title .post-title.format-status {
margin: 0;
max-height: 11rem;
overflow: hidden;
}
.modal-title .post-title.format-link a {
color: #fff;
}
.modal-title .post-title.format-link a:hover,
.modal-title .post-title.format-link a:focus {
text-decoration: underline;
}
.modal-links {
outline: none;
}
.modal-links a {
font-size: 1.8rem;
height: 3.8rem;
line-height: 1;
margin: 0 0.4rem;
width: 3.8rem;
}
.modal-form {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.5);
display: block;
margin-top: 2rem;
padding-bottom: 0.5rem;
position: relative;
transition: color 0.3s;
}
.modal-form:hover {
color: rgb(0, 0, 0);
}
.modal-form .modal-permalink {
border: none;
display: block;
height: 2rem;
margin: 0;
overflow: hidden;
padding: 0 2.5rem 0 0;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.modal-form button {
bottom: 0;
color: inherit;
cursor: pointer;
height: auto;
margin: 0;
min-width: 0;
padding: 0;
position: absolute;
right: 0;
top: -0.2rem;
width: 2.8rem;
z-index: 10;
}
.modal-content audio {
min-width: 0;
width: 100%;
}