/* home services block */ .blog-image .image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-grid; align-items: center; align-content: center; transform: scale(0); transition: .5s; background-color: var(--primary-color); padding: 30px; border-radius: var(--border-radius); opacity: 0.5; } .w3l-news .blog-image .image-overlay { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .image-overlay span { color: #fff; font-size: 25px; opacity: 1; text-align: center; } .blog-image { position: relative; overflow: hidden; } .grids5-info:hover .image-overlay { transform: scale(1); } .image-overlay h4 { color: #fff; font-weight: bold; font-size: 22px; line-height: 28px; margin-bottom: 18px; } .image-overlay p { color: #fff; opacity: 1; } a.blog-image .iconic-plus i { position: absolute; z-index: 1; bottom: 0; left: 0; color: #fff; background: var(--primary-color); padding: 10px; transition: .4s ease; border-bottom-left-radius: var(--border-radius); } .grids5-info:hover .iconic-plus i { opacity: 0; transition: .4s ease; } /* //home services block */ /* blog section */ .w3l-news .blog-info { padding: 30px 25px; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .w3l-news .grids5-info { transition: 0.3s ease-in; display: block; height: 100%; background: var(--bg-color); box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04); border-radius: var(--border-radius); border: 1px solid var(--border-color-light); } .w3l-news a.zoom { overflow: hidden; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .w3l-news a.zoom img { transition: 0.3s ease-in-out; } .w3l-news .grids5-info:hover img { overflow: hidden; transform: scale(1.1); transition: 0.3s ease-in-out; } .w3l-news img.news-image { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .w3l-news .grids5-info h4 a { font-size: var(--18-font-size); line-height: 32px; color: var(--heading-color); display: block; font-weight: bold; margin-top: 15px; } .w3l-news .grids5-info h4 a:hover, .w3l-news a.post:hover { color: var(--primary-color); } .w3l-news h6.date, .w3l-news a.post { font-size: 15px; color: var(--font-color); font-weight: 500; } .w3l-news h6.date i, .w3l-news a.post i { color: var(--primary-color); } .w3l-news .grids5-info img { width: 100%; display: block; } @media all and (max-width: 768px) { .w3l-news .grids5-info h4 a { font-size: 20px; line-height: 30px; } } /* //blog section */ .w3l-news .blog-details>ul{ list-style: none; margin: 1rem 0; padding: 0; } .w3l-news .blog-details>ul>li>a{ color: var(--heading-color); overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; display: inline-block; } .w3l-news .blog-details>ul>li>a:hover{ color: var(--primary-color); } 韩国理论片a级在线观看蜜直播,韩国大胸年轻继坶2,欧美一级在线观看片,精品日韩在线观看