@import "./parts/widget-search.css"; .wp-caption { /* add styles here */ } .wp-caption-text { /* add styles here */ } .sticky { /* add styles here */ } .gallery-caption { /* add styles here */ } .bypostauthor { /* add styles here */ } .latest-post { display: flex; position: relative; margin-bottom: 20px; box-shadow: 0 0 5px -1px var(--grey-400); transition: 0.3s box-shadow ease-out; overflow: hidden; border-radius: 5px; } .latest-post:hover { box-shadow: 0 0 13px 0px var(--grey-400); } .latest-post__img { width: 30%; } .latest-post__info { width: 70%; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; padding-right: 20px; display: flex; flex-direction: column; align-items: flex-start; } .latest-post__link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .latest-post__excerpt { flex: 1; color: var(--grey-600); font-size: 16px; } .latest-post__category { font-size: 11px; font-weight: 600; position: relative; text-transform: uppercase; } .latest-post__tile { margin-top: 0; padding-bottom: 0; position: static; } .latest-post__data { margin-top: 10px; font-size: 12px; color: var(--grey-500); display: flex; align-items: center; } .latest-post__divider { margin-left: 6px; margin-right: 6px; font-size: 16px; line-height: 0; } .latest-post__author { color: var(--grey-500); text-decoration: underline; position: relative; } .latest-post__author:hover { color: var(--grey-600); } .latest-separator { margin-top: 40px; } .latest-section { margin-bottom: 35px; border-top: 1px solid #bdbdbd; margin-top: 35px; } .widget_search { max-width: 500px; width: 100%; margin: auto; } .not-found { font-size: 22px; text-align: center; } .entry-title { text-align: center; } @media (min-width: 768px) and (max-width: 1024px) { .latest-post__excerpt { font-size: 15px; margin-bottom: 0; } .latest-post__tile { font-size: 25px; margin-bottom: 8px; } } @media (max-width: 767px) { .post-box__tile { font-size: 19px; margin: 5px 10px; } .latest-post__excerpt { font-size: 15px; line-height: 1.2; margin-bottom: 5px; } .latest-post__tile { font-size: 22px; } .latest-post { flex-direction: column; } .latest-post__img { width: 100%; } .latest-post__info { width: 100%; } }