/* ----------------------------------------- */ /* View slug: first-post-on-blog-resources-page - start */ /* ----------------------------------------- */ div#first-post-wrapper > div { position: relative; overflow:hidden; } #first-post-wrapper .inner-wrapper img { display:block; width:100%; height:auto; position:absolute; } div#first-post-wrapper.inner-wrapper { position: relative; } div#first-post-wrapper .post-title-wrapper { position: relative; z-index:20; text-align:center; } div#first-post-wrapper .post-item .post-title-wrapper i.fa { font-size: 4em; } div#first-post-wrapper .post-item .gradience-overlay { display: block; position: absolute; width: 100%; height: 100%; z-index: 10; bottom: 0px; opacity:1; transition:linear 0.25s all; background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.7)) !important; } div#first-post-wrapper .post-item .gradience-overlay-color { display: block; position: absolute; width: 100%; height: 70%; z-index: 11; bottom: 0px; opacity:0; transition:linear 0.25s all; /* background: linear-gradient(to bottom, rgba(230,126,3,0), rgba(230,126,3,0.7)) !important; */ background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.7)) !important; } div#first-post-wrapper .post-item:hover .gradience-overlay { opacity:0; } div#first-post-wrapper .post-item:hover .gradience-overlay-color { opacity:1; } div#first-post-wrapper .inner-wrapper > a{ display:block; position:absolute; width:100%; height:100%; z-index: 30; top:0px; } div#first-post-wrapper .post-title-wrapper a{ color:#fff; font-size: 1.2em; display: block; margin-top: 20px; padding: 0 15px; } div#first-post-wrapper > div .inner-wrapper { height: 100%; position: relative; display: flex; flex-flow: column; justify-content: center; align-items: center; } /* ----------------------------------------- */ /* View slug: first-post-on-blog-resources-page - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* WordPress Archive slug: blog - start */ /* ----------------------------------------- */ div#blog-post-listing > div { position: relative; margin-bottom:40px; } div#blog-post-listing .inner-wrapper img { display:block; } div#blog-post-listing .inner-wrapper { position: relative; } div#blog-post-listing .post-title-wrapper { position: absolute; width: 100%; bottom: 0px; padding: 20px; z-index:20; } div#blog-post-listing .post-item .gradience-overlay { display: block; position: absolute; width: 100%; height: 100%; z-index: 10; bottom: 0px; opacity:1; transition:linear 0.25s all; background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.8)) !important; } div#blog-post-listing .post-item .gradience-overlay-color { display: block; position: absolute; width: 100%; height: 70%; z-index: 11; bottom: 0px; opacity:0; transition:linear 0.25s all; background: linear-gradient(to bottom, rgba(230,126,3,0), rgba(230,126,3,0.7)) !important; } div#blog-post-listing .post-item:hover .gradience-overlay { opacity:0; } div#blog-post-listing .post-item:hover .gradience-overlay-color { opacity:1; } div#blog-post-listing .inner-wrapper > a{ display:block; position:absolute; width:100%; height:100%; z-index: 30; top:0px; } div#blog-post-listing .post-title-wrapper a{ color:#fff; } .post-item .post-title-wrapper i.fa { color: #fff; font-size: 24px; } div#blog-post-listing .post-title-wrapper h2 { font-size: 1.2em; line-height: 1.2; text-shadow: 0px 2px 2px rgba(0,0,0,0.6); } ul.pagination { display:block !important; text-align:center; } .pagination > li > a { border-radius:0px !important; color:#000 !important; border-color:#000 1px solid !important; } .pagination > li > a:hover { background-color:#000 !important; color:#fff !important; } .pagination > li > a, .pagination > li > span { float:none !important; } @media (min-width:992px) { div#blog-post-listing > div:nth-child(3n+1) { clear:left; } #main-content .container { padding-top: 58px; margin-top: -100px; position: relative; z-index: 300; } } @media (min-width:768px) and (max-width:991px) { div#blog-post-listing > div:nth-child(2n+1) { clear:left; } } /* ----------------------------------------- */ /* WordPress Archive slug: blog - end */ /* ----------------------------------------- */