🚀 Advanced Web Server Manager
Complete File Manager & Terminal - Standalone Version
By Sid Gifari | Gifari Industries
Current path:
/
/
home
/
duzhbywe
/
appmen.com.ng
/
wp-content
/
themes
/
newscrunch
✏️
Editing: style.css
/* Theme Name: Newscrunch Theme URI: https://spicethemes.com/newscrunch Author: spicethemes Author URI: https://spicethemes.com Description: Newscrunch is a magazine and blog theme. It is a lightweight, elegant, and fully responsive theme specifically designed for creating magazines, newspapers, editors, blogs, and dynamic news websites. It seamlessly integrates with the Gutenberg block editor, empowering you to effortlessly build your website using intuitive blocks. The theme is highly compatible with popular plugins such as WooCommerce, Contact Form 7, Polylang, and WPML, offering expanded functionality. Newscrunch Theme prioritizes user privacy and complies with the General Data Protection Regulation (GDPR) guidelines by refraining from collecting any personal data restricted under GDPR. Additionally, all fonts used in the theme are locally hosted, eliminating the reliance on external resources like Google Fonts. The theme is also schema-ready, enhancing search engine visibility and optimization. With its GDPR compliance, sleek design, and efficient performance, Newscrunch Theme caters to various businesses. It provides a wide range of widgets and sections tailored to specific industries, enabling you to swiftly create a stunning website with beautiful designs. To explore the theme further, feel free to check out our demo at: https://demo-newscrunch.spicethemes.com/demo-one/. For video tutorial visit here https://www.youtube.com/playlist?list=PLTfjrb24Pq_DeJOZdKEaP3rZPbHuOCLtZ Tags: blog, news, photography, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, one-column, two-columns, full-width-template, sticky-post, right-sidebar, footer-widgets, grid-layout Version: 1.8.6.7 Requires at least: 5.4 Tested up to: 7.0 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: newscrunch This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Newscrunch is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ Newscrunch WordPress Theme, Copyright 2026 Spicethemes. Newscrunch is distributed under the terms of the GNU GPL. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Common 2.0 Forms 3.0 Buttons 4.0 Lists 5.0 Tables 6.0 Links 7.0 Header Contact Details 8.0 Social Icons 9.0 Woocommerce Header Cart 10.0 Mixed Classes 11.0 Blog Section 11.1 Blog Article 11.2 Blog Sidebar 11.3 Blog Single post 12.0 Shop and product section 13.0 footer section site info 14.0 footer Sidebar section 15.0 Footer Layout 16.0 Breadcrumnb 17.0 Pagination 18.0 Error 404 page 19.0 Header sticky 20.0 New Widget Sidebar 21.0 Grid Classes 23.0 Banner-Design view 24.0 Highlights-Design view 25.0 Blog-wrapper-0-Design view 26.0 Blog-wrapper-1-Design view 27.0 Blog-wrapper-2-Design view 28.0 Blog-wrapper-3-Design view 29.0 Video Section 30.0 Blog-wrapper-2-Design view 31.0 Blog Single Page 32.0 PRE LOADERS 33.0 Blog Page with Sidebar 34.0 Singl Post Pagination 35.0 Canvas Menu 36.0 Post Title & Image Hover Effect/Animation 37.0 Missed Section 38.0 Woocommerce --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Common --------------------------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: scrollbar; } html { font-size: 1rem; } @media (min-width: 768px) and (max-width: 991px) { html { font-size: 0.875rem; } } @media (min-width: 200px) and (max-width: 768px) { html { font-size: 0.75rem; } } *, *:before, *:after { box-sizing: border-box; } body, button, input, select, textarea { color: #404040; font-family: "Poppins", "Work Sans", "Helvetica Neue", helvetica, arial, sans-serif; line-height: 1.6; font-size: 1rem; -webkit-font-smoothing: antialiased; } body { margin: 0; font-weight: 400; } .spnc-wrapper { background-color: #fff; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.5; margin: 0 0 1.875rem; color: #000; font-weight: 700; } h1 { font-size: 2.625rem; } h2 { font-size: 1.875rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } p { margin: 0 0 1.6rem; padding: 0; font-size: 1.125rem; color: #404040; } p:last-child { margin-bottom: 0rem; padding: 0; } dfn, cite, em, i { font-style: italic; } blockquote { font-size: 1.125rem; line-height: 1.556; background-color: #f2f4f6; font-style: italic; margin: 0 0 1.563rem; overflow: hidden; padding: 20px 25px; quotes: "" ""; color: #000; font-weight: 400; } blockquote cite { color: #a5a5a5; font-size: 1rem; display: block; font-style: normal; font-weight: 400; margin-top: 0.5em; } q { quotes: "“" "”" "‘" "’"; } blockquote:before, blockquote:after { content: ""; } :focus { outline: thin dotted; } address { margin: 0 0 1.5em; } pre { background: #eee; font-size: 1rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; color: #000; } hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em; } code, kbd, tt, var { font-size: 1rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #e8e8e8; text-decoration: none; } big { font-size: 125%; } iframe { border: 0; } #wrapper { background-color: #eeeef5; margin: 0px auto; overflow: hidden; } .sticky {} cite { font-style: italic; } .bypostauthor {} #attachment_907 { width: 100% !important; } img { max-width: 100%; height: auto; vertical-align: middle; } .alignnone img { display: block; height: auto; width: 99%; } img.alignleft, .wp-caption.alignleft { margin-right: 1.875rem; } img.alignright, .wp-caption.alignright { margin-left: 1.875rem; float: right; } img.wp-caption .alignnone { display: block; margin: 0 auto; height: auto; width: 100%; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { clear: left; font-style: italic; line-height: 1.5em; margin: 0.75em 0; text-align: center; } .wp-caption.alignright { margin: 0.3125rem 0 1.25rem 1.25rem; } .wp-caption p.wp-caption-text { font-size: 0.813rem; margin: 0.75rem 0; text-align: center; font-style: italic; line-height: 1.5em; } .wp-caption.alignleft { margin: 0.3125rem 1.25rem 1.25rem 0; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 0; } .gallery-item .gallery-caption, .hc_service_column .gallery-item .gallery-caption { font-size: 0.813rem; margin: 0.75rem 0; text-align: center; font-style: italic; line-height: 1.5em; } a img.alignright { float: right; } a img.alignnone { margin: 0.3125rem 1.25rem 1.25rem 0; } a img.alignleft { float: left; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } @media screen and (min-width: 30rem) { img.alignleft { float: left; margin-right: 1.25rem; } } .alignleft { display: inline; float: left; margin-right: 1.25rem; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } fieldset { margin-bottom: 1rem; border: 1px solid #e9e9e9; margin: 0 2px; padding: 0.35rem 0.95rem 0.75rem; } fieldset p { margin: 0px 0 1.25rem; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; color: #0f0f16; font-weight: 600; display: table; max-width: 100%; border-bottom: none; width: auto; padding: 0; white-space: normal; } .bg-default-color { background-color: #f5f6fa; } .bg-default-color-2 { background-color: #f5f6fa; } .bg-default-color-3 { background-color: #fff; } .sponsors.bg-default { background-color: #f5f6fa; } .text-center { text-align: center; } /*-------------------------------------------------------------- 2.0 Forms --------------------------------------------------------------*/ label { color: #000; display: block; font-weight: 400; margin-bottom: 0.5em; font-size: 1rem; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { display: block; width: 100%; font-size: 1.25rem; font-family: "Poppins"; color: #404040; line-height: 1.2; background-color: transparent; border: 1px solid #d7d7d7; padding: 0.65em; transition: 0.2s; } input[type="text"]:hover, input[type="text"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="range"]:hover, input[type="range"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="week"]:hover, input[type="week"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="color"]:hover, input[type="color"]:focus, textarea:hover, textarea:focus { border: 1px solid #669c9b; } select { border-radius: 0px; -webkit-border-radius: 0px; height: 5em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"]+label, input[type="checkbox"]+label { font-weight: 400; } button, input[type="button"], input[type="submit"] { background: transparent; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; font-size: 0.938rem; font-weight: 600; line-height: 1; padding: 1rem 2.188rem; text-shadow: none; -webkit-transition: background 0.4s; transition: background 0.4s; border-radius: 0; } input+button, input+input[type="button"], input+input[type="submit"] { padding: 0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color: #ddd; color: #222; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { color: #fff; outline: none; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background: #bbb; } /* Placeholder text color */ ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } ::-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; } .form-control:focus { outline: 0; box-shadow: none; } @media (min-width: 1100px) { .spnc-collapse.collapse .ml-auto { margin-left: auto !important; } } /*=================================================================================== 3.0 BUTTONS ===================================================================================*/ .btn-small { min-width: 8.5rem; font-size: 1rem; padding: 0.688rem 0.7rem; } .btn-ex-small { min-width: 9rem; font-size: 1rem; padding: 0.563rem 2.188rem; } .btn-small, .btn-ex-small { display: inline-block; -webkit-font-smoothing: antialiased; position: relative; letter-spacing: 0; border-radius: 0; text-align: center; transition: 0.3s; font-weight: 600; } .btn-default:focus, .btn-light:focus, .btn-border:focus { outline: thin dotted; } .btn-default { color: #fff; } .btn-default:hover, .btn-default:focus { background: #fff; color: #000; border: 1px solid #fff; } .btn-light { background: #fff; color: #000; border: 1px solid #fff; } .btn-light:hover, .btn-light:focus { color: #fff; } .btn-default-dark { color: #fff; } .btn-default-dark:hover, .btn-default-dark:focus { background: #000; color: #fff; } .btn-default-light { color: #fff; } .btn-default-light:hover, .btn-default-light:focus { background: transparent; } .btn-border { background: #fff; color: #000; } .btn-border:hover, .btn-border:focus { color: #fff; } .btn-light.focus, .btn-light:focus { box-shadow: none; } .btn-light:not(:disabled):not(.disabled):active { color: #fff; } .btn-light:not(:disabled):not(.disabled):active:focus { box-shadow: none; } /*-------------------------------------------------------------- 4.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em 1.125em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } ul>li>ul { padding-top: 0.5rem; } li>ol { margin-top: 10px; } /*-------------------------------------------------------------- 5.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; word-wrap: break-word; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*-------------------------------------------------------------- 6.0 Links --------------------------------------------------------------*/ a { color: #000; text-decoration: none; transition: 0s; cursor: pointer; } /*================================================================================== 7.0 HEADER CONTACT DETAILS ===================================================================================*/ .spnc-light h2 { margin: 0; padding-bottom: 0; font-size: 2.25rem; } .header-sidebar { padding: 0; } .head-contact-info, .head-time-info { padding: 1.3rem 0 1.3rem; margin: 0px; display: inline-block; } .head-contact-info li { display: inline-block; margin: 0rem; color: #000; font-size: 1.25rem; position: relative; font-weight: 400; } .header-sidebar .widget .head-contact-info li { padding-right: 1rem; margin-right: 1rem; } .head-contact-info li:last-child { padding-right: 0; } .head-contact-info li a { color: #000; } .head-contact-info i { margin-right: 0rem; margin-left: 0rem; padding: 0; height: 2.5rem; width: 2.5rem; line-height: 2.3; text-align: center; font-size: 18px; } .header-2 .head-contact-info i, .header-8 .head-contact-info i { margin-right: 0rem; margin-left: 0rem; padding: 0; height: 2.5rem; width: 1.25rem; text-align: left; line-height: 2.3; font-size: 1.125rem; } .footer-sidebar ul { list-style: none; margin: 0; } @media (max-width: 500px) { .head-contact-info li { padding-right: 0; } } .btn-box { position: relative; } .btn-style-one { position: relative; font-size: 1rem; line-height: 1.875rem; font-weight: 600; overflow: hidden; padding: 0.76rem 1.375rem 0.76rem; background-color: transparent; display: inline; } .btn-style-one:hover, .btn-style-one:focus { color: #fff; } /*=================================================================================== 8.0 SOCIAL ICONS /*===================================================================================*/ .custom-social-icons { margin: 0; padding: 0; } @media (min-width: 1100px) { .header-sidebar .widget .custom-social-icons { float: right; } } @media (max-width: 767px) { .header-sidebar .spnc-right { float: none; } } @media (max-width: 1100px) { .header-sidebar .spnc-topbar { text-align: center; } .header-sidebar .widget .custom-social-icons { float: none; display: inline-block; padding: 0 0 10px; } .spnc.spnc-custom .header-button { display: inline-block; margin: 0; } } .widget .address-info i { padding-right: 0.625rem; padding-left: 0.063rem; } .custom-social-icons li { display: inline-block; padding: 1.3rem 0.5rem 1.3rem; } .custom-social-icons li>a:before { display: none; } .custom-social-icons li>a { font-size: 14px; transition: all 0.3s; display: inline-block; border-radius: 12px; height: 2.5rem; width: 2.5rem; line-height: 2.5; text-align: center; font-size: 1rem; border: 1px solid #d7d7d7; } .contact .custom-social-icons li>a { background-color: #eeeeee; } .custom-social-icons li a i { padding: 0; } .widget em { font-style: normal; display: inline-block; margin: 0; color: #fff; font-size: 0.938rem; position: relative; padding: 0.413rem 0 0.313rem; } @media (min-width: 991px) { .widget em { float: right; } } .widget .wp-block-image { margin: 0.625rem; } .widget .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { margin-top: 0.75rem; padding: 0px; } /*===================================================================================*/ /* Search Box Style /*===================================================================================*/ /* 1. Search bar Fullwidth - hidden search field */ #searchbar_fullwidth { display: none; float: none; width: 100%; height: 3.875rem; border-top: 1px solid #d8d8d8; padding-left: 9.375rem; padding-right: 9.375rem; z-index: 1; position: relative; background: #fff; -webkit-box-shadow: -1px 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 3px 2px rgba(0, 0, 0, 0.3); box-shadow: -1px 3px 2px rgba(0, 0, 0, 0.3); } #search_box_fullwidth { display: block; width: 88%; border: 0; outline: none; padding: 0; height: 3.75rem; line-height: 3.75rem; font-size: 1.25rem; font-weight: 500; color: #64646d; } #search_submit_fullwidth { display: block; float: right; margin: 0.563rem 0 0.563rem; font-size: 1.75rem; background: none; color: #202020; border: 0; outline: none; line-height: 1.5; cursor: pointer; padding: 0; } /* 2. Search Bar Fullscreen - hidden search field */ #searchbar_fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.95); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 1000; } #searchbar_fullscreen input[type="search"] { position: absolute; top: 50%; width: 100%; color: #64646d; background: rgba(0, 0, 0, 0); font-size: 3.125rem; font-weight: 400; text-align: center; border: 0px; margin: 0rem auto; margin-top: -3.188rem; padding-left: 1.875rem; padding-right: 1.875rem; outline: none; } @media (max-width: 991px) { #searchbar_fullscreen input[type="search"] { font-size: 2.125rem; margin-top: -1.25rem; } } #searchbar_fullscreen .btn { position: absolute; top: 60%; left: 50%; right: auto; margin-top: 3.813rem; margin-left: -2.813rem; border-radius: 2px; border: black; color: #fff; padding: 0.563rem 1.563rem; font-size: 0.938rem; font-weight: 400; } #searchbar_fullscreen .close { position: fixed; top: 0.938rem; right: 0.938rem; color: #fff; opacity: 1; padding: 0.625rem 1.063rem; font-size: 1.688rem; } #searchbar_fullscreen.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #searchbar_fullscreen .search-form { width: 100%; position: unset; } .search-box-outer a.bg-light { background-color: transparent; } #searchbar_fullscreen.bg-light { background-color: #f8f9fa; } #searchbar_fullscreen.bg-light .close { color: #000; } #searchbar_fullscreen.bg-light .close:hover { color: #fff; } /*===================================================================================*/ /* Search Box /*===================================================================================*/ .nav-search { margin-right: 1.563rem; display: inline-block; line-height: 1rem; position: relative; top: 0px; } .nav .open>.search-icon, .nav .open>.search-icon:focus { background-color: unset; border-color: unset; } .spnc .search-box-outer .dropdown-menu { top: 3.125rem; left: auto; right: 0px; padding: 0px; width: 20.25rem; margin: 0px; background-color: #fff; border-top: solid 1px #ee591f; } .search-box-outer .search-form input[type="submit"] { padding: 0.75rem 1.25rem; } @media (max-width: 786px) { .spnc .search-box-outer .dropdown-menu { position: absolute; width: 17.5rem; left: 0; } } .search-box-outer .dropdown-menu>li { padding: 0.25rem 0.5rem; border: none; background: none; } .search-form { width: 100%; position: relative; } .search-form label { width: 98%; margin-bottom: 0; } .search-form .screen-reader-text { display: none; } .search-panel .form-container { padding: 0.625rem 0 2px 0; } .search-panel input[type="search"] { display: block; width: 100%; height: 2.5rem; line-height: 1.5rem; background: #fff; border: 1px solid #e0e0e0; padding: 0.4375rem 5.625rem 0.4375rem 0.4375rem; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; font-size: large; } .search-form input[type="submit"] { cursor: pointer; position: absolute; width: auto; transition: all 0.3s ease-in-out; color: #fff; font-weight: 600; height: 2.5rem; left: auto; right: 0rem; font-size: 0.938rem; top: 0rem; padding: 0.75rem 1.563rem; } .search-box-outer .dropdown-toggle::after { display: none; } .search-box-outer a { font-size: 0.813rem; font-weight: 600; padding-right: 0; } .search-box-outer a i { padding-right: 3px; } @media (min-width: 768px) and (max-width: 992px) { .search-box-outer .dropdown-menu { top: 2.188rem; } } .search-box-outer .sub-arrow { display: none; } form.search-form input.search-submit, input[type="submit"], button[type="submit"] { color: #fff; border: 0 none; border-radius: 4px; display: inline-block; font-size: 0.875rem; margin: 0; text-align: center; transition: all 0.4s ease 0s; } /*=================================================================================== 10.0 Mixed Classes ===================================================================================*/ .spnc-container { width: 100%; max-width: 1320px; margin: 0 auto; } .spnc-container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .section-space { padding: 4.688rem 0 4.375rem; } .page-section-space { padding: 2.2rem 0 2.375rem; } .some-space-section { padding: 4.8125rem 0 4.375rem; } .widget_media_image img { border-radius: 5px; width: 100%; } .spnc-left { float: left; } .spnc-right { float: right; } /*-------------------------------------------------------------- 11.0 Blog Section 11.1 Blog Article --------------------------------------------------------------*/ .blog .post .post-thumbnail { position: relative; overflow: hidden; margin: 0; text-align: center; } .blog .list-view .post-thumbnail { width: 24.063rem; height: auto; float: left; } .blog .post-thumbnail img { transform: scale(1) translateY(0); transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .blog .post:hover .post-thumbnail img, .blog .post:focus .post-thumbnail img { transform: scale(1.1) translateY(-12px); } .post .entry-content { overflow: hidden; } .more-link { margin-left: 2px; margin-bottom: 2px; font-weight: 500; } .post-content { padding: 1.5rem 1.875rem; } .more-link i { font-size: 0.875rem; margin-left: 0.2rem; } .entry-date a { position: absolute; z-index: 1; top: 36%; left: 0rem; font-size: 0.875rem; font-weight: 400; display: inline-block; padding: 0.25rem 1.25rem; color: #fff; word-break: break-word; transform-origin: 0 0; transform: rotate(270deg); } @media (max-width: 768px) and (min-width: 601px) { .blog.grid-view.grid-view-sidebar .entry-date a { top: 16%; } } @media (max-width: 768px) { .blog .entry-date a { top: 32%; } } .remove-image { position: absolute; left: 0; bottom: 2.5rem; } .remove-image a { position: unset; } .post .entry-header h4 { margin-bottom: 0.875rem; font-weight: 600; } .entry-content p { margin-bottom: 0; padding-bottom: 1.25rem; } .entry-meta { margin-bottom: 1rem; } .entry-meta a { display: inline-block; color: #404040; } .entry-meta span { padding-right: 1.5rem; } .entry-meta span:last-child { padding-right: 0; } .entry-content p a { margin-bottom: 0; padding-bottom: 0; color: #777777; } .entry-meta i { padding-right: 0.625rem; transition: 0.3s; } .entry-meta span { color: #404040; transition: 0.3s; font-size: 1rem; } .entry-meta a:last-child span::after { display: none; } .widget .post:hover .post-thumbnail img, .widget .post:focus .post-thumbnail img { transform: unset; } .blog .post-thumbnail img.img-fluid { width: 100%; height: 100%; } .blog h3.entry-title { font-weight: 600; margin-bottom: 1.3rem; } .spnc-seprator { border-bottom: 1px solid #ebebeb; margin: 5px 0 18px; } /*-------------------------------------------------------------- 11.2 Blog Sidebar --------------------------------------------------------------*/ .spnc-sidebar .head-contact-info li a { color: #000; font-size: 0.875rem; } .spnc-sidebar .custom-social-icons li>a { color: #777777; font-size: 0.875rem; } .spnc-sidebar .custom-social-icons li>a:hover, .spnc-sidebar .custom-social-icons li>a:focus { color: #fff; } .spnc-sidebar .head-contact-info, .spnc-sidebar .widget em, .footer-sidebar .widget em { padding: 0; margin: 0px; float: none; } .spnc-sidebar .widget address i, .footer-sidebar .widget address i { padding-right: 0.625rem; padding-left: 0.063rem; } .spnc-sidebar table, .spnc-sidebar address { margin: 0; } .spnc-sidebar .right-sidebar { padding-left: 0rem; } .spnc-social-follow ul { margin: 0; } .spnc-sidebar .left-sidebar { padding-right: 0.625rem; } @media only screen and (max-width: 768px) { .spnc-sidebar .right-sidebar { padding-left: 0px; } .spnc-sidebar .left-sidebar { padding-right: 0px; } } .spnc-sidebar .widget { color: #000; margin: 0 0 1.25rem; padding: 1.25rem 1.25rem 0.625rem; border: 0; border-radius: 4px; background-color: #fff; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-widget .widget-title { padding-bottom: 1.188rem; margin: 0; z-index: 1; position: relative; } .widget .input-group .form-control, .widget .search-field { font-size: 0.938rem; padding-left: 1.25rem; padding-right: 1.875rem; margin-bottom: 0.313rem; border-radius: 0; height: 3.125rem; } .widget .search-submit, .widget .search-field [type="submit"] { position: absolute; right: 0; z-index: 3; display: block; padding: 1.063rem; color: #fff; cursor: pointer; width: 5.625rem; height: 3.125rem; } .widget .search-submit.fa, .widget .search-field [type="submit"].fa { width: 3.125rem; height: 3.125rem; } .spnc-sidebar em, .spnc-sidebar .head-contact-info li { color: #000; font-size: 0.875rem; } .spnc-sidebar ul li a { font-size: 1rem; } .spnc-sidebar .widget .tagcloud a { font-size: 0.938rem; display: inline-block; padding: 0.438rem 1.063rem; color: #777777; background-color: #f4f4f4; margin: 0 0.125rem 0.438rem; } .spnc-sidebar .widget .tagcloud a:hover, .spnc-sidebar .widget .tagcloud a:focus { color: #fff; } .spnc-sidebar .widget select { margin: 0px 0px; width: 100%; padding: 6px 0.75rem; height: 2.813rem; border-radius: 2px; font-size: 0.875rem; border: 1px solid #e9e9e9; letter-spacing: 1px; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; color: #000; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #e9e9e9; display: block; } .spnc-sidebar .widget .post { position: relative; background: none; border-radius: 0; box-shadow: none; padding-bottom: 1.125rem; border-bottom: solid 1px rgba(255, 255, 255, 0.2); margin-bottom: 1.25rem; } .spnc-sidebar .widget .post:last-child { padding-bottom: 0.313rem; margin-bottom: 0; border-bottom: none; } .spnc-sidebar .widget .post .post-thumbnail { margin: 0 0.625rem 0 0; overflow: hidden; float: left; display: block; width: 5.125rem; height: 5.125rem; border-radius: 0; background-color: unset; } .spnc-sidebar .widget .post .post-thumbnail .img-fluid { width: 5rem; height: 5rem; } .spnc-sidebar .widget .post:hover, .spnc-sidebar .widget .post:focus { box-shadow: unset; transform: unset; } .spnc-sidebar .widget .post .entry-date { font-size: 0.75rem; margin-right: 0.5rem; font-weight: 400; height: 0; width: 0; background: unset; padding-top: 0px; border-radius: 0; line-height: normal; position: relative; margin-top: 0; right: 0; } .spnc-sidebar .widget_categories { position: relative; } .spnc-sidebar .widget.side-bar-widget .spnc-widget-title, #spnc_panelSidebar .spnc-sidebar .widget.spnc-side-panel .widget-title { margin-bottom: 1.25rem; font-weight: 700; z-index: 1; padding-left: 15px; position: relative; border: 1px solid #d7d7d7; padding: 8px; border-radius: 50px; font-size: 1.25rem; font-weight: 30px; text-align: center; color: #000; letter-spacing: 2px; } .spnc-sidebar ul { margin: 0 0 0.1em 1em; } .spnc-sidebar .spnc-social-follow ul { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); grid-column-gap: 10px; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item, .spnc-sidebar .spnc_widget_recent_entries .wp-block-latest-posts__list li { border-bottom: 1px solid #d7d7d7; padding: 8px 0; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item:before, .spnc-sidebar .spnc_widget_recent_entries .wp-block-latest-posts__list li:before { font-size: 0.875rem; margin-right: 14px; content: ""; content: "\f105"; font-family: FontAwesome; margin-top: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item span { background-color: #eeeff4; font-size: 0.875rem; color: #000; height: 26px; width: 26px; position: absolute; right: 0; text-align: center; vertical-align: middle; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item:last-child, .spnc-sidebar .spnc_widget_recent_entries .wp-block-latest-posts__list li:last-child { border-bottom: unset; padding: 8px 0; } .spnc-sidebar .widget .entry-title { margin-bottom: 3px; font-weight: 600; font-size: 1rem; } .spnc-sidebar .widget .post:last-child { margin-bottom: 0.313rem; } .spnc-sidebar .widget .post .post-thumbnail:hover img, .spnc-sidebar .widget .post .post-thumbnail:focus img { opacity: unset; transform: unset; -webkit-transform: unset; } .spnc-sidebar .sidebar .tab-content { margin-top: 0; padding-top: 0; } .subscribe-form { margin-bottom: 1.5rem; margin-top: 1.5rem; } .subscribe-form p { color: #fff; } .subscribe-form .btn-default { border-radius: 0px; } .subscribe-form .input-group .form-control { padding: 0.6em 4em 0.7em 1em; z-index: 0; height: 2.5rem; } .subscribe-form .input-group .input-group-btn { position: absolute; right: 1px; top: 1px; z-index: 1; } .site-footer .subscribe-form { margin-bottom: 1.5rem; margin-top: 0.5rem; } .site-footer #text-4 p { font-size: 0.875rem; color: #fff; margin: 0; } .site-footer .subscribe-form .input-group .form-control { background-color: transparent; border: 1px solid #fff; color: #fff; border-radius: 0; } .site-footer .subscribe-form .input-group .form-control:focus { border: 1px solid #fff; } .site-footer .subscribe-form .btn { padding: 0.25rem 0.85rem 0.3125rem; height: 2.375rem; } .footer-sidebar h6 { color: #6C6C6F; } @media (max-width: 360px) { .site-footer .subscribe-form .btn { height: 2.98rem; } } @media (max-width: 320px) { .site-footer .subscribe-form .btn { height: 2.95rem; } } .sidebar .widget .widget-title:before { content: ""; position: absolute; width: 25px; height: 1px; bottom: 0; left: 0px; top: 10px; } .sidebar .widget .widget-title:after { content: ""; position: absolute; width: 15px; height: 1px; bottom: 0; left: 10px; top: 15px; } .text-widget .post-thumbnail { width: 100px; height: 100px; margin: 0 auto; margin-bottom: 24px; } .text-widget .post-thumbnail img { border-radius: 50%; } .text-widget-title { font-size: 1rem; font-weight: 600; margin-bottom: 1.063rem; } .text-widget-description { font-size: 1rem; font-weight: 400; margin-bottom: 0.813rem; } .large-social-icons .custom-social-icons li>a { line-height: 3.2; height: 3.125rem; width: 3.125rem; font-size: 1rem; color: #fff; background-color: #000; } .large-social-icons .custom-social-icons li { padding: 0.375rem 0.139rem; } .banner-widget { margin: 0.375rem 0; padding: 10px; } .banner-background-image { background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; overflow: hidden; } .banner-overlay { height: 100%; position: relative; width: 100%; padding: 2.5rem 0 1.875rem; background-color: rgba(0, 0, 0, 0.2); } .banner-sub-title { color: #fff; padding-bottom: 68px; font-size: 0.813rem; font-weight: 500; } .banner-details span { font-size: 1.375rem; font-weight: 200; } .banner-details h2 { font-size: 1.875rem; font-weight: 500; margin-bottom: 3.625rem; } .banner-widget .btn-small { padding: 0.6rem 1.5rem; } @media (min-width: 1200px) { .site-info .right { text-align: right; } .site-info .right .widget li:before { position: relative; padding-right: 1rem; } } .alignwide, .aligncenter { margin-bottom: 1.87rem; } .alignleft { display: inline; float: left; margin-right: 20px; } .section-module.blog .standard-view .entry-content img { max-width: 100%; height: auto; } .wp-caption.alignnone img, .wp-caption.aligncenter img, .wp-image-907 { width: 100%; height: auto; } .wp-block-latest-posts .wp-block-latest-posts__featured-image img { width: 130px; height: 105px; } .wp-block-latest-posts .wp-block-latest-posts__featured-image { margin: 0 15px 0 0; overflow: hidden; float: left; display: block; width: 8rem; height: 6.5rem; border-radius: 0; background-color: unset; } .wp-block-latest-comments__comment-excerpt p { word-break: break-all; } .widget li { list-style: none; } .related-posts { margin-bottom: 3rem; } /*===============================Gallery==========================*/ .widget.widget_media_gallery img { max-width: 100%; height: auto; } .widget.widget_media_gallery img { border-radius: 5px; } .widget.widget_media_gallery img:hover, .widget.widget_media_gallery img:focus { border-radius: 5px; } .gallery-item:last-of-type { padding-right: 0; } .gallery-caption { display: block; font-size: 0.71111em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Poppins", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0.5rem; } .gallery-item>div>a { display: block; line-height: 0; box-shadow: none; } .standard-view.blog-single .gallery-item>div>a:focus { box-shadow: none; outline: none; } .widget.widget_media_gallery a { position: relative; overflow: hidden; background-position: center; height: 100%; width: 100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; } .widget.widget_media_gallery a:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); -webkit-transform: skewX(-25deg); } .widget.widget_media_gallery a:hover::before, .widget.widget_media_gallery a:focus::before { animation: shine 0.75s; -webkit-animation: shine 0.75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /*===================================================================================*/ /*11.3 Blog Single post /*===================================================================================*/ .blog-single .custom-social-icons li>a { color: #404040; } .blog-single .custom-social-icons { float: right; } /* comment form */ .comment-form .comment-reply-title { padding-bottom: 0.688rem; } .comment-form .button-holder input { margin-top: 1.438rem; padding-left: 1.563rem; padding-right: 1.563rem; } .footer-sidebar .widget_text p { padding-top: 0.15rem; } .contact-form .wpcf7-form input, .contact-form .wpcf7-form textarea, .comment-form .comments-form input { margin-bottom: 1.875rem; } .blog-author, .comment-box { margin: 0 0 3rem; display: flex; position: relative; padding: 1.5rem 1.875rem; box-shadow: 0 0px 25px 0 rgb(54 53 76 / 8%); } .blog-author .avatar { margin: 0 2.5rem 0px 0; width: 40rem; } .blog-author h5 { margin: 0; } .blog-author .avatar img { border-radius: 50% !important; } .blog-author .blog-author-info { overflow: hidden; flex-grow: 1; } .pull-left-comment { float: left; margin-right: 1.875rem; width: 6.25rem; height: 6.25rem; } .comment-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .comment-form-email, .comment-form-author { display: inline-block; vertical-align: middle; width: 49%; margin-right: 5px; } .comment-section .children { padding-left: 15%; } /*=================================================================================== 11.4 Blog Grid view post ===================================================================================*/ @media (min-width: 768px) { .grid-view-sdbar .post, .grid-view .post { float: left; margin: 0 0.469rem 1.25rem; width: 48%; } } @media only screen and (min-width: 768px) and (max-width: 1399px) { .grid-view-sdbar .post, .grid-view .post { margin: 0 0.33rem 1.25rem; } } /*=================================================================================== 11.5 Blog List view post ===================================================================================*/ @media (min-width: 768px) { .blog.list-view-sdbr .post, .blog.list-view .post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; flex-direction: row; } .blog.list-view-sdbr .post .post-thumbnail, .blog.list-view .post .post-thumbnail { width: 26rem; height: auto; } .blog.list-view-sdbr .entry-meta, .blog.list-view .entry-meta { margin-bottom: 0.5rem; } .blog.list-view-sdbr h3.entry-title, .blog.list-view h3.entry-title { font-weight: 600; margin-bottom: 1rem; } } @media only screen and (min-width: 769px) and (max-width: 1399px) { .blog.list-view-sdbr .post-thumbnail, .blog.list-view .post-thumbnail { height: 10rem; } } @media (min-width: 768px) { .blog.list-view .post.remove-images { display: block; } } /*=================================================================================== 11.5 Blog Switcher ===================================================================================*/ .blog.list-view .right .post-thumbnail { margin-left: 2.188rem; margin-right: 0; float: right; } /*=================================================================================== 13.0 footer section site info ===================================================================================*/ .site-info { color: #fff; font-size: 1rem; padding: 1.1rem 0; position: relative; text-align: center; } .site-info .spnc-row { margin: 0; } .site-info p, .site-info a { color: #fff; } .site-privacy { text-align: right; } .section-space .owl-carousel:hover .owl-next, .section-space .owl-carousel:focus .owl-next { right: 1.875rem; } .section-space .owl-carousel:hover .owl-prev, .section-space .owl-carousel:focus .owl-prev { left: 1.875rem; } .section-space .owl-carousel .owl-prev, .section-space .owl-carousel .owl-next { top: 40%; } .section-space.sponsors .owl-carousel .owl-prev, .section-space.sponsors .owl-carousel .owl-next { top: 20%; } .site-footer .site-info .nav-menu { position: relative; margin-bottom: 10px; } @media (max-width: 768px) { .site-footer .site-info .nav-menu { float: none; } .site-footer .site-info .right { padding-top: 1rem; } } .site-footer .site-info .nav-menu li { position: relative; display: inline-block; margin-right: 2rem; } .site-footer { background-color: #000; position: relative; z-index: 0; background-repeat: repeat; background-position: center center; background-size: cover; background-attachment: scroll; margin-top: 1rem; } .site-footer .overlay { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } /*=================================================================================== 14.0 footer Sidebar section ===================================================================================*/ @media (min-width: 768px) { .s-l-space { padding-left: 0.625rem; } } .footer-sidebar { padding: 0.3rem 0 1.75rem; position: relative; } body .footer-sidebar .widget { color: #fff; padding: 0 0 1.25rem; margin: 0rem; } @media (max-width: 600px) { .footer-sidebar .widget { padding: 1.625rem 0 1.125rem; } .blog .right-sidebar { padding-top: 1.875rem; } } @media (max-width: 600px) { .site-info { text-align: center; } .footer-sidebar .widget_nav_menu li::before, .footer-sidebar .widget_pages li::before, .footer-sidebar .widget_product_categories li::before, .footer-sidebar .widget_links li::before, .footer-sidebar .widget_categories li::before, .footer-sidebar .widget_archive li::before, .footer-sidebar .widget_recent_entries li::before, .footer-sidebar .widget_meta li::before, .footer-sidebar .widget_recent_comments li::before { position: relative; padding-right: 0.8rem; } } .footer-sidebar .tab-content { padding-top: 0; } .footer-sidebar a { color: #fff; } .footer-sidebar address { margin: 0 0 0.5em; } .footer-sidebar .footer-logo { margin-bottom: 1.25rem; } .footer-sidebar .widget .widget-title { padding-bottom: 1rem; color: #fff; margin: 0 0 2rem; font-size: 1.25rem; font-weight: 700; border-bottom: 1px solid #6C6C6F; position: relative; } .footer-sidebar .widget .widget-title:after { position: absolute; content: ""; height: 1px; width: 40%; border-radius: 0.625rem; top: auto; bottom: -1px; left: 0px; background: #ee0111; } .footer-sidebar .widget.custom-social-icons-links .widget-title { margin: 0 0; } .header-sidebar .widget:last-child { margin: 0; } .head-contact-info li:first-child { padding: 0; } .header-sidebar .widget { color: #fff; box-shadow: none; padding: 0; margin: 0; display: inline-block; } .footer-sidebar .widget_text { font-size: 0.938rem; line-height: 2.35; position: relative; } .footer-sidebar .widget_text p { margin: 0; color: #fff; line-height: 1.6; margin-bottom: 0.625rem; font-size: 1rem; } .footer-sidebar .widget li { margin-bottom: 5px; position: relative; border-bottom: 0; } .footer-sidebar .widget .widget-title:after img { content: none; padding: 0; } .footer-sidebar .custom-social-icons li { padding-left: 0; } .footer-sidebar .head-contact-info li { padding-left: 0; display: block; } .footer-sidebar .head-contact-info { border-bottom: 1px solid #777777; padding-bottom: 1.125rem; padding-top: 0; margin-bottom: 1.5rem; } .footer-sidebar .head-contact-info:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .footer-sidebar h2 { color: #fff; line-height: 1; margin-bottom: 1rem; } .footer-sidebar mark, .footer-sidebar ins { background: #777777; } .site-info .footer-sidebar.text-center .widget li:before { color: #fff; position: relative; padding-right: 6px; } @media (min-width: 1200px) { .site-info .footer-sidebar .right .widget li:before { color: #fff; position: relative; padding-right: 6px; } } .site-info .footer-sidebar .head-contact-info li a:hover, .site-info .footer-sidebar .head-contact-info li a:focus { color: #000; } .sidebar .widget li>ul>li { padding-left: 0.938rem; } .site-info .footer-sidebar .widget .tagcloud a:hover, .site-info .footer-sidebar .widget .tagcloud a:focus { background-color: #f3f3f3; } .widget_recent_reviews li:last-child, .widget_top_rated_products li:last-child, .widget_products li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_product_categories li:last-child, .widget_links li:last-child, .widget_categories li:last-child, .widget_archive li:last-child, .widget_recent_entries li:last-child, .widget_meta li:last-child, .widget_recent_comments li:last-child, .wp-block-page-list li:last-child { border-bottom: none; padding-bottom: 0; } .site-info .footer-sidebar .widget .search-submit, .site-info .footer-sidebar .widget .search-field [type="submit"] { background: #000; } .footer-sidebar .widget .custom-social-icons li { border: none; } .site-info .copyright-section { font-size: 0.875rem; color: #6C6C6F; padding-bottom: 5px; } /*===================================================================================*/ /* Page Scroll Up /*===================================================================================*/ .scroll-up { position: fixed; display: none; bottom: 4.688rem; right: 3.75rem; z-index: 1; } .scroll-up a { display: block; height: 2.1em; width: 2.1em; text-align: center; line-height: 2; border-radius: 3px; font-size: 1.30rem; color: #fff; opacity: 1; transition: all 0.3s ease 0s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .scroll-up a:hover, .scroll-up a:active { color: #fff; } /*===================================================================================*/ /* 15.0 Footer Layout /*===================================================================================*/ .site-info .footer-sidebar { padding: 0rem; } .site-info .footer-sidebar a:hover, .site-info .footer-sidebar a:focus { color: #000; } .site-info .custom-social-icons li>a:hover, .site-info .custom-social-icons li>a:focus { background-color: #fff; } /*-------------------------------------------------------------- 16.0 Bredcrumb --------------------------------------------------------------*/ .page-title-section { background: #f8f8f8; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 260px 0 20px; width: 100%; height: 100%; } .page-title { background-position: center top; background-repeat: no-repeat; margin: 0 auto 0px; padding: 0px; position: relative; width: 99%; } .page-title h1 { letter-spacing: 1px; margin: 0 0 0px; word-wrap: break-word; font-size: 3.125rem; font-family: "Poppins"; color: #000; font-weight: 700; line-height: 1.2; } .page-breadcrumb { list-style: none outside none; margin-bottom: 0px; padding: 20px 0; text-align: right; line-height: 20px; color: #000; position: relative; } .page-breadcrumb>li a { font-size: 1.25rem; font-family: "Poppins"; line-height: 1.2; } .page-breadcrumb>li { display: inline-block; padding: 0; font-size: 1.125rem; font-family: "Poppins"; line-height: 1.2; } /*-------------------------------------------------------------- 17.0 Pagination --------------------------------------------------------------*/ .blog .center, .shop .center, .portfolio .center { text-align: center; } .pagination { display: inline-block; margin: 1.25rem 0 0.5625rem; text-align: center; } .pagination a { border-left: 1px solid #ebebeb; color: #000; font-size: 0.875rem; padding: 0.3rem 0.9rem; margin: 0.5rem 0; text-decoration: none; transition: 0.3s; position: relative; display: inline-block; font-weight: 400; z-index: 1; } .pagination a.active { position: relative; } .pagination a:hover::before, .pagination a:focus::before { width: 100%; } .pagination a:before { position: absolute; content: ""; left: 0px; top: 0px; width: 0px; height: 100%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: -1; } .pagination a:first-child { border-left: 0; } .pagination { box-shadow: 0 0px 25px 0 rgba(54, 53, 76, 0.08); transition: all 0.3s linear; transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); transform: translateY(0px); } .pagination:hover, .pagination:focus { box-shadow: 0 0px 25px 0 rgba(54, 53, 76, 0.1); transition: all 0.3s linear; transform: translateY(-6px); transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } /*=================================================================================== 18.0 Error 404 page ===================================================================================*/ .section-space.error-page { padding-top: 5.2rem; } .error-page .title { font-size: 15.625rem; line-height: 0.85; letter-spacing: 0; font-weight: 600; margin-bottom: 0rem; display: inline-block; } .error_404 { background-position: center center; background-repeat: no-repeat; padding: 16rem 0; } .error_404 .pattern_404 { position: relative; display: inline-block; } .error-page .contact-title { font-size: 2.5rem; margin-bottom: 10px; word-break: break-word; } @media (max-width: 600px) { .error-page .title { font-size: 9.625rem; } .error_404 { padding: 20rem 0; background-size: contain; } } /*===================================================================================*/ /* 19.0 Header sticky /*===================================================================================*/ .stickymenu { position: fixed; top: 0; z-index: 3; left: 0; right: 0; width: 100%; margin: 0 auto; } @media (max-width: 1200px) { .stickymenu { max-width: 100%; } } @media (min-width: 1200px) { body.boxed .stickymenu { width: 1210px; } body.boxed .header-8 .stickymenu { margin: auto; } body.boxed .header-12.header-sidebar .stickymenu { margin: auto; } } @media (min-width: 1200px) { body.boxed .header-4 .spnc-custom .spnc-navbar { padding: 0 10px; } } @media (min-width: 1200px) { body.boxed .header-1 .stickymenu { width: 1210px; } } @media (min-width: 601px) { body.admin-bar .stickymenu { top: 32px; } } /*===================================================================================*/ /* 20.0 New Widget Css Sidebar /*===================================================================================*/ .spnc-sidebar .wp-block-search .wp-block-search__label, .spnc-sidebar .widget.widget_block :is(h1, h2, h3, h4, h5, h6):not(.wc-block-featured-category__title, .wc-block-featured-product__title) { margin-bottom: 1rem; font-weight: 700; z-index: 1; padding-left: 15px; position: relative; border: 1px solid #d7d7d7; padding: 8px; border-radius: 50px; font-weight: 30px; text-align: center; color: #000; letter-spacing: 2px; } .spnc-sidebar .wp-block-search .wp-block-search__label, .spnc-sidebar .widget.widget_block h2, .widget h2.wp-block-heading { font-size: 1.25rem; } .footer-sidebar .wp-block-search .wp-block-search__label, .footer-sidebar .widget.widget_block :is(h1, h2, h3, h4, h5, h6) { padding-bottom: 1rem; color: #fff; margin: 0 0 1rem; font-weight: 700; border-bottom: 1px solid #d5d5d5; position: relative; } .footer-sidebar .wp-block-search .wp-block-search__label:after, .footer-sidebar .widget .wp-block-heading:after { position: absolute; content: ""; height: 1px; width: 40%; border-radius: 0.625rem; top: auto; bottom: -1px; left: 0px; } .spnc-sidebar .widget .wp-block-tag-cloud a, .footer-sidebar .widget .wp-block-tag-cloud a { font-size: 0.938rem !important; display: inline-block; padding: 0.438rem 1.063rem; color: #6C6C6F; background-color: transparent; margin: 0 0.125rem 0.438rem; border: 1px solid #3b3b3b; } .widget_block .wp-block-search .wp-block-search__inside-wrapper { padding: 0; display: flex; } .wp-block-search .wp-block-search__input { display: inline-block; } .footer-sidebar .wp-block-search .wp-block-search__button, .sidebar .wp-block-search .wp-block-search__button { color: #fff; z-index: 1; border-radius: 0; margin-left: 0; margin-top: 0; display: inline-block; padding: 14px; height: auto; } .wp-block-search__button .search-icon { fill: white; } .footer-sidebar .wp-block-calendar table caption, .footer-sidebar .wp-block-calendar table tbody { color: #acacac; } .footer-sidebar .wp-block-calendar tbody td, .footer-sidebar .wp-block-calendar th { border: 1px solid #3f3f3f; } .footer-sidebar .wp-block-calendar { color: #000; } .wp-block-latest-comments__comment { line-height: 1.6; margin: 0; } @media (max-width: 1100px) { .logo_title { display: inline-block; } } .main-header-btn { margin-right: 1.875rem; padding-top: 0.9rem; padding-bottom: 0.9rem; } .border-btm { border-bottom: 1px solid #fff; } .spnc .bg-light { color: #fff; } .spnc .text-dark { color: #fff; } .spnc-nav:not(.sm-collapsible) .sm-nowrap>li.show>.dropdown-item { color: #fff; } .spnc-clr:after { display: block; clear: both; content: ""; } .widget_newscrunch_social_icons .fa-x-twitter { background: #000; color: white; } .widget_newscrunch_social_icons .spnc-twitter { border: 1px solid #55acee; } .widget_newscrunch_social_icons .fa-facebook-f { background: #3b5998; color: white; } .widget_newscrunch_social_icons .spnc-facebook { border: 1px solid #3b5998; } .widget_newscrunch_social_icons .fa-google { background: #dd4b39; color: white; } .widget_newscrunch_social_icons .spnc-google { border: 1px solid #dd4b39; } .widget_newscrunch_social_icons .fa-linkedin { background: #007bb5; color: white; } .widget_newscrunch_social_icons .spnc-linkedin { border: 1px solid #007bb5; } .widget_newscrunch_social_icons .fa-youtube { background: #ff0000; color: white; } .widget_newscrunch_social_icons .spnc-youtube { border: 1px solid #ff0000; } .widget_newscrunch_social_icons .fa-instagram { background: #bc2a8d; color: white; } .widget_newscrunch_social_icons .spnc-instagram { border: 1px solid #bc2a8d; } .widget_newscrunch_social_icons .fa-pinterest { background: #cb2027; color: white; } .widget_newscrunch_social_icons .spnc-pinterest { border: 1px solid #cb2027; } .widget_newscrunch_social_icons .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .widget_newscrunch_social_icons .spnc-snapchat-ghost { border: 1px solid #fffc00; } .widget_newscrunch_social_icons .fa-skype { background: #00aff0; color: white; } .widget_newscrunch_social_icons .fa-android { background: #a4c639; color: white; } .widget_newscrunch_social_icons .spnc-skype { border: 1px solid #00aff0; } .widget_newscrunch_social_icons .fa-dribbble { background: #ea4c89; color: white; } .widget_newscrunch_social_icons .spnc-dribbble { border: 1px solid #ea4c89; } .widget_newscrunch_social_icons .fa-vimeo { background: #45bbff; color: white; } .widget_newscrunch_social_icons .spnc-vimeo { border: 1px solid #45bbff; } .widget_newscrunch_social_icons .fa-tumblr { background: #2c4762; color: white; } .widget_newscrunch_social_icons .spnc-tumblr { border: 1px solid #2c4762; } .widget_newscrunch_social_icons .fa-vine { background: #00b489; color: white; } .widget_newscrunch_social_icons .spnc-vine { border: 1px solid #00b489; } .widget_newscrunch_social_icons .fa-foursquare { background: #45bbff; color: white; } .widget_newscrunch_social_icons .spnc-foursquare { border: 1px solid #45bbff; } .widget_newscrunch_social_icons .fa-stumbleupon { background: #eb4924; color: white; } .widget_newscrunch_social_icons .spnc-stumbleupon { border: 1px solid #eb4924; } .widget_newscrunch_social_icons .fa-flickr { background: #f40083; color: white; } .widget_newscrunch_social_icons .spnc-flickr { border: 1px solid #f40083; } .widget_newscrunch_social_icons .fa-yahoo { background: #430297; color: white; } .widget_newscrunch_social_icons .spnc-yahoo { border: 1px solid #430297; } .widget_newscrunch_social_icons .fa-soundcloud { background: #ff5500; color: white; } .widget_newscrunch_social_icons .spnc-soundcloud { border: 1px solid #ff5500; } .widget_newscrunch_social_icons .fa-reddit { background: #ff5700; color: white; } .widget_newscrunch_social_icons .spnc-reddit { border: 1px solid #ff5700; } .widget_newscrunch_social_icons .fa-rss { background: #ff6600; color: white; } .widget_newscrunch_social_icons .spnc-rss { border: 1px solid #ff6600; } .widget_newscrunch_social_icons .fa-behance { background: #053eff; color: white; } .widget_newscrunch_social_icons .fa-vimeo-square { background: #1ab7ea; color: white; } .widget_newscrunch_social_icons i { padding: 10px; border-radius: 50px; text-align: center; text-decoration: none; margin: 5px 5px 5px 3px; border-radius: 50%; width: 37px; vertical-align: top; } .widget_newscrunch_social_icons li .spnc-service-link { font-size: 1rem; display: block; padding: 10px 10px 8px 10px; } .spnc-social-content { display: inline-block; } .site-footer .footer-sidebar .spnc-social-content .spnc-count { color: #fff; } .spnc-social-content .spnc-count { font-size: 1.125rem; font-weight: 700; line-height: 27px; color: #000; } .spnc-social-content .spnc-label { font-size: 0.875rem; font-weight: 400; line-height: 20px; color: #6C6C6F; display: block; } .widget_newscrunch_social_icons .spnc-service-wrap { list-style: none; margin: 0 5px 10px 0; display: block; width: 100%; } .widget_newscrunch_adv .spnc-wp-block-image { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 100% 100%; border-radius: 0; height: 455px; } .widget_newscrunch_adv .adv-img-content { position: relative; padding: 15px; text-align: center; display: table-cell; vertical-align: middle; } .widget_newscrunch_adv .adv-img-content h4 { color: #fff; font-size: 1.875rem; line-height: 1.3; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .adv-wrapper { position: relative; display: table; height: 100%; z-index: 1; width: 100%; } .widget_newscrunch_adv .adv-img-content p { color: #e8e8e8; font-size: 1rem; line-height: 1.6; margin: 0 0 30px; padding: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .site-footer .footer-sidebar .widget_newscrunch_adv .adv-img-content a:hover { color: #fff; } .widget_newscrunch_adv .adv-img-content a { color: #fff; background-color: #669c9b; padding: 10px 20px; border-radius: 3px; } .spnc-sidebar .spnc-wp-block-image { margin: 0; padding: 0; position: relative; } .spnc_widget_img_overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); } .spnc-tabs { margin-bottom: 10px; } .spnc-panels li { margin-bottom: 16px; } .spnc-tab { cursor: pointer; display: inline-block; color: #000; height: auto; padding: 0.5rem; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; font-weight: 600; font-size: 1rem; width: 105px; line-height: 1.6; } .spnc-sidebar .spnc-panel ul li a, .spnc-common-widget-area.widget_newscrunch_post_tabs .spnc-panel ul li a { color: #000; font-size: 1.125rem; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-panel ul { margin: 0; display: grid; } body .widget_newscrunch_post_tabs .spnc-panel .date { font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: #6C6C6F; display: inline-block; margin-bottom: 5px; margin-top: 10px; margin-right: 6px; } body .widget_newscrunch_post_tabs .spnc-panel .date .wp-block-latest-posts__post-date, body .widget_newscrunch_post_tabs .spnc-panel .date .display-time { display: inline-block; font-size: 0.875rem; } .spnc-panel .date i, .spnc-panel .spnc-read-time i { font-size: 0.75rem; } .spnc-panel { display: none; animation: fadein 0.8s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .spnc-label-tab { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; text-align: center; border: 1px solid #d7d7d7; } .spnc-radio { display: none; } #spnc-recent:checked~.spnc-panels #spnc-recent-panel, #spnc-popular:checked~.spnc-panels #spnc-popular-panel, #spnc-trending:checked~.spnc-panels #spnc-trending-panel { display: block; } /*===================================================================================*/ /* OWL SLIDER NEXT - PREV BUTTONS /*===================================================================================*/ .owl-carousel .owl-prev, .owl-carousel .owl-next { display: inline-block; background-color: rgba(0, 0, 0, 0.3); opacity: 0; color: #fff; font-size: 1.25rem; line-height: 3; padding: 0 !important; margin: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3.75rem; height: 3.75rem; border-radius: 50px; z-index: 10; overflow: hidden; cursor: pointer; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-carousel .owl-prev { left: 30px; } .owl-carousel .owl-next { right: 30px; } .owl-carousel:hover .owl-prev { left: 30px; opacity: 1; } .owl-carousel:hover .owl-next { right: 30px; opacity: 1; } .related-posts .post { margin: 3px; } /*-------------------------------------------------------------- 21.0 Footer Social icons --------------------------------------------------------------*/ .footer-social-links .custom-social-icons span { font-size: 1.25rem; font-weight: 600; } .spnc-footer-social-wrapper { position: relative; border-radius: 50px; top: -40px; margin: 0; padding: 0; width: 100%; overflow: hidden; } .spnc-custom-social-icons span, .spnc-footer-social-links .spnc-custom-social-icons .spnc-text-black { font-size: 1.25rem; font-weight: 600; } .spnc-footer-social-links { height: auto; padding: 1.3rem; background: #fff; position: relative; background-color: #fff; margin: 1px 10px; border-radius: 50px; } .spnc-custom-social-icons li { display: inline-block; padding: 0.313rem 0.5rem; } .spnc-custom-social-icons { margin: 0; padding: 0; } .spnc-text-white { color: #fff; } .spnc-text-black { color: #000; } .spnc-footer-social-links .spnc-custom-social-icons li { padding: 0.313rem 2.8rem 0.313rem 0; } .spnc-footer-social-links .spnc-custom-social-icons li:first-child { padding-right: 5.5rem; } .spnc-custom-social-icons li>a { font-size: 1rem; line-height: 2; transition: all 0.3s; display: block; color: #000; border-radius: 0; cursor: pointer; box-shadow: none; margin: 0; padding: 0px; text-align: center; text-transform: uppercase; } .spnc-footer-social-links li i { padding: 8px 10px; border-radius: 8px; color: #fff; font-size: 0.875rem; margin-right: 8px; } /*-------------------------------------------------------------- 22.0 Grid Classes --------------------------------------------------------------*/ .col { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; } .spnc-row { margin: 0 0 1.25rem; min-height: 1px; padding-right: 15px; padding-left: 15px; } .spnc-row .spnc-col-1 { float: none; width: 100%; } .spnc-row .spnc-col-2 { width: 88.89%; } .spnc-row .spnc-col-3 { width: 87.5%; } .spnc-row .spnc-col-4 { width: 85.72%; } .spnc-row .spnc-col-5 { width: 83.34%; } .spnc-row .spnc-col-6 { width: 75%; } .spnc-row .spnc-col-7 { width: 66.66%; } .spnc-row .spnc-col-8 { width: 50%; } .spnc-row .spnc-col-9 { width: 33.33%; } .spnc-row .spnc-col-10 { width: 25%; } .spnc-row .spnc-col-11 { width: 20%; } .spnc-row .spnc-col-12 { width: 16.66666667%; } .spnc-row .spnc-col-13 { width: 14.28%; } .spnc-row .spnc-col-14 { width: 12.5%; } .spnc-row .spnc-col-15 { width: 11.11%; } .spnc-row .spnc-col-1, .spnc-row .spnc-col-2, .spnc-row .spnc-col-3, .spnc-row .spnc-col-4, .spnc-row .spnc-col-5, .spnc-row .spnc-col-6, .spnc-row .spnc-col-7, .spnc-row .spnc-col-8, .spnc-row .spnc-col-9, .spnc-row .spnc-col-10 { padding: 0 10px; } @media only screen and (max-width: 991px) { .wrapper .spnc-container { width: auto; } } @media only screen and (max-width: 767px) { .spnc-right { float: none; } } @media only screen and (max-width: 815px) { .spnc-row .spnc-col-1, .spnc-row .spnc-col-2, .spnc-row .spnc-col-3, .spnc-row .spnc-col-4, .spnc-row .spnc-col-5, .spnc-row .spnc-col-6, .spnc-row .spnc-col-7, .spnc-row .spnc-col-8, .spnc-row .spnc-col-9, .spnc-row .spnc-col-10 { width: 100%; } .site-footer .site-info .nav-menu { float: none; margin-left: 0; } .site-footer .site-info .nav-menu li:first-child { margin-left: 0rem; } .site-info { text-align: center; } .site-footer .site-info .footer-nav li a, .site-footer .site-info .footer-nav li a { font-size: 0.875rem; font-weight: 400; color: #feffff; } .site-info .spnc-row { margin: 0 0 0.25rem; } .page-title-section, .page-title-section .page-breadcrumb { text-align: center; } li.dropdown .fa-angle-down { position: absolute; top: 50%; right: 0; margin: -0.7em 0.5em 0 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; padding: 0; width: 2em; height: 1.4em; font-size: 1.25rem; line-height: 1.2em; text-align: center; } } .spnc-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (max-width: 767px) { .header-sidebar .widget { text-align: center; display: block; float: none; } } @media (max-width: 991px) { .head-contact-info li { margin: 0 0 0.625rem; } .custom-social-icons li { padding: 0; } .head-contact-info { float: none; padding: 0; } body .header-1 .widget.spnc-date-social { padding: 0.5rem; } .dropdown-menu { border: unset; } .spnc-collapse ul, .spnc-collapse ol { margin: 1.5em 0em 1.5em 1.125em; } } @media (max-width: 420px) { .spnc-custom .dropdown-menu.search-panel { width: 250px; } } /* Media queries for header responsiveness */ @media (max-width: 1280px) { .header-sidebar .widget .head-contact-info li { padding-right: 0.5rem; margin-right: 0.5rem; } .header-sidebar .spnc-container { width: 100%; max-width: 90%; margin: 0 auto; } } /* Media queries for header responsiveness */ .subscribe-form .input-group { position: relative; } .footer-meta.entry-meta { display: inline-block; padding-top: 0.5rem; } .post .entry-content .more-link { float: right; display: inline-block; padding: 8px 15px; color: #fff; font-size: 0.875rem; font-weight: 500; } .post .entry-content .more-link { border: 1px solid #ebebeb; color: #000; border-radius: 4px; } .comment-form-cookies-consent input, .comment-form-cookies-consent label { display: inline-block; } .spnc-bnr-1 .spnc-entry-content .spnc-entry-meta span:after { font-family: "Font Awesome 5 Free"; content: "\f111"; font-size: 5px; color: #fff; padding-left: 0.75rem; padding-right: 0.75rem; vertical-align: middle; font-weight: 700; } .spnc-entry-content .spnc-entry-meta span:last-child:after { display: none; } /*-------------------------------------------------------------- 23.0 Banner-Design view --------------------------------------------------------------*/ .spnc-page-section-space { padding: 3.8rem 0 2rem; } .spnc-page-section-space.spnc-bnr-1 { padding: 30px 0px 15px 0px; } .spnc-bnr-1 .spnc-post .spnc-post-img { position: relative; height: auto; background-size: cover; background-repeat: no-repeat; background-position: 100% 100%; border-radius: 0; height: 530px; } .spnc-bnr-1 .spnc-post-overlay { position: absolute; width: 100%; top: 0px; bottom: 0px; z-index: 1; left: 0px; right: 0px; border-radius: 0; } .spnc-bnr-1 .spnc-post-overlay.lite { background-color: rgba(0, 0, 0, 0.5); } .spnc-bnr-1 .spnc-post-content { max-width: 1140px; position: relative; display: -webkit-box; height: 100%; z-index: 1; padding-right: 15px; padding-left: 15px; } .spnc-bnr-1 .spnc-post-content .spnc-content-wrapper { display: table-cell; vertical-align: bottom; padding: 0 10px; } .front-banner.spnc-bnr-1 .spnc-post .spnc-post-content a { text-decoration: none; float: unset; } .spnc-bnr-1 .spnc_column-2 .spnc_grid_item-1 .spnc-post .spnc-post-content .spnc-cat-links a { background: #34d364; } .spnc-bnr-1 .spnc_column-2 .spnc_grid_item-2 .spnc-post .spnc-post-content .spnc-cat-links a { background: #369ef6; } .spnc-bnr-1 .spnc_column-1 .spnc_grid_item-1 .spnc-post .spnc-post-content .spnc-cat-links a { background: #669c9b; } .spnc-bnr-1 .spnc_column-3 .spnc_grid_item-1 .spnc-post .spnc-post-content .spnc-cat-links a { background: #a855f7; } .spnc-bnr-1 .spnc_column-3 .spnc_grid_item-2 .spnc-post .spnc-post-content .spnc-cat-links a { background: #304ffe; } .spnc-bnr-1 .spnc-post .spnc-post-content .spnc-cat-links a { color: #fff; padding: 3px 10px 3px; border-radius: 0; } .spnc-bnr-1 .spnc-post .spnc-post-content .spnc-info-link { font-weight: bold; font-size: 1rem; line-height: 1.6; color: #fff; padding: 9px 25px; } .spnc-bnr-1 .owl-theme .owl-dots { position: absolute; bottom: 50px; transform: translate(-50%, -50%); left: 50%; } .spnc-bnr-1 .spnc-entry-meta .spnc-cat-links a { font-size: 0.875rem; font-weight: 400; line-height: 2.1; } .spnc-bnr-1 .spnc-entry-meta a, .spnc-bnr-1 .spnc-entry-meta .display-time { color: #fff; font-size: 0.875rem; line-height: 1.5; font-weight: 400; } .spnc-bnr-1 h3.spnc-entry-title { margin-bottom: 5px; } .spnc-bnr-1 h3.spnc-entry-title a { font-weight: bold; font-size: 1.25rem; color: #fff; line-height: 1.3; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; } @media (min-width: 1024px) { .spnc-bnr-1 .spnc_column.spnc_column-1 h3.spnc-entry-title a { font-size: 2.25rem; line-height: 1.3; } .spnc-bnr-1 .spnc_column.spnc_column-1 .spnc-post-content { padding-right: 10px; padding-left: 10px; } .spnc-bnr-1 .spnc_column.spnc_column-1 .entry-header .spnc-entry-meta { top: 30px; } .spnc-bnr-1 .spnc_column.spnc_column-1 h3.spnc-entry-title { margin-bottom: 14px; } .spnc-bnr-1 .spnc_column.spnc_column-1 .spnc-entry-meta { margin-bottom: 1rem; } .spnc-bnr-1 .spnc_column.spnc_column-1 p.spnc-description { font-weight: 400; color: #fff; font-size: 1.5rem; line-height: 1.4; font-family: "Inter"; margin-bottom: 1rem; } } @media (max-width: 1023px) { .spnc-bnr-1 p.spnc-description { display: none; } } .spnc-bnr-1 .spnc-entry-content { position: absolute; top: 15px; } .spnc-bnr-1 .entry-header .spnc-entry-meta .spnc-cat-links { margin-right: 10px; } .spnc-bnr-1 .spnc-post .spnc-more-link { font-size: 1rem; line-height: 1.6; font-weight: 700; font-family: "Inter"; color: #000; border-radius: 0; padding: 0.625rem 1.25rem; background: #fff; margin-top: 1.875rem; display: inline-block; } .spnc-bnr-1 .spnc-entry-meta i { color: #fff; font-size: 0.813rem; padding-right: 0.125rem; } .spnc-bnr-1 .spnc-entry-meta { margin-bottom: 0.75rem; } .spnc-bnr-1 .spnc-post-content h3.entry-title { margin-bottom: 1.625rem; line-height: 32px; } .spnc-bnr-1 .spnc-post-wrapper { padding: 20px 0 20px; } .spnc-bnr-1 .spnc_column-2 .spnc-post-wrapper { padding: 45px 0 10px; } .spnc-bnr-1 .spnc_column-3 .spnc-post-wrapper { padding: 45px 0 10px; } .spnc-bnr-1 .spnc-entry-meta span { margin-right: 0; padding-bottom: 6px; } .spnc-bnr-1 .spnc-entry-meta .date i { padding-right: 0.3rem; } .spnc-bnr-1 .spnc-entry-meta span { position: relative; } .spnc-bnr-1 .spnc-entry-meta .spnc-cat-links a:hover { color: #fff; } @media (max-width: 992px) { .spnc-bnr-1 .spnc-post-wrapper { width: 95%; } } .spnc-bnr-1 .spnc_item { flex: 1; position: relative; width: 100%; heigth: 100%; min-height: 75px; margin-bottom: 0.625em; } .spnc-bnr-1 .spnc_grid_item { display: flex; flex: 1; margin: 0 0 0px; padding: 0; } .spnc-bnr-1 .spnc_column { display: flex; flex-direction: column; flex: 1 0; margin: 0; padding: 0; list-style: none; } .spnc-bnr-1 .footer-meta .spnc-entry-meta span:after { content: "\f111"; font-size: 6px; padding-left: 1rem; padding-right: 1rem; vertical-align: middle; color: #fff; font-family: "Font Awesome 5 Free"; } .spnc-bnr-1 .footer-meta .spnc-entry-meta span:last-child::after { display: none; } @media (min-width: 1024px) { .spnc-bnr-1 .spnc_column_container { display: flex; flex-direction: row; overflow: hidden; width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 10px; } .spnc-bnr-1 .spnc_column-2 .spnc-post .spnc-post-img { height: 260px; } .spnc-bnr-1 .spnc_column-2 { flex: 1 0 26%; } .spnc-bnr-1 #element1 { padding-right: 0.625em; } .spnc-bnr-1 .spnc_column-3 .spnc-post .spnc-post-img { height: 260px; } .spnc-bnr-1 .spnc_column-3 { flex: 1 0 26%; } .spnc-bnr-1 .spnc_column-1 .spnc_grid_item-1 { flex: 2; } .spnc-bnr-1 .spnc_column-1 { flex: 1 0 48%; overflow: hidden; } .spnc-bnr-1 #element2 { padding-right: 0.625em; } } @media (max-width: 1023px) { .spnc-bnr-1 .spnc-post .spnc-post-img { height: 370px; border-radius: 0; } .spnc-bnr-1 .spnc-post-overlay { border-radius: 0; } .spnc-bnr-1 .spnc-post-content .spnc-content-wrapper { padding: 0 15px; } .spnc-bnr-1 .spnc_item { margin-bottom: 0.6em; } } .spnc-bnr-1 .owl-theme .owl-nav.disabled+.owl-dots { margin-bottom: -6.25rem; } .spnc-bnr-1 .owl-carousel:hover .owl-prev { left: 50px; } .spnc-bnr-1 .owl-carousel:hover .owl-next { right: 50px; } /*-------------------------------------------------------------- 24.0 Highlights-Design view --------------------------------------------------------------*/ .spnc-highlights-1 .spnc-row .spnc-col-13 { display: flex; align-items: center; } .spnc-highlights-1 { position: relative; overflow: hidden; } .spnc-highlights-1 .spnc-container { padding: 0 10px; margin: 0.313rem auto 1.3rem auto; } .spnc-highlights-1 .spnc-container .spnc-row { padding: 12px; background-color: #fff; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-highlights-1 .spnc-highlights-title { display: inline-block; padding: 20px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; z-index: 1; } .spnc-highlights-1 .spnc-highlights-title h3 { font-family: poppins; color: #fff; line-height: 1.23; font-size: 1.5rem; margin: 0; } .spnc-highlights-1 .spnc-container .spnc-row { overflow: hidden; padding: 0.625rem; margin: 0px; flex-wrap: nowrap; } .spnc-marquee-wrapper .date a, .spnc-marquee-wrapper .date .display-time { font-size: 0.875rem; font-weight: 400; color: #404040; } .spnc-marquee-wrapper .spnc-entry-title { font-size: 1rem; line-height: 1.6; margin-bottom: 0px; } .spnc-marquee-wrapper .spnc-entry-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-marquee-wrapper .spnc-entry-title:before { content: "\f0a9"; font-size: 0.875rem; vertical-align: middle; font-family: "Font Awesome 5 Free"; position: absolute; right: 5px; } .spnc_highlights { display: inline-block; white-space: nowrap; display: inline-block; white-space: nowrap; position: relative; transform: translate3d(0%, 0, 0); animation-name: marquee; animation-timing-function: linear; animation-iteration-count: infinite; vertical-align: middle; } .spnc-marquee-wrapper { display: -webkit-box; white-space: nowrap; overflow: hidden; padding: 10px 0 0; } .spnc-highlights-1 .spnc-post { display: inline-block; white-space: nowrap; padding-right: 2rem; position: relative; } .spnc-marquee-wrapper:hover .spnc_highlights { animation-play-state: paused !important; } @keyframes marquee { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } @media (max-width: 768px) { .spnc-marquee-wrapper { padding: 11px 0px; } .spnc-highlights-1 .spnc-highlights-title { padding: 14px 20px 18px 14px; } } @media (max-width: 991px) { .spnc-custom .spnc-nav li>a.search-icon { line-height: 2.5; } } /*-------------------------------------------------------------- 25.0 Blog-wrapper-0-Design view --------------------------------------------------------------*/ .spnc-common-widget-area .spnc-main-wrapper { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; } .spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading { height: auto; padding: 0.5rem; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading h2 { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; letter-spacing: 2px; } .spnc-common-widget-area .spnc-main-wrapper { position: relative; text-align: center; margin-bottom: 15px; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a { position: absolute; top: auto; left: 5%; bottom: 8%; padding: 8px 10px 4px; margin: 0px; background-color: #f9ae00; border-radius: 0px; font-size: 1.375rem; font-weight: 700; font-family: "Inter"; line-height: 1.1; text-align: center; min-width: 70px; margin-bottom: 4px; width: 18%; } .site-footer .footer-sidebar .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a, .site-footer .footer-sidebar .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a { bottom: 11%; width: 27%; } .widget_newscrunch_grid_slider_two_column .spnc-filter .owl-item:nth-of-type(odd) .spnc-post .spnc-entry-meta .spnc-date a { background: #a855f7; } .widget_newscrunch_grid_slider_two_column .spnc-filter .owl-item:nth-of-type(odd) .spnc-post { border-bottom: 1px solid #a855f7; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a span, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a span { font-size: 2.5rem; font-weight: 700; font-family: "Inter"; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a { color: #fff; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-blog-1-wrapper .spnc-author img { border-radius: 50%; height: 40px; width: 40px; display: inline-block; vertical-align: middle; margin-right: 12px; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post-overlay, .widget_spncp_filter_two_column .spnc-filter .spnc-post-overlay { position: relative; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post, .widget_spncp_filter_two_column .spnc-filter .spnc-post { border-radius: 0px; overflow: hidden; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post, .widget_spncp_filter_two_column .spnc-filter .spnc-post { box-shadow: 0 0 1px 1px rgba(15, 15, 34, 0.08); margin: 1px; border-bottom: 1px solid #f9ae00; background: #fff; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post:hover { box-shadow: 0 0 1px 1px rgba(15, 15, 34, 0.08); } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post-overlay .spnc-entry-meta, .widget_spncp_filter_two_column .spnc-filter .spnc-post-overlay .spnc-entry-meta { margin-bottom: -30px; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta a, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta a { line-height: 24px; font-size: 0.875rem; font-weight: 400; color: #6C6C6F; text-transform: capitalize; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta span, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta span { margin-right: 15px; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-description, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-description { font-size: 1rem; font-weight: 400; color: #404040; line-height: 26px; } .widget_newscrunch_grid_slider_two_column .spnc-filter h4.spnc-entry-title a, .widget_spncp_filter_two_column .spnc-filter h4.spnc-entry-title a { color: #000; margin-bottom: unset; font-size: 1.25rem; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-more-link, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-more-link { font-size: 1rem; font-weight: 700; border: 0; padding: 0; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-more-link:hover, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-more-link:hover { background: #fff; border: unset; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-post-content .spice-seprator, .spnc-blog-wrapper .spnc-blog-1-wrapper .spnc-post .spnc-entry-content .spice-seprator { border-bottom: 1px solid #ebebeb; margin: 20px 0 5px; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-entry-meta i, .widget_spncp_filter_two_column .spnc-filter .spnc-entry-meta i { font-size: 12px; padding-right: 0.5rem; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-entry-meta .spnc-date a:hover, .spnc-blog-1-wrapper .spnc-entry-meta .spnc-date a:focus { color: #fff; } .widget_newscrunch_grid_slider_two_column .spnc-filter .footer-meta.spnc-entry-meta span, .widget_spncp_filter_two_column .spnc-filter .footer-meta.spnc-entry-meta span { padding-right: 0; } .page-section-area.blog .spnc-blog-wrapper .spnc-post .footer-meta.spnc-entry-meta span:after { font-family: FontAwesome; content: "|"; font-size: 1.25rem; padding-left: 0.5rem; padding-right: 0.5rem; color: #d7d7d7; } .widget_newscrunch_grid_slider_two_column .spnc-filter h4.spnc-entry-title, .widget_spncp_filter_two_column .spnc-filter h4.spnc-entry-title { margin-bottom: 0.5rem; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-footer-meta.spnc-entry-meta, .widget_spncp_filter_two_column .spnc-filter .spnc-footer-meta.spnc-entry-meta { margin-bottom: 10px; } .widget_newscrunch_grid_slider_two_column .spnc-filter .footer-meta.spnc-entry-meta span:last-child:after { display: none; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post-content, .widget_spncp_filter_two_column .spnc-filter .spnc-post-content { padding: 18px 20px 27px; } .spnc-blog-1 .spnc-blog-wrapper .footer-meta.spnc-entry-meta { display: inline-block; padding-top: 0.5rem; margin: 0 0 1rem; } .widget_spncp_filter_two_column .spnc-category-filter { display: inline-block; float: right; margin: 10px 0; } .widget_spncp_filter_two_column .spnc-btn-filter { font-size: 0.75rem; font-weight: 400; line-height: 1.8; color: #000; margin-left: 30px; text-transform: uppercase; } .spnc-blog-1 .hide { display: none; } .spnc-blog-wrapper .owl-carousel .owl-prev, .spnc-blog-wrapper .owl-carousel .owl-next, .widget_spncp_filter_two_column .owl-carousel .owl-prev, .widget_spncp_filter_two_column .owl-carousel .owl-next, .widget_spncp_filter_three_column .owl-carousel .owl-prev, .widget_spncp_filter_three_column .owl-carousel .owl-next, .widget_newscrunch_overlay_slider .owl-carousel .owl-prev, .widget_newscrunch_overlay_slider .owl-carousel .owl-next { top: auto; transform: translateY(54%); left: 45%; margin-top: 0px; } .spnc-blog-wrapper .owl-carousel .owl-prev, .widget_spncp_filter_two_column .owl-carousel .owl-prev, .widget_spncp_filter_three_column .owl-carousel .owl-prev, .widget_newscrunch_overlay_slider .owl-carousel .owl-prev { opacity: 1; } .spnc-blog-wrapper .owl-carousel .owl-next, .widget_spncp_filter_two_column .owl-carousel .owl-next, .widget_spncp_filter_three_column .owl-carousel .owl-next, .widget_newscrunch_overlay_slider .owl-carousel .owl-next { opacity: 1; margin-left: 50px; } .spnc-blog-wrapper .owl-carousel .owl-prev, .spnc-blog-wrapper .owl-carousel .owl-next, body.newscrunch .widget_spncp_filter_two_column .owl-carousel .owl-prev, body.newscrunch .widget_spncp_filter_two_column .owl-carousel .owl-next, body.newscrunch .widget_spncp_filter_three_column .owl-carousel .owl-prev, body.newscrunch .widget_spncp_filter_three_column .owl-carousel .owl-next, body.newscrunch .widget_newscrunch_overlay_slider .owl-carousel .owl-prev, body.newscrunch .widget_newscrunch_overlay_slider .owl-carousel .owl-next { border-radius: 50px; background-color: #fff; box-shadow: 0 0 1px 1px #6C6C6F; color: #6C6C6F; width: 36px; height: 36px; font-size: 18px; line-height: 2.1; } .spnc-common-widget-area.widget_media_image { padding: 0px; } .spnc-blog-1 .spnc-blog-wrapper #spnc-blog-carousel { margin-top: 35px; } .spnc-common-widget-area { background-color: #fff; margin-bottom: 20px; padding: 20px 20px 85px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-common-widget-area.widget_newscrunch_list_grid_view, .spnc-common-widget-area.widget_newscrunch_list_view_slider { padding-bottom: 0px; } /*-------------------------------------------------------------- 26.0 Blog-wrapper-1-Design view --------------------------------------------------------------*/ .spnc-blog-wrapper-1 .spnc-blog-1-post { display: flex; flex-wrap: wrap; justify-content: space-between; } .spnc-blog-wrapper-1 .spnc-post-wrapper { flex-basis: calc(50% - 15px); max-width: calc(50% - 15px); margin-bottom: 15px; } .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post { display: flex; flex-direction: row; border-radius: 0px; overflow: hidden; } .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post .spnc-post-overlay { flex: 0 0 40%; } .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post .spnc-post-content { flex: 0 0 60%; padding: 4px 10px 15px 20px; } .spnc-blog-wrapper-1 .spnc-post-overlay { position: relative; } .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail { padding: 0; margin: 0; position: relative; } .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail img { width: 100%; border: 0; border-radius: 0; } .site-footer .footer-sidebar .spnc-blog-wrapper-1 h4.spnc-entry-title a { color: #fff; } .spnc-blog-wrapper-1 h4.spnc-entry-title a { color: #000; margin-bottom: 1rem; font-family: "Poppins"; font-size: 1.125rem; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-blog-wrapper-1 h4.spnc-entry-title { margin-bottom: 4px; } .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-date a, .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-date .display-time { padding: 0; margin: 0px; font-size: 0.875rem; font-family: "Poppins"; color: rgb(135, 142, 148); line-height: 1.2; } .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-date a i, .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-read-time i, .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .plgv.spnc-date i { font-size: 0.75rem; } .plgv.spnc-date i { margin-right: 5px; } .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-date { margin-right: 10px; } .spnc-blog-wrapper-1 .spnc-ads { position: relative; margin-top: 20px; margin-left: 10px; margin-right: 10px; } .spnc-blog-wrapper-1 .spnc-ads .spnc-post-overlay { position: absolute; inset: 0; background: #142235; opacity: 0.5; z-index: 1; } .spnc-blog-wrapper-1 .spnc-ads img { width: 100%; max-width: 100%; height: auto; } @media (max-width: 1024px) { .spnc-common-widget-area.widget_newscrunch_list_grid_view .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post { display: flex; flex-direction: column; } .spnc-common-widget-area.widget_newscrunch_list_grid_view .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post .spnc-post-content { padding: 15px 0 15px 0; } } @media (max-width: 600px) { .spnc-common-widget-area.widget_newscrunch_list_grid_view .spnc-blog-wrapper-1 .spnc-post-wrapper { flex-basis: calc(100%); max-width: calc(100%); margin-bottom: 20px; } } /*-------------------------------------------------------------- 27.0 Blog-wrapper-2-Design view --------------------------------------------------------------*/ .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-blog-1-wrapper { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; } .spnc-blog-1 .spnc-blog-wrapper-2 #spnc-business-carousel { margin-top: 43px; } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-blog-1-heading { height: auto; padding: 0.563rem 2.688rem; background: #fff; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-blog-1-wrapper { position: relative; text-align: center; margin-bottom: 43px; max-width: 260px; } .widget_newscrunch_grid_slider_three_column .spnc-post-grid-slider-three-column .spnc-entry-meta .spnc-date a, .widget_newscrunch_grid_slider_three_column .spnc-post-grid-slider-three-column .spnc-entry-meta .spnc-date .display-time, .widget_spncp_filter_three_column .spnc-entry-meta .spnc-date .display-time, .widget_spncp_filter_three_column .spnc-entry-meta .spnc-date a { font-size: 0.875rem; font-family: "Poppins"; line-height: 1.2; } .widget_newscrunch_grid_slider_three_column .spnc-post-grid-slider-three-column .spnc-entry-meta .spnc-date a span, .widget_spncp_filter_three_column .spnc-entry-meta .spnc-date a span { font-size: 2.5rem; font-weight: 700; font-family: "Inter"; } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-blog-1-wrapper .spnc-author img { border-radius: 50%; height: 40px; width: 40px; display: inline-block; vertical-align: middle; margin-right: 12px; } .spnc-post-grid-slider-three-column .spnc-post-overlay, .widget_spncp_filter_three_column .spnc-post-overlay { position: relative } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-post, .spnc-post-grid-slider-three-column, .widget_spncp_filter_three_column article { border-radius: 0px; overflow: hidden; } .spnc-post-grid-slider-three-column .spnc-post-overlay::before, .widget_spncp_filter_three_column .spnc-post-overlay::before { display: contents; content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.1); z-index: 1; } .spnc-post-grid-slider-three-column .spnc-post-overlay .spnc-entry-meta, .widget_spncp_filter_three_column .spnc-post-overlay .spnc-entry-meta { position: absolute; top: 10px; left: 10px; } .spnc-post-grid-slider-three-column .spnc-post-overlay .spnc-entry-meta .spnc-cat-links a, .widget_spncp_filter_three_column .spnc-post-overlay .spnc-entry-meta .spnc-cat-links a { font-size: 0.75rem; font-family: "Poppins"; color: #fff; line-height: 1.2; background: #f9ae00; padding: 4.5px 9px; } .spnc-blog-1 .spnc-blog-wrapper-2 .owl-item:nth-child(2n 2) .spnc-post-overlay .spnc-entry-meta .spnc-cat-links a { background: #09b95d; } .spnc-blog-1 .spnc-blog-wrapper-2 .owl-item:nth-child(3n 3) .spnc-post-overlay .spnc-entry-meta .spnc-cat-links a { background: #369ef6; } .widget_newscrunch_grid_slider_three_column .spnc-post-grid-slider-three-column .spnc-entry-meta a, .widget_spncp_filter_three_column .spnc-entry-meta a { font-size: 0.875rem; font-family: "Poppins"; color: #6C6C6F; line-height: 1.2; text-transform: capitalize; } .widget_newscrunch_grid_slider_three_column .grid-slider-three-column .spnc-post-grid-slider-three-column .spnc-entry-meta span, .widget_spncp_filter_three_column .spnc-entry-meta span { margin-right: 13px; } .spnc-blog-1 .spnc-blog-wrapper-2 h4.spnc-entry-title a { color: #000; margin-bottom: 1rem; font-size: 1.125rem; font-family: "Poppins"; font-weight: bold; line-height: 1.5; } .spnc-blog-1 .spnc-blog-wrapper-2 .footer-meta.spnc-entry-meta span { padding-right: 0; } .spnc-blog-1 .spnc-blog-wrapper-2 h4.spnc-entry-title, .widget_newscrunch_grid_slider_three_column .grid-slider-three-column .spnc-entry-title, .widget_spncp_filter_three_column .spnc-entry-title { margin-bottom: 0.375rem; } .widget_newscrunch_grid_slider_three_column .grid-slider-three-column .spnc-entry-title a, .widget_spncp_filter_three_column .spnc-entry-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-footer-meta.spnc-entry-meta { margin-bottom: 15px; } .spnc-blog-1 .spnc-blog-wrapper-2 .footer-meta.spnc-entry-meta span:last-child:after { display: none; } body .widget_newscrunch_grid_slider_three_column .spnc-post-grid-slider-three-column .spnc-post-content, body .widget_spncp_filter_three_column .spnc-post-content { padding: 0; padding-top: 12px; } .spnc-blog-1 .spnc-blog-wrapper-2 .footer-meta.spnc-entry-meta { display: inline-block; padding-top: 0.5rem; margin: 0 0 1rem; } .widget_spncp_filter_three_column .spnc-category-filter { display: inline-block; float: right; margin: 10px 0; } .widget_spncp_filter_three_column .spnc-btn-filter { font-size: 0.75rem; font-weight: 400; line-height: 22px; color: #000; margin-left: 30px; text-transform: uppercase; } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-btn-filter:last-child { margin-right: 0; } .spnc-blog-1 .spnc-blog-wrapper-2 .owl-carousel .owl-prev, .spnc-blog-1 .spnc-blog-wrapper-2 .owl-carousel .owl-next { top: auto; transform: translateY(80%); } .spnc-blog-1 .spnc-blog-wrapper-2 .owl-carousel .owl-prev, .widget_spncp_filter_three_column .owl-carousel .owl-prev, body.newscrunch .widget_newscrunch_grid_slider_three_column .owl-carousel .owl-prev, body.newscrunch .widget_newscrunch_overlay_slider .owl-carousel .owl-prev { opacity: 1; left: 0; } .spnc-blog-1 .spnc-blog-wrapper-2 .owl-carousel .owl-next, .widget_spncp_filter_three_column .owl-carousel .owl-next, body.newscrunch .widget_newscrunch_grid_slider_three_column .owl-carousel .owl-next, body.newscrunch .widget_newscrunch_overlay_slider .owl-carousel .owl-next { opacity: 1; right: 0; left: unset; } .spnc-blog-1 .spnc-blog-wrapper-2 .owl-carousel .owl-prev, .spnc-blog-1 .spnc-blog-wrapper-2 .owl-carousel .owl-next { border-radius: 50px; background-color: #fff; box-shadow: 0 0 1px 1px #6C6C6F; color: #6C6C6F; width: 2.25rem; height: 2.25rem; font-size: 1.125rem; line-height: 2.1; } /*-------------------------------------------------------------- 28.0 Blog-wrapper-3-Design view --------------------------------------------------------------*/ .widget_newscrunch_featured_post .spnc-blog-1-wrapper { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; } .widget_newscrunch_featured_post .spnc-blog-1-heading { height: auto; padding: 0.625rem; background: #fff; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .widget_newscrunch_featured_post .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .widget_newscrunch_featured_post .spnc-blog-1-wrapper { position: relative; text-align: center; margin-bottom: 35px; } .widget_newscrunch_featured_post .owl-item:nth-of-type(odd) .spnc-post { border-bottom: 1px solid #a855f7; } .widget_newscrunch_featured_post .spnc-post .spnc-entry-meta .spnc-date a span { font-size: 2.5rem; font-weight: 700; font-family: "Inter"; } .widget_newscrunch_featured_post .spnc-blog-1-wrapper .spnc-author img { border-radius: 50%; height: 40px; width: 40px; display: inline-block; vertical-align: middle; margin-right: 12px; } .widget_newscrunch_featured_post .spnc-post-overlay { position: relative; } .widget_newscrunch_featured_post .spnc-post .spnc-post-thumbnail { padding: 0; margin: 0; position: relative; width: 7rem; height: auto; margin-right: 1.188rem; float: left; overflow: hidden; } .widget_newscrunch_featured_post .spnc-post .spnc-post-thumbnail img { border: 0; border-radius: 0; height: 102px; object-fit: cover; } .widget_newscrunch_featured_post .spnc-post { border-radius: 0px; position: relative; } .widget_newscrunch_featured_post .spnc-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 18px; border-bottom: 0 !important; overflow: hidden; } .widget_newscrunch_featured_post .spnc-post .spnc-entry-meta a { line-height: 22px; font-size: 0.75rem; font-weight: 400; color: #6C6C6F; } .widget_newscrunch_featured_post .spnc-post .spnc-description { font-size: 1rem; font-weight: 400; color: #000; line-height: 26px; } .site-footer .footer-sidebar .widget_newscrunch_featured_post h4.spnc-entry-title a { color: #fff; } .widget_newscrunch_featured_post h4.spnc-entry-title a { color: #000; margin-bottom: 1rem; font-size: 1.125rem; font-weight: 700; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget_newscrunch_featured_post h4 { font-size: 1.125rem; line-height: 1.5; } .widget_newscrunch_featured_post .spnc-post .spnc-more-link { font-size: 0.75rem; font-weight: 400; border: 0; padding: 0; color: #000; } .widget_newscrunch_featured_post .spnc-post .spnc-more-link:hover { border: unset } .widget_newscrunch_featured_post .spnc-post .spnc-post-content .spice-seprator, .widget_newscrunch_featured_post .spnc-blog-1-wrapper .spnc-post .spnc-entry-content .spice-seprator { border-bottom: 1px solid #ebebeb; margin: 20px 0 5px; } .widget_newscrunch_featured_post .spnc-entry-meta i { color: #6C6C6F; font-size: 0.625rem; padding-right: 0.3rem; } .widget_newscrunch_featured_post .spnc-entry-meta .spnc-read-time i { font-size: 0.700rem; } .widget_newscrunch_featured_post .footer-meta.spnc-entry-meta span { padding-right: 0; } .page-section-area.blog .spnc-blog-wrapper-3 .spnc-post .footer-meta.spnc-entry-meta span:after { font-family: FontAwesome; content: "|"; font-size: 1.25rem; padding-left: 0.5rem; padding-right: 0.5rem; color: #d7d7d7; } .widget_newscrunch_featured_post h4.spnc-entry-title { margin-bottom: 0.5rem; } .widget_newscrunch_featured_post .spnc-entry-content { line-height: 0; } .widget_newscrunch_featured_post .spnc-footer-meta.spnc-entry-meta { margin-bottom: 15px; } .widget_newscrunch_featured_post .footer-meta.spnc-entry-meta span:last-child:after { display: none; } .widget_newscrunch_featured_post .spnc-post-content { padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget_newscrunch_featured_post .footer-meta.spnc-entry-meta { display: inline-block; padding-top: 0.5rem; margin: 0 0 1rem; } .widget_newscrunch_featured_post .spnc-category-filter { display: inline-block; float: right; margin: 10px 0; } .widget_newscrunch_featured_post .spnc-btn-filter { font-size: 0.75rem; font-weight: 400; line-height: 1.8; color: #000; margin-right: 30px; border: 0; background: transparent; padding: 0; } .widget_newscrunch_featured_post .spnc-btn-filter:last-child { margin-right: 0; } .spnc-blog-1 .hide { display: none; } .widget_newscrunch_featured_post .owl-carousel .owl-prev, .widget_newscrunch_featured_post .owl-carousel .owl-next { top: auto; transform: translateY(80%); left: 45%; margin-top: 0px; } .widget_newscrunch_featured_post .owl-carousel .owl-prev { opacity: 1; } .widget_newscrunch_featured_post .owl-carousel .owl-next { opacity: 1; margin-left: 50px; } .widget_newscrunch_featured_post .owl-carousel .owl-prev, .widget_newscrunch_featured_post .owl-carousel .owl-next { border-radius: 50px; background-color: #fff; box-shadow: 0 0 1px 1px #6C6C6F; color: #6C6C6F; width: 2.25rem; height: 2.25rem; font-size: 1.125rem; line-height: 2.1; } .widget_newscrunch_featured_post .spnc-post .spnc-entry-meta span a, .widget_newscrunch_featured_post .spnc-post .spnc-entry-meta span .display-time { margin-right: 14px; font-size: 0.875rem; font-weight: 400; text-transform: capitalize; } .widget_newscrunch_featured_post #spnc-blog-carousel { margin-top: 35px; } @media (min-width: 1025px) { .widget_newscrunch_featured_post .spnc-first-post { width: 50%; float: left; margin-right: 18px; } } .widget_newscrunch_featured_post .spnc-first-post h4.spnc-entry-title a { color: #fff; font-size: 20px; font-weight: 700; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget_newscrunch_featured_post .spnc-first-post .spnc-entry-meta i { color: #fff; } .widget_newscrunch_featured_post .spnc-first-post .spnc-post-content { position: absolute; bottom: 0%; top: auto; padding: 10px 28px; } .widget_newscrunch_featured_post .spnc-first-post .spnc-post-content .spnc-entry-meta { padding: 0px; padding-bottom: 10px; } .widget_newscrunch_featured_post .spnc-first-post .spnc-post-thumbnail { width: 100%; margin-right: 0; } .widget_newscrunch_featured_post .spnc-first-post .spnc-post-thumbnail img { height: 460px; width: 100%; } @media (max-width: 1024px) { .widget_newscrunch_featured_post .spnc-first-post .spnc-post-thumbnail img { width: 100%; height: auto; } } .widget_newscrunch_featured_post .spnc-first-post .spnc-cat-links { position: absolute; top: 3%; right: 2%; bottom: auto; left: auto; } .widget_newscrunch_featured_post .spnc-first-post .spnc-post .spnc-entry-meta .spnc-date a { border-bottom: 1px solid currentColor; } .widget_newscrunch_featured_post .spnc-first-post .spnc-post .spnc-entry-meta span a, .widget_newscrunch_featured_post .spnc-first-post .spnc-post .spnc-entry-meta span .display-time { color: #fff } .widget_newscrunch_featured_post .spnc-first-post .spnc-post .spnc-cat-links a { background-color: #00afd8; padding: 5px 15px; border: 0; border-radius: 0; color: #fff; font-weight: 600; text-transform: uppercase; } .widget_newscrunch_featured_post .spnc-first-post figure:before { content: " "; width: 100%; height: 100%; position: absolute; z-index: 0; top: auto; left: 0; background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%); } .widget_newscrunch_featured_post .show { display: block; } .widget_newscrunch_featured_post .spnc-post .spnc-entry-content { overflow: visible; } /*-------------------------------------------------------------- 29.0 Video Section --------------------------------------------------------------*/ .spnc-page-section-space.spnc-video { padding: unset; margin: unset; background-color: transparent; box-shadow: unset; } .spnc-page-section-space.spnc-video .spnc-container { padding: 0 10px; margin: 0rem auto 1.3rem auto; } .spnc-page-section-space.spnc-video .spnc-container .spnc-video-row { background-color: #fff; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); padding: 20px 20px 0; margin: 0; position: relative; } .spnc-video .spnc-blog-1-wrapper { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; } .spnc-video .spnc-blog-1-heading { height: auto; padding: 0.563rem; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; text-align: center; } .spnc-video .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 12px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .spnc-video .spnc-post .spnc-post-img { position: relative; height: auto; background-size: cover; background-repeat: no-repeat; background-position: 100% 100%; border-radius: 0; height: 460px; } .spnc-video .spnc-post-overlay { position: absolute; width: 100%; top: 0px; bottom: 0px; z-index: 1; left: 0px; right: 0px; opacity: 0.4; background-color: #040d19; border-radius: 0; } .spnc-video .spnc-post-content { max-width: 1140px; position: relative; display: table; height: 100%; z-index: 2; padding-right: 15px; padding-left: 15px; } .spnc-video .spnc-post-content .spnc-content-wrapper { display: table-cell; vertical-align: bottom; padding: 0 5px; } .spnc-video .spnc_column-1 .spnc-post-content .spnc-content-wrapper { display: table-cell; vertical-align: bottom; padding: 0 15px; } .front-banner.spnc-bnr-1 .spnc-post .spnc-post-content a { text-decoration: none; float: unset; } .spnc-video .spnc_column-2 .spnc_grid_item-2 .spnc-post .spnc-post-content .spnc-cat-links a { background: #34d364; } .spnc-video .spnc_column-2 .spnc_grid_item-1 .spnc-post .spnc-post-content .spnc-cat-links a { background: #669c9b; } .spnc-video .spnc_column-1 .spnc_grid_item-1 .spnc-post .spnc-post-content .spnc-cat-links a { background: #a855f7; } .spnc-video .spnc_column-3 .spnc_grid_item-1 .spnc-post .spnc-post-content .spnc-cat-links a { background: #f9ae00; } .spnc-video .spnc_column-3 .spnc_grid_item-2 .spnc-post .spnc-post-content .spnc-cat-links a { background: #00afd8; } .spnc-video .spnc-post .spnc-post-content .spnc-cat-links a { color: #fff; padding: 1.5px 7.5px 3.5px; border-radius: 0; } .spnc-video .spnc-post .spnc-post-content .spnc-info-link { font-family: "Inter"; font-weight: bold; font-size: 1rem; line-height: 1.6; color: #fff; padding: 14px 27px; } .spnc-video .owl-theme .owl-dots { position: absolute; bottom: 50px; left: 50%; transform: translate(-50%, -50%); } .spnc-video .spnc-entry-meta .spnc-cat-links a { font-size: .875rem; font-weight: 400; } .spnc-video .spnc-entry-meta a { color: #fff; font-size: 0.875rem; font-family: "poppins"; line-height: 1.7; font-weight: 400; } .spnc-video h3.spnc-entry-title { margin-bottom: 9px; margin-top: 10px; line-height: 1; } .spnc-video h3.spnc-entry-title a { font-weight: bold; font-size: 1.125rem; color: #fff; line-height: 1.4; font-family: "poppins", sans-serif; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; } .spnc-video .spnc-blog-1-wrapper { margin-bottom: 42px; } @media (min-width: 1024px) { .spnc-video .spnc-container-box { display: flex; flex-direction: row; overflow: hidden; } .spnc-video .spnc_column.spnc_column-1 h3.spnc-entry-title a { font-size: 1.875rem; line-height: 1.3; } .spnc-video .spnc_column.spnc_column-1 .entry-header .spnc-entry-meta { top: 30px; } .spnc-video .spnc_column.spnc_column-1 .spnc-entry-meta { margin-bottom: 13px; } .spnc-video .spnc_column.spnc_column-1 p.spnc-description { font-weight: 400; color: #fff; font-size: 1.5rem; line-height: 1.5; font-family: "Inter"; margin-bottom: 1rem; } } @media (max-width: 1023px) { .spnc-video p.spnc-description { display: none; } } .spnc-video .spnc-video-popup { position: absolute; top: 30px; left: 20px; } .spnc-video .spnc_column-1 .spnc-video-popup { position: absolute; top: 40px; left: 30px; } .spnc-video .spnc-video-popup a.spncOpenVideo { color: #fff; border: 2px solid #fff; border-radius: 50%; padding: 10px 15px; width: 46px; height: 46px; } .spnc-video .entry-header .spnc-entry-meta .spnc-cat-links { margin-right: 20px; } .spnc-video .spnc-post .spnc-more-link { font-size: 1rem; line-height: 1.6; font-weight: 700; font-family: "Inter"; color: #000; border-radius: 0; padding: 0.625rem 1.25rem; background: #fff; margin-top: 1.875rem; display: inline-block; } .spnc-video .spnc-entry-meta i { color: #fff; font-size: 13px; padding-right: 0.5rem; } .spnc-video .spnc-post-content h3.entry-title { margin-bottom: 1.625rem; line-height: 32px; } .spnc-video .spnc-post-wrapper { padding: 0px 0 13px; } .spnc-video .spnc_column-2 .spnc-post-wrapper { padding: 45px 0 7px; } .spnc-video .spnc_column-3 .spnc-post-wrapper { padding: 45px 0 7px; } .spnc-video .spnc-entry-meta span { margin-right: 0; padding-bottom: 6px; } .spnc-video .spnc-entry-meta .date i { padding-right: 0.3rem; } .spnc-video .spnc-entry-meta span { position: relative; color: #fff; font-size: 0.875rem; font-family: "Inter"; line-height: 1.7; font-weight: 400; } .spnc-video .spnc-entry-meta .spnc-cat-links a:hover { color: #fff; } .spnc-video .spnc_item { flex: 1; position: relative; width: 100%; min-height: 75px; margin-bottom: 0.4em; } .spnc-video .spnc_grid_item { display: flex; flex: 1; margin: 0 0 14px; padding: 0; } .spnc-video .spnc_column { display: flex; flex-direction: column; flex: 1 0; margin: 0; padding: 0; list-style: none; } .spnc-video .spnc-content-wrapper .spnc-entry-content .spnc-entry-meta span:not(:last-child):after { font-family: FontAwesome; content: "\f111"; font-size: 5px; color: #fff; padding-left: 0.75rem; padding-right: 0.75rem; vertical-align: middle; } .spnc-video .wow-callback .spnc-post { overflow: hidden; background: #888888; position: relative; } @media (min-width: 1024px) { .spnc-video .spnc_column_container { display: flex; flex-direction: row; overflow: hidden; } .spnc-video .spnc_column-2 .spnc-post .spnc-post-img { height: 220px; } .spnc-video .spnc_column-2 { padding-right: 1.3em; flex: 0 0 25%; max-width: 25%; } .spnc-video .spnc_column-3 .spnc-post .spnc-post-img { height: 220px; } .spnc-video .spnc_column-3 { flex: 0 0 23%; max-width: 23%; } .spnc-video .spnc_column-1 .spnc_grid_item-1 { flex: 2; } .spnc-video .spnc_column-1 { padding-right: 1.25em; } } @media (max-width: 1023px) { .spnc-video .spnc-post .spnc-post-img { height: 320px; border-radius: 0; } .spnc-video .spnc-post-overlay { border-radius: 0; } .spnc-video .spnc-post-content .spnc-content-wrapper { padding: 0 5px; } } .mfp-iframe-holder .mfp-close:hover { background: transparent; outline: transparent; } .spnc-blog-2 .spnc-blog-1-wrapper { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; margin-bottom: 40px; } .spnc-page-section-space { padding: 0rem 0 4.8rem; } .spnc-blog-2 .spnc-blog-1-heading { height: auto; padding: 0.5rem; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .spnc-blog-2 .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 12px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .spnc-blog-2 .spnc-blog-wrapper .spnc-blog-1-wrapper { position: relative; text-align: center; margin-bottom: 40px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-date a, .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-date .display-time { position: absolute; top: 4%; left: 3%; bottom: auto; padding: 9px 10px 9px; margin: 0px; background-color: #f9ae00; border-radius: 0px; font-size: 0.75rem; font-weight: 600; font-family: "Poppins"; line-height: 1.8; width: 29.5%; text-align: center; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-item:nth-of-type(odd) .spnc-post .spnc-entry-meta .spnc-date a, .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-item:nth-of-type(odd) .spnc-post .spnc-entry-meta .spnc-date .display-time { background: #a855f7; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-item:nth-of-type(odd) .spnc-post { border-bottom: 0; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-date a span { font-size: 2.5rem; font-weight: 700; font-family: "Inter"; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-date a, .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-date .display-time { color: #fff; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-blog-1-wrapper .spnc-author img { border-radius: 50%; height: 40px; width: 40px; display: inline-block; vertical-align: middle; margin-right: 12px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post-overlay { position: relative; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post { border-radius: 0px; overflow: hidden; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post { box-shadow: 0 0 1px 1px rgba(15, 15, 34, 0.08); margin: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post:hover { box-shadow: 0 0 1px 1px rgba(15, 15, 34, 0.08); } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post-overlay .spnc-entry-meta { margin-bottom: -30px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-entry-meta a { line-height: 24px; font-size: 0.875rem; font-weight: 400; color: #6C6C6F; } .site-footer .footer-sidebar .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-description { color: #fff; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-description { font-size: 1rem; font-weight: 400; color: #000; line-height: 1.6; margin-top: 2.4rem; } .site-footer .footer-sidebar .widget_newscrunch_list_view_slider .spnc-blog-wrapper h4.spnc-entry-title a { color: #fff; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper h4.spnc-entry-title a { color: #000; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-more-link { font-size: 1rem; font-weight: 700; border: 0; padding: 0; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-more-link:hover { background: #fff; border: unset; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-post-content .spice-seprator, .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-blog-1-wrapper .spnc-post .spnc-entry-content .spice-seprator { border-bottom: 1px solid #ebebeb; margin: 20px 0 5px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-entry-meta i { color: #6C6C6F; font-size: 12px; padding-right: 0.5rem; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-entry-meta img { border-radius: 50px; height: 36px; width: 36px; display: inline-block; vertical-align: middle; margin-right: 6px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post-content .spnc-entry-meta span:not(:last-child):after { font-family: FontAwesome; content: "|"; font-size: 18px; padding-left: 0.5rem; padding-right: 0.5rem; color: #6C6C6F; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post-content .spnc-entry-meta { position: relative; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post-content .spnc-entry-meta::before { content: ""; position: absolute; left: 0; bottom: -23px; width: 100px; height: 1px; } @media (max-width: 1200px) { .spnc-blog-2 .spnc-blog-wrapper .spnc-entry-meta .spnc-author::before { content: unset; } .spnc-blog-2 .spnc-blog-wrapper .spnc-post .spnc-description { margin-top: 15px; } } .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-entry-meta { margin-bottom: 5px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-entry-meta .spnc-date a:hover, .spnc-blog-1-wrapper .spnc-entry-meta .spnc-date a:focus { color: #fff; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .footer-meta.spnc-entry-meta span { padding-right: 0; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper h4.spnc-entry-title { margin-bottom: 1rem; } .spnc-blog-wrapper .spnc-footer-meta.spnc-entry-meta { margin-bottom: 15px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .footer-meta.spnc-entry-meta span:last-child:after { display: none; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post-content { padding: 24px 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .footer-meta.spnc-entry-meta { display: inline-block; padding-top: 0.5rem; margin: 0 0 1rem; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-category-filter { display: inline-block; float: right; margin: 10px 0; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-btn-filter { font-size: 12px; font-weight: 400; line-height: 22px; color: #000; margin-right: 30px; text-transform: uppercase; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-btn-filter:last-child { margin-right: 0; } .spnc-blog-2 .hide { display: none; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-prev, .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-next { top: -80px; transform: translateY(48%); left: auto; margin-top: 0px; right: 0px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-next { opacity: 1; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-prev { opacity: 1; margin-right: 45px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-prev, .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-next { border-radius: 50px; background-color: #fff; box-shadow: 0 0 1px 1px #6C6C6F; color: #6C6C6F; width: 2.25rem; height: 2.25rem; font-size: 1.125rem; line-height: 2.1; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper #spnc-blog-carousel { margin-top: 35px; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper, .spnc-blog-2 .spnc-blog-wrapper-1, .spnc-blog-2 .spnc-blog-wrapper-2 { padding-bottom: 20px; } .spnc-blog-2 .spnc-blog-wrapper-1 { padding-bottom: 20px; } #spnc-sidebar-fixed.spnc_sticky { position: sticky; top: 0px; } @media (max-width: 767px) { .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post { flex-direction: column; } } /*-------------------------------------------------------------- 30.0 Blog-wrapper-2-Design view --------------------------------------------------------------*/ .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-blog-1-post { display: flex; flex-wrap: wrap; justify-content: space-between; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post-wrapper { flex-basis: calc(50% - 15px); max-width: calc(50% - 15px); margin-bottom: 22px; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post { display: flex; flex-direction: row; border-radius: 0px; overflow: hidden; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post .spnc-post-content { flex: 0 0 60%; padding: 4px 10px 15px 20px; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post-overlay { position: relative; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail { padding: 0; margin: 0; position: relative; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail img { width: 100%; height: auto; border: 0; border-radius: 0; } .spnc-blog-2 .spnc-blog-wrapper-1 h4.spnc-entry-title a { color: #000; margin-bottom: 1rem; font-family: "Poppins"; font-size: 1.125rem; font-weight: 700; line-height: 1.5; } .spnc-blog-2 .spnc-blog-wrapper-1 h4.spnc-entry-title { margin-bottom: 4px; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-date a, .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-date .display-time { padding: 0; margin: 0px; font-size: 0.875rem; font-family: "Poppins"; color: #6C6C6F; line-height: 1.2; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-date a i, .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .spnc-read-time i, .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-entry-meta .plgv.spnc-date i { font-size: 0.75rem; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-ads { position: relative; margin-top: 20px; margin-left: 10px; margin-right: 10px; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-ads .spnc-post-overlay { position: absolute; inset: 0; background: #142235; opacity: 0.5; z-index: 1; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-ads img { width: 100%; max-width: 100%; height: auto; } @media (max-width: 1024px) { .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post { display: flex; flex-direction: column; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post-wrapper .spnc-post .spnc-post-content { padding: 15px 0 15px 0; } } @media (max-width: 600px) { .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post-wrapper { flex-basis: calc(100%); max-width: calc(100%); margin-bottom: 20px; } } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-blog-1-wrapper { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-blog-1-heading { height: auto; padding: 0.5rem; background: #fff; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-blog-1-wrapper { position: relative; text-align: center; margin-bottom: 28px; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-blog-1-wrapper .spnc-author img { border-radius: 50%; height: 40px; width: 40px; display: inline-block; vertical-align: middle; margin-right: 12px; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post-overlay { position: relative; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post { border-radius: 0px; overflow: hidden; border-radius: 0px; overflow: hidden; position: relative; width: 50%; float: left; padding: 0px 0px 20px 5px; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .owl-item .spnc-filter .spnc-post:nth-child(odd) { padding-left: 0; padding-right: 15px; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post .spnc-entry-meta span.spnc-author { font-size: 0.875rem; line-height: 1.7; font-weight: 400; color: #fff; font-family: "Inter"; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post .spnc-entry-meta a, body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post .spnc-entry-meta .display-time { font-size: 0.875rem; line-height: 1.7; font-weight: 400; color: #fff; font-family: "Inter"; text-transform: capitalize; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post .spnc-entry-meta .spnc-cat-links a { text-transform: uppercase; letter-spacing: 1px; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel h4.spnc-entry-title a { color: #000; margin-bottom: 1rem; font-size: 1.25rem; font-weight: 800; line-height: 44px; background-color: #ebebed; font-family: "Inter"; padding: 6px; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-post .spnc-more-link:hover { background: #fff; border: unset; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-post .spnc-post-content .spice-seprator, .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-blog-1-wrapper .spnc-post .spnc-entry-content .spice-seprator { border-bottom: 1px solid #fff; margin: 20px 0 5px; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-entry-meta i { color: #fff; font-size: 12px; padding-right: 0.5rem; } .spnc-blog-2 .spnc-blog-wrapper-2 .footer-meta.spnc-entry-meta span { padding-right: 0; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post-content .spnc-entry-meta span:not(:last-child):after { font-family: FontAwesome; content: "\f111"; font-size: 5px; color: #fff; padding-left: 1rem; padding-right: 1rem; vertical-align: middle; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel h4.spnc-entry-title { margin-bottom: 0.563rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-footer-meta.spnc-entry-meta { margin-bottom: 0; } .spnc-blog-2 .spnc-blog-wrapper-2 .footer-meta.spnc-entry-meta span:last-child:after { display: none; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post-content { padding: 22px 30px; position: absolute; top: auto; bottom: 15px; } .spnc-blog-2 .spnc-blog-wrapper-2 .footer-meta.spnc-entry-meta { display: inline-block; padding-top: 0.5rem; margin: 0 0 1rem; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-category-filter { display: inline-block; float: right; margin: 10px 0; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-btn-filter { font-size: 0.75rem; font-weight: 400; line-height: 22px; color: #000; margin-right: 30px; } .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-btn-filter:last-child { margin-right: 0; } .spnc-blog-2 .hide { display: none; } .spnc-blog-2 .spnc-blog-wrapper-2 .owl-carousel .owl-prev, .spnc-blog-2 .spnc-blog-wrapper-2 .owl-carousel .owl-next { top: auto; transform: translateY(40%); } .spnc-blog-2 .spnc-blog-wrapper-2 .owl-carousel .owl-prev { opacity: 1; left: 0; } .spnc-blog-2 .spnc-blog-wrapper-2 .owl-carousel .owl-next { opacity: 1; right: 0; } .spnc-blog-2 .spnc-blog-wrapper-2 .owl-carousel .owl-prev, .spnc-blog-2 .spnc-blog-wrapper-2 .owl-carousel .owl-next { border-radius: 50px; background-color: #fff; box-shadow: 0 0 1px 1px #6C6C6F; color: #6C6C6F; width: 2.25rem; height: 2.25rem; font-size: 1.125rem; line-height: 2.1; } .spnc-blog-2 .spnc-blog-wrapper-2 #spnc-blog-carousel { margin-top: 35px; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post-overlay figure:before { content: ""; position: absolute; width: 100%; top: 0px; bottom: 0px; z-index: 0; left: 0px; right: 0px; opacity: 0.5; background: linear-gradient(0deg, #11132a 35%, transparent); border-radius: 0; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; margin: 2.125rem 0 0; } .owl-carousel .owl-dots span { width: 0.625rem; height: 0.625rem; margin: 0 0.3rem; background-color: #6C6C6F; border-radius: 30px; display: block; } .spnc-blog1-carousel.owl-carousel .owl-dots span { background-color: #fcfcfc; } .owl-carousel .owl-dots .owl-dot.active span { background-color: #ff6f61; } /* --------------------------------------------------------Css for sideBar 2 design----------------------------------------------------- */ .spnc-sidebar .widget_newscrunch_post_grid_two_col .widget-recommended-post li { border: 0; padding: 0; margin-bottom: unset; overflow: hidden; } .widget_newscrunch_post_grid_two_col .widget-recommended-post li { border: 0; padding: 0; margin-bottom: 20px; margin-bottom: unset; } .widget.widget-recommended-post .spnc-widget-heading { margin-bottom: 3rem; } .spnc-sidebar .widget_newscrunch_post_grid_two_col .widget-recommended-post { margin: 0; display: grid; grid-template-columns: 47% 47%; gap: 20px; } .widget_newscrunch_post_grid_two_col .widget-recommended-post { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)); gap: 0 30px; } .widget_newscrunch_post_grid_two_col .widget-recommended-post li>* { display: block; text-align: center; } .widget-recommended-post .wp-block-latest-posts__featured-image { margin: 0 auto; overflow: hidden; float: none; display: block; border-radius: 0; background-color: unset; width: unset; min-width: 165px; height: 130px; margin-bottom: 12px; } .widget-recommended-post .wp-block-latest-posts__featured-image img { width: 100%; height: 100%; object-fit: cover; } .widget_newscrunch_post_grid_two_col .widget-recommended-post li span { font-size: 0.875rem; font-family: "Poppins"; color: #6C6C6F; line-height: 1.2; margin-bottom: 5px; } .widget_newscrunch_post_grid_two_col .widget-recommended-post li span i { font-size: 12px; } .widget_newscrunch_post_grid_two_col .widget-recommended-post li a { font-size: 1rem; font-family: "Poppins"; color: #000; font-weight: 700; line-height: 1.625; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget.widget-sports-update .spnc-widget-heading { margin-bottom: 3rem; } .widget_newscrunch_single_column .single-column li { border: 0; padding: 0; } .widget_newscrunch_single_column .single-column { margin: 0; } .widget_newscrunch_single_column .single-column .wp-block-latest-posts__featured-image { overflow: hidden; float: none; display: block; width: unset; height: 200px; border-radius: 0; background-color: unset; margin: 0; margin-bottom: 20px; } .widget_newscrunch_single_column .single-column .wp-block-latest-posts__featured-image img { width: 100%; height: 100%; object-fit: cover; padding: 0; } .widget_newscrunch_single_column .single-column .spnc-post-content { background: #fff; box-shadow: 0px 0px 20px 0px rgba(15, 15, 34, 0.12); padding: 14px 25px; margin: -115px 30px 20px; position: relative; z-index: 1; min-height: 115px; } .widget_newscrunch_single_column .single-column .spnc-post-content a { font-size: 1.125rem; font-family: "Poppins"; color: #000; font-weight: bold; line-height: 1.444; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget_newscrunch_single_column .single-column .spnc-entry-meta { margin-top: 8px; } .widget_newscrunch_single_column .single-column .spnc-entry-meta span { font-size: 0.875rem; font-family: "Poppins"; color: #6C6C6F; line-height: 1.2; position: relative; } .widget_newscrunch_single_column .single-column .spnc-entry-meta span { padding: 0 16px 0 5px; display: inline-block; } .widget_newscrunch_single_column .single-column .spnc-entry-meta span:first-child { padding-left: 0; } .widget_newscrunch_single_column .single-column .spnc-entry-meta span::before { content: ""; width: 6px; aspect-ratio: 1 / 1; background: #6C6C6F; border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .widget_newscrunch_single_column .single-column .spnc-entry-meta span:last-child::before { display: none; padding: 0px; } @media (max-width: 1024px) { .widget_newscrunch_single_column .single-column .spnc-post-content { padding: 10px 15px; display: grid; align-content: center; } .widget_newscrunch_single_column .single-column .spnc-post-content a { font-size: 1rem; line-height: 1.444; } } /*-------------------------------------------------------------- 31.0 Blog Single Page --------------------------------------------------------------*/ .spnc-single-post { padding: 100px 0 116px; } .spnc-single-post .spnc-blog-wrapper { padding: 0; } .spnc-single-post .spnc-blog-wrapper .spnc-post { box-shadow: none; border: none; margin: 0; margin-bottom: 60px; background-color: #fff; margin-bottom: 20px; padding: 20px 20px 40px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); overflow: hidden; } .spnc-default-page .spnc-contact-wrapper .spnc-post { box-shadow: none; border: none; margin: 0; margin-bottom: 60px; margin-bottom: 20px; overflow: hidden; } .spnc-single-post .spnc-blog-wrapper .spnc-post-overlay { margin-bottom: 34px; position: relative; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-thumbnail { padding: 0; margin: 0; position: relative; } .spnc-single-post .spnc-blog-wrapper .spnc-post-content { padding: 0; } .spnc-single-post .spnc-blog-wrapper .spnc-post-content .spnc-entry-meta { position: relative; margin-bottom: 22px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-cat-links a { font-size: 0.875rem; font-family: "Poppins"; color: #fff; background: #a855f7; line-height: 2.5; padding: 5px 17.5px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta span { margin-right: 32px; display: inline-block; margin-bottom: 12px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta span:last-child { margin-right: 0; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta span.spnc-cat-links { margin-right: 26px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta span i { font-size: 13px; color: #6C6C6F; padding-right: 0.313rem; line-height: 1.2; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta span.spnc-author i { padding-right: 0.5rem; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta span.spnc-tag-links i { font-size: 14px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta a, .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spncp-post-count, .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta .single.spnc-date .display-time { font-size: 0.875rem; font-family: "Poppins"; color: #6C6C6F; line-height: 1; font-weight: 400; text-transform: capitalize; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-date a { position: unset; padding: 0; background: none; } .spnc-single-post .spnc-blog-wrapper h4.spnc-entry-title { margin: 0 0 1.875rem; font-size: 1.5rem; } .spnc-single-post .spnc-blog-wrapper h4.spnc-entry-title a { font-size: 3.125rem; font-family: "Poppins"; color: #000; font-weight: 700; line-height: 1.2; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-content .spnc-description { font-size: 1.25rem; font-family: "Poppins"; font-weight: 400; color: #6C6C6F; line-height: 1.5; margin: 0 0 2.125rem; } @media (max-width: 768px) { .spnc-single-post .spnc-blog-wrapper h4.spnc-entry-title a { font-size: 2.25rem; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-content .spnc-description { font-size: 1.125rem } } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-content .spnc-description:last-child { margin-top: 3.5rem; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-content .spnc-description img { float: left; margin-right: 45px; max-width: 100%; height: auto; margin-bottom: 26px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-content .spnc-description { content: ""; clear: both; display: table; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content { border: 1px solid #d7d7d7; overflow: auto; padding: 25px 30px; margin-top: 0; margin-block: 20px; width: 100%; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-footer-meta { margin: 0; z-index: 1; position: relative; display: inline-block; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-footer-meta span { margin: 0; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-text-black { font-size: 1.25rem; font-family: "Poppins"; font-weight: 400; color: #000; line-height: 1.5; padding-right: 15px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-text-black span { font-weight: unset; padding-right: 15px; font-size: 1.25rem; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-entry-meta a { font-size: 1.125rem; font-family: "Poppins"; font-weight: 400; color: #000; line-height: 50px; padding: 7.5px 11px; background: #eeeff4; margin: 5px 6px 5px 0; transition: 0.2s; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-footer-social-links { float: right; padding: 0; margin: 0; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-footer-social-links .spnc-custom-social-icons li { display: inline-block; padding: 0; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-footer-social-links .spnc-custom-social-icons li i { background: transparent; border: 1px solid #d7d7d7; border-radius: 50%; color: #6C6C6F; font-size: 16px; width: 40px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; margin: 5px 5px 5px 0; transition: 0.2s; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-footer-social-links .spnc-custom-social-icons li:last-child i { margin-right: 0; } @media (max-width: 768px) { .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content .spnc-footer-social-links { float: none; margin-top: 10px; } .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-post-footer-content { padding: 15px 20px; } } .spnc-single-post .comment-form .spnc-blog-1-wrapper { margin-bottom: 29px; } .spnc-single-post .comment-form form label { font-size: 1rem; font-family: "Poppins"; font-weight: 400; color: #000; line-height: 1.2; margin-bottom: 0.688rem; } .spnc-single-post .comment-form form input[type="text"], .spnc-single-post .comment-form form input[type="email"], .spnc-single-post .comment-form form textarea { font-size: 1.25rem; font-family: "Poppins"; color: #000; line-height: 1.2; margin-bottom: 1.625rem; background-color: transparent; border: 1px solid #d7d7d7; padding: 1.125em; transition: 0.2s; } .spnc-single-post .comment-form form input::placeholder, .spnc-single-post .comment-form form textarea::placeholder { color: #6C6C6F; } .spnc-single-post .comment-form form textarea { height: 140px; } .spnc-single-post .comment-form form input[type="submit"] { font-size: 1rem; font-family: "Inter"; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 1.2; padding: 24.5px 46px; border-radius: unset; transition: 0.2s; } .spnc-single-post .comment-form form input[type="submit"]:hover, .spnc-single-post .comment-form form input[type="submit"]:focus { color: #000; background: #fff; } .comment-form .spnc-blog-1-wrapper { position: relative; text-align: center; } .comment-form .spnc-blog-1-wrapper { background-color: #669c9b; position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; margin-bottom: 29px; } .comment-form .spnc-blog-1-heading { height: auto; padding: 0.5rem; background: #fff; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .comment-form .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .spnc-wrapper.spnc-btn-1 .comment-form .spnc-blog-1-heading h4, .spnc-wrapper.spnc-btn-1 .comment-form .spnc-blog-1-heading a { color: #fff; margin-bottom: 0; padding: 0px 8px; font-size: 1.25rem; font-weight: 700; letter-spacing: 2px; } .spnc-wrapper.spnc-btn-1 .comment-form .spnc-blog-1-heading { border-radius: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; display: grid; place-content: center; padding: 0.5rem; } .spnc-wrapper.spnc-btn-1 .comment-form .spnc-blog-1-wrapper { position: relative; text-align: center; display: -webkit-box; border-radius: unset; background-color: transparent; margin-bottom: 20px; } @media (max-width: 1024px) { .spnc-single-post .pagination .spnc-post-previous, .spnc-single-post .pagination .spnc-post-next { display: flex; flex-basis: 50%; max-width: 50%; } } @media (max-width: 768px) { .spnc-single-post .pagination .spnc-post-previous, .spnc-single-post .pagination .spnc-post-next { display: flex; flex-basis: 100%; max-width: 100%; } .spnc-single-post .pagination .spnc-post-next { flex-direction: row; } .spnc-single-post .pagination .spnc-post-next .spnc-post-content { text-align: left; } .spnc-single-post .pagination .spnc-post-content h4.spnc-entry-title a { font-size: 1.125rem; font-family: "Poppins"; color: #000; font-weight: 700; line-height: 1.2; margin: 0; } } /* ---------------------- blog single page css---------------------- */ .spnc-sidebar .widget_categories { position: relative; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item, .spnc-sidebar .spnc_widget_recent_entries .wp-block-latest-posts__list li { border-bottom: 1px solid #d7d7d7; padding: 17px 0; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item i, .spnc-sidebar .spnc_widget_recent_entries .wp-block-latest-posts__list li i { font-size: 0.875rem; color: #09b95d; margin-right: 14px; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item span { background-color: #eeeff4; font-size: 0.875rem; color: #000; height: 26px; width: 26px; position: absolute; right: 0; text-align: center; vertical-align: middle; } .spnc-sidebar .widget_categories .wp-block-categories-list .cat-item:last-child, .spnc-sidebar .spnc_widget_recent_entries .wp-block-latest-posts__list li:last-child { border-bottom: unset; padding: 17px 0; } /* 404 page css */ .spnc-page-404.page-section-space { padding: 6.2rem 0 2.5rem; } @media (max-width: 600px) { .spnc-page-404.page-section-space { padding: 11.2rem 0 2.5rem; } } .page-section-space .spnc_error_404 { text-align: center; padding-top: 20px; } .page-section-space .spnc_error_404 .spnc_error_heading h2 { font-family: "Inter", sans-serif; font-weight: bold; font-size: 4.5rem; line-height: 1.2; margin-bottom: 6px; } .page-section-space .spnc_error_404 .spnc_error_heading h3 { font-family: "Inter", sans-serif; font-weight: 400; font-size: 2.25rem; line-height: 1.2; color: #000; } .page-section-space .spnc_error_404 .spnc_404_link { margin-top: 52px; margin-bottom: 20px; } .page-section-space .spnc_error_404 .spnc_404_link a { font-family: "Inter", sans-serif; font-weight: 600; font-size: 1rem; line-height: 1.6; color: #fff; padding: 15px 29px; background: #041124; transition: all 0.3s ease; } /* 404 page css */ /* Contact Page CSS */ .page-section-space.spnc-contact-1 { padding: 2rem 0 0; } .spnc-contact-1 .spnc-blog-wrapper { padding-bottom: 13px; } .spnc-contact-1 .spnc-blog-wrapper .spnc-blog-1-wrapper { text-align: center; position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; } .spnc-contact-1 .spnc-blog-wrapper .spnc-blog-1-heading { height: auto; padding: 0.5rem; background: #fff; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .spnc-contact-1 .spnc-blog-wrapper .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .page-section-space .spnc-col-9 .spnc_con_info { position: relative; border: 1px solid #d7d7d7; margin-bottom: 16px; display: grid; padding-top: 23px; padding-bottom: 26px; grid-template-columns: 0% 70%; gap: 100px; } .page-section-space .spnc-col-9 .spnc_con_info .spnc_con_left { position: relative; } .page-section-space .spnc-col-9 .spnc_con_info .spnc_con_left .spnc_con_icon { background-color: #eeeff4; border-radius: 50%; position: absolute; left: 30px; height: 50px; width: 50px; text-align: center; transition: 0.2s; } .page-section-space .spnc-col-9 .spnc_con_info .spnc_con_left .spnc_con_icon i { font-size: 18px; color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.2s; } .page-section-space .spnc-col-9 .spnc_con_info .spnc_con_left .spnc_con_icon:hover i { color: #fff; } .spnc-contact-1 .spnc-contact-col form label { font-size: 0.875rem; font-family: "Poppins"; color: #000; line-height: 1.2; } .spnc-contact-1 .spnc-contact-col form input[type="text"], .spnc-contact-1 .spnc-contact-col form input[type="email"], .spnc-contact-1 .spnc-contact-col form input[type="tel"] { border: 1px solid #d7d7d7; background: transparent; margin-bottom: 26px; outline: none; padding: 0.76em; transition: 0.2s; } .spnc-contact-1 .spnc-contact-col textarea { border: 1px solid #d7d7d7; background: transparent; margin-bottom: 40px; outline: none; transition: 0.2s; height: 120px; } .spnc-contact-1 .spnc-contact-col form input[type="submit"] { font-size: 1rem; font-family: "Poppins"; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; line-height: 1.2; padding: 14.5px 28.5px; border-radius: unset; transition: 0.2s; } .spnc-contact-1 .spnc-contact-col form input[type="submit"]:hover, .spnc-contact-1 .spnc-contact-col form input[type="submit"]:focus { color: #000; background: #fff; } .spnc-contact-2 { padding: 0px 0 0px; } .spnc-contact-1 .spnc-col-9 .spnc_con_info .spnc_con_right .spnc_con_add h4 { margin-bottom: 5px; } /* Contact Page CSS */ .spnc-sidebar input[type="search"] { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .spnc-sidebar button[type="submit"] { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .spnc-sidebar .wp-block-latest-posts li, .spnc-common-widget-area .wp-block-latest-posts li { border-bottom: 1px solid #d7d7d7; padding: 8px 0; } .spnc-sidebar .wp-block-latest-posts li:last-child, .spnc-common-widget-area .wp-block-latest-posts li:last-child { border-bottom: 0; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post { position: relative; overflow: hidden; background-color: #fff; padding: 1.25rem; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-img { position: relative; height: auto; background-size: cover; background-position: 100% 100%; height: 457px; overflow: hidden; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-content-wrapper { position: absolute; max-width: 420px; padding: 31px 41px 48px 41px; background-color: rgb(0 0 0 / 70%); bottom: 0; right: 0; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-content-wrapper .spnc-post-wrapper { position: relative; z-index: 1; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-overlay { position: absolute; top: 0; bottom: 0; z-index: 1; left: 0; right: 0; opacity: 0.4; background-color: #000; margin: 1.25rem; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-meta a, .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-meta .display-time { font-size: 0.875rem; font-weight: 400; font-family: "Inter"; color: #fefefe; text-transform: capitalize; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-cat-links a { font-size: 0.625rem; color: #a855f7; position: relative; text-transform: uppercase; background: transparent !important; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-footer-meta .spnc-entry-title { margin-bottom: 10px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-meta { margin-bottom: 18px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost span { margin-right: 10px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-header .spnc-entry-meta { margin-bottom: 5px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-cat-links a:last-child::after { content: ""; width: 45px; height: 3px; position: absolute; margin-left: 10px; top: auto; bottom: 5px; background-color: currentColor; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-title a { color: #fff; font-size: 1.5rem; font-weight: 700; font-family: "Inter"; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-footer-meta p.spnc-description { color: #fefefe; font-size: 1rem; font-weight: 400; font-family: "Inter"; margin-bottom: 33px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-more-link { padding: 12.5px 20px; font-size: 0.75rem; font-weight: 700; line-height: 1.8; font-family: "Inter"; display: inline-block; color: #fff; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-meta i { color: #fff; font-size: 0.75rem; margin-right: 5px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-title { margin-bottom: 10px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost { margin-bottom: 20px; } .spnc-category-page .spnc-grid-catpost.spnc-post { float: left; width: 50%; height: auto; position: relative; } .spnc-category-page .spnc-grid-catpost.spnc-post:nth-child(even) { padding: 0 10px 20px 0; } .spnc-category-page .spnc-grid-catpost.spnc-post:nth-child(odd) { padding: 0 0 20px 10px; } .spnc-category-page .spnc-grid-catpost .spnc-post-wrapper { padding: 20px 20px 8px; background-color: #fff; } .spnc-category-page .spnc-grid-catpost .spnc-content-wrapper { max-width: 92%; width: 92%; position: relative; display: table; height: 100%; z-index: 1; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: 0; margin-top: 0; margin-bottom: 12px; } .spnc-category-page .spnc-grid-catpost .spnc-post-content.featured-img .spnc-content-wrapper { margin-top: 0; } .spnc-category-page .spnc-post-wrap { background-color: #fff; padding: 12px 12px 3px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-category-page .spnc-grid-catpost .spnc-entry-meta { margin-bottom: 10px; } .spnc-category-page .spnc-grid-catpost .spnc-entry-meta a { font-size: 14px; font-weight: 400; color: #6C6C6F; font-family: "Inter"; text-transform: capitalize; } .spnc-category-page .spnc-grid-catpost .spnc-entry-title { margin-bottom: 15px; line-height: 1; } .spnc-category-page .spnc-grid-catpost .spnc-footer-meta { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .spnc-category-page .spnc-grid-catpost .spnc-entry-meta span { margin-right: 12px; } .spnc-category-page .spnc-grid-catpost .spnc-entry-meta span:last-child { margin-right: 0px; } .spnc-category-page .spnc-grid-catpost .spnc-entry-meta i { font-size: 14px; padding-right: 3px; } .spnc-category-page .spnc-grid-catpost .spnc-entry-title a { font-size: 1.25rem; font-weight: 700; font-family: "Inter"; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-category-page .spnc-grid-catpost .spnc-entry-header { border-bottom: 1px solid #d7d7d7; } .spnc-category-page .spnc-grid-catpost .spnc-footer-meta .spnc-date a, .spnc-category-page .spnc-grid-catpost .spnc-footer-meta .spnc-date .display-time { font-size: 0.875rem; font-weight: 600; font-family: "Inter"; color: #6C6C6F; } @media (max-width: 550px) { .spnc-category-page .spnc-grid-catpost.spnc-post { float: none; width: 100%; margin-bottom: 15px; } .spnc-category-page .spnc-grid-catpost.spnc-post:nth-child(odd), .spnc-category-page .spnc-grid-catpost.spnc-post:nth-child(even) { padding: 0 0 0 0; } } /*Pagination*/ .spnc-pagination { margin: 0 0 2.5rem; display: block; padding: 0; } .spnc-navigation.spnc-pagination .spnc-nav-links .spnc-current, .spnc-pagination a { background-color: #eeeff4; color: #000; cursor: pointer; display: inline-block; line-height: 0.6; font-weight: 400; transition: all 0.3s ease 0s; font-size: 1rem; border-radius: 50px; margin: 0 0.25rem 0.625rem; padding: 0.78rem; vertical-align: baseline; white-space: nowrap; width: 2.125rem; height: 2.125rem; font-family: "Inter"; } .spnc-pagination a i { line-height: 0.6; font-size: 1rem; } .spnc-pagination a:hover, .spnc-pagination a.active, .spnc-navigation.spnc-pagination .spnc-nav-links .spnc-current { color: #fff; } .spnc-home .header-sidebar { position: relative; } /* css for Archives, page list, rss-item widget */ @media (max-width: 767px) { .spnc-blog-2 .spnc-blog-wrapper-2 .spnc-post { width: 100%; } } /* sidebar panel css start */ .spnc_body_sidepanel .spnc_overlay_panel { content: ""; position: fixed; z-index: 1111; height: 100%; width: 100%; top: 0; right: 0; background: rgba(255, 255, 255, 0.5); transition: opacity 0.3s ease-in-out; } .spnc_sidebar_panel { height: 100%; position: fixed; z-index: 111111; left: auto; right: 0; background-color: #f8f8f8; overflow-x: hidden; transition: 0.5s; padding-top: 60px; top: 0; width: 400px; max-width: 400px; visibility: hidden; transition-property: transform, visibility; transform: translate3d(100%, 0, 0); } .spnc_body_sidepanel a { color: #000; } .spnc_sidebar_panel .spnc_closebtn { position: absolute; top: 0; right: 25px; font-size: 2.25rem; margin-left: 50px; color: #000; } #spnc-sidebar-panel-fixed { padding: 10px; } @media screen and (max-width: 450px) { .spnc_sidebar_panel { width: 200px !important; } } /* ---------------------- For breadcrumb ---------------------- */ .page-title.content-area-title :is(span, h1, h2, h3, h4, h5, h6, p, div) { color: #000; } .page-title.content-area-title { padding: 1.5rem 0; } .text-left .page-breadcrumb { text-align: left; } .text-right .page-title { text-align: right; } .text-center .page-breadcrumb { text-align: center; padding: 0; padding-right: 10px; } .text-center .page-title :is(span, h1, h2, h3, h4, h5, h6, p, div) { margin: 0; } ul.page-breadcrumb:not(.parallel .page-breadcrumb) { padding: 0; margin: 0; } .page-title:not(.page-section-space.blog .page-title, .error404 .error-page .page-title) :is(span, h1, h2, h3, h4, h5, h6, p, div) { color: #000; } .page-title:not(.parallel .page-title) :is(span, h1, h2, h3, h4, h5, h6, p, div) { margin: 0; } .page-title-section .spice-col-3.text-right { margin: auto 0; } @media only screen and (max-width: 815px) { .text-right .page-title, .text-left .page-breadcrumb { text-align: center; } } /* ---------------------- End breadcrumb ---------------------- */ /*-------------------------------------------------------------- 32.0 PRE LOADERS --------------------------------------------------------------*/ div#preloader1 { margin: auto; position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 9999999; display: flex; align-content: center; justify-content: center; } @media (min-width: 1200px) { body.boxed div#preloader1 { width: 1210px; } } .page-section-space.spnc-preloader { padding: 6.2rem 0 3.375rem; position: relative; } .spnc_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .spnc_preloader_text { display: inline-block; margin-left: 25px; font-size: 1.563rem; } .spnc_bounceball { position: relative; display: inline-block; height: 37px; width: 15px; } .spnc_bounceball:before { position: absolute; content: ""; display: block; top: 0; width: 25px; height: 25px; border-radius: 50%; transform-origin: 50%; -webkit-animation: spncBounce 500ms alternate infinite ease; animation: spncBounce 500ms alternate infinite ease; } @keyframes spncBounce { 0% { top: 30px; height: 5px; border-radius: 60px 60px 20px 20px; transform: scaleX(2); } 35% { height: 15px; border-radius: 50%; transform: scaleX(1); } 100% { top: 0; } } @media (max-width: 500px) { .spnc_preloader_text { font-size: 1.125rem; margin-left: 20px; } .spnc_bounceball:before { width: 20px; height: 20px; } } /*-------------------------------------------------------------- END PRE LOADERS --------------------------------------------------------------*/ .spnc-grid-catpost:nth-child(2n + 2) { clear: both; } /*Pagination*/ .pagination, .pagination:hover, .pagination:focus { box-shadow: unset; transform: unset; } .pagination a, .pagination .current { padding: 5.5px 12.5px; margin: 0 3px; font-size: 16px; color: #000; background-color: #eeeff4; border-radius: 50%; border: 1px solid #eeeff4; display: inline-block; width: 36px; height: 36px; transition: 0.3s; } .pagination a.prev, .pagination a.next { color: #7b7c85; border: 1px solid #d7d7d7; background-color: #fff; } /* Boxed layout */ @media (min-width: 1200px) { body.boxed { width: 1210px; -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); margin: 30px auto; position: relative; } } .tag-links, .spnc-tag-links { color: #fff; } .spnc-single-post .spnc-tag-links { color: #6C6C6F; } .spnc-grid-catpost .tag-links { color: #000; } .spnc-category-page .spnc-first-catpost .spnc-cat-links { text-transform: uppercase; } /*default widget*/ /* css for calender widget */ .widget.widget_calendar .wp-block-calendar { margin-top: 40px; } .widget.widget_calendar th, .widget.widget_calendar td { text-align: center; } .widget.widget_calendar { color: #000; } .widget.widget_calendar td { color: #000000cc; } /* css for calender widget */ /* css for gallery widget */ .widget.widget_media_gallery .wp-block-gallery { display: flex; flex-wrap: wrap; margin: 0; margin-top: 50px; gap: 10px; justify-content: space-between; } .widget.widget_media_gallery .wp-block-gallery .wp-block-image { max-width: calc(50% - 5px); flex-basis: calc(50% - 5px); margin: 0; } /* css for gallery widget */ .widget .wp-block-latest-posts li, .widget .wp-block-archives li, .widget .wp-block-categories li, .widget .wp-block-page-list li, .widget .wp-block-rss li, .widget_meta ul li, .widget .wp-block-latest-comments li { padding: 10px 0; border-bottom: 1px solid #d7d7d7; } .widget .wp-block-latest-posts li:last-child, .widget .wp-block-archives li:last-child, .widget .wp-block-categories li:last-child, .widget .wp-block-page-list li:last-child, .widget .wp-block-rss li:last-child, .widget_meta ul li:last-child, .widget .wp-block-latest-comments li:last-child { border: unset; } .widget .wp-block-latest-posts li::before, .widget .wp-block-archives li::before, .widget .wp-block-categories li::before, .widget .wp-block-page-list li::before, .widget .wp-block-rss li::before, .widget_meta ul li::before, .widget .wp-block-latest-comments li article footer::before, .widget_nav_menu ul li::before { font-size: 14px; margin-right: 14px; content: "\f105"; font-family: FontAwesome; margin-top: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .widget ol.wp-block-latest-comments { margin: 0 0 0.1em 1em; } .widget .wp-block-latest-comments li a { font-size: 1rem; } .widget .wp-block-calendar thead tr th { text-align: center; } .widget .wp-block-rss li .wp-block-rss__item-title { display: inline; } .spnc-sidebar .widget .wp-block-tag-cloud a { color: #000; border: 1px solid #d7d7d7; text-decoration: none; } .spnc-sidebar .widget .wp-block-tag-cloud a:hover { color: #fff; border: 1px solid #d7d7d7; } .footer-sidebar .widget .wp-block-tag-cloud a { color: #6C6C6F; border: 1px solid #fff; } .widget .wp-block-latest-comments li { padding: 10px 0; border-bottom: 1px solid #d7d7d7; } .widget .wp-block-social-links { margin-left: unset; } .widget .wp-block-social-links li a { font-size: inherit; } .widget_meta .spnc-widget-heading .widget-title, .widget_nav_menu .spnc-widget-heading .widget-title { margin-bottom: 1rem; font-weight: 700; z-index: 1; padding-left: 15px; position: relative; border: 1px solid #d7d7d7; padding: 8px; border-radius: 50px; font-size: 1.25rem; text-align: center; color: #000; letter-spacing: 2px; text-transform: uppercase; } .widget_media_gallery { overflow: hidden; } .widget_nav_menu ul li { padding: 10px 0; border-bottom: 1px solid #d7d7d7; } .widget_nav_menu ul.sub-menu { padding-top: 0; } .widget_search input[type="search"] { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .widget_search button[type="submit"] { border-top-right-radius: 30px !important; border-bottom-right-radius: 30px !important; } .footer-sidebar .widget li { margin: 0; border-bottom: 1px solid #d7d7d7; } .footer-sidebar .widget li:last-child { border: unset; } /* Filter List View */ .widget_spncp_filter_list_view { margin-bottom: 20px; } .widget_spncp_filter_list_view .spnc-wrapper-4-filter { display: inline-block; float: right; margin: 10px 0; } .widget_spncp_filter_list_view .spnc-wrapper-4-item { clear: both; } .widget_spncp_filter_list_view .spnc-wrapper-4-filter .spnc-list-btn-filter { font-size: 0.75rem; font-weight: 400; line-height: 1.8; margin-left: 30px; color: #000; text-transform: uppercase; } .spnc-blog-2 .widget_spncp_filter_list_view .spnc-blog-1-wrapper { position: relative; border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; margin-bottom: 40px; } .spnc-blog-2 .widget_spncp_filter_list_view .spnc-blog-1-heading { height: auto; padding: 0.563rem; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; min-width: 250px; text-align: center; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post { display: flex; margin-bottom: 20px; box-shadow: 0 0 1px 1px rgba(15, 15, 34, 0.08); } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post .spnc-post-overlay { flex-basis: auto; max-width: 38.5%; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post .spnc-post-content { flex-basis: 61.5%; max-width: 61.5%; padding: 20px 20px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post .spnc-post-thumbnail { margin: 0; max-width: 100%; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-entry-meta { margin-bottom: 17px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-entry-meta .spnc-cat-links a { font-size: 0.75rem; font-family: "Poppins"; color: #fff; font-weight: 600; text-transform: uppercase; line-height: 1.2; text-align: center; padding: 6.5px 10px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter[data-cat="entertainment"] .spnc-post .spnc-post-content .spnc-entry-meta .spnc-cat-links a { background-color: #e7a100; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter[data-cat="movie"] .spnc-post .spnc-post-content .spnc-entry-meta .spnc-cat-links a { background-color: #369ef6; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter[data-cat="show"] .spnc-post .spnc-post-content .spnc-entry-meta .spnc-cat-links a { background-color: #f03daf; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter[data-cat="review"] .spnc-post .spnc-post-content .spnc-entry-meta .spnc-cat-links a { background-color: #a855f7; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .entry-header .spnc-entry-title { margin-bottom: 12px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .entry-header .spnc-entry-title a { font-size: 1.5rem; font-family: "Poppins"; color: #000; font-weight: bold; line-height: 1.417; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-description { font-size: 1rem; font-family: "Poppins"; color: #6C6C6F; line-height: 1.625; margin-bottom: 8px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-footer-meta span { font-size: 0.813rem; font-weight: 500; font-family: "Poppins"; color: #6C6C6F; text-transform: uppercase; line-height: 1.2; margin-right: 15px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-footer-meta span a .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-footer-meta span a { color: #000; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-footer-meta span i { color: #000; font-size: 12px; margin-right: 3px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-footer-meta { margin-bottom: 20px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-post .spnc-post-content .spnc-more-link { font-size: 0.875rem; font-family: "Poppins"; color: #000; font-weight: 700; text-transform: uppercase; line-height: 1.2; text-align: center; border: 1px solid #d7d7d7; padding: 8px 20px; } @media (max-width: 600px) { .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post { display: flex; flex-wrap: wrap; padding-bottom: 10px; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post .spnc-post-overlay { flex-basis: 100%; max-width: 100%; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post .spnc-post-content { flex-basis: 100%; max-width: 100%; padding: 25px 10px; } } /* Featured post section CSS End */ /* CSS for center Header layout */ .spnc-header-center .spnc-navbar .spnc-header { float: none; display: block; text-align: center; margin-top: 10px; margin-bottom: 10px; } .spnc-header-center .custom-logo-link-url { text-align: center; } .spnc-header-center .spnc-navbar .spnc-collapse.collapse .ml-auto { margin: 0 auto; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul { margin: 0; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul li { display: flex; border-bottom: 1px solid #d7d7d7; padding: 10px 0; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul li:last-child { border-bottom: 0; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .wp-block-latest-posts__featured-image { margin: 0 15px 0 0; overflow: hidden; float: unset; display: block; width: 8rem; height: 6.5rem; border-radius: 0; background-color: unset; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .wp-block-latest-posts__featured-image img { width: 130px; height: 100px; padding-top: 3px; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .spnc-post-content { align-self: center; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .spnc-post-content a { font-size: 1rem; font-family: "Poppins"; color: #000; font-weight: 700; line-height: 1.625; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .spnc-entry-meta span { font-size: 0.85rem; font-family: "Poppins"; color: #6C6C6F; text-transform: uppercase; line-height: 1.2; margin-right: 15px; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .spnc-entry-meta span i { font-size: 10px; margin-right: 3px; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .wp-block-latest-posts__post-date { display: inline-block; } .widget_newscrunch_category_collection .spnc-categories { margin: 0; } .widget_newscrunch_category_collection .spnc-categories li { padding: 10px 0; } .widget_newscrunch_category_collection .spnc-categories .cat-item { background-size: cover !important; background-repeat: no-repeat; background-position: center center; padding: 32px 30px; position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; z-index: 1; } .widget_newscrunch_category_collection .spnc-categories .cat-item::before { content: ""; position: absolute; inset: 0; background-color: #000; opacity: 0.6; z-index: -1; } .widget_newscrunch_category_collection .spnc-categories .cat-item a, .widget_newscrunch_category_collection .spnc-categories .cat-item span { font-family: "poppins"; font-size: 1.25rem; font-weight: 700; line-height: 1; color: #fff; } /* new css */ body .widget.widget_newscrunch_post_tabs .wp-block-latest-posts li { border-bottom: 0; padding: unset; margin-bottom: 16px; } body .widget.widget_newscrunch_post_tabs .wp-block-latest-posts li:last-child { margin-bottom: 6px; } .widget.widget_newscrunch_post_tabs .wp-block-latest-posts li::before { content: unset; } .home.newscrunch .header-sidebar { position: relative; } .spnc-single-post .comment-form form p { margin: 0 0 1rem; } .comment-section .comment-title h3 { color: #000; } .comment-box .comment-detail .comment-detail-title { color: #000; margin-bottom: 8px; } .comment-box .comment-detail p { color: #404040; margin-bottom: 8px; } .spnc-single-post .comment-form form p.comment-form-author { padding-right: 12px; } .spnc-single-post .comment-form form p.comment-form-email { padding-left: 12px; } .spnc-single-post .comment-form form label { font-size: 1rem; font-family: "Poppins"; font-weight: 400; color: #000; line-height: 2.3; } .spnc-single-post .comment-form form .comment-form-cookies-consent label { line-height: 1.5; } @media (max-width: 768px) { .spnc-single-post .comment-form form p { width: 100%; margin: 0 0 0.5rem; } .spnc-single-post .comment-form form p.comment-form-author { padding-right: 0px; } .spnc-single-post .comment-form form p.comment-form-email { padding-left: 0px; } } .spnc-post .spnc-entry-content a:not(.spnc-entry-content .spnc-more-link, .spnc-post .spnc-entry-content .spnc-entry-meta a, .spnc-post .spnc-entry-content .footer-meta a, .wp-block-buttons .wp-block-button__link), .widget p a, .comment-detail a, .blog-author-info a { text-decoration: underline; } .comment-detail .edit-link a, .comment-detail .reply a, .spnc-post .spnc-entry-content .footer-meta a { text-decoration: none; } .page article.comment-form { margin-top: 60px; } body a:focus { outline: 2px dotted #000; } button:focus, input[type="button"]:focus, input[type="submit"]:focus, textarea:focus { outline: 2px dotted #000; } .widget_newscrunch_author .contact-area { position: relative; overflow: hidden; } .widget_newscrunch_author .contact-area:after { content: ""; background-color: #000; opacity: 0.5; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; } .widget_newscrunch_author .contact-area .author-wrapper { position: absolute; text-align: center; z-index: 11; left: 0; right: 0; top: 50%; padding: 0 20px; transform: translateY(-50%); } .widget_newscrunch_author .contact-area, .widget_newscrunch_author .contact-area img { width: 420px; aspect-ratio: 1 / 1; max-width: 100%; margin: 0 auto; } .widget_newscrunch_author .contact-area .author-wrapper a { color: #fff; font-weight: 700; font-size: 1.25rem; line-height: 1.5; } .widget_newscrunch_author .contact-area .author-wrapper h3 { margin-bottom: 5px; color: #fff; } .widget_newscrunch_author .contact-area .author-wrapper .author-designation, .widget_newscrunch_author .contact-area .author-wrapper .author-detail { color: #fefefe; font-weight: 400; font-size: 1rem; line-height: 1.6; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .widget_newscrunch_author .contact-area.circle { border-radius: 50%; background-color: #888888; } .spnc-sidebar .widget.side-bar-widget.widget_newscrunch_author .spnc-widget-title { margin-bottom: 2rem; } @media (max-width: 767px) { .widget_newscrunch_author .contact-area, .widget_newscrunch_author .contact-area img { margin: 0 auto; } } /* new css */ /*footer widget css*/ .footer-sidebar .widget_nav_menu li::before, .footer-sidebar .widget_pages li::before, .footer-sidebar .widget_product_categories li::before, .footer-sidebar .widget_links li::before, .footer-sidebar .widget_categories li::before, .footer-sidebar .widget_archive li::before, .footer-sidebar .widget_recent_entries li::before, .footer-sidebar .widget_meta li::before, .footer-sidebar .wp-block-latest-comments li article footer::before, .footer-sidebar .widget_block li:not(.wp-block-social-link, .blocks-gallery-item, .wp-block-latest-comments__comment)::before, .footer-sidebar .widget_meta li::before, .footer-sidebar .widget.widget_block ul.wp-block-page-list li:before { position: relative; content: "\2759"; top: 1px; font-size: 1.125rem; margin-top: 4px; margin-right: 14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; } .footer-sidebar .widget_block p { margin: 0; color: #6C6C6F; line-height: 1.6; margin-bottom: 0.625rem; font-size: 1rem; } .footer-sidebar .wp-block-latest-comments__comment-date { color: #6C6C6F; } .footer-sidebar { padding: 5rem 0 2.75rem; position: relative; margin: 0; } .footer-sidebar .wp-block-table { color: #fff; } .footer-sidebar .wp-block-table th:first-child, .footer-sidebar .wp-block-table td:first-child { padding-left: unset; } .footer-sidebar .widget ol.wp-block-latest-comments { margin: 0; } .footer-sidebar .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { margin-bottom: 0; } .footer-sidebar .widget_search .wp-block-search .wp-block-search__input { color: #fff; } .footer-sidebar .wp-block-tag-cloud a { text-decoration: none; } .footer-sidebar .widget_nav_menu ul.sub-menu li { padding-left: 15px; } .footer-sidebar .widget.widget_calendar { color: #acacac; } .footer-sidebar .widget.widget_calendar td { color: #acacac; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost, .spnc-bnr-1 .spnc-post { background: #888888; position: relative; } #searchbar_fullscreen input[type="search"]:focus { outline: thin dotted !important; } #searchbar_fullscreen { visibility: hidden; } #searchbar_fullscreen.open { visibility: visible; } .widget_newscrunch_featured_post .spnc-first-post span.spnc-cat-links a { display: inline-block; margin-bottom: 6px; margin-right: 6px; } .spnc-post-grid-slider-three-column .spnc-cat-links a { display: inline-block; margin-bottom: 2px; } .spnc-page-section-space.spnc-blog-1 { padding-bottom: 0rem; } .spnc-common-widget-area.widget_spncp_filter_list_view { padding-bottom: 1px; } body #searchbar_fullscreen button:focus, body #searchbar_fullscreen input[type="button"]:focus, body #searchbar_fullscreen input[type="submit"]:focus { outline: 2px dotted #fff; } pre.wp-block-code a { text-decoration: underline; } .footer-sidebar pre.wp-block-code a { color: #000; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; } .spnc-bnr-1 .spnc-post { overflow: hidden; } .spnc-common-widget-area.widget_newscrunch_featured_post { padding-bottom: 2px; } body.home .blog.spnc-category-page { background-color: transparent; } .spnc-page-section-space.spnc-blog-2 { padding-bottom: 0rem; } .spnc-first-catpost .spnc-post-content a:focus, .site-footer a:focus { outline-color: #fff; } .spnc-post-content .spnc-entry-title { overflow-wrap: anywhere; } .wp-block-pullquote p, .wp-block-pullquote cite { color: #404040; } .spnc-custom .dropdown-menu.leftauto .dropdown-menu { border: 0; right: 100%; left: auto; } .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail, .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail { min-width: 140px; height: 110px; overflow: hidden; } .spnc-blog-2 .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail img, .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail img { height: 100%; object-fit: cover; } @media (max-width: 1024px) { .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail, .spnc-blog-wrapper-1 .spnc-post .spnc-post-thumbnail { height: 200px; overflow: hidden; } } /* ---------------------------------------------------- */ .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-post .spnc-post-thumbnail, .spnc-post-grid-slider-three-column .spnc-post-thumbnail, .widget_spncp_filter_three_column .spnc-post-thumbnail { height: 200px; padding: 0; margin: 0; position: relative; overflow: hidden; } .spnc-blog-1 .spnc-blog-wrapper-2 .spnc-post .spnc-post-thumbnail img, .spnc-post-grid-slider-three-column .spnc-post-thumbnail img, .widget_spncp_filter_three_column .spnc-post-thumbnail img { height: 100%; object-fit: cover; width: 100%; border: 0; border-radius: 0; } /* ------------------------------------ */ .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-post-thumbnail, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-post-thumbnail { min-width: 360px; height: 250px; padding: 0; margin: 0; position: relative; overflow: hidden; } .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-post-thumbnail img, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-post-thumbnail img { height: 100%; object-fit: cover; width: 100%; border: 0; border-radius: 0; } /* ------------------------------------ */ .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-post-thumbnail { height: 18.625rem; padding: 0; margin: 0; position: relative; width: 23.75rem; ; margin-right: 0.625rem; float: left; overflow: hidden; } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-post-thumbnail img { height: 100%; object-fit: cover; width: 100%; border: 0; border-radius: 0; } /* ------------------------------------ */ body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post .spnc-post-thumbnail { overflow: hidden; height: 360px; padding: 0; margin: 0; position: relative; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post .spnc-post-thumbnail img { height: 100%; object-fit: cover; width: 100%; border: 0; border-radius: 0; } /* ------------------------------------ */ .spnc-category-page .spnc-grid-catpost .spnc-post-thumbnail { height: 270px; margin: 0; padding: 0; overflow: hidden; } .spnc-category-page .spnc-grid-catpost .spnc-post-thumbnail img { height: 100%; width: 100%; object-fit: cover; } /* ------------------------------------ */ .spnc-bnr-1 .spnc-post .spnc-post-img { background-position: center; } aside.widget_newscrunch_featured_post { clear: both; } @media (max-width: 550px) { body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post { width: 100%; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .spnc-post { padding-left: 0; } body .widget_newscrunch_overlay_slider .spnc-blog1-carousel .owl-item .spnc-filter .spnc-post:nth-child(odd) { padding-right: 0; } } @media screen and (max-width: 450px) { .spnc-widget-toggle { display: none; } } @media (max-width: 1100px) { body .spnc-custom .spnc-nav>.active>a, body .spnc-custom .spnc-nav>.active>a:hover, body .spnc-custom .spnc-nav>.active>a:focus { color: #fff; } } .spnc-common-widget-area.widget_newscrunch_grid_slider_three_column { padding-bottom: 76px; } .spnc-common-widget-area.widget_spncp_filter_three_column { padding-bottom: 16px; } .spnc-blog-1 .spnc-row, .spnc-blog-2 .spnc-row { margin-bottom: 0; } .spnc-page-section-space.spnc-category-page { padding: 0rem 0 3rem; } .spnc-trending-widget { width: 80%; } .spnc-sidebar .widget.sidebar-1 h2.widget-title { border: 1px solid #d7d7d7; padding: 8px; border-radius: 50px; text-align: center; letter-spacing: 2px; font-size: 1.25rem; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post .spnc-post-thumbnail { margin: 0; max-width: 100%; height: 100%; overflow: hidden; } .widget_spncp_filter_list_view .spnc-wrapper-4-item .spnc-filter .spnc-post .spnc-post-thumbnail img { height: 100%; object-fit: cover; } .widget_newscrunch_category_collection .spnc-categories li { padding: 0 0 20px 0; } .widget_newscrunch_category_collection .spnc-categories li:last-child { padding: 0 0 10px 0; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .wp-block-latest-posts__featured-image { width: 7.5rem; height: 7.5rem; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .wp-block-latest-posts__featured-image img { width: 100%; height: 100%; object-fit: cover; padding-top: 0; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .spnc-post-content { flex: 1; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul li:first-child { padding-top: 0; } .widget_newscrunch_featured_post:after { content: ""; display: table; clear: both; } .spnc-post .spnc-entry-content { overflow: visible; } .wpcf7-form input, .wpcf7-form textarea { margin-top: 10px; } .wpcf7-form label { font-weight: 600; text-transform: capitalize; } .site-footer .footer-sidebar .widget_newscrunch_post_grid_two_col .widget-recommended-post li a { font-size: 1rem; font-family: "Poppins"; line-height: 1.2; color: #fff; } .site-footer .widget_newscrunch_post_grid_two_col .widget-recommended-post li span { font-size: 0.75rem; font-family: "Poppins"; color: #6C6C6F; line-height: 1.2; } .site-footer .spnc-social-follow ul { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); grid-column-gap: 10px; } .site-footer .widget_newscrunch_social_icons .spnc-service-wrap { list-style: none; margin: 0 5px 10px 0; display: block; width: 100%; border-bottom: none; } body .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a:hover, body.newscrunch .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a.spnc-date-format { color: #fff; } @media (min-width: 1101px) { .spnc-custom .spnc-nav>li.menu-item-type-custom i { font-size: 14px; } } #spnc_scroll_progressbar { position: fixed; height: 8px; z-index: 999999; top: 0; left: 0; right: calc(100%); transition: right 0.5s linear 0s; } .spnc-category-page .spnc-grid-catpost.sticky .spnc-post-wrapper, .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .post.sticky .spnc-content-wrapper { background-color: #676767; } .spnc-post-list-view-section .spnc-post.sticky { background-color: #ABABAB; } [data-theme="spnc_dark"] .spnc-category-page .spnc-grid-catpost.sticky .spnc-post-wrapper, [data-theme="spnc_dark"] .spnc-post-list-view-section .spnc-post.sticky { background-color: #ffffff38; } @media (max-width: 1100px) { .menu-item.dropdown .fa-angle-down { position: absolute; top: 50%; right: 0; margin: -0.5em 0.5em 0 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; padding: 0; width: 0em; height: 1.4em; line-height: 1.2em; text-align: center; } } .site-footer .widget_newscrunch_post_grid_two_col .widget-recommended-post li { margin-bottom: 20px; border-bottom: unset; } .site-footer .spnc-panel ul li a { font-size: 1.125rem; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .site-footer .spnc-panel ul li { margin-bottom: 12px; } .site-footer .widget.widget_block h2, footer-sidebar .wp-block-search .wp-block-search__label { font-size: 1.25rem; } body .spnc-dark-layout a:focus:not(.site-info a), [data-theme="spnc_dark"] body .spnc-dark-layout a:focus:not(.site-info a), [data-theme="spnc_dark"] body a.spnc-toggle-icon:focus:not(.site-info a), [data-theme="spnc_dark"] body a.spnc_closebtn:focus:not(.site-info a), body a.spnc-toggle-icon:focus:not(.site-info a), body a.spnc_closebtn:focus:not(.site-info a), body a.search-icon:focus:not(.site-info a), [data-theme="spnc_dark"] body a.search-icon:focus:not(.site-info a) { outline: -webkit-focus-ring-color auto 1px; } @media (min-width: 1024px) and (max-width: 1200px) { .spnc-bnr-1 h3.spnc-entry-title a { font-size: 1.5rem; line-height: 1.4; } .spnc-bnr-1 .spnc_column.spnc_column-1 h3.spnc-entry-title a { font-size: 2.75rem; line-height: 1.2; } } /*-------------------------------------------------------------- 33.0 Blog Page with Sidebar --------------------------------------------------------------*/ .spnc-blog-page .spnc-post-thumbnail { margin: 0; padding: 0; overflow: hidden; } .spnc-blog-page .spnc-post-wrapper { padding: 20px 20px 8px; background-color: #fff; } .spnc-blog-page .spnc-content-wrapper { max-width: 95%; position: relative; height: 100%; z-index: 1; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: 0; margin-top: 0; margin-bottom: 0px; } .spnc-blog-page .spnc-post-content.featured-img .spnc-content-wrapper { margin-top: 0; } .spnc-blog-page .spnc-entry-meta a { font-size: 0.875rem; font-weight: 400; color: #6C6C6F; font-family: "Inter"; } .spnc-blog-page .spnc-entry-meta { margin-bottom: 10px; } .spnc-blog-page .spnc-entry-title { margin-bottom: 15px; line-height: 1; margin-top: 10px; } .spnc-blog-page .spnc-footer-meta { margin-top: 15px; } .spnc-blog-page .spnc-entry-meta span { margin-right: 12px; } .spnc-blog-page .spnc-entry-meta span:last-child { margin-right: 0px; } .spnc-blog-page .spnc-entry-meta i { font-size: 14px; padding-right: 3px; } .spnc-blog-page .spnc-entry-title a { font-size: 1.75rem; font-weight: 700; font-family: "Inter"; line-height: 2.375rem; display: block; } .spnc-blog-page .spnc-entry-header { border-bottom: 1px solid #d7d7d7; } .spnc-blog-page .spnc-footer-meta .spnc-date a, .spnc-blog-page .spnc-footer-meta .blog.spnc-date .display-time { font-size: 0.875rem; font-weight: 600; font-family: "Inter"; color: #6C6C6F; } .spnc-blog-page { padding: 2.2rem 0 0.5rem; } .spnc-blog-page .spnc-description, .spnc-category-page .spnc-description { margin-bottom: 1rem; } /*For grid template*/ @media (min-width: 550px) { .spnc-category-page .blog-grid-view .spnc-grid-catpost.spnc-post:nth-child(odd) { padding: 0 10px 0 0; } .spnc-category-page .blog-grid-view .spnc-grid-catpost.spnc-post:nth-child(even) { padding: 0 0 0 10px; } } .spnc-category-page .blog-grid-view .spnc-grid-catpost:nth-child(2n + 2) { clear: none; } .spnc-category-page .blog-grid-view .spnc-grid-catpost:nth-child(2n + 1) { clear: both; } .spnc-bnr-1 .spnc-post .spnc-post-content .spnc-info-link { display: inline-block; } /* Header style Two */ .header-2 .spnc-custom { background-color: #fff; box-shadow: unset; border-radius: 0; } .header-2 .spnc-custom .spnc-brand { padding: 12px 10px 12px 0px; } @media (min-width: 1100px) { .header-2 .spnc-header { padding-right: 15px; } .header-2 .spnc-custom .spnc-container { border-right: 1px solid #d7d7d7; } .header-2 .spnc-collapse.collapse .ml-auto { margin: 0 auto; } .header-2 .collapse.spnc-collapse { border-left: 1px solid #d7d7d7; } } .header-2 .spnc-header-right { float: left; margin: 20px 0; } .header-2 .collapse.spnc-collapse { float: left; width: 50%; } .header-2 .spnc-widget-toggle { float: right; margin: 0; } .header-2 .spnc-toggle-icon { margin-left: 40px; } .header-2 .spnc-custom .spnc-nav li>a.search-icon { border-radius: 30px; margin: 8px 5px 8px 20px; } @media (min-width: 1100px) { .header-2 .spnc-custom .spnc-nav>li.menu-item-type-custom i { font-size: 14px; } .header-2 .spnc-widget-toggle { margin: 32px 0; } } .header-2 .spnc-right.spnc-nav { margin: 15px; } .header-2 .spnc-dark-icon { display: inline-block; float: left; border-radius: 30px; height: 2.9rem; width: 0.9rem; line-height: 2.9; text-align: center; font-size: 18px; padding: 0; margin: 0px 0px 0 10px; border: 0; } .header-2 .spnc-dark-layout { line-height: 1.6; text-align: center; background: transparent; position: relative; float: left; margin: 10px 0px 10px 0px; padding-left: 0px; } .header-2 .stickymenu { max-width: 100%; } @media (min-width: 1200px) { .header-2.header-sidebar .spnc-custom .spnc-container { display: flex; align-items: center; padding: 0 15px; } } @media (max-width: 992px) { .header-2 .spnc-dark-icon { line-height: 2.5; } } @media (max-width: 1100px) { .header-2 .spnc-header-right .spnc-nav { float: left !important; background-color: transparent; padding: 0; } .header-2 .spnc-right.spnc-nav { margin: 5px; } .header-2 .spnc-custom .spnc-collapse .spnc-nav { padding: 10px 0; } .header-2 .spnc-custom .spnc-right li:last-child a { border-bottom: 0; } .header-2 .spnc-custom .spnc-nav li>a.search-icon { color: #000; } .header-2 .spnc-dark-layout { padding-left: 0px; } .header-2 .spnc-header-right { margin: 5px 0; float: unset; } .header-2 .spnc-widget-toggle { float: unset; } .header-2 .spnc-toggle-icon { margin-left: 5px; margin-top: 18px; } .header-2 .collapse.spnc-collapse { width: 100%; } .header-2 .spnc-custom .dropdown-menu.search-panel { top: 70px; } } .header-2 .spnc-custom .spnc-nav li>a.search-icon { border-radius: 0; border: 0; } @media (max-width: 768px) { .header-2 .spnc-dark-icon { line-height: 1.5; } .header-2 .spnc-toggle-icon { margin-top: 13px; } } @media (min-width: 1101px) { .header-2 .spnc-custom .spnc-nav li>a:after, .header-2 .spnc-custom .spnc-nav li>a:before { content: ""; display: block; height: 1px; width: 0px; background: transparent; transition: width 0.5s ease, background-color 0.5s ease; } .header-2 .spnc-custom .spnc-nav li>a.search-icon:after, .header-2 .spnc-custom .spnc-nav li>a.search-icon:before { content: unset; } .header-2 .spnc-custom .spnc-nav li>a:before { position: relative; top: 30px; } .header-2 .spnc-custom .spnc-nav li .dropdown-menu a:before { display: none; } .header-2 .spnc-custom .spnc-nav li.active>a:after, .header-2 .spnc-custom .spnc-nav li a:hover:after, .header-2 .spnc-custom .spnc-nav li.active>a:before, .header-2 .spnc-custom .spnc-nav li a:hover:before { width: 100%; } } @media (max-width: 600px) { .header-2.header-sidebar .spnc-topbar, .header-13.header-sidebar .spnc-topbar { text-align: center; } } .header-2 .spnc-custom .spnc-navbar, .header-13 .spnc-custom .spnc-navbar { padding: unset; } .header-2 .head-contact-info li, .header-8 .head-contact-info li, .header-13 .head-contact-info li { color: #fff; font-size: 14px; } .header-2 .head-contact-info, .header-2 .head-time-info, .header-2 .custom-social-icons li, .header-3 .head-contact-info, .header-3 .head-time-info, .header-3 .custom-social-icons li, .header-4 .head-contact-info, .header-4 .head-time-info, .header-4 .custom-social-icons li, .header-5 .custom-social-icons li, .header-8 .head-contact-info, .header-8 .head-time-info, .header-8 .custom-social-icons li, .header-13 .head-contact-info, .header-13 .head-time-info, .header-13 .custom-social-icons li { padding: 0.3rem 0rem 0.3rem; } .header-2 .spnc-custom .spnc-navbar, .header-13 .spnc-custom .spnc-navbar { border-radius: 0; margin: 0; } [data-theme="spnc_dark"] .header-2 .spnc-custom, [data-theme="spnc_dark"] .header-2 .spnc-custom .spnc-container, [data-theme="spnc_dark"] .header-2 .collapse.spnc-collapse, [data-theme="spnc_dark"] .header-13 .spnc-custom, [data-theme="spnc_dark"] .header-13 .spnc-custom .spnc-container, [data-theme="spnc_dark"] .header-13 .collapse.spnc-collapse { border-color: #262626; } .header-sidebar.header-2 .widget, .header-sidebar.header-8 .widget, .header-sidebar.header-7 .widget, .header-sidebar.header-13 .widget { padding: 0.2rem 0rem 0.2rem; } .header-2 .widget .head-contact-info li, .header-3 .widget .head-contact-info li, .header-4 .widget .head-contact-info li, .header-13 .widget .head-contact-info li { padding-right: 5px; margin-right: 10px; } .header-2 .head-contact-info i, .header-4 .head-contact-info i, .header-3 .head-contact-info i, .header-8 .head-contact-info i, .header-13 .head-contact-info i { height: 1.5rem; font-size: 14px; } .header-2 .custom-social-icons li>a, .header-3 .custom-social-icons li>a, .header-4 .custom-social-icons li>a, .header-5 .custom-social-icons li>a, .header-7 .custom-social-icons li>a, .header-8 .custom-social-icons li>a, .header-13 .custom-social-icons li>a { height: 1.5rem; width: 1.5rem; line-height: 2; font-size: 12px; border-radius: 0; } .header-2 .custom-social-icons li, .header-13 .custom-social-icons li { padding: 0.3rem 0.125rem 0.3rem; } @media (max-width: 1100px) { [data-theme="spnc_dark"] .header-2 .spnc-custom .spnc-nav li>a.search-icon, [data-theme="spnc_dark"] .header-13 .spnc-custom .spnc-nav li>a.search-icon { color: #fff; } } .header-2 .spnc-date-social .head-date, .header-13 .spnc-date-social .head-date { font-size: 14px; } @media (max-width: 1023px) { .header-2 .custom-social-icons li>a, .header-3 .custom-social-icons li>a, .header-4 .custom-social-icons li>a, .header-8 .custom-social-icons li>a, .header-13 .custom-social-icons li>a { font-size: 10px; } } .header-2 .custom-social-icons li>a, .header-8 .custom-social-icons li>a, .header-13 .custom-social-icons li>a { color: #fff; border: unset; background-color: rgba(0, 0, 0, 0.06); } @media (max-width: 992px) { .header-2 .custom-social-icons li>a, .header-3 .custom-social-icons li>a, .header-4 .custom-social-icons li>a, .header-5 .custom-social-icons li>a, .header-7 .custom-social-icons li>a, .header-8 .custom-social-icons li>a, .header-13 .custom-social-icons li>a { font-size: 10px; } } @media (min-width: 1101px) { .header-2 .collapse.spnc-collapse { margin-right: 0px; border-right: 1px solid #d7d7d7; flex: 0 1 65%; } body.boxed .header-2 .spnc-toggle-icon { margin-left: 8px; } } .header-2 .spnc-custom .spnc-container { border-right: unset; } .header-2 .spnc-toggle-icon { margin-left: 20px; } @media (max-width: 1100px) { .header-2 .spnc-dark-layout { margin: 12px 0px 10px 0px; } .header-2 .spnc-toggle-icon { margin-left: 10px; margin-top: 15px; } } @media (max-width: 500px) { .header-2 .spnc-toggle-icon { margin-top: 0; } } .header-2 .spnc-head-wrap, .header-2 .spnc-header-right { display: contents; } @media (min-width: 992px) and (max-width: 1100px) { body .header-2 .spnc-custom .spnc-nav.nav li>a.search-icon { padding: 8px 8px 8px; } } @media (max-width: 1100px) { .header-2 .spnc-widget-toggle>a.spnc-toggle-icon { padding: 9px 29px 26px 10px; } .header-2 .spnc-widget-toggle { height: 40px; display: none; } } @media (max-width: 992px) { .header-2 .spnc-dark-layout { margin: 15px 0px 10px 0px; } } @media (max-width: 767px) { .header-2 .spnc-dark-layout { margin: 18px 0px 10px 0px; } .header-2 .spnc-toggle-icon { margin-top: 13px; } } @media (max-width: 500px) { .header-2 .spnc-dark-icon { margin: 0; } .spnc-head-wrap .spnc-widget-toggle { margin: 0px 0px; } } .spnc-highlights-2.spnc-highlights-1 .spnc-highlights-title { border-radius: 0px; padding: 21px 25px 21px 25px; } .spnc-highlights-2.spnc-highlights-1 .spnc-container { padding: 0 10px; margin: 0.313rem auto 1.3rem auto; } .spnc-highlights-2.spnc-highlights-1 .spnc-container .spnc-row { padding: 10px; background-color: #fff; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } #spnc-marquee-right, #spnc-marquee-left { padding: 0 !important; margin: 0px; -moz-border-radius: 0px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; overflow: hidden; cursor: pointer; text-align: center; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 50px; background-color: #fff; box-shadow: 0 0 0px 1px #6C6C6F; color: #6C6C6F; width: 2.1rem; height: 2.1rem; font-size: 1.125rem; line-height: 2; border: 0; } #spnc-marquee-right { right: 1.3rem; } #spnc-marquee-left { right: 3.85rem; } .spnc-highlights-2 .spnc_highlights.right { animation-name: marquee_right; } @keyframes marquee_right { 0% { transform: translateX(-100%); } } .spnc-highlights-2 .spnc-highlights-title h3 { line-height: 1.4; font-size: 1.25rem; font-weight: 700; letter-spacing: 2px; } .spnc-highlights-2.spnc-highlights-1 .spnc-marquee-wrapper { padding: unset; margin-right: 80px; } .spnc-highlights-2 .spnc-marquee-wrapper .spnc-entry-title { display: inline-block; } .spnc-highlights-2 .spnc-marquee-wrapper .spnc-entry-title:before { display: none; } .spnc-highlights-2 .spnc-marquee-wrapper .spnc-post-thumbnail { width: 50px; aspect-ratio: 1 / 1; display: flex; padding: 0; margin: 0; } .spnc-highlights-2.spnc-highlights-1 .spnc-post { display: inline-flex; align-items: center; gap: 15px; max-width: 400px; margin-right: 20px } .spnc-highlights-2.spnc-highlights-1 .spnc-post .spnc-post-content { display: inline-block; width: 75%; text-wrap: wrap; flex: 1; } .spnc-marquee-wrapper .spnc-post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .spnc-highlights-2.spnc-highlights-1 .spnc-container .spnc-row { border-right: 0; justify-content: flex-start; align-items: center; } .spnc-highlights-2.spnc-highlights-1 .spnc-marquee-wrapper .spnc-entry-title { font-size: 1.125rem; font-family: "poppins"; font-weight: 700; overflow: unset; } .spnc-highlights-2.spnc-highlights-1 .spnc-marquee-wrapper .date a { font-size: 1rem; font-weight: 400; color: #404040; } .spnc-highlights-2.spnc-highlights-1 .spnc-col-4 { display: inline-block; place-content: center; flex: 1; } @media (max-width: 767px) { .spnc-highlights-2.spnc-highlights-1 .spnc-highlights-controls { display: none; } .spnc-highlights-2.spnc-highlights-1 .spnc-marquee-wrapper { margin-right: unset; } .spnc-highlights-2.spnc-highlights-1 .spnc-col-13 { width: 15%; } .spnc-highlights-2.spnc-highlights-1 .spnc-highlights-title { padding: 10px 16px 10px 16px; } } .spnc-highlights-2.spnc-highlights-1 .spnc-container .spnc-row { margin: 0; margin-bottom: 0; } #spnc-marquee-right:hover i, #spnc-marquee-left:hover i { color: #fff; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget .spnc-widget-heading { margin-bottom: 20px; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget .spnc-widget-heading .spnc-widget-title { border-radius: unset; border: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; padding: 8px 18px; color: #fff; font-size: 1.25rem; font-weight: 700; width: fit-content; } .spnc-wrapper.spnc-btn-1 .spnc-common-widget-area .spnc-main-wrapper { position: relative; text-align: center; display: -webkit-box; border-radius: unset; background-color: transparent; margin-bottom: 20px; } .spnc-wrapper.spnc-btn-1 .spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading { border-radius: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; display: grid; place-content: center; padding: 0.5rem; } .spnc-wrapper.spnc-btn-1 .spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading .widget-title { color: #fff; margin-bottom: 0; padding: 0px 8px; font-weight: 700; letter-spacing: 2px; } .spnc-wrapper.spnc-btn-1 .widget_newscrunch_post_tabs .spnc-tabs { margin-bottom: 50px; } .spnc-wrapper.spnc-btn-1 .widget_newscrunch_post_tabs .spnc-label-tab { display: inline-flex; border-radius: unset; border: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; } .spnc-wrapper.spnc-btn-1 .widget_newscrunch_post_tabs .spnc-label-tab.active .spnc-tab { color: #fff; } .spnc-wrapper.spnc-btn-1 .widget_newscrunch_post_tabs .spnc-label-tab .spnc-tab { background-color: unset; border-radius: unset; font-size: 1rem; font-weight: 600; color: #6C6C6F; text-transform: uppercase; } .spnc-wrapper.spnc-btn-1 .widget_newscrunch_post_tabs .spnc-label-tab:not(.active) { text-align: center; border-radius: unset; border: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #f5f5f5; margin: unset; } .spnc-wrapper.spnc-btn-1 .widget_newscrunch_post_tabs .spnc-tabs { margin-bottom: 20px; display: grid; gap: 0.25rem; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); } .spnc-wrapper.spnc-btn-1 .widget_newscrunch_post_tabs .spnc-label-tab { display: unset; border-radius: unset; border: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; } .spnc-wrapper.spnc-btn-1 .spnc-video .spnc-blog-1-wrapper { position: relative; text-align: center; display: -webkit-box; border-radius: unset; background-color: transparent; margin-bottom: 20px; } .spnc-wrapper.spnc-btn-1 .spnc-video .spnc-blog-1-wrapper .spnc-blog-1-heading { border-radius: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; display: grid; place-content: center; padding: 0.6rem; color: #fff; } .spnc-wrapper.spnc-btn-1 .spnc-video .spnc-blog-1-wrapper .spnc-blog-1-heading h4 { color: #fff; margin-bottom: 0; padding: 0px 8px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .widget.widget_block { overflow: hidden; } .spnc-page-section-space .widget .wp-block-heading, .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block:not(:has(div.spnc-widget-heading)) :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 15px; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block:not(:has(div.spnc-widget-heading)) :is(h1, h2, h3, h4, h5, h6)::after, .spnc-page-section-space .widget .wp-block-heading::after { content: ""; position: absolute; bottom: 0; left: 0; width: 200vh; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .wp-block-search .wp-block-search__label, .spnc-wrapper.spnc-btn-1 .spnc-page-section-space .spnc-btn-1 .widget .wp-block-heading, .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block :is(h1, h2, h3, h4, h5, h6) { position: relative; border-radius: unset; border: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; padding: 10px 25px; color: #fff; font-weight: 700; width: fit-content; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .wp-block-search .wp-block-search__label { margin-bottom: 20px; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .wp-block-search .wp-block-search__label::after { content: ""; position: absolute; bottom: 0; left: 0; width: 200vh; } .spnc-wrapper.spnc-btn-1 #spnc_panelSidebar .spnc-sidebar .widget.spnc-side-panel .widget-title { border-radius: unset; border: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; padding: 10px 25px; color: #fff; font-size: 1.25rem; font-weight: 700; width: fit-content; } .spnc-wrapper.spnc-btn-1 .spnc-head-wrap-line { display: flex; margin-bottom: 20px; } .spnc-wrapper.spnc-btn-1 .spnc-head-wrap-line .spnc-main-wrapper { position: relative; text-align: center; margin-bottom: unset; display: -webkit-inline-box; border-radius: unset; background-color: transparent; max-width: 50%; flex-basis: 50%; } body .spnc-wrapper.spnc-btn-1 .spnc-head-wrap-line .spnc-main-wrapper { border-bottom: unset; } body .spnc-wrapper.spnc-btn-1 .spnc-head-wrap-line .spnc-category-filter, body .spnc-wrapper.spnc-btn-1 .spnc-head-wrap-line .spnc-wrapper-4-filter { text-align: right; max-width: 50%; flex-basis: 50%; } .spnc-sidebar .widget_newscrunch_single_column { padding-bottom: 2px; } .spnc-sidebar .widget_newscrunch_adv { padding: 1.25rem; } .widget_newscrunch_overlay_slider .owl-carousel .owl-prev, .widget_newscrunch_overlay_slider .owl-carousel .owl-next { transform: translateY(0%); } .widget_newscrunch_overlay_slider { padding-bottom: 56px; } @media (max-width: 1740px) { .spnc-page-section-space.spncp-missed-section { margin-left: 10px; margin-right: 10px; } .spnc-page-section-space.spnc-bnr-1 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 1100px) { .header-sidebar.header-2 .spnc-container { max-width: 96%; } } .footer-sidebar .widget_media_image img { width: unset; } .spnc_body_sidepanel:after { content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 11111; } .header-2 .head-contact-info i { color: #fff; } .header-2 .custom-social-icons li>a:hover, .header-2 .custom-social-icons li>a:focus { border: 1px solid #fff; border-color: #fff; } .header-2 .spnc-trending-widget .spnc-trending-post-title a:hover, .header-2 .spnc-trending-widget .spnc-trending-title a:hover { color: #fff; } .header-2 .spnc-widget-toggle>a.spnc-toggle-icon { color: #fff; } .header-2 .spnc-widget-toggle>a.spnc-toggle-icon:hover { color: #fff; } .header-2 .spnc-toggle-icon i { font-size: 23px; } @media (max-width: 1100px) { .spnc-dark-icon { color: #bbb; } body.newscrunch .header-2 .spnc-custom .spnc-nav li>a.search-icon { color: #000; } .header-2 .spnc-dark-icon { color: #000; } .header-2 .spnc-toggle { margin: 20px 15px 20px 25px; } body .header-2 .spnc-custom .spnc-nav.nav li>a.search-icon { padding: 1px 3px 0; margin: 13px 5px 5px 0; line-height: 28px; } } .spnc-highlights-2 .spnc-post { padding-right: 0rem; } .header-2 .spnc-topbar .spnc-container { padding: 0 15px; } .spnc-bnr-1 .spnc-blog1-carousel .spnc-entry-meta a, .spnc-bnr-1 .spnc-blog1-carousel .spnc-entry-meta .display-time { font-size: 1.125rem; } .spnc-highlights-controls { position: relative; top: auto; bottom: 28px; left: 28px; } @media (max-width: 1330px) { .spnc-bnr-1 .spnc_column_container { padding: 0; } } @media (max-width: 991px) { .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-prev, .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-next { top: -70px; } .header-2 .spnc-dark-icon { height: auto; } .header-2 .head-contact-info i { color: #fff; margin-right: 5px; } } @media (max-width: 767px) { .widget_newscrunch_list_view_slider .spnc-blog-wrapper .owl-carousel .owl-prev { margin-right: 35px; } } .header-1 .spnc-custom .spnc-navbar { background-color: transparent; width: 100%; max-width: 1320px; margin: 0 auto; padding: 1px 10px; } @media (max-width: 767px) { .header-2 .spnc-custom .spnc-head-wrap .spnc-nav li { margin: 0 0px; } body .header-2 .spnc-custom .spnc-nav.nav li>a.search-icon { padding: 1px 5px 0; line-height: 26px; } } body.spsp-body .page-section-area, .spsp.page-section-area { margin-bottom: 30px; } .page-title-section h1 { font-size: 1.875rem; } .spnc-single-post { padding: 40px 0 0px; } .spnc-single-post .spnc-row { margin-bottom: 0; } .spnc-contact-wrapper, .spnc-contact-sidebar { background-color: #fff; margin-bottom: 20px; padding: 20px 20px 10px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } @media (min-width: 550px) and (max-width: 1023px) { .spnc-bnr-1 .spnc_column_container { display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden; width: 100%; max-width: 1320px; margin: 0 auto; padding: 0; } .spnc-bnr-1 .spnc_column-2 { order: 2; flex: 1 0 50%; } .spnc-bnr-1 .spnc_column-3 { order: 3; flex: 1 0 50%; } .spnc-bnr-1 .spnc_column-1 { flex: 1 0 100%; order: 1; overflow: hidden; } .spnc-bnr-1 .spnc-post .spnc-post-img { height: 250px; } .spnc-bnr-1 .spnc_column-2 .spnc_item { margin: 0 5px 10px 0; } .spnc-bnr-1 .spnc_column-3 .spnc_item { margin: 0 0 10px 5px; } .header-2 .custom-logo-link .custom-logo { padding: 5px 5px 5px 5px; margin: 0 auto; } } @media (max-width: 1023px) { .spnc-bnr-1 .spnc_column-1 .spnc-post .spnc-post-img { height: 450px; } } @media (max-width: 549px) { .spnc-bnr-1 .spnc_column-2, .spnc-bnr-1 .spnc_column-3 { display: none; } } .widget.widget_block .wp-block-group, .widget.widget_block .wp-block-search { overflow: hidden; } @media (max-width: 767px) { .widget_newscrunch_grid_slider_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a, .widget_spncp_filter_two_column .spnc-filter .spnc-post .spnc-entry-meta .spnc-date a { bottom: 6%; } } .spnc-common-widget-area.widget_newscrunch_grid_slider_two_column, .spnc-common-widget-area.widget_spncp_filter_two_column { padding-bottom: 76px; } .widget_spncp_verticle_post_slider .spnc-carousel-widget { margin-left: unset; } .spnc-sidebar .widget.widget_newscrunch_post_grid_two_col { padding-bottom: .75rem; } .spnc-sidebar .widget.widget_newscrunch_author { padding-bottom: 1.25rem; } @media (min-width:816px) and (max-width:1024px) { .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post .spnc-post-thumbnail { width: 16.75rem; } } .newscrunch.single-post article.comment-form { background-color: #fff; margin-bottom: 20px; padding: 20px 20px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .home .spnc-page-section-space.spnc-category-page { padding: 0; } .spnc-wrapper.spnc-btn-1 .spnc-contact-1 .spnc-blog-wrapper { padding-bottom: 0; display: flex; margin-bottom: 30px; } .spnc-wrapper.spnc-btn-1 .spnc-contact-1 .spnc-blog-wrapper .spnc-blog-1-wrapper { border-bottom: unset; position: relative; text-align: center; margin-bottom: unset; display: -webkit-inline-box; border-radius: unset; background-color: transparent; } .spnc-wrapper.spnc-btn-1 .spnc-contact-1 .spnc-blog-wrapper .spnc-blog-1-wrapper .spnc-blog-1-heading { border-radius: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; display: grid; place-content: center; padding: 0.5rem; } .spnc-wrapper.spnc-btn-1 .spnc-contact-1 .spnc-blog-wrapper .spnc-blog-1-wrapper .spnc-blog-1-heading .widget-title { color: #fff; margin-bottom: 0; padding: 0px 8px; font-size: 1.25rem; font-weight: 700; letter-spacing: 2px; } .spnc-blog-page .spnc-post { margin-bottom: 20px; background-color: #fff; padding: 12px 12px 12px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); overflow: hidden; } .spnc-blog-page .pagination { margin-bottom: 10px; } .spnc-blog-page .spnc-row { margin-bottom: 0; } @media (max-width: 1280px) { .header-sidebar.header-1 .spnc-container { max-width: 100%; } } @media (max-width: 815px) { .pagination { margin: 1.25rem 0 2.5625rem; } } body #wrapper .sps.page-section-space, .spsp-banner, .spsp.page-section-area { margin-bottom: 20px; } .spnc-sidebar .widget.widget_search { padding-bottom: 1.25rem; } @media (min-width:992px) and (max-width:1100px) { .header-sidebar .widget .custom-social-icons { padding-bottom: 0; } } @media (min-width:816px) and (max-width:1100px) { .spnc-highlights-controls { left: 0px; } .spnc-highlights-2.spnc-highlights-1 .spnc-marquee-wrapper { margin-right: 105px; } } .comment-section { box-shadow: none; border: none; margin: 0; margin-bottom: 60px; background-color: #fff; margin-bottom: 20px; padding: 20px 20px 60px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } @media (max-width:550px) { .spnc-blog-wrapper .owl-carousel .owl-prev, .spnc-blog-wrapper .owl-carousel .owl-next { left: 35%; } } .spnc-btn-1 .widget_search input[type="search"], .spnc-btn-1 .widget_search button[type="submit"] { border-radius: 0 !important; } .header-2 .spnc-trending-widget a:before { background-color: rgba(0, 0, 0, 0.06); } @media (max-width:767px) { .header-2 .spnc-topbar .spnc-container { text-align: center; } } .footer-sidebar .wp-block-latest-posts__post-author, .footer-sidebar .wp-block-latest-posts__post-date, .footer-sidebar .widget .wp-block-latest-posts li { color: #a7a7a7; } @media (max-width:991px) { .spnc-trending-widget { width: 51%; } } .spnc-highlights-2.spnc-highlights-1 .spnc-marquee-wrapper .spnc-entry-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.category .page-section-space, .page .page-section-space { padding-bottom: 0rem; } .spnc-single-post .spnc-row { margin-bottom: 1.25rem; } @media (max-width: 767px) { .spnc-highlights-2.spnc-highlights-1 .spnc-col-13 { width: 40%; } } .footer-sidebar .widget_newscrunch_category_collection .spnc-categories li { border: 0; } .spnc-common-widget-area.widget_block { padding: 20px 20px 20px; } body.spsp-body .page-section-area.blog { margin-bottom: 30px; } /* Css for rank math & navxt breadcrumb*/ .rank-math-breadcrumb p, .navxt-breadcrumb { font-size: 1.25rem; font-family: "Poppins"; line-height: 1.2; } .parallel .rank-math-breadcrumb, .parallel .navxt-breadcrumb { padding: 20px 0; } .rank-math-breadcrumb .separator { font-family: unset; display: unset; justify-content: unset; align-items: unset; overflow: unset; } .rank-math-breadcrumb .separator:before, .rank-math-breadcrumb .separator:after { content: unset; } .navxt-breadcrumb, .rank-math-breadcrumb span { color: #000; } .spnc-row .text-right { text-align: right; } @media only screen and (max-width: 815px) { .rank-math-breadcrumb, .navxt-breadcrumb { text-align: center; } } .spnc-sidebar .widget ul li::before, .spnc-sidebar .widget ol li::before { margin-right: 14px; content: "\f105"; font-family: FontAwesome; margin-top: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .searchform div { content: ""; padding: 0; display: flex; } .wp-block-latest-comments__comment::before, .slick-slide::before, .widget_newscrunch_category_collection li:before, .widget_newscrunch_plus_list_view li:before, .widget_newscrunch_post_grid_two_col li:before, .widget_newscrunch_single_column li:before, .widget_newscrunch_social_icons li:before, .widget_spncp_verticle_post_slider li:before, li.wp-social-link:before { display: none; } .header-1.spnc-header-center dark-custom-logo-link { display: block; margin-bottom: 10px; } .widget.widget_media_image { padding: 1.25rem; } .widget .wp-block-image { margin: 0; } .wp-block-image img { border-radius: 5px; } .widget.widget_block { padding: 1.25rem; } .widget.widget_media_gallery .wp-block-gallery { margin: 0; } figure.wp-block-gallery.has-nested-images { margin: 0; } body .spnc-contact-1 .spnc-blog-wrapper .spnc-blog-1-wrapper { -webkit-text-fill-color: unset; -webkit-background-clip: unset; background-image: unset; } .footer-sidebar .wp-block-latest-posts li { border: none; } .page-title-section .spnc-col-8 { margin: auto; } .header-2 .custom-logo-link .custom-logo { padding: 10px 10px 10px 0; } /*-------------------------------------------------------------- 34.0 Single Post Pagination --------------------------------------------------------------*/ .spnc-single-post .spnc-pagination-single { box-shadow: unset; margin: 0; transform: unset; overflow: hidden; text-align: unset; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; background-color: #fff; padding: 0 30px; position: relative; } .spnc-single-post .spnc-pagination-single .spnc-post-previous, .spnc-single-post .spnc-pagination-single .spnc-post-next { display: flex; flex-basis: 100%; max-width: 100%; margin-bottom: 0px; padding: 20px 0; } .spnc-single-post .paginatn_desgn-1 .spnc_nxt_arrow, .spnc-single-post .paginatn_desgn-1 .spnc_prvs_arrow { top: 50%; transform: translate(0%, -50%); } .spnc-single-post .spnc-pagination-single .spnc-post-previous { flex-direction: row-reverse; } .spnc-single-post .spnc-pagination-single .spnc-post-previous .spnc-post-content { text-align: right; padding-left: 1.25rem; } .spnc-single-post .pagination .spnc-post-next .spnc-post-content { text-align: right; } .spnc-single-post .spnc-pagination-single .spnc-post-overlay, .spnc-single-post .spnc-pagination-single .spnc-post-overlay .spnc-post-thumbnail { margin: 0; } .spnc-single-post .spnc-pagination-single .spnc-post-content a { display: block; border: none; font-size: 1rem; font-family: "Poppins"; font-weight: 600; line-height: 1.2; margin: 0 0 8px 0; padding: 0 } .spnc-single-post .spnc-pagination-single .spnc-post-content h4.spnc-entry-title { margin: 0; } .spnc-single-post .spnc-pagination-single .spnc-post-content h4.spnc-entry-title a { font-size: 1.25rem; font-family: "Poppins"; color: #000; font-weight: 700; line-height: 1.417; transition: 0.2s; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-single-post .spnc-pagination-single .spnc-post-next .spnc-post-content { text-align: left; padding-right: 1.25rem; } .spnc-single-post .spnc-pagination-single .spnc-post-next { flex-direction: unset; } .spnc_prvs_arrow { position: absolute; left: 20px; right: auto; font-size: 1.25rem; } .spnc_nxt_arrow { position: absolute; right: 20px; left: auto; font-size: 1.25rem; } .spnc-single-post .spnc-pagination-single:has(.spnc-post-next) .spnc-post-previous, .spnc-single-post .spnc-pagination-single:has(.spnc-post-previous) .spnc-post-next { flex-basis: 50%; max-width: 50%; } @media(max-width:815px) { .spnc-single-post .spnc-pagination-single .spnc-post-previous, .spnc-single-post .spnc-pagination-single .spnc-post-next, .spnc-single-post .spnc-pagination-single:has(.spnc-post-next) .spnc-post-previous, .spnc-single-post .spnc-pagination-single:has(.spnc-post-previous) .spnc-post-next { display: flex; flex-basis: 100%; max-width: 100%; } .spnc-single-post .spnc-pagination-single .spnc-post-previous .spnc-post-overlay .spnc-post-thumbnail, .spnc-single-post .spnc-pagination-single .spnc-post-next .spnc-post-overlay .spnc-post-thumbnail { margin: 0; } .spnc-single-post .spnc-pagination-single .spnc-post-previous { flex-direction: row; } .spnc-single-post .spnc-pagination-single .spnc-post-previous .spnc-post-content { text-align: left; } } @media (min-width:816px) { .spnc-single-post .spnc-pagination-single:has(.spnc-post-previous) .spnc-post-next { padding-left: 0; border-left: 1px solid #d7d7d7; } .spnc-single-post .spnc-pagination-single.paginatn_desgn-1:has(.spnc-post-next) .spnc-post-previous .spnc-post-overlay .spnc-post-thumbnail { margin-right: 20px; } .spnc-single-post .spnc-pagination-single.paginatn_desgn-1:has(.spnc-post-previous) .spnc-post-next .spnc-post-overlay .spnc-post-thumbnail { margin-left: 20px; } } .spnc-single-post .spnc-pagination-single .spnc-post-next .spnc-post-content { padding-left: 1.25rem; } .spnc-single-post .spnc-pagination-single .spnc-post-previous .spnc-post-content { padding-right: 1.25rem; } .spnc-single-post .spnc-pagination-single .spnc-post-overlay .spnc-post-thumbnail { width: 100px; height: 100px; overflow: hidden; } .spnc-single-post .spnc-pagination-single img { width: 100%; height: 100%; object-fit: cover; } @media (max-width:815px) { .spnc-single-post .spnc-pagination-single .spnc-post-next { padding-top: 0; position: relative; } .spnc-single-post .spnc-pagination-single .spnc-post-previous { position: relative; } .spnc-single-post .spnc-pagination-single .spnc-post-previous:not(:has(.spnc-post-overlay)) .spnc-post-content { padding-right: 0; } .spnc-single-post .spnc-pagination-single .spnc-post-next:not(:has(.spnc-post-overlay)) .spnc-post-content { padding-left: 0; } .paginatn_desgn-1 .spnc_prvs_arrow { left: auto; right: 0px; } .paginatn_desgn-1 .spnc_nxt_arrow { right: 0px; } .paginatn_desgn-1 .fa-angle-left:before { content: "\f105"; } .spnc-single-post .spnc-pagination-single:not(:has(.spnc-post-overlay)) .spnc-post-previous .spnc-post-content { padding-left: 0; } } .alt-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } /*-------------------------------------------------------------- 35.0 Canvas Menu --------------------------------------------------------------*/ @media (max-width: 1100px) { .header-sidebar .collapse.spnc-collapse .spnc-menu-close { position: absolute; right: 10px; top: 10px; font-size: 18px; width: 30px; height: 30px; display: grid; place-content: center; border-radius: 50%; color: #000; background-color: #fff; } .header-sidebar .spnc-custom .spnc-collapse .spnc-brand { padding: 12px 0; } .header-sidebar .spnc-custom .spnc-collapse .widget.spnc-date-social { display: block; text-align: center; float: unset; margin-bottom: 16px; padding: 1.5px; } .header-sidebar .spnc-custom .spnc-collapse .custom-date-social-icons li { padding: 0.3rem 0.625rem 0.3rem; } .header-sidebar .spnc-custom .spnc-collapse .custom-date-social-icons li>a { color: #000; font-size: 12px; } .header-sidebar .spnc-custom .spnc-collapse .spnc-sidebar-search form { position: relative; width: 100%; height: 36px; } .header-sidebar .spnc-custom .spnc-collapse .spnc-sidebar-search form input { position: relative; font-size: 12px; font-weight: 400; line-height: 1.4; color: #000; width: 100%; height: 100%; border: 1px solid #d7d7d7; background: #fff; padding: 5px 20px; } .header-sidebar .spnc-custom .spnc-collapse .spnc-sidebar-search form input::placeholder { color: #404040 } .header-sidebar .spnc-custom .spnc-collapse .spnc-sidebar-search form label { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); margin: 0; font-size: 14px; font-weight: 900; color: #010101; background: #fff; } .header-sidebar .spnc-custom .spnc-collapse .spnc-sidebar-search { margin-bottom: 38px; } .header-sidebar .spnc-custom .spnc-collapse .spnc-nav { background-color: unset; margin: 0; padding: 0; float: none !important; } .header-sidebar .spnc-custom .spnc-navbar .spnc-collapse .spnc-header { padding: 0px 15px; } .header-sidebar .spnc-custom .spnc-collapse .spnc-nav>li { display: block; margin: 0; } .header-sidebar .spnc-custom .spnc-collapse .spnc-nav li>a, body.newscrunch-plus #wrapper .header-sidebar .spnc-custom .spnc-collapse .spnc-nav li>a { font-size: 14px; line-height: 1.4; font-weight: 400; border-bottom: 1px solid #d7d7d7; border-radius: unset; padding: 12px 15px; } .header-sidebar .spnc-custom .spnc-collapse .spnc-nav li.dropdown .fa-angle-down { font-size: 16px; border: none; font-weight: 900; } .header-sidebar .collapse.spnc-collapse { width: 100%; max-width: 300px; height: 100%; position: fixed; top: 0; left: 0px; background: #fff; padding: 12px 30px; transition: 0.5s; transform: translateX(-120%); opacity: 0; z-index: 99997; overflow-y: auto; } .header-sidebar .collapse.spnc-collapse.open { transform: translateX(0); opacity: 1; } .header-sidebar:has(.collapse.spnc-collapse.open) .spnc-nav-menu-overlay { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 99996; transition: 0.3s; } .header-sidebar .collapse.spnc-collapse::-webkit-scrollbar { display: none; } } @media screen and (max-width: 600px) { html body.admin-bar .nojq { z-index: 2 !important; } } .spnc-collapse.open button[type="submit"] { border: 0; background-color: transparent; padding: 0; color: #000; } html body.admin-bar.off-canvas .nojq { z-index: 999 !important; } @media (max-width: 991px) { .header-sidebar .spnc-header-logo .header-widget-area { float: left; } } .header-1.spnc-header-center .spnc-navbar .spnc-container { display: block; text-align: center; } @media (min-width: 1101px) { .header-1.spnc-header-center .collapse.spnc-collapse { display: inline-block !important; float: none; } } .header-1.spnc-header-center .spnc-head-wrap { display: inline-block; } .header-1.spnc-header-center .spnc-nav li>a { text-align: left; } .header-1 .spnc-custom .spnc-nav li>a { padding: 6px 15px; border-radius: 12px; } .header-1 .spnc-custom .spnc-nav li>a { margin: 15px 0; } .header-1 .spnc-custom .spnc-nav li>a.search-icon { padding: 10px 13px 8px 13px; margin: 13px 14px 5px 14px; } @media (min-width: 1101px) { .header-sidebar .collapse.spnc-collapse .spnc-menu-close, .header-sidebar .collapse.spnc-collapse .spnc-header, .header-sidebar .collapse.spnc-collapse .spnc-date-social, .header-sidebar .spnc-custom .spnc-collapse .spnc-sidebar-search, .header-sidebar .spnc-custom .spnc-collapse .header-widget-area.widget_spncp_social_icons { display: none; } } @media (max-width: 1100px) { .header-1 .spnc-navbar .spnc-container { display: flex; align-items: center; justify-content: space-between; } .header-1 .spnc-navbar .spnc-header { flex: 1; padding-right: 30px; } .header-1 .spnc-custom .spnc-nav { float: left !important; padding: 0; background-color: transparent; } .header-1 .spnc-custom .spnc-nav li>a.search-icon { margin: 14px 4px 5px 20px; } body.newscrunch .header-1 .spnc-custom .spnc-nav li>a.search-icon { color: #000; } .header-1 .spnc-custom .spnc-nav li { margin: 0; } .header-1 .spnc-dark-icon { color: #000; } .header-1.header-sidebar .spnc-widget-toggle { display: none; } .header-1 .spnc-navbar .spnc-toggle { margin: 16px 0px 16px 0; padding: 9px 12px; float: right; border: none; font-size: 1.5rem; background: unset; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { color: #000; } .header-1 .spnc-custom .spnc-collapse .spnc-nav li>a { margin: 0; } .header-1.spnc-header-center .spnc-navbar .spnc-toggle { margin: 0; float: unset; display: inline-block; position: relative; bottom: 23px; } .header-2 .spnc-custom .spnc-navbar .spnc-container { display: flex; align-items: center; } .header-2 .spnc-toggle { color: #fff; font-size: 1.5rem; padding: 8px 10px; } .header-2 .spnc-header { overflow: hidden; flex: 1; } .header-2 .spnc-custom .spnc-nav li { margin: 0; } } /* @media (max-width: 1100px) */ .header-1 .spnc-custom .spnc-dark-layout { margin: 20px 12px 16px 5px; } .header-1 .spnc-custom .spnc-nav li>a.search-icon { padding: 0; height: 2.7rem; width: 2.7rem; line-height: unset; margin: 13px 13px 8px 20px; display: grid; place-content: center; } @media (max-width: 991px) { .custom-social-icons li { padding: 0; padding: 0.625rem 0.5rem 0.625rem; } .header-1 .spnc-custom .spnc-nav li>a.search-icon { font-size: 14px; margin: 12px 4px 13px 20px; } .header-1 .spnc-custom .spnc-dark-layout { margin: 17px 12px 16px 5px; } .header-1 .spnc-custom .custom-logo-link { padding: 10px 10px 10px 0px; } } /* End @media (max-width: 991px) */ @media (max-width: 500px) { .header-1 .spnc-header, .header-1 .spnc-header .custom-logo-link-url { text-align: unset; } .header-sidebar.header-1 .spnc-navbar .spnc-container { padding: 0; } .custom-logo, .dark-custom-logo { margin: 0 auto; } .header-2.header-sidebar .spnc-toggle { order: 1; } .header-2.header-sidebar .spnc-header { order: 2; } .header-2 .spnc-head-wrap, .header-2 .spnc-header-right { order: 3; margin: 0; display: flex; align-items: center; } body .header-2 .spnc-custom .spnc-nav.nav li>a.search-icon { margin: 13px 5px 8px 2px; } .header-2 .spnc-dark-icon { height: 2.9rem; width: 2.9rem; } .header-2 .custom-logo-link .custom-logo { padding: 5px 5px 5px 5px; } } @media (max-width: 1100px) { .header-sidebar.header-1 .spnc-custom .spnc-collapse .spnc-nav { margin-top: 25px; } .header-sidebar.header-1 #spnc-menu-open .menu-item.dropdown .fa-angle-down { width: 1em; } } .header-1:not(.spnc-header-center) .spnc-head-wrap .spnc-header-right { display: flex; } @media (min-width: 1101px) { .spnc-custom .dropdown-menu>li:last-child a { border: 0; } } @media (max-width: 991px) { body .spnc-collapse ul, .spnc-collapse ol { margin: 0; } } @media (max-width: 767px) { .spnc-single-post .spnc-blog-wrapper .spnc-post .spnc-entry-meta .spnc-cat-links a { line-height: 2.6; } } /* related post css */ .spnc-related-posts { position: relative; overflow: hidden; background-color: #fff; padding: 0.938rem; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); margin-bottom: 20px; } .spnc-related-posts .spnc-main-wrapper { position: relative; text-align: center; display: -webkit-box; border-radius: unset; background-color: transparent; margin-bottom: 15px; } .spnc-wrapper.spnc-btn-1 .spnc-related-posts .spnc-main-wrapper .spnc-main-wrapper-heading { border-radius: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; display: grid; place-content: center; padding: 0.5rem; height: auto; position: relative; } .spnc-related-posts .spnc-main-wrapper .spnc-main-wrapper-heading { height: auto; padding: 0.5rem; background: #fff; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .spnc-wrapper.spnc-btn-1 .spnc-related-posts .spnc-main-wrapper .spnc-main-wrapper-heading .widget-title { color: #fff; } .spnc-wrapper.spnc-btn-2 .spnc-related-posts .spnc-main-wrapper { display: inline-block; border-radius: 50px; } .spnc-wrapper.spnc-btn-2 .spnc-related-posts .spnc-main-wrapper .spnc-main-wrapper-heading { padding: 0.5rem; } .spnc-wrapper.spnc-btn-2 .spnc-related-posts .spnc-main-wrapper h3 { padding: 0 30px; } .spnc-related-posts .spnc-main-wrapper .spnc-main-wrapper-heading .widget-title { margin-bottom: 0; padding: 0px 8px; text-transform: uppercase; font-size: 1.25rem; font-weight: 700; font-family: "Poppins"; letter-spacing: 2px; line-height: 30px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post { margin: 5px; background-color: #fff; padding: 12px 12px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-related-posts .spnc-related-post-wrapper .spnc-post:not(:has(.spnc-post-thumbnail)) .spnc-content-wrapper { margin: unset; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-overlay { margin: 0; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail { margin: 0; padding: 0; height: 180px; overflow: hidden; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-thumbnail img { height: 100%; width: 100%; object-fit: cover; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-wrapper { padding: 7px 8px 8px; background-color: #fff; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-content-wrapper { max-width: 92%; width: 92%; position: relative; display: table; height: 100%; z-index: 1; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: 0; margin-top: 0; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-content .spnc-entry-meta span a, .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-content .spnc-entry-meta .display-time { word-break: break-all; font-size: 12px; line-height: 1.4; font-weight: 600; color: #6C6C6F; font-family: "Poppins"; margin-bottom: 10px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-content .spnc-entry-meta span i { font-size: 11px; padding-right: 5px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-wrapper .spnc-footer-meta .spnc-entry-meta { margin: 0; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-entry-title { margin-bottom: 12px; line-height: 1; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-footer-meta { margin-top: 6px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-entry-meta span { margin-right: 25px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-entry-meta span:last-child { margin-right: 0px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-entry-meta i { font-size: 14px; padding-right: 3px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-wrapper .spnc-footer-meta .spnc-entry-meta span { margin-bottom: 0; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-entry-title a { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "Poppins"; color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-wrapper .spnc-entry-meta span { margin-bottom: 4px; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-post-content .spnc-entry-meta { margin-bottom: 0; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-entry-header { border-bottom: 1px solid #d7d7d7; } .spnc-related-posts .spnc-related-post-wrapper .spnc-post .spnc-footer-meta .spnc-date { font-size: 14px; font-weight: 600; font-family: "Poppins"; color: #6C6C6F; margin-bottom: 0; } .spnc-related-posts { position: relative; } .spnc-related-posts .owl-carousel .owl-prev, .spnc-related-posts .owl-carousel .owl-next { position: absolute; top: 0px; width: 30px; height: 30px; font-size: 16px; line-height: 2; background-color: transparent; box-shadow: 0 0 1px 1px #6C6C6F; color: #7b7c85; opacity: 1; transform: translateY(-57px); left: unset; } .spnc-related-posts .owl-carousel .owl-prev { right: 35px; left: unset; } .spnc-related-posts .owl-carousel .owl-next { right: 0; } @media (max-width:992px) { .spnc-related-posts .owl-carousel .owl-prev, .spnc-related-posts .owl-carousel .owl-next { transform: translateY(-53px); line-height: 1.9; } } @media (max-width:550px) { .spnc-related-posts .owl-carousel .owl-prev, .spnc-related-posts .owl-carousel .owl-next { position: absolute; width: 26px; height: 26px; font-size: 14px; transform: translateY(-50px); } } /* related post grid layout css */ .spnc-related-posts.spnc-grid .spnc-main-wrapper { margin-bottom: 20px; } .spnc-related-posts.spnc-grid { padding: 1.25rem; } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; } .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post { margin: 0px; flex: 0 1 calc(33.33% - 27px / 2); max-width: calc(33.33% - 27px / 2); } @media (max-width:1024px) { .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post { flex: 0 1 calc(50% - 20px / 2); max-width: calc(50% - 20px / 2); } } @media (max-width:550px) { .spnc-related-posts.spnc-grid .spnc-related-post-wrapper .spnc-post { flex: 0 1 100%; max-width: 100%; } } @media (max-width: 767px) { body .header-4 .spnc-navbar .spnc-header { text-align: center; } } @media (max-width: 550px) { body .header-2 .spnc-navbar .spnc-header a { position: relative; left: 15px; } } @media (max-width: 1100px) { .header-1.spnc-header-center .spnc-navbar .spnc-header { padding-right: 0; } } .spnc-read-time { line-height: 24px; font-size: 0.875rem; font-weight: 400; color: #6C6C6F; } .widget_newscrunch_featured_post .spnc-first-post .spnc-post .spnc-entry-meta .spnc-read-time, .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-entry-meta .spnc-read-time { color: #fff; } .widget_newscrunch_plus_list_view .newscrunch_plus_list_view_ul .wp-block-latest-posts__post-date { font-size: 0.75rem; } /*-------------------------------------------------------------- 36.0 Post Title & Image Hover Effect/Animation --------------------------------------------------------------*/ /* Post Image Hover Effect 1 */ .i_effect1 { position: relative; } .widget_newscrunch_overlay_slider .i_effect1::before { transform: none; display: unset; height: unset; } .widget_newscrunch_overlay_slider .i_effect1:hover::before, .spnc-first-catpost .spnc-post .i_effect1:hover::before { -webkit-animation: unset; animation: unset; } .i_effect1::before, .widget_newscrunch_overlay_slider .i_effect1::after { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .i_effect1:hover::before, .widget_newscrunch_overlay_slider .i_effect1:hover::after, .spnc-first-catpost .spnc-post:hover .i_effect1::before { -webkit-animation: circle .75s; animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /* Post Image Hover Effect 2 */ .i_effect2 { overflow: hidden; position: relative; } .widget_newscrunch_featured_post .spnc-first-post .i_effect2::before, .widget_newscrunch_featured_post .spnc-first-post .i_effect2:hover::before { display: none; } .i_effect2::before, .widget_newscrunch_featured_post .spnc-first-post .i_effect2 figure::after, .widget_newscrunch_overlay_slider .i_effect2::after { content: ""; position: absolute; inset: 20px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2); opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } .i_effect2:hover::before, .widget_newscrunch_featured_post .spnc-first-post .i_effect2:hover figure::after, .widget_newscrunch_overlay_slider .i_effect2:hover::after, .spnc-first-catpost .spnc-post:hover .i_effect2::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1.03, 1.06, 1); } /* Post Title Hover Effect 2 */ a.a_effect2 { position: relative; padding: 0 0 5px 0; } .spnc-highlights-1 a.a_effect2 { padding: 0 0 1px 0; } a.a_effect2::before, .spnc-trending-post-title a.a_effect2::after, body #wrapper .widget_newscrunch_post_tabs.w-c a.a_effect2::before { content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; transition: all 0.4s ease-in 0s; transform: scale(0, 1); transform-origin: center; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%); } .front-banner a.a_effect2::before, .spnc-video:not(.spnc-youtube-playlist) a.a_effect2::before, .spnc-first-catpost a.a_effect2::before, .footer-sidebar a.wp-block-latest-posts__post-title.a_effect2:after, .header-2 .spnc-trending-post-title a.a_effect2::after, .header-3 .spnc-trending-post-title a.a_effect2::after, .header-4 .spnc-trending-post-title a.a_effect2::after, .header-5 .spnc-trending-post-title a.a_effect2::after, .header-7 .spnc-trending-post-title a.a_effect2::after, .header-8 .spnc-trending-post-title a.a_effect2::after, .widget_newscrunch_featured_post .spnc-first-post h4.spnc-entry-title a.a_effect2::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fffdfd 50%, rgba(0, 0, 0, 0) 100%); } .spnc-video.video-layout-2 .spnc_column-3 a.a_effect2::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%); } a.a_effect2:hover::before, .spnc-trending-post-title a.a_effect2:hover::after { transform: scale(1, 1); } .spnc-trending-widget a::before { position: unset; background: unset; } .spnc-trending-post-title a.a_effect2::after { bottom: 4px; left: 10px; } .a_effect2 .spnc-sidebar .widget ul.wp-block-latest-posts li::before, .a_effect2 .spnc-sidebar .widget ol.wp-block-latest-posts li::before { display: none; } a.wp-block-latest-posts__post-title.a_effect2 { position: relative; padding-bottom: 5px } a.wp-block-latest-posts__post-title.a_effect2:after { content: ""; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; transition: all 0.4s ease-in 0s; transform: scale(0, 1); transform-origin: center; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 50%, rgba(0, 0, 0, 0) 100%); z-index: 111; } .a_effect2 .wp-block-latest-posts a:hover::after { transform: scale(1, 1); } .spnc-sidebar a.wp-block-latest-posts__post-title.a_effect2 { display: -webkit-box; } .spnc-single-post .spnc-pagination-single .spnc-post-content a.a_effect2 { padding-bottom: 5px } .footer-sidebar a.wp-block-latest-posts__post-title { position: relative; } body .widget li { position: relative; } .footer-sidebar a.wp-block-latest-posts__post-title.a_effect2 { display: -webkit-box; } body.newscrunch-plus #page .footer-sidebar .widget .wp-block-latest-posts li a.a_effect2:before { position: relative; content: "\2759"; top: 1px; font-size: 1.125rem; margin-top: 4px; margin-right: 14px; -webkit-transition: all 0.3s ease-in-out; } .a_effect2 .wp-block-latest-posts li:before, .a_effect5 .spnc-sidebar .wp-block-latest-posts li:before { display: none; } .a_effect2 .footer-sidebar .wp-block-latest-posts li a:before { content: "\2759"; font-size: 1.125rem; top: 2px; } .a_effect2 .spnc-sidebar .widget .wp-block-latest-posts li { overflow: hidden; } .a_effect2 .wp-block-latest-posts li a:before, .a_effect5 .spnc-sidebar .wp-block-latest-posts li a:before { margin-right: 14px; font-size: 14px; content: "\f105"; font-family: FontAwesome; margin-top: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; background: transparent; } /*-------------------------------------------------------------- 37.0 Missed Section --------------------------------------------------------------*/ .spnc-missed-section .spnc-blog-1-heading { height: auto; padding: 0.563rem 2.688rem; background: #ffffff; position: relative; background-color: #ffffff; margin: 1px 5px; border-radius: 50px; } .spnc-missed-section .spnc-blog-1-wrapper { background-color: #669c9b; } .spnc-missed-section .spnc-blog-1-wrapper { position: relative; text-align: center; margin-bottom: 42px; } .spnc-missed-section .spnc-blog-1-wrapper { position: relative; border-radius: 50px; margin: 0 0 35px; padding: 0; overflow: hidden; display: inline-block; } .spnc-missed-section .spnc-blog-1-heading h4 { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .spnc-missed-section .spnc-missedcarousel { position: relative; height: auto; background-size: cover; background-repeat: no-repeat; background-position: 100% 100%; border-radius: 0; /*background-image: url(../images/vector.png);*/ background: #fff; margin-bottom: 20px; padding: 28px 20px 25px; } .spnc-missed-section .spnc-post { border-radius: 0px; overflow: hidden; } .spnc-missed-section .spnc-missed-overlay { position: relative; } .spnc-missed-section .spnc-post-content { padding-top: 14px; } .spnc-missed-section h4.spnc-entry-title { margin-bottom: 0.5rem; } .spnc-missed-section h4.spnc-entry-title a { color: #000; margin-bottom: 0; font-size: 1.25rem; font-family: "Poppins"; font-weight: bold; line-height: 1.5; display: block; } .spnc-missed-section .spnc-footer-meta.spnc-entry-meta { margin-bottom: 15px; } .spnc-missed-section .spnc-entry-meta span { margin-right: 13px; } .spnc-missed-section .spnc-entry-meta span a { font-size: 1rem; color: #6C6C6F; } .spnc-missed-section .spnc-entry-meta .spnc-date a { font-size: 14px; font-family: "Poppins"; line-height: 1.2; } .spnc-missed-section .spnc-post-thumbnail { padding: 0; margin: 0; position: relative; overflow: hidden; } .spnc-missed-section .spnc-post-thumbnail img { width: 100%; border: 0; border-radius: 0; } .spnc-missed-section .spnc-missed-overlay .spnc-entry-meta { position: absolute; top: 10px; left: 10px; } .spnc-missed-section .owl-item:nth-child(3n + 3) .spnc-missed-overlay .spnc-entry-meta .spnc-cat-links a { background: #369ef6; } .spnc-missed-section .spnc-missed-overlay .spnc-entry-meta .spnc-cat-links a { font-size: 12px; font-family: "Poppins"; color: #ffffff; line-height: 1.2; background: #f9ae00; padding: 4px 5px 4px; font-weight: 600; -webkit-text-fill-color: unset; } .spnc-missed-section .owl-carousel .owl-prev, .spnc-missed-section .owl-carousel .owl-next { border-radius: 50px; background-color: #fff; box-shadow: 0 0 1px 1px #6C6C6F; color: #6C6C6F; width: 2.25rem; height: 2.25rem; font-size: 1.125rem; line-height: 2.1; } .spnc-missed-section.spncmc-1 .owl-carousel:hover .owl-prev { opacity: 1; left: 15px; } .spnc-missed-section.spncmc-1 .owl-carousel:hover .owl-next { opacity: 1; right: 15px; } .spnc-missed-section.spncmc-1 .owl-carousel .owl-prev, .spnc-missed-section.spncmc-1 .owl-carousel .owl-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width:767px) { .spnc-missed-post { border-right: 1px solid #f2f2f2; padding-right: 22px; } } .missed-grid .spnc-post { margin-bottom: 20px; } .spnc-blog-page .spnc-footer-meta .spnc-entry-meta, .page-section-space.spnc-grid-view .spnc-footer-meta .spnc-entry-meta { float: right; margin-top: 7px } .spnc-blog-page .spnc-entry-content .spnc-more-link, .page-section-space.spnc-grid-view .spnc-entry-content .spnc-more-link { padding: 6px 17px; font-size: 0.875rem; font-weight: 700; line-height: 1.8; display: inline-block; float: left; margin-top: 16px; color: #000; border: 1px solid #D7D7D7; } .page-section-space.blog .spnc-entry-content .spnc-more-link, .spnc-masonry.spnc-blog-page .spnc-entry-content .spnc-more-link { margin-top: 0; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-footer-meta p.spnc-description.no-read { margin-bottom: 0; } .spnc-blog-page .spnc-footer-meta .spnc-entry-meta.no-read, .spnc-page-section-space.spnc-grid-view .spnc-entry-content .spnc-entry-meta.no-read { float: unset; } .spnc-missed-section.spncmc-1 .spnc-post-content { padding: 14px 6px; } .spnc-single-post .spnc-blog-wrapper .spnc-entry-title { font-weight: 700; line-height: 1.4; } .spnc-single-post .spnc-blog-wrapper .spnc-post-content .spnc-entry-meta { margin-bottom: 10px; } .spnc-single-post .spnc-blog-wrapper .spnc-entry-title, .spnc-default-page .spnc-contact-wrapper .spnc-entry-title { margin: 0 0 1.5rem; } body.page .spnc-entry-content li, body.single-post .spnc-entry-content li { margin-bottom: 10px; } th:first-child, td:first-child { padding-left: 18px; } thead th { border-bottom: unset; } thead th { color: #000; } th a { color: #404040; font-weight: 500; } table { border: 1px solid #E1E1E1; } tbody tr:nth-child(2n+1) { background-color: #f2f4f6; } th, td { padding-left: 18px; border: 1px solid #E1E1E1; } .spnc-page-section-space.spncmc-1 { padding: 0; } .spnc-page-section-space.spncmc-1 .spnc-row { margin-bottom: 0; } .spncmc-1.spnc-missed-section .spnc-footer-meta.spnc-entry-meta { margin-bottom: 0; } .spncmc-1 .owl-carousel .owl-dots { margin: 1.125rem 0 0; } .spncmc-2 .owl-carousel .owl-prev, .spncmc-2 .owl-carousel .owl-next { font-size: 1rem; line-height: 2.6; width: 2.5rem; height: 2.5rem; } @media (min-width: 767px) { #spnc-missedcarousel .owl-item:nth-child(1) .spnc-missed-post.post-1, #spnc-missedcarousel .owl-item:nth-child(2) .spnc-missed-post.post-2, #spnc-missedcarousel .owl-item:nth-child(3) .spnc-missed-post.post-3, #spnc-missedcarousel .owl-item:nth-child(4) .spnc-missed-post.post-4 { border-right: 0; } } .spnc-missed-section .spnc-entry-meta span .display-time { margin-right: 0; } body .footer-sidebar .f-w-c.widget_newscrunch_grid_slider_two_column .spnc-author i, body .footer-sidebar .f-w-c.widget_newscrunch_grid_slider_two_column .spnc-cat-links i { color: #000; } [data-theme="spnc_dark"] #wrapper .widget_newscrunch_post_tabs.w-c a::before { background: unset; content: ''; margin-right: 0; } [data-theme="spnc_light"] #wrapper .widget_newscrunch_post_tabs.w-c a::before { background: unset; content: ''; margin-right: 0; } [data-theme="spnc_dark"] #wrapper .widget_block.w-c a::before { background: unset; } .spnc-highlights-1.front_highlight .spnc-container { margin: 1.25rem auto 0rem auto; } .spnc-page-section-space.spnc-bnr-1.below_highlight { padding: 20px 0px 10px 0px; } body .is-layout-constrained>.wp-block-heading { margin-left: 0 !important; } [data-theme="spnc_light"] body #wrapper .widget_newscrunch_post_tabs a.a_effect2::before { position: absolute; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%); } .footer-sidebar .widget.widget_newscrunch_single_column li { border: 0; } .spnc-related-posts a.a_effect2 { padding: 0 0 2px 0; } /* Default Breadcrumbs */ .breadcrumb-item+.breadcrumb-item::before { position: relative; margin: 0 5px; content: "\f101"; font-family: 'Font Awesome 5 Free'; padding-left: 7px; padding-right: 2px; margin-left: 0; font-size: 0.6rem; font-weight: 900; } .spnc-breadcrumb-wrap .text-left .breadcrumb-trail.breadcrumbs { text-align: left; } .spnc-breadcrumb-wrap .text-center .breadcrumb-trail.breadcrumbs { text-align: center; } .breadcrumb-item { font-size: 1.25rem; font-family: "Poppins"; line-height: 1.2; list-style: none; display: inline-block; } .breadcrumb-trail.breadcrumbs { list-style: none outside none; margin-bottom: 0px; padding: 20px 0; text-align: right; line-height: 20px; color: #000; position: relative; } .breadcrumb.trail-items { margin-bottom: 0; } .page-title-section { padding: 180px 0 10px; } @media (max-width:815px) { .breadcrumb.trail-items { margin: 0 auto; float: unset; text-align: center; } } .widget_newscrunch_featured_post .spnc-first-post .spnc-post-overlay { flex: 1; } /* ========================================== /* BLOG LIST VIEW =========================================== */ .spnc-post-list-view-section { display: flex; gap: 20px; flex-direction: column; margin-bottom: 20px; } .spnc-post-list-view-section .spnc-post { display: flex; background-color: #fff; gap: 30px; padding: 20px 20px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-post-list-view-section .spnc-post .spnc-post-overlay { flex: 0 1 44%; position: relative; overflow: hidden; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay:not(:has(.spnc-post-thumbnail)) { display: none; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-post-thumbnail { max-width: 100%; height: 100%; min-height: 323px; margin: 0; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-post-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-date { position: absolute; top: 10px; left: 10px; z-index: 1; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-date a, .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-date .display-time { font-size: .875rem; font-family: "Poppins", sans-serif; color: #ffffff; font-weight: 400; line-height: 1; padding: 11px 13px; display: inline-block; } .spnc-post-list-view-section .spnc-post .spnc-post-content { flex: 1; align-self: center; padding-right: 10px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-cat-links { display: block; font-size: 0; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-cat-links a { font-size: .75rem; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #ffffff; font-weight: 400; line-height: 1; background-color: #669c9b; padding: 9px 14px; display: inline-block; margin: 0 10px 10px 0; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title { margin-top: 10px; margin-bottom: 17px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-title a { font-size: 1.5rem; font-family: "Poppins", sans-serif; color: #000; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-description { font-size: 1.125rem; font-family: "Poppins", sans-serif; color: #525252; font-weight: 400; line-height: 1.5; padding-bottom: 18px; border-bottom: 1px solid #d7d7d7; margin-bottom: 22px; overflow-wrap: anywhere; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content { padding-right: 20px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content .spnc-footer-meta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content .spnc-footer-meta .spnc-entry-meta { flex: 1; display: flex; align-items: center; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content figure { margin: 0; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content .spnc-author { display: inline-flex; gap: 8px; align-items: center; position: relative; margin-right: 10px; padding-right: 10px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content .spnc-entry-meta a { font-size: .875rem; font-family: "Poppins", sans-serif; color: #525252; font-weight: 400; line-height: 24px; text-transform: capitalize; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content .spnc-author::after { content: " "; position: absolute; width: 1px; height: 20px; right: 0; background-color: #d7d7d7; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-meta i { font-size: .75rem; font-family: "Font Awesome 6 Free"; margin-right: 5px; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-more-link { font-size: .875rem; font-family: "Poppins", sans-serif; color: #000; background-color: transparent; font-weight: 700; line-height: 1.7; text-transform: uppercase; border: 1px solid #d7d7d7; padding: 7px 14px; text-align: center; } .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-more-link:is(:hover, :focus) { color: #fff; } @media (max-width:1100px) { .spnc-post-list-view-section .spnc-post .spnc-post-content, .spnc-post-list-view-section .spnc-post .spnc-post-content .spnc-entry-content { padding-right: unset; } } @media (max-width:600px) { .spnc-post-list-view-section .spnc-post { flex-direction: column; } .spnc-post-list-view-section .spnc-post .spnc-post-overlay .spnc-post-thumbnail { min-height: auto; } } .spnc-category-page .spnc-grid-catpost .spnc-description { font-size: 1rem; font-weight: 400; font-family: "Poppins"; margin-bottom: 16px; word-break: break-all; } .spnc-category-page .spnc-grid-catpost .spnc-footer-meta .spnc-entry-meta { margin-bottom: unset; } .spnc-category-page .spnc-grid-catpost .spnc-footer-meta .spnc-more-link { font-size: 14px; color: #000000; font-weight: 700; font-family: "Poppins"; text-align: center; border: 1px solid #d7d7d7; padding: 6px 18px; } /*===================================================================================*/ /* Category First Post Section /*===================================================================================*/ .newscrunch.archive .spnc-page-section-space .spnc-row:has(.spnc-cat-first-post) { margin: 20px -15px -15px; } .spnc-page-section-space:has(.spnc-cat-first-post, .cat-box-content) { padding: unset; margin: unset; } .spnc-cat-first-post .spnc-post { background-color: #fff; padding: 20px 20px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-cat-first-post .spnc-post .spnc-post-wrapper { position: relative; overflow: hidden; height: 560px; background-color: #d7d7d7; } .spnc-cat-first-post .spnc-post figure { margin: 0; } .spnc-cat-first-post .spnc-post figure.spnc-post-thumbnail { height: 100%; width: 100%; } .spnc-cat-first-post .spnc-post figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .spnc-cat-first-post .spnc-post .spnc-post-content { position: absolute; right: 0; bottom: 0; max-width: 570px; background-color: rgba(0, 0, 0, 0.7); padding: 50px; border-radius: inherit; border-top-right-radius: unset; border-bottom-left-radius: unset; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-entry-content figure { margin: 0; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-cat-links { margin-bottom: 20px; display: block; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-cat-links a { font-size: 1rem; font-family: "Poppins"; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4; margin-right: 5px; position: relative; } #page .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-cat-links a { background-color: unset; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-cat-links a:last-child:after { content: " "; position: absolute; height: 4px; width: 70px; margin-left: 10px; background-color: currentColor; top: 50%; transform: translateY(-50%); } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-entry-title { margin-bottom: 28px; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-entry-title a { font-size: 2.25rem; line-height: 1.25; font-family: "Poppins"; color: #fff; font-weight: 700; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-footer-meta .spnc-entry-meta { margin-bottom: 20px; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-footer-meta .spnc-entry-meta span { font-size: 1rem; line-height: 1.4; font-family: "Poppins"; color: #fff; font-weight: 400; text-transform: capitalize; margin-right: 14px; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-footer-meta .spnc-entry-meta span a { color: #ffffff; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-footer-meta .spnc-entry-meta span i { margin-right: 4px; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-description { font-size: 1.125rem; font-family: "Poppins"; color: #ffffff; line-height: 1.611; margin-bottom: 34px; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-more-link { font-size: 1.125rem; font-family: "Poppins"; color: #ffffff; padding: 12px 33px; display: inline-block; } .spnc-cat-first-post .spnc-post .spnc-post-content .spnc-entry-title a.a_effect2:hover::before { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fffdfd 50%, rgba(0, 0, 0, 0) 100%); } .spnc-blog-page .spnc-entry-content .spnc-more-link { margin-top: unset; } body #wrapper .widget_newscrunch_post_tabs a.a_effect2:hover::before { transform: scale(1, 1); } .widget_newscrunch_list_view_slider .spnc-blog-wrapper .spnc-post-content .spnc-entry-content { overflow: hidden; } .spnc-highlights-1 .spnc-container .spnc-row { border-right: 8px solid; } @media (min-width: 768px) { .header-sidebar .spnc-topbar .spnc-left { float: left; } } body.all .page-section-space, body.all .spnc-blog-page, body.all .spnc-page-section-space.spnc-category-page.spnc-grid-view, body.all .spnc-single-post, body.all.newscrunch .bread-nt-2.page-section-space, body.all.newscrunch .bread-nt-2.spnc-single-post, body.newsblogger.all .spnc-list-view.spnc-list-view-sidebar, body.newsblogger.all .spnc-page-section-space.spnc-category-page.spnc-grid-view, body.inner .page-section-space, body.inner .spnc-blog-page, body.inner .spnc-page-section-space.spnc-category-page.spnc-grid-view, body.inner .spnc-single-post, body.inner.newscrunch .bread-nt-2.page-section-space, body.inner.newscrunch .bread-nt-2.spnc-single-post, body.newsblogger.inner .spnc-list-view.spnc-list-view-sidebar, body.newsblogger.inner .spnc-page-section-space.spnc-category-page.spnc-grid-view { padding-top: 1.25rem; } body.all .breadcrumb-2.page-title-section, body.inner .breadcrumb-2.page-title-section { margin-bottom: 0; } body.none .page-section-space.spnc-contact-1 { padding: 1rem 0 0; } body:not(.blog).all .spnc-highlights-1 .spnc-container, body:not(.blog).inner .spnc-highlights-1 .spnc-container { margin: 1.25rem auto 0rem auto; } body:not(.home).newsblogger.all .spnc-cat-first-post, body:not(.newsblogger).home.page.front .spnc-highlights-1 .spnc-container { padding-top: 1.25rem; } body.blog .spnc-page-section-space.spnc-category-page { padding: 0; } body.home.page.front .page-section-space { padding: 0; } body:not(.blog).front.newscrunch-plus .spnc-highlights-1.front_highlight .spnc-container { margin: 0.313rem auto 1.3rem auto; } body.home.page.front.bread-2 .spnc-highlights-1 .spnc-container { padding-top: 0; } body.newsblogger.inner .spnc-cat-first-post { padding-top: 1.25rem; } .spnc-bnr-1 .spnc-post-content .spnc-content-wrapper { align-items: flex-end; display: flex; } .home .spnc-category-page .spnc-grid-catpost .spnc-description { word-break: normal; } .spnc-page-section-space.spnc-block-content { padding: unset; margin: unset; } .spnc-page-section-space.spnc-block-content .spnc-container .spnc-block-gutenberg-content-wrapper { margin-bottom: 20px; } .page-template-gutenberg-news-template.newscrunch .header-sidebar, body.home.page-template-gutenberg-news-template.newscrunch .header-sidebar { position: relative; } body:not(.newsblogger).home.page.page-template-gutenberg-news-template.front .spnc-highlights-1 .spnc-container { padding-top: 0; } body:not(.blog).page-template-gutenberg-news-template.all .spnc-highlights-1 .spnc-container, body:not(.blog).page-template-gutenberg-news-template.inner .spnc-highlights-1 .spnc-container { margin: 0.313rem auto 1.3rem auto; } body.page .spnc-post .spnc-entry-content .spnc-edit-link a.post-edit-link { text-decoration: none; } .post-edit-link { margin-left: 5px; } .spnc-edit-link { margin-top: 15px; display: block; font-weight: 500; } .spnc-page-section-space.spnc-block-content .spnc-container { padding-inline: 10px } .spnc-single-post h2.spnc-entry-title { font-size: 2.375rem; } .spnc-single-post h3.spnc-entry-title { font-size: 1.875rem; } .spnc-single-post h4.spnc-entry-title { font-size: 1.5rem; } .spnc-single-post h5.spnc-entry-title { font-size: 1.25rem; } .spnc-single-post h6.spnc-entry-title { font-size: 1.125rem; } /* Author box css */ .spnc-author-box { background-color: #fff; margin-bottom: 20px; padding: 20px 20px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; } .spnc-author-box .spnc-author-overlay { position: absolute; inset: 0; } .spnc-author-box .spnc-author figure { width: 85px; height: 85px; border-radius: 50%; overflow: hidden; background-color: #dcdce8; margin: 0 auto; box-shadow: 11px 11px 20px 0px rgba(04, 08, 54, 0.25); } .spnc-author-box .spnc-author figure img { width: 100%; height: 100%; object-fit: cover; } .spnc-author-box .spnc-author a { font-size: 1.125rem; line-height: 1.4; font-weight: 700; font-family: inter; color: #000; text-transform: capitalize; margin-top: 10px; margin-bottom: 7px; display: inline-block; } .spnc-author-box .spnc-author-desc { font-size: 1.125rem; line-height: 1.5; font-weight: 400; color: #525252; font-family: inter; margin: 4px 0 17px 0; } .spnc-author-box.spnc-author-box-one .spnc-author-desc { margin: 15px 0 17px 0; } .spnc-author-box.spnc-author-box-two .spnc-author-desc { margin: 15px 0 15px 0; } .spnc-author-box .spnc-author-socials .spnc-custom-social-icons { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 19px; margin-bottom: 13px; } .spnc-author-box .spnc-author-socials .spnc-custom-social-icons li { margin: unset; padding: unset; } .spnc-author-box .spnc-author-socials .spnc-custom-social-icons li a { background-color: rgb(102 156 155 / 20%); font-size: .875rem; line-height: 1; transition: all 0.3s; padding: 4px; min-width: 30px; aspect-ratio: 1; display: grid; place-content: center; } .spnc-author-box.spnc-author-box-one .spnc-author-socials .spnc-custom-social-icons li a, .spnc-author-box.spnc-author-box-two .spnc-author-socials .spnc-custom-social-icons li a { color: #000; background-color: #ebebeb; } .spnc-author-box.spnc-author-box-two .spnc-author-box-wrapper, .spnc-author-box.spnc-author-box-one .spnc-author-box-wrapper { display: flex; text-align: left; align-items: center; gap: 40px; position: relative; z-index: 1; } .spnc-author-box.spnc-author-box-one .spnc-author-box-wrapper div:nth-of-type(2), .spnc-author-box.spnc-author-box-two .spnc-author-box-wrapper div:nth-of-type(2) { flex: 1 1 100%; } .spnc-author-box.spnc-author-box-one .spnc-author-socials .spnc-custom-social-icons { justify-content: flex-start; margin: 10px 0; } .spnc-author-box.spnc-author-box-one .spnc-author figure { width: unset; height: unset; border-radius: unset; min-width: 260px; aspect-ratio: 1; } .spnc-author-box.spnc-author-box-two .spnc-author a, .spnc-author-box.spnc-author-box-one .spnc-author a { font-size: 1.875rem; margin: 0; } .spnc-author-box-two .spnc-author .spnc-author-bio, .spnc-author-box-one .spnc-author .spnc-author-bio { font-size: 1rem; line-height: 1.5; font-weight: 600; font-family: inter; margin-top: 4px; } .spnc-author-box.spnc-author-box-two { padding: 15px 60px 15px 30px; } .spnc-author-box.spnc-author-box-two .spnc-author figure { width: unset; height: unset; min-width: 230px; aspect-ratio: 1; } .spnc-author-box-two .spnc-author .spnc-author-bio { margin-bottom: unset; } .spnc-author-box-two .spnc-author-socials-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.25rem; } .spnc-author-box .spnc-author-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0 10px; } .spnc-author-box.spnc-first-author .spnc-author-footer { justify-content: center; } .spnc-author-box-two .spnc-author-socials .spnc-custom-social-icons { margin: unset; } .spnc-author-box .spnc-author-posts-link { font-size: 1rem; line-height: 1.2; font-weight: 700; font-family: inter; text-transform: capitalize; display: inline-block; border-bottom: 1px solid currentColor; } .spnc-author-box.spnc-author-box-one .spnc-author-posts-link, .spnc-author-box.spnc-author-box-two .spnc-author-posts-link { margin-block: 10px; } .spnc-author-box.spnc-author-box-two .spnc-author figure { border: 10px solid; } /* css for variations */ .spnc-author-box.spnc-first-author .spnc-author-box-wrapper { position: relative; z-index: 1; } .spnc-author-box-one .spnc-author-box-wrapper { padding-right: 20px; } @media (max-width: 1024px) { .spnc-author-box.spnc-author-box-two { padding: 20px; } .spnc-author-box.spnc-author-box-two .spnc-author-box-wrapper, .spnc-author-box.spnc-author-box-one .spnc-author-box-wrapper { gap: 20px; } } @media (max-width: 550px) { .spnc-author-box.spnc-author-box-two .spnc-author-box-wrapper, .spnc-author-box.spnc-author-box-one .spnc-author-box-wrapper { flex-direction: column; align-items: initial; } .spnc-author-box.spnc-author-box-two .spnc-author figure, .spnc-author-box.spnc-author-box-one .spnc-author figure { min-width: unset; max-width: 160px; margin: 0; } .spnc-author-box-two .spnc-author-socials-wrap { flex-direction: column; align-items: flex-start; } } .repeat-advertisement { display: block; margin-left: auto; margin-right: auto; } /* For Desktop / Ipad pro / Ipad For Advertisement */ @media (min-width: 768px) and (max-width: 1100px) { body .spnc-advertisement.hide-tablet img, body .spnc-advertisement.hide-mobile-tablet img { display: none; } } /* For Mobile Device */ @media (max-width: 767px) { body .spnc-advertisement.hide-mobile img, body .spnc-advertisement.hide-mobile-tablet img { display: none; } } /* For All Device */ body .spnc-advertisement.all img { display: block; } body.ads-img .wow-sticky.page-title-section { padding-top: 32px !important; } body.ads-img.spnc-ad-sticky .header-sidebar { position: relative !important; } body.ads-img.spnc-ad-sticky .header-3 .spnc-topbar, body.ads-img.spnc-ad-sticky .header-5 .spnc-topbar { z-index: 0; } .ads .spnc-container:not(.single-post .ads .spnc-container) { padding: 0 10px; } .archive .ads .spnc-row:not(.newsblogger.archive .ads .spnc-row) { margin-top: 2.25rem; } .archive .ads .spnc-row:not(.newsblogger.archive .ads .spnc-row) { margin-bottom: 0; } .ads .spnc-advertisement { margin: 0 auto; } body.newscrunch-plus.bread-2.archive .ads .spnc-row:not(body.newsblogger.newscrunch-plus.bread-2.archive .ads .spnc-row) { margin-top: 0; margin-bottom: 1.25rem; } @media (min-width:551px) { .spnc-category-page .random-post-ads:not(.front-list .random-post-ads) { float: left; width: 50%; height: auto; padding: 0 10px 20px 0; } .spnc-category-page .random-post-ads:nth-child(odd):not(.front-list .random-post-ads) { padding: 0 0 20px 10px; } .spnc-category-page .random-post-ads:nth-child(2n + 2) { clear: both; } } @media (max-width: 550px) { .spnc-category-page .random-post-ads:not(.spnc-post-list-view-section .random-post-ads) { float: none; width: 100%; margin-bottom: 15px; } } /* Sticky Post icon */ .sticky-post-icon { top: 35px; right: 35px; position: absolute; padding: 10px; border-radius: 30px; line-height: 0.3; fill: #fff; z-index: 1; } .sticky .spnc-post-wrap { position: relative; } .spnc-first-catpost .sticky-post-icon { top: 15px; right: 20px; } /* Blog Post formats */ /* Blog Post video */ .spnc-news-media { margin-bottom: 15px; } .spnc-news-media iframe { border: 0; max-width: 100%; width: 100%; display: flex; } /* Blog Post gallery */ .format-gallery .spnc-row:not(.spnc-single-post .ads .spnc-row) { margin: 0 -10px; padding: 0; } /* Blog Post audio */ .format-audio iframe { margin-bottom: 10px; height: 278px; display: block; } /* Blog Post Link */ .spnc-post-link .spnc-post-overlay { position: relative; } .spnc-post-link .spnc-post-overlay figure { height: 130px; } .spnc-post-link .spnc-post-overlay figure:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); border-radius: 12px; } .spnc-post-link .link-view { margin: 0; position: absolute; top: 22%; right: 0; left: 0; width: 100%; text-align: center; color: #fff; z-index: 1; } .spnc-post-link .link-view a { display: block; font-size: 1.5rem; font-weight: 700; margin: 0; color: #fff; } .spnc-post-link .link-view i { font-size: 1.75rem; margin-bottom: 12px; } @media (max-width: 420px) { .spnc-post-link .spnc-post-overlay figure { height: auto; } } /* Blog Post Quotes */ .spnc-post.format-quote .spnc-quote-wrap { padding: 25px 30px; position: relative; color: #fff; } .spnc-post.format-quote .spnc-quote-wrap .fa-quote-left { color: #fff; font-size: 1.75rem; margin-bottom: 10px; } .spnc-post.format-quote .spnc-post-content .spnc-quote-wrap p { color: #fff; font-size: 1.125rem; font-weight: bold; font-style: italic; border: none; } .spnc-quote-wrap cite { color: #fff; } .spnc-post .spnc-post-btn { position: absolute; top: auto; bottom: 20px; left: 20px; display: grid; place-content: center; color: #ffffff; border-radius: 50%; width: 50px; font-size: 16px; aspect-ratio: 1; padding: 10px; z-index: 2; transition: 0.3s; } .spnc-post-list-view-section .spnc-post .spnc-post-btn { top: auto; bottom: 20px; left: 20px; } .spnc-post .spnc-post-btn:is(:hover, :focus) { transform: scale(1.1); } .format-video-model { z-index: 11; display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); } .format-video-model iframe { height: 100%; } .format-video-model .spnc-news-media { background-color: #fefefe; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px 20px; max-width: 780px; aspect-ratio: 3 / 2; margin: 0; } .format-video-close { font-size: 20px; line-height: 1; font-weight: bold; color: #ffffff; background-color: transparent; cursor: pointer; position: absolute; top: -30px; right: -30px; border: 1px solid #ffffff; border-radius: 50%; display: grid; place-content: center; padding: 1px 2px 3px; width: 26px; aspect-ratio: 1; } .format-video-close:is(:hover, :focus) { color: #000; background-color: #ffffff; border: 1px solid #fff; } .spnc-post-list-view-section .spnc-post.format-audio iframe { margin: 0; height: 100%; width: 100%; } .spnc-single-post .format-gallery .spnc-col-9 .spnc-post-thumbnail { margin: 0; background-color: #d7d7d7; margin-bottom: 20px; } @media (max-width: 768px) { .spnc-single-post .format-video .spnc-news-media iframe { height: 350px; } .format-video-model .spnc-news-media { padding: 10px 10px 3px; } } .spnc-post-list-view-section .spnc-post.format-gallery .spnc-post-overlay .spnc-post-thumbnail { height: 323px; } .spnc-post-list-view-section .spnc-post:is(.format-audio, .format-video) .spnc-post-overlay .spnc-date, .spnc-category-page .spnc-post.format-quote .spnc-post-overlay, .spnc-category-page .spnc-post.format-quote figure, .spnc-category-page .spnc-post.format-quote .spnc-footer-meta { display: none; } .spnc-category-page :has(.spnc-first-catpost) .spnc-post.format-quote .spnc-post-overlay { display: block; } .spnc-category-page .spnc-first-catpost .spnc-post.format-quote .spnc-footer-meta { display: initial; } .spnc-post-list-view-section .spnc-post.format-quote .spnc-post-content .spnc-entry-content .spnc-footer-meta, .spnc-blog-page .spnc-post.format-quote .spnc-entry-content, .spnc-list-view .spnc-post.format-quote .spnc-post-overlay { display: none; } .spnc-single-post .wp-block-embed-youtube iframe, .spnc-single-post .is-provider-soundcloud iframe { width: 100%; height: 650px; } .spnc-single-post figure.wp-block-gallery.has-nested-images, .spnc-single-post .wp-block-media-text__media, .spnc-single-post .is-provider-soundcloud iframe { margin: 0 0 1.6rem; } .spnc-blog-page .spnc-post { position: relative; } .spnc-blog-page .format-audio iframe { width: 100%; } .spnc-post-format-wrapper { position: relative; } .spnc-category-page .spnc-grid-catpost .spnc-entry-meta .spnc-cat-links { position: absolute; z-index: 1; color: #fff; top: 14px; left: 14px; display: flex; flex-wrap: wrap; gap: 6px; } .spnc-category-page .spnc-grid-catpost .spnc-post-format-wrapper .spnc-entry-meta .spnc-cat-links a { font-size: .875rem; font-weight: 400; color: #fff; padding: 6px 12px 6px; border-radius: 0; line-height: 1; } [data-theme="spnc_light"] body.newscrunch .blog.spnc-category-page.spnc-blog-clr .spnc-grid-catpost .spnc-post-format-wrapper .spnc-entry-meta .spnc-cat-links a:hover { color: #fff; } .spnc-category-page .spnc-grid-catpost .spnc-post-format-wrapper:has(iframe, audio, video) .spnc-entry-meta { display: none; } .spnc-category-page .spnc-grid-catpost .spnc-post-format-wrapper .spnc-entry-meta { margin: 0; } .pop-section .theiaStickySidebar { transform: unset !important; position: relative !important; } .page-template .spnc-blog-page:is(.spnc-right-sidebar, .spnc-masonry) .spnc-entry-meta .spnc-cat-links { position: absolute; z-index: 1; color: #fff; top: 14px; left: 14px; display: flex; flex-wrap: wrap; gap: 6px; } .page-template .spnc-blog-page:is(.spnc-right-sidebar, .spnc-masonry) .spnc-post-format-wrapper .spnc-entry-meta .spnc-cat-links a { font-size: .875rem; font-weight: 400; color: #fff; padding: 6px 12px 6px; border-radius: 0; line-height: 1; } .page-template .spnc-blog-page:is(.spnc-right-sidebar, .spnc-masonry) .spnc-post-format-wrapper .spnc-entry-meta { margin: 0; } .page-template .spnc-blog-page:is(.spnc-right-sidebar, .spnc-masonry) .spnc-post-format-wrapper:has(iframe) .spnc-entry-meta { display: none; } .page-template .spnc-blog-page:is(.spnc-right-sidebar, .spnc-masonry) .spnc-post-format-wrapper iframe { margin: 0; } [data-theme="spnc_light"] body.newscrunch .spnc-blog-page.spnc-blog-clr:is(.spnc-right-sidebar, .spnc-masonry) .spnc-post .spnc-post-format-wrapper .spnc-entry-meta .spnc-cat-links a:hover { color: #fff; } .page-template .spnc-blog-page.spnc-list-view .spnc-post .spnc-post-content .spnc-cat-links a { font-size: .75rem; font-family: "Poppins", sans-serif; text-transform: uppercase; color: #ffffff; font-weight: 400; line-height: 1; background-color: #669c9b; padding: 9px 14px; display: inline-block; margin: 0 10px 10px 0; } body.newsblogger .spnc-post-list-view-section .spnc-post .spnc-post-btn i, body.newsblogger .spnc-post-list-view-section .spnc-post .spnc-post-gallery-carousel i, body.newsblogger .spnc-post-list-view-section .spnc-post .spnc-quote-wrap i { color: #fff; } .spnc-category-page .spnc-grid-catpost.spnc-post.format-audio iframe { height: 100%; width: 100%; } .spnc-category-page .spnc-grid-catpost.spnc-post.format-video iframe { height: 100%; } .format-audio audio { width: 100%; margin-bottom: -10px; } .format-video video { width: 100%; height: 100%; object-fit: cover; } .spnc-category-page .spnc-grid-catpost .spnc-post-format-wrapper .spnc-post-thumbnail:has(audio) { height: auto; } .spnc-category-page .spnc-post:is(.format-gallery, .format-link) :not(:has(.spnc-post-thumbnail)) a .spnc-post-btn { display: none; } .page-template .spnc-blog-page:is(.spnc-right-sidebar, .spnc-masonry) .spnc-post-format-wrapper:has(iframe, audio, video) .spnc-entry-meta { display: none; } .spnc-list-view .spnc-blog-wrapper .spnc-post.format-audio .spnc-post-thumbnail:has(audio), .spnc-post-list-view-section .spnc-post.format-audio .spnc-post-thumbnail:has(audio) { display: flex; align-items: center; } .newsblogger .spnc-post.format-quote .spnc-quote-wrap, .newsblogger .format-audio iframe, .newsblogger .spnc-news-media iframe, .newsblogger .spnc-single-post .wp-block-embed-youtube iframe, .newsblogger .spnc-category-page .spnc-post.format-quote.spnc-grid-catpost .spnc-entry-header { border-radius: 12px; } .page-template .spnc-blog-page:is(.spnc-right-sidebar, .spnc-masonry) .format-quote .spnc-post-format-wrapper { display: none; } .front-list #ajax-content .spnc-advertisement { display: flex; flex-direction: column; margin-bottom: 20px; } .before-footer-ads:not(.newsblogger .before-footer-ads) { margin-top: 26px; } body #page .spnc-footer-ribbon-2.site-footer { margin-top: 30px; } body.ads-img.ad-sticky.single-post .header-sidebar.header-1.bread-nt-1, body.ads-img.ad-sticky.single-post .header-sidebar.header-6.bread-nt-1 { background-color: #f8f8f8; } [data-theme="spnc_dark"] body.ads-img.ad-sticky.single-post .header-sidebar.header-1.bread-nt-1, [data-theme="spnc_dark"] body.ads-img.ad-sticky.single-post .header-sidebar.header-6.bread-nt-1 { background-color: #1b1b1b; } @media (min-width: 1100px) { body.ads-img.ad-sticky.single-post .header-6.header-sidebar { max-width: unset; padding: 0px 285px; } } .single-post header.wow-sticky.sp-8 .spnc-topbar { display: none; } body #page .img-remove.spnc-grid-catpost .spnc-cat-links { position: inherit; } .format-quote a:hover { color: #fff; } /* ===== Banner corrections css ====== */ .spnc-bnr-1 .spnc-post-content { position: unset; } .spnc-bnr-1 .spnc-post-wrapper, .spnc-bnr-1 .spnc_column-2 .spnc-post-wrapper, .spnc-bnr-1 .spnc_column-3 .spnc-post-wrapper { padding: 0; } .spnc-bnr-1 .spnc-post .spnc-post-img img { height: 100%; object-fit: cover; } .spnc-bnr-1 .spnc-entry-content { z-index: 1; } .spnc-bnr-1 .spnc-post-wrapper .entry-header { position: absolute; top: auto; bottom: 10px; z-index: 1; padding-right: 20px; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-overlay { margin: 0; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-content-wrapper { bottom: 1.25rem; right: 1.25rem; margin-left: 4rem; z-index: 1; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-thumbnail { margin: 0; height: 100%; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-thumbnail img { width: 100%; height: 100%; position: absolute; object-fit: cover; } @media (max-width: 550px) { .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-img { height: 500px; } } /* Animation correction for blog */ :is(.spnc-category-page, .spnc-right-sidebar, .spnc-list-view, .spnc-masonry) .i_effect2::before { display: none; } :is(.spnc-category-page, .spnc-right-sidebar, .spnc-list-view, .spnc-masonry) .i_effect2 a::before { content: ""; position: absolute; inset: 20px; border: 2px solid #fff; border: 3px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); z-index: 1; } :is(.spnc-category-page, .spnc-right-sidebar, .spnc-list-view, .spnc-masonry) .i_effect2 a:hover::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1.03, 1.06, 1); } .spnc-first-catpost .i_effect4::before, .spnc-first-catpost .i_effect2 a::before { z-index: 2; } .spnc-category-page .spnc-blog-cat-wrapper .spnc-first-catpost .spnc-post-img { z-index: 1; } .spnc-category-page .spnc-grid-catpost .spnc-post-format-wrapper:has(.format-video-model iframe, .format-video-model video) .spnc-entry-meta { display: block; } .cat-box-content { background-color: #fff; padding: 20px 20px; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .category:not(.newsblogger):has(.cat-description).archive:not(.spnc-cat-first-post) .page-section-space { padding-top: 0; } .category:not(.newsblogger) .spnc-page-section-space.cat-description { margin-top: 20px; } .category:not(.newsblogger):has(.cat-description.spnc-page-section-space).archive:has(.spnc-cat-first-post) .page-section-space { padding-top: 2.2rem; } .category:not(.newsblogger):has(.cat-description.spnc-page-section-space).archive:has(.spnc-cat-first-post) .page-section-space.bread-nt-2 { padding-top: 0; } .category:not(.newsblogger):has(.cat-description).newscrunch:not(.newsblogger) .spnc-row { margin-top: 0px; } body.category:is(.all, .inner):has(.spnc-cat-first-post) .page-section-space { padding-top: 2.2rem; } body.category.newsblogger:is(.all, .inner):has(.spnc-cat-first-post) .page-section-space { padding-top: 0; } body.category:is(.all, .inner):has(.spnc-cat-first-post):not(.cat-description) .page-section-space.bread-nt-2 { padding-top: 0; } body.category:is(.all, .inner):has(.cat-description).newscrunch:not(.newsblogger).archive:has(.spnc-cat-first-post) .page-section-space.bread-nt-2 { padding-top: 0; } body.category:is(.all, .inner):has(.spnc-cat-first-post).newscrunch:not(.newsblogger) .spnc-page-section-space.arcbread-nt-2 { padding-top: 1.2rem; } body.category:is(.all, .inner):has(.cat-description).newscrunch:not(.newsblogger):has(.spnc-cat-first-post) .spnc-page-section-space.arcbread-nt-2 { padding-top: 0 } body:is(.all, .inner):has(.spnc-highlights-1).category.newsblogger .spnc-page-section-space.cat-description { margin-top: 20px; } body:is(.all, .inner):has(.spnc-highlights-1).category.newsblogger .spnc-page-section-space.cat-description .spnc-row { margin-bottom: 0px; } /*-------------------------------------------------------------- 38.0 Woocommerce --------------------------------------------------------------*/ .header-cart .product-price { display: block; } .header-cart .mini_cart_item .spnc-title-price-wrap h6 { margin: 0; } body.woocommerce .spnc-contact-wrapper { background-color: transparent; } body.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background-color: #fff; padding: 20px; } body.woocommerce .woocommerce-ordering select { height: 2em; } body.woocommerce .spnc-post .spnc-entry-content ul.products li.product a { text-decoration: none; } body.woocommerce .spnc-post .spnc-entry-content ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart { opacity: 0; position: absolute; color: #fff; position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%); font-size: 1rem; font-weight: 600; padding: 12px 10px; width: 47%; text-align: center; line-height: 1.3; transition: 0.3s; } body.woocommerce .spnc-post .spnc-entry-content ul.products li.product:hover a.add_to_cart_button, .woocommerce ul.products li.product:hover .button, .woocommerce ul.products li.product:hover .xoo-qv-button, .woocommerce ul.products li.product:hover .added_to_cart { opacity: 1; } #customize-theme-controls .accordion-section-title button.accordion-trigger { height: auto; } .woocommerce ul.products li.product .onsale { border-radius: 20px; padding: 5px 10px; line-height: 1.75; min-height: 1.236em; min-width: 1.236em; top: 20px; right: 20px; font-size: 1rem; } .woocommerce .yith-add-to-wishlist-button-block { position: absolute; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 2.5% 2.1em 0; padding: 0; position: relative; width: 23.05%; margin-left: 0; } body.woocommerce ul.products li.last, body .woocommerce-page ul.products li.last { margin-right: 0; } body.woocommerce .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image--top-left { left: 0px; top: 0px; background-color: #fff; border-radius: 30px; padding: 5px; } body.woocommerce ul.products li.product .woocommerce-loop-category__title, body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce ul.products li.product h3 { font-size: 1.25em; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { color: #525252; } body.woocommerce ul.products li.product .price { font-size: 1.125rem; } body.woocommerce ul.products li.product a img { margin: 0 0 0em; } body.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 20px 20px 10px; } .woocommerce ul.products li.product .xoo-qv-button { opacity: 0; position: absolute; position: absolute; left: 50%; top: 33%; transform: translate(-50%, -50%); padding: 10px 23px; font-weight: 600; padding: 12px 10px; width: 47%; text-align: center; line-height: 1.3; font-size: 1rem; transition: 0.3s; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 5.5px 12.5px; margin: 0 3px; font-size: 1rem; color: #000; background-color: #eeeff4; border-radius: 50%; border: 1px solid #eeeff4; display: inline-block; width: 36px; height: 36px; transition: 0.3s; line-height: 1.5; } .woocommerce nav.woocommerce-pagination ul li { border: 0; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; } nav.woocommerce-pagination ul li a.prev, nav.woocommerce-pagination ul li a.next { color: #7b7c85; border: 1px solid #d7d7d7; background-color: #fff; font-size: 14px; } .woocommerce nav.woocommerce-pagination ul { border: 0; } .woocommerce .page-title { font-size: 2rem; } .woocommerce .product .woocommerce-LoopProduct-link { position: relative; transition: 0.3s; } .woocommerce .products .product:hover .spnc-wc-overlay::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .2; } @media (max-width:767px) { .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--icon-button:is(button) svg.yith-wcwl-add-to-wishlist-button-icon { width: 25px; height: 25px; } .woocommerce ul.products li.product .xoo-qv-button, body.woocommerce .spnc-post .spnc-entry-content ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product .button { padding: 8px 5px; } } @media (max-width:380px) { .woocommerce ul.products li.product .xoo-qv-button, body.woocommerce .spnc-post .spnc-entry-content ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product .button { padding: 5px 0px; } } .woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items th, body .is-large.wc-block-cart .wc-block-cart__totals-title { font-size: 1.25rem; color: #000; } body.woocommerce ul.products li.product .added_to_cart { top: 54%; } .woocommerce-cart tbody tr:nth-child(2n+1) { background-color: transparent; } .woocommerce-cart .wc-block-components-product-name { font-size: 1.125rem; font-weight: 700; } body .wc-block-components-totals-footer-item-tax-value { font-size: 1.125rem; } body .wc-block-components-quantity-selector { background-color: #f3f3f8; } body.woocommerce ul.products li.product { box-shadow: 0 0 5px 1px rgba(23, 23, 35, 0.1); } body.woocommerce ul.products li.product:hover { box-shadow: 0 0 20px 1px rgba(23, 23, 35, 0.1); } body.woocommerce-cart .wc-block-components-button__text, body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { color: #fff; padding: 7px 18px; text-decoration: none; } .spnc-post .spnc-entry-content a:not(.spnc-entry-content .spnc-more-link, .spnc-post .spnc-entry-content .spnc-entry-meta a, .spnc-post .spnc-entry-content .footer-meta a, .wp-block-buttons .wp-block-button__link), .widget p a, .comment-detail a, .blog-author-info a { text-decoration: none; } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover { background-color: #669C9B; color: #fff; } body.woocommerce-cart .wc-block-components-button__text, body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { color: #fff; font-size: 0.875rem; font-weight: 700; } body.woocommerce-cart button.wc-block-components-totals-coupon__button { font-weight: 400; padding: 0rem; } .woocommerce.single-product div.product .product_title { font-size: 2.25rem; margin-bottom: 5px; } .woocommerce.single-product .woocommerce-product-gallery__image { height: 540px; width: 540px; } .woocommerce.single-product span.onsale { min-height: 2.236em; min-width: 4.236em; line-height: 2.236; top: 2.5em; left: 2.5em; border-radius: 17px; } .woocommerce.single-product .yith-add-to-wishlist-button-block { top: 24px; left: 30px; } .woocommerce.single-product .yith-wcwl-add-to-wishlist-button__label { display: none; } .woocommerce.single-product .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor { background-color: #fff; padding: 5px; border-radius: 30px; } .woocommerce.single-product div.product div.images .woocommerce-product-gallery__trigger { top: 0.4em; right: 1.3em; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color: #525252; } .woocommerce.single-product .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg { height: 28px; width: 28px; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { margin-bottom: 1.1rem } .woocommerce.single-product .woocommerce-product-details__short-description { margin-bottom: 25px; } .woocommerce.woocommerce-wishlist .wishlist_table .product-add-to-cart a.button { padding: 10px 25px !important; color: #fff; background-color: #669c9b; } .woocommerce.woocommerce-wishlist .wishlist_table .product-add-to-cart a.button:hover { color: #fff; } .wishlist_table .product-add-to-cart a { box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1); color: #000000; background-color: #ffffff; padding: 2px 12px; font-size: 14px; } .wishlist_table .product-add-to-cart span.dateadded { margin-bottom: 10px; } .wishlist_table .product-name a, .wishlist_table .product-price { font-size: 0.875rem; } .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { color: #000; } .woocommerce.single-product .quantity .qty { width: 2em; text-align: center; padding: 0.5rem; } .woocommerce-cart .page-section-full .spnc-entry-content, .woocommerce-checkout .page-section-full .spnc-entry-content { width: 100%; margin: 0 auto; } .woocommerce-cart .page-section-full .wp-block-woocommerce-cart { padding: 0px 15px 0px; } .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main { width: 60%; margin-right: 0px; } .woocommerce-cart .wc-block-components-sidebar, .woocommerce-checkout .wc-block-components-sidebar { width: 40%; margin-left: 0px; margin-top: 0px; } .woocommerce-cart .wc-block-components-product-name, .woocommerce-cart .wc-block-components-product-metadata { display: inline-block; margin-right: 80px; } .woocommerce-cart .wc-block-cart-item__prices { display: inline-block; margin-right: 15px; } .woocommerce.single-product .quantity .qty { background-color: #f3f3f8; } .woocommerce.single-product div.product form.cart .button { box-shadow: 0 10px 30px 0px rgba(16, 10, 54, 0.10) } .woocommerce.single-product .quantity .qty { background-color: #f3f3f8; margin-right: 0px; } .woocommerce.single-product div.product form.cart div.quantity { margin: 0px 15px 0 0; } .woocommerce.single-product div.product form.cart { margin-bottom: 1.5em; padding-bottom: 1.875em; border-bottom: 2px solid #d7d7d7; } .woocommerce.single-product .product_meta .sku_wrapper, .woocommerce.single-product .product_meta .posted_in { display: block; color: #000; font-size: 1.25rem; font-weight: 700; } .woocommerce.single-product .product_meta .sku_wrapper .sku, .woocommerce.single-product .product_meta .posted_in a { color: #525252; font-size: 1.25rem; font-weight: 400; padding-left: 30px; } .woocommerce.single-product .product_meta .sku_wrapper .sku { padding-left: 66px; } .woocommerce.single-product .product_meta .posted_in a { text-decoration: underline; } .woocommerce.single-product .woocommerce-tabs { background-color: #fff; padding: 20px 20px 0; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active { color: #fff; z-index: 2; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs { padding: 0; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li { margin-right: 15px; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:last-child { margin-right: 0px; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li::after, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce.single-product div.product .woocommerce-tabs .panel h2 { margin-bottom: 15px; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li { background-color: #f5f5f5; border: 0; } .woocommerce-cart tr { border-bottom: unset; } .woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items:last-child, .woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items td { border-bottom: unset; border-top: unset; } .woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper { color: #525252; } .woocommerce-cart table.wc-block-cart-items tbody tr { border-bottom: 1px solid #d7d7d7; } .woocommerce-cart table.wc-block-cart-items tbody tr:last-child { border-bottom: unset; } .woocommerce-cart .wc-block-cart table.wc-block-cart-items { margin: 0; } body.woocommerce-cart .wc-block-components-button__text { font-size: 1rem; font-weight: 700; } body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { display: inline-flex; margin-right: 20px; top: 3px; } body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { font-size: 1.25rem; } @media (max-width:767px) { body.woocommerce-cart .is-medium .wc-block-cart__sidebar, body.woocommerce-cart .is-small.wc-block-components-sidebar-layout .wc-block-components-sidebar, body.woocommerce-cart .is-medium.wc-block-components-sidebar-layout .wc-block-components-main, body.woocommerce-cart .is-small.wc-block-components-sidebar-layout .wc-block-components-main { padding: 10px; margin: 0; } } @media (max-width:1280px) and (min-width:731px) { .woocommerce-cart .wc-block-components-sidebar { width: 33.5%; } .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main { width: 63.5%; } } @media (max-width:730px) { .woocommerce-cart .wc-block-components-radio-control__option { padding: 0 0 0 4.25em; } } .woocommerce .related.products ul.products li.product, .woocommerce-page .related.products ul.products li.product { margin-bottom: 1.1em; } @media (max-width:1280px) { .woocommerce.single-product .woocommerce-product-gallery__image { height: auto; width: 100%; } } .woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-checkout-step__heading, .woocommerce-checkout .wc-block-components-checkout-step__heading, .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button { text-align: center; display: -webkit-box; border-radius: unset; background-color: transparent; margin-bottom: 20px; margin-top: 0; border-bottom: 1px solid #669c9b; } .woocommerce-checkout .wc-block-components-title.wc-block-components-title, .woocommerce-checkout .wc-block-components-order-summary__button-text { color: #fff; font-weight: 700; letter-spacing: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; display: grid; place-content: center; padding: 0.5rem 1rem; font-size: 1.25rem; font-weight: 700; } .woocommerce-checkout .is-large .wp-block-woocommerce-checkout-order-summary-block { border: 0; } .woocommerce-checkout .wc-block-components-sidebar { padding: 20px; background-color: #f5f5f5; } .woocommerce-checkout .is-large .wc-block-components-sidebar .wc-block-components-panel { padding: 0; } .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary__button-text { font-weight: 700; } .woocommerce-checkout .wc-block-components-form .wc-block-components-checkout-step { margin: 0 0 40px; } .onsale { background-color: #ff6a00; color: #fff; padding: 5px 10px; font-size: 14px; font-weight: bold; position: absolute; top: 10px; left: 10px; z-index: 10; border-radius: 5px; } /* Basic styling for cart icon and dropdown */ .header-cart { position: relative; display: inline-block; } .cart-icon { font-size: 24px; cursor: pointer; padding: 10px; border-radius: 50%; transition: background-color 0.3s ease; } .cart-icon:hover { background-color: #ddd; } .spnc-custom .dropdown-menu .cart-dropdown { top: 100%; left: 0; width: 340px; background: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; padding: 20px; position: relative; } .spnc-wc-single-product-wrap { background-color: #fff; padding: 20px 20px 0; margin-bottom: 20px; display: flex; position: relative; } @media (min-width:769px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 53%; margin-left: 10px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 45%; float: unset; display: inline-block; margin-right: 10px; } } .woocommerce .product:hover .spnc-wc-overlay { position: relative; } .woocommerce ul.products li.product .onsale:nth-child(n+2) { right: 90px; } .woocommerce-cart .spnc-entry-content .spnc-cart-product-wrap { background-color: #fff; padding: 20px; } .woocommerce-cart .product-remove a { color: #999999; } .woocommerce-cart .spnc-entry-content table, .woocommerce-cart .spnc-entry-content tr, .woocommerce-cart .spnc-entry-content th, .woocommerce-cart .spnc-entry-content td { border: 0; padding: 10px 0 20px; } .woocommerce-cart .quantity .qty { width: 3.631em; text-align: center; } .spnc-navbar .header-cart { line-height: 1; position: relative; background: transparent; border-radius: 0; display: inline-block; border-left: 1px solid #cfddea; padding-left: 30px; padding: 12px 0px 8px 8px; } .spnc-navbar .cart-icon { -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; font-size: 1.125rem; line-height: 1.3; color: #000000; padding: 0; } .spnc-navbar .header-cart .cart-count { background: #669c9b; font-size: 0.688rem; line-height: 1.7; color: #ffffff; text-align: center; font-weight: 600; position: absolute; right: 0px; top: -5px; padding: 1px; width: 1.25rem; height: 1.25rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -wekbit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-shop .woocommerce.page-title { display: none; } /*When woocommerce add*/ .spnc-navbar .header-cart { padding-left: 0px; } .header-2 .spnc-toggle-icon { margin-left: 10px; } @media (min-width: 1101px) { .spnc-header { flex: 0 1 22%; } } .header-2 .spnc-toggle-icon { margin-left: 10px; } @media (min-width: 1101px) { .header-2 .collapse.spnc-collapse { flex: 0 1 64%; } } .spnc-custom .cart-dropdown.dropdown-menu .woocommerce-mini-cart-item.mini_cart_item { height: auto; width: 100%; } .spnc-custom .cart-dropdown.dropdown-menu { width: 340px; } .spnc-custom .header-cart.spnc-nav { margin: 0; border: 0; } .spnc-custom .header-cart.spnc-nav li>a.cart-icon { padding: 5px 15px 5px 15px; margin: 8px 0; } @media (min-width: 1101px) { .header-2 .spnc-custom .header-cart.spnc-nav li>a:after, .header-2 .spnc-custom .header-cart.spnc-nav li>a:before { display: none; } } .spnc-custom .cart-dropdown .mini_cart_item a:not(a.remove, a.product-title) { display: inline-block; width: 70px; padding: 0; margin-right: 10px; } .cart-dropdown .quantity { display: inline-block; } .spnc-custom .cart-dropdown .mini_cart_item a.remove { right: 0; position: absolute; background-color: #000 !important; color: #fff !important; border-radius: 30px; padding: 0px 3.5px; font-weight: 400; } .spnc-custom .cart-dropdown .woocommerce-mini-cart { flex-direction: column; margin: 0 0 18px; display: flex; border-bottom: 1px solid #d7d7d7; padding: 10px 0; } .spnc-custom .dropdown-menu .cart-dropdown .woocommerce-mini-cart__empty-message { font-size: 1.125rem; font-weight: 700; } body.spnc-wc-active .spnc-custom .spnc-nav li>a.search-icon:not(.header-1 .spnc-nav li>a.search-icon) { margin: 8px 5px 8px 0px; } .spnc-custom .header-cart .dropdown-menu { border-bottom: 0; margin-bottom: 20px; } .spnc-custom .dropdown-menu { background-color: transparent; } .spnc-custom .cart-dropdown .mini_cart_item a:not(a.remove, a.product-image, a.product-title) { display: none; } .spnc-custom .cart-dropdown .mini_cart_item a.product-title { padding: 0; font-size: 1rem; font-weight: 700; margin-bottom: 10px; display: inline-block; } .spnc-mini-cart-summary { border-bottom: 1px solid #d7d7d7; padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .spnc-mini-cart-summary .spnc-cart-item-quantity { margin-right: auto; } .spnc-mini-cart-summary .spnc-cart-subtotal { margin-left: auto; } .woocommerce-mini-cart__buttons { display: flex; gap: 15px; align-items: center; justify-content: center; } .spnc-title-price-wrap { display: inline-block; text-align: left; vertical-align: middle; } body.woocommerce-page .spnc-custom .product-image img { float: unset; margin-left: 0; width: 100%; } .spnc-title-price-wrap .product-title { margin-bottom: 10px; } body .spnc-custom .spnc-nav .dropdown-menu .woocommerce-mini-cart__buttons a { font-size: 1rem; font-weight: 600; background-color: #eeeff4; padding: 12px 25px; color: #000; } body .spnc-custom .spnc-nav .dropdown-menu .woocommerce-mini-cart__buttons a.checkout { background-color: #669c9b; color: #fff; } body .spnc-custom .spnc-nav .dropdown-menu .regular-price { margin-right: 10px; } body .spnc-custom .spnc-nav .dropdown-menu .sale-price { background-color: transparent; color: #669c9b; font-weight: 700; } .woocommerce-mini-cart__total.total { display: none; } .woocommerce ul.product_list_widget li { display: -webkit-box; } .spnc-custom .spnc-nav li.woocommerce-mini-cart-item { display: -webkit-box; } .woocommerce-page div.quantity { display: flex; } @media (max-width:1100px) { .spnc-custom .header-cart.spnc-nav { display: none; } } .blockUI.blockOverlay { background-color: rgb(255, 255, 255) !important; } .spnc-empty-cart i { font-size: 55px; margin-bottom: 20px; color: #d7d7d7; } .woocommerce-page .quantity input[type="number"]::-webkit-inner-spin-button, .woocommerce-page .quantity input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce-page .quantity input[type="number"] { -moz-appearance: textfield; /* For Firefox */ } .woocommerce-cart .product-name .newscrunch-woo-thumb { display: none; } .woocommerce-page .quantity input[type="number"], .woocommerce-page .quantity button { background-color: #f3f3f8; color: #000; padding: 0.5rem; border: 0; width: 1.625em; font-size: 1rem; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 80px; margin-right: 20px; } .woocommerce-cart-form__cart-item.cart_item td { padding-top: 20px; } .woocommerce-cart .spnc-title-price-wrap .product-title { font-weight: 700; font-size: 1.125rem; } .woocommerce-cart .woocommerce-Price-amount.amount { font-size: 1.125rem; font-weight: 600; color: #525252; } .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=email], .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=number], .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=password], .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel], .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=text], .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=url], .woocommerce-checkout .wc-block-components-text-input input[type=email], .woocommerce-checkout .wc-block-components-text-input input[type=number], .woocommerce-checkout .wc-block-components-text-input input[type=password], .woocommerce-checkout .wc-block-components-text-input input[type=tel], .woocommerce-checkout .wc-block-components-text-input input[type=text], .woocommerce-checkout .wc-block-components-text-input input[type=url] { border: 1px solid rgba(255, 255, 255, 0.3); background-color: #f5f5f5; } .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout { padding: 0; } .woocommerce-cart .cart-collaterals .cart_totals .checkout-button { color: #fff; display: inline-block; font-size: 1rem; padding: 10px 18px; } .cart-collaterals .cart_totals .shop_table td { text-align: right; } .woocommerce-cart .spnc-title-price-wrap .product-price { display: block; } .woocommerce-cart .actions .newscrunch-btn.btn-text-1 { font-size: 1rem; font-weight: 600; background-color: #eeeff4; padding: 12px 25px; color: #000; border-radius: 5px; margin-right: 5px; } .woocommerce-page.woocommerce-cart .actions { padding-top: 30px; } .woocommerce-cart .actions .coupon label { display: none; } @media (min-width:769px) { .woocommerce-page.woocommerce-cart #content .actions #coupon_code { width: 150px; padding: 4px; } } .woocommerce-cart .woocommerce-cart-form .shop_table { margin-bottom: 10px; } .woocommerce-cart .woocommerce-cart-form tbody tr.cart_item { border-bottom: 1px solid #d7d7d7; } .woocommerce-cart .woocommerce-cart-form tbody tr.cart_item:last-child { border-bottom: 0; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; margin-bottom: 1rem; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cart_totals { margin-bottom: 1rem; } .woocommerce.single-product div.product .slider-prev { left: 15px; } .woocommerce.single-product div.product .slider-next { right: 15px; } .woocommerce.single-product div.product .slider-prev, .woocommerce div.product .slider-next { position: absolute; font-size: 4em; font-weight: 100; z-index: 1; top: 40%; transform: translate(0, -50%); opacity: 0; transition: 0.3s; cursor: pointer; color: #000; } .woocommerce.single-product .woocommerce-product-gallery:hover .slider-prev, .woocommerce.single-product .woocommerce-product-gallery:hover .slider-next { opacity: 1 } .woocommerce .spnc-wc-product-page .page-title { display: none; } .woocommerce.woocommerce-page .products .star-rating { margin: 0.5em 0 0.25em; } .woocommerce.woocommerce-page ul.products li.product .woocommerce-loop-product__title, .woocommerce-page.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { padding: 0.25em 0; margin-bottom: 0; } @media (max-width:768px) { .spnc-wc-single-product-wrap { display: block; } body.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 10px 10px 10px; } } .spnc-custom .cart-dropdown .woocommerce-mini-cart { position: relative; } .woocommerce .spnc-col-7 ul.products li.product .button, .woocommerce .spnc-col-7 ul.products li.product .added_to_cart { top: 30%; font-size: 0.85rem; width: 70%; } body.woocommerce .spnc-col-7 ul.products li.product .added_to_cart { top: 50%; } .woocommerce .spnc-col-7 ul.products li.product .onsale { top: 15px; right: 15px; font-size: 0.85rem; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product { list-style: none; padding: 15px; margin: 0 2.5% 1.3em 0; width: 23.05%; box-shadow: 0 0 5px 1px rgba(23, 23, 35, 0.1); } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product:nth-child(4n+0) { margin-right: 0; } .woocommerce-page .cart-collaterals .cross-sells ul.products { display: flex; flex-wrap: wrap; margin: 0 -5px 16px; position: relative; } .woocommerce-page .cart-collaterals .cross-sells ul.products li { width: 50%; } .cart-collaterals .woocommerce-loop-product__title { font-size: 1.125rem; margin-bottom: 8px; } .woocommerce-cart .cart-collaterals .spnc-wc-overlay { margin-bottom: 10px; position: relative; overflow: hidden; } .woocommerce-cart .cart-collaterals .add_to_cart_button { font-size: 0.875rem; text-align: center; transition: all 0.4s ease 0s; padding: 0.6255rem 0.625rem; opacity: 0; position: absolute; color: #fff; position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%); font-weight: 600; width: 65%; text-align: center; line-height: 1.3; transition: 0.3s; } .woocommerce-cart .cart-collaterals li.product:hover .add_to_cart_button { opacity: 1; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product .price { margin-bottom: 5px; display: block; } .woocommerce-page .cart-collaterals .cross-sells h2, .woocommerce-page .cart-collaterals .cart_totals h2 { margin-bottom: 0.5rem; } .woocommerce-checkout .spnc-entry-content .wp-block-woocommerce-checkout { margin: 0; padding-top: 0px; } .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .woocommerce-checkout .wc-block-components-text-input input[type=email]:focus, .woocommerce-checkout .wc-block-components-text-input input[type=number]:focus, .woocommerce-checkout .wc-block-components-text-input input[type=password]:focus, .woocommerce-checkout .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .woocommerce-checkout .wc-block-components-text-input input[type=url]:focus { background-color: #f5f5f5; box-shadow: 0 0 0 1px #d7d7d7; } .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description p { font-size: 0.85rem; } .woocommerce-checkout .wc-block-components-totals-wrapper { padding: 0; } .spnc-col-7 .onsale { padding: 3px 8px; font-size: 12px; top: 20px; left: 20px; } .spnc-sidebar .wp-block-woocommerce-featured-product .wc-block-featured-product__wrapper, .spnc-sidebar .wc-block-featured-category__wrapper { justify-content: left; padding: 20px; } .spnc-sidebar .wp-block-woocommerce-featured-product .wc-block-featured-product__description { padding: 0; } .spnc-sidebar .wp-block-woocommerce-featured-product .wc-block-featured-product__description p { color: #CACBD2; margin-bottom: 1em; } .spnc-sidebar .wp-block-woocommerce-featured-product .wp-block-button__link, .spnc-sidebar .wp-block-woocommerce-featured-category .wp-block-button__link { color: #fff; border: 0 none; border-radius: 4px; display: inline-block; font-size: 0.875rem; margin: 0; text-align: center; transition: all 0.4s ease 0s; } .spnc-sidebar .widget ul li.wc-block-grid__product::before { display: none; } .spnc-sidebar .wc-block-grid__product.wc-block-grid__product { text-align: left; } .spnc-sidebar ul.wc-block-grid__products { margin: 0; } .spnc-sidebar .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { color: #fff; display: inline-block; font-size: 1rem; padding: 5px 10px; border-radius: 5px; font-size: 0.875rem; } .spnc-sidebar .wc-block-grid .wc-block-grid__product-onsale, .spnc-sidebar .wc-block-grid__product-image .wc-block-grid__product-onsale { font-size: .75em; padding: .1em .35em; line-height: 1.3; } body.woocommerce .spnc-col-7 ul.products li.product, .woocommerce-page .spnc-col-7 ul.products li.product { padding: 15px 15px 10px; } .spnc-sidebar .wc-block-featured-category { align-content: flex-start; align-items: flex-start; } body.woocommerce .wc-block-catalog-sorting .woocommerce-ordering select { height: 3em; } @media (max-width:768px) { .woocommerce-cart .spnc-entry-content table, .woocommerce-cart .spnc-entry-content tr, .woocommerce-cart .spnc-entry-content th, .woocommerce-cart .spnc-entry-content td { padding: 10px 10px 20px; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin-bottom: 5px; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product { width: 48.05%; margin: 0 1.5% 1.3em 0; } .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li { margin-bottom: 5px; } } .woocommerce.single-product div.product form.cart .variations select { height: unset; } .woocommerce.single-product div.product form.cart .variations tbody tr:nth-child(2n+1) { background-color: unset; } .woocommerce.single-product div.product form.cart .variations tbody tr { border: 0; } .woocommerce.single-product .related.products li.product .button { top: 35%; } .woocommerce.single-product .related.products li.product .added_to_cart { top: 54%; } .woocommerce-page.woocommerce-cart .cart-collaterals .cross-sells h2 { font-size: 1.25rem; } body.woocommerce .woocommerce-ordering select option:hover { background-color: yellow; } .woocommerce-cart .woocommerce-error::before, .woocommerce-cart .woocommerce-info::before, .woocommerce-cart .woocommerce-message::before { content: "\f05a"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 18px; color: #669C9B; top: 0.9em; left: 1.625em; } .woocommerce-cart .return-to-shop-button { background-color: #669c9b; color: #fff; padding: 10px 15px; } .woocommerce-cart .woocommerce-message { margin-bottom: 20px; } @media (max-width:768px) { .woocommerce-cart .woocommerce-error::before, .woocommerce-cart .woocommerce-info::before, .woocommerce-cart .woocommerce-message::before { top: 0.5em; left: 1em; } } .woocommerce-pagination .next:after, .woocommerce-pagination .prev:after { font-family: FontAwesome; font-size: 16px; position: absolute; top: 5px; } .woocommerce-pagination .next:after { content: '\f061'; right: 9px; } .woocommerce-pagination .prev:after { content: '\f060'; left: 11px; } .woocommerce-pagination .page-numbers { position: relative; } @media (max-width: 768px) { .spnc-wc-single-product-wrap { display: block; } body.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 10px 10px 10px; } } .spnc-custom .cart-dropdown .woocommerce-mini-cart { position: relative; } .woocommerce-cart .spnc-sidebar .wc-block-featured-product .woocommerce-Price-amount.amount { color: #fff; } .spnc-sidebar .woocommerce ul.product_list_widget li::before { display: none; } .spnc-sidebar .woocommerce ul.product_list_widget li img { float: unset; float: left; width: 4rem; margin-left: 0; margin-right: 1.5rem; } .spnc-sidebar .woocommerce ul.product_list_widget li { display: list-item; } .spnc-sidebar .woocommerce ul.product_list_widget { margin: 0 0 10px } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.woocommerce :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 0px; position: relative; border-radius: unset; border: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px 25px; color: #fff; font-weight: 700; width: fit-content; font-size: 1.25rem; } .spnc-sidebar .widget.woocommerce { overflow: hidden; } .woocommerce-cart .coupon button[type="submit"] { padding: 1rem 2.188rem; } .woocommerce-page.woocommerce-cart #content .actions #coupon_code { padding: 0.85rem 0.5rem; font-size: 0.875rem; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 31.5%; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: 48.5%; } .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { width: 17.95%; } body.woocommerce ul.products.columns-5 li.product .added_to_cart { top: 58%; } body.woocommerce ul.products.columns-3 li.product .added_to_cart { top: 50%; } body.woocommerce ul.products.columns-2 li.product .added_to_cart { top: 45%; } body.woocommerce ul.products.columns-1 li.product .added_to_cart { top: 40%; } body.woocommerce .spnc-post .spnc-entry-content ul.products.columns-5 li.product a.add_to_cart_button, .woocommerce ul.products.columns-5 li.product .button, .woocommerce ul.products.columns-5 li.product .added_to_cart { width: 60%; } .header-1.full .spnc-custom .dropdown-menu .cart-dropdown { width: 295px; } .woocommerce.single table.shop_attributes { display: inline-table; } .spnc-sidebar .widget ul.wc-block-review-list li::before, .spnc-sidebar .widget .wc-block-stock-filter-list li::before, .spnc-sidebar .widget .wc-block-rating-filter-list li::before, .spnc-sidebar .widget .wc-block-attribute-filter-list li::before { display: none; } .spnc-sidebar .editor-styles-wrapper .wc-block-components-review-list-item__item, .spnc-sidebar .wc-block-components-review-list-item__item { margin: 0 0 20px; } .spnc-sidebar .editor-styles-wrapper .wc-block-components-review-list-item__item:last-child, .spnc-sidebar .wc-block-components-review-list-item__item:last-child { margin: 0; } .spnc-sidebar .wc-block-components-review-list-item__info { margin-bottom: 5px; } .spnc-sidebar .wc-block-components-review-sort-select { overflow: hidden; } .spnc-sidebar .wc-block-components-review-sort-select .wc-block-sort-select__label:after { content: ""; position: absolute; bottom: 0; left: 0; width: 200vh; } .spnc-sidebar .alignwide.wc-block-breadcrumbs, .spnc-sidebar .wc-block-price-filter, .spnc-sidebar .wc-block-components-price-slider__controls, .spnc-sidebar .wp-block-woocommerce-rating-filter { margin-bottom: 0rem; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .spnc-sidebar .woocommerce-breadcrumb { font-size: 1rem; } .spnc-sidebar .wp-block-woocommerce-featured-product ins .woocommerce-Price-amount.amount { background-color: #1b1b1b; } body .spnc-sidebar .wp-block-woocommerce-single-product .is-layout-flex { display: block; } .spnc-sidebar .wp-block-woocommerce-add-to-cart-form form.cart>.quantity:not(.wc-block-components-quantity-selector) .qty { margin-right: 0; height: unset; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.woocommerce .woocommerce-mini-cart-item :is(h1, h2, h3, h4, h5, h6) { background-color: transparent; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.woocommerce .woocommerce-mini-cart h6 { padding: 5px 0px; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block .woocommerce-checkout :is(h1, h2, h3, h4, h5, h6) { padding: 8px 0px; color: #000; background: transparent; text-align: left; } .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block:not(:has(div.spnc-widget-heading)) .woocommerce-checkout :is(h1, h2, h3, h4, h5, h6)::after { content: unset; } .woocommerce .spnc-sidebar .woocommerce-checkout .col2-set .col-2, .woocommerce-page .spnc-sidebar .woocommerce-checkout .col2-set .col-2, .woocommerce .spnc-sidebar .woocommerce-checkout .col2-set .col-1, .woocommerce-page .spnc-sidebar .woocommerce-checkout .col2-set .col-1 { float: unset; width: 100%; margin-bottom: 20px; } .spnc-sidebar .woocommerce .woocommerce-breadcrumb { margin: 0 0 0em; font-size: 1rem; } .spnc-sidebar .wp-block-woocommerce-featured-product .wp-block-button__link:hover { color: #fff; } .spnc-sidebar .wc-block-mini-cart__badge { background-color: #000; color: #fff; top: 0px; font-size: 0.625rem; } .spnc-sidebar .widget ul.wc-block-active-filters__list li::before { display: none; } .woocommerce.single-product .product_meta .posted_in a { padding-left: 10px; } .spnc-sidebar .cart_item .spnc-title-price-wrap { vertical-align: unset; } .spnc-upsell.spnc-common-widget-area, .related_product.spnc-common-widget-area { padding: 20px 20px 1px; } .spnc-upsell.spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading h2, .related.products .spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading h2 { padding: 0px 10px; } .spnc-btn-1 .spnc-upsell.spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading h2, .spnc-btn-1 .related.products .spnc-common-widget-area .spnc-main-wrapper .spnc-main-wrapper-heading h2 { color: #fff; } body .woocommerce-tabs a:focus { outline: 0; } .woocommerce-account fieldset { margin: 16px 2px; } body .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block .wc-block-featured-product__wrapper :is(h1, h2, h3, h4, h5, h6), body .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block .wc-block-featured-category :is(h1, h2, h3, h4, h5, h6) { background: transparent; margin-bottom: 0; width: inherit; } body .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block .wc-block-featured-product__wrapper :is(h1, h2, h3, h4, h5, h6)::after, body .spnc-wrapper.spnc-btn-1 .spnc-sidebar .widget.widget_block .wc-block-featured-category :is(h1, h2, h3, h4, h5, h6):after { border-bottom: 0; } .spnc-sidebar .wc-block-featured-category.wp-block-woocommerce-featured-category { align-content: center; align-items: center; } @media (max-width:768px) { .woocommerce-page div.quantity { justify-content: end; } .woocommerce-cart .actions .newscrunch-btn.btn-text-1 { text-align: left; display: inline-block; margin: 10px 0; } .woocommerce-page table.shop_table_responsive tr td.actions { text-align: left !important; } .woocommerce-cart .woocommerce-cart-form__contents button[type="submit"], .woocommerce-cart .woocommerce-cart-form__contents button { padding: 1rem 1.188rem; } .woocommerce-cart .actions .newscrunch-btn.btn-text-1 { padding: 10px 10px; } } body.bread-2.woocommerce-cart .spnc-single-post:not(body.all.bread-2.woocommerce-cart .spnc-single-post, body.inner.bread-2.woocommerce-cart .spnc-single-post) { padding: 0; } .woocommerce-page .spnc-sidebar ul li { padding: 10px 0; border-bottom: 1px solid #D7D7D7; } .woocommerce-page .spnc-sidebar ul li:last-child { border-bottom: 0; } [data-theme="spnc_light"] .woocommerce-page .variations button.reset_variations { color: #000; } [data-theme="spnc_light"] .woocommerce-page .variations button.reset_variations:hover { color: #fff; } .wp-block-woocommerce-checkout-order-summary-totals-block { padding-top: 16px; } .archive.category:not(.newsblogger):has(.cat-description).newscrunch .ads .spnc-row:not(.newsblogger.archive .ads .spnc-row) { margin-top: 0px; margin-bottom: 1.25rem; } /* Woocommerce product */ .wp-block-group:has(.wp-block-woocommerce-product-collection) { padding-inline: 0 !important; margin-bottom: 0 !important; } .wp-block-woocommerce-product-collection ul { margin-left: 0 } [data-theme="spnc_light"] .wp-block-woocommerce-product-template li, [data-theme="spnc_light"] .wp-block-woocommerce-product-template .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button { border: 1px solid #d7d7d7; } .wp-block-woocommerce-product-template li { overflow: hidden; padding: 10px 10px 20px; position: relative; } .wp-block-woocommerce-product-template .wc-block-grid__product-image .wc-block-grid__product-onsale { border: none; font-size: 14px; top: 10px; } .wp-block-woocommerce-product-template .wc-block-grid__product-image .wc-block-components-product-sale-badge--align-left { left: 10px; } .wp-block-woocommerce-product-template .wc-block-grid__product-image .wc-block-components-product-sale-badge--align-right { right: 10px; } .wp-block-woocommerce-product-template .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button { background-color: transparent; color: #000000; border-radius: unset; padding: 6px 20px; transition: 0.2s; } .wp-block-woocommerce-product-template .wp-block-button.wc-block-components-product-button .added_to_cart { padding: 6px 20px; } /* Live Search */ body.newscrunch .spnc-custom .dropdown-menu.search-panel { top: 60px; left: auto; right: 0px; padding: 18px 12px 18px; width: 400px; background-color: #fff; } body.newscrunch .search-panel input[type="search"] { display: block; width: 100%; height: 3rem; line-height: 1.5rem; background: #ffffff; padding: 0.4375rem 6.625rem 0.4375rem 1rem; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; font-size: large; border-radius: 6px; font-size: 0.875rem; } body.newscrunch form.search-form input.search-submit { color: #ffffff; border: 0 none; border-radius: 0 6px 6px 0; display: inline-block; font-size: 0.875rem; margin: 0; text-align: center; transition: all 0.4s ease 0s; } body.newscrunch .search-form input[type="submit"] { cursor: pointer; position: absolute; width: auto; transition: all .3s ease-in-out; color: #fff; font-weight: 600; height: 3rem; left: auto; right: 0rem; font-size: 0.938rem; top: 0rem; padding: 0.75rem 1.2rem; } body.newscrunch input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } @media (max-width: 1100px) { body.newscrunch .spnc-custom .dropdown-menu.search-panel { position: absolute; left: 0; } body.newscrunch .spnc-custom .dropdown-menu.search-panel { top: 50px; } } body.newscrunch .menu-item.dropdown.open .dropdown-menu.pull-right.search-panel { border-top: unset; border-bottom: unset; } .search-live-results { margin: 0.875rem 0 0; } body.newscrunch #wrapper .search-wrapper { display: flex; border-bottom: 1px solid #d7d7d7; padding: 10px 0; margin-bottom: 0px; } body.newscrunch #wrapper .search-img { width: 4.5rem; height: 3rem; margin: 0 15px 0 0; overflow: hidden; float: unset; display: block; } body.newscrunch #wrapper .search-content { flex: 1; } body.newscrunch #wrapper .search-wrapper:last-child { border: 0; padding-bottom: 0; } @media (max-width: 1100px) { body.newscrunch .spnc-custom .dropdown-menu.search-panel { left: auto; } body.newscrunch .spnc-custom .spnc-nav .search-wrapper a { color: #000; } } @media (max-width: 600px) { body.newscrunch .spnc-custom .dropdown-menu.search-panel { width: 300px; } body.newscrunch.customize-partial-edit-shortcuts-shown .spnc-custom .dropdown-menu.search-panel { width: 245px; } } body.newscrunch #wrapper .spnc-header-center .search-content { text-align: left; } @media (max-width: 1100px) { body.newscrunch .spnc-header-center .spnc-custom .dropdown-menu.search-panel { transform: translate(-50%, 2%); left: 50%; } } body.newscrunch .spnc-custom .dropdown-menu.search-panel { border-top: unset; border-bottom: unset; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); } @media (max-width: 1100px) { .spnc-custom .dropdown-menu.search-panel li a { border-bottom: 0; } } body.newsblogger.newscrunch-plus .widget_spncp_verticle_post_slider i { color: unset; -webkit-text-fill-color: unset; } .white-popup { position: relative; background: #000; padding: 0; width: 100%; max-width: 900px; margin: 40px auto; } video#spncCustomVideo { width: 100%; height: auto; display: block; } /* ---------------------------------------------------- */ /* Header 13 css */ @media (min-width: 1101px) { .header-13.header-sidebar { max-width: 100%; } .header-13.header-sidebar .spnc-container { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 5px; display: block; } .header-13 .spnc-nav { display: flex; justify-content: center; flex-wrap: wrap; } } @media (min-width: 1100px) { .header-13 .spnc-custom .spnc-nav>li.menu-item-type-custom i { font-size: 16px; font-weight: 600; } } @media (min-width: 816px) { .header-13 .header-left, .header-13 .header-right { flex: 0 0 25%; } .header-13 .header-center { flex: 1 0 50%; vertical-align: center; justify-content: center; display: flex; } } .header-13 .spnc-topbar { background-color: #0e0e0e; padding: 0 10px; } .header-13 .spnc-topbar .spnc-trending-widget { padding: 0.25rem 0 0.25rem; } .header-13 .spnc-topbar .spnc-trending-widget .spnc-trending-title { margin-right: 0; } .header-13 .spnc-topbar .widget.spnc-date-social { padding: 0.5rem 0; } .header-13 .spnc-date-social .head-date { margin-right: 24px; display: inline-block; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; } .header-13 .spnc-date-social .head-date .header-date i, .header-13 .spnc-date-social .spnc-time .header-time i { font-size: 16px; margin-right: 6px; } .header-13 .spnc-date-social .spnc-time .header-time span { font-size: 14px; } .header-13 .spnc-date-social .spnc-time { margin: 0; display: inline-block; margin: 0; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; } .header-13 .spnc-custom { background-color: #ffffff; box-shadow: unset; border-radius: 0; } .header-13.header-sidebar .spnc-custom .spnc-header-logo { padding: 18px 10px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; background: #FFFFFF; } .header-13.header-sidebar .spnc-custom .spnc-header-logo .spnc-container { display: flex; align-items: center; justify-content: center; } .header-13.header-sidebar .spnc-custom .spnc-container { position: relative; } .header-13.header-sidebar .spnc-custom .spnc-header-logo .overlay { position: absolute; inset: 0; height: 100%; width: 100%; z-index: 0; background-color: rgba(0, 0, 0, .0); display: none; } .header-13.header-sidebar .spnc-custom .spnc-navbar { margin: 0; padding: 0; border-radius: unset; padding: 0px 10px; border-top: 1px solid #e1e1e1; } .header-13 .spnc-row { height: auto; align-items: center; display: flex; margin-right: -15px; margin-left: -15px; -webkit-box-pack: unset; justify-content: unset; flex-wrap: unset; margin-bottom: 0; } .header-13 .collapse.spnc-collapse { width: 100%; flex: 1 1 71%; height: 100%; /* display: block !important;*/ } .header-13 .spnc-custom .spnc-brand { padding: 12px 0px 12px 0px; } .header-13 .spnc-collapse .ml-0 { display: block; margin: 0 auto; } .header-13 .spnc-custom ul { background-color: transparent; float: unset; } .header-13.header-sidebar .spnc-custom .spnc-nav li { margin: 0; } body .header-13 .spnc-custom .spnc-nav>.active>a, body .header-13 .spnc-custom .spnc-nav>.active>a:hover, body .header-13 .spnc-custom .spnc-nav>.active>a:focus { background-color: transparent; text-shadow: unset; } /*.header-13 .spnc-custom .spnc-nav .dropdown-menu li>a { color: #fff; } */ .header-13 .spnc-custom .spnc-nav li>a { border-radius: 0; padding: 11px 13px; font-size: 1.125rem; font-family: "Poppins"; font-weight: 400; } /* product search widget css */ .shop-product-search { background: #F0F4FB; padding-inline: 5px; display: flex; align-items: center; border-radius: 6px; max-width: 600px; flex: 1; position: relative; } .shop-product-search .shop-product-cat-search { padding: 10px 16px 10px 16px; width: 220px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .shop-product-search input[type=text] { padding: 10px 16px 10px 16px; outline: none; border: 0; font-size: 16px; line-height: 1; } .shop-product-search input[type=text]:is(:hover, :focus) { border: 0; outline: none; } .shop-product-search .shop-product-cat-selected { font-size: 0.875rem; line-height: 1; font-family: "Poppins"; font-weight: 400; color: #000000; flex: 1; } .shop-product-search .shop-product-cat-search i { font-size: 10px; line-height: 1; color: #000000; } .shop-product-search form { flex: 1; position: relative; } .shop-product-search form::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background-color: #D7D7D7; } .shop-product-search form input { width: 100%; padding: 14px 50px 15px 16px; background: transparent; outline: 0; border: 0; font-size: 0.875rem; line-height: 1; font-family: "Poppins"; font-weight: 400; color: #000000; } .shop-product-search form input::placeholder { color: #5F6C72; } .shop-product-search form button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 6px; font-size: 16px; color: #fff; display: grid; place-content: center; padding: 4px; width: 40px; height: 40px; } .shop-product-search .shop-product-cat-search .shop-category-list { position: absolute; top: 0; left: 0; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); z-index: 100; width: 100%; padding: 0; border-radius: 6px; pointer-events: none; opacity: 0; visibility: hidden; transition: 0.2s; transform: translateY(1rem); transform-origin: center top; cursor: auto; } .shop-product-search .shop-product-cat-search.open .shop-category-list { pointer-events: auto; opacity: 1; visibility: visible; transform: translateY(0px); } .shop-product-search .shop-product-cat-search .shop-category-list .category-list-titl { display: flex; align-items: center; gap: 10px; justify-content: space-between; padding: 10px 16px; border-bottom: 1px solid #0000001f; } .shop-product-search .shop-product-cat-search .shop-category-list .category-list-titl span { font-size: 1rem; line-height: 1.4; font-family: "Poppins"; font-weight: 400; color: #000000; } .shop-product-search .shop-product-cat-search .shop-category-list .category-list-titl span.shop-cat-close i { font-size: 14px; color: #fff; cursor: pointer; padding: 8px; border-radius: 6px; } .shop-product-search .shop-product-cat-search .shop-category-list ul { margin: 0; padding: 10px 16px; list-style: none; display: grid; grid-auto-flow: column; grid-template-columns: auto auto auto; grid-template-rows: repeat(8, auto); width: 100%; max-height: 270px; overflow-y: auto; scroll-behavior: smooth; scrollbar-width: thin; } .shop-product-search .shop-product-cat-search .shop-category-list ul li { margin-bottom: 8px; } .shop-product-search .shop-product-cat-search .shop-category-list ul a { font-size: 1rem; line-height: 1.2; font-family: "Poppins"; font-weight: 400; text-transform: capitalize; color: #000000; transition: 0.2s; text-decoration: none; border: none; } /* product search widget css */ .uti-btns { display: flex; align-items: center; justify-content: right; gap: 5px; } .uti-btns .shop-user a, .uti-btns .shop-wishlist a, .uti-btns .shop-cart a { font-size: 20px; padding-inline: 8px; position: relative; color: #000000; transition: 0.2s ease-in-out; } .uti-btns .shop-wishlist a .wishlist-counter, .uti-btns .shop-cart a .cart-counter { position: absolute; top: -5px; right: -5px; background: #669c9b; color: #fff; border-radius: 50%; padding: 2px; min-width: 18px; height: 18px; font-size: 12px; line-height: 1; font-weight: 600; font-family: "Poppins"; display: grid; place-content: center; } /* Shop category menu css */ .shop-cat-menu { width: 270px; position: relative; } .shop-cat-menu .shop-cat-menu-head { padding: 16px 15px; color: #ffffff; cursor: pointer; } .shop-cat-menu .shop-cat-menu-head .shop-cat-menu-head-title { font-size: 1rem; line-height: 1.3; font-weight: 600; font-family: "Poppins"; text-transform: uppercase; } .shop-cat-menu .shop-cat-menu-head .shop-cat-menu-head-icon { font-size: 18px; } .shop-cat-menu .shop-cat-menu-head .shop-cat-menu-head-icon.bars { margin-right: 7px; } .shop-cat-menu .shop-cat-menu-head .shop-cat-menu-head-icon.arrow { float: right; } .shop-cat-menu .shop-cat-card { background: #ffffff; width: 100%; /* border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;*/ box-shadow: 0 10px 40px rgba(0, 0, 0, 0.14); padding-block: 12px; position: absolute; left: 0; transition: 0.2s; transform: translateY(1rem); transform-origin: center top; opacity: 0; visibility: hidden; z-index: 99; } .shop-cat-menu.open .shop-cat-card { opacity: 1; visibility: visible; transform: translateY(0px); } .shop-cat-menu .shop-cat-card-list { margin: 0; padding: 0; list-style: none; } .shop-cat-menu .shop-cat-card-list li { margin: 0; position: relative; } .shop-cat-menu .shop-cat-card-list a { padding: 10px 16px; font-size: 1.125rem; font-weight: 400; font-family: "Poppins"; line-height: 1.2; color: #000000; transition: 0.2s ease-in-out; background: #ffffff; text-decoration: none; display: flex; align-items: center; justify-content: space-between; } .shop-cat-menu .shop-cat-card-list i { font-size: 10px; color: #000; opacity: 0; visibility: hidden; transition: 0.2s ease-in-out; transform: translateX(-1rem); } .shop-cat-menu .shop-cat-card-list a:is(:hover, :focus) { background: #F0F4FB; font-weight: 600; } .shop-cat-menu .shop-cat-card-list a:is(:hover, :focus) i { opacity: 1; visibility: visible; transform: translateX(0); } /* Shop category menu css */ .shop-head-btn .shop-offer-btn { padding: 10px 0; font-size: 1rem; line-height: 1.2; font-weight: 600; font-family: "Poppins"; text-transform: capitalize; transition: 0.2s ease-in-out; color: #000000; text-decoration: none; white-space: nowrap; } .shop-head-btn .shop-offer-btn i { margin-right: 5px; } @media (max-width: 1100px) { .header-13 .spnc-custom .spnc-nav .dropdown-menu li>a { color: #000000; } .header-13 .spnc-custom .spnc-toggle { border: none; float: left; margin: 0; font-size: 24px; } .shop-product-search { order: 3; max-width: 100%; flex: 100%; } .shop-product-search::before { content: ""; position: absolute; top: -10px; left: -20px; right: -20px; width: calc(100% + 40px); height: 1px; background: #d7d7d7; } .shop-cat-menu, .shop-head-btn { display: none; } .header-13.header-sidebar .spnc-custom .spnc-navbar { border: none; } .header-13.header-sidebar .spnc-container { max-width: 100%; } .header-13.header-sidebar .spnc-custom .spnc-header-logo .spnc-container { flex-wrap: wrap; } .header-13 .header-left { flex: 0 0 100%; order: 1; display: flex; align-items: center; justify-content: center; } .header-13 .header-right { flex: 0 0 100%; order: 2; } .header-13 .header-center { flex: 1 0 100%; order: 3; margin-top: 20px; } .header-13 .uti-btns { justify-content: left; } .header-13.header-sidebar .spnc-custom .spnc-navbar .spnc-container { position: unset; } .header-13 .spnc-custom .spnc-toggle { color: #89d395; position: absolute; right: 15px; bottom: 80px; } .header-13.header-sidebar .spnc-custom .spnc-header-logo { padding-bottom: 10px; padding-top: 10px; } } @media (max-width: 768px) { .header-13 .spnc-topbar .spnc-trending-widget { width: 100%; text-align: center; } .header-13 .spnc-trending-widget .spnc-trending-title:after, .header-13 .spnc-date-social .head-date:after { color: transparent; padding-left: 0; Padding-right: 0; opacity: 0; } .header-13 .spnc-topbar .widget.spnc-date-social { float: unset; padding-bottom: .5rem; } } @media(max-width:767px) { .shop-product-search form::after, .shop-product-search .shop-product-cat-search { display: none; } } .product-search-results-container { position: absolute; background: #fff; width: 100%; top: 100%; z-index: 1; left: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .product-search-results-container .product-search-result-card { padding: 5px 10px; } .product-search-results-container .product-search-result-card:first-child { padding-top: 10px; } .product-search-results-container .product-search-result-card:last-child { padding-bottom: 10px; } .product-search-results-container .product-search-result-card a { display: flex; gap: 10px; } .product-search-results-container .product-search-result-card .product-search-thumb img { width: 80px; } .product-search-results-container .product-search-result-card .product-search-info { display: flex; flex-direction: column; } .header-13 .spnc-widget-toggle { margin: 18px 8px 12px 5px; } .shop-cat-menu .shop-cat-card-list .cat-item .children, .shop-cat-menu .shop-cat-card-list .menu-item .sub-menu { position: absolute; left: 100%; top: 0; margin: 0; padding: 0; width: 100%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; transition: 0.2s; transform: translateY(1rem); transform-origin: center top; opacity: 0; visibility: hidden; } .shop-cat-menu .shop-cat-card-list .cat-item:hover>.children, .shop-cat-menu .shop-cat-card-list .menu-item:hover>.sub-menu { opacity: 1; visibility: visible; transform: translateY(0px); } .shop-cat-menu .shop-cat-card-list .cat-item:has(.children):after, .shop-cat-menu .shop-cat-card-list .menu-item:has(.sub-menu):after { content: "\f105"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #000; font-family: FontAwesome; } @media(max-width: 1100px) { .header-13 .spnc-widget-toggle { display: none; } .header-13 .spnc-custom .header-cart.spnc-nav { display: block; background-color: transparent; } } .header-13 .spnc-custom .header-cart.spnc-nav li>a.cart-icon { border: 0; padding: 0 5px; position: relative; font-size: 20px; } .header-13 .spnc-custom .header-cart.spnc-nav li>a.cart-icon .cart-count { position: absolute; top: -5px; right: -5px; color: #fff; border-radius: 50%; padding: 2px; min-width: 18px; height: 18px; font-size: 12px; line-height: 1; font-weight: 600; font-family: "Poppins"; display: grid; place-content: center; } .header-13 .spnc-dark-icon { font-size: 20px; color: #000000; } .header-13 .spnc-dark-layout { margin: 12px 8px 12px 5px; } .header-13 .product-search-results-container .searching-text, .header-13 .product-search-results-container .no-results { padding: 10px; } .header-13 .head-contact-info i, .header-13 .spnc-custom .spnc-toggle:focus { color: #fff; } .shop-cat-menu .shop-cat-card-list .cat-item.open-sub>.children { opacity: 1; visibility: visible; transform: translateY(0px); } /* keyboard / focus support — shows submenu when parent or its descendants are focused */ .header-13 .shop-cat-menu .shop-cat-card-list .cat-item:focus-within>.children, .header-13 .shop-cat-menu .shop-cat-card-list .menu-item:focus-within>.sub-menu { opacity: 1; visibility: visible; transform: translateY(0px); } /* optional — ensure keyboard-visible class also respects same rules (JS fallback) */ .header-13 .shop-cat-menu .shop-cat-card-list .cat-item.keyboard-open>.children, .header-13 .shop-cat-menu .shop-cat-card-list .menu-item.keyboard-open>.sub-menu { opacity: 1; visibility: visible; transform: translateY(0px); } body .shop-cat-menu-head:focus { outline: 2px dotted #000; } @media (min-width: 1100px) { .header-13.header-sidebar .spnc-custom .spnc-navbar { box-shadow: 4px 0 15px rgba(0, 0, 0, 0.06); } } .spnc-wrapper.spnc-btn-1 .spnc-blog-home .spnc-main-wrapper { position: relative; text-align: center; display: -webkit-box; border-radius: unset; background-color: transparent; margin-bottom: 20px; } .spnc-wrapper.spnc-btn-1 .spnc-blog-home .spnc-main-wrapper-heading { border-radius: unset; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: unset; display: grid; place-content: center; padding: 0.5rem; height: auto; position: relative; } .spnc-wrapper.spnc-btn-1 .spnc-blog-home .spnc-blog-title { color: #fff; margin-bottom: 0; padding: 0px 8px; font-weight: 700; letter-spacing: 2px; font-size: 1.25rem; } .spnc-blog-home .spnc-list-box { background-color: #fff; padding: 20px 20px 0; box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05); } .spnc-blog-home .spnc-main-wrapper { border-radius: 50px; margin: 0; padding: 0; overflow: hidden; display: inline-block; position: relative; text-align: center; margin-bottom: 15px; } .spnc-blog-home .spnc-main-wrapper-heading { height: auto; padding: 0.5rem; position: relative; background-color: #fff; margin: 1px 5px; border-radius: 50px; } .spnc-blog-home .spnc-blog-title { margin-bottom: 0; padding: 0px 30px; font-size: 1.25rem; font-weight: 700; letter-spacing: 2px; }
💾 Save Changes
❌ Cancel