.wp-speaker-block {
margin-bottom: 2em;
}
.speaker-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: center;
padding: 1em;
margin-top: 1.4em;
margin-bottom: 1.4em;
}
.speaker {
width: 100%;
margin: 0 10px 2em;
}
.speaker-image {
max-width: 100%;
height: auto;
border-radius: 50%;
margin-bottom: 0.5em;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 );
}
.speaker-talk {
width: 100%;
}
.speaker-details {
display: none;
font-size: 80%;
margin-top: 0.5em;
}
.show-speaker-details {
font-size: 80%;
text-align: center;
display: block;
border: none;
}
.hide-speaker-details {
margin-bottom: 0.5em;
font-size: 80%;
text-align: center;
display: block;
border: none;
}
.show-speaker-details:hover,
.hide-speaker-details:hover {
border: none;
}
.show-speaker-details::after {
content: '\f078';
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 80%;
margin-left: 5px;
}
.hide-speaker-details::after {
content: '\f077';
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 80%;
margin-left: 5px;
}
@media screen and (min-width: 600px) {
.speaker {
max-width: 240px;
} .speaker-container.single-speaker {
padding-left: 0;
padding-right: 0;
}
.single-speaker .speaker {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.single-speaker .speaker-image {
float: left;
margin-right: 2em;
}
.single-speaker h3 {
clear: none;
text-align: left;
}
.single-speaker .speaker-details {
overflow: hidden;
}
.single-speaker .show-speaker-details {
display: none;
}
.single-speaker .speaker-details {
display: block;
text-align: left;
}
}