.hester-core-custom-list-widget .hester-custom-list-widget-items { margin-top: 1.8rem; } .hester-core-custom-list-widget .hester-custom-list-widget-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 1.8rem; } .hester-core-custom-list-widget .hester-custom-list-widget-item .hester-widget-icon { width: 1.68rem; font-size: 1.8rem; margin-right: 1.2rem; position: relative; top: .4rem; } .hester-core-custom-list-widget .hester-custom-list-widget-item i, .hester-core-custom-list-widget .hester-custom-list-widget-item i.hester-icon { width: 1.68rem; font-size: 1.792rem; } .hester-core-custom-list-widget .hester-custom-list-widget-item svg, .hester-core-custom-list-widget .hester-custom-list-widget-item .hester-icon { margin-right: 1.2rem; position: relative; top: .48em; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-negative: 0; flex-shrink: 0; } .hester-core-custom-list-widget .hester-custom-list-widget-item svg { fill: currentColor; height: auto; width: 1.792rem; } #secondary .hester-core-custom-list-widget .hester-custom-list-widget-item .hester-entry a:not(.hester-btn, :hover, :focus), .hester-core-custom-list-widget .hester-custom-list-widget-item .hester-entry a:not(.hester-btn, :hover, :focus) { color: inherit; } .hester-core-custom-list-widget .hester-custom-list-widget-item.hester-clw-sep { margin-bottom: 3.68rem; } .hester-core-custom-list-widget .hester-custom-list-widget-item.hester-clw-sep:after { content: ''; position: absolute; bottom: -1.84rem; width: 100%; height: .1rem; background-color: var(--elementBorderColor, #eaeaea); } .hester-posts-list-widget { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hester-posts-list-widget:last-child { margin-bottom: 0; } .hester-posts-list-widget-thumb { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; z-index: 0; } .hester-posts-list-widget-thumb a { width: 100%; height: 100%; display: block; overflow: hidden; } .hester-posts-list-widget-thumb img { border-radius: .3rem; max-width: 7.5rem; object-fit: cover; } .hester-posts-list-widget-thumb .post-thumb-caption { position: absolute; top: -1.2rem; left: -1.2rem; width: 2.6rem; height: 2.6rem; line-height: 2.6rem; text-align: center; border-radius: 10rem; background-color: #222; color: #fff; font-size: 76%; margin: 0; letter-spacing: .05rem; } .hester-posts-list-widget-title { font-weight: 600; line-height: 1.5; } /** !!!! **/ .hester-posts-list-widget-categories { margin-bottom: .6rem; } .hester-posts-list-widget-meta { margin-top: .6rem; } .hester-posts-list-widget-meta, .hester-posts-list-widget-categories { font-size: 1.3rem; line-height: 1.5; } .hester-posts-list-widget-categories svg, .hester-posts-list-widget-meta svg { height: 1.35rem; margin-right: .6rem; vertical-align: middle; display: inline-block; fill: currentColor; width: auto; } .hester-posts-list-widget-meta>span { padding-right: 1.6rem; } .hester-posts-list-widget-meta>span:last-child { padding-right: 0; } .hester-posts-list-widget-meta>span:last-child:after { display: none; } .hester-posts-list-widget-meta>span:after { content: ''; height: 1.6rem; width: 1rem; background-color: currentColor; display: inline-block; position: relative; right: -8rem; top: -1rem; vertical-align: middle; } .hester-posts-list-widget-init-s1 .hester-posts-list-widget-thumb { margin-right: 1.8rem; width: 7.5rem; } .hester-posts-list-widget-init-s3 .hester-posts-list-widget, .hester-posts-list-widget-init-s2 .hester-posts-list-widget { justify-content: center; flex-wrap: wrap; text-align: center; } .hester-posts-list-widget-init-s3 .hester-posts-list-widget-thumb, .hester-posts-list-widget-init-s2 .hester-posts-list-widget-thumb { flex: 0 0 100%; } .hester-posts-list-widget-init-s2 .hester-posts-list-widget-thumb { margin-bottom: 1.8rem; } .hester-posts-list-widget-init-s3 .post-thumb-caption, .hester-posts-list-widget-init-s2 .post-thumb-caption { top: -1.3rem; left: -1.1rem; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; font-size: 80%; } .hester-posts-list-widget-init-s3 .hester-posts-list-widget-thumb img, .hester-posts-list-widget-init-s2 .hester-posts-list-widget-thumb img { width: 100%; max-width: 100%; height: 35rem; } .hester-posts-list-widget-init-s3 .hester-posts-list-widget-details, .hester-posts-list-widget-init-s2 .hester-posts-list-widget-details { width: 100%; padding: 0 1.5rem; overflow: hidden; position: relative; } .hester-posts-list-widget-init-s3 .hester-posts-list-widget-meta .hester-posts-list-widget-date, .hester-posts-list-widget-init-s2 .hester-posts-list-widget-meta .hester-posts-list-widget-date { justify-content: center; } .hester-posts-list-widget-init-s3 .hester-posts-list-widget-thumb { margin-bottom: -4rem; } .hester-posts-list-widget-init-s3 .hester-posts-list-widget-details { margin: 0 auto; max-width: 92%; padding: 1.3rem 1.5rem 0; background-color: #fff; } /* sm > 600px */ @media (min-width: 37.5em) { .hester-posts-list-widget-init-s3 .hester-posts-list-widget-thumb img, .hester-posts-list-widget-init-s2 .hester-posts-list-widget-thumb img { height: 20rem; } }