.wp-caption { /* add styles here */ } .wp-caption-text { /* add styles here */ } .sticky { /* add styles here */ } .gallery-caption { /* add styles here */ } .bypostauthor { /* add styles here */ } .search-post { display: flex; position: relative; margin-bottom: 20px; } .search-post__img { width: 30%; } .search-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; } .search-post__link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .search-post__excerpt { flex: 1; color: var(--grey-600); } .search-post__category { font-size: 11px; font-weight: 600; position: relative; text-transform: uppercase; } .search-post__tile { margin-top: 0; padding-bottom: 0; position: static; } .search-post__data { margin-top: 10px; font-size: 12px; color: var(--grey-500); display: flex; } .search-post__divider { margin-left: 6px; margin-right: 6px; } .search-post__author { color: var(--grey-500); text-decoration: underline; position: relative; } .search-post__author:hover { color: var(--grey-600); } .search-separator { margin-top: 40px; } .search-post { box-shadow: 0 0 5px -1px var(--grey-400); transition: 0.3s box-shadow ease-out; } .search-post:hover { box-shadow: 0 0 13px 0px var(--grey-400); } .search-section { margin-bottom: 50px; } @media (max-width: 767px) { .search-title { font-size: 23px; } .search-post__excerpt { font-size: 15px; line-height: 1.2; margin-bottom: 5px; } .search-post__tile { font-size: 22px; } } @media (max-width: 1024px) { .search-post { flex-direction: column; } .search-post__img { width: 100%; } .search-post__info { width: 100%; } } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; }