/* Theme Name: JupiterX Child Theme URI: https://jupiterx.artbees.net/ Template: jupiterx Author: Artbees Author URI: https://artbees.net/ Description: Jupiter X is a fast, light, and powerful WordPress theme for building all kinds of websites. Jupiter X allows you to customize literally every inch of your website using a powerful visual editor. With the help of WordPress Customizer technology and Elementor page builder, it offers a seamless and limitless control, of both global and in-page elements. With the header and footer builder, you can design your own header and footers from scratch. And for the first time ever, you can customize the most untouchable parts of your WooCommerce shop including product list, product single, shopping cart, and checkout pages with Shop Customizer. Jupiter X is also the first theme to enable its users to completely reinvent the look of their blog list, portfolio list, and blog single page. You can fully customize your single post and turn off blog elements such as social media, comment section, and meta info. Jupiter X comes with captivatingly beautiful ready-made website templates to help you get started real quick. It’s extremely developer-friendly and absolutely scalable. With the help of Beans, Bootstrap, and ACF you can easily extend Jupiter X in the most enjoyable and accurate way possible. Jupiter X is a makeover of Jupiter X WP theme with 100000 users in the Envato market as of October 2018. Jupiter X builds websites you cannot create with any other tool. Build yours now! jupiterx.com Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,e-commerce,featured-images,full-width-template,threaded-comments,blog,custom-colors,grid-layout,rtl-language-support,footer-widgets,theme-options,translation-ready,custom-menu Version: 2.5.2.1666328096 Updated: 2022-10-21 00:54:56 */ *, *::before, *::after {box-sizing: border-box;} body{margin: 0; padding: 0; box-sizing:border-box; overflow-x:hidden;} h1, h2, h3, h4, h5, h6{margin: 0;} a, button{text-decoration: none; outline: none !important; transition: 0.3s ease-in-out; box-shadow: none !important;} p{margin: 0;} .jupiterx-site{overflow: hidden;} .jupiterx-header{position: fixed !important; width: 100% !important; z-index: 9999 !important; top: 0; left: 0; transition: 0.3s ease-in-out;} .sticky .jupiterx-header{background-color: #252525;} .jupiterx-header .header-main > .e-con-inner, .jupiterx-header .hed-menu > .e-con-inner{transition: 0.3s ease-in-out;} .sticky .jupiterx-header .header-main > .e-con-inner{padding: 15px 0;} .sticky .jupiterx-header .hed-menu > .e-con-inner{padding-top: 15px;} .jupiterx-header .header-main .social-header { transition: 0.5s ease-in-out;} .sticky .jupiterx-header .header-main .social-header {display:none; transition: 0.5s ease-in-out;} .green-text{color: #87c345;} .mw-218 .elementor-button{min-width: 218px;} .hed-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul.sub-menu{top: 150% !important;} .home-banner{max-width: 97% !important; margin: 0 auto !important;} .service-info .elementor-widget-container{position: relative; padding-bottom: 100%;} .service-info .pp-info-box-container{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .service-info .pp-info-box{width: 100%; height: 100%; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; background: rgb(0 0 0 / 70%); border-radius: 30px; transition: 0.3s ease-in-out;} .service-info .pp-info-box .pp-info-box-icon-wrap{visibility: visible; opacity: 1; transition: 0.3s ease-in-out; filter: brightness(0) invert(1);} .service-info .pp-info-box:hover{background: rgb(0 0 0 / 85%);} .service-info .pp-info-box:hover .pp-info-box-icon-wrap{/*visibility: hidden; opacity: 0;*/ filter:unset;} .service-info .pp-info-box .pp-info-box-content{visibility: visible; opacity: 1; transition: 0.3s ease-in-out; width: 100%; filter: brightness(0) invert(1);} .service-info .pp-info-box:hover .pp-info-box-content{/*visibility: hidden; opacity: 0;*/ filter:unset;} .service-info .pp-info-box .pp-info-box-icon-wrap{margin-top: 36px !important; transition: 0.3s ease-in-out;} .service-info .pp-info-box:hover .pp-info-box-icon-wrap{margin-top: 36px !important;} .service-info .pp-info-box:hover .pp-info-box-icon-wrap svg{fill:#86df00 !important; transition:all 0.3s ease-in-out;} .banner-link a{border-bottom: solid 3px #88c245;} .home-playicon img{cursor: pointer;} .juo-box:before{mix-blend-mode: soft-light !important; transition: 0.3s ease-in-out !important;} .juo-box{position: relative !important; padding-bottom: 100%; transition: 0.3s ease-in-out !important;} .juo-box > .e-con-inner{position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important;} .juo-box:hover{background-color: #000 !important} .juo-box:hover:before{opacity: 0.15 !important; mix-blend-mode: unset !important;} .digital-table .elementor-widget-container{background-color: #f5f6f7; padding: 10px; border-radius: 30px;} .digital-table .elementor-price-table{border-radius: 15px; overflow: hidden; border: solid 1px #EAECED;} .digital-table .elementor-price-table__header{margin-bottom: 20px;} .digital-table .elementor-price-table__features-list li .elementor-price-table__feature-inner{display: flex; align-items: center; justify-content: center;} .digital-table .elementor-price-table__features-list li .elementor-price-table__feature-inner .e-fas-times-circle + span{color: #E0E3E4;} .digital-table .elementor-price-table__features-list li.elementor-repeater-item-060838a .elementor-price-table__feature-inner{flex-direction: row-reverse;} .digital-table .elementor-price-table__features-list li span a{color: #88c245;} .digital-table .elementor-price-table__features-list li:before{border-top-width: 1px;} .digital-table .elementor-price-table__ribbon{width: 80px; height: 80px; transform: none; top: -40px; right: 40px; overflow: visible;} .digital-table .elementor-price-table__ribbon .elementor-price-table__ribbon-inner{transform: none; height: 100%; width: 100%; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 100px;} .faq .pp-accordion-item{background: #fff; border-radius: 25px;} .faq .pp-accordion-item:last-child{margin-bottom: 0 !important;} .faq .pp-accordion-item.pp-accordion-item-active .pp-accordion-tab-title{border-radius: 25px 25px 0px 0px !important;} .faq .pp-accordion-item .pp-accordion-tab-content{border-radius: 0 0 25px 25px;} .faq-video, .faq-video .elementor-jet-video, .faq-video .jet-video{height: 100%;} .faq-video .jet-video .jet-video-html5-player{object-fit: cover; height: 100%;} .foot-menu ul li a{position: relative; padding-right: 50px !important; display: inline-block !important; transition: 0.3s ease-in-out !important;} .foot-menu ul li a:before{position: absolute; content: ""; background: url(./images/arrow.svg) center no-repeat; background-size: contain; width: 25px; height:15px; right: 10px; top: 0; top: 50%; transform: translateY(-50%) !important; opacity: 1 !important; transition: 0.3s ease-in-out; transition-duration: 0.3s !important;} .foot-menu ul li a:hover:before{right: 0 !important;} .foot-menu-new ul li a{position: relative; padding-left: 40px !important; display: inline-block !important; transition: 0.3s ease-in-out !important;} .foot-menu-new ul li a:hover{ padding-left: 50px !important; } .foot-menu-new ul li a:before{position: absolute; content: ""; background: url(./images/green-arrow.svg) center no-repeat; background-size: contain; width: 25px; height:15px; left: 0px; top: 0; top: 50%; transform: translateY(-50%) !important; opacity: 1 !important; transition: 0.3s ease-in-out; transition-duration: 0.3s !important;} .foot-menu-new ul li a:hover:before{left: 10px !important;} .home-twitter-feed .feed-row-1{margin-left:250px;} .home-twitter-feed .feed-row-2{margin-left:-250px;} .twitter-feeds-main .feeds-inner{display: flex; flex-wrap: wrap; gap: 32px;} .twitter-feeds-main .feed-row-1, .twitter-feeds-main .feed-row-2{align-items: center;display: flex;flex: none;flex-direction: row;flex-wrap: nowrap;gap: 32px;height: min-content;justify-content: center;overflow: visible;padding: 0;position: relative; width: 100%;} .twitter-inner{background-color: rgb(255, 255, 255); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.067) 0px 0.602187px 2.28831px -0.75px, rgba(0, 0, 0, 0.07) 0px 2.28853px 8.69643px -1.5px, rgba(0, 0, 0, 0.082) 0px 10px 38px -2.25px, rgba(0, 0, 0, 0.1) 0px 32px 64px 0px; align-items: center;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 10px;height: 230px;justify-content: center;overflow: hidden;padding: 16px;position: relative;width: 400px;will-change: transform;} .twitter-inner .twitter-tweet{flex: 1 0 0px; height: 100%; overflow: hidden; position: relative; width: 1px; margin: 0;} .twitter-img{align-items: flex-end;cursor: pointer;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 10px;height: 230px;justify-content: flex-start;overflow: hidden;padding: 24px;position: relative;width: 320px; border-radius: 24px;will-change: transform; box-shadow: rgba(0, 0, 0, 0.067) 0px 0.602187px 2.28831px -0.75px, rgba(0, 0, 0, 0.07) 0px 2.28853px 8.69643px -1.5px, rgba(0, 0, 0, 0.082) 0px 10px 38px -2.25px, rgba(0, 0, 0, 0.1) 0px 32px 64px 0px;} .twitter-img .tw-img{position: absolute;border-radius: 24px;top: 0;right: 0;bottom: 0;left: 0; box-sizing: border-box;} .twitter-img .tw-img img{display: block;width: 100%;height: 100%;border-radius: inherit;object-position: center; object-fit: cover;image-rendering: auto; box-sizing: border-box;} .text{align-items: center;display: flex;flex: 1 0 0px;flex-direction: row;flex-wrap: nowrap;gap: 10px;height: min-content;justify-content: center;overflow: visible;padding: 0;position: relative;width: 1px;z-index: 2;} .text p{color: #fff; font-family: "GT-Planar-Regular-Trial", Sans-serif; margin-bottom: 0; font-size: 20px; text-shadow: -2px 1px 35px rgba(0, 0, 0, 0.14);} .feed-box a{color:#88c245 !important;} .feed-box a:hover{color:#000 !important;} .left-green{position: absolute !important; left: 0; z-index: -1;} .left-green .background-image{text-align: left;} .right-green{position: absolute !important; right: 0; z-index: -1;} .right-green .background-image{text-align: right;} .play-icon { border-radius: 50%; width: 237px; height: 237px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; margin: 0px auto; cursor: pointer; position: relative; } .stroke-solid { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 3px; -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease; transition: stroke-dashoffset 1s ease, opacity 1s ease; } .stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; -webkit-transition: opacity 1s ease, stroke-width 1s ease; transition: opacity 1s ease, stroke-width 1s ease; } .icon { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; } #play:hover .stroke-solid { opacity: 0; stroke-dashoffset: 300; } #play:hover .stroke-dotted { stroke-width: 4px; opacity: 1; } #play:hover .icon { -webkit-transform: scale(1.05); transform: scale(1.05); } .triangle{animation: fadeIn 7s ease;} .path { stroke-dasharray: 90; stroke-dashoffset: 0; -webkit-animation: triangleStroke 3s; animation: triangleStroke 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; } .lhside,.rhside,.upside,.downside,.expnd{ visibility:hidden;} .slideRight{animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important;} @keyframes slideRight { 0% {transform: translateX(-30%);} 100% {transform: translateX(0%);} } @-webkit-keyframes slideRight { 0% {-webkit-transform: translateX(-30%);} 100% {-webkit-transform: translateX(0%);} } .slideLeft{animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important;} @keyframes slideLeft { 0% {transform: translateX(30%);} 100% {transform: translateX(0%);} } @-webkit-keyframes slideLeft { 0% {transform: translateX(30%);} 100% {transform: translateX(0%);} } /* Industry Page */ .img-box .pp-info-box-container{overflow:hidden;} .img-box .pp-info-box-container .pp-info-box {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .img-box .pp-info-box-container .pp-info-box .pp-info-box-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; } .img-box .pp-info-box-container .pp-info-box .pp-info-box-icon-wrap .pp-info-box-icon{width:100%;} .img-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer a .pp-icon svg{width:40px; height:40px;} .blur-sec{backdrop-filter: blur(15px);} .srv-arrow > a{position:relative !important; padding-right:0px!important;} .srv-arrow > a:before {content: "\f107 "; font-family: 'FontAwesome'; font-size: 18px; position: absolute; top: 2px; right: 0px; transform: translate(0px, 0px); transition:all 0.3s ease-in-out; display:none;} .srv-arrow > a:hover:before{transform:rotate(180deg);} /* Web Design Page */ .dark-list ul li .pp-icon-list-text { display: flex; flex-direction: row; align-items: baseline; flex-wrap:wrap; } .dark-list ul li .pp-icon-list-text a{border-bottom: solid 3px #88c245; margin:0 5px;} .banner-link-new a{border-bottom: solid 3px #88c245; color:#515151 !important;} .banner-link-new a:hover{ color:#92d14a !important;} .left-shpas .elementor-widget-container{position:relative;} .left-shpas .elementor-widget-container:before{content:"" !important; position:absolute; left:10px; top:0; height:375px; width:17px; border-left:solid 17px #88c245; border-radius:10px; display:block !important;} .right-shpas .elementor-widget-container{position:relative;} .right-shpas .elementor-widget-container:before{content:"" !important; position:absolute; right:-10px; top:0; height:375px; width:17px; border-left:solid 17px #88c245; border-radius:10px; display:block !important;} .web-box .e-con-inner{position:relative;} .web-box .e-con-inner:before { content: "" !important; position: absolute; top: 45px; left: 0px; width: 100%; border-top: 1px dashed #9f9e9e; transform: translate(0px, 25px); z-index: 0; } .price-table .elementor-price-table { background: #FFF; border-radius: 20px; box-shadow: 12px 12px 27px 10px rgb(0 0 0 / 5%); padding: 0 0 50px 0; } .price-table .elementor-price-table .elementor-price-table__header{display:inline-block; border-radius:100px; margin:-70px 0 0 0;} .price-table .elementor-price-table .elementor-price-table__features-list li{padding:20px 10px; background:#e4e4e4;} .price-table .elementor-price-table .elementor-price-table__features-list li:nth-child(even) {background:#FFF;} .price-table .elementor-price-table .elementor-price-table__features-list li:before{display:none !important;} .price-table .elementor-price-table .elementor-price-table__features-list li svg{width:18px; height:18px;} .price-table .elementor-price-table .elementor-price-table__features-list li{} .logo-sec .pp-logo-grid {align-items:center;} .logo-sec .pp-logo-grid .elementor-grid-item {display:flex; align-items:center; justify-content:center;} .logo-sec .pp-logo-grid .pp-logo-wrap img{opacity:1; filter:grayscale(100%); transition:all 0.3s ease-in-out;} .logo-sec .pp-logo-grid .pp-logo-wrap:hover img{opacity:1; filter:none;} /* About Us Page */ .service-info-box, .service-info-box .elementor-widget-container, .service-info-box .elementor-widget-container .pp-info-box-container{height:100%;} .service-info-box a .pp-info-box{background:rgb(32 32 32 / 50%); width:100%; height:100%; border-radius:30px; padding:30px 0 0 0; transition:all 0.3s ease-in-out;} .service-info-box a .pp-info-box:hover{background:#000;} .service-info-box a .pp-info-box .pp-info-box-icon-wrap, .service-info-box a .pp-info-box .pp-info-box-content{transition:all 0.3s ease-in-out;} .service-info-box a .pp-info-box:hover .pp-info-box-content .pp-info-box-title{color:#86df00;} .service-info-box a .pp-info-box .pp-info-box-icon-wrap img{filter: brightness(0) invert(1);} .service-info-box a .pp-info-box:hover .pp-info-box-icon-wrap img{filter:none;} /* Service Page */ .info-list, .info-list .elementor-widget-container, .info-list .elementor-widget-container .pp-info-box-container{height:100%;} .info-list a .pp-info-box .pp-info-box-icon-wrap img{width:70px; max-width:70px;} /* blog page */ .jupiterx-main-content{padding: 0 0 0 0!important;} .jupiterx-main-content > .container{max-width: 100% !important; padding: 0 0 0 0!important;} .jupiterx-main-content > .container > .row {margin: 0 0 0 0!important;} .jupiterx-main-content > .container > .row #jupiterx-primary{padding: 0 0 0 0 !important;} .section-white {padding: 100px 10px;} .section-white .home-latest{display: flex; flex-wrap: wrap; max-width: 1140px; margin: 0 auto;} .section-white .home-latest .blog-left{width: 70%; box-sizing: border-box; padding-right: 30px;} .section-white .home-latest .blog-right{width: 30%; box-sizing: border-box; padding: 0 10px 0;} .section-white .blog-left .blog-box{padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #00000026;} .section-white .blog-left .blog-box:last-child{ margin-bottom: 0;} .section-white .blog-left .blog-box .img-link a{ display:flex; position:relative; padding-bottom:60%; } .section-white .blog-left .blog-box .img-link a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position:center;} .section-white .blog-left .blog-box .product-detail .post-meta{font-family: "GT-Planar-Regular-Trial", Sans-serif; font-size: 16px; font-weight: 600; line-height: 1.2em; color: #515151; margin: 20px 0 15px; padding: 0;} .section-white .blog-left .blog-box .product-detail .post-meta a{color: #515151; text-decoration: none;} .section-white .blog-left .blog-box .product-detail .post-meta a:hover{color: #88C245;} .section-white .blog-left .blog-box .product-detail h3{font-family: "BebasNeue Bold", Sans-serif; color: #FFF; font-size:30px; } .section-white .blog-left .blog-box .product-detail h3 a{text-decoration: none; color: #000;} .section-white .blog-left .blog-box .product-detail h3 a:hover{color: #88C245;} .section-white .blog-left .blog-box .product-detail .post-content {font-family: "GT-Planar-Regular-Trial", Sans-serif; font-size: 17px; font-weight: 400; line-height: 28px; color: #515151;} .section-white .blog-left .blog-box .product-detail .read-link{display: flex; flex-wrap: wrap; gap: 15px; justify-content: flex-start; align-items: center; margin-top: 15px; position: relative;} .section-white .blog-left .blog-box .product-detail .read-link a {display: inline-flex; align-items: center; justify-content: center;} .section-white .blog-left .blog-box .product-detail .read-link a.btn-share{padding: 10px; border: solid 1px #000; background: #000; fill: #FFF;} .section-white .blog-left .blog-box .product-detail .read-link a.btn-share:hover{ background: transparent; fill: #000;} .section-white .blog-left .blog-box .product-detail .read-link > a > svg{width: 20px;height: 20px;} .section-white .blog-left .blog-box .product-detail .read-link a.btn { font-family: "BebasNeue Bold", Sans-serif; color: #FFF; font-size: 25px; line-height: 1em; font-weight: 700; background: #88C245; border: solid 2px #88C245; padding: 15px 35px; border-radius: 50px; box-sizing: border-box; letter-spacing: 0.75px; } .section-white .blog-left .blog-box .product-detail .read-link a.btn:hover{background: transparent; color: #88C245;} .section-white .blog-left .blog-box .product-detail .read-link .share-hide { display: none; position: absolute; top: -60px; background: #000; padding: 10px; left: 0; } .section-white .blog-left .blog-box .product-detail .read-link .share-hide:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #000; position: absolute; bottom: -12px; left: 10px; } .section-white .blog-left .blog-box .product-detail .read-link .share-hide a span{background-color: transparent !important;} .section-white .blog-left .blog-box .product-detail .read-link .share-hide a span svg path{transition: all 0.3s ease-in-out;} .section-white .blog-left .blog-box .product-detail .read-link .share-hide a:hover span{opacity: 1 !important;} .section-white .blog-left .blog-box .product-detail .read-link .share-hide a:hover span svg path{fill: #88C245;} .section-white .home-latest .blog-left .blog-pagination {width:100%; text-align:center;} .section-white .home-latest .blog-left .blog-pagination ol li a{background: #FFF !important; border: 1px solid #000 !important; color: #000 !important;} .section-white .home-latest .blog-left .blog-pagination ol li .current{background: #88C245 !important; border: 1px solid #88C245 !important; color: #FFF !important;} .section-white .home-latest .blog-left .blog-pagination ol li .gap{color:#000 !important;} /* blog-sidebar */ .blog-sidebar > li{list-style-type: none; padding: 10px; background: #8383832b; margin: 0 0 20px 0;} .blog-sidebar #block-8, .blog-sidebar #block-10, .blog-sidebar #block-12{margin: 0;} .blog-sidebar li h2{font-size: 32px; line-height: 1.2em; margin: 0;} .blog-sidebar li form .wp-block-search__inside-wrapper {background: #fff; border: none;} .blog-sidebar li form input{background: transparent; color: #000; } .blog-sidebar li form button{background: transparent; padding: 0; border: none; fill: #000; } .blog-sidebar li form svg{ fill: #000; } .blog-sidebar li .recent-post-main .recent-box .box-inner{display: flex; flex-wrap: wrap; align-items: center; margin-bottom:15px;} .blog-sidebar li .recent-post-main .recent-box .box-inner a img{width: 70px; height: 70px; border-radius: 50%; object-fit: cover;} .blog-sidebar li .recent-post-main .recent-box .box-inner .post-details {width: 75%; box-sizing: border-box; padding: 0 0 0 10px;} .blog-sidebar li .recent-post-main .recent-box .box-inner .post-details h3{font-size: 16px; font-weight: 600; line-height: 1.2em; margin: 0px 0 5px; padding: 0;} .blog-sidebar li .recent-post-main .recent-box .box-inner .post-details h3 a{color: #000; text-decoration: none;} .blog-sidebar li .recent-post-main .recent-box .box-inner .post-details h3 a:hover{color: #88C245;} .blog-sidebar li .recent-post-main .recent-box .box-inner .post-details span{font-family: "GT-Planar-Regular-Trial", Sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2em; margin: 0px; padding: 0; color: #515151;} .blog-sidebar li.widget_tag_cloud ul, .blog-sidebar li.widget_categories ul{margin: 0; padding: 0 ; list-style: none;} .blog-sidebar li.widget_categories ul li{margin: 0 0 10px;} .blog-sidebar li.widget_tag_cloud a, .blog-sidebar li.widget_categories ul li a { background: transparent; color: #000; text-decoration: none; font-size: 16px !important; font-weight: 400; line-height: 1.1em; font-family: "GT-Planar-Regular-Trial", Sans-serif; border: 0; padding: 0; margin: 0; } .blog-sidebar li.widget_categories ul li a:hover{color: #515151;} .blog-sidebar li.widget_tag_cloud a { border: solid 1px #515151; padding: 6px; margin: 2px; display: inline-block; border-radius: 0; height: auto; word-wrap: break-word; white-space: break-spaces; text-align: left; } .blog-sidebar li.widget_tag_cloud a:hover{background: #000 ; color: #fff ; } .blog-sidebar li p:empty{margin: 0;} /*Blog Details*/ .jupiterx-primary{padding: 0 0 0 0!important;} .jupiterx-primary > .container{max-width: 100% !important; padding: 0 0 0 0!important;} .jupiterx-primary > .container > .row {margin: 0 0 0 0!important;} .single-main {display: flex; flex-wrap: wrap; max-width: 1140px; margin: 0 auto; padding: 100px 10px;} .single-main .single-left{width: 70%; box-sizing: border-box; padding-right: 30px;} .single-main .single-right{width: 30%; box-sizing: border-box; padding: 0 10px 0;} .single-main .single-post{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #00000026; } .single-main .single-post .blog-media{position: relative; padding-bottom: 60%; display: flex;} .single-main .single-post .blog-media img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center;} .single-main .single-post .post-meta{font-family: "GT-Planar-Regular-Trial", Sans-serif; font-size: 16px; font-weight: 600; line-height: 1.2em; color: #515151; margin: 20px 0 15px; padding: 0;} .single-main .single-post .post-meta a{color: #515151; text-decoration: none;} .single-main .single-post .post-meta a:hover{color: #88C245;} .single-main .single-post h1{font-family: "BebasNeue Bold", Sans-serif; color: #000; font-size:45px; line-height:1.2em; } .single-main .single-post h2{font-family: "BebasNeue Bold", Sans-serif; color: #000; font-size:35px; line-height:1.2em; } .single-main .single-post .post-content p, .post-content ul li, .post-content ol li, .post-content table tr td{font-family: "GT-Planar-Regular-Trial", Sans-serif; font-size: 17px; font-weight: 400; line-height: 28px; color: #515151;} .post-content table tr td{padding:10px; border:solid 1px #000;} .single-main .single-post .post-content a{color:#86DF00;} .single-main .single-post .post-content a:hover{color:#515151;} .single-main .single-post .post-content img{width: auto; height: auto; max-width: 100%; padding:0 0 20px 0; display:block; margin: 0 auto;} .single-main .single-post h3{font-family: "BebasNeue Bold", Sans-serif; color: #000; font-size:30px; line-height:1.2em; } .single-main .single-post .post-tag {margin-bottom: 15px;} .single-main .single-post .post-tag a{ border: solid 1px #515151; padding: 6px; margin: 2px; display: inline-block; border-radius: 0; background: transparent; color: #000; text-decoration: none; font-size: 16px !important; font-weight: 400; line-height: 1.1em; font-family: "GT-Planar-Regular-Trial", Sans-serif;} .single-main .single-post .post-tag a:hover{background: #000 ; color: #fff ; } .single-main .single-post .single-share a span{background-color: transparent !important;} .single-main .single-post .single-share a span svg path{transition: all 0.3s ease-in-out;} .single-main .single-post .single-share a:hover span{opacity: 1 !important;} .single-main .single-post .single-share a span svg path{fill: #000;} .single-main .single-post .single-share a:hover span svg path{fill: #88C245;} /*Related Post*/ .single-main .related-blog-main h2{color: #000; font-size:35px; line-height:1.2em; margin: 0 0 15px 0;} .single-main .related-blog-main .related-inner {display: flex; flex-wrap: wrap; gap: 10px;} .single-main .related-blog-main .related-inner .related-box{width: calc(33.33% - 7px); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;} .single-main .related-blog-main .related-inner .related-box .blog-thumb a{position: relative; padding-bottom: 60%; display: flex;} .single-main .related-blog-main .related-inner .related-box .blog-thumb a img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center;} .single-main .related-blog-main .related-inner .related-box .blog-title h6{font-family: "GT-Planar-Regular-Trial", Sans-serif; font-size: 16px; font-weight: 600; line-height: 1.2em; padding: 10px; margin: 0;} .single-main .related-blog-main .related-inner .related-box .blog-title h6 a{color: #515151; text-decoration: none;} .single-main .related-blog-main .related-inner .related-box .blog-title h6 a:hover{color: #88C245;} .single-main .related-blog-main .related-inner .related-box .post-content{font-family: "GT-Planar-Regular-Trial", Sans-serif; font-size: 15px; font-weight: 400; line-height: 1.2em; color: #515151; padding: 0 10px 10px; margin: 0;} .thank-info, .thank-info .elementor-widget-container, .thank-info .pp-info-box-container{height:100%;} .submit-form .gform_heading{display:none;} @media only screen and (min-width: 1023px) and (max-width: 1367px){ .main-menu nav ul li a{font-size: 16px !important;} .cl-btn .elementor-widget-container{font-size:14px !important; line-height:1.1;} .hed-cl a.raven-button{width:200px !important; padding: 12px 20px !important;} .hed-cl .raven-button .button-text{font-size:16px !important;} } @media only screen and (max-width: 1260px){ .hed-menu nav ul li a{font-size: 16px !important; margin: 0 7px !important;} .main-menu .raven-nav-menu-horizontal .raven-nav-menu > li:not(:last-child){margin-right: 15px !important;} } @media only screen and (max-width: 1024px){ .jupiterx-header {background-color: #252525;} .jupiterx-site{padding-top: 99px !important;} #rmp_menu_trigger-660{padding: 0 !important; outline: none; box-shadow: none; right: 20px !important; top: 22px !important; border:none !important;} #rmp-container-660{top: 98px !important; padding-top: 30px;} #rmp-container-660 .rmp-submenu-depth-1{padding-left:15px !important;} #rmp-menu-wrap-660 .rmp-menu-item-link{padding-left: 20px !important;} #rmp-menu-wrap-660 .rmp-menu-subarrow{right: 10px;} .faq .pp-accordion-item .pp-accordion-tab-content{border-radius: 0 0 20px 20px} .jupiterx-header .header-main .social-header {display:none;} .info-list a .pp-info-box .pp-info-box-icon-wrap img {width: 60px; max-width: 60px; } .section-white { padding: 60px 10px; } .section-white .home-latest .blog-left { width: 65%; padding-right: 10px; } .section-white .home-latest .blog-right {width: 35%; padding: 0 0px 0; } .blog-sidebar li .recent-post-main .recent-box .box-inner a img { width: 50px; height: 50px;} .single-main {padding: 60px 10px;} .single-main .single-left{width: 65%; padding-right: 10px;} .single-main .single-right{width: 35%; padding: 0 0px 0;} .single-main .related-blog-main .related-inner .related-box {width: calc(50% - 5px); } } @media only screen and (max-width: 767px){ .jupiterx-site {padding-top: 90px!important; } #rmp-container-660 { top: 90px!important; padding-top: 30px; } .digital-table .elementor-price-table__ribbon{width: 60px; height: 60px; top: -10px; right: 10px;} .img-box .pp-info-box-container .pp-info-box .pp-info-box-content .pp-info-box-footer a .pp-icon svg{width:30px; height:30px;} .sticky .jupiterx-header .header-main > .e-con-inner {padding: 20px 0; } .web-box .e-con-inner:before{border-top: 0px dashed #9f9e9e;} .left-shpas .elementor-widget-container:before{border-left:solid 0px #88c245;} .info-list a .pp-info-box .pp-info-box-icon-wrap img {width: 50px; max-width: 50px; } .section-white { padding: 40px 10px; } .section-white .home-latest .blog-left { width: 100%; padding-right: 0px; } .section-white .home-latest .blog-right {width: 100%; padding: 0 0px 0; margin: 30px 0 0 0; } .single-main {padding: 40px 10px;} .single-main .single-left{width: 100%; padding-right: 0px;} .single-main .single-right{width: 100%; padding-top: 30px; margin-top: 30px;border-top: solid 1px #00000026; } .single-main .related-blog-main .related-inner .related-box {width: 100%; } } ul.raven-nav-menu .sub-arrow svg { width: 16px !important; fill: #fff !important; margin-left: 8px !important; margin-top: 8px !important; height: 12px !important; } .raven-nav-menu li.menu-item > a.raven-link-item .sub-arrow { display: none !important; }