Signals - Signoi

/* ----------------------------------------- */ /* Content Template: loop-item-in-featured-blog - start */ /* ----------------------------------------- */ .featured .blog-image, .featured .blog-text-area, .featured .blog-category, .featured .reading-time { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .category-area .fal { margin-right: 5px; } .reading-time { font-size: .6rem; color: #9795a2; text-transform: uppercase; text-align: left; margin-bottom: 10px; } .featured .reading-time { text-align: right; font-size: .8rem; margin-bottom: 0; } .category-area { display: flex; } .featured-blog-splash { position: absolute; top: 0; left: 0; background: #cf4b3d; color: #fff; padding: 5px 10px; font-size: .85rem; font-family: 'Poppins', sans-serif; letter-spacing: .02em; } .featured .blog-title { font-size: 1.4rem; } .featured .blog-inner { display: flex; flex-direction: row; } .featured .blog-category { font-size: 1rem; letter-spacing: .03rem; margin-bottom: 15px; } .featured .blog-inner .blog-image, .featured .blog-inner .blog-image img, .featured .blog-inner:hover .blog-image, .featured .blog-inner:hover .blog-image img { border-radius: 5px 0 0 5px; } .featured .blog-image img { display: none; } .featured .blog-image { position: relative; overflow: hidden; } .featured .blog-image .backimage { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.4s ease-in-out; } .featured .blog-excerpt { font-size: 1.2rem; } .featured .blog-excerpt p { margin-bottom: 15px; } .featured .blog-text-area { background: #f4f4f7; padding: 15px 20px; } .featured .blog-inner:hover .blog-image .backimage { transform: scale(1.05); } /* ----------------------------------------- */ /* Content Template: loop-item-in-featured-blog - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-new-blog-view - start */ /* ----------------------------------------- */ .single-blog-item { height: 100%; padding: 20px } .blog-inner { border-radius: 5px; border: 1px solid #dfdde8; box-shadow: 0 3px 5px #f4f4f7; height: 100%; display: flex; flex-direction: column; position: relative; } .blog-image img { border-radius: 5px 5px 0 0; transition: all 0.4s ease-in-out; } .blog-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .blog-text-area a { box-shadow: none; } .blog-text-area { display: flex; flex-direction: column; padding: 15px; height: auto; flex-grow: 1; background: #fff; transition: all 0.4s ease-in-out; background: rgb(244,244,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(244,244,247,1) 0%, rgba(244,244,247,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(244,244,247,1) 0%,rgba(244,244,247,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(244,244,247,1) 0%,rgba(244,244,247,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background-size: 200% 200%; background-position: bottom center; transition: all 0.4s ease-in-out; border-radius: 5px; } .blog-category { font-size: .8rem; letter-spacing: .02rem; font-weight: bold; text-align: left; margin-bottom: 10px; } .blog-category a { color: #cf4b3d; } .blog-excerpt p { color: #768190; } .blog-meta { font-size: .8rem; width: 100%; align-self: flex-end; margin-bottom: 0; margin-top: auto; display: flex; color: #9795a2; } .blog-author, .blog-date { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .single-blog-item a { box-shadow: none; } .blog-date { text-align: right; } .blog-title { text-align: left; font-size: 1.2rem; margin-bottom: 15px; color: #546274; } .blog-title a { color: #546274; } .blog-image { overflow: hidden; } .blog-inner:hover .blog-image, .blog-inner .blog-image { border-radius: 5px 5px 0 0; } .blog-inner:hover .blog-image img { transform: scale(1.05); border-radius: 5px 5px 0 0; } .blog-inner:hover .blog-text-area { background-position: top center; } @media (max-width: 700px) { .blog-category { font-size: .8rem; margin-top: -25px; } .blog-meta { font-size: .85rem; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-new-blog-view - end */ /* ----------------------------------------- */

By continuing to use the site, you agree to the use of cookies. more information