.block-blog {
width: 85%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 700px) {
.block-blog {
width: 95%;
}
}
.block-blog .card .img-top {
padding-bottom: 66.6667%;
margin-bottom: 6px;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.block-blog .card .img-top img {
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.block-blog .card .card-body {
text-align: left;
background: #f2f0f0;
padding: 15px 10px;
min-height: 14rem;
font-size: 1rem;
margin-bottom: 1rem;
}
.block-blog .card .card-body .meta {
display: inline-block;
min-width: 50%;
min-height: 1.5rem;
border-bottom: 1px solid #3aa4d0;
font-size: 1rem;
}
.block-blog .card .card-body .meta .hashtag {
color: rgba(212, 87, 7, 0.77);
margin-right: 0.5rem;
}
.block-blog .card .card-body h3 {
margin: 0.5rem 0;
font-size: 1.15rem;
text-transform: uppercase;
}
.block-blog .card .card-body .links a {
color: rgba(212, 87, 7, 0.77);
}
.block-blog .card .card-body .links a:hover {
color: rgba(212, 87, 7, 0.77);
}
.block-blog .social {
margin-top: 2rem;
display: flex;
justify-content: center;
}
.block-blog .social p {
margin-right: 1rem;
margin-bottom: 0;
display: flex;
align-items: center;
color: orange;
font-size: 1.5rem;
}
.block-blog .social .social-icons {
margin-left: 1rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
background-color: rgba(99, 102, 106, 0.77);
}
.block-blog .social .social-icons a {
width: 34px;
height: 34px;
padding: 0;
margin: 0 4px 0 4px;
padding-bottom: 0;
}
.block-blog .social .social-icons a::before {
display: none;
}
.block-blog .social .social-icons a:hover {
text-decoration: none;
}
.block-blog .social .social-icons a img {
height: 2rem;
}
@media screen and (max-width: 700px) {
.block-blog .social {
flex-direction: column;
}
.block-blog .social p {
justify-content: center;
}
.block-blog .social .social-icons {
margin-left: auto;
width: fit-content;
margin-right: auto;
}
}
.block-blog .the_excerpt {
height: fit-content;
}
.block-blog .archiv {
cursor: pointer;
background-color: #f2f0f0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem;
padding: 0.5rem 1.7rem;
text-transform: uppercase;
align-self: center;
width: fit-content;
}
.block-blog .archiv::before {
display: none;
}
.block-blog .archiv:hover {
color: #3b3b3b;
text-decoration: none;
}