.buttonred, .buttonblue{color: #FFFFFF!important; border-width: 1px!important; font-size: 16px; width:100%; text-align:center}
.buttonred:after, .buttonblue:after {font-size: 26px!important;}
.buttonred{background-color: #c9271c;}
.buttonblue{background-color: #0072b3;}
.buttonred:hover, .buttonblue:hover{color: #FFFFFF!important; background-image: initial;}
.buttonred:hover{background-color: #0072b3!important;}
.buttonblue:hover{background-color: #c9271c!important;}
.pbuttons {gap: 20px; display: flex; justify-content: space-between;}
.logoimg { width: 30px!important; margin-right: 10px; } .logo { display: flex; align-items: center; } .et-social-twitter a.icon:before {
content: "\e61b";
font-family: "Font Awesome 6 Brands" !important;
}
.list-products{
display: grid;
grid-template-columns: 1fr 1fr;
}
.list-products h2{
font-size: 20px;
color: #333;
margin-top: 4px;
}
.list-products .product{
padding: 4px;
border: 1px solid #dcdcdc;
margin: -1px 0 0 -1px;
}
.list-products .product > div{
aspect-ratio: 1 / 1;
}
.list-products .product > div img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.list-categories{
display: flex;
flex-flow: row wrap;
}
.list-categories h2{
font-size: 18px;
color: #333;
margin-top: 4px;
text-align: center;
}
.list-categories .product{
padding: 4px;
border: 1px solid #dcdcdc;
margin: -1px 0 0 -1px;
flex: 1 1 0px;
flex-basis: 50%;
}
.list-categories .product div{
aspect-ratio: 1 / 1;
}
.list-categories .product > div img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media only screen and (min-width: 769px) {
.list-products{
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.list-categories .product{
flex-basis: 0;
}
}