.wg-history-sidebar-list {
margin-top: 1rem;
height: 60rem;
width: 20rem;
display: flex;
flex-direction: column;
position: fixed;
right: 10%;
top: 5%;
z-index: 1;
}
.wg-history-sidebar-post {
float: left;
position: relative;
text-align: center;
width: 100%;
padding: 0 0.625rem;
flex: 0 0 auto;
margin-bottom: 30px;
}
.wg-history-sidebar-post-img img {
display: block;
width: 100%;
transition: opacity 0.3s;
object-fit: cover;
aspect-ratio: 4/3;
}
.wg-history-sidebar-post-title {
font-size: 16px;
font-weight: 600;
margin: 12px 12px 3px 12px;
}
.wg-history-sidebar-button{
background-color: #FFF0D4;
border-radius: 10px;
border: #FFE1AB;
box-shadow : 1px 1px;
}
.wg-history-sidebar-body{
display: none;
margin-top: 0.5rem;
text-align: center;
background-color: #FFF0D4;
border: #FFE1AB;
box-shadow : 1px 1px;
border-radius: 10px;
padding: 10px 0;
}
.wg-history-page-post-list {
margin-top: 1rem;
height: auto;
display: flex;
flex-wrap: wrap;
}
.wg-history-page-post {
float: left;
position: relative;
min-height: 100px;
text-align: center;
width: 33.3333333333%;
padding: 0 0.625rem;
flex: 0 0 auto;
margin-bottom: 30px;
}
.wg-history-page-post-img img {
display: block;
width: 100%;
transition: opacity 0.3s;
object-fit: cover;
aspect-ratio: 4/3;
}
.wg-history-page-post-title {
font-size: 16px;
font-weight: 600;
margin: 12px 12px 3px 12px;
}
@media only screen and (max-width: 767px) {
.wg-history-sidebar-list{
position: unset;
right: unset;
top: unset;
}
.wg-history-page-post {
width: 100%;
padding: 1.5rem 1.5rem;
margin: 0;
}
.wg-history-page-post-img img {
height: auto;
}
}