Current Path : /home/theafprt/conviviality360.com/wp-content/plugins/salient-widgets/css/ |
Current File : /home/theafprt/conviviality360.com/wp-content/plugins/salient-widgets/css/widget-nectar-posts.css |
/*------------------------------------------------------------------------- [Table Of Contents] 1. Widgets Core 2. Responsive -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1. Widgets Core /*-------------------------------------------------------------------------*/ .nectar_widget[class*="nectar_blog_posts_"] > li, .nectar_widget[class*="nectar_blog_posts_"] li { counter-increment: step-counter; position: relative; min-height: 40px; border-bottom: 0; line-height: 40px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] > li, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] li { margin-bottom: 15px; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; padding: 25px; transition: border-color 0.4s cubic-bezier(0.25, 1, 0.2, 1); overflow: hidden; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] > li:first-child, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] > li.has-img:hover { border-color: transparent!important; } .widget ul.nectar_widget[class*="nectar_blog_posts_"] > li:last-child { margin-bottom: 0; } .widget ul.nectar_widget[class*="nectar_blog_posts_"] > li a, .ascend #sidebar .widget ul.nectar_widget[class*="nectar_blog_posts_"] > li a, #sidebar .widget ul.nectar_widget[class*="nectar_blog_posts_"] > li a { display: block; line-height: 26px; vertical-align: middle; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li:not(.has-img) a { -webkit-transition: none; transition: none; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li::before { top: auto; transform: none; -webkit-transform: none; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li:hover::before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li:first-child::before { color: #fff; border-color: #fff; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li::before { left: 25px; border-width: 2px; z-index: 20; } .widget ul.nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li::before { left: 25px; border-width: 2px; z-index: 20; top: auto; transform: none; -webkit-transform: none; } .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] li { padding-left: 85px!important; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li a .popular-featured-img:after, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li:first-child a .popular-featured-img:after, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image"] > li:first-child a .popular-featured-img:after { opacity: 0.7; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] li:first-child, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image"] li:first-child { padding-top: 100px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="minimal-counter"] > li { padding-left: 55px; margin-bottom: 25px; position: relative; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] > li .popular-featured-img { background-position: center; background-size: cover; width: 100%; height: 100%; position: absolute; opacity: 0; left: 0; top: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: opacity 0.4s cubic-bezier(0.25, 1, 0.2, 1); border-radius: 5px; } .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-title, .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-date { z-index: 10; position: relative; display: block; } .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-title { font-size: 16px; line-height: 22px; } .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-date { font-size: 13px; line-height: 14px; margin-top: 6px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] > li.has-img a:hover, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li a:hover, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li:first-child a, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image"] > li:first-child a { color: #fff; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li:first-child a .post-date, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image"] > li:first-child a .post-date { color: rgba(255,255,255,0.75); } .widget .nectar_widget[class*="nectar_blog_posts_"] > li.has-img:hover { border-color: transparent; } .widget .nectar_widget[class*="nectar_blog_posts_"] > li.has-img a:hover .popular-featured-img, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li a:hover .popular-featured-img, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li:first-child a .popular-featured-img, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image"] > li:first-child a .popular-featured-img { opacity: 1; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style*="hover-featured-image"] > li a .popular-featured-img:after { position: absolute; content: ''; z-index: 10; pointer-events: none; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; border-radius: 5px; } .widget .nectar_widget[class*="nectar_blog_posts_"] a:hover .arrow-circle svg circle { stroke-dashoffset: 287; } .widget .nectar_widget[class*="nectar_blog_posts_"] .arrow-circle { position: absolute; width: 36px; height: 36px; backface-visibility: hidden; display: block; left: 0; top: 50%; margin-top: -1px; margin-left: -1px; -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .widget .nectar_widget[class*="nectar_blog_posts_"] svg { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); backface-visibility: hidden; display: block; } .widget .nectar_widget[class*="nectar_blog_posts_"] .arrow-circle svg circle { fill: none; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 133; stroke-dashoffset: 399; -ms-transition: all .47s cubic-bezier(.25,0,.2,1); -webkit-transition: all .47s cubic-bezier(.25,0,.2,1); transition: all .47s cubic-bezier(.25,0,.2,1); } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a .popular-featured-img, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img) a:before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img):after { overflow: hidden; border-radius: 5px; height: 65px; width: 65px; position: absolute; display: block; content: ''; left: 0; top: 50%; z-index: 10; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img) a:before { background-color: rgba(0,0,0,0.35); } .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] li { padding-left: 85px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a .meta-wrap { width: calc(100% - 70px); padding-left: 25px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li{ min-height: 55px; padding-top: 0; padding-bottom: 0; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a .popular-featured-img img { width: 100%; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li { margin-bottom: 28px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img) a:before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a .popular-featured-img, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a .meta-wrap, .blog-recent[data-style="list_featured_first_row"] .small { position: relative; -webkit-transform: none; transform: none; top: 0; display: inline-block; vertical-align: middle; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="minimal-counter"] > li::before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li::before { content: counter(step-counter); margin-right: 20px; border: 1px solid rgba(0,0,0,0.1); font-weight: bold; display: block; position: absolute; left: 0; top: 50%; z-index: 10; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; line-height: 34px; font-size: 12px; pointer-events: none; text-align: center; border-radius: 50%; -webkit-transition: color 0.4s cubic-bezier(0.25, 1, 0.2, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: color 0.4s cubic-bezier(0.25, 1, 0.2, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.2, 1); } /*-------------------------------------------------------------------------*/ /* 2. Responsive /*-------------------------------------------------------------------------*/ @media only screen and (min-width : 1px) and (max-width : 999px) { .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image"] > li { padding: 30px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li { padding: 30px 30px 30px 80px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a .popular-featured-img, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img):before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img):after, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img) a:before, .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img):after { width: 80px; height: 80px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li { min-height: 80px; line-height: 80px; } .widget .nectar_widget[class*="nectar_blog_posts_"] > li a { display: inline-block; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li:not(.has-img):after { line-height: 80px; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a { display: block; } .widget .nectar_widget[class*="nectar_blog_posts_"][data-style="featured-image-left"] > li a .meta-wrap { width: calc(100% - 90px); } }