.creations .grid-sizer {
width: 32.3333%;
}
@media all and (max-width: 769px) {
.creations .grid-sizer {
width: 45%;
}
}
@media all and (max-width: 480px) {
.creations .grid-sizer {
width: 100%;
}
}
.creations .gutter-sizer {
width: 10px;
}
@media all and (max-width: 480px) {
.creations .gutter-sizer {
width: 0;
}
}
.creations .grid-item {
margin-bottom: 5px;
width: 32.3333%;
}
@media all and (max-width: 769px) {
.creations .grid-item {
width: 45%;
}
}
@media all and (max-width: 480px) {
.creations .grid-item {
width: 100%;
}
}
.creations .grid-item img {
width: 100%;
}
.filtres-creations {
list-style-type: none;
padding: 0;
margin: 0 0 40px 8.333%;
display: flex;
}
@media all and (max-width: 769px) {
.filtres-creations {
margin: 0 0 40px;
flex-wrap: wrap;
}
.filtres-creations li {
margin-bottom: 10px;
}
}
.filtres-creations li {
color: #777;
font-size: 18px;
font-weight: normal;
font-family: 'Roboto', sans-serif;
margin-right: 20px;
cursor: pointer;
position: relative;
}
.filtres-creations li:last-child {
margin-right: 0;
}
.filtres-creations li:after {
content: url(//daleocreations.fr/wp-content/plugins/daleocreations/assets/img/player-head.svg);
position: absolute;
right: -10px;
top: -8px;
opacity: 0;
}
.filtres-creations li:hover:after {
opacity: 0.3;
}
.filtres-creations li.active {
color: #fafafa;
}
.filtres-creations li.active:after {
opacity: 1;
}