.cpu-crop-categories-widget {
display: flex;
flex-flow: row wrap;
width: 100%;
justify-content: center;
}
.cpu-crop-categories-widget .cpu-item-inner {
width: 24%;
height: 250px;
margin: 5px;
background-color: #ffffff;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.cpu-crop-categories-widget .cpu-item-inner.top-row-item {
width: 32.4%;
height: 280px;
}
.cpu-crop-categories-widget .cpu-item-inner:before {
content: '';
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
position: absolute;
}
.cpu-crop-categories-widget .cpu-item-inner a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
font-weight: bold;
font-size: 28px;
text-decoration: none;
text-align: center;
}
.knowledge-base-articles .inline-div{
width:19.5%;
display: inline-block;
vertical-align: top;
}
.knowledge-base-articles .image-div{
height:200px;
margin: 8px;
background-size: cover;
border-radius: 10px;
}
.knowledge-base-articles .content-div{
background-color: white;
margin-left: 10%;
margin-right: 10%;
color: #243d93;
border-radius: 10px;
margin-top: -100px;
padding: 12px;
position: relative;
}
.knowledge-base-articles .content-div a{
color: #243d93;
}
.knowledge-base-articles .post-link{
border-bottom: 2px solid #e1e1e1;
}
.knowledge-base-articles .post-link:last-of-type {
border-bottom: 0;
}
.knowledge-base-articles .post-link a{
line-height: 17px;
display: block;
font-size: 15px;
margin-bottom: 10px;
margin-top: 10px;
}
.knowledge-base-articles .title-link{
font-size: 22px;
font-weight: 900;
display: block;
padding-bottom: 20px;
line-height: 1;
}
body .knowledge-base-articles .button {
height: 30px;
padding: 3px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
position: absolute;
background-color: #243d93;
color: white;
border-radius: 40px;
bottom: 20px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 113px;
}
.knowledge-base-articles .button:hover {
background-color:white;
font-size: 14px !important;
padding: 3px !important;
padding-left: 20px !important;
padding-right: 20px !important;
color: #243d93;
}
@media (max-width: 1340px) {
.cpu-crop-categories-widget .cpu-item-inner.top-row-item {
width: 32%;
}
.cpu-crop-categories-widget .cpu-item-inner {
width: 23.7%;
}
}
@media screen and (max-width: 1100px ) {
.knowledge-base-articles .inline-div{
width:50%;
}
}
@media (max-width: 991px) {
.cpu-crop-categories-widget .cpu-item-inner.top-row-item,
.cpu-crop-categories-widget .cpu-item-inner {
width: 48.2%;
height: 250px;
}
}
@media (max-width: 590px) {
.cpu-crop-categories-widget .cpu-item-inner.top-row-item,
.cpu-crop-categories-widget .cpu-item-inner {
width: 47.3%;
height: 200px;
}
.cpu-crop-categories-widget .cpu-item-inner a {
font-size: 20px;
}
}