/* Оформление блока ссылок Важно! Не изменяйте этот файл - при обновлении плагина все изменения пропадут. Добавляйте свои стили в файлы дочерней темы. */ .crb-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: row; grid-auto-rows: auto; grid-column-gap: 20px; grid-row-gap: 15px; } .crb-item-container { height: 240px; position: relative; overflow: hidden; padding: 3px; } .crb-item-container > a { display: block; position: relative; width: 100%; height: 100%; } .crb-item-container img { height: 60%; width: 100%; object-fit: cover; } .crb-item-container p { position: absolute; height: 90px; line-height: 30px; word-break: break-word; bottom: 0; left: 0; right: 0; margin: 0; padding: 5px 10px; font-size: 16px; display: block; color: #838181; text-align: center; } .crb-item-container:hover { background: grey; } .crb-item-container:hover p { color: white; } .crb-header { text-transform: uppercase; font-weight: bold; font-size: 20px; margin-bottom: 20px; display: block; } @media screen and (max-width: 40em) { .crb-container { grid-template-columns: 1fr; grid-auto-flow: row; grid-auto-rows: auto; grid-column-gap: 0; grid-row-gap: 15px; } }