.layout-main { overflow: hidden; position: relative; }

.layout-main a { color: #555; }

.layout-main .ribbon { transform: rotate(45deg); position: absolute; width: 150px; background: #2b940c; letter-spacing: 1px; color: #fff; font-size: .8rem; font-weight: 600; border-radius: 3px 0 0 3px; padding: 2px 10px; z-index: 999; text-align: center; }

.element-title { font-family: 'Nunito', sans-serif; font-weight: 700; line-height: 1.3; }

.thought2-main a:hover .element-date { opacity: .9; color: #222; }

.thought2-main:hover img { transform: scale(1.1); }

.thought2-main .element-subtitle { display: none; }

.thought2-main .element-description { display: none; }

.thought2-main .element-photo { height: 100px; margin: 0 auto 10px auto; overflow: hidden; border-radius: 7px; }

.thought2-main .element-photo img { width: 100%; height: 100%; transition: transform .2s; object-fit: cover; }

@media (min-width: 992px) { .thought2-main .element-photo { height: 120px; } }

@media (min-width: 1200px) { .thought2-main .element-photo { height: 150px; } }

.thought2-main .element-title { font-size: 1.1rem; }

.thought2-main .element-date { font-size: 0.8rem; opacity: 0.8; margin-top: 5px; }

.thought2-main .ribbon { top: 18px; right: -46px; }

/*# sourceMappingURL=thought.css.map */