/* Theme Name: JupiterX Child Description: Jupiter X Child Theme Author: Artbees Author URI: https://jupiterx.com Template: jupiterx Version: 1.0.0 Text Domain: jupiterx Domain Path: /languages License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Add your custom CSS codes in assets/less/style.less */ *{padding: 0; margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} a,a:hover,a:focus,a:active{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} p{padding:0 0; margin:0;} p:last-child{padding: 0; margin:0;} p:last-of-type{padding: 0; margin:0;} p:empty{padding:0; margin:0;} button:focus{border: none !important; outline: none !important;} body{padding: 0; margin: 0; box-sizing: border-box;} ul, ol{margin: 0; padding: 0 0 0 20px;} h1, h2, h3, h4, h5, h6{margin: 0;} .scrolltopbutton{display:none;} .sticky .fix-header{position:fixed; top:0; left:0; width:100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;} .hed-menu .e--pointer-underline .elementor-item:after{bottom: -20px;} .right-50-inner{max-width: 570px; margin: 0 auto 0 0;} .hed-menu li.menu-item-has-children{position: static;} .hed-menu li.menu-item-has-children.menu-item-351{position: relative;} .hed-menu li.menu-item-has-children.menu-item-22{position: relative;} .hed-menu li.menu-item-has-children ul.sub-menu{max-width: 774px; column-count: 3; padding: 20px;} .hed-menu li.menu-item-has-children.menu-item-351 ul.sub-menu{column-count: 1; min-width:460px !important;} .hed-menu li.menu-item-has-children ul.sub-menu li{display: flex; align-items: center; min-height: 52px; break-inside: avoid-column;} .hed-menu li.menu-item-has-children ul.sub-menu li a{border: none !important; border-radius: 5px !important;} .hed-menu li.menu-item-has-children ul.sub-menu li a img{width: 27px; padding: 0; margin:0 !important;} .hed-menu li.menu-item-has-children ul.sub-menu li a .menu-image{display:block !important;} /*.hed-menu li.menu-item-has-children ul.sub-menu li a .hovered-image{display:none !important;}*/ .hed-menu li.menu-item-has-children ul.sub-menu li a:hover .menu-image{filter: brightness(0) invert(1);} .hed-menu li.menu-item-has-children ul.sub-menu li.current-menu-item a .menu-image{/*filter: brightness(0) invert(1);*/} .hed-menu li.menu-item-has-children ul.sub-menu li.current-menu-item.nav-active a .menu-image{filter: brightness(0) invert(1);} /*.hed-menu li.menu-item-has-children ul.sub-menu li a:hover .hovered-image{display:block !important;}*/ .hed-menu li.menu-item-has-children ul.sub-menu li a span.menu-image-title{width: calc(100% - 37px);} .hed-menu li.menu-item-has-children.menu-item-22 ul.sub-menu { max-width: 230px !important; column-count: 1; padding: 20px; min-width: 230px !important;} .hed-menu li.menu-item-has-children.menu-item-22 ul.sub-menu li a span.menu-image-title{width:100%;} .icon-box, .icon-box .pp-info-box-container, .icon-box .pp-info-box-container .pp-info-box-container{height:100%;} .icon-box:hover{z-index:1;} .icon-box .pp-info-box-container .pp-info-box .pp-icon svg path{transition: all 0.5s ease-in-out;} .icon-box:hover .pp-info-box-container .pp-info-box .pp-icon svg path{fill:#FFF;} .icon-box:hover .pp-info-box-container .pp-info-box .pp-info-box-footer a{ color: #4EB303; background-color:#FFFFFF; border-color: #FFFFFF;} .icon-box .pp-info-box-container .pp-info-box .pp-info-box-footer a svg path{transition: all 0.5s ease-in-out;} .icon-box:hover .pp-info-box-container .pp-info-box .pp-info-box-footer a svg path{fill: #4EB303;} .left-inner-50{ max-width: 650px; margin: 0 0 0 auto; } .new-left-inner-50{ max-width: 570px; margin: 0 0 0 auto; } .img-box , .img-box .elementor-widget-container , .img-box .elementor-widget-container .pp-info-box-container{height:100%;} .srv-area-box , .srv-area-box .pp-info-box-container, .srv-area-box .pp-info-box-container .pp-info-box-container{height:100%;} .srv-area-box .pp-info-box-container .pp-info-box { display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; justify-content: center; align-items: center; padding-bottom:30px; position:relative;} .srv-area-box .pp-info-box-container .pp-info-box .pp-info-box-content{margin:0; position:absolute; bottom:0; width:100%;} .grid-logo .pp-logo-grid {align-items:center; justify-items:center;} .home-be-af .twentytwenty-horizontal .pp-image-comparison{max-height:700px;} #gform_1 #field_1_7 #input_1_7{ color: #FFFFFF; } #gform_1 #field_1_7 .gform_fileupload_rules{ color: #FFFFFF; } .green-hover ul li a:hover .elementor-icon-list-text{color:#4EB303 !important;} /* Blog pagination */ .blog-post .pp-post-wrap .pp-post-thumbnail-wrap a {display: block; position: relative; overflow: hidden; padding-bottom: 70%; } .blog-post .pp-post-wrap .pp-post-thumbnail-wrap a img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius:0px 0px 0 0; } .blog-pagination .navigation ol{text-align:center;} .blog-pagination .navigation ol li a{background: #fff; border: 1px solid #662C92; color: #000; margin-right: 5px; padding: 5px 10px; text-align: center; text-decoration: none; line-height: 1em; } .blog-pagination .navigation ol li .current{background: #662C92; border: 1px solid #662C92;margin-right: 5px; padding: 5px 10px;} /* Blog Sidebar */ .blog-sidebar .block-7 , .blog-sidebar .block-9, .blog-sidebar .block-8, .blog-sidebar .block-10, .blog-sidebar .block-11 {background-color: #f7f7f7!important; padding: 10px!important; } .blog-sidebar .block-9, .blog-sidebar .block-10 {margin: 0 !important; } .blog-sidebar .block-7 label { display: none !important; } .blog-sidebar .wp-block-search__inside-wrapper { border-radius: 0; font-size: 15px; font-weight: 600; border: 1px solid #949494; transition: 0.3s; padding: 5px; text-transform: capitalize; letter-spacing: 1px; } .blog-sidebar .wp-block-search__inside-wrapper input{font-size: 16px; font-weight: 400 !important; color: #151515; font-family: "Poppins", Sans-serif; line-height:1em; background:transparent;} .blog-sidebar .wp-block-search__inside-wrapper button{border:none; background:transparent;} .blog-sidebar .jupiterx-widget-content h2 { font-size: 22px; line-height: 1.3em; font-weight: 500; letter-spacing:0.025em; color: #151515; padding-bottom: 10px; position: relative; margin: 0; font-family: "Poppins", Sans-serif; margin:0 0 20px 0;} .blog-sidebar .jupiterx-widget-content h2:before { position: absolute; content: ""; width: 50px; height: 3px; background-color: #662C92; left: 0; bottom: 0; } .blog-sidebar .jupiterx-widget-content ul li a { font-size: 16px; font-weight: 400 !important; color: #151515; text-decoration: none !important; transition: 0.3s; line-height: 20px; font-family: "Poppins", Sans-serif; } .blog-sidebar .jupiterx-widget-content ul li a:hover { color: #662C92; } .process-boxs .elementor-element .elementor-element, .process-boxs .elementor-element .elementor-element .pp-info-box-container{height:100%;} /* News Page */ .news-listing .pp-posts-container .pp-post {align-items:flex-start;} .news-listing .pp-posts-container .pp-post .pp-post-thumbnail{flex-basis:35%;} .news-listing .pp-posts-container .pp-post .pp-post-thumbnail a{position:relative; display:flex; width:100%; padding-bottom:90%;} .news-listing .pp-posts-container .pp-post .pp-post-thumbnail a img{position: absolute; width:100%; height:100%; top:0; left:0; object-fit:contain; object-position:top center;} .single-news .jupiterx-main-content{padding:0; } .single-news .jupiterx-main-content .container{max-width:100%; padding-left:0; padding-right:0; } .single-news .jupiterx-main-content>.container>.row{margin-left:0; margin-right:0;} .single-news .jupiterx-main-content>.container>.row>[class*=col-] {padding-left:0; padding-right:0;} .news-single-main{padding:90px 20px; max-width:1180px; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px; } .news-single-main .single-left{width:calc(75% - 10px); box-sizing:border-box;} .news-single-main .news-sidebar{width:calc(25% - 10px); box-sizing:border-box;} .news-single-main .single-post .news-title h2{font-family:"Poppins",sans-serif; font-size:40px; line-height:50px; font-weight:600; color:#662C92; margin:0 0 20px 0;} .news-single-main .single-post .news-img img{width:100%; height:auto; max-width:100%; padding-bottom:20px;} .news-single-main .single-post .news-content {font-family:"Poppins",sans-serif; font-size:17px; line-height:27px; font-weight:400; color:#151515;} .news-sidebar {background:#f7f7f7; padding:10px; height:fit-content;} .news-sidebar li{list-style-type:none;} .news-sidebar li h2 { font-size: 24px; line-height: 1.3em; font-weight: 600; letter-spacing: .025em; color: #151515; position: relative; margin: 0; font-family: "Poppins",Sans-serif; margin: 0 0 20px 0; } .news-sidebar .latest-news-main .latest-inner {display:flex; flex-direction:column; gap:20px;} .news-sidebar .latest-news-main .latest-inner .news-item{box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;} .news-sidebar .latest-news-main .latest-inner .news-thumb a{position:relative; display:flex; width:100%; padding-bottom:55%;} .news-sidebar .latest-news-main .latest-inner .news-thumb a img{position: absolute; width:100%; height:100%; top:0; left:0; object-fit:cover; object-position:top center;} .news-sidebar .latest-news-main .latest-inner .news-title h4{font-size: 18px; line-height: 1.2em; font-weight: 600; letter-spacing: .025em; color: #151515; position: relative; margin: 0; font-family: "Poppins",Sans-serif; padding:10px;} .news-sidebar .latest-news-main .latest-inner .news-title h4 a{color:#662C92;} .news-sidebar .latest-news-main .latest-inner .news-title h4 a:hover{color:#151515;} .charity-slider .pp-info-box-container .pp-info-box{box-shadow:0px 0px 32px 0px rgba(34, 33, 34, 0.18);} .charity-slider .pp-info-box-container .pp-info-box .pp-info-box-icon-wrap .pp-info-box-icon{width:100%; padding-bottom:40%; position:relative; display:flex;} .charity-slider .pp-info-box-container .pp-info-box .pp-info-box-icon-wrap .pp-info-box-icon img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; object-position:center center;} .popup-main{display:flex; flex-direction:column; gap:15px;} .popup-main .img-dv img{width:100%; max-width:100%; height:auto;} .popup-main .btn-dv{text-align:center;} .popup-main .btn-dv a{display:inline-block; font-family: var(--e-global-typography-f277900-font-family), Sans-serif; font-size: var(--e-global-typography-f277900-font-size); font-weight: var(--e-global-typography-f277900-font-weight); line-height: var(--e-global-typography-f277900-line-height); letter-spacing: var(--e-global-typography-f277900-letter-spacing); padding: 12px 30px ; background: var(--e-global-color-1cc1b70); color: var(--e-global-color-c4a05a3); border-radius: 3px;} .popup-main .btn-dv a:hover { background: var( --e-global-color-f68dcf9 ); } @media only screen and (max-width: 1024px) { body{padding-top:92px;} .jupiterx-header{position:fixed !important; top:0; left:0; width:100%; background:#FFF; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;} #rmp-menu-wrap-110 ul li > ul li a img{display:none;} body #rmp_menu_trigger-110{top:24px;} .news-single-main { padding: 50px 20px; } .news-single-main .single-post .news-title h2{font-size:30px; line-height:1.2em;} } @media only screen and (max-width: 767px) { body{padding-top:79px;} body #rmp_menu_trigger-110{top:18px;} .blog-post .pp-post-wrap{margin-bottom:20px;} .blog-post .pp-post-wrap:last-child{margin-bottom:0px;} .process-boxs .pp-info-box .pp-info-box-content .pp-info-box-description ul li{text-align:left;} .m-btn-cebter .elementor-widget-container .pp-buttons-group{justify-content:center;} .news-listing .pp-posts-container .pp-post{flex-wrap:wrap;} .news-listing .pp-posts-container .pp-post .pp-post-thumbnail{flex-basis:100%;} .news-listing .pp-posts-container .pp-post .pp-post-thumbnail a{padding-bottom:0;} .news-listing .pp-posts-container .pp-post .pp-post-thumbnail a img{position:relative;} .news-single-main .single-left, .news-single-main .news-sidebar{width:100%;} .news-single-main .single-post .news-title h2{font-size:26px; line-height:1.2em;} }