/* Theme Name: Pixels Builder Plus Theme URI: https://pixelsbuilderplus.com/ Description: Divi Child Theme Author: Pixels Builder Plus Author URI: https://pixelsbuilderplus.com/ Template: Divi Version: Updated for Divi 4+ */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS 26 Color Picker CSS 27 Animation Part CSS 28. Shop Page CSS Shop v1 CSS Shop v2 CSS Related Product CSS Up Sell Product CSS Cross Sell Product CSS WOO Sidebar CSS 29. Single Product Page CSS Simple Product Variable Product Notice CSS Group Product External/Affiliate Product 30. Cart Page CSS 31. Checkout Page CSS 32. Thank you Page CSS 33. My Account Page CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ body{ font-weight:400; } /*---Title CSS---*/ .px_title h3{ display:inline-block; position:relative; } .px_title h3:before{ position: absolute; content: ''; width: 40%; height: 2px; bottom: 0; left: 0; right: 0; background-color: var(--px-color-2); margin: auto; } .px_title.left h3{ } .px_title.left h3:before{ margin:unset; } .px_subtitle{} .px_subtitle:before{ margin-left: -2em !important; animation-name: float_right_left; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes float_right_left{ 0% { transform: translateX(0px) ; } 50% { transform: translateX(10px); } 100% { transform: translatex(0px) ; } } .px_desc {} /*---Button CSS---*/ .px_btn{ padding: 10px 45px 10px 25px!important; background-color: var(--px-color-2) !important; color: #fff; } .px_btn:hover{ background-color: #fff !important; color: var(--px-color-2) !important; } .px_btn:hover:after{ transform:translatex(5px); transition:0.3s; } .px_btn.light { padding: 10px 45px 10px 25px!important; background-color:var(--px-color-2); color:#fff; } .px_btn.light:hover{ background-color:#fff; color:var(--px-color-2); } .px_btn1{ background-color:var(--px-color-2) !important; color:#fff; } .px_btn1:hover{ background-color:var(--px-color-1) !important; color:var(--px-color-2) !important; } .px_btn1:hover:after{ transform:translatex(5px); transition:0.3s; } /* .px_btn.light:hover:before{ transform:translatex(5px); transition:0.3s; } */ /*---Page Header Title CSS---*/ .px_header_title {} /*---Breadcrumbs Title CSS---*/ .px_b_home_link {} .px_b_other_link {} /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ /*---Header v1 CSS---*/ .px_header_v1_top{} .px_header_v1_top .px_small_info { color:#ffffff6e; font-weight: 400; transition:0.3s; } .px_header_v1_top .px_small_info:hover{ color:var(--px-color-2); transition:0.3s; } .px_header_v1_top .px_header_t_social{ position:relative; } .px_header_v1_top .px_header_t_social:before{ position:absolute; content:'Follow us:' !important; top:0; color:#fff; margin-left: -70px; } .px_header_v1_top .px_header_t_social li a:before{ color:#ffffff6e !important; } .px_header_v1_top .px_header_t_social li a:hover:before{ color:var(--px-color-2) !important; } .px_header_v1_btm .px_menu_v1{ width:100%; background-color:transparent !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu { margin-right: auto; padding-left: 30px; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav > ul.nav > li > a{ font-size: 15px !important; font-weight: 500 !important; text-transform: uppercase; color:#000; padding: 35px 20px 35px 0px; opacity:1 !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li > a{ font-size: 14px; font-weight: 500; text-transform: uppercase; color:#fff !important; opacity:1; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li ul li a{ font-size: 14px; font-weight: 500; text-transform: uppercase; color:#000 !important; opacity:1; transition:0.1s !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li a:hover{ opacity:1 !important; background-color:transparent !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav > li:first-child > a{ color:var(--px-color-2) !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li a:hover{ color:var(--px-color-2) !important; transition:0.1s !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li ul.sub-menu{ border-top:0px !important; background: #fff !important; box-shadow: 2px 2px 10px 5px rgb(0 0 0 / 5%) !important; transform: perspective(600px) rotateX(-90deg) !important; transform-origin: 0 0 0 !important; transition: .5s !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li:hover ul.sub-menu{ visibility: visible; transform: perspective(600px) rotateX(0) !important; transition: .5s !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__icon { color:var(--px-color-2) !important; transition:0.3s; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__icon:hover{ transform:scale(1.3); transition:0.3s; } .px_header_v1_btm .px_header_1_icon .et-pb-icon{ color:var(--px-color-2) !important; } /* Responsive css for Header v1 css */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav > ul.nav > li > a { font-size: 12px !important; padding: 36px 19px 40px 0px !important; } .px_header_v1_btm .et_pb_menu .et-menu>li { padding-left: 6px !important; padding-right: 6px !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu { padding-left: 0px; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__icon { margin: 0px 9px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav > ul.nav > li > a { font-size: 12px !important; padding: 36px 19px 40px 0px !important; } .px_header_v1_btm .et_pb_menu .et-menu>li { padding-left: 3px !important; padding-right: 3px !important; } .px_header_v1_btm .px_menu_v1 .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu { padding-left: 0px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_header_v1_btm .px_header_1_icon{ display:none; } .px_header_v1_btm .et_mobile_nav_menu .et_mobile_menu li a{ color:#000; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_header_v1_btm .px_header_1_icon{ display:none; } .px_header_v1_btm .et_mobile_nav_menu .et_mobile_menu li a{ color:#000; } } .px_small_blurb_info {} .px_header_contact_info {} .px_header_social {} /*---Header v2 CSS---*/ .px_header_v2 {} .px_header_v2_top .px_social_icon li a:before{ color:#000; } .px_header_v2_top .px_social_icon li a{ width:35px !important; height:35px !important; line-height:35px !important; border:1px solid #000; border-radius:50px; display: flex; align-items: center; justify-content: center; } .px_header_v2_top .px_social_icon li a:hover{ background-color:var(--px-color-1); border-color:var(--px-color-1); } .px_header_v2_top .px_social_icon li a:hover:before{ color:#fff !important; } .px_header_v2_mid .px_search_v2 .et_pb_s{ padding: 10px 90px 10px 20px !important; border-radius: 5px; font-size: 13px; box-shadow: none; border: 1px solid #eee; border-right: transparent; background-color:transparent; } .px_header_v2_mid .px_search_v2 .et_pb_s:focus{ border-color:var(--px-color-2); color:var(--px-color-2) !important; } .px_header_v2_mid .px_search_v2 .et_pb_searchsubmit{ background-color:var(--px-color-2); border-color:var(--px-color-2); color: #fff; } .px_header_v2_mid .px_search_v2 .et_pb_searchsubmit:hover{ background-color:var(--px-color-1); border-color:var(--px-color-1); } .px_header_v2_btm .px_menu{ background-color:transparent !important; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container{ } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav >li > a{ padding: 15px 30px; font-size: 16px; line-height: 30px; text-transform: capitalize; font-weight: 500; color: #fff; background-color:transparent; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav >li > a:hover{ background-color:var(--px-color-2); } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav >li:first-child > a{ background-color:var(--px-color-2); } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav >li > a:hover{ opacity:1; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > a:after{ right: 10px !important; top: 15px !important; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li{ padding:0px !important; margin-right: 5px; margin-top:0px !important; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li ul{ border-top:0px; background: #fff; box-shadow: 0 3px 11px 0 rgba(0,0,0,.3); } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li ul.sub-menu{ border-top:0px !important; background: #fff !important; box-shadow: 2px 2px 10px 5px rgb(0 0 0 / 5%); transform: perspective(600px) rotateX(-90deg); transform-origin: 0 0 0; transition: .5s; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li:hover ul.sub-menu{ visibility: visible; transform: perspective(600px) rotateX(0); transition: .5s; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav li ul li a{ padding:0px; font-weight: 500; display: block; line-height: 35px; text-transform: capitalize; color: #666; position: relative; transition: all .3s ease 0s; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav li ul li a:hover{ color: var(--px-color-2); /* transform: translateX(10px); */ padding-left: 10px; background-color:transparent; opacity:1; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav li ul li a:before{ position: absolute; content: ""; top: 50%; left: 0; transform: translate(0,-50%); height: 5px; width: 5px; border-radius: 50%; background: var(--px-color-2); visibility: hidden; opacity: 0; transition: all .3s ease 0s; } .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav li ul li a:hover:before{ /* transform: translate(-10px,-50%); */ visibility: visible; opacity: 1; } /* Responsive css for home v2 Header */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav >li > a { padding: 15px 25px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_hamburger_menu .px_hamburger_menu__icon span{ background-color:#fff !important; } .px_header_v2_btm .px_menu .et_mobile_menu li a { color:#000; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_header_v2_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .px_hamburger_menu__icon span{ background-color:#fff !important; } .px_hamburger_menu .px_hamburger_menu__icon span{ background-color:#fff !important; } .px_header_v2_btm .px_menu .et_mobile_menu li a { color:#000; } } /*---Header v3 CSS---*/ .px_header_v3_top .px_h_blurb .et_pb_blurb_content .et_pb_blurb_container{ padding-left:0px !important; } /*---Header v3 CSS---*/ .px_header_v3 {} .px_header_v3_top .px_anchor_v3{ color:#fff; font-weight:600; } .px_header_v3_mid .px_h3_mid_blurb .et_pb_blurb_content .et_pb_main_blurb_image{ vertical-align:middle; } .px_header_v3_mid .px_h3_mid_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li a{ color:#000; font-weight:600; font-size:15px; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav > li:first-child > a{ color:var(--px-color-2); /* background-color:red; */ } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.nav li a:hover{ color:var(--px-color-2) !important;; transition:0.1s !important; opacity:1 !important; background-color:transparent !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu { margin-right: auto; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap{ display: none; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.et-menu > li > a{ padding: 20px 20px; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.et-menu > li{ padding: 0px !important; margin-right: 5px; margin-top: 0px !important; transition:0.5s !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > a:after { right: 6px !important; top: 20px !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > ul.sub-menu > li.menu-item a{ transition:0.5s !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > ul.sub-menu > li.menu-item:hover > a{ padding-left:30px; transition:0.5s !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > ul.sub-menu > li.menu-item > ul >li a{ transition:0.5s !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > ul.sub-menu > li.menu-item > ul > li:hover a{ padding-left:30px; transition:0.5s !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li ul{ border-top-color:var(--px-color-2); } .px_header_v3_btm .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul{ transform:translatey(50px); transition:0.5s; } .px_header_v3_btm .et_pb_menu .et_pb_menu__menu>nav>ul>li:hover>ul{ transform:translatey(0px); transition:0.5s; } .px_header_v3_btm .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>ul{ transform:translatey(90px); transition:0.5s; } .px_header_v3_btm .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li:hover >ul{ transform:translatey(25px); transition:0.5s; } .px_header_v3_btm .et_pb_menu .et_pb_menu__menu>nav> ul.et-menu >li.mega-menu.menu-item >ul.sub-menu >li.menu-item > ul.sub-menu{ transform:translatey(0px) !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__icon{ color: var(--px-color-2); transition: 0.2s; padding: 0px 20px; border-right: 1px solid #00000024; margin: 0px!important; } .px_header_v3_btm .px_social_icon li a { display: block; width: 40px !important; height: 40px !important; line-height: 40px !important; background-color:#eff3f5; margin: 0 5px; text-align: center; border-radius: 6px; display:flex; align-items:center; justify-content:center; } .px_header_v3_btm .px_social_icon li a:before{ color:#000; } .px_header_v3_btm .px_social_icon li a:hover:before{ color:var(--px-color-2); transition:0.3s; } /* Responsive css for Header v3 */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.et-menu > li > a { padding: 20px 15px; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__icon { padding: 0px 10px; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > a:after { right: -3px !important; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul.et-menu > li > a { padding: 20px 12px; font-size: 13px; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et-menu-nav ul.nav > li > a:after { right: -3px !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__icon { padding: 0px 8px; } .px_header_v3_btm .px_social_icon li a { width: 32px !important; height: 32px !important; line-height: 32px !important; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap { display:block; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .px_hamburger_menu__icon span{ background-color:#000 !important; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu{ border-top-color:var(--px-color-2); } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a{ color:#000; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap { display:block; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a{ color:#000; } .px_header_v3_btm .px_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu{ border-top-color:var(--px-color-2); } } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title {} .px_footer_blurb_info {} .px_footer_v1_top .px_footer_links { color:#999; transition:0.1s; } .px_footer_v1_top .px_footer_links:hover{ color:var(--px-color-2); transition:0.1s; } .px_footer_v1_top .px_footer_social{ margin-top:10px; } .px_footer_v1_top .px_footer_social li a{ width:40px !important; height:40px !important; line-height:40px !important; border:2px solid #ffffff1a; border-radius:50px; display:flex; align-items:center; justify-content:center; } .px_footer_v1_top .px_footer_social li a:before{ color:#fff; } .px_footer_v1_top .px_footer_social li a:hover{ border-color:var(--px-color-2); } .px_footer_v1_top .px_footer_social li a:hover:before{ color:var(--px-color-2); transition:0.1s; } /*---Footer v1 CSS---*/ .px_footer_v1_top .px_f_top1 .px_footerv1_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); } .px_footer_v1_top .px_f_top1 .px_f_v1_top_btn{ color:#fff; border-color:#fff; } .px_footer_v1_top .px_f_top1 .px_f_v1_top_btn:hover{ background-color:transparent; color:var(--px-color-2); border-color:var(--px-color-2); } .px_footer_v1_top .px_f_top1 .px_f_v1_mail .et_pb_newsletter_form{ position:relative; } .px_footer_v1_top .px_f_top1 .px_f_v1_mail .et_pb_newsletter_form .et_pb_newsletter_field .input{ line-height: 23px; padding: 0.86em 1.5em; color: var(--px-color-2); font-size: 16px; background-color: #fff; border-radius: 0; font-weight: 500; border: 1 solid transparent; width: 100%; } .px_footer_v1_top .px_f_top1 .px_f_v1_mail .et_pb_newsletter_form .et_pb_newsletter_field .input:hover{ border:1px solid var(--px-color-2); } .px_footer_v1_top .px_f_top1 .px_f_v1_mail .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button { position: absolute; content: ''; top: 7px; right: 7px; width: unset; font-size: 16px; color: var(--px-color-2); z-index:11; } /*---Footer v2 CSS---*/ .px_footer_v2 {} .px_footer_v2_top .px_footer_social_icon li a{ width:35px !important; height:35px !important; line-height:35px !important; background-color:transparent; border:1px solid #cccccc; border-radius:50px; display:flex; align-items:center; justify-content:center; } .px_footer_v2_top .px_footer_social_icon li a:before{ color:#cccccc; } .px_footer_v2_top .px_footer_social_icon li a:hover{ border-color:var(--px-color-2); background-color:var(--px-color-2); } .px_footer_v2_top .px_footer_social_icon li a:hover:before{ color:#fff; } .px_footer_v2_top .px_footer_links{ color:#999999; } .px_footer_v2_top .px_footer_links:hover{ color:var(--px-color-2); } .px_footer_v2_top .px_f_email .et_pb_newsletter_form{ position:relative; } .px_footer_v2_top .px_f_email .et_pb_newsletter_form .et_pb_newsletter_field #et_pb_signup_email{ width: 100%; min-width: 0; background-color: transparent !important; font-size: 16px; line-height: normal; padding: 14px 15px 15px 15px !important; border-radius: 2px; border: solid 1px #555 !important; } .px_footer_v2_top .px_f_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button { position: absolute; content: ''; right: 4px; top: 29px; width: unset; font-size: 15px; border: 0px; color: var(--px-color-2); background-color:#fff; } .px_footer_v2_top .px_f_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{ background-color:var(--px-color-2); color:#fff; } .px_footer_v2_top .px_f_blurb .et_pb_blurb_content .et_pb_module_header{ color:#fff; } .px_footer_v2_top .px_f_blurb:hover .et_pb_blurb_content .et_pb_module_header{ color:var(--px-color-2); } .px_footer_v2_top .px_footer_title { border-bottom:2px solid #fff !important; } /* Responsive css for footer home v2 */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_footer_v2_top .px_footer_social_icon li a { margin-bottom:10px; } .px_footer_v2_top .px_f_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ position:unset; } .px_footer_v2_top .px_f_email .et_pb_newsletter_form .et_pb_newsletter_field{ padding-bottom:5px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_footer_v2_top .px_footer_social_icon li a { margin-bottom:10px; } .px_footer_v2_top .px_f_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ position:unset; } .px_footer_v2_top .px_f_email .et_pb_newsletter_form .et_pb_newsletter_field{ padding-bottom:5px; } } /*---Footer v3 CSS---*/ .px_footer_v3 {} .px_footer_v2_top .px_footer_social_icon.v3 li a{ background-color:#fff; } .px_footer_v2_top .px_footer_social_icon.v3 li a:before{ color:var(--px-color-2); } .px_footer_v2_top .px_footer_social_icon.v3 li a:hover{ background-color:var(--px-color-2); } .px_footer_v2_top .px_footer_social_icon.v3 li a:hover:before{ color:#fff; } /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .px_sidebar { border-right: 0px solid rgba(0,0,0,.1); padding-right: 0px; } .px_sidebar h4.widgettitle { font-size: 15px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; padding-bottom: 12px; position: relative; border-bottom: 1px solid #e7e7e7; margin-bottom: 28px; } /* Search */ .px_sidebar .searchform #s{ width: 100%; line-height: 45px !important; height: 45px !important; border: 1px solid #e2e2e2; padding: 0 15px; color: #a8a8a8; } .px_sidebar .searchform #s:focus{ color:var(--px-color-2); border-color:var(--px-color-2); } .px_sidebar .searchform #searchsubmit{ padding: 0 20px; height: 45px !important; text-align: center; background: #111111; color: #fff; line-height: 45px !important; font-size: 15px; } .px_sidebar .searchform #searchsubmit:hover{ background-color:var(--px-color-2); } /* Category */ .px_sidebar .widget_categories ul{ } .px_sidebar .widget_categories .cat-item a{ border-bottom: 1px dashed #e1e1e1; padding: 3px 0; display: block; font-size: 16px; font-weight: 400; color: #111111; transition:0.3s; } .px_sidebar .widget_categories .cat-item a:hover{ color:var(--px-color-2); transition:0.3s; border-color:var(--px-color-2); } /* Recent Post */ .px_sidebar .widget_recent_entries ul li{} .px_sidebar .widget_recent_entries ul li a{ color:#000; border-bottom: 1px dashed #e1e1e1; transition:0.3s; padding: 3px 0; display:block; } .px_sidebar .widget_recent_entries ul li a:hover{ color:var(--px-color-2); font-weight:600; transition:0.3s; border-color:var(--px-color-2); } .px_sidebar .widget_recent_entries ul li .post-date{ font-size:12px; } /* Tags */ .px_sidebar .widget_tag_cloud .tagcloud a{ display: inline-block; min-width: 44px!important; height: 35px!important; line-height: 35px; color: #969696; border: 1px solid #e2e2e2; margin: 0 10px 10px 0!important; text-align: center; transition: all .3s ease; font-size: 14px; font-weight: 400; padding: 0 22px; border-radius:0px; background-color:transparent; } .px_sidebar .widget_tag_cloud .tagcloud a:hover{ background-color: var(--px-color-2); transition: 0.3s; color: #fff; border-color: var(--px-color-2); } /*------- shop side bar css --------*/ .px_shop_sidebar { border-right: 0px solid rgba(0,0,0,.1); padding-right: 0px; } .px_shop_sidebar .widgettitle{ font-size: 1.375rem; font-weight: 600; color: #000; font-family:inherit; margin-bottom: 20px; line-height: 1.2; } .px_shop_sidebar .et_pb_widget{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1); border-radius: 5px; padding: 25px; margin-bottom: 30px; position: relative; } .px_shop_sidebar .et_pb_widget:after{ content: ""; opacity: .05; background: #001d23; height: 1px; width: 100%; position: absolute; left: 0; top: 65px; } /* cart css */ .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content ul.woocommerce-mini-cart li a.remove { color:#000 !important; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content ul.woocommerce-mini-cart li a.remove:hover{ background-color:var(--px-color-2); } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content ul.woocommerce-mini-cart li > a{ color:var(--px-color-2) !important; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content ul.woocommerce-mini-cart li .quantity{ color:var(--px-color-1); } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content ul.woocommerce-mini-cart li.mini_cart_item{ border-bottom:1px solid #001d231f; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content ul.woocommerce-mini-cart li.mini_cart_item:last-child{ border-bottom:0px; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__total{ border-style:solid !important; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__total strong{ color:#000; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount{ color:var(--px-color-2); } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons .wc-forward{ border:0px; background-color:var(--px-color-2); color:#fff !important; padding:8px 20px !important; font-size:16px; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons .wc-forward:hover{ background-color:var(--px-color-1); } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons .wc-forward:after{ opacity:0; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons .checkout{ border:0px; background-color:var(--px-color-1); color:#fff !important; padding:8px 20px !important; font-size:16px; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons .checkout:hover{ background-color:var(--px-color-2); } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons .checkout:after{ opacity:0; } /* woocommerce widget_product_search */ .px_shop_sidebar .widget_product_search .woocommerce-product-search .search-field{ padding: 14px; border: 1px solid #0000006e; color: var(--px-color-2); width: 100%; margin-bottom: 5px; } .px_shop_sidebar .widget_product_search .woocommerce-product-search .search-field:focus{ border-color:var(--px-color-2) !important; } .px_shop_sidebar .widget_product_search .woocommerce-product-search .wp-element-button{ background-color:var(--px-color-1); width:100%; } .px_shop_sidebar .widget_product_search .woocommerce-product-search .wp-element-button:hover{ background-color:var(--px-color-2); } /* --widget_product_categories --- */ .px_shop_sidebar .widget_product_categories ul.product-categories li.cat-item a{ color:#767676; font-weight:400; font-size: 17px; } .px_shop_sidebar .widget_product_categories ul.product-categories li.cat-item{ border-bottom:1px dashed #767676; } .px_shop_sidebar .widget_product_categories ul.product-categories li.cat-item:last-child{ border-bottom:0px; } .px_shop_sidebar .widget_product_categories ul.product-categories li.cat-item:hover{ border-color:var(--px-color-2) !important; } .px_shop_sidebar .widget_product_categories ul.product-categories li.cat-item:hover a{ color:var(--px-color-2) !important; font-weight:600; } /*---widget_top_rated_products--*/ .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li a{ color:#000 !important; margin-bottom:5px; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li a img{ width:50px; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li .star-rating{ margin-bottom:5px; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li .star-rating span:before{ color:var(--px-color-2); } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li del{ color:#000; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li ins{ color:var(--px-color-2); font-weight:600; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li{ border-bottom: 1px dashed #00000057; margin-bottom: 15px; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li:last-child{ border-bottom:0px; } /* --widget_products---*/ .px_shop_sidebar ul.product_list_widget li{ border-bottom: 1px dashed #00000057; margin-bottom: 15px; } .px_shop_sidebar ul.product_list_widget li:last-child{ border-bottom:0px; } .px_shop_sidebar ul.product_list_widget li a{ color:#000 !important; margin-bottom:5px; } .px_shop_sidebar ul.product_list_widget li a img{ width:50px; } .px_shop_sidebar ul.product_list_widget li del{ color:#000; } .px_shop_sidebar ul.product_list_widget li ins{ color:var(--px-color-2); font-weight:600; } .px_shop_sidebar ul.product_list_widget li .star-rating span:before{ color:var(--px-color-2) !important; } .px_shop_sidebar ul.product_list_widget li .star-rating{ margin-bottom:10px; } /*----widget_product_tag_cloud ----*/ .px_shop_sidebar .widget_product_tag_cloud .tagcloud a{ padding: 4px 10px; background-color: var(--px-color-1); color: #fff !important; font-size: 13px !important; width: 95px; border-radius: 0px; text-align: center; text-transform: uppercase; } .px_shop_sidebar .widget_product_tag_cloud .tagcloud a:hover{ background-color:var(--px-color-2); } /* Responsive css for shop side bar */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_shop_sidebar .et_pb_widget:after{ display:none; } .px_shop_sidebar .widgettitle { margin-bottom: 20px; border: 1px solid #0006; padding: 6px 8px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_shop_sidebar .et_pb_widget:after{ display:none; } .px_shop_sidebar .widgettitle { margin-bottom: 20px; border: 1px solid #0006; padding: 6px 8px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_shop_sidebar .et_pb_widget:after{ display:none; } .px_shop_sidebar .widgettitle { margin-bottom: 20px; border: 1px solid #0006; padding: 6px 8px; } } /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post { border: 0px solid #d8d8d8; padding: 0px; position:relative; } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container { margin:0px !important; } .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url { /* margin-bottom:0px; */ padding-top: 100%; display: block; overflow: hidden; margin-bottom: 15px; } .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; transition: .5s; } .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url:hover img { transform: scale(1.1); transition: .5s; } .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title { overflow:hidden; text-overflow:ellipsis; padding-top: 25px; padding-bottom: 10px; position: relative; margin-bottom: 12px!important; } .px_blog_v1 .et_pb_post .entry-title a{ white-space:nowrap; font-size: 22px; font-weight: 500; margin-top: 10px; display: inline-block; } .px_blog_v1 .et_pb_post .entry-title:hover{ color:var(--px-color-2); transition:0.3s; } .px_blog_v1 .et_pb_post .entry-title:before{ content: ''; width: 120px; height: 1px; background-color: #e0e0e0; display: block; bottom: 0; position: absolute; } /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta{ position: absolute; content: ''; bottom: 135px; left: 0px; } .px_blog_v1 .et_pb_post .post-meta .published { position: absolute; content: ''; width: 60px; height: 60px; line-height: 60px; text-align: center; bottom: 290px; border-radius: 50px; left: 30px; background-color: #fff; color: #000; font-weight: 500; } .px_blog_v1 .et_pb_post .post-meta a{ color:var(--px-color-2); text-transform:uppercase; font-size: 13px; } /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content { } .px_blog_v1 .et_pb_post .post-content .post-content-inner p{ font-size:13px; color:#a8a8a8; line-height: 1.5em; max-height: 54px; overflow: hidden; } /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{ margin-top: 15px; display: inline-block; border-bottom: 2px solid #111111; color: #111111; font-weight: 500; font-size: 14px; } .px_blog_v1 .et_pb_post .post-content .more-link:hover{ color:var(--px-color-2); transition:0.3s; border-color:var(--px-color-2); } /*---Pagination Button CSS---*/ .px_blog_v1 .px_blogpagination .nav-links .current{ color:var(--px-color-2); font-weight: 900; border:0px; } .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a{ color: var(--px-color-2); border: 2px solid var(--px-color-2); padding: 7px; } /* Responsive css for Blog v1 */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_blog_v1 .et_pb_post .post-meta .published { bottom: 250px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_blog_v1 .et_pb_post .post-meta .published { bottom: 235px; width: 50px; height: 50px; line-height: 50px; } .px_blog_v1 .et_pb_post .post-meta { bottom: 135px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_blog_v1 .et_pb_post .post-meta .published { bottom: 255px; } } /*---Blog Grid 2 Columns CSS---*/ .px_blog_v1.px_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%); } .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta { bottom: 70px; } .px_blog_v1.px_blog_grid_2_col .et_pb_post .entry-featured-image-url{ margin-bottom:0px; overflow:hidden; } .px_blog_v1.px_blog_grid_2_col .et_pb_post .entry-featured-image-url img{ transition: .5s; } .px_blog_v1.px_blog_grid_2_col .et_pb_post .entry-featured-image-url:hover img { transform: scale(1.1); transition: .5s; } /* Responsive css for blog grid col 2 */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published { bottom: 235px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta { bottom: 90px; } .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published { bottom: 220px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta { bottom: 90px; } .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published { bottom: 150px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_blog_v1.px_blog_grid_2_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 100%); } .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta { bottom: 84px; } .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published { bottom: 160px; } .px_blog_v1.px_blog_grid_2_col .et_pb_post .entry-title { padding-top: 35px; } } /*---Blog Grid 2 + sidebar Columns CSS---*/ .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .post-meta { bottom: 107px; } .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .post-meta .published { bottom: 175px; width: 50px; height: 50px; line-height: 50px; font-size: 13px; } .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .entry-featured-image-url{ overflow:hidden; } .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .entry-featured-image-url img{ transition: .5s; } .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .entry-featured-image-url:hover img { transform: scale(1.1); transition: .5s; } /* responsive css for -Blog Grid 2 + sidebar Columns CSS */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .post-meta .published { bottom: 155px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .post-meta .published { bottom: 135px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .post-meta .published { bottom: 158px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_blog_v1.px_blog_grid_2_col.side .et_pb_post .post-meta { bottom: 98px; } } /*---Blog Grid 4 Columns CSS---*/ .px_blog_v1.px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post .entry-featured-image-url{ margin-bottom:0px; } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta { bottom: 90px; } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published { bottom: 200px; } .px_blog_v1.px_blog_grid_4_col .et_pb_post .entry-featured-image-url{ overflow:hidden; } .px_blog_v1.px_blog_grid_4_col .et_pb_post .entry-featured-image-url img{ transition: .5s; } .px_blog_v1.px_blog_grid_4_col .et_pb_post .entry-featured-image-url:hover img { transform: scale(1.1); transition: .5s; } /* Responsive css for Blog Grid 4 Columns CSS */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_blog_v1.px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(3, 33.33%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published { width: 55px; height: 55px; line-height: 55px; font-size: 14px; bottom: 175px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_blog_v1.px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(3, 33.33%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published { bottom: 160px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_blog_v1.px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2, 50%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published { bottom: 170px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_blog_v1.px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 100%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta { bottom: 80px; } .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published { bottom: 184px; } .px_blog_v1.px_blog_grid_4_col .et_pb_post .entry-title { padding-top: 35px; } } /* Blog Listing CSS */ .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url{ width: 40%; float: left; margin-bottom: 0!important; overflow:hidden; } .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url img{ transition:0.3s; } .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url:hover img{ transform:scale(1.1); transition:0.3s; } .px_blog_v1.px_blog_list .et_pb_post .entry-title, .px_blog_v1.px_blog_list .et_pb_post .post-meta, .px_blog_v1.px_blog_list .et_pb_post .post-content{ width: 60%; float: left; padding-left: 30px; } .px_blog_v1.px_blog_list .et_pb_post .entry-title{ padding-top: 35px; padding-bottom: 0px; } .px_blog_v1.px_blog_list .et_pb_post .entry-title a{ margin-top: 0px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta { position: absolute; content: ''; bottom: 125px; left: 280px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta .published { width: 50px; height: 50px; line-height: 50px; text-align: center; bottom: -40px; font-size: 13px; border-radius: 50px; left: -270px; font-weight: 700; } /* Responsive css for blog listing */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_blog_v1.px_blog_list .et_pb_post .post-meta { bottom: 110px; left: 235px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta .published { bottom: -30px; left: -225px; } .px_blog_v1.px_blog_list .et_pb_post .entry-title { padding-top: 20px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_blog_v1.px_blog_list .et_pb_post .entry-title { padding-top: 15px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta { bottom: 101px; left: 213px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta .published { left: -206px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_blog_v1.px_blog_list .et_pb_post .post-meta { bottom: 108px; left: 248px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta .published { bottom: -23px; left: -241px; } .px_blog_v1.px_blog_list .et_pb_post .entry-title { padding-top: 30px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url { width: 100%; } .px_blog_v1.px_blog_list .et_pb_post .entry-title, .px_blog_v1.px_blog_list .et_pb_post .post-meta, .px_blog_v1.px_blog_list .et_pb_post .post-content { width: 100%; float: left; padding-left: 0px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta { bottom: 95px; left: 0px; } .px_blog_v1.px_blog_list .et_pb_post .entry-title { padding-top: 42px; padding-bottom: 10px; } .px_blog_v1.px_blog_list .et_pb_post .post-meta .published { bottom: 154px; left: 16px; } } /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS */ .px_blog_single .px_post_title { position:relative; } .px_blog_single .px_post_title .et_pb_title_container{ position:absolute; content:''; width:100%; bottom:0; left:0%; color:#fff; padding: 20px 0px; } .px_blog_single .px_post_title .et_pb_title_container .entry-title{ text-align: center; padding-bottom: 10px; margin: 0 auto; color: #fff; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container{ color:#fff; text-align: center; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .author{ position:relative; padding-left: 18px; padding-right:18px; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .author:before{ position:absolute; content:'\e08a' !important; font-family: ETmodules !important; left:0; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .author a{ color:#fff; font-size:13px; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .published{ position:relative; padding-left:20px; padding-right:18px; font-size:13px; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .published:before{ position:absolute; content:'\7d' !important; font-family: ETmodules !important; color:#fff; font-size:13px; left:0; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number{ position:relative; padding-left:20px; padding-right:18px; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number:before{ position:absolute; content:'\e065' !important; font-family: ETmodules !important; color:#fff; font-size:13px; left:0; } .px_blog_single .px_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number a{ font-size:13px; color:#fff; } .px_blog_single .px_single_blurb .et_pb_blurb_content .et_pb_blurb_container{ display:flex; align-items:center; } .px_blog_single .px_single_blurb .et_pb_blurb_content .et_pb_blurb_container a{ font-size: 13px; font-weight: 400; color: #000000; text-transform: capitalize; letter-spacing: 1px; border: 1px solid #000; line-height: 40px; display: inline-block; padding: 0 20px; margin:5px; } .px_blog_single .px_single_blurb .et_pb_blurb_content .et_pb_blurb_container a:hover{ background-color:var(--px-color-2); transition:0.3s; color:#fff; border-color:var(--px-color-2); } .px_blog_single .px_single_social li a{ width: 40px !important; height: 40px !important; line-height: 40px !important; text-align: center; } .px_blog_single .px_single_social li a:before{ color:#000; display: inline-block; width: 40px !important; height: 40px !important; margin-left: 5px; text-align: center; line-height: 40px !important; background: #eee; } .px_blog_single .px_single_social li a:hover:before{ color:#fff; background-color:var(--px-color-2); transition:0.3s; } /* post navigations */ .px_navigations .nav-previous a, .px_navigations .nav-next a{ color: var(--px-color-2); font-size: 15px; border-bottom: 1px solid var(--px-color-2); font-weight: 500; } .px_navigations .nav-previous, .px_navigations .nav-next{ position:relative; padding-top: 30px; } .px_navigations .nav-previous:before{ position:absolute; content:'\Previous Post' !important; left:0; top:0; color:grey; font-weight:100; font-size:18px; } .px_navigations .nav-next:before{ position:absolute; content:'\Next Post' !important; right:0; top:0; color:grey; font-weight:100; font-size:16px; } /* post content */ .px_post_content{} /* post comment css */ .px_post_comment .page_title{ padding-bottom:20px; border-bottom:1px solid #e4e5e7; margin-bottom: 30px; } .px_post_comment .commentlist .comment-body{ padding:0px !important; } .px_post_comment .commentlist .comment-body .comment_avatar{ position:relative; top:0; } .px_post_comment .commentlist .comment-body .comment_avatar img{ border-radius:50px; } .px_post_comment .commentlist .comment-body .comment_postinfo .fn{ position: absolute; left: 95px; top: 25px; } .px_post_comment .commentlist .comment-body .comment_postinfo .fn a{ padding: 5px 14px; border-radius: 20px; background-color: #fcf6f0; color: var(--px-color-2); font-weight: 600; transition: all 0.45s; letter-spacing: 0.5px; font-size: 14px; } .px_post_comment .commentlist .comment-body .comment_postinfo .fn a:hover{ background-color:var(--px-color-2) ; color: #fff; } .px_post_comment .commentlist .comment-body .comment_postinfo .comment_date{ color:var(--px-color-2); display:inline-block; font-weight:700; text-transform:capitalize; padding-bottom: 1rem; padding-top: 1.5rem; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; } .px_post_comment .commentlist .comment-body .comment_postinfo .comment-edit-link{ color:#000; font-weight: 700; } .px_post_comment .commentlist .comment-body .comment_area{ padding-left: 1.5rem; border-left: 2px solid var(--px-color-2); margin-bottom: 1rem; color: #000; } .px_post_comment .commentlist .comment-body .comment_area a{ color:#000; font-weight:bold; } .px_post_comment .commentlist .comment-body .comment_area .comment-reply-link{ border:0px; color:var(--px-color-2); } .px_post_comment .commentlist .comment-body .comment_area .comment-reply-link:after{ opacity:0 !important; } .px_post_comment .commentlist .comment-body .comment_area .comment-reply-link:hover{ background-color:transparent; color:var(--px-color-1); } /* Comment Respond */ .px_post_comment .comment-respond .comment-reply-title{ margin: 0 0 0.5rem 0; font-size: 24px; font-weight: bold; line-height: 41px; color:#000; } .px_post_comment .comment-respond .comment-form{ display:flex; flex-wrap:wrap; } .px_post_comment .comment-respond .comment-form .comment-notes{ order:1; color:#000; } .px_post_comment .comment-respond .comment-form .comment-form-comment{ order:5; width:100%; } .px_post_comment .comment-respond .comment-form .comment-form-author{ order:2; width:100%; } .px_post_comment .comment-respond .comment-form .comment-form-email{ order:3; width:100%; } .px_post_comment .comment-respond .comment-form .comment-form-url { order:4; width:100%; } .px_post_comment .comment-respond .comment-form .comment-form-cookies-consent{ order:6; color:#000; width:100%; } .px_post_comment .comment-respond .comment-form .form-submit{ order:7; } .px_post_comment .comment-respond .comment-form input[type="email"], .px_post_comment .comment-respond .comment-form input[type="text"], .px_post_comment .comment-respond .comment-form input[type="url"], .px_post_comment .comment-respond .comment-form textarea#comment{ width:100% !important; background-color: transparent !important; border: 1px solid #ddd !important; border-radius: 0px; color: #000 !important; font-size: 14px !important; } .px_post_comment .comment-respond .comment-form input[type="email"]:focus, .px_post_comment .comment-respond .comment-form input[type="text"]:focus, .px_post_comment .comment-respond .comment-form input[type="url"]:focus, .px_post_comment .comment-respond .comment-form textarea#comment:focus{ border:1px solid var(--px-color-2) !important; box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 9%); } .px_post_comment .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]{ accent-color:var(--px-color-1); } .px_post_comment .comment-respond .comment-form .form-submit .submit{ font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 12px 45px 12px 20px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-1) !important; color:#fff; border:0px; } .px_post_comment .comment-respond .comment-form .form-submit .submit:before{ content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: var(--px-color-2) !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; display:block !important; opacity:1; } .px_post_comment .comment-respond .comment-form .form-submit .submit:hover:before{ top: -40%; } .px_post_comment .logged-in-as{ color:#000; } .px_post_comment .logged-in-as a{ color:var(--px-color-1); font-weight:600; } /* blog slider css for home page css */ .px_blog_v1.slider .et_pb_post{ margin:0px 10px !important; } .px_blog_v1.slider .et_pb_post .entry-featured-image-url{ margin-bottom:0px; overflow:hidden; } .px_blog_v1.slider .et_pb_post .entry-featured-image-url img{ transform: scale(1.1); transition: .3s ease; } .px_blog_v1.slider .et_pb_post .entry-featured-image-url:hover img{ transform: none; transition: .3s ease; } .px_blog_v1.slider .et_pb_post .post-meta { bottom: 113px; } .px_blog_v1.slider .et_pb_post .post-meta .published { bottom: 275px; } .px_blog_v1.slider .slick-arrow:before{ color: #000; font-size: 35px; border: 2px solid #000; padding: 5px; border-radius: 50px; } .px_blog_v1.slider .slick-prev:before{ content:"\34" !important; font-family: ETmodules !important; } .px_blog_v1.slider .slick-prev:hover:before{ color:var(--px-color-2); border-color:var(--px-color-2); } .px_blog_v1.slider .slick-next:before{ content:"\35" !important; font-family: ETmodules !important; } .px_blog_v1.slider .slick-next:hover:before{ color:var(--px-color-2); border-color:var(--px-color-2); } .px_blog_v1.slider .slick-prev{ left: -60px !important; top: 35% !important; } .px_blog_v1.slider .slick-next{ top: 35% !important; } /* Responsive css for blog slider */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_blog_v1.slider .et_pb_post .post-meta { bottom: 133px; } .px_blog_v1.slider .et_pb_post .post-meta .published { bottom: 225px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_blog_v1.slider .et_pb_post .post-meta { bottom: 133px; } .px_blog_v1.slider .et_pb_post .post-meta .published { bottom: 210px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_blog_v1.slider .et_pb_post .post-meta { bottom: 133px; } .px_blog_v1.slider .et_pb_post .post-meta .published { bottom: 138px; width: 50px; height: 50px; font-size: 12px; line-height: 50px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_blog_v1.slider .et_pb_post .post-meta { bottom: 120px; } .px_blog_v1.slider .slick-arrow:before { font-size: 25px; padding: 0px; } .px_blog_v1.slider .slick-prev { left: -25px !important; } .px_blog_v1.slider .slick-next { right: -15px !important; } } /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .px_portfolio_v1 .et_pb_portfolio_item {} /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {} /* Overlay Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {} /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta {} .px_portfolio_v1 .et_pb_portfolio_item .post-meta a {} /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 50%); } /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,33.33%); grid-gap: 25px; } /*---Portfolio Filterable CSS---*/ .px_portfolio_v1.filterable {} /* Filters Links CSS */ .px_portfolio_v1 .et_pb_portfolio_filters {} .px_portfolio_v1 .et_pb_portfolio_filters li {} .px_portfolio_v1 .et_pb_portfolio_filters li a {} /*Hover & Active Filter Links*/ .px_portfolio_v1 .et_pb_portfolio_filters li a:hover, .px_portfolio_v1 .et_pb_portfolio_filters li a.active {} /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination {} .px_portfolio_v1 .et_pb_portofolio_pagination ul {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .px_portfolio_v1.carousel {} .px_portfolio_v1.carousel .et-pb-slider-arrows{} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev{} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{} /* Portfolio Category CSS */ .px_portfolio_category {} /* Portfolio Tags CSS */ .px_portfolio_tages {} /* Portfolio Single Page CSS */ .px_portfolio_single {} /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .px_services_v1 .px_service_btn { color:#fff; } .px_services_v1 .px_service_btn:before{ color:var(--px-color-2); margin-left: -1.9em !important; } .px_service_numbercont .percent{ margin-bottom:0px !important; } .px_service_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); } /*Img Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {} .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {} .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{} /*Icon Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{} /*Title Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{} /*Description Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{} /*---Services v2 CSS---*/ .px_services_v2 .px_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); } .px_services_v2 .px_blurb .et_pb_blurb_content .et_pb_main_blurb_image{ position:relative; } .px_services_v2 .px_blurb .et_pb_blurb_content .et_pb_main_blurb_image:before{ position: absolute; content: ''; width: 80px; height: 80px; line-height: 80px; background-color: #80808030; border-radius: 50px; top: -31px; left: -41px; z-index: -1; } .px_services_v2 .px_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image{ transform:rotatey(360deg); transition:0.7s; } .px_services_v2 .px_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ font-size:30px; transition:0.3s; } .px_services_v2 .px_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover{ color:var(--px-color-2); transition:0.3s; } .px_services_v2 .px_cta .et_pb_promo_description{ display:inline-block; padding-bottom:0px; } .px_services_v2 .px_cta .et_pb_button_wrapper{ display:inline-block; } .px_services_v2 .px_cta .et_pb_button_wrapper .et_pb_promo_button{ background-color:var(--px-color-2); color:#fff; padding:5px 20px !important; border-radius:50px; } .px_services_v2 .px_cta .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:var(--px-color-1); } .px_services_v2 .px_cta { padding: 15px 10px 15px 25px !important; background-color: #fff; box-shadow: 0 15px 40px 0 rgb(0 0 0 / 8%); width: 50%; border-radius: 50px; margin: auto; } /* Responsive css for px_service v2 */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_services_v2 .px_cta { width: 65%; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_services_v2 .px_cta { width: 70%; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_services_v2 .px_cta { width: 90%; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_services_v2 .px_cta { width: 100%; border-radius: 20px; } .px_services_v2 .px_cta .et_pb_button_wrapper .et_pb_promo_button{ margin-top:20px; } } /*---Services Single Page CSS---*/ .px_services_single {} /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 .px_contactus_blurb{ font-size: 22px; font-weight: 500; line-height: 1.4em; color: var(--px-color-2); font-family: 'Saira',Helvetica,Arial,Lucida,sans-serif; letter-spacing: -0.01em; } .px_contact_v1 .px_contact_social_icon li a{ width:20px; height:20px; line-height:20px; text-align:center; background-color:var(--px-color-2); border-radius:0px; transition:0.3s; } .px_contact_v1 .px_contact_social_icon li a:before{ color:#000 !important; } .px_contact_v1 .px_contact_social_icon li a:hover{ transform: scale(1.2); transition:0.3s; } .px_contact_v1 .px_contact_social_icon li a:hover:before{ color:#fff !important; transition:0.1s; } /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} /*----Label CSS----*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_pb_contact_form_label{ display:block; font-family: 'Saira',Helvetica,Arial,Lucida,sans-serif; color:#fff; } /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea { font-family: 'Saira',Helvetica,Arial,Lucida,sans-serif; font-size: 16px; font-weight: 400; text-transform: none; font-style: normal; line-height: 1.5em; color: #ffffff; background-color: #393a3b; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #FFFFFF2B; border-radius: 0px 0px 0px 0px; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:focus, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus{ color: #2d2d2d; background-color: #ffffff; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ffffff2b; } /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container { margin-left:15px; text-align: center !important; background: var(--px-color-2) !important; float: unset !important; display: block !important; margin-top: 20px !important; padding: 4px; position:relative; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container:hover{ background-color:#fff !important; transition:0.3s; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit { color:#fff; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container:hover .et_pb_contact_submit{ color:var(--px-color-2); } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container:hover { outline: 1px solid #fff; outline-offset: 2px; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover{ background-color:transparent; } /* Responsive css for contact v1 */ @media only screen and (min-width:0px) and (max-width:767px){ .px_contact_v1 .px_contactus_blurb { font-size: 20px; } } /*---Contact Us v2 CSS---*/ .px_contact_v2 {} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 { position:relative; overflow:hidden; } /* Image Css */ .px_team_v1 .et_pb_team_member_image{ padding-top: 133.33%; display: block; position:relative; margin-bottom:0px !important; } .px_team_v1 .et_pb_team_member_image img{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } .px_team_v1 .et_pb_team_member_image:before{ top: 20px; left: 20px; right: 20px; bottom: 20px; width: auto; height: auto; -webkit-transform: scale(2); transform: scale(2); opacity: 0; position: absolute; content: ""; transition: all .4s ease .2s; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; background-color:var(--px-color-2); } .px_team_v1:hover .et_pb_team_member_image:before{ opacity: .93; -webkit-transform: scale(1); transform: scale(1); visibility:visible; } /* Description Css*/ .px_team_v1 .et_pb_team_member_description{ position: absolute; top: 50%; -webkit-transform: translateY(-20%); transform: translateY(-20%); z-index: 2; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; padding-left: 50px; padding-right: 50px; } .px_team_v1:hover .et_pb_team_member_description{ opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease .1s; transition: all .3s ease .1s; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header{} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{ margin-right: 10px; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{ width: 30px; height: 30px; line-height: 30px; background-color: #000; display: flex; align-items: center; justify-content: center; border-radius: 50px; color:#fff; transition:0.3s; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{ background-color:#fff; color:var(--px-color-2); transform:translatey(-5px); transition:0.3s; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image{} .px_Team_b .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); } .px_team_number_counter .percent p .percent-value{ color:var(--px-color-2) !important; } .px_team_image .et_pb_image_wrap img{ height:520px !important; object-fit:cover; } /* Responsive css for Our value section */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_team_image .et_pb_image_wrap img { height: 600px !important; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_team_image .et_pb_image_wrap img { height: 600px !important; } } /*---Team v2 CSS---*/ .px_team_v2 {} /*---Team Single Page CSS---*/ .px_team_single {} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slide_description{ padding: 16% 10% 16% 55% !important; text-align: left; text-shadow:none !important; } .px_slider_v1 .et_pb_slide .et_pb_slide_description{ position:relative; } .px_slider_v1 .et_pb_slide .et_pb_slide_description:before{ position: absolute; content: "RS2K19" !important; left: 0; font-size: 250px; font-weight: 800; color: #ffffff38; top: 50%; } .px_slider_v1 .et_pb_slide .et_pb_slide_description:after{ position: absolute; content:''; right: -180px; font-size: 12px; transform: rotate(90deg); font-weight: 800; color: #fff; top: 50%; letter-spacing:15px; text-transform: uppercase; border-bottom: 1px solid #fff; } .px_slider_v1 .et_pb_slide.et_pb_slide_0 .et_pb_slide_description:after{ content: "02/03 Swift" !important; position: absolute; } .px_slider_v1 .et_pb_slide.et_pb_slide_1 .et_pb_slide_description:after{ content: "02/03 Quick" !important; position: absolute; } .px_slider_v1 .et_pb_slide.et_pb_slide_2 .et_pb_slide_description:after{ content: "02/03 Rapid" !important; position: absolute; } /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ color:var(--px-color-2) !important; position:relative; letter-spacing: 6px; } /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content .px_slider_v1_title{ letter-spacing: 0px; font-weight: 700; font-size: 70px; /* width: 50%; */ } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content .px_slider_v1_desc{ /* width: 70%; */ } /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button { background-color:var(--px-color-2); padding: 8px 50px 8px 25px !important; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{ background-color:var(--px-color-1); color:var(--px-color-2); } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:after{ transform:translatex(5px); transition:0.3s; } /*---Arrow CSS---*/ .px_slider_v1:hover .et-pb-slider-arrows{ opacity:1; } .px_slider_v1 .et-pb-slider-arrows{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{ opacity: 1; left: 40px; top: 90%; display: flex; align-items: center; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:before{ content:'\23' !important; font-family: ETmodules !important; } .px_slider_v1:hover .et-pb-slider-arrows .et-pb-arrow-prev{ left: 40px; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev span{ display: block !important; font-size: 18px; float: right; padding-left: 15px; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover{ color:var(--px-color-2); } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{ opacity: 1; right: 40px; top: 90%; display: flex; align-items: center; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next span{ display: block !important; font-size: 18px; padding-right: 15px; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:before{ content: '\24' !important; font-family: ETmodules !important; order: 2; } .px_slider_v1:hover .et-pb-slider-arrows .et-pb-arrow-next{ right: 40px; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover{ color:var(--px-color-2); } /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers { display:none; } .px_slider_v1 .et-pb-controllers a {} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {} /* Responsive css for Slider css */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_slider_v1 .et_pb_slide .et_pb_slide_description:after { right: -135px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_slider_v1 .et_pb_slide .et_pb_slide_description { padding: 16% 24% 16% 24% !important; text-align: center; } .px_slider_v1 .et_pb_slide .et_pb_slide_description:after { right: -145px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_slider_v1 .et_pb_slide .et_pb_slide_description { padding: 16% 16% 16% 16% !important; text-align: center; } .px_slider_v1 .et_pb_slide .et_pb_slide_description:before { font-size: 184px; } .px_slider_v1 .et_pb_slide .et_pb_slide_description:after { right: -135px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_slider_v1 .et_pb_slide .et_pb_slide_description { padding: 50% 0% 50% 0% !important; text-align: center; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev { left: 15px; font-size: 30px; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next { right: 15px; font-size: 30px; } .px_slider_v1 .et_pb_slide .et_pb_slide_description:after{ display:none; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content .px_slider_v1_title { font-size: 60px; } .px_slider_v1 .et_pb_slide .et_pb_slide_description:before { display:none; } } /* Supreme images */ .px_Supreme_img { position:relative; overflow:hidden; } .px_Supreme_img .et_pb_main_blurb_image{ margin-bottom:0px; overflow:hidden; } .px_Supreme_img .et_pb_image_wrap img{ transition: all 0.3s ease-out 0s; } .px_Supreme_img:hover .et_pb_main_blurb_image .et_pb_image_wrap img{ -webkit-transform: scale(1.09); transform: scale(1.09); transition: all 0.3s ease-out 0s; } .px_Supreme_img .et_pb_blurb_container{ position: absolute; content: ''; top: 40%; left: 25%; transform: translate(-50%, -50%); } .px_Supreme_img .et_pb_blurb_container .et_pb_module_header{ font-size:26px; line-height:40px; color:#000; } .px_Supreme_img:hover .et_pb_blurb_container .et_pb_module_header{ animation: ani 1s ease-in-out both 1 normal; } .px_Supreme_img .et_pb_blurb_container .et_pb_blurb_description{ font-size:40px; line-height:30px; color:#fff; font-weight: 700; } .px_Supreme_img:hover .et_pb_blurb_container .et_pb_blurb_description{ animation: ano 1s ease-in-out both 1 normal; } .px_Supreme_img1 .et_pb_main_blurb_image { margin-bottom:0px; overflow:hidden; } .px_Supreme_img1 .et_pb_main_blurb_image .et_pb_image_wrap img{ transition: all 0.3s ease-out 0s; } .px_Supreme_img1:hover .et_pb_main_blurb_image .et_pb_image_wrap img{ -webkit-transform: scale(1.09); transform: scale(1.09); transition: all 0.3s ease-out 0s; } .px_Supreme_img1 .et_pb_blurb_container{ position:absolute; content:''; top: 50%; left: 35%; transform: translate(-50%, -50%); } .px_Supreme_img1 .et_pb_blurb_container .et_pb_module_header{ font-size:26px; line-height:30px; color:#fff; } .px_Supreme_img1 .et_pb_blurb_container .et_pb_blurb_description .px_supreme_title{ font-size: 60px; line-height: 50px; color: #fff; font-weight: 700; padding-bottom: 10px; } .px_Supreme_img1 .et_pb_blurb_container .et_pb_blurb_description .px_supreme_desc{ font-size:25px; line-height:30px; color:#000; font-weight: 600; } .px_Supreme_img2 .et_pb_main_blurb_image{ margin-bottom:0px; overflow:hidden; } .px_Supreme_img2 .et_pb_main_blurb_image .et_pb_image_wrap img{ transition: all 0.3s ease-out 0s; } .px_Supreme_img2:hover .et_pb_main_blurb_image .et_pb_image_wrap img{ -webkit-transform: scale(1.09); transform: scale(1.09); transition: all 0.3s ease-out 0s; } .px_Supreme_img2 .et_pb_blurb_container .et_pb_module_header{ font-size:26px; line-height:30px; color:#fff; } .px_Supreme_img2:hover .et_pb_blurb_container .et_pb_module_header{ animation: ano 1s ease-in-out both 1 normal; } .px_Supreme_img2 .et_pb_blurb_container .et_pb_blurb_description .px_supreme_title1{ font-size: 45px; line-height: 50px; color: #fff; font-weight: 700; padding-bottom: 10px; } .px_Supreme_img2:hover .et_pb_blurb_container .et_pb_blurb_description .px_supreme_title1{ animation: ani 1s ease-in-out both 1 normal; } .px_Supreme_img2 .et_pb_blurb_container .et_pb_blurb_description .px_supreme_desc1{ font-size:25px; line-height:30px; color:#fff; font-weight: 600; } .px_Supreme_img2 .et_pb_blurb_container{ position: absolute; content: ''; bottom: -24%; right: -29%; text-align: right !important; transform: translate(-50%, -50%); padding: 20px 45px; } .px_Supreme_img2 .et_pb_blurb_container:before{ position: absolute; content: ''; bottom: 0%; right: 0px; width: 100%; height: 100%; text-align: right !important; background-color: var(--px-color-2); padding: 0px 0px; z-index: -1; opacity: 0.5; } /*---icon Slider v2 CSS---*/ .px_icon_slider .et_pb_image{ margin-bottom:0px !important; } /*---Slider v2 CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content { position:relative; width: fit-content; margin: auto; padding: 0px 85px; } .px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content:before{ position: absolute; content: ''; width: 75px; left: 0; top: 10px; height: 2px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_slide_content:after{ position: absolute; content: ''; width: 75px; right: 0; top: 10px; height: 2px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_button_wrapper .et_pb_more_button{ background-color:#fff; color:#000; } .px_slider_v2 .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_button_wrapper .et_pb_more_button:hover{ background-color:var(--px-color-2); color:#fff; } .px_slider_v2 .et_pb_slide .et_parallax_bg{ animation: dct_kenburn_41 7s ease-in-out both infinite alternate; } @keyframes dct_kenburn_41 { 0% { -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0); -webkit-transform-origin: 84% 84%; transform-origin: 50% 50% } 100% { -webkit-transform: scale(1.25) translate(20px,15px); transform: scale(1.25) translate(50px,50px); -webkit-transform-origin: right bottom; transform-origin: center center } } .px_slider_v2 .et-pb-controllers{ display:none; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev{ left:60px !important; opacity:1 !important; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next{ right:60px !important; opacity:1 !important; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:before{ background-color:var(--px-color-2); padding:35px; opacity:0.3; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:before{ background-color:var(--px-color-2); padding:35px; opacity:0.3; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover:before{ opacity:1; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover:before{ opacity:1; } /* Responsive css for px_slider_v2 */ @media only screen and (min-width:768px) and (max-width:980px){ .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:before { padding: 15px; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:before { padding: 15px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev { left: 0px !important; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:before { padding: 0px; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:before { padding: 0px; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next { right: 0px !important; } } /*---Slider v3 CSS---*/ .px_slider_v3 .px_btn1.updown{ transition:0.3s; } .px_slider_v3 .px_btn1.updown:hover{ transform:translatey(-10px); transition:0.3s; } .px_slider_v3 .px_img { margin-bottom:0px !important; } /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .px_faq_btn { color:var(--px-color-2); } .px_faqs_v1 .px_faq_btn:hover{ color:var(--px-color-1); transition:0.3s; } .px_faqs_v1 .px_faq_t h5 .px_faq_color_t{ color:var(--px-color-2) !important; padding:0px 5px; } .px_faqs_v1 .et_pb_toggle{ padding:0px !important; border-color:#000 !important; margin-bottom: 8px !important; } /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { padding:20px; background-color:var(--px-color-2); color:#fff !important; } /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {} /*---Open Title Icon CSS--- */ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { content: "\e051"; font-family: ETmodules !important; color:#000; display:none !important; } /*---Close Title CSS---*/ /*---Open Title Icon CSS--- */ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title::before{ display:none; } /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{ padding:20px !important; background-color:transparent; color:#000; } .px_faq_mail .et_pb_newsletter_form{ position:relative; } .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_field input{ border-width: 0 0 2px 0 !important; border-radius: 0 !important; background: transparent !important; border-bottom-color: #e3e7e8; padding: 0; outline: none; box-shadow: none; color: #1a1a1a; height: 38px; line-height: 38px; border-bottom-color: #222222 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; width: 70% !important; } .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ position:absolute; content:''; right:0; top:-12px; width:unset !important; background-color:var(--px-color-2); } .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{ background-color:var(--px-color-1); } .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:after{ transform:translatex(5px); transition:0.3s; } /* responsive css for faq */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_field input{ width: 60% !important; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_field input{ width: 65% !important; } .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button { top: -3px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ position:unset;margin-top:0px; } .px_faq_mail .et_pb_newsletter_form .et_pb_newsletter_field input{ width:100% !important; } } /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} /*---Timeline v2 CSS---*/ .px_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table {} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{} /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{} /* Top Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{} /* Bottom Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{} /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .px_pricing_table_toggle{} /*Pricing Toggle*/ .px_pricing_tabs [id*="px_pricing_tab_"] {} .px_pricing_tabs [id*="px_pricing_tab_"]:hover, .px_pricing_tabs [id*="px_pricing_tab_"].px_active{} /*Pricing Row Settings */ [class*="px_pricing_tab_content_"] { } [class*="px_pricing_tab_content_"].px_active{} [class*="px_pricing_tab_content_"].animated{} /*---Pricing Table Structure CSS---*/ .px_pricing_table_layout{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 { border: 1px solid #ececec; padding:30px 30px 50px; background-color:transparent !important; } .px_testimonial_v1.et_pb_testimonial {} .px_testimonial_v1.et_pb_testimonial:before {} /* ---image ----*/ .px_testimonial_v1 .et_pb_testimonial_portrait{ position: absolute; content: ''; bottom: -60px; left: 0; right: 0; margin: auto; } /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { margin-left:0px !important; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p{ padding-top:55px !important; } /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { position:absolute; content:''; bottom:-145px; left:0px; right:0px; } /*---Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta { position:absolute; content:''; bottom:-175px; left:0px; right:0px; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{} /*Review */ .px_testimonial_v1 ul.px_review{ position:absolute; left:0; top:0px; right:0; padding:0px; } /* .px_testimonial_v1 ul.px_review { position:relative; display:block; overflow:hidden; list-style:none; margin:0; padding:0; text-align:center } */ .px_testimonial_v1 ul.px_review li{ display:inline-block; float:none; margin:0 3px; color:var(--px-color-2); font-size:16px; line-height:45px; font-style: normal; } .px_testimonial_v1 ul.px_review li:before{ content:"\e033"; font-family:ETmodules !important } .px_testimonial_v1 ul.px_review li.star:before{ content:"\e031" } .px_testimonial_v1 ul.px_review li.star-0:before{content:"\e032"} /* slick slider css */ .px_testimonial_v1_slider .slick-list{ padding-bottom:122px !important; } .px_testimonial_v1_slider .px_testimonial_v1{ margin:10px !important; } .px_testimonial_v1_slider .slick-dots{ padding:0px; bottom: -50px; } .px_testimonial_v1_slider .slick-dots li button:before { font-size: 15px; } .slick-dots li.slick-active button:before{ color:var(--px-color-2); opacity:1; } /* Responsive css for Testimonial v1 css */ @media only screen and (min-width:0px) and (max-width:767px){ .px_testimonial_v1_slider .slick-dots { bottom: -60px; } } /*---Testimonial v2 CSS---*/ .px_testimonial_v2{ margin: 0px 10px; } /*Review */ .px_testimonial_v2 ul.px_review{ position:absolute; left:0; top:0px; right:0; padding:0px; } /* .px_testimonial_v2 ul.px_review { position:relative; display:block; overflow:hidden; list-style:none; margin:0; padding:0; text-align:center } */ .px_testimonial_v2 ul.px_review li{ display:inline-block; float:none; margin:0 3px; color:var(--px-color-2); font-size:16px; line-height:45px; font-style: normal; } .px_testimonial_v2 ul.px_review li:before{ content:"\e033"; font-family:ETmodules !important } .px_testimonial_v2 ul.px_review li.star:before{ content:"\e031" } .px_testimonial_v2 ul.px_review li.star-0:before{content:"\e032"} .px_testimonial_v2 .et_pb_testimonial_portrait{ position: absolute; content: ''; bottom: 30px; left: 30px; width: 80px !important; height: 80px !important; line-height: 80px; } .px_testimonial_v2:before{ bottom: 30px; top: unset !important; content: "\7b" !important; font-family: ETmodules !important; right: 0px !important; position: absolute; left: unset; background: transparent; font-size: 94px; color: var(--px-color-2); } .px_testimonial_v2 .et_pb_testimonial_author{ padding-left: 100px; margin-top: 0px !important; transform: translateY(-20px); font-size: 18px; font-weight: 700; color: #000; } .px_testimonial_v2 .et_pb_testimonial_meta{ padding-left:100px; transform: translateY(-20px); } .px_testimonial_v2 .et_pb_testimonial_description_inner{ padding-top:50px; padding-bottom:50px; } .px_testimonial_v2 .et_pb_testimonial_description{ margin-left:0px !important; } /* Responsive css for Testimonial v2 */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_testimonial_v2:before { bottom: 30px; font-size: 60px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_testimonial_v2{ padding-top:30px !important; } } /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 .px_about_img .et_pb_image_wrap:hover img{ transform: scale(.95); transition: .5s; } .px_aboutus_v1 .px_about_img .et_pb_image_wrap img{ transition: .5s; } .px_person{ position:relative; margin:0px 10px !important; } .px_person .et_pb_team_member_image { width:100% !important; max-width:100% !important; margin-bottom:0px; } .px_person .et_pb_team_member_image img{ width: 95% !important; margin-right: 5% !important; } .px_person .et_pb_team_member_image{ position:relative; } .px_person .et_pb_team_member_image:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) scale(.8); transform: translate(-50%,-50%) scale(.8); -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; visibility: hidden; z-index: 1; } .px_person:hover .et_pb_team_member_image:before{ opacity: 1; visibility: visible; -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); } .px_person .et_pb_team_member_description .et_pb_member_social_links{ position:absolute; content:''; transform:translate(-50%,-50%); top:40%; left:50%; z-index:3; opacity:0; width: 100%; text-align: center; } .px_person:hover .et_pb_team_member_description .et_pb_member_social_links{ opacity:1; transition:0.3s; } .px_person .et_pb_team_member_description .et_pb_member_social_links li { margin:0px 5px; } .px_person .et_pb_team_member_description .et_pb_member_social_links li a{ font-size: 12px; width: 40px; height: 40px; display: inline-block; line-height: 42px; text-align: center; background: #fff; color: #969696; transition:0.3s; } .px_person .et_pb_team_member_description .et_pb_member_social_links li a:hover{ background-color:var(--px-color-2); color:#fff; transition:0.3s; } .px_person .et_pb_team_member_description{ padding:20px 15px; background-color:#fff; } .px_person .et_pb_team_member_description .et_pb_module_header{ color:#000; } .px_person .et_pb_team_member_description .et_pb_module_header:hover{ color:var(--px-color-2); transition:0.3s; } .px_person .et_pb_team_member_description .et_pb_member_position{ font-size: 16px; color: #969696; } /*--About us sections 3------*/ .px_aboutv1_blurb1 .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); } .px_aboutv1_blurb1{ border:1px solid #e1e1e1; padding: 30px 20px 20px; } /*--About us sections 4 service ------*/ .px_about1_service1 .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{ width:80px;height:80px; line-height:80px; text-align:center; border-radius:50px; background-color:var(--px-color-2); color:#000; } .px_aboutv1_ser_col{ position:relative; transition: all 2s ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; } .px_about1_service1 { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; min-height: 370px; height: auto; color: #fff; } .px_aboutv1_ser_col:hover .px_about1_service1{ -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .px_about1_service1 .et_pb_blurb_content{ -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; right:0; width: 100%; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; height: 100%; } .px_about1_service2{ position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; min-height: 370px; height: auto; color: #fff; } .px_aboutv1_ser_col:hover .px_about1_service2{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); } .px_about1_service2 .et_pb_blurb_content{ -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; right:0; width: 100%; padding: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; } /* Responsive css for about us sections */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_person .et_pb_team_member_description { padding: 15px 15px; } } /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .px_process_v1 {} /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1 {} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .px_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .px_skill_v1 {} .px_bar_counter_v1 {} /*---Title CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 .et_pb_countdown_timer_container .values{ border: 1px solid #0000003b; padding: 26px 14px; display: flex; flex-direction: column-reverse; width: 100%; } .px_counter_v1 .et_pb_countdown_timer_container{ display: flex; align-items: center; justify-content: center; } .px_counter_v1 .et_pb_countdown_timer_container .value{ text-align:left; } .px_counter_v1 .et_pb_countdown_timer_container .label{ padding-bottom: 16px; color: var(--px-color-2); font-size: 12px !important; } /* Responsive css for counter v1 */ @media only screen and (min-width:0px) and (max-width:767px){ .px_counter_v1 .et_pb_countdown_timer_container .values { padding: 10px 10px; } .px_counter_v1 .et_pb_countdown_timer_container .label{ padding-bottom:6px; } } /*---Counter v2 CSS---*/ .px_counter_v2 .px_blurb{ position:relative; } .px_counter_v2 .px_blurb .et_pb_blurb_content .et_pb_main_blurb_image{ margin-bottom:0px; position:absolute; content:''; top:-40px; left:0; right:0; } .px_counter_v2 .px_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color: var(--px-color-2); opacity: 0.5; z-index: -1; position: relative; } .px_counter_v2 .px_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ margin-bottom:45px; padding-bottom:0px !important; transition:0.5s; } .px_counter_v2 .px_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ transform:rotatex(360deg); transition:0.5s; } .px_counter_v2 .px_blurb{ padding: 50px 0px; } /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_newsletter_v1 .px_newsletter_title h3{ color:#000 !important; } .px_newsletter_v1 .px_newsletter_title h3 span.px_colorv3{ color:var(--px-color-2) !important; } .px_newsletter_v1 .px_email_v3 .et_pb_newsletter_form{ position:relative; } .px_newsletter_v1 .px_email_v3 .et_pb_newsletter_form .et_pb_newsletter_field{ padding-bottom:0px; } .px_newsletter_v1 .px_email_v3 .et_pb_newsletter_form .et_pb_newsletter_field .input{ background-color: #fff; border-color: #fff; line-height: 24px; padding: 0.69em 1.5em; color: #999; font-size: 14px; border-width: 2px; font-weight: 400; width: 100%; } .px_newsletter_v1 .px_email_v3 .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ position: absolute; content: ''; right: 0; top: 0; width: unset; border: 0px; background-color: var(--px-color-2); bottom: 0; margin: 5px 5px; position: absolute; content: ''; right: 0; top: 0; width: unset; border: 0px; background-color: var(--px-color-2); bottom: 0; margin: 5px 5px; font-size: 16px; font-weight: 500; padding: 10px 20px; } .px_newsletter_v1 .px_email_v3 .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{ opacity:0; } .px_newsletter_v1 .px_email_v3 .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{ background-color:var(--px-color-1); color:#fff; } /*Form Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field .input { background: none; color: #ffffff; border: 1px solid #cccccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 8px; width: 100%; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field .input:focus{ border:1px solid var(--px-color-2); } .px_newsletter_v1.et_pb_newsletter_form .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v1.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button { width: 25% !important; margin: auto; border:0px; background-color:var(--px-color-2); padding:5px 20px; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{ background-color:#fff; color:var(--px-color-2); } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} /* Responsive css for px news letter v1 */ @media only screen and (min-width:768px) and (max-width:980px){ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button { width: 30% !important; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button { width: 50% !important; } } /*---Newsletter v2 CSS---*/ .px_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1 { display: flex; align-items: center; justify-content: space-between; position:relative; } .px_CTA_v1:before{ position:absolute; content:''; width:100%; height:100%; top:0; left:0; background-color:#000; opacity:0.8; } .px_CTA_v1 .et_pb_button_wrapper .et_pb_promo_button{ background-color: var(--px-color-2) !important; padding: 6px 40px; } .px_CTA_v1 .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:#fff !important; color:var(--px-color-2); } /* Responsive css for px cta v1 */ @media only screen and (min-width:0px) and (max-width:767px){ .px_CTA_v1 { display: block; } .px_CTA_v1 .et_pb_promo_description{ padding-bottom:15px !important; } } /*---CTA v2 CSS---*/ .px_CTA_v2 .px_sp_offer_cta1 .et_pb_button_wrapper .et_pb_promo_button{ color:var(--px-color-2); background-color:#fff; } .px_CTA_v2 .px_sp_offer_cta1 .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:var(--px-color-1); } .px_CTA_v2 .px_sp_offer_cta2 .et_pb_button_wrapper .et_pb_promo_button{ border-left:0px; border-right:0px; border-top:0px; border-bottom-color:var(--px-color-2) !important; } .px_CTA_v2 .px_sp_offer_cta2 .et_pb_button_wrapper .et_pb_promo_button:after{ opacity:0; } .px_CTA_v2 .px_sp_offer_cta2 .et_pb_promo_description{ padding-bottom:5px; width:60%; margin:auto; } /* Responsive css for CTA v2 */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_CTA_v2 .px_sp_offer_cta2 .et_pb_promo_description{ width:100%; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_CTA_v2 .px_sp_offer_cta2 .et_pb_promo_description{ width:100%; } } /*---CTA v3 CSS---*/ .px_cta_v3 .et_pb_button_wrapper .et_pb_promo_button{ background-color:var(--px-color-2) !important; } .px_cta_v3 .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:#fff !important; color:var(--px-color-2); } /*---CTA v4 CSS---*/ .px_cta_v4 .px_cta_title_v2{ font-size: 30px; font-weight: 400; } .px_cta_v4 .et_pb_button_wrapper .et_pb_promo_button{ background-color:var(--px-color-2); } .px_cta_v4 .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:#fff !important; color:var(--px-color-2); } .px_CTA_v4_row .px_CTA_v4_col { overflow:hidden; } .px_CTA_v4_row .et_parallax_bg_wrap{ transition:5s; } .px_CTA_v4_row .et_parallax_bg_wrap:hover { transform:scale(1.2); transition:5s; } .px_CTA_v5 .et_pb_button_wrapper .et_pb_promo_button{ background-color:var(--px-color-1); color:#fff; padding:8px 20px !important; } .px_CTA_v5 .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:var(--px-color-2); } .px_CTA_v5:hover .et_pb_promo_description .et_pb_module_header{ animation-fill-mode: both; animation: ani 1s ease-in-out both 1 normal; } @keyframes ani{ 0% { opacity: 0; visibility: hidden; transform: translate(-30px); } 100% { opacity: 1; visibility: visible; transform: none; } } .px_CTA_v5:hover .et_pb_promo_description div{ animation-fill-mode: both; animation: ano 1s ease-in-out both 1 normal; } @keyframes ano{ 0% { opacity: 0; visibility: hidden; transform: translate(30px); } 100% { opacity: 1; visibility: visible; transform: none; } } /*---CTA v6 CSS---*/ .px_CTA_v6 .et_pb_promo_description .et_pb_module_header{ font-style: normal; font-weight: 700; line-height: normal; font-size: 50px; text-align: center; color: #fff; text-transform: uppercase; margin-bottom: 53px; } .px_CTA_v6 .et_pb_promo_description div p.px_cta4_title1{ letter-spacing: 0em; margin-bottom: 0px; font-weight: 700; font-size: 80px; color: #fff; padding-bottom:50px !important; } .px_CTA_v6 .et_pb_promo_description div p.px_cta4_title2{ font-size: 60px; margin-bottom: 20px; font-weight: 400; letter-spacing: 0; color: #fff; } /* Responsive css for px_cta v6 */ @media only screen and (min-width:768px) and (max-width:980px){ .px_CTA_v6 .et_pb_promo_description .et_pb_module_header { font-size: 40px; margin-bottom: 40px; } .px_CTA_v6 .et_pb_promo_description div p.px_cta4_title1 { font-size: 55px; } .px_CTA_v6 .et_pb_promo_description div p.px_cta4_title2 { font-size: 50px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_CTA_v6 .et_pb_promo_description div p.px_cta4_title1{ font-size: 37px; padding-bottom: 30px !important; } .px_CTA_v6 .et_pb_promo_description div p.px_cta4_title2 { font-size: 40px; } .px_CTA_v6 .et_pb_promo_description .et_pb_module_header { font-size: 30px; margin-bottom: 30px; } } /*---CTA v7 CSS---*/ .px_CTA_v7{ overflow:hidden; } .px_CTA_v7 .et_pb_promo_description{ padding-bottom:10px; transform:translatey(90px); transition:0.5s; } .px_CTA_v7 .et_pb_button_wrapper .et_pb_promo_button{ padding: 5px 15px; background-color:var(--px-color-2) !important; transform:translatey(135px); transition:0.2s; } .px_CTA_v7:hover .et_pb_promo_description{ transform:translatey(20px); transition:0.5s; } .px_CTA_v7:hover .et_pb_button_wrapper .et_pb_promo_button{ transform:translatey(20px); transition:0.2s; } .px_CTA_v7 .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:#fff !important; color:var(--px-color-2) !important; } /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ .px_comingsoon .px_email .et_pb_newsletter_form{ position:relative; } .px_comingsoon .px_email .et_pb_newsletter_form .et_pb_newsletter_field{ padding-bottom:0px; } .px_comingsoon .px_email .et_pb_newsletter_form .et_pb_newsletter_field .input{ padding: 16px 30px; border: 1px solid rgba(245, 245, 245, 0.14); border-radius: 4px; background-color: rgba(255, 255, 255, 0.14); font-size: 14px; height: 48px; color: #ffffff; } .px_comingsoon .px_email .et_pb_newsletter_form .et_pb_newsletter_field .input:focus{ box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } .px_comingsoon .px_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ position:absolute; content:''; width:unset; right:0; top:0; bottom:0; border:0; background-color:var(--px-color-2); margin: 5px; font-size: 16px; padding: 6px 20px; border-radius: 5px; } .px_comingsoon .px_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{ opacity:0; } .px_comingsoon .px_social_icon li a{ width:40px !important; height:40px !important; line-height:40px !important; border:1px solid #fff; display: flex; align-items: center; justify-content: center; } .px_comingsoon .px_social_icon li a:hover{ border-color:var(--px-color-2); transform:translatey(-5px); transition:0.3s; } .px_comingsoon .px_social_icon li a:hover:before{ color:var(--px-color-2); } .px_comingsoon .px_comingsoon_btn{ color:var(--px-color-2) !important; text-shadow:0px 0px 20px var(--px-color-2) !important; border:0px !important; position:relative; z-index:1; } .px_comingsoon .px_comingsoon_btn:hover{ color:#fff !important; } .px_comingsoon .px_comingsoon_btn:after{ width:100%; position:absolute; content:''; height:2px; bottom:0px; left:0; right:0; transform:scale(0); background-color:var(--px-color-2); display:block !important; visibility:visible; margin-left:0px !important; z-index:-1; } .px_comingsoon .px_comingsoon_btn:hover:after{ transform:scale(1); } /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ .px_cta_404 .et_pb_promo_description{ display:inline-block; } .px_cta_404 .et_pb_button_wrapper{ display:inline-block; } .px_cta_404 .et_pb_button_wrapper .et_pb_promo_button{ padding-left:5px !important; color:var(--px-color-2) !important; } .px_404_mail .et_pb_newsletter_form{ position:relative; } .px_404_mail .et_pb_newsletter_form .et_pb_newsletter_field .input{ padding: 17px 25px; max-width: 100%; background-color: transparent; border: 1px solid #d6d6d6; font-size: 14px; color: #999; line-height: 24px; width: 100%; } .px_404_mail .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ color: #fff; font-size: 16px; background: black; padding: 13px 20px; position: absolute; content:''; right: 0; top: 0; transition: .3s; width:unset; border:0px !important; } /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ /* ----------------------------------- 27 Tab Control CSS -------------------------------------*/ .px_tab_v1 {} /*Tabs Title Css*/ .px_tab_v1 .et_pb_tabs_controls{} .px_tab_v1 .et_pb_tabs_controls li {} .px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{} .px_tab_v1 .et_pb_tabs_controls li a{} /*Tabs Content Css*/ .px_tab_v1 .et_pb_all_tabs{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {} /*------------------------------------------- -- 27. Color Picker CSS -------------------------------------------*/ .tm-font-selector div, .tm-color-selector div, .pickr .pcr-button::before , .pickr .pcr-button::after {border-radius: 50%;} /*Front Color Picker Css */ .px-color-switcher { position: fixed; left: 8px; top: 50%; z-index: 1000; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; border-radius: 64px; padding: 15px 10px 15px 10px; background-color: #fff; font-size: 12px; width: 65px; line-height: 1.3; background: linear-gradient(145deg, #e2e8ec, #fff); box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff; transition: all 200ms ease-in-out; } .px-color-switcher .close { font-size: 14px; border-radius: 50%; position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; z-index: 20; text-align: center; line-height: 24px; width: 20px; height: 20px; display: block; opacity: 1; background-color: #333; transition: all 0.5s ease; cursor: pointer; box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff; } .px-color-switcher .close:hover { background: #fff; color:#333 !important; } .px-color-switcher.closed { padding: 10px 8px 6px 10px; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; transition: all 0.25s ease; } .px-color-switcher.closed:hover { padding-right: 14px; } .tm-font-selector:hover { cursor: pointer; } .px-color-switcher.closed img:hover { cursor: pointer; } .px-color-switcher.closed .close { display: none; } .px-color-switcher.closed div { display: none; } .px-color-switcher.closed .img { display: block; overflow: hidden; height: 42px; width: 45px; text-align: center; animation: rotation 8s infinite linear; } .px-color-switcher.closed .img img { margin: 0; } .px-color-switcher .close:hover { opacity: 1; color: #000; } @media (max-width: 991px) { .px-color-switcher { display: none !important; } } .px-font-selector div, .px-color-selector div { border-radius: 50%; width: 35px; height: 35px; border: 4px solid #fff; display: block; margin: 4px auto 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.5s ease; } .px-font-selector div:hover, .px-color-selector div:hover { background: linear-gradient(145deg,rgba(0,0,0,0.5), #fff); box-shadow: 5px 5px 15px rgba(0,0,0,0.5), -5px -5px 15px #fff; } .px-custom-field { padding: 0; border: 0; width: 20px; height: 20px; border-radius: 50%; margin-bottom: 14px; margin-left: auto; margin-right: auto; cursor: pointer; display: block; } /*Color Picker Tooltip Css */ .px-color-selector {position: relative;;} .px-color-switcher .px_tooltip { opacity:0; visibility:hidden; -webkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); transform:scale(.7); position:absolute; background-color:#fff; font-size:13px; margin:0; padding:0px 20px; font-family:inherit; width:auto; font-weight:600; line-height:36px; letter-spacing:.1px; left:5px; top:0px; border-radius:3px; white-space:nowrap; -webkit-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%); -moz-box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%); box-shadow:0 5px 40px rgb(0 0 0 / 7%),0 0 3px -1px rgb(83 45 245 / 15%); -moz-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); -o-transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); transition:all .3s cubic-bezier(0.64,-0.09,0.13,1.15); color: #333; } .px-color-switcher .px_tooltip span { display:block; position:absolute; left:-5px; top:12px; width:0; height:0; border-right:5px solid #fff; border-bottom:5px solid transparent; border-top:5px solid transparent } .px-color-switcher .px-color-selector:hover .px_tooltip { opacity:1; left:45px; visibility:visible; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ @keyframes rotation{ from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /*-------------------------------------- ------- 00. Shop Page CSS------------- -------------------------------------*/ /*-----banner css for shop page start------*/ /*-----banner css for shop page end ------*/ /*------ px_shop_v1 CSS start --------*/ .petdog {} .px_shop_v1 .woocommerce{} /* Result count */ .px_shop_v1 .woocommerce p.woocommerce-result-count{ color: #000; font-size: 18px; border-bottom: 2px solid #000; } /* shorting order */ .px_shop_v1 .woocommerce .woocommerce-ordering{} .px_shop_v1 .woocommerce .woocommerce-ordering .orderby{ color: #000 !important; border: 1px solid #000; padding: 8px; font-weight: 600; font-size: 15px; border-radius: 0px !important; } /* products */ .px_shop_v1 ul.products{} .px_shop_v1 ul.products li.product{ overflow:hidden; padding-bottom: 100px; /* border: 1px solid #000; */ } .px_shop_v1 ul.products li.product:hover{ box-shadow: 0 5px 15px 0 rgb(17 17 11 / 10%); transition: all 0.25s ease-in-out; } .px_shop_v1 ul.products li.product a .et_shop_image .et_overlay{ opacity:0 !important; } .px_shop_v1 ul.products li.product a .et_shop_image{ overflow:hidden; } .px_shop_v1 ul.products li.product a .et_shop_image img{ object-fit: contain; margin: 0px !important; height: 250px; } .px_shop_v1 ul.products li.product a .et_shop_image:hover img{} .px_shop_v1 ul.products li.product a h2{ position: absolute; content: ''; bottom: 20px; left: 0; right: 0; transition: 0.3s; text-overflow: ellipsis; white-space: nowrap; } .px_shop_v1 ul.products li.product:hover a h2{ bottom:-60px; transition: 0.3s; } .px_shop_v1 ul.products li.product a .onsale{ background-color: var(--px-color-2)!important; color: #fff; left: unset !important; right: 0px !important; } .px_shop_v1 ul.products li.product a .star-rating{} .px_shop_v1 ul.products li.product a .star-rating span:before{} .px_shop_v1 ul.products li.product a .price{ position:absolute; content:''; bottom:0; left:0; right:0; transition:0.3s; } .px_shop_v1 ul.products li.product:hover a .price{ bottom:-26px; transition:0.3s; } .px_shop_v1 ul.products li.product a .price .woocommerce-Price-amount{ color: var(--px-color-2); font-size: 20px; } .px_shop_v1 ul.products li.product a .price del{ font-size: 20px; color: var(--px-color-2) !important; } .px_shop_v1 ul.products li.product a.button{ position: absolute; content: ''; bottom: 45px; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; opacity: 0; font-size: 18px; border: 0px; color: #fff; background-color: var(--px-color-2); padding: 7px 20px; width: 80%; text-align: center; } .px_shop_v1 ul.products li.product:hover a.button{ bottom:10px; transition:0.3s; opacity:1; } .px_shop_v1 ul.products li.product a.button:after{ opacity:0; } .px_shop_v1 ul.products li.product a.button:hover{ background-color:var(--px-color-1); } .px_shop_v1 ul.products li.product a.added_to_cart{ margin-top: 10px; background-color: var(--px-color-2); font-weight: 600; position: absolute; content: ''; bottom: 60px; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; /* opacity: 1; */ font-size: 15px; border: 0px; color: #fff; background-color: var(--px-color-2); padding: 5px 12px; text-align: center; } /* pagination */ .px_shop_v1 .woocommerce .woocommerce-pagination{ text-align: right; } .px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers{} .px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li{} .px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li{} .px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers{ padding: 16px; color: #000; } .px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers:hover{ background-color:var(--px-color-1); color:#fff; } .px_shop_v1 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers.current{ background-color: var(--px-color-2); color: #fff; padding: 15px; border: 1px solid var(--px-color-2); } /* Responsive css for shop v1 */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_shop_v1 ul.products li.product { padding-bottom: 80px; } .px_shop_v1 ul.products li.product a h2 { bottom: 18px; } .px_shop_v1 ul.products li.product a .price { bottom: 0px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_shop_v1 ul.products li.product { padding-bottom: 100px; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_shop_v1 .woocommerce p.woocommerce-result-count { font-size: 14px; } .px_shop_v1 .woocommerce .woocommerce-ordering { float: left; } .px_shop_v1 .woocommerce .woocommerce-ordering .orderby { font-size: 12px; } .px_shop_v1 ul.products li.product a.button{ font-size: 14px; padding: 5px 20px; width: 75%; } .px_shop_v1 ul.products li.product { padding-bottom: 60px; width:100% !important; } .px_shop_v1 ul.products li.product a .et_shop_image img { height: 200px; } .px_shop_v1 ul.products li.product a.added_to_cart{ width: 60%; bottom: 45px; } } /*--------- px_shop_hot_deal CSS ---------*/ .px_shop_v1.col23 ul.products li.product a.added_to_cart { width: 60%; /* bottom: 45px; */ } .px_shopbase_v1 .et_pb_image_wrap { overflow:hidden; } .px_shopbase_v1 .et_pb_image_wrap img{ transition:0.3s; } .px_shopbase_v1 .et_pb_image_wrap:hover img{ transform:scale(1.1); transition:0.8s; } /* Responsive css for shopbase */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_shop_v1 ul.products li.product a.button{ width:85%; } .px_shop_v1.col23 ul.products li.product a.added_to_cart { width: 85%; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_shop_v1.col23 ul.products li.product a.added_to_cart{ bottom: 45px; } } /*--------- px_shop_v1 CSS end ---------*/ /*------ px_shop_v2 CSS start --------*/ .px_shop_v2{} .px_shop_v2 .woocommerce{} /* Result count */ .px_shop_v2 .woocommerce p.woocommerce-result-count{ color: #000; font-size: 16px; border: 2px solid #000; padding: 5px 10px; } /* shorting order */ .px_shop_v2 .woocommerce .woocommerce-ordering{} .px_shop_v2 .woocommerce .woocommerce-ordering .orderby{ color: #000 !important; padding: 5px 10px; border: 2px solid #000; border-radius: 0px; font-size: 16px; background-color: transparent; font-weight: 700; } /* products */ .px_shop_v2 ul.products{} .px_shop_v2 ul.products li.product{ position:relative; } .px_shop_v2 ul.products li.product a .et_shop_image .et_overlay{} .px_shop_v2 ul.products li.product a .et_shop_image{ position:relative; overflow:hidden; } .px_shop_v2 ul.products li.product a .et_shop_image img{ transition:5s; margin-bottom:0px !important; } .px_shop_v2 ul.products li.product:hover a .et_shop_image img{ transform:scale(1.2); transition:5s; } .px_shop_v2 ul.products li.product a h2{ font-size: 28px !important; line-height: 1.2; text-transform: uppercase; font-weight: 400; padding-bottom: 0px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .px_shop_v2 ul.products li.product a h2:hover{ color:var(--px-color-2); } .px_shop_v2 ul.products li.product a .onsale{ right: 0px !important; left: auto !important; background-color: var(--px-color-2) !important; transform: scale(0); transition:0.3s; } .px_shop_v2 ul.products li.product:hover a .onsale{ transform: scale(1); transition:0.3s; } .px_shop_v2 ul.products li.product a .star-rating{} .px_shop_v2 ul.products li.product a .star-rating span:before{} .px_shop_v2 ul.products li.product a .price{ color:var(--px-color-2); } .px_shop_v2 ul.products li.product a .price .woocommerce-Price-amount{ color:var(--px-color-2); font-size: 17px; font-weight: 600; } .px_shop_v2 ul.products li.product a .price del{ color:var(--px-color-2) !important; font-size: 17px; } .px_shop_v2 ul.products li.product a .price ins{ } .px_shop_v2 ul.products li.product a.button{ position: absolute; content: ''; left: 0; right: 0; width: 50%; text-align: center; margin: auto; bottom:125px; background-color:var(--px-color-2); border:0; font-size:16px; color:#fff; padding:8px 20px; opacity:0; } .px_shop_v2 ul.products li.product:hover a.button{ opacity:1; bottom:75px; animation-name: bounce; animation-duration: 0.5s; animation-direction: normal; } @keyframes bounce{ 0% { transform: translatey(0%); } 25% { transform: translatey(-90%); } 50% { transform: translatey(0%); } 75% { transform: translatey(-40%); } 100% { transform: translatey(0%); } } .px_shop_v2 ul.products li.product:hover a.button:hover{ color:#fff; background-color:var(--px-color-1); transition:0.3s; } .px_shop_v2 ul.products li.product:hover a.button:hover:after{ opacity:0; } .px_shop_v2 ul.products li.product a.button:after{} .px_shop_v2 ul.products li.product a.added_to_cart{ position: absolute; content: ''; left: 0; right: 0; width: 50%; text-align: center; margin: auto; bottom: 120px; background-color: var(--px-color-2); border: 0; font-size: 16px; color: #fff; padding: 8px 20px; opacity: 1; font-weight:600; } .px_shop_v2 ul.products li.product:hover a.added_to_cart{ } /* pagination */ .px_shop_v2 .woocommerce .woocommerce-pagination{ text-align:center !important; } .px_shop_v2 .woocommerce .woocommerce-pagination ul.page-numbers{} .px_shop_v2 .woocommerce .woocommerce-pagination ul.page-numbers li{} .px_shop_v2 .woocommerce .woocommerce-pagination ul.page-numbers li{} .px_shop_v2 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers{ padding: 16px; color: #000; } .px_shop_v2 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers:hover{ background-color: var(--px-color-1); color: #fff; } .px_shop_v2 .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers.current{ background-color: var(--px-color-2); color: #fff; padding: 15px; border: 1px solid var(--px-color-2); } /* Responsive css for shop v2 */ @media only screen and (min-width:0px) and (max-width:767px){ .px_shop_v2 ul.products li.product a.button { width: 80%; } .px_shop_v2 ul.products li.product a.added_to_cart { width: 70%; } } /*--------- px_shop_v2 CSS end ---------*/ /*------ px_shop_v2 CSS Category start --------*/ .px_shop_v2.category ul.products li.product a.button { width: 55%; } .px_shop_v2.category ul.products li.product .added_to_cart { bottom: 150px; width: 55%; } .px_shop_v2.category ul.products li.product { position: relative; background: #ffffffb5; padding: 30px 10px; } .px_shop_v2.category ul.products li.product:hover a.button { bottom: 104px; } .px_shop_v2.category ul.products li.product a h2 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* Responsive css for Shop v2 CAtegory */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_shop_v2.category ul.products li.product a.button { width: 75%; } .px_shop_v2.category ul.products li.product a.added_to_cart { width: 75%; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_shop_v2.category ul.products li.product a.button { width: 70%; } .px_shop_v2.category ul.products li.product a.added_to_cart { width: 65%; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_shop_v2.category ul.products li.product a.button { width: 65%; } .px_shop_v2.category ul.products li.product:hover a.button { bottom: 91px; font-size: 12px; } .px_shop_v2.category ul.products li.product a h2 { font-size: 20px !important; } .px_shop_v2.category ul.products li.product a .price .woocommerce-Price-amount { font-size: 14px; } .px_shop_v2.category ul.products li.product a.added_to_cart { width: 60%; font-size: 14px; padding: 5px 15px; bottom: 130px; } } /*--------- px_shop_v2 CSS Category end ---------*/ /*--------- px_shop_v2 listing CSS Category Start ---------*/ .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .et_shop_image{ width: 30%; float: left; margin-bottom: 0!important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .price, .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating{ width: 70% !important; float: left; padding-left: 30px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating:before{ left: 30px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating span{ left: 30px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating span:before{ color:var(--px-color-2) !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title{ font-size: 20px !important; font-weight: 400; line-height: 1.2; padding-top: 10px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating{ margin: 0px 0px 10px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount{ font-size:16px; font-weight:600; color:#000; } .px_Shop_v2_listing li.product{ position:relative !important; overflow:hidden; margin-bottom:20px !important; border-bottom: 1px solid #0000001c; /* background-color: red; */ } .px_Shop_v2_listing li.product .add_to_cart_button{ position: absolute; content: ''; bottom:-50px; z-index: 1; left: 0px; border: 0px; font-size: 14px; background-color: var(--px-color-1); color: #fff; padding: 4px 14px !important; } .px_Shop_v2_listing li.product:hover .add_to_cart_button{ bottom:0px; animation-name: bounce; animation-duration: 0.5s; animation-direction: normal; } .px_Shop_v2_listing li.product .added_to_cart{ position: absolute; content: ''; bottom: 40px; z-index: 1; left: 0px; border: 0px; font-size: 14px; background-color: var(--px-color-1); color: #fff; padding: 4px 14px !important; } .px_Shop_v2_listing li.product:hover .add_to_cart_button:after{ opacity:0; } /* Responsive css for px shop_v2 */ @media only screen and (min-width:768px) and (max-width:980px){ .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .et_shop_image { width: 75%; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .price, .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating { width: 100% !important; padding-left: 0px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating span { left: 0px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating:before { left: 0px !important; } .px_Shop_v2_listing li{ padding-bottom:40px !important; } .px_Shop_v2_listing li.product .add_to_cart_button { left: 0%; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_Shop_v2_listing .products{ padding:0px 10px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .et_shop_image { width: 75%; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .price, .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating { width: 100% !important; padding-left: 0px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating span { left: 0px !important; } .px_Shop_v2_listing li.product .woocommerce-LoopProduct-link .star-rating:before { left: 0px !important; } .px_Shop_v2_listing li{ padding-bottom:40px !important; } .px_Shop_v2_listing li.product .add_to_cart_button { left: 0%; } } /*--------- px_shop_v2 listing CSS Category end ---------*/ /*-------------------------------------- ------- 00. Cart Page CSS------------- -------------------------------------*/ /* post title */ .px_post_title h1.entry-title{} /* woo notice */ .px_wc_notice{} .px_wc_notice .et_pb_module_inner{} /* cart Notice CSS */ .px_wc_notice .cart-empty{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } .px_wc_notice .return-to-shop{} .px_wc_notice .return-to-shop a.button { background-color: var(--px-color-2); color:#fff; } .px_wc_notice .return-to-shop a.button:hover{ background-color:#fff !important; color:var(--px-color-2); } .px_wc_notice .return-to-shop a.button:after{} /* notify us for empty msg */ .px_wc_notice .woocommerce-notices-wrapper .woocommerce-info{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } /* updated Message */ .px_wc_notice .woocommerce-notices-wrapper .woocommerce-message{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } .px_wc_notice .woocommerce-notices-wrapper .woocommerce-message a{ background-color: var(--px-color-2); color: #fff; padding: 8px 15px; font-size: 16px; } .px_wc_notice .woocommerce-notices-wrapper .woocommerce-message a:hover{ background-color:var(--px-color-1); } .px_wc_notice .woocommerce-notices-wrapper .woocommerce-message a:after{ opacity:0 !important; } /* error message should be red */ .px_wc_notice .woocommerce-notices-wrapper .woocommerce-error{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } /* -------- Cart product css -------------- */ .px_cart_products.et_pb_wc_cart_products .et_pb_module_inner .woocommerce-cart-form{} /* for table */ .px_cart_products.et_pb_wc_cart_products .et_pb_module_inner .woocommerce-cart-form .shop_table{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table th{ color: var(--px-color-2); font-size: 17px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item{ } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item td{ border-bottom: 1px solid #ffffff2b; padding: 1.7em 0.587em !important; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a{ color: #fff; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a:hover{ color:var(--px-color-2); } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price .woocommerce-Price-amount{ color: #fff; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price .woocommerce-Price-currencySymbol{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty{ background-color: transparent; color: #fff; border:1px solid #ffffff2b; border-radius: 3px; padding: 1px 2px; text-align: left; font-size: 14px; min-height: 28px; max-height: 28px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty:focus{ background-color:#fff; color:#000; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity span{ display:none; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-amount{ color: #fff; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-currencySymbol{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions{} /* coupon */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon{ margin-bottom: 20px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text{ font-size: 14px; font-weight: 400; line-height: 1.4em; border: 1px solid #ffffff2b; background-color: transparent; padding-right: 30px; width: 310px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus{ background-color:#fff; color:#000; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button{ float: left; border: 0; background-color: var(--px-color-2); color: #fff; font-size: 17px; padding: 12px 25px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button:after{ opacity:0; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button:hover{} /* upgrade button*/ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button{ border: 0; background-color: var(--px-color-2); color: #fff; font-size: 18px; padding: 11px 25px; border-radius: 0px; opacity: 1; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button:hover{ background-color:#fff; color:var(--px-color-2); } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button:after{ opacity:0; } /* Responsive css for cart products */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text{ margin-bottom:20px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button{ float:left; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text{ margin-bottom:20px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button{ float:left; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text{ margin-bottom:20px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text{ width:100%; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button { width:100%; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button { width:100%; } } /* -------- Cart totals css -------------- */ .px_cart_totols .cart_totals{} .px_cart_totols .cart_totals h2{} .px_cart_totols .cart_totals .shop_table{} .px_cart_totols .cart_totals .shop_table th{ color: #fff; } .px_cart_totols .cart_totals .shop_table td{ color: #fff; } .px_cart_totols .cart_totals .shop_table .cart-subtotal{} .px_cart_totols .cart_totals .shop_table .cart-subtotal td .woocommerce-Price-amount{} .px_cart_totols .cart_totals .shop_table .cart-subtotal td .woocommerce-Price-currencySymbol{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a{color: var(--px-color-2);} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection{ background-color: transparent; color: #fff; border: 1px solid #ffffff2b; border-radius: 3px; font-size: 14px; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection span{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text{ background-color: transparent; color: #fff; border: 1px solid #ffffff2b; border-radius: 3px; font-size: 14px; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection:focus{ background-color:#fff; color:#000; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button{ font-size: 18px; border: 0; background-color: var(--px-color-2); padding: 5px 25px !important; color: #fff; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button:after{ opacity:0; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button:hover{ background-color:#fff; color:var(--px-color-2); } .px_cart_totols .cart_totals .shop_table .order-total{} .px_cart_totols .cart_totals .wc-proceed-to-checkout{} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button{ border: 0px !important; background-color: var(--px-color-2); color: #fff; font-size: 18px; } .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:after{ opacity:0 !important; } .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover{ background-color:#fff; color:var(--px-color-2); } /*-------------------------------------- ------- 00. Checkout Page CSS--------- -------------------------------------*/ /* Checkout */ .px_checkout_title .entry-title{} /* woo notice */ .px_wc_notice{} .px_wc_notice .et_pb_module_inner{} .px_wc_notice .woocommerce-form-coupon-toggle{} .px_wc_notice .woocommerce-form-coupon-toggle .woocommerce-info{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } .px_wc_notice .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon{ color: var(--px-color-2); } .px_wc_notice .checkout_coupon{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } .px_wc_notice .checkout_coupon .form-row .input-text{ border:1px solid #393a3b; } .px_wc_notice .checkout_coupon .form-row .wp-element-button{ border:0; font-size:16px; background-color:var(--px-color-2); color:#fff; padding: 12px 25px; } .px_wc_notice .checkout_coupon .form-row .wp-element-button:after{ opacity:0 !important; } .px_wc_notice .checkout_coupon .form-row .wp-element-button:hover{ background-color:var(--px-color-1); } .px_wc_notice .woocommerce-error{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } /*------ Checkout Details ------*/ .px_checkout_details .woocommerce-notices-wrapper{} .px_checkout_details form .woocommerce-billing-fields h3{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper {} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label{ color: #fff; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label .required{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row-first{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row-last{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_company_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_country_field .select2 .select2-selection{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_address_1_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_address_2_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_city_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_state_field .select2 .select2-selection{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_postcode_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_phone_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_email_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus, .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_country_field .select2 .select2-selection:focus, .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_state_field .select2 .select2-selection:focus{ background-color:#fff; color:#000; border:1px solid var(--px-color-2); } /*----- creating account----- */ .px_checkout_details form .woocommerce-account-fields .form-row-wide{} .px_checkout_details form .woocommerce-account-fields .form-row-wide .woocommerce-form__label-for-checkbox{} .px_checkout_details form .woocommerce-account-fields .form-row-wide .woocommerce-form__label-for-checkbox input{} .px_checkout_details form .woocommerce-account-fields .form-row-wide .woocommerce-form__label-for-checkbox span{} /*------ Checkout Address ------*/ .px_checkout_address .woocommerce-notices-wrapper{} .px_checkout_address #ship-to-different-address{ color:var(--px-color-2); } .px_checkout_address form #ship-to-different-address{} .px_checkout_address form input[type=checkbox].input-checkbox{accent-color:var(--px-color-1);} .px_checkout_address form #ship-to-different-address .checkbox{} .px_checkout_address form #ship-to-different-address .checkbox input[type=checkbox].woocommerce-form__input{ accent-color:var(--px-color-2); } .px_checkout_address form #ship-to-different-address .checkbox span{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row label{ color: #fff; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row label .required{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_company_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_country_field .select2 .select2-selection{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_city_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_state_field .select2 .select2-selection{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus, .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_country_field .select2 .select2-selection:focus, .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_state_field .select2 .select2-selection:focus{ background-color: #fff; color: #000; border: 1px solid var(--px-color-2); } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field{} /* Addition Information */ .px_checkout_add_info .woocommerce-notices-wrapper{} .px_checkout_add_info form #customer_details {} .px_checkout_add_info form #customer_details .woocommerce-additional-fields h3{ color:var(--px-color-2); } .px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper {} .px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes{} .px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes label{ color:#fff; } .px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes label span{} .px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper{} .px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea{ font-size: 14px; font-weight: 400; line-height: 1.5em; border: 1px solid #ffffff2b; background-color: #393a3b; } .px_checkout_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea:focus{ background-color: #fff; color: #000; border: 1px solid var(--px-color-2); } /*------ Checkout Order ------*/ /* notice */ .px_checkout_order .woocommerce-notices-wrapper{} .px_checkout_order form #customer_details {} /* Heading */ .px_checkout_order form #order_review_heading{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table th{ color: var(--px-color-2); font-weight: 300; } .px_checkout_order form .woocommerce-checkout-review-order .shop_table .cart_item td{ color: #fff; } /* thead */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-name{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-total{} /* tbody */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name strong{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total .amount{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total .amount .woocommerce-Price-currencySymbol{} /*--- tfoot ---*/ /* Subtotal */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal .amount{ color:var(--px-color-2); } .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal .amount .woocommerce-Price-currencySymbol{} /* Shipping */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping{ color:#fff; } .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping th{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods input{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods label{} /* Total Order */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total{ color:var(--px-color-2); } .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total th{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total .amount{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total .amount .woocommerce-Price-currencySymbol{} /*------ Checkout Payment ------*/ /* notice */ .px_checkout_payment .woocommerce-notices-wrapper{} .px_checkout_payment .checkout input{} .px_checkout_payment .checkout #customer_details{} .px_checkout_payment .checkout #order_review_heading{} /* error msg css */ .px_checkout_payment .checkout .woocommerce-error{ background-color: #fff; } .px_checkout_payment .checkout .woocommerce-error li{color:red;} /* Payment Methods */ .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment{} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods {} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input{} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input[type=radio].input-radio{ accent-color:var(--px-color-2); } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label{ font-size: 16px; font-weight: 400; line-height: 1.5em; color: #818a91; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box { background-color: #393a3b !important; color: #818a91 !important; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p{} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-validated input[type=checkbox].input-checkbox{ accent-color:var(--px-color-2); } /* Place Order */ .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order{ color: #818a91; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p{ color: #818a91; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p a{ color: var(--px-color-2); font-weight: 600; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button { float: unset !important; margin-top: 20px; width: 100%; border: 0; background-color: var(--px-color-2); color: #fff; font-size: 18px; padding: 8px 20px; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:after{ opacity:0; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover{ background-color:#fff; color:var(--px-color-2); } /* final order css */ .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button{} .px_checkout_payment .woocommerce-order p{ color: var(--px-color-2); font-weight: 500; font-size: 20px; text-align: center; padding-bottom: 30px; } .px_checkout_payment .woocommerce-order .woocommerce-order-overview li{ color: #fff; font-size: 13px; border-right: 3px solid #ffffff2b; } .px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong{ color: var(--px-color-2); font-weight: 400; margin: 12px 0px; font-size: 14px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details{} .px_checkout_payment .woocommerce-order .woocommerce-order-details h2.woocommerce-order-details__title{ color: var(--px-color-2); font-size: 26px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table{ border-radius: 0px; padding: 2em; padding-bottom:0px; padding-top:0px; border-color:#ffffff2b; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table tr th{ color: #fff; border-bottom: 1px solid #ffffff2b; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table td{ color: #fff; border-bottom: 1px solid #ffffff2b; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table tbody td{ color:#818a91; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table td a{ color:var(--px-color-2); } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table tfoot tr:last-child th{ border-bottom:0 !important; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table tfoot tr:last-child td{ border-bottom:0 !important; } .px_checkout_payment .woocommerce-customer-details .woocommerce-column h2.woocommerce-column__title{ color: var(--px-color-2); font-size: 25px; } .px_checkout_payment .woocommerce-customer-details .woocommerce-column address{ border: 1px solid #ffffff2b; border-radius: 0px; color: #fff; font-style: italic; } .px_checkout_payment .woocommerce-customer-details .woocommerce-column address .woocommerce-customer-details--phone{ text-align: left; font-size: 16px; padding: 5px 30px; } .px_checkout_payment .woocommerce-customer-details .woocommerce-column address .woocommerce-customer-details--email{ text-align: left; font-size: 16px; padding: 5px 30px; } /*-------------------------------------- ------- 00. My Account Page CSS--------- -------------------------------------*/ /*------------------------------------------- My Account Page CSS -------------------------------------------*/ /*-------------------------------------- ------- 00. My Account Page CSS--------- -------------------------------------*/ /*------------------------------------------- My Account Page CSS -------------------------------------------*/ .px_my_account{} .px_my_account .woocommerce{} /* Notice Wrapper CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper{} .px_my_account .woocommerce .u-columns .u-column1{ width:100%; } .px_my_account .woocommerce .u-columns .u-column1 .woocommerce-form{ border:0px; } .px_my_account .woocommerce .u-columns .u-column2{ width:100%; margin-top:30px; } .px_my_account .woocommerce .u-columns .u-column2 .woocommerce-form{ border:0px; } .px_my_account .woocommerce .woocommerce-notices-wrapper .woocommerce-error{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } /* Register Form CSS */ .px_my_account .woocommerce{} .px_my_account .woocommerce .woocommerce-form-register{} .px_my_account .woocommerce .woocommerce-form-register p{ color:#000; } .px_my_account .woocommerce .woocommerce-form-register .form-row{} .px_my_account .woocommerce .woocommerce-form-register .form-row label{ color: #282344; display: block; margin-bottom: 0.5em; font-weight: 600; font-size: 14px; } .px_my_account .woocommerce .woocommerce-form-register .form-row label .required{ border-bottom: 1px dotted #e2401c !important; } .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text{ padding: 14px 30px; color: #605c78; border: 1px solid #e5e5e5; -webkit-appearance: none; border-radius: 30px; box-sizing: border-box; outline: 0; transition: all ease-in-out .3s; font-size: 14px; line-height: 24px; background-color: transparent; } .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:focus{ border-color: var(--px-color-1) !important; } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit{ font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 7px 20px 7px 20px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-1) !important; color:#fff; border:0px; border-radius:50px; margin-top:20px; } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:before{ content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: var(--px-color-2) !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; display:block !important; opacity:1; } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover:before{ top: -40%; } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:after{ opacity:0; } .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p{ color:#000; } .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a{ color:var(--px-color-2); font-weight:800; } /* Login Form CSS */ .px_my_account .woocommerce h2{ font-size: 22px; line-height: 1; margin-bottom: 30px; margin: 0 0 0em; color: #282344; font-weight: 700; padding-bottom:0px; } .px_my_account .woocommerce .woocommerce-form-login{} .px_my_account .woocommerce .woocommerce-form-login .form-row{} /* Label CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row label{ color: #282344; display: block; margin-bottom: 0.5em; font-weight: 600; font-size: 14px; } .px_my_account .woocommerce .woocommerce-form-login .form-row label .required{ border-bottom: 1px dotted #e2401c !important; } /* Input Field CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text{ padding: 14px 30px; color: #605c78; border: 1px solid #e5e5e5; -webkit-appearance: none; border-radius: 30px; box-sizing: border-box; outline: 0; transition: all ease-in-out .3s; font-size: 14px; line-height: 24px; background-color: transparent; } .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:focus{ border-color: var(--px-color-1) !important; } /* Remember me checkbox password */ .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form__label{} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form__label input[type=checkbox]{accent-color:var(--px-color-1); } /* Button CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit{ font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 7px 20px 7px 20px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-1) !important; color:#fff; border:0px; border-radius:50px; } .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:before{ content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: var(--px-color-2) !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; display:block !important; opacity:1; } .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover:before{ top: -40%; } .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after{ opacity:0 !important; } /* Lost Password CSS */ .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword{} .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a{ color:var(--px-color-2); font-weight:700; border-bottom: 3px dotted var(--px-color-2); } /* Reset Password CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword{} .px_my_account .woocommerce .woocommerce-ResetPassword p{ color:#000; } .px_my_account .woocommerce .woocommerce-ResetPassword .clear{} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row{} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row label{ color: #282344; display: block; margin-bottom: 0.5em; font-weight: 600; font-size: 14px; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text{ padding: 14px 30px; color: #605c78; border: 1px solid #e5e5e5; -webkit-appearance: none; border-radius: 30px; box-sizing: border-box; outline: 0; transition: all ease-in-out .3s; font-size: 14px; line-height: 24px; background-color: transparent; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text:focus{ border-color: var(--px-color-1) !important; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button{ font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 7px 20px 7px 20px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-1) !important; color:#fff; border:0px; border-radius:50px; margin-top:10px; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:before{ content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: var(--px-color-2) !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; display:block !important; opacity:1; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover:before{ top: -40%; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after{ opacity:0 !important; } /* MyAccount page dashboard css*/ /* Reset Password Error Box CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error{} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li{} .px_my_account .woocommerce .woocommerce-message{} /* Navigation CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation{ border-radius: 0px; overflow: hidden; box-shadow: 0px 14px 48px 0px rgba(0,0,0,0.13); padding-top: 30px !important; padding-right: 0px !important; padding-bottom: 30px !important; padding-left: 0px !important; background-color:var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul{ list-style-type: circle; list-style-position: inside; padding:0; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li{ background-color: RGBA(0,0,0,0); padding-top: 10px!important; padding-bottom: 10px!important; padding-left: 60px!important; margin-bottom: 6px!important; transition: background-color 300ms ease 0ms,background-image 300ms ease 0ms; position:relative; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:after{ position:absolute; content:''; width:7px; height:100%; left:-10px; top:0; background-color:#fff; transition:0.3s; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover:after{ left:0; transition:0.3s; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:before{ position:absolute; content:''; width:0%; height:100%; left:0px; top:0; background-color:rgba(255,255,255,0.3); transition:0.3s; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover:before{ width:100%; transition:0.3s; transform-origin:left; } /* .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover{ background-color: rgba(255,255,255,0.5); } */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a{ color: #fff; font-size: 16px; font-weight:700; z-index: 1; position: relative; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a{ color:var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li::marker{ color:#fff; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover::marker{ color:var(--px-color-1); } /* Content CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content{ border-radius:0px; overflow: hidden; box-shadow: 0px 14px 48px 0px rgba(0,0,0,0.13); padding-top: 30px !important; padding-right: 30px !important; padding-bottom: 30px !important; padding-left: 30px !important; background-color: var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper{} .px_my_account .woocommerce .woocommerce-MyAccount-content p{ font-size: 14px; line-height: 1.7em; color: #fff; } .px_my_account .woocommerce .woocommerce-MyAccount-content p strong{} .px_my_account .woocommerce .woocommerce-MyAccount-content p a{ color: var(--px-color-2); } /* Order CSS*/ .px_my_account .woocommerce .woocommerce-message{ padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative; background-color: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid var(--px-color-2) !important; list-style: none outside; width: auto; word-wrap: break-word; } .px_my_account .woocommerce .woocommerce-message a.button{ color: #fff !important; padding: 8px 20px !important; border-radius: 5px!important; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%) !important; transition: .2s ease !important; font-size: 13px!important; text-transform: uppercase; font-weight: 700!important; background-color:var(--px-color-2); border:0px; margin-top:15px; } .px_my_account .woocommerce .woocommerce-message a.button::after{ opacity:0; } .px_my_account .woocommerce .woocommerce-message a.button:hover{ transform: translate(0%,-5%); } .px_my_account .woocommerce .woocommerce-MyAccount-content p{ margin-bottom:30px; } .px_my_account .woocommerce .woocommerce-MyAccount-content p mark{ background-color:transparent; color:var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details h2{ color:var(--px-color-2); margin-bottom:15px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table{ padding: 2em; padding-bottom: 0px; padding-top: 0px; border-color: #ffffff2b; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr th{ padding:15px !important; color:#fff; border-bottom: 1px solid #ffffff2b; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr td{ color:#fff; border-bottom: 1px solid #ffffff2b; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tfoot tr:last-child th { border-bottom: 0 !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tfoot tr:last-child td { border-bottom: 0 !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tbody tr td{ color:#818a91; border-bottom: 1px solid #ffffff2b !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table tr td a{ color:var(--px-color-2); font-weight:600; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns{ margin-top:30px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns h2.woocommerce-column__title{ color:var(--px-color-2); font-size:20px; padding-bottom:20px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns address{ border: 1px solid #ffffff2b; border-radius: 0px; color: #fff; font-style: italic; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns address .woocommerce-customer-details--phone{ text-align: left; font-size: 16px; padding: 5px 30px; color:var(--px-color-2); margin-bottom:0px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns address .woocommerce-customer-details--email{ text-align: left; font-size: 16px; padding: 5px 30px; color:var(--px-color-2); margin-bottom:0px; } /* Download CSS*/ .px_my_account .woocommerce .woocommerce-Message{ background-color: transparent; color: #fff !important; } .px_my_account .woocommerce .woocommerce-Message a.button{ font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 8px 20px 8px 20px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-2) !important; color:#fff; border:0px; border-radius:50px; } .px_my_account .woocommerce .woocommerce-Message a.button:hover{ background-color:#fff !important; color:var(--px-color-2); } .px_my_account .woocommerce .woocommerce-Message a.button:hover:before{ top: -40%; } .px_my_account .woocommerce .woocommerce-Message a.button::after{ opacity:0; } .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders { border:0 !important; } .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders th{ color: #fff!important; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; padding: 9px 24px; } .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td{ padding: 16px 10px !important; border-top: 1px solid #eeeeee7a !important; font-size: 13px; font-weight: 500; color:#fff; } .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-number a{ color:var(--px-color-2); } .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a{ font-size: 15px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 4px 25px 4px 25px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-2) !important; color:#fff; border:0px; border-radius:0px; } .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a:hover{ background-color:#fff !important; color:var(--px-color-2); } /* .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a:before{ content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: var(--px-color-2) !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; display:block !important; opacity:1; } */ /* .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a:hover:before{ top: -40%; } */ .px_my_account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell-order-actions a:after{ opacity:0; } /* Address CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{ padding: 20px 20px !important; border: 1px solid #ffffff2b; border-radius: 0px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3{ font-weight: 700; font-size: 22px; color: var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a{ color:var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address{ font-size:14px; color:#fff; } /* Account Details CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label{ color: #fff; display: block; margin-bottom: 0.5em; font-weight: 600; font-size: 14px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label .required{ border-bottom: 1px dotted #e2401c !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:focus{ background-color: #fff; color: #000; border: 1px solid var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row em{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend{ color: #fff; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button{ font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 10px 20px 10px 20px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-2) !important; color:#fff; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:hover{ background-color:#fff; color:var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:hover:before{ top: -40%; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:after{ opacity:0; } /* Account Details CSS edit */ .px_my_account .woocommerce .woocommerce-MyAccount-content h3{ font-weight: 700; font-size: 22px; color: var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p label{ color: #fff; display: block; margin-bottom: 0.5em; font-weight: 600; font-size: 14px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p label .required{ border-bottom: 1px dotted #e2401c !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p input.input-text{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p input.input-text:focus{ background-color: #fff; color: #000; border: 1px solid var(--px-color-2) !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection{ background-color: #393a3b; border: 1px solid #ffffff2b; color: #fff; font-size: 14px; font-weight: 400; line-height: 1.4em; height: unset; padding: 12px 20px 12px 5px !important; border-radius: 0px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection:focus{ background-color: #fff; color: #000; border: 1px solid var(--px-color-2) !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection .select2-selection__arrow{ height: auto; top: 50%; right: 20px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.address-field .woocommerce-input-wrapper .select2 .select2-selection .select2-selection__rendered{ color:#999 !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content p .wp-element-button{ font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1; padding: 10px 20px 10px 20px !important; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Nunito', sans-serif; position: relative; z-index:1; overflow: hidden; background-color:var(--px-color-2) !important; color:#fff; border:0px; border-radius:0px; } .px_my_account .woocommerce .woocommerce-MyAccount-content p .wp-element-button:hover{ background-color:#fff !important; color:var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content p .wp-element-button:hover:before{ top: -40%; } .px_my_account .woocommerce .woocommerce-MyAccount-content p .wp-element-button:after{ opacity:0; } /*-------------------------------------- ------- 00. Single Product Page CSS---- -------------------------------------*/ /* px_product_title_v1 CSS Start */ .px_product_title_v1 {} .px_product_title_v1 .px_product_title_name {} .px_product_title_v1 .px_product_breadcrumbs {} .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner {} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb {} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a { color: var(--px-color-2) !important; } .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover {} /* px_product_title_v1 CSS End */ /* px_wc_product_details CSS Start ----same as cart notice----*/ .px_wc_notice {} .px_wc_notice .et_pb_module_inner {} .px_wc_notice .woocommerce-notices-wrapper {} .px_wc_notice .woocommerce-message {} .px_wc_notice .woocommerce-message a.button {} /* px_wc_product_details CSS End */ /* px_wc_product_img CSS Start */ .px_wc_product_img {} .px_wc_product_img .et_pb_module_inner {} .px_wc_product_img .et_pb_module_inner .onsale {} .px_wc_product_img .woocommerce-product-gallery {} .px_wc_product_img .woocommerce-product-gallery__trigger {} .px_wc_product_img .woocommerce-product-gallery__trigger::before {} .px_wc_product_img .woocommerce-product-gallery__trigger::after {} .px_wc_product_img .flex-viewport {} .px_wc_product_img .woocommerce-product-gallery__wrapper {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .zoomImg {} .px_wc_product_img .flex-control-nav {} .px_wc_product_img .flex-control-nav li {} .px_wc_product_img .flex-control-nav li img {} /* px_wc_product_img CSS End */ /* px_wc_product_title CSS Start */ .px_wc_product_title {} .px_wc_product_title .et_pb_module_inner {} .px_wc_product_title .et_pb_module_inner h1 {} /* px_wc_product_title CSS End */ /* px_wc_product_price CSS Start */ .px_wc_product_price {} .px_wc_product_price .et_pb_module_inner {} .px_wc_product_price .price {} .px_wc_product_price .price .woocommerce-Price-amount {} .px_wc_product_price .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_product_price .price del[aria-hidden="true"] .woocommerce-Price-amount {} .px_wc_product_price .price del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} /* px_wc_product_price CSS End */ /* px_wc_short_desc CSS Start */ .px_wc_short_desc {} .px_wc_short_desc .et_pb_module_inner {} /* px_wc_short_desc CSS End */ /* px_wc_rating css start */ .px_wc_rating{} .px_wc_rating .et_pb_module_inner{} .px_wc_rating .woocommerce-product-rating{} .px_wc_rating .woocommerce-product-rating .star-rating{} .px_wc_rating .woocommerce-product-rating .star-rating span:before{} .px_wc_rating .woocommerce-product-rating .woocommerce-review-link{} /* px_wc_rating css end */ /* px_wc_meta CSS Start */ .px_wc_meta{} .px_wc_meta .et_pb_module_inner{} .px_wc_meta .et_pb_module_inner .product_meta{ padding-top:0px; border-top:0px; } .px_wc_meta .product_meta .sku_wrapper{ display:block; color: #000; font-size: 18px; font-weight: 500; } .px_wc_meta .product_meta .sku{ font-size: 16px; color: var(--px-color-2); padding-left: 10px; } .px_wc_meta .product_meta .sku_wrapper:after{} .px_wc_meta .product_meta .posted_in{ display:block; color: #000; font-size: 18px; font-weight: 500; } .px_wc_meta .product_meta .posted_in a{ font-size: 16px; color: var(--px-color-2); padding-left: 10px; } .px_wc_meta .product_meta .tagged_as{ font-size: 18px; font-weight: 500; color:#000; } .px_wc_meta .product_meta .tagged_as a{ font-size: 16px; color: var(--px-color-2); padding-left: 10px; } /* px_wc_meta CSS End */ /* product bar counter css start*/ .px_product_barcounter .et_pb_counter .et_pb_counter_container .et_pb_counter_amount{ font-size: 5px !important; background-color:var(--px-color-2); } /* product bar counter css end*/ /* product social media css start*/ .px_product_socialmedia { position:relative; padding-left: 45px !important; } .px_product_socialmedia:before{ position:absolute; content:"Share:" !important; left:0; top:0px; color:#000; } /* product social media css end*/ /*----- px_wc_add_to_cart_info CSS Start -----*/ .px_wc_add_to_cart_info {} .px_wc_add_to_cart_info .et_pb_module_inner {} /* Simple product */ .px_wc_add_to_cart_info .cart {} .px_wc_add_to_cart_info .cart .quantity {} .px_wc_add_to_cart_info .cart .quantity .input-text { max-width: 5.3em !important; background-color: transparent !important; padding-bottom: 0px !important; text-align: left; color: #000; font-size: 18px; } .px_wc_add_to_cart_info .cart .single_add_to_cart_button { font-size:18px !important; font-weight:500 !important; border:0px !important; background-color:var(--px-color-2) !important; color:#fff !important; padding:10px 35px !important; } .px_wc_add_to_cart_info .cart .single_add_to_cart_button:after{ opacity:0 !important; } .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover{ background-color:var(--px-color-1) !important; color:var(--px-color-2) !important; } /* Variable product */ .px_wc_add_to_cart_info .variations_form {} .px_wc_add_to_cart_info .variations_form .variations {} .px_wc_add_to_cart_info .variations_form .variations tbody {} .px_wc_add_to_cart_info .variations_form .variations tbody tr {} .px_wc_add_to_cart_info .variations_form .variations tbody tr th { color: #000; } .px_wc_add_to_cart_info .variations_form .variations tbody tr th .pa_color {} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select { font-size: 15px !important; padding: 14px 8px !important; background-color: transparent !important; border: 1px solid #ddd !important; color:var(--px-color-2) !important; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td select:focus{ border: 1px solid var(--px-color-2) !important; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td span:after{ transform: translateY(-225%) !important; } .px_wc_add_to_cart_info form.cart .variations td.value .reset_variations{ color: var(--px-color-2); font-size: 18px; font-weight: 500; background-color: var(--px-color-1); padding: 6px 12px; float: left !important; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option {} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option .attached {} .px_wc_add_to_cart_info .single_variation_wrap {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-description { color:#000; } .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .woocommerce-Price-amount { color: var(--px-color-2) !important; font-size: 22px; font-weight: 700; } .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-availability {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .screen-reader-text {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {} /* External/Affiliate product */ .px_wc_add_to_cart_info .cart {} .px_wc_add_to_cart_info .cart .button {} /* Grouped product */ .px_wc_add_to_cart_info .grouped_form {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list { margin-bottom: 20px; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td { color: #000; vertical-align:middle !important; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .quantity {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .quantity .input-text {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a { color: #000 !important; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td ins .woocommerce-Price-amount { color:var(--px-color-2);font-weight:600;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list .single_add_to_cart_button {} /*----- px_wc_add_to_cart_info CSS End ------*/ /* px_wc_additional_info CSS Start */ .px_wc_additional_info {} .px_wc_additional_info .et_pb_module_inner {} .px_wc_additional_info .et_pb_module_inner h2 {} .px_wc_additional_info .woocommerce-product-attributes {} .px_wc_additional_info .woocommerce-product-attributes tbody {} .px_wc_additional_info .woocommerce-product-attributes tbody tr {} .px_wc_additional_info .woocommerce-product-attributes tbody tr th {} .px_wc_additional_info .woocommerce-product-attributes tbody tr td {} /* px_wc_additional_info CSS End */ /* px_wc_product_tabs CSS Start */ .px_wc_product_tabs { border:0px !important; } .px_wc_product_tabs .et_pb_tabs_controls { background-color:transparent !important; } .px_wc_product_tabs .et_pb_tabs_controls:after{ border-top:0px !important; } .px_wc_product_tabs li { border:0px !important; } .px_wc_product_tabs li.et_pb_tab_active a{ border-bottom:2px solid #000 !important; padding: 4px 0px !important; margin: 0px 30px !important; display: inline-block !important; } .px_wc_product_tabs li a { color:#000 !important; text-transform:uppercase; font-size: 16px; font-weight: 500; } .px_wc_product_tabs li a {} .px_wc_product_tabs .et_pb_all_tabs { padding: 30px 0px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab.et_pb_active_content {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content { color: #000; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 { color: var(--px-color-2); font-size: 25px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th { text-align: left; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr td { color: var(--px color-1) !important; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .avatar { border-radius: 50px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-ratin::before {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before { color: var(--px-color-2); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author { color: #000; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__dash { color: #000; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__published-date { color: #000; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description p{ color: var(--px-color-2); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title { color: #000; font-size: 20px; font-weight: 500; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a { color: var(--px-color-2); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea { border: 1px solid #ddd; background-color: transparent; color: #000; padding: 15px; font-size: 16px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit { text-align:left; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit input.submit { border: 0px; font-size: 18px; background-color: var(--px-color-2); color: #fff; padding: 10px 35px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit input.submit:hover{ background-color:var(--px-color-1); } /* px_wc_product_tabs CSS End */ /* px_wc_product_reviews CSS Start */ .px_wc_product_reviews {} .px_wc_product_reviews .woocommerce-Reviews {} .px_wc_product_reviews .woocommerce-Reviews #comments {} .px_wc_product_reviews .woocommerce-Reviews #comments .woocommerce-Reviews-title {} .px_wc_product_reviews .woocommerce-Reviews #comments .woocommerce-Reviews-title span {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .comment_container {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .avatar {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .comment-text {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .star-rating span{} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .star-rating .rating {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta .woocommerce-review__author {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta .woocommerce-review__dash {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta .woocommerce-review__published-date {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .description {} .px_wc_product_reviews .woocommerce-Reviews .woocommerce-pagination {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .comment-notes{} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a::before {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a.active {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a.active::before {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment .required {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-author{} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-author input{} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-email{} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-email input{} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-cookies-consent{} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .et_pb_button {} /* px_wc_product_reviews CSS End */ /* Responsive css for product detail page */ @media only screen and (min-width:0px) and (max-width:767px){ .px_wc_product_tabs li a{ border:1px solid #000; display: block !important; padding: 4px 20px !important; margin: 7px 0px; } .px_wc_product_tabs li.et_pb_tab_active a { border-bottom-color:var(--px-color-2) !important; border:2px solid var(--px-color-2); display: block !important; padding: 4px 20px !important; margin: 7px 0px !important; } } /*--------------------------------------------------------------- * -----related product - cross product - upsell product---------- * ---------------------------------------------------------- */ .px_wc_related_product , .px_wc_upsell_product , .px_wc_crosssells_product{} .px_wc_related_product .related , .px_wc_upsell_product .up-sells , .px_wc_crosssells_product .cross-sells{} .px_wc_related_product .related h2, .px_wc_upsell_product .up-sells h2, .px_wc_crosssells_product .cross-sells h2 { font-size:32px !important; text-align: left; } .px_wc_related_product .related ul.products, .px_wc_upsell_product .up-sells ul.products, .px_wc_crosssells_product .cross-sells ul.products{} .px_wc_related_product .related ul.products li.product , .px_wc_upsell_product .up-sells ul.products li.product , .px_wc_crosssells_product .cross-sells ul.products li.product { overflow: hidden; padding-bottom: 100px; } .px_wc_related_product .related ul.products li.product:hover, .px_wc_upsell_product .up-sells ul.products li.product:hover, .px_wc_crosssells_product .cross-sells ul.products li.product:hover{ box-shadow: 0 5px 15px 0 rgb(17 17 11 / 10%); transition: all 0.25s ease-in-out; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .onsale , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .onsale , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .onsale { background-color: var(--px-color-2)!important; color: #fff; left: unset !important; right: 0px !important; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image { overflow: hidden; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image img , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image img , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image img { margin: 0px !important; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image .et_overlay , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image .et_overlay , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image .et_overlay { opacity: 0 !important; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image .et_overlay::before , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image .et_overlay::before , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .et_shop_image .et_overlay::before {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { position: absolute; content: ''; bottom: 20px; left: 0; right: 0; transition: 0.3s; color:#000 !important; font-size:30px !important; line-height:1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .px_wc_related_product .related ul.products li.product:hover a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title , .px_wc_upsell_product .up-sells ul.products li.product:hover a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title , .px_wc_crosssells_product .cross-sells ul.products li.product:hover a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title{ bottom: -80px; transition: 0.3s; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .star-rating , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .star-rating , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .star-rating { display:none; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .star-rating span::before , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .star-rating span::before , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .star-rating span::before {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price { position: absolute; content: ''; bottom: 0; left: 0; right: 0; transition: 0.3s; } .px_wc_related_product .related ul.products li.product:hover a.woocommerce-LoopProduct-link .price , .px_wc_upsell_product .up-sells ul.products li.product:hover a.woocommerce-LoopProduct-link .price , .px_wc_crosssells_product .cross-sells ul.products li.product:hover a.woocommerce-LoopProduct-link .price{ bottom: -26px; transition: 0.3s; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price del, .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price del, .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price del{ font-size: 20px; color: var(--px-color-2) !important; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount { color: var(--px-color-2); font-size: 20px; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price del, .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price del , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price del {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price del .woocommerce-Price-amount , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price del .woocommerce-Price-amount , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price del .woocommerce-Price-amount {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price ins .woocommerce-Price-amount, .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price ins .woocommerce-Price-amount, .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price ins .woocommerce-Price-amount {} .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_related_product .related ul.products li.product a.button, .px_wc_upsell_product .up-sells ul.products li.product a.button , .px_wc_crosssells_product .cross-sells ul.products li.product a.button { position: absolute; content: ''; bottom: 45px; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; opacity: 0; font-size: 17px; border: 0px; color: #fff; background-color: var(--px-color-2); padding: 7px 14px; width: 70%; text-align: center; } .px_wc_related_product .related ul.products li.product .added_to_cart, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart, .px_wc_crosssells_product .cross-sells ul.products li.product .added_to_cart{ position: absolute; content: ''; bottom: 58px; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; /* opacity: 0; */ font-size: 17px; border: 0px; color: #fff; background-color: var(--px-color-2); padding: 7px 14px; width: 70%; text-align: center; } .px_wc_related_product .related ul.products li.product a.button:hover, .px_wc_upsell_product .up-sells ul.products li.product a.button:hover, .px_wc_crosssells_product .cross-sells ul.products li.product a.button:hover{ background-color: var(--px-color-1); } .px_wc_related_product .related ul.products li.product:hover a.button, .px_wc_upsell_product .up-sells ul.products li.product:hover a.button, .px_wc_crosssells_product .cross-sells ul.products li.product:hover a.button{ bottom: 10px; transition: 0.3s; opacity: 1; } .px_wc_related_product .related ul.products li.product a.button:after, .px_wc_upsell_product .up-sells ul.products li.product a.button:after, .px_wc_crosssells_product .cross-sells ul.products li.product a.button:after{ opacity:0; } /* responsive css for relative --cross -cell up cell */ @media only screen and (min-width:0px) and (max-width:767px){ .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { font-size:22px !important; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount , .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount , .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price .woocommerce-Price-amount { font-size: 16px; } .px_wc_related_product .related ul.products li.product a.woocommerce-LoopProduct-link .price del, .px_wc_upsell_product .up-sells ul.products li.product a.woocommerce-LoopProduct-link .price del, .px_wc_crosssells_product .cross-sells ul.products li.product a.woocommerce-LoopProduct-link .price del{ font-size: 16px; } .px_wc_related_product .related ul.products li.product a.button, .px_wc_upsell_product .up-sells ul.products li.product a.button, .px_wc_crosssells_product .cross-sells ul.products li.product a.button { font-size: 15px; } } /*---------------------------------------------- ------- 00. px_customer_satisfactions_v1 CSS---- ------------------------------------------------*/ /* px_customer_satisfactions_v1 */ .px_customer_satisfactions_v1 .px_blurb_costomer{ background-color:var(--px-color-1); } .px_customer_satisfactions_v1 .px_blurb_costomer .et_pb_main_blurb_image .et-pb-icon{ color:#5c5b5b; transition:0.1s; } .px_customer_satisfactions_v1 .px_blurb_costomer:hover .et_pb_main_blurb_image .et-pb-icon{ color:var(--px-color-2); transition:0.1s; } /* Responsive css for px_customer satisfactions v1 */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_customer_satisfactions_v1 .px_blurb_costomer .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ height: 75px; } } /* px_customer_satisfactions_v2 */ .px_customer_satisfactions_v2 .px_blurb_costomer{ position:relative; /* background-color:red; */ height:150px; } .px_customer_satisfactions_v2 .px_blurb_costomer .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ position:absolute; content:''; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ position: absolute !important; top:0%; left:50%; transform: translate(-50%, -50%); transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1); transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ Color:var(--px-color-2); transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before{ width:70px; height:70px; line-height:70px; background-color:#fff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); position:absolute; content:''; z-index:-1; display: block; transform: translate(-50%, -50%) rotate(45deg); top: 50%; left: 50%; transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before{ position:absolute; width: 0; height: 0; transform: translate(-50%, -50%) rotate(45deg); transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ position: absolute; content: ''; top: 70%; left: 50%; font-size: 36px; font-weight: 600; color: #e1e1e1; width: 100%; text-align: center; transform: translate(-50%, -50%); z-index: -2; text-transform:uppercase; transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ position: absolute; transform: translate(-50%, -50%); top: 40%; left: 50%; font-size: 25px; font-weight: 500; color: #000; transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ opacity:0; } .px_customer_satisfactions_v2 .px_blurb_costomer:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ opacity:1; margin-top: 30px; transition: all 0.35s ease-in-out; padding-bottom: 15px; } .px_customer_satisfactions_v2 .px_blurb_costomer .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:before{ /* visibility:hidden; */ transition: all 0.35s ease-in-out; position:absolute; content:''; bottom:30px; transform:scalex(0); } .px_customer_satisfactions_v2 .px_blurb_costomer:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:before{ position:absolute; content:''; width: 25%; margin: auto; height: 2px; left:0; right:0; bottom:0; transform:scalex(1); background-color:var(--px-color-2); visibility:visible; transition: all 0.35s ease-in-out; } .px_customer_satisfactions_v2 .px_blurb_costomer:hover{ padding-bottom:20px; transition: all 0.35s ease-in-out; } /* Responsive css for px_customer_satisfactions_v2 */ @media only screen and (min-width:768px) and (max-width:980px){} /* px_customer_satisfactions_v3 */ .px_customer_satisfactions_v3 .px_blurb{ position:relative; } .px_customer_satisfactions_v3 .px_blurb .et_pb_blurb_container{ position: absolute; content: ''; bottom: 10px; left: 0; right: 0; padding: 35px 10px; z-index:1; } .px_customer_satisfactions_v3 .px_blurb .et_pb_blurb_container:before{ position:absolute; content:''; width:100%; height:100%; top:0; left:0; background-color:var(--px-color-1); opacity:0; z-index:-1; transition:0.3s; } .px_customer_satisfactions_v3 .px_blurb:hover .et_pb_blurb_container:before{ opacity:0.8; transition:0.3s; } .px_customer_satisfactions_v3 .px_blurb .et_pb_main_blurb_image{ margin-bottom:0; width: 100%; } .px_customer_satisfactions_v3 .px_blurb .et_pb_main_blurb_image img{ width: 100%; max-width:100% ; } .px_customer_satisfactions_v3 .px_blurb .et_pb_blurb_container .et_pb_blurb_description p{ font-size:35px; } /* Responsive css for px cutomer satisfactions v3 */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_customer_satisfactions_v3 .px_blurb .et_pb_blurb_container .et_pb_blurb_description p { font-size: 25px; } } /*---------------------------------------------- ------- 00. px_banner home v2 CSS---- ------------------------------------------------*/ .px_banner_v2{ padding: 100px 50px !important; position:relative; } .px_banner_v2:before{ background-color: #a0a0a0; content: ""; height: 0; left: 0; margin: auto; opacity: 0.30; position: absolute; top: 0; transition: all 0.4s ease 0s; width: 0; } .px_banner_v2:hover:before{ height: 100%; transition: all 0.4s ease 0s; width: 100%; } .px_banner_v2:after{ background-color: #000; bottom: 0; content: ""; height: 0; opacity: 0.30; position: absolute; right: 0; transition: all 0.4s ease 0s; width: 0; } .px_banner_v2:hover:after{ height: 100%; transition: all 0.4s ease 0s; width: 100%; } .px_banner_v2 .et_pb_button_wrapper .et_pb_promo_button{ background-color:var(--px-color-2); position:relative; z-index:1; } .px_banner_v2 .et_pb_button_wrapper .et_pb_promo_button:before{ position:absolute; content:''; width:100%; height:100%; top:0px; left:0px; background-color:#fff; opacity:0; display:block !important; margin-left: 0; transition:0.3s; } .px_banner_v2 .et_pb_button_wrapper .et_pb_promo_button:hover:before{ opacity:0.3; transition:0.3s; } .px_banner_v2 .et_pb_promo_description{ z-index:1; padding-bottom:10px; } /* responsive css for px banner v2 */ @media only screen and (min-width:981px) and (max-width:1024px){ .px_banner_v2{ padding: 100px 50px !important; } } /*---------------------------------------------- ------- 00. px_banner home v3 CSS---- ------------------------------------------------*/ .px_banner_v3{ position:relative; } .px_banner_v3 .px_title_banner h2{ color:#fff !important; font-size:76px; } .px_banner_v3 .px_title_banner h2 .px_ban_title_color{ color:#000; } .px_banner_v3 .px_blurb1 .et_pb_blurb_content .et_pb_main_blurb_image{ margin-bottom:10px !important; } .px_banner_v3 .px_btn.banner{ background-color:var(--px-color-1) !important; } .px_banner_v3 .px_banner_listv3{ position: absolute; content: ''; left: -156px; bottom: -40px; } .px_banner_v3 .px_banner_listv3 .px_ban_list li{ margin-bottom: 45px; transform: rotateZ(-90deg); color:#000; } .px_banner_v3 .px_banner_listv3:before{ position: absolute; content: ''; height: 30%; width: 1px; background-color: #000; top: -108px; left: 24px; } .px_banner_v3 .px_banner_listv3:after{ position: absolute; content: 'Follow us' !important; top: -190px; left: -25px; color: #000; width: 100px; transform: rotateZ(-90deg); } /* RESPONSIVE CSS FOR BANNER V3 */ @media only screen and (min-width:1025px) and (max-width:1140px){ .px_banner_v3 .px_banner_listv3 { left: -80px; } } @media only screen and (min-width:981px) and (max-width:1024px){ .px_banner_v3 .px_title_banner h2 { font-size: 60px; } .px_banner_v3 .px_banner_listv3 { left: -85px; } .px_banner_v3 .px_banner_listv3:before { height: 20%; top: -75px; } .px_banner_v3 .px_banner_listv3:after { top: -145px; } } @media only screen and (min-width:768px) and (max-width:980px){ .px_banner_v3 .px_banner_listv3 { left: unset; bottom: -40px; right: 0; } } @media only screen and (min-width:0px) and (max-width:767px){ .px_banner_v3 .px_title_banner h2 { font-size: 52px; } .px_banner_v3 .px_banner_listv3{ display:none; } } /*---------------------------------------------- ------- 00. px_accessories home v2 CSS---- ------------------------------------------------*/ .px_accessories_v1{} .px_accessories_v1 .et_pb_blurb_content{} .px_accessories_v1 .et_pb_blurb_content .et_pb_main_blurb_image { margin-left: -10px; margin-right: -05px; overflow:hidden; transition: all 0.35s ease; margin-bottom:0px !important; } .px_accessories_v1:hover .et_pb_blurb_content .et_pb_main_blurb_image{ box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15); transition: all 0.35s ease; } .px_accessories_v1 .et_pb_blurb_content .et_pb_main_blurb_image img{ transition: all 0.35s ease; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } .px_accessories_v1:hover .et_pb_blurb_content .et_pb_main_blurb_image img{ transition: all 0.35s ease; transform: scale(1.15); } .px_accessories_v1 .et_pb_blurb_content .et_pb_blurb_container{ position:absolute; content:''; top:45px; left:0; right:0; } .px_accessories_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ position:absolute; content:''; width:20%; margin:auto; right:0; left:0; height:1px; background-color:#000; bottom:0; transition: all 0.2s ease; } .px_accessories_v1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ width:30%; transition: all 0.2s ease; } .px_accessories_v1.full_img .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ position:unset; color:#fff; } .px_accessories_v1.full_img{ position:relative; } .px_accessories_v1.full_img .et_pb_blurb_content .et_pb_blurb_container{ position: absolute; content: ''; bottom: 90px!important; left: 0; right: 0; color: #fff; top: unset !important; } .px_accessories_v1.full_img:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{ position:unset; display:none; } .px_accessories_v1.full_img .et_pb_main_blurb_image{ position:relative; } .px_accessories_v1.full_img .et_pb_main_blurb_image:after{ z-index: 1; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .px_accessories_v1.full_img:hover .et_pb_main_blurb_image:after{ opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .px_accessories_v1.full_img .et_pb_main_blurb_image:before{ z-index: 1; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .px_accessories_v1.full_img:hover .et_pb_main_blurb_image:before{ opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* px_discount */ .px_discount .px_blurb .et_pb_blurb_content .et_pb_module_header{ color:#fff; transition:0.3s; } .px_discount .px_blurb .et_pb_blurb_content .et_pb_module_header:hover{ color:var(--px-color-2); transition:0.3s; } .px_discount .px_blurb .et_pb_blurb_content .et_pb_blurb_description{ color:#fff; transition:0.3s; } .px_discount .px_blurb .et_pb_blurb_content .et_pb_blurb_description:hover{ color:var(--px-color-2); transition:0.3s; } .px_discount .px_cta .et_pb_button_wrapper .et_pb_promo_button{ background-color:var(--px-color-2); } .px_discount .px_cta .et_pb_button_wrapper .et_pb_promo_button:hover{ background-color:#fff; color:var(--px-color-2); } .px_discount .px_cta .et_pb_button_wrapper .et_pb_promo_button:hover:after{ transform:translatex(5px); transition:0.3s; }