.sofplist_project_content > p {
color: #BBBBBB;
font-family: var(--font);
font-size: 17px;
font-weight: 100;
}
.sofplist_trends > div {
grid-template-columns: 2fr 2fr;
}
.sof_catalogus_grid {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(100px , 1fr));
grid-gap: 20px;
justify-items: stretch;
}
.sof_catalogus_content {
background-color: white;
padding: 15px;
display: flex;
flex-direction: column;
align-items: stretch;
border-radius: 5px 5px 0px 0px;
}
.sof_catalogus_img {
background-size: contain;
background-position:center;
background-size:contain;
background-repeat:no-repeat;
height: 160px;
}
.sof_catalogus_title {
font-family: var(--font);
font-size: 17px;
padding: 10px 0px;
color: var(--primary);
font-weight: 600;
height: 60px;
}
.sof_catalogus_action {
padding: 15px 20px;
color: white !important;
border: 4px solid white;
border-radius: 0px 0px 5px 5px;
background-color: #48587E;
}
div#sof_catalogus {
margin-bottom: -60px;
}
.sof_catalogus_action > a:hover,
.sof_catalogus_action > a {
color: white!important;
font-family: var(--font);
font-size: 17px;
text-decoration: underline;
font-weight: 300;
}
.sof_product_imgslider{
width: 100%;
height: 300px;
background-color: white!important;
border-radius: 10px;
}
.sof_product_img_slider_content {
width: 100%;
-webkit-box-shadow: 0px 0px 300px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 300px 0px rgba(255,255,255,1);
box-shadow: 0px 0px 300px 0px rgba(255,255,255,1);
height: calc(100% - 0px);
}
.sof_product_img_slider_dots{
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.sof_img_slider_dot{
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--secondary);
opacity: 0.5;
margin: 0 5px;
}
.sof_dot_selected{
background-color: var(--primary);
opacity: 0.7;
}
.sof_product_img_slider_item {
height: 100%;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.sof_product_img_slider_content {
overflow: hidden;
}
@media screen and (max-width: 980px) {
.sof_catalogus_grid {
grid-template-columns: 48% 48%;
grid-column-gap: 4%;
}
}
@media screen and (max-width: 568px) {
.sof_catalogus_grid {
grid-template-columns: 1fr!important;
}
}