/* Theme Name: Divi Curtains Shop Theme Theme URI: https://divi-professional.com Description: An elegant Divi WooCommerce theme crafted for curtain stores, drapery shops, blinds, and home décor businesses with stylish product presentation. Author: Divi Professional Author URI: https://divi-professional.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 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.Product Mini CSS 30.Single Product Page CSS Simple Product Variable Product Notice CSS Group Product External/Affiliate Product 31.Cart Page CSS 32.Checkout Page CSS 33.Thank you Page CSS 34.My Account Page CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ body { overflow-x: hidden; } .px_title{margin-bottom:0px !important;} .px_title h2{color: #253237; font-size: 50px; font-weight: 700; line-height: 55px;} .px_subtitle{width: fit-content; position:relative; padding-top: 20px; margin: 0 auto; margin-bottom: 15px !important;} .px_subtitle h4{color: var(--px-color-1); font-size: 18px; font-weight: 600; width: fit-content; padding: 0px 15px 10px 15px;} .px_subtitle::before{content:""; background: var(--px-color-1); opacity:0.3; height:80%; width:50%; position:absolute; top:0; left:0; border-radius: 0px 0px 100% 0px;} .px_subtitle::after{content:""; background: var(--px-color-1); opacity:0.3; height:80%; width:50%; position:absolute; top:0; right:0; border-radius: 0px 0px 0px 100%; z-index: -1;} .px_subtitle .et_pb_text_inner{position:relative; width: fit-content;} .px_subtitle .et_pb_text_inner::before{content:""; background: var(--px-color-1); opacity:0.3; height:80%; width:25%; position:absolute; bottom:-30%; left:0; clip-path: polygon(0 0, 0% 100%, 100% 100%);} .px_subtitle .et_pb_text_inner::after{content:""; background: var(--px-color-1); opacity:0.3; height:80%; width:25%; position:absolute; bottom:-30%; right:0; clip-path: polygon(100% 0, 0% 100%, 100% 100%);} .px_subtitle.light .et_pb_text_inner::before, .px_subtitle.light .et_pb_text_inner::after, .px_subtitle.light::before, .px_subtitle.light::after{background: #fff;} .px_desc {font-size: 15px; font-weight: 400; color: #7b7b7b; line-height: 28px;} /*---Button CSS---*/ /* Primary */ .px_btn{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_btn:hover{background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_btn::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_btn:hover::after{transform: scale(1,1); transition: 0.5s !important;} /* Light Primary */ .px_btn.primary_light{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_btn.primary_light:hover{background: var(--px-color-1) !important; color:var(--px-color-1); transition: 0.9s !important;} .px_btn.primary_light::after{position: absolute; content: ''; background:#fff; border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_btn.primary_light:hover::after{transform: scale(1,1); transition: 0.5s !important;} /* Secondary*/ .px_btn.secondary{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-2); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_btn.secondary:hover{background: var(--px-color-2) !important; color:#fff; transition: 0.9s !important;} .px_btn.secondary::after{position: absolute; content: ''; background:var(--px-color-1); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_btn.secondary:hover::after{transform: scale(1,1); transition: 0.5s !important;} /* Light Secondary */ .px_btn.secondary_light{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-2); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_btn.secondary_light:hover{background: var(--px-color-2) !important; color:var(--px-color-2); transition: 0.9s !important;} .px_btn.secondary_light::after{position: absolute; content: ''; background:#fff; border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_btn.secondary_light:hover::after{transform: scale(1,1); transition: 0.5s !important;} /*--- 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; } /*---Slick CSS---*/ .slick-slider .slick-list{margin-bottom: 30px;} .slick-slider .slick-slide{margin: 0px 5px !important;} .slick-slider .slick-dots{padding-bottom: 0;} .slick-slider .slick-dots li{transition:0.5s;} .slick-slider .slick-dots li button::before{font-size:0; border: 2px solid #89a0ac; height: 12px; width: 12px; border-radius: 50%; opacity:1; transition:0.5s;} .slick-slider .slick-dots li button{padding:0; transition:0.5s;} .slick-slider .slick-dots li:hover button::before, .slick-slider .slick-dots li.slick-active button::before{border: 2px solid var(--px-color-1); background: var(--px-color-1); transition:0.5s;} /*---Image CSS---*/ .px_img .et_pb_image_wrap img{object-fit: cover;} /*---Animation CSS---*/ .px_spin_text::before{animation-name: spin; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear;} /*---Section Divider CSS---*/ .px_divider .et_pb_bottom_inside_divider{z-index: 1 !important;} /*--- Responsive CSS ---*/ /* Max Width & Reverse Column CSS */ /*---Responsive CSS---*/ @media only screen and (min-width:577px) and (max-width:980px){ /* Title */ .px_title h2{font-size: 45px; line-height: 55px;} /* Max Width Col */ .px_max_width.et_pb_column:last-child, .px_max_width{ max-width:400px; margin: 0 auto !important; float:none !important; margin-bottom: 30px !important; } /* Reverse Col */ .px_reverse_row .et_pb_row, .px_reverse_row{display:flex; flex-direction:column-reverse;} .px_reverse_row .px_reverse_col{order:1; margin-bottom:30px !important;} } @media only screen and (max-width:576px){ /* Title */ .px_title h2{font-size: 36px; line-height: 42px;} /* Description CSS */ .px_desc {font-size: 14px; line-height: 26px;} /* Max Width Col */ .px_max_width.et_pb_column:last-child, .px_max_width{ max-width:400px; margin:0 auto !important; float:none !important; margin-bottom: 30px !important; } /* Reverse Col */ .px_reverse_row .et_pb_row, .px_reverse_row{display:flex; flex-direction:column-reverse;} .px_reverse_row .px_reverse_col{order:1; margin-bottom:30px !important;} } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after { font-family: ETmodules; content: "\33"; color: inherit; font-size: 16px; position: absolute; right: 0; top: 13px; font-weight: 800; transition: all 0.4s; } .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:hover::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:hover::after {color: var(--px-color-1);} .px_header_menu.et_pb_menu .et-menu li ul li.menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li ul li.menu-item-has-children>a:first-child:after {color: #fff;} .px_header_menu.et_pb_menu ul li ul, body.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul.nav li ul { position: absolute; left: 0px; top: 65px; padding: 15px; opacity: 0; visibility: hidden; z-index: 100; background: var(--px-color-2) !important; border-top: none !important; transition: all 300ms ease; box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%); } .px_header_menu.et_pb_menu ul li ul ul, body.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul.nav li ul ul{left: 112%; top: 64px;} .px_header_menu.et_pb_menu ul li.mega-menu ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li.mega-menu ul{padding: 15px 15px 80px 15px !important;} .px_header_menu.et_pb_menu ul li.mega-menu ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li.mega-menu ul li ul { position: relative; left: 0; margin-top: -50px; padding: 0px; opacity: 1; visibility: visible; z-index: 100; background: #fff; border-top: none !important; transition: all 300ms ease; box-shadow: unset; } .px_header_menu.et_pb_menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child {font-weight: 700; border-bottom: 1px solid #e7e7e7;} .px_header_menu.et_pb_menu ul li:hover>ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li:hover>ul , body.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul.nav li:hover>ul{visibility: visible;opacity: 1;display: block;} .px_header_menu.et_pb_menu ul li, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li {margin-top: 0;} .px_header_menu.et_pb_menu ul li ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li ul {left: 112%; margin-top: -79px;} .px_header_menu.et_pb_menu ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a{ position: relative; font-size: 16px; color: #fff; font-weight: 600; padding-top: 15px !important; padding-bottom: 15px !important; transition: all 0.4s; } .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor > a, .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item > a, .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children > a:first-child::after, .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children > a:first-child::after, .et-db #et-boc .et-l .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor > a, .et-db #et-boc .et-l .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item > a, .et-db #et-boc .et-l .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children > a:first-child::after, .et-db #et-boc .et-l .px_header_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children > a:first-child::after {color: var(--px-color-1) !important;} .px_header_menu.et_pb_menu ul li a:hover, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a:hover {color: var(--px-color-1); opacity: 1;} .px_header_menu.et_pb_menu ul li ul li a:hover, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a:hover {color: var(--px-color-1); opacity: 1;} .px_label, .et-db #et-boc .et-l .px_label { display: unset; font-size: 10px; font-weight: 600; margin: 0px 0px 0px 5px; position: relative; top: -10px; color: #ffffff; background-color: var(--px-color-1); padding: 3px 10px; border-radius: 10px; } .px_header_menu.et_pb_menu ul li ul .px_label, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul .px_label{background-color: var(--px-color-1);} .px_header_menu.et_pb_menu ul li ul li, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li {padding: 0px;} .px_header_menu.et_pb_menu ul li ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a { padding-left: 0; position: relative; padding: 5px 0px 5px 0px !important; font-weight: 500; border: none; font-size: 15px; text-transform: capitalize; color:#fff; transition: all 0.4s; } .px_header_menu.et_pb_menu ul li ul li.current-menu-item a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li.current-menu-item a {color: var(--px-color-1); transition: all 0.4s;} .px_header_menu.et_pb_menu ul li ul li a:hover, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a:hover {background-color: unset;} .px_header_menu.et_pb_menu ul li ul li a::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a::after {top: 5px !important; right: 5px !important;} .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon { color: var(--px-color-1); font-size: 20px; margin: 0px 15px; transition: all 0.4s; } .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover {color: var(--px-color-2);} .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button {margin: 0px 15px 0px 25px;} .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button {font-weight: 600;} .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search {padding: 10px; border-radius: 50px; border-width: 1px; border-style: solid; border-color: #fff; align-self: center; height: 50px !important;} .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form {color: #202020;} .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button {color: var(--px-color-1);} .px_header_menu_v2.et_pb_menu ul li a, .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a {color: #fff; font-size: 14px;} .px_header_menu_v2.et_pb_menu ul li ul li a, .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li ul li a {text-transform: uppercase; font-size: 13px;} .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon, .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon {color: #fff;font-size: 17px;} .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover, .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover {color: var(--px-color-1);} .px_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input, .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input {color: #fff;} @media only screen and (max-width: 1200px){ .px_header_menu .et_pb_menu__cart-button, .et_pb_menu__search-button, .px_social_info, .px_small_info{ display: none !important; } .px_small_blurb_info { white-space: nowrap !important; } .px_header_menu.et_pb_menu .et-menu>li{ padding: 0 5px; } .px_header_menu.et_pb_menu ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a { color: #fff; } .px_menu_btn{ display: none !important; } .px_menu{ width: 100% !important; } } @media only screen and (max-width: 980px){ .px_header_menu .et_pb_menu_inner_container{ display: flex; } .px_header_menu .et_pb_menu__logo-wrap{ margin-bottom: 0 !important; } .px_header_menu .et_pb_menu__wrap{ justify-content: end !important; } .px_header_menu .et_mobile_menu{ border-top: 3px solid #6052ae !important } .px_slider_v1 .et_pb_button_wrapper{ display: flex !important; justify-content: center !important; } } /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ .px_small_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {color: var(--px-color-1);} .px_small_info .et_pb_blurb_content .et_pb_blurb_container{padding-left:0;} .px_small_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{padding-bottom: 0px;} .px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {color: var(--px-color-1) !important; padding: 10px 14px; border: 2px solid #eee; border-radius: 50%;} .px_small_blurb_info.time .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {padding: 11px;} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-1) !important;} .px_footer_blurb_info_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-2) !important;} .px_footer_links {color: #fff; opacity: 0.5; transition:0.5s;} .px_footer_links::before{margin-left: -25px !important;} .px_footer_links:hover {opacity: 1; background:transparent!important; transition:0.5s;} .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field{margin-bottom:0 !important;} .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field input[type="text"]{border: 1px solid rgba(255,255,255,0.2); transition:0.5s;} .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_field input[type="text"]:focus{border: 1px solid rgba(255,255,255,0.8); transition: 0.5s;} .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{padding: 15px 35px !important; font-size: 14px; background: var(--px-color-2); color:#fff; border:0px !important; border-radius:5px; z-index: 1; transition: 0.5s !important;} .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{background: var(--px-color-2) !important; color:var(--px-color-2); transition: 0.9s !important;} .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after{position: absolute; content: ''; background:#fff; border-radius: 5px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_footer_email .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_footer_email_v2 .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{background: var(--px-color-1);} .px_footer_email_v2 .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{background: var(--px-color-1) !important; color:var(--px-color-1);} .px_footer_email_v3 .et_pb_newsletter_form .et_pb_newsletter_button_wrap .et_pb_newsletter_button{ padding: 13px 15px !important; font-size: 10px; background: var(--px-color-2);color: #fff;border: 0px !important; border-radius: 5px; z-index: 1; transition: 0.5s !important; width: fit-content; position: absolute; top: 6px; right: 6px;} .px_footer_social li a{border-radius: 50% !important; padding: 3px !important; transition:0.5s;} .px_footer_social li a:hover{background:var(--px-color-2) !important; transition:0.5s;} .px_footer_social_v2 li a:hover{background:var(--px-color-1) !important; transition:0.5s;} /*----------------------------------- 04. Sidebar CSS Start Here -------------------------------------*/ /* Blog Sidebar CSS Start */ .px_sidebar .widgettitle, .et-db #et-boc .et-l .px_sidebar .widgettitle {font-size: 24px; line-height: 30px; color: var(--px-color-2); font-weight: 600; transition:0.5s;} .px_sidebar .widgettitle:hover, .et-db #et-boc .et-l .px_sidebar .widgettitle:hover {color: var(--px-color-1); transition:0.5s;} .px_sidebar .et_pb_widget, .et-db #et-boc .et-l .px_sidebar .et_pb_widget {background: #f9f8ff; border-top: 3px solid var(--px-color-1); padding: 30px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); margin-bottom: 50px;} .px_sidebar .et_pb_widget.widget_search .searchform, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform {margin-top: 20px;} .px_sidebar .et_pb_widget.widget_search .searchform input#s, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#s {height: 60px !important; border-radius: 5px; transition: 0.5s;} .px_sidebar .et_pb_widget.widget_search .searchform input#s:focus, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#s:focus {border:1px solid var(--px-color-1); transition: 0.5s;} .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit {background: var(--px-color-1); color: #fff; height: 60px !important; border-radius: 0px 5px 5px 0px; border: 1px solid var(--px-color-1); transition: 0.5s;} .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover {background: var(--px-color-2); border: 1px solid var(--px-color-2); transition: 0.5s;} .px_sidebar .widget_categories ul .cat-item, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {text-align: right; color:var(--px-color-1); margin-top: 15px;} .px_sidebar .widget_categories ul .cat-item a, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a {font-size: 16px; line-height: 28px; font-weight: 400; color: var(--px-color-2); float: left; transition:0.5s;} .px_sidebar .widget_categories ul .cat-item a:hover, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover {color: var(--px-color-1); transition:0.5s;} .px_sidebar .widget_tag_cloud .tagcloud, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud{margin-top: 20px !important;} .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {color: var(--px-color-2); padding: 10px 15px; font-size: 14px !important; margin: 5px 3px; transition:0.5s;} .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover {background: var(--px-color-1); color:#fff; transition:0.5s;} .px_sidebar .widget_recent_entries ul li, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li {margin-top: 12px;} .px_sidebar .widget_recent_entries ul li a, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a {font-size: 16px; line-height: 28px; font-weight: 400; color: var(--px-color-2); transition:0.5s;} .px_sidebar .widget_recent_entries ul li a:hover, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a:hover {color: var(--px-color-1); transition:0.5s;} .px_sidebar .widget_recent_entries ul li .post-date, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li .post-date {color: var(--px-color-1);} .px_sidebar .widget_media_gallery .gallery .gallery-item, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item {margin-bottom: 0;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::before, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::before{content:""; background: var(--px-color-2); opacity:0.2; height:100%; width:100%; position:absolute; top:0; left:0;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::after, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::after{content:""; background: var(--px-color-1); opacity:0.5; height:100%; width:100%; position:absolute; top:0; left:0; transform: scale(0); transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a {height: 100px !important; position:relative; overflow:hidden; transition: 0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover::after, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover::after{transform: scale(1); transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img {height: 100px; object-fit: cover; border: 0; transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover img, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover img {transform: scale(1.1); transition:0.5s;} .px_sidebar .widget_media_gallery .et_post_gallery .et_gallery_item a .et_portfolio_image img, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .et_post_gallery .et_gallery_item a .et_portfolio_image img{height: 80px; object-fit: cover; } .px_sidebar .widget_media_gallery .et_post_gallery .et_gallery_item a .et_portfolio_image .et_overlay, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .et_post_gallery .et_gallery_item a .et_portfolio_image .et_overlay{display: none;} /* Blog Sidebar CSS End */ /* Shop Sidebar CSS Start */ .px_shop_sidebar .widgettitle, .et-db #et-boc .et-l .px_shop_sidebar .widgettitle {font-size: 24px; line-height: 32px; color: var(--px-color-2); font-weight: 600; transition:0.5s;} .px_shop_sidebar .widgettitle:hover, .et-db #et-boc .et-l .px_shop_sidebar .widgettitle:hover {color: var(--px-color-1); transition:0.5s;} .px_shop_sidebar .et_pb_widget, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {background: #f9f8ff; border-top: 3px solid var(--px-color-1); padding: 30px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); margin-bottom: 50px !important;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li {margin-top: 15px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove {top: 6px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a {font-size: 16px; color: var(--px-color-2); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover{color: var(--px-color-1); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img {width: 80px; height: 80px; object-fit: cover;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity {font-size: 16px; color: var(--px-color-1); font-weight: 600;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total {border-top: 2px solid var(--px-color-1); padding-top: 20px; margin-top: 25px; color: var(--px-color-2); font-size: 16px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {padding: 10px 30px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* Search Product */ .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search {margin-top: 20px;} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field {width: 100%; height: 60px !important; padding-left: 15px; border-radius: 5px; transition: 0.5s; border: 1px solid #ddd;} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field:focus, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field:focus{transition: 0.5s; border: 1px solid var(--px-color-1);} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button {height: 60px !important; border-radius: 0px 5px 5px 0px; border:0; position:absolute; right:30px; padding: 0px 12px; background:var(--px-color-1); color:#fff; transition: 0.5s !important;} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover {background:var(--px-color-2); color:#fff; transition: 0.5s !important;} /* SFilter by price */ .px_shop_sidebar .et_pb_widget.widget_price_filter form, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form {margin-top: 20px;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider {background: #d5d5d5;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range {background: var(--px-color-1);} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {background: var(--px-color-1);} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button {padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; margin-top: 10px; transition: 0.5s !important;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after {transform: scale(1,1); transition: 0.5s !important;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label {color: var(--px-color-2); font-size: 16px;} /* Product categories */ .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories {margin-top: 10px;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item {font-size: 16px; margin-top: 15px;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul li, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul li{margin-top: 5px;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul li a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul li a{color: #797979;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a {color:var(--px-color-2); transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover {color:var(--px-color-1); transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children {margin: 15px;} /* Products */ .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget {margin-top: 10px;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img {width: 80px; height: 80px; object-fit: cover;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title {font-size: 16px; color: var(--px-color-2); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title:hover {color: var(--px-color-1); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating {margin: 3px 0px; font-size: 12px;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before {color: #f7bc3d !important;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li del, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li del{opacity:0.5;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount {color: var(--px-color-1); font-size: 15px; font-weight: 600;} /* Product Tags */ .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud {margin-top: 20px;} .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link {color: var(--px-color-2); padding: 10px 15px; font-size: 14px !important; margin: 5px 3px; transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {background: var(--px-color-1); color:#fff; transition: 0.5s;} /* Average rating */ .px_shop_sidebar .et_pb_widget.widget_rating_filter ul, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul {margin-top: 20px;} .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating {transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a {color: var(--px-color-2); float: right; text-align: right; width: 100%; font-weight: 600; transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating:hover a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating:hover a {color: var(--px-color-1); transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a::before {color: #ff0000;} .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span.star-rating, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span.star-rating {float: left;} .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span::before {color: #f7bc3d !important;} /* Recently Viewed Products */ .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget {margin-top: 20px;} .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img {width: 80px; height: 80px; object-fit: cover;} .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title {font-size: 16px; color: var(--px-color-2); transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title:hover {color: var(--px-color-1); transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li del, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li del{opacity:0.5;} .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount {font-size: 16px; color: var(--px-color-1);} /* Shop Sidebar CSS End */ /* ----------------------------------- 04. Sidebar CSS End Here -------------------------------------*/ /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post {padding: 0; border: 0; transition:0.5s;} /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {margin: 0;} .px_blog_v1 .et_pb_post .entry-featured-image-url::before{content:""; background:var(--px-color-1); opacity:0.5; height:100%; width:100%; position: absolute; top:0; left:0; z-index:1; transform: scale(0); transition:0.5s;} .px_blog_v1 .et_pb_post .entry-featured-image-url {margin: 0; position: relative; padding-top: 100%; overflow:hidden;} .px_blog_v1 .et_pb_post .entry-featured-image-url img {position: absolute; height:100%; top:0; object-fit: cover; transition:0.5s;} .px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before{transform: scale(1); transition:0.5s;} .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {transform: scale(1.1); transition:0.5s;} /*---Info Box CSS---*/ .px_blog_v1 .et_pb_post .px_blog_v1_info{width: 85%; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); padding: 30px; display: flex; flex-direction: column-reverse; margin-top: -100px; z-index: 3; position: relative; background: #fff; transition:0.5s;} .px_blog_v1 .et_pb_post:hover .px_blog_v1_info{transform: translatey(-10px); transition:0.5s;} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {order:1; margin-top: 10px; color:var(--px-color-2); transition:0.5s;} .px_blog_v1 .et_pb_post .entry-title:hover {color:var(--px-color-1); transition:0.5s;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta {order:2;} .px_blog_v1 .et_pb_post .post-meta .published {margin-right: 12px; color: var(--px-color-1); transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta .published:hover {color: var(--px-color-2); transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta .published::before{content:"\e023"; font-family: ETmodules; margin-right: 6px;} .px_blog_v1 .et_pb_post .post-meta a{color: var(--px-color-1); margin-right: 12px; transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta a::before{content:"\6e"; font-family: ETmodules; margin-right: 6px;} .px_blog_v1 .et_pb_post .post-meta a:hover{color: var(--px-color-2); transition:0.5s;} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {padding: 20px 0px;} .px_blog_v1 .et_pb_post .post-content .post-content-inner{margin-bottom: 25px;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; position:relative; transition: 0.5s !important; width: fit-content;} .px_blog_v1 .et_pb_post .post-content .more-link:hover{background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_blog_v1 .et_pb_post .post-content .more-link::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_blog_v1 .et_pb_post .post-content .more-link:hover::after{transform: scale(1,1); transition: 0.5s !important;} @media only screen and (min-width:577px) and (max-width:980px){ .px_blog_v1 .et_pb_post .px_blog_v1_info{padding: 25px;} } @media only screen and (max-width:576px){ .px_blog_v1 .et_pb_post .px_blog_v1_info{padding: 20px;} .px_blog_v1 .et_pb_post .entry-title {margin-top: 5px;} } /*---Pagination Button CSS---*/ .px_blog_v1 .pagination .alignright {} .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a {position:relative; padding: 8px 15px !important; font-size: 12px; background: var(--px-color-2); color:#fff; border:0px !important; border-radius:3px; z-index: 1; transition: 0.5s !important;} .px_blog_v1 .pagination .alignleft a:hover, .px_blog_v1 .pagination .alignright a:hover{background: var(--px-color-2) !important; color:#fff; transition: 0.9s !important;} .px_blog_v1 .pagination .alignleft a::after, .px_blog_v1 .pagination .alignright a::after{position: absolute; content: ''; background:var(--px-color-1); border-radius: 3px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_blog_v1 .pagination .alignleft a:hover::after, .px_blog_v1 .pagination .alignright a:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_blog_v1 > div article ~ div:last-child { grid-column: 1 / -1; } /*---Blog Grid 2 Columns CSS---*/ /* .px_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%); } */ /*---Blog Grid 4 Columns CSS---*/ /* .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%); } */ /*---Blog Grid 2 Columns CSS Start ---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; } .px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post { margin-bottom: 0px !important; } .px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { margin-bottom: 0; } /*---Blog Grid 2 Columns CSS End ---*/ /*---Blog Grid 4 Columns CSS Start---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; } .px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post {margin-bottom: 0px !important;} .px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url {margin-bottom: 0;} @media only screen and (max-width: 1199px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 768px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: block; } .px_blog_grid_2_col .et_pb_ajax_pagination_container { display: block; } } /*---Blog Grid 4 Columns CSS End ---*/ /* Blog Listing CSS Start */ .px_blog_list .et_pb_post {display: flex; margin-bottom: 30px;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url {margin: 0; position: relative; padding-top: 0; overflow:hidden; width: 50%; height: 320px;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url img {position: unset; height:100%; top:0; object-fit: cover; transition:0.5s;} .px_blog_list .et_pb_post .px_blog_v1_info {width: 50%;position: relative;height: fit-content; margin:0;} .px_blog_list .et_pb_post .px_blog_v1_info .entry-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*---Info Box CSS---*/ .px_blog_v1.px_blog_list .et_pb_post:hover .px_blog_v1_info{transform: translatey(0px); transition:0.5s;} .px_blog_v1.px_blog_list .et_pb_post .post-content {padding-top: 20px;} @media only screen and (min-width:577px) and (max-width: 980px){ .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url {height: 335px;} } @media only screen and (max-width: 576px) { .px_blog_list .et_pb_post {display: block;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url {width: 100%; padding-top: 100%;} .px_blog_v1.px_blog_list .et_pb_post .entry-featured-image-url img {position: absolute;} .px_blog_list .et_pb_post .px_blog_v1_info {width: 85%; margin-top: -100px;} } /* Blog Listing CSS End */ /* Blog Single Page CSS Start */ .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::before {content:""; background: var(--px-color-1); opacity:0.5; height:100%; width:100%; position: absolute; z-index:1; transform: scale(0); transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover::before {transform: scale(1.1); transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap {position:relative; overflow:hidden;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap img {height: 500px; object-fit: cover; width: 100%; transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover img {transform:scale(1.1); transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover {color: var(--px-color-1);} .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number {position: relative; padding: 0px 10px 0px 20px; display: inline-block;} .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before { content: ""; position: absolute; font-family: ETmodules; color: var(--px-color-1); left: 0; font-size: 16px; font-weight: 100; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before {content: "\e08a";} .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before {content: "\e023";} .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before {content: "\e066";} .px_blog_single .px_blog_single_comments .commentlist .comment-body {min-height: fit-content; padding-bottom: 50px; border-bottom: 1px solid #eef0f2; margin-bottom: 30px;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a {color: var(--px-color-2); transition: 0.5s;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a:hover {color: var(--px-color-1); transition: 0.5s;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_avatar img {border-radius: 50%;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_area .comment-content {font-size: 16px;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link {padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link:hover{background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px!important; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0!important; transition: 0.6s !important;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_blog_single .px_blog_single_comments .comment-respond{padding-top:0!important;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form {padding-bottom: 0 !important;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a {color: var(--px-color-1); font-weight: 600; transition: 0.5s;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a:hover {color: var(--px-color-2); transition: 0.5s;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment {position: relative;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author::before, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email::before, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url::before, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment::before { content: ""; font-family: etmodules; position: absolute; right: 20px; top: 18px; color: var(--px-color-1); font-size: 16px; z-index: 1; font-weight: 100; } .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author::before {content: "\e08a";} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email::before {content: "\e076";} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url::before {content: "\e0e4";} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment::before {content: "\e066";} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author input, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email input, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url input, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; margin-bottom: 10px; transition: 0.5s;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author input:focus, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email input:focus, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url input:focus, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-cookies-consent{margin-bottom: 20px;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-cookies-consent input{accent-color: var(--px-color-1);} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-cookies-consent label{color: var(--px-color-2);} .px_blog_single .px_blog_single_comments .et_pb_button {padding: 12px 35px !important; font-size: 14px !important; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_blog_single .px_blog_single_comments .et_pb_button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_blog_single .px_blog_single_comments .et_pb_button::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px !important; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0 !important; transition: 0.6s !important;} .px_blog_single .px_blog_single_comments .et_pb_button:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_blog_content_img .et_pb_image_wrap{position: relative; overflow:hidden; transition:0.5s;} .px_blog_content_img .et_pb_image_wrap::after{content:""; background: var(--px-color-2); opacity:0.3; height:100%; width:100%; position: absolute;top:0; left:0; transition:0.5s;} .px_blog_content_img .et_pb_image_wrap::before{content:""; background: var(--px-color-1); opacity:0.5; height:100%; width:100%; position: absolute;top:0; left:0; transform:scale(0); transition:0.5s; z-index:1;} .px_blog_content_img .et_pb_image_wrap:hover::before{transform:scale(1); transition:0.5s;} .px_blog_content_img .et_pb_image_wrap img{transition:0.5s;} .px_blog_content_img .et_pb_image_wrap:hover img{transform: scale(1.1); transition:0.5s;} /* Blog Single Page CSS End */ /* ----------------------------------- 08. Contact Us 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 {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {float: none; justify-content: center; margin-top: 50px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {margin: 0; padding: 12px 50px !important; font-size: 16px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::after{transform: scale(1,1); transition: 0.5s !important;} /*---Blurb CSS---*/ .px_contact_v1_blurb{border-left:2px solid var(--px-color-1); border-right:2px solid var(--px-color-1); transition:0.5s;} .px_contact_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before{content:""; background: var(--px-color-1); opacity:0.5; height:100%; width: 100%; position:absolute; top:0; left:0; border-radius: 50%; z-index: -1; outline: 2px dashed var(--px-color-1); outline-offset: 8px; transition:0.5s;} .px_contact_v1_blurb.add .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{padding: 30px 35px;} .px_contact_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{position:relative; border-radius: 50%; padding: 30px; transition:0.5s;} .px_contact_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2); transition:0.5s;} .px_contact_v1_blurb:hover{transform:translatey(-10px); transition:0.5s;} .px_contact_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before{background: var(--px-color-2); animation: rotation 5s infinite linear; transition:0.5s;} .px_contact_v1_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-1); transition:0.5s;} @media only screen and (max-width:576px){ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field{margin-bottom: 20px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {margin-top: 30px;} } /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {position: relative; background: #f1f7fb; border-bottom: 5px solid var(--px-color-2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition:0.5s;} .px_team_v1::before{content:"\35"; font-family: ETmodules; position:absolute; left:0; right:0; bottom:-24px; color:var(--px-color-1); border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); background: #fff; margin: auto !important; width: fit-content; font-weight: 900; font-size: 25px; padding: 10px; z-index: 2; transition:0.5s;} .px_team_v1::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; outline: 1px dashed var(--px-color-1); border-radius: 50%; background: #fff; margin: auto !important; padding: 20px; z-index: -1; transition: 0.5s; visibility: visible; width: fit-content; outline-offset: 8px;} /* Image Css */ .px_team_v1 .et_pb_team_member_image::before{content:""; background:var(--px-color-1); opacity:0.5; height:100%; width:100%; position: absolute; top:0; left:0; z-index: 1; transform:scale(0); transition:0.5s;} .px_team_v1 .et_pb_team_member_image{position:relative; margin: 0; max-width: 100%; overflow: hidden; transition:0.5s;} .px_team_v1 .et_pb_team_member_image img{transition:0.5s;} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{position: relative; padding: 30px 30px 40px 30px; z-index: 1; transition:0.5s;} .px_team_v1 .et_pb_team_member_description::before{position: absolute; content: ''; background: var(--px-color-2); width: 100%; height: 0%; left: 0px; top: 0px; z-index: -1; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{color: var(--px-color-2); transition:0.5s;} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {position: absolute; left: 0px; bottom: 35px; width: 100%; text-align: center; opacity: 0; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{margin: 0px 5px;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{background: rgba(255,255,255,0.1);border-radius: 50%; padding: 10px 15px; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{background:var(--px-color-1); color:#fff; transition:0.5s;} /* Main CSS Class Hover Css Here */ .px_team_v1:hover::before{background:var(--px-color-1); color: #fff; margin: auto !important; transition:0.5s;} .px_team_v1:hover::after{bottom: -24px; transition: 0.5s;} .px_team_v1:hover{margin-bottom: -55px !important; border-bottom: 5px solid var(--px-color-1); transition:0.5s;} .px_team_v1:hover .et_pb_team_member_image::before{transform:scale(1); transition:0.5s;} .px_team_v1:hover .et_pb_team_member_image img{transform: scale(1.1); transition:0.5s;} .px_team_v1:hover .et_pb_team_member_description{padding-bottom: 96px; transition:0.5s;} .px_team_v1:hover .et_pb_team_member_description::before{height: 100%; transition:0.5s;} .px_team_v1:hover .et_pb_team_member_description .et_pb_module_header{color: #fff; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover{color: var(--px-color-1); transition:0.5s;} .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {opacity: 1; transition:0.5s;} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 .et_pb_slide::before {position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.8; z-index: 1; background: -webkit-linear-gradient(0deg, var(--px-color-2) 0%, var(--px-color-1) 100%);} /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img {height: 500px; width: 500px; object-fit: cover;} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {font-size: 70px; font-weight: 600; line-height: 85px;} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {padding: 14px 40px !important; font-size: 16px; background: var(--px-color-2); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background: var(--px-color-2) !important; color:var(--px-color-2); transition: 0.9s !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{position: absolute; content: ''; background:#fff; border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after{transform: scale(1,1); transition: 0.5s !important;} /*---Slider v3 CSS---*/ /*---Image CSS---*/ .px_slider_v1.px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img {height: 100%; width: auto; object-fit: cover;} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{background: var(--px-color-2); border-radius: 50%;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{background: var(--px-color-2); border-radius: 50%;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{font-size:40px; padding: 5px;} /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers a {background-color: var(--px-color-2);} @media only screen and (min-width:577px) and (max-width:980px){ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {font-size: 50px; font-weight: 600; line-height: 65px;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {padding: 12px 35px !important; font-size: 15px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{font-size:32px;} } @media only screen and (max-width:576px){ .px_slider_v1 .et_pb_slide {padding: 15px !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{padding-left:0; padding-right:0;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {font-size: 38px; font-weight: 600; line-height: 48px;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {padding: 10px 30px !important; font-size: 14px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{font-size:22px; padding:3px;} } /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .et_pb_toggle{padding:0px;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open {border: 2px solid var(--px-color-1);} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {background:var(--px-color-2); color:#fff; padding:20px 20px 20px 45px; transition:0.5s;} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {content: "\4c"; left: 14px; font-size: 25px;} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {background:var(--px-color-1);} /*---Open Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\4b"; font-family: ETmodules !important; color:#fff; display: block; left: 14px; font-size: 25px;} /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{padding: 20px;} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1.et_pb_testimonial {box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.08); margin-top: 20px !important;} .px_testimonial_v1.et_pb_testimonial:before {background: transparent; top: 45px; color: var(--px-color-1); border: 1px solid var(--px-color-2); padding: 20px 55px; border-radius: 5px 50px; margin: 0 auto; left: 0; right: 0; width: fit-content;} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {margin-top: 20px; color: var(--px-color-1);} /*---Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{color: var(--px-color-2); opacity: 0.8;} /*Review */ .px_testimonial_v1 .px_review{position:absolute;left:0;bottom:-22px;right:0;width:150px;background:#ec6b15;margin:0 auto;margin-bottom:0;text-align:center;border-radius:30px;display:block;overflow:hidden;line-height:16px} .px_testimonial_v1 .px_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .px_testimonial_v1 .px_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .px_testimonial_v1 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"} /*---Testimonial v2 CSS---*/ .px_testimonial_v2{background:var(--px-color-2);} .px_testimonial_v2.et_pb_testimonial:before {border: 1px solid rgba(255,255,255,0.1);} @media only screen and (min-width:577px) and (max-width:980px){ .px_testimonial_v1.et_pb_testimonial:before {top: 35px;} } @media only screen and (max-width:576px){ .px_testimonial_v1.et_pb_testimonial:before {top: 25px;} } /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Client Us v1 CSS---*/ .px_client_v1 {opacity: 0.4; transition:0.5s;} .px_client_v1 img{transition:0.5s;} .px_client_v1:hover {opacity: 1; transition:0.5s;} .px_client_v1:hover img{transform:scale(1.1); transition:0.5s;} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 .et_pb_countdown_timer_container .sep {opacity: 0;} .px_counter_v1 .et_pb_countdown_timer_container .values{position:relative; padding: 15px 10px;} .px_counter_v1 .et_pb_countdown_timer_container .values::before{content:""; background: var(--px-color-1); opacity:0.35; height:100%; width:100%; position:absolute; top:0; left: 0; z-index: -1; border-radius: 20px;} .px_counter_v1 .et_pb_countdown_timer_container .label, .px_counter_v1 .et_pb_countdown_timer_container .value{color: var(--px-color-2);} .px_counter_v1.coming_soon .et_pb_countdown_timer_container .values::before{opacity:0.5;} @media only screen and (max-width:576px){ .px_counter_v1 .et_pb_countdown_timer_container .values {padding: 10px 5px 5px 5px; width: 22% !important;} .px_counter_v1 .et_pb_countdown_timer_container .values::before{border-radius: 10px;} } /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ /* Image CSS */ .px_newsletter_v1_img .et_pb_image_wrap img{border-radius: 44% 63% 86% 15% / 68% 62% 51% 33% !important; height: 400px; object-fit: cover;} /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields{display: flex;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {padding-bottom: 0; margin-bottom: 0;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type="text"]::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type=text] {background: transparent; border: 1px solid rgba(255,255,255,0.5); padding: 16px 25px !important; transition:0.5s;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type=text]:focus {border: 1px solid var(--px-color-1); transition:0.5s;} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {width: fit-content; flex-basis: auto; position: absolute; right: 8px; align-self: center;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:3px; z-index: 1; transition: 0.5s !important;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 3px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_newsletter_v1.px_newsletter_v3.et_pb_newsletter .et_pb_newsletter_field input[type="text"]::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v1.px_newsletter_v3.et_pb_newsletter .et_pb_newsletter_field input[type=text] {background: rgba(255,255,255,0.3);} @media only screen and (max-width:576px){ .px_newsletter_v1_img .et_pb_image_wrap img {height: 300px;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button{padding: 10px 20px !important;} } /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ .px_search_bar{border: 0;} .px_search_bar .et_pb_searchform{border-radius: 5px; border: 1px solid var(--px-color-1);} .px_search_bar .et_pb_searchform input.et_pb_s{border-radius: 3px 0px 0px 3px;} .px_search_bar .et_pb_searchform input.et_pb_searchsubmit{background: var(--px-color-1); color: #fff; border-radius: 0px 3px 3px 0px; padding: 14px;} /* ----------------------------------- 00 Shop By Category CSS -------------------------------------*/ .px_shop_by_category{position:relative; border: 10px solid #fff; border-radius: 0 !important;} .px_shop_by_category::before{content:""; background: var(--px-color-2); opacity:0.2; height:100%; width:100%; position: absolute; top:0; left:0;} .px_shop_by_category .et_pb_promo_description{padding-bottom:0; transition: 0.5s; transform: scale(0); z-index: 2; padding: 50px 15px 30px 15px;} .px_shop_by_category::after{content:""; background: var(--px-color-2); opacity:0.8; height:100%; width:100%; position: absolute; top:0; left:0; transition: 0.5s; transform: scale(0);} .px_shop_by_category:hover::after{transition: 0.5s; transform: scale(1);} .px_shop_by_category:hover .et_pb_button_wrapper, .px_shop_by_category:hover .et_pb_promo_description{transition: 0.5s; transform: scale(1);} .px_shop_by_category .et_pb_promo_description h5{font-size: 40px; font-weight: 800; color: var(--px-color-1) !important; padding-bottom: 15px;} .px_shop_by_category .et_pb_promo_description h4{font-size: 25px;} .px_shop_by_category .et_pb_button_wrapper{transition: 0.5s; transform: scale(0); z-index: 2; position:relative; padding-bottom: 40px;} .px_shop_by_category .et_pb_button_wrapper .et_pb_button{position: relative; padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_shop_by_category .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-1) !important; color:var(--px-color-1); transition: 0.9s !important;} .px_shop_by_category .et_pb_button_wrapper .et_pb_button::after{position: absolute; content: ''; background:#fff; border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_shop_by_category .et_pb_button_wrapper .et_pb_button:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_shop_by_category_v2.px_shop_by_category{border-radius: 15px !important; border: 0px;} .px_shop_by_category_v2.px_shop_by_category::after{border-radius: 15px;} .px_shop_by_category_v3.px_shop_by_category{border-radius: 50% !important; border: 0px; align-items: center; display: flex; justify-content: center;} .px_shop_by_category_v3.px_shop_by_category::after{border-radius: 50%;} /*------------------------------------------- -- 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 -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Spin Animation*/ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ----------------------------------- 00. Page Title CSS Start Here -------------------------------------*/ /* Simple Page Title CSS Start */ .px_page_title, .et-db #et-boc .et-l .px_page_title {position: relative; margin-top: -80px; padding-top: 150px !important; padding-bottom: 80px !important; transition:0.5s;} .px_page_title::before, .et-db #et-boc .et-l .px_page_title::before {content:""; border: 8px solid var(--px-color-1); background:transparent; opacity:0.7; height:80px; width:80px; clip-path: circle(50% at 50% 50%); position: absolute; bottom:30px; left:100px; animation: rotation 5s infinite linear; transition:0.5s;} .px_page_title::after, .et-db #et-boc .et-l .px_page_title::after {content:""; border: 8px solid var(--px-color-1); background:transparent; opacity:0.7; height:80px; width:80px; clip-path: circle(50% at 50% 50%); position: absolute; top:30px; right:100px; animation: rotation 5s infinite linear; transition:0.5s;} .px_page_title .px_page_title_name .et_pb_text_inner, .et-db #et-boc .et-l .px_page_title .px_page_title_name .et_pb_text_inner {text-align: center; font-size: 30px; line-height: 1.2; font-weight: 600; color: #fff;} .px_page_title .px_page_title_row, .et-db #et-boc .et-l .px_page_title .px_page_title_row {padding-top: 0;} .px_page_title .px_page_title_row::before, .et-db #et-boc .et-l .px_page_title .px_page_title_row::before {content:""; border: 6px solid var(--px-color-1); background:transparent; opacity:0.7; height:50px; width:50px; clip-path: circle(50% at 50% 50%); position: absolute; bottom:-20px; right:100px; animation: rotation 5s infinite linear; transition:0.5s;} .px_page_title .px_page_title_row::after, .et-db #et-boc .et-l .px_page_title .px_page_title_row::after {content:""; border: 6px solid var(--px-color-1); background:transparent; opacity:0.7; height:50px; width:50px; clip-path: circle(50% at 50% 50%); position: absolute; bottom:80px; left:150px; animation: rotation 5s infinite linear; visibility: visible; transition:0.5s;} .px_page_title .px_page_title_row .px_page_title_column, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column {display: flex; align-items: center; justify-content: center;} .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn {color: #fff;} .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover {color: var(--px-color-1);} .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before {color: #fff !important;} @media only screen and (min-width:577px) and (max-width:980px){ .px_page_title, .et-db #et-boc .et-l .px_page_title {position: relative; margin-top: -10px; padding-top: 80px !important; padding-bottom: 50px !important; transition: 0.5s;} .px_page_title::before, .et-db #et-boc .et-l .px_page_title::before {height:60px; width:60px; bottom:30px; left:50px;} .px_page_title::after, .et-db #et-boc .et-l .px_page_title::after {height:60px; width:60px; top:30px; right:50px;} .px_page_title .px_page_title_row::before, .et-db #et-boc .et-l .px_page_title .px_page_title_row::before {border: 5px solid var(--px-color-1); height:40px; width:40px;} .px_page_title .px_page_title_row::after, .et-db #et-boc .et-l .px_page_title .px_page_title_row::after {border: 5px solid var(--px-color-1); height:40px; width:40px;} } @media only screen and (max-width:576px){ .px_page_title, .et-db #et-boc .et-l .px_page_title {position: relative; margin-top: 0px; padding-top: 40px !important; padding-bottom: 50px !important; transition: 0.5s;} .px_page_title::before, .et-db #et-boc .et-l .px_page_title::before {border: 5px solid var(--px-color-1); height:40px; width:40px; bottom:20px; left:20px;} .px_page_title::after, .et-db #et-boc .et-l .px_page_title::after {border: 5px solid var(--px-color-1); height:40px; width:40px; top:20px; right:20px;} .px_page_title .px_page_title_row::before, .et-db #et-boc .et-l .px_page_title .px_page_title_row::before {border: 3px solid var(--px-color-1); height:25px; width:25px; bottom:-10px; right:20px;} .px_page_title .px_page_title_row::after, .et-db #et-boc .et-l .px_page_title .px_page_title_row::after {border: 3px solid var(--px-color-1); height:25px; width:25px; bottom:100px; left:40px;} } /* Simple Page Title CSS End */ /* Product Page Title CSS Start */ .px_product_title_v1, .et-db #et-boc .et-l .px_product_title_v1 {background-color: var(--px-color-1);} .px_product_title_v1 .px_product_title_name h1, .et-db #et-boc .et-l .px_product_title_v1 .px_product_title_name h1 { text-align: center; font-size: 30px; line-height: 1.2; font-weight: 600; color: #fff; } .px_product_title_v1 .px_page_title_row, .et-db #et-boc .et-l .px_product_title_v1 .px_page_title_row {padding-top: 0;} .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner {text-align: center;} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb {color: #fff;margin-bottom: 0;} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a {color: #fff;transition: all 0.4s;} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover {color: var(--px-color-2);} /* Product Page Title CSS End */ /* ----------------------------------- 00. Page Title CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Shop Page CSS Start Here -------------------------------------*/ /* Shop CSS Start */ .px_wc_product .woocommerce-ordering .orderby {background: #fff; border: 1px solid #eee; border-radius: 20px; padding: 10px 15px; font-size: 14px; font-weight: 600;color: var(--px-color-2) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);} .px_wc_product .woocommerce-pagination ul {border: 0 !important;} .px_wc_product .woocommerce-pagination .page-numbers li {border: 0 !important;} .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers {color: #fff; background: var(--px-color-1); color: #fff; margin: 0px 5px; padding: 8px 12px; border-radius:3px; opacity: 0.35; transition:0.5s;} .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover, .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current {opacity: 1; transition:0.5s;} /* Shop CSS End */ /* Shop & Related & Up Sell & Cross Sell Product CSS Start */ .px_wc_product .woocommerce .woocommerce-result-count, .px_wc_related_product .related h2, .px_wc_upsell_product .up-sells h2, .px_wc_cross_sell_product .cross-sells h2, .et-db #et-boc .et-l .px_wc_product .woocommerce .woocommerce-result-count, .et-db #et-boc .et-l .px_wc_related_product .related h2, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells h2, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells h2 {color: var(--px-color-2); font-weight: 600;} .px_wc_product ul.products li.product, .px_wc_related_product .related ul.products li.product, .px_wc_upsell_product .up-sells ul.products li.product, .px_wc_cross_sell_product .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product {background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); overflow: hidden; transition:0.5s;} .px_wc_product ul.products li.product:hover, .px_wc_related_product .related ul.products li.product:hover, .px_wc_upsell_product .up-sells ul.products li.product:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover {box-shadow: 0px 15px 20px -5px rgba(0,0,0,0.4); transition:0.5s;} .px_wc_product ul.products li.product:hover .et_overlay, .px_wc_related_product .related ul.products li.product:hover .et_overlay, .px_wc_upsell_product .up-sells ul.products li.product:hover .et_overlay, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .et_overlay, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .et_overlay, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .et_overlay, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .et_overlay, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .et_overlay {opacity:1 !important; z-index:1; transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale { font-size: 14px; padding: 4px 20px 4px 15px !important; background-color: var(--px-color-1) !important; z-index: 5; left: -90px !important; border-radius: 0px 20px 20px 0px !important; top: 20px !important; transition:0.5s; } .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale {left: 1px !important; transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image {overflow: hidden;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {margin-bottom: 0 !important; width: 100%; height: 280px; object-fit: cover; transition:0.5s;} .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img {filter: blur(2px); transform: scale(1.1); transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay {background: hsla(0, 0%, 0%, 0.65);} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before {content: "\55"; font-size: 26px; color: var(--px-color-1);} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {color: var(--px-color-2); transition: 0.5s;} .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title {color: var(--px-color-1); transition: 0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {margin: 5px auto !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {color: #f7bc3d !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount {color: var(--px-color-1);} .px_wc_product ul.products li.product .button, .px_wc_related_product .related ul.products li.product .button, .px_wc_upsell_product .up-sells ul.products li.product .button, .px_wc_cross_sell_product .cross-sells ul.products li.product .button, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button {position:relative; width: 100%; padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:0px; z-index: 1; bottom: -70px; transition: 0.5s !important;} .px_wc_product ul.products li.product .button:hover, .px_wc_related_product .related ul.products li.product .button:hover, .px_wc_upsell_product .up-sells ul.products li.product .button:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.5s !important;} .px_wc_product ul.products li.product .button::after, .px_wc_related_product .related ul.products li.product .button::after, .px_wc_upsell_product .up-sells ul.products li.product .button::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after {position: absolute; content: ''; background:var(--px-color-2); width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0) !important; opacity:1 !important; z-index: -1; margin: 0; transition: 0.5s !important;} .px_wc_product ul.products li.product .button:hover::after, .px_wc_related_product .related ul.products li.product .button:hover::after, .px_wc_upsell_product .up-sells ul.products li.product .button:hover::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after {transform: scale(1,1) !important; transition: 0.5s !important;} .px_wc_product ul.products li.product .button.loading, .px_wc_related_product .related ul.products li.product .button.loading, .px_wc_upsell_product .up-sells ul.products li.product .button.loading, .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button.loading, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button.loading, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button.loading, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading{color:transparent; transition:0.8s; opacity:1;} .px_wc_product ul.products li.product .button.loading::before, .px_wc_related_product .related ul.products li.product .button.loading::before, .px_wc_upsell_product .up-sells ul.products li.product .button.loading::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button.loading::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button.loading::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button.loading::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading::before{content:"\e02d"; font-family: ETmodules; font-size:20px; color: #fff; display:block; opacity:1 !important; position:absolute; left:0; right:0; transition:0.8s; animation: rotation 2s infinite linear;} .px_wc_product ul.products li.product:hover .button, .px_wc_related_product .related ul.products li.product:hover .button, .px_wc_upsell_product .up-sells ul.products li.product:hover .button, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .button {bottom: 0px; transition: 0.5s !important;} .px_wc_product ul.products li.product .added_to_cart, .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_cross_sell_product .cross-sells ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart {width: 100%; width: 100%; padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:0px; z-index: 1; position: relative; transition: 0.5s !important; margin-top: 5px;} .px_wc_product ul.products li.product .added_to_cart:hover, .px_wc_related_product .related ul.products li.product .added_to_cart:hover, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.5s !important;} .px_wc_product ul.products li.product .added_to_cart::after, .px_wc_related_product .related ul.products li.product .added_to_cart::after, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after {position: absolute; content: ''; background:var(--px-color-2); width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.5s !important;} .px_wc_product ul.products li.product .added_to_cart:hover::after, .px_wc_related_product .related ul.products li.product .added_to_cart:hover::after, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after {transform: scale(1,1); transition: 0.5s !important;} @media only screen and (min-width: 576px) and (max-width: 980px) { .px_wc_product ul.products li.product:nth-child(n), .px_wc_related_product .related ul.products li.product:nth-child(n), .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_product ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n) {margin-bottom: 4% !important;} } @media only screen and (max-width: 576px) { .px_wc_product ul.products li.product, .px_wc_related_product .related ul.products li.product, .px_wc_upsell_product .up-sells ul.products li.product, .px_wc_cross_sell_product .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product {margin-bottom: 4% !important; width:100% !important;} } /* Shop & Related & Up Sell & Cross Sell Product CSS End */ /* Shop Mini CSS Start */ /* Shop & Related & Up Sell & Cross Sell Mini Product CSS Start */ .px_wc_product_mini ul.products li.product, .px_wc_related_product_mini .related ul.products li.product, .px_wc_upsell_product_mini .up-sells ul.products li.product, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {border-bottom: 1px solid #eaeaea; padding-bottom: 35px;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale {color: #fff; background: var(--px-color-1) !important; left: 5px !important; top: 5px !important; font-size: 10px; padding: 0px 12px !important; border-radius: 20px !important; line-height: 22px !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {float: left; height: 120px; width: 120px; object-fit: cover; margin-right: 20px !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay {display: none;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {padding-bottom: 0;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {margin: 6px 0px !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {color: #f7bc3d !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount {color: var(--px-color-1);} .px_wc_product_mini ul.products li.product .button, .px_wc_related_product_mini .related ul.products li.product .button, .px_wc_upsell_product_mini .up-sells ul.products li.product .button, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button {font-size: 0px; border: 0; top: -15px;} .px_wc_product_mini ul.products li.product .button::after, .px_wc_related_product_mini .related ul.products li.product .button::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .button::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button::after {content: '\e079'; font-family: ETmodules; font-size: 16px; color: var(--px-color-2); opacity: 1 !important; box-shadow: 0 6px 15px rgba(0,0,0,0.5); background: #fff; padding: 10px; margin-left: 0; border-radius: 50%; transition: 0.5s; } .px_wc_product_mini ul.products li.product .button:hover::after, .px_wc_related_product_mini .related ul.products li.product .button:hover::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .button:hover::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:hover::after {color: #fff; background: var(--px-color-1); transition: 0.5s; } .px_wc_product_mini ul.products li.product .added_to_cart, .px_wc_related_product_mini .related ul.products li.product .added_to_cart, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart {font-size:0px; left: 45px; top: 10px; position: inherit;} .px_wc_product_mini ul.products li.product .added_to_cart::after, .px_wc_related_product_mini .related ul.products li.product .added_to_cart::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart::after{content: '\55'; font-family: ETmodules; font-size: 16px; color: var(--px-color-2); opacity: 1; box-shadow: 0 6px 15px rgba(0,0,0,0.5); background: #fff; padding: 10px; border-radius: 50%; transition: 0.5s;} .px_wc_product_mini ul.products li.product .added_to_cart:hover::after, .px_wc_related_product_mini .related ul.products li.product .added_to_cart:hover::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart:hover::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart:hover::after{color: #fff; background: var(--px-color-1); transition: 0.5s;} @media only screen and (max-width: 980px) { .et-db #et-boc .et-l .px_wc_product_mini ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product_mini .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product_mini .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {margin-bottom: 4% !important;} } @media only screen and (max-width: 600px) { .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {width: 100%;padding-top: 10px;} .et-db #et-boc .et-l .px_wc_product_mini ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product_mini .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product_mini .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {width: 100% !important;} .px_wc_product_mini ul.products li.product, .px_wc_related_product_mini .related ul.products li.product, .px_wc_upsell_product_mini .up-sells ul.products li.product, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {width: 100% !important;} } /* Shop & Related & Up Sell & Cross Sell Mini Product CSS End */ /* ----------------------------------- 00. Shop Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Single Page CSS Start Here -------------------------------------*/ /* px_wc_cart_notice CSS Start */ .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error, .px_wc_cart_notice .cart-empty, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error, .et-db #et-boc .et-l .px_wc_cart_notice .cart-empty {border-radius: 10px; background-color: var(--px-color-1);} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message {background-color: var(--px-color-1);} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button, .px_wc_cart_notice .return-to-shop .button, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button {padding: 12px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover, .px_wc_cart_notice .return-to-shop .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after, .px_wc_cart_notice .return-to-shop .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after, .px_wc_cart_notice .return-to-shop .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info {background-color: var(--px-color-1); border-radius: 10px;} .px_wc_cart_notice .cart-empty, .et-db #et-boc .et-l .px_wc_cart_notice .cart-empty {border-radius: 10px;} /* px_wc_cart_notice CSS End */ /* px_wc_product_img CSS Start */ .px_wc_product_img .et_pb_module_inner .onsale, .et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .onsale { font-size: 16px !important; padding: 5px 15px !important; background-color: var(--px-color-1) !important; border-radius: 20px !important; z-index: 5; } .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img, .et-db #et-boc .et-l .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {height: 400px; object-fit: cover;} .px_wc_product_img .flex-control-nav li, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li {width: 100px;} .px_wc_product_img .flex-control-nav li img, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img {width: 100%; height: 100px; object-fit: cover; border: 5px solid transparent; opacity: 0.4; transition: 0.5s;} .px_wc_product_img .flex-control-nav li:hover img, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li:hover img, .px_wc_product_img .flex-control-nav li img.flex-active, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img.flex-active {border: 5px solid var(--px-color-1); opacity: 1; transition: 0.5s;} @media only screen and (max-width:576px){ .px_wc_product_img .flex-control-nav li, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li {width: 80px;} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img, .et-db #et-boc .et-l .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {height: 300px; object-fit: cover;} .px_wc_product_img .flex-control-nav li img, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img {height: 70px; border: 3px solid transparent;} .px_wc_product_img .flex-control-nav li:hover img, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li:hover img, .px_wc_product_img .flex-control-nav li img.flex-active, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img.flex-active {border: 3px solid var(--px-color-1);} } /* px_wc_product_img CSS End */ /* px_wc_product_title CSS Start */ .px_wc_product_title .et_pb_module_inner h1, .et-db #et-boc .et-l .px_wc_product_title .et_pb_module_inner h1 {color: var(--px-color-2); font-size: 28px; font-weight: 600;} /* px_wc_product_title CSS End */ /* px_wc_product_rating CSS Start */ .px_wc_product_rating .woocommerce-product-rating span::before, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating span::before {color: #f7bc3d !important;} .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link {color: var(--px-color-2); font-weight: 600; margin-left: 10px; transition: 0.5s;} .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover {color: var(--px-color-1); transition: 0.5s;} /* px_wc_product_rating CSS End */ /* px_wc_product_price CSS Start */ .px_wc_product_price .price, .et-db #et-boc .et-l .px_wc_product_price .price {color: var(--px-color-1);} .px_wc_product_price .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_product_price .price .woocommerce-Price-amount {color: var(--px-color-1);} /* px_wc_product_price CSS End */ /* px_wc_short_desc CSS Start */ .px_wc_short_desc, .et-db #et-boc .et-l .px_wc_short_desc {font-size: 16px; font-weight: 400; color: #7b7b7b !important; line-height: 30px;} /* px_wc_short_desc CSS End */ /* px_wc_add_to_cart_info CSS Start */ .px_wc_add_to_cart_info .stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .stock { position: relative; font-size: 15px !important; font-weight: 600; padding-left: 20px; } .px_wc_add_to_cart_info .in-stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock {color: var(--px-color-2) !important;} .px_wc_add_to_cart_info .out-of-stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock {color: #ff0000 !important;position: relative;} .px_wc_add_to_cart_info .stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .stock::before { position: absolute; content: ""; font-family: etmodules; left: 0; } .px_wc_add_to_cart_info .in-stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock::before {content: "\52"; color: var(--px-color-1);} .px_wc_add_to_cart_info .out-of-stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock::before {content: "\51";color: #ff0000;top: -1px;} /* Grouped product */ .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list, .et-db #et-boc .et-l .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 tr td, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td {padding: 10px; vertical-align: middle;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label, .et-db #et-boc .et-l .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, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a {color: var(--px-color-1); font-size: 16px; font-weight: 600; transition:0.5s;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label:hover, .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover {color: var(--px-color-2); transition:0.5s;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount {color: var(--px-color-2); font-size: 16px;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount {opacity: 0.5;} /* Simple product */ .px_wc_add_to_cart_info .cart .quantity .input-text, .et-db #et-boc .et-l .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .quantity .input-text {width: 70px; padding: 16px 10px; background: #fff; border: 1px solid #eee !important; color: var(--px-color-2); max-width: 100%;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button {padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* px_wc_add_to_cart_info CSS End */ /* px_wc_product_meta CSS Srart */ .px_wc_product_meta .product_meta, .et-db #et-boc .et-l .px_wc_product_meta .product_meta {margin-top: 40px; padding-top: 30px;} .px_wc_product_meta .product_meta .sku_wrapper, .px_wc_product_meta .product_meta .posted_in, .px_wc_product_meta .product_meta .tagged_as, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .sku_wrapper, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as {display: block; color: var(--px-color-2); font-size: 16px; margin-bottom: 10px;} .px_wc_product_meta .product_meta .posted_in a[rel="tag"], .px_wc_product_meta .product_meta .tagged_as a[rel="tag"], .et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in a[rel="tag"], .et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as a[rel="tag"] {color: var(--px-color-1); font-weight: 600; font-size: 15px;} /* px_wc_product_meta CSS End */ /* px_wc_product_tabs CSS Start */ .px_wc_product_tabs, .et-db #et-boc .et-l .px_wc_product_tabs {border: 0; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 0 10px;} .px_wc_product_tabs .et_pb_tabs_controls, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls {background: transparent;} .px_wc_product_tabs .et_pb_tabs_controls::after, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls::after {border: 0;} .px_wc_product_tabs li, .et-db #et-boc .et-l .px_wc_product_tabs li {border: 0; margin-right: 10px; border-radius: 5px; margin-bottom: 5px; transition: 0.5s;} .px_wc_product_tabs li:hover, .et-db #et-boc .et-l .px_wc_product_tabs li:hover, .px_wc_product_tabs li.et_pb_tab_active, .et-db #et-boc .et-l .px_wc_product_tabs li.et_pb_tab_active {background: var(--px-color-1); transition: 0.5s;} .px_wc_product_tabs ul li a, .et-db #et-boc .et-l .px_wc_product_tabs ul li a {padding: 10px 30px; color: var(--px-color-1); font-size: 15px; transition: 0.5s;} .px_wc_product_tabs ul li a:hover, .px_wc_product_tabs ul li.et_pb_tab_active a, .et-db #et-boc .et-l .px_wc_product_tabs ul li a:hover, .et-db #et-boc .et-l .px_wc_product_tabs ul li.et_pb_tab_active a {color: #fff !important; transition: 0.5s;} .px_wc_product_tabs .et_pb_all_tabs, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs {border-radius: 10px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab.et_pb_active_content, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab.et_pb_active_content {padding: 25px 10px; font-size: 16px; font-weight: 400; color: #7b7b7b; line-height: 28px;} /* Tabs Reviews */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review {margin-bottom: 20px !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .avatar, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .avatar {border-radius: 50%;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before, .et-db #et-boc .et-l .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: #f7bc3d !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author, .et-db #et-boc .et-l .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: var(--px-color-1); transition: 0.5s;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author:hover, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author:hover {color: var(--px-color-2); transition: 0.5s;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description {font-size: 15px; font-weight: 400; color: #7b7b7b; line-height: 28px;} .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, .et-db #et-boc .et-l .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: #f7bc3d !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea {height: 200px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit {padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover {background: var(--px-color-2) !important; color:#fff; transition: 0.9s !important;} /* px_wc_product_tabs CSS End */ /* ----------------------------------- 00. Single Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Cart Page CSS Start Here -------------------------------------*/ /* for table */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table th {color: var(--px-color-2); font-size: 18px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item td {font-size: 15px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img {height: 80px; width: 80px; object-fit: cover;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a {color: var(--px-color-1); font-weight: 600; transition: 0.5s} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a:hover {color: var(--px-color-2); transition: 0.5s} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty {width: 70px; padding: 16px 10px; background: #fff; border:1px solid #eee; color: var(--px-color-2);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-amount {color: var(--px-color-2);} /* coupon */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 300px; background: #fff !important; font-size: 14px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button {padding: 15px 25px; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button::after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover::after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* Cart totals css */ .px_cart_totols .cart_totals h2 {color: var(--px-color-2); font-weight: 600; margin-top: 20px;} .px_cart_totols .cart_totals .shop_table th {color: var(--px-color-2); font-size: 15px; border-right: 1px solid #eee;} .px_cart_totols .cart_totals .shop_table td {color: var(--px-color-2);} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul {margin-bottom: 15px !important;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li input[type="radio"]{accent-color: var(--px-color-1);} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination strong{color: var(--px-color-2);} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a {color: var(--px-color-1); font-weight: 600; font-size: 15px;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection:focus, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; position:relative; z-index: 1; transition: 0.5s !important;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button:hover, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::after, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover::after, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::after, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button:hover::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button:hover::after {transform: scale(1,1); transition: 0.5s !important;} @media only screen and (max-width:576px){ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text {width: 100%;} } /* ----------------------------------- 00. Cart Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Checkout Page CSS Start Here -------------------------------------*/ /* login */ .px_checkout_login .woocommerce-info {background-color: var(--px-color-1);} /* Toggle */ .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info {border-radius: 10px; background-color: var(--px-color-1);} .px_checkout_login .woocommerce-error {background-color: var(--px-color-1);} /* coupen */ .px_checkout_login .checkout_coupon {border-radius: 20px !important;} .px_checkout_login .checkout_coupon p {font-size: 15px; color: var(--px-color-2);} .px_checkout_login .checkout_coupon .form-row input {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px !important; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 14px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_checkout_login .checkout_coupon .form-row input:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} /* button */ .px_checkout_login .checkout_coupon .form-row .button {padding: 15px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_checkout_login .checkout_coupon .form-row .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_checkout_login .checkout_coupon .form-row .button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_checkout_login .checkout_coupon .form-row .button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /*------ Checkout Details ------*/ .px_checkout_details form .woocommerce-billing-fields h3 {color: var(--px-color-2); font-weight: 600;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label {font-size: 15px; margin-bottom: 6px;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px !important; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 14px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px !important; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 14px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} /*------ Checkout Address ------*/ .px_checkout_address form #ship-to-different-address .checkbox input {accent-color: var(--px-color-1);} .px_checkout_address form #ship-to-different-address .checkbox span {color: var(--px-color-2); font-weight: 600;} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px !important;padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 14px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px !important;padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 14px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} /* Addition Information */ .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields h3 {color: var(--px-color-2); font-weight: 600;} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes label {font-size: 15px; margin-bottom: 10px;} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px !important; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 14px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s; height: 200px;} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} /*------ Checkout Order ------*/ /* Heading */ .px_checkout_order form #order_review_heading {color: var(--px-color-2); font-weight: 600; margin-bottom: 10px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-name {color: var(--px-color-2); font-size: 18px; padding: 10px 15px; border-right: 1px solid #eee;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-total {color: var(--px-color-2); font-size: 18px; padding: 10px 15px;} /* tbody */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td {font-size: 15px; border-right: 1px solid #eee;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td:last-child {border-right: 0px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name {color: var(--px-color-1); font-weight: 600; transition: 0.5s;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name:hover {color: var(--px-color-2); transition: 0.5s;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name strong {color: var(--px-color-2); } /*--- tfoot ---*/ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot th {color: var(--px-color-2); font-size: 15px; border-right: 1px solid #eee;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot td {color: var(--px-color-2); font-size: 15px;} /* Subtotal */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th {color: var(--px-color-2); font-size: 15px; border-right: 1px solid #eee;} /* Shipping */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping th {color: var(--px-color-2); font-size: 15px; border-right: 1px solid #eee;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods input {accent-color: var(--px-color-1);} /*------ Checkout Payment ------*/ .px_checkout_payment {background: #fff !important; border-radius: 20px !important;} .px_checkout_payment , .px_checkout_payment .checkout{border-radius:20px;} .px_checkout_payment .checkout .woocommerce-checkout-review-order {background:#fff !important; border-radius:20px; border: 1px solid #e6e6e6 !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);} /* Payment Methods */ .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error {background-color: var(--px-color-1); border-radius: 10px;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button {border: none; font-size: 14px; background-color: var(--px-color-1); color: #fff; padding: 12px 25px; transition: all 0.4s; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover {background-color: var(--px-color-2);} /* Order details Main */ .px_checkout_payment .woocommerce-order {padding: 20px !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); background: #fff !important; border-radius: 20px; border-top: 3px solid var(--px-color-1);} .px_checkout_payment .woocommerce-order .woocommerce-notice {font-size: 18px; color: var(--px-color-2); margin-bottom: 15px} .px_checkout_payment .woocommerce-order .woocommerce-order-overview {margin-bottom: 10px;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview li {font-size: 14px;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong {font-size: 15px; color: var(--px-color-2); transition:0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong:hover {color: var(--px-color-1); transition:0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {font-size: 24px; color: var(--px-color-2); font-weight: 600; margin: 10px 0px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead tr th {color: var(--px-color-2); font-size: 18px; padding: 10px 15px; border-right: 1px solid #eee;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead tr th:last-child {border-right: 0px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td {font-size: 16px; border-right: 1px solid #eee;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td:last-child {border-right: 0px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a {color: var(--px-color-1); font-weight: 600; transition: 0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a:hover {color: var(--px-color-2); transition: 0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td strong {color: var(--px-color-2); transition: 0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td strong:hover {color: var(--px-color-1); transition: 0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr th {color: var(--px-color-2); font-size: 16px; border-right: 1px solid #eee;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr td {color: var(--px-color-2); font-size: 16px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details h2 {color: var(--px-color-2); font-size: 24px; font-weight: 600; margin: 10px 0px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address {font-size: 16px; font-style: italic; line-height: 32px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone{font-style: normal; color: var(--px-color-2); margin-bottom: 0; padding-bottom: 0; margin-top: 15px; transition: 0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email {font-style: normal; color: var(--px-color-2); transition: 0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone::before, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email::before {color: var(--px-color-1); font-weight:900;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone:hover, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email:hover {color: var(--px-color-1); transition:0.5s;} /* Payment Methods */ .px_checkout_payment #payment {padding: 20px !important;} .px_checkout_payment #payment .woocommerce-info{background: var(--px-color-1); border-radius:10px; font-size:15px;} .px_checkout_payment #payment .wc_payment_methods li input {accent-color: var(--px-color-1);} .px_checkout_payment #payment .wc_payment_methods li label {color: var(--px-color-2); font-size: 15px; font-weight: 500;} .px_checkout_payment #payment .wc_payment_methods li .payment_box {background: #f2f2f2;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {color: var(--px-color-1); font-weight: 600; transition:0.5s;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a:hover {color: var(--px-color-2); transition:0.5s;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .validate-required label input{accent-color: var(--px-color-1);} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .validate-required label a{color: var(--px-color-1); font-weight: 700; transition:0.5s;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .validate-required label a:hover{color: var(--px-color-2); transition:0.5s;} .px_checkout_payment #payment .form-row .button {padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_checkout_payment #payment .form-row .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_checkout_payment #payment .form-row .button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_checkout_payment #payment .form-row .button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* ----------------------------------- 00. Checkout Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. My Account Page CSS Start Here -------------------------------------*/ /* Notice Wrapper CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {background-color: var(--px-color-1);} /* Register Form CSS */ .px_my_account .woocommerce .woocommerce-form-register .form-row label {font-size: 15px; margin-bottom: 6px;} .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit {padding: 12px 30px; font-size: 14px; background: var(--px-color-1); color: #fff; border: 0px !important; border-radius: 30px; z-index: 1; transition: 0.5s !important; margin-top: 25px; margin-bottom: 10px;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover::after {transform: scale(1,1); transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a {color: var(--px-color-1); transition: 0.5s; font-weight: 600;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a:hover {color: var(--px-color-2); transition: 0.5s;} /* Login Form CSS */ .px_my_account .woocommerce h2 {font-weight: 700; font-size: 24px; color: var(--px-color-2) !important;} /* Label CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row label {font-size: 15px; margin-bottom: 6px;} .px_my_account .woocommerce .woocommerce-form-login .form-row label input[type="checkbox"]{accent-color: var(--px-color-1);} /* Input Field CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} /* Button CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit {padding: 12px 30px; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* Lost Password CSS */ .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword {margin-top: 15px;} .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a {color: var(--px-color-1); transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a:hover {color: var(--px-color-2); transition: 0.5s;} /* Reset Password CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword .form-row label {font-size: 15px; margin-bottom: 6px;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button {padding: 12px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* Reset Password Error Box CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {background-color: var(--px-color-1); border-radius: 10px;} /* Navigation CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul {list-style: none; background-color: var(--px-color-1); padding: 15px; border-radius: 15px; margin-bottom: 30px;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a {font-size: 15px; color: #fff;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li {position:relative; border-radius: 5px; padding: 10px; background: var(--px-color-1); color:#fff; border:0px !important; z-index: 1; margin: 10px 0px; transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 5px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active::after, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover::after{transform: scale(1,1); transition: 0.5s !important;} /* Content CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content p {font-size: 15px; margin-bottom: 15px;} .px_my_account .woocommerce .woocommerce-MyAccount-content mark {background: var(--px-color-1); color: #FFF; padding: 0px 10px;} .px_my_account .woocommerce .woocommerce-MyAccount-content p strong {color: var(--px-color-2); transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p strong:hover {color: var(--px-color-1); transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a {color: var(--px-color-1); transition: all 0.4s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a:hover {color: var(--px-color-2); text-decoration: underline;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button{padding: 10px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button:hover{background: var(--px-color-1) !important; color:#fff; text-decoration: none; transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button:hover::after{transform: scale(1,1); transition: 0.5s !important;} /* Order CSS*/ .px_my_account .woocommerce .woocommerce-info, .px_my_account .woocommerce .woocommerce-message {background: var(--px-color-1); border-radius: 10px;} /* Download CSS*/ .px_my_account .woocommerce .woocommerce-Message {background-color: var(--px-color-1); border-radius: 15px;} .px_my_account .woocommerce .woocommerce-info a.button, .px_my_account .woocommerce .woocommerce-Message a.button {position:relative; padding: 10px 35px !important; font-size: 14px; background: var(--px-color-2); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-info a.button:hover, .px_my_account .woocommerce .woocommerce-Message a.button:hover {background: var(--px-color-2) !important; color:var(--px-color-2); transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-info a.button::after, .px_my_account .woocommerce .woocommerce-Message a.button::after {position: absolute; content: ''; background:#fff; border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-info a.button:hover::after, .px_my_account .woocommerce .woocommerce-Message a.button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* Address CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {font-weight: 700; font-size: 24px; color: var(--px-color-2) !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a {font-size: 16px; color: var(--px-color-1);} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a:hover {color: var(--px-color-2); text-decoration: underline;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {font-size: 16px; font-style: italic; line-height: 32px;} /* Account Details CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label {font-size: 15px; margin-bottom: 6px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row em {color: #c2c2c2;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend {color: #c2c2c2; font-style: italic; font-size: 15px;} .px_my_account .woocommerce .woocommerce-MyAccount-content form h3 {font-weight: 600; font-size: 24px; color: var(--px-color-2) !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields label {font-size: 15px; margin-bottom:6px;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input, .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 15px 20px !important; width: 100% !important; background: #fff !important; font-size: 16px !important; border: 1px solid #e6e6e6 !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input:focus, .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2:focus{border: 1px solid var(--px-color-1) !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection {border: 0;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection__arrow b {top: 28px; right: 20px; left: auto;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button {margin-top: 20px; position:relative; padding: 12px 35px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:30px; z-index: 1; transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 30px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* Order List */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table {text-align: center;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr th {color: var(--px-color-2); font-size: 18px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button {border: none; font-size: 14px; padding: 10px 25px; position:relative; color: #fff; background: var(--px-color-1); border-radius:5px; z-index: 1; transition: 0.5s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover {background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a::after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button::after {position: absolute; content: ''; background:var(--px-color-2); border-radius: 5px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover::after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover::after {transform: scale(1,1); transition: 0.5s !important;} /* Order Details */ .px_my_account .woocommerce table thead tr th {color: var(--px-color-2); font-size: 18px; padding: 10px 15px; border-right: 1px solid #eee;} .px_my_account .woocommerce table thead tr th:last-child {border-right: 0px;} .px_my_account .woocommerce table tbody tr td {font-size: 15px; border-right: 1px solid #eee;} .px_my_account .woocommerce table tbody tr td:last-child {border-right: 0px;} .px_my_account .woocommerce table tbody tr td a {color: var(--px-color-1); font-weight: 600; transition:0.5s;} .px_my_account .woocommerce table tbody tr td a:hover {color: var(--px-color-2); transition:0.5s;} .px_my_account .woocommerce table tbody tr td strong {color: var(--px-color-2); transition:0.5s;} .px_my_account .woocommerce table tbody tr td strong:hover {color: var(--px-color-1); transition:0.5s;} .px_my_account .woocommerce table tbody tr td .button{position:relative; padding: 10px 25px !important; font-size: 14px; background: var(--px-color-1); color:#fff; border:0px !important; border-radius:5px; z-index: 1; transition: 0.5s !important;} .px_my_account .woocommerce table tbody tr td .button::after{position: absolute; content: ''; background:var(--px-color-2); border-radius: 5px; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0,0); opacity:1 !important; z-index: -1; margin: 0; transition: 0.6s !important;} .px_my_account .woocommerce table tbody tr td .button:hover{background: var(--px-color-1) !important; color:#fff; transition: 0.9s !important;} .px_my_account .woocommerce table tbody tr td .button:hover::after{transform: scale(1,1); transition: 0.5s !important;} .px_my_account .woocommerce table tfoot tr th {color: var(--px-color-2); font-size: 15px; border-right: 1px solid #eee;} .px_my_account .woocommerce table tfoot tr td {color: var(--px-color-2); font-size: 15px; } .px_my_account .woocommerce .woocommerce-customer-details address {font-size: 16px; font-style: italic; line-height: 32px;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone{font-style: normal; color: var(--px-color-2); margin-bottom: 0; padding-bottom: 0; margin-top: 15px; transition:0.5s;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email {font-style: normal; color: var(--px-color-2); transition:0.5s;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone::before, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email::before {color: var(--px-color-1); font-weight: 900;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone:hover, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email:hover{color: var(--px-color-1); transition:0.5s;} /* ----------------------------------- 00. My Account Page CSS End Here -------------------------------------*/