/* Theme Name: Divi Hair Shop Theme Theme URI: https://divi-professional.com Description: A modern Divi WooCommerce theme designed for hair salons, barbers, wig stores, and hair care product shops with a clean, conversion-focused layout. 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: 15px !important;} .px_title h2{font-size: 35px; color: var(--px-color-2); text-transform: uppercase; line-height: 26px; position: relative; font-weight: 700; padding-bottom: 0px; letter-spacing: 1.5px; margin-bottom: 0; display: block; z-index: 1;} /*---Sub Title CSS---*/ .px_subtitle h4{display: block; text-transform: uppercase; font-size: 30px; color: var(--px-color-1); opacity:0.5; line-height: normal; padding-bottom: 0 !important; margin-bottom: -42px; font-weight: 600; text-transform: uppercase; font-style: italic; } /*---Heading Underline CSS---*/ .px_heading_underline.left{margin-left: 30px;} .px_heading_underline.right{margin-right: 30px;} .px_heading_underline{position:relative; width: fit-content; margin:0 auto;} .px_heading_underline::before{content: ""; background: var(--px-color-1); position: absolute; top: 0; left: -30px; height: 40px; width: 20px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin: auto; bottom: 0;} .px_heading_underline::after{content: ""; background: var(--px-color-1); position: absolute; top: 0; right: -30px; height: 40px; width: 20px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin: auto; bottom: 0;} .px_heading_underline .et_pb_icon_wrap::before {content:""; background: #fff; position:absolute; top:0; left:-30px; height:17px; width:100%; clip-path: polygon(0% 5%,100% 5%,100% 25%,0% 25%,0% 40%,100% 40%,100% 60%,0% 60%,0% 75%,100% 75%,100% 95%,0% 95%); top: 0; bottom: 0; margin: auto;} .px_heading_underline .et_pb_icon_wrap::after {content:""; background: #fff; position:absolute; top:0; right:-30px; height:17px; width:100%; clip-path: polygon(0% 5%,100% 5%,100% 25%,0% 25%,0% 40%,100% 40%,100% 60%,0% 60%,0% 75%,100% 75%,100% 95%,0% 95%); top: 0; bottom: 0; margin: auto; z-index: 1;} .px_heading_underline .et_pb_icon_wrap .et-pb-icon{font-size: 50px !important; color: var(--px-color-2) !important; background: #fff; z-index: 3;} /*---Description CSS---*/ .px_desc {color: #6c6c6c; font-size: 15px; line-height: 25px; letter-spacing: .3px;} /*---Button CSS---*/ .px_btn{padding: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} .px_btn:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_btn::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_btn:hover::after{width:100%; left: 0; transition: 0.3s;} .px_btn.dark {border: none !important; background: var(--px-color-2); color: #fff; transition:0.5s;} .px_btn.dark:hover{background: var(--px-color-2) !important; color: var(--px-color-2) !important; transition:0.5s;} .px_btn.dark::after{background-color: var(--px-color-1);} /*--- 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 Js---*/ .slick-slide{margin-bottom:0px !important;} /*---Section Divider CSS---*/ .px_divider .et_pb_bottom_inside_divider{z-index: 1 !important;} /*---Image Divider CSS---*/ .px_img .et_pb_image_wrap{width:100%;} .px_img .et_pb_image_wrap img{object-fit: cover; width: 100% !important;} /*---Search Bar CSS---*/ .px_search_bar{ border: 1px solid var(--px-color-1) !important; border-radius: 50px !important; transition:0.5s; } .px_search_bar:hover{ border: 1px solid var(--px-color-1) !important; transition:0.5s; } .px_search_bar .et_pb_searchform .et_pb_s{border: 0; padding: 15px 55px 15px 20px !important;} .px_search_bar .et_pb_searchform .et_pb_searchsubmit{border-radius: 20px; margin: 5px; background: var(--px-color-1); color: #fff; padding: 0 15px;} .px_search_bar:hover{border: 1px solid var(--px-color-2); transition:0.5s;} .px_search_bar:hover .et_pb_searchform .et_pb_searchsubmit{background: var(--px-color-2); color: #fff; transition:0.5s;} .et-db #et-boc .et-l .px_search_bar input.et_pb_searchsubmit{ border-radius: 20px; margin: 5px; background: var(--px-color-1); color: #fff; padding: 0 15px; } .et-db #et-boc .et-l .px_search_bar input.et_pb_s{ padding: 15px 55px 15px 20px !important; } @media only screen and (max-width: 1200px){ .px_search_bar{ display: none !important; } .px_header_menu.et_pb_menu .et-menu>li{ padding: 0 5px !important; } .px_header_menu .et_pb_menu__cart-button, .px_header_menu .et_pb_menu__search-button, .px_header_small_info, .px_menu_v3{ display: none !important; } .px_menu{ width: 100% !important; } } /*---Social Links CSS---*/ .px_social_link li a{ transition:0.5s; } .px_social_link li a{height: 45px !important; width: 45px !important; border-radius: 3px; overflow: hidden; transition:0.5s;} .px_social_link li a:hover{border-radius:50%; transform:rotate(360deg); transition:0.5s;} .px_social_link li a::before{height: 100% !important; width: 100% !important; color: var(--px-color-2) !important; background: rgba(0,0,0,0.06); font-size: 20px !important; line-height: 45px !important; transition:0.5s;} .px_social_link li a:hover::before{color: #fff !important; background: var(--px-color-1); border-radius:50%; transition:0.5s;} /* Max Width & Reverse Column CSS */ /*---Responsive CSS---*/ @media only screen and (min-width:577px) and (max-width:980px){ /* Max Width Col */ .px_max_width.et_pb_column:last-child, .px_max_width{ max-width:400px; margin: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 CSS---*/ .px_title{margin-bottom: 5px !important;} .px_title h2{font-size:22px; line-height: 25px;} .px_subtitle h4{font-size:20px;} /*---Description CSS---*/ .px_desc {font-size: 14px;} /*---Heading Underline CSS---*/ .px_heading_underline::before, .px_heading_underline::after{height: 30px;} .px_heading_underline .et_pb_icon_wrap::before, .px_heading_underline .et_pb_icon_wrap::after {height:13px;} .px_heading_underline .et_pb_icon_wrap .et-pb-icon{font-size: 35px !important;} /* Max Width Col */ .px_max_width.et_pb_column:last-child, .px_max_width{ max-width:400px; margin: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;} /*---Button CSS---*/ .px_btn{padding: 10px 25px !important; font-size: 14px;} } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Header Common Info Css---*/ .px_header_small_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-1); background: rgba(0,0,0,0.06); border-radius: 50%; padding: 10px 12px;} .px_header_small_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-2); font-weight: 400; padding-bottom:5px;} .px_header_small_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color: var(--px-color-2); transition:0.5s;} .px_header_small_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:hover{color: var(--px-color-1); transition:0.5s;} /*---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: var(--px-color-2);} .px_header_menu.et_pb_menu ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul { position: absolute; left: 0px; top: 120%; padding: 15px 6px; opacity: 0; visibility: hidden; z-index: 100; background: #ffffff; 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%); width: 255px; } .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, .px_header_menu.et_pb_menu ul li.mega-menu ul li ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li.mega-menu ul li ul li a, .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, .px_header_menu.et_pb_menu ul li.mega-menu ul li ul li, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li.mega-menu ul li ul li{width:100%;} .px_header_menu.et_pb_menu ul li.mega-menu ul li, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li.mega-menu ul li{width:25%;} .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{width: 100%;} .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: 0px; 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 { 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: 100%; margin-top: -62px;} .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: #202020; font-weight: 600; padding-top: 15px !important; padding-bottom: 15px !important; transition: all 0.4s; } .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a, .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a, .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after, .px_header_menu.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_pb_menu .et-menu-nav ul li.current-menu-ancestor>a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a, .et-db #et-boc .et-l .px_header_menu.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_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after {color: var(--px-color-1); font-weight: 700; padding-left: 10px;} .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a::before, .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a::before, .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::before, .px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::before {opacity: 1;} .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_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: -20px; left:-30px; color: #ffffff; background-color: var(--px-color-1); padding: 3px 16px; } .px_label::before, .et-db #et-boc .et-l .px_label::before{ content: ""; padding: 3px; top: 13px; position: absolute; right: 0px; width: 0; height: 0; border-bottom: 8px solid transparent; border-left: 16px solid var(--px-color-1); border-top: 0px solid transparent; z-index: -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; font-weight: 500; border: none; font-size: 15px; text-transform: capitalize; color: #202020; 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; padding-left: 10px; font-weight: 700;} .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 {position: relative;} .px_header_menu.et_pb_menu ul li ul li a::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a::before {content:"\39"; font-family: ETmodules; transform:scale(0); opacity:0; transition:0.5s;} .px_header_menu.et_pb_menu ul li ul li:hover a::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li:hover a::before {transform:scale(1); opacity:1; transition:0.5s;} .px_header_menu.et_pb_menu ul li ul li:hover li a::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li:hover li a::before {transform:scale(0); opacity:0; transition:0.5s;} .px_header_menu.et_pb_menu ul li ul li li:hover a::before, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li li:hover a::before {transform:scale(1); opacity:1; transition:0.5s;} .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: rgb(171 171 171); } .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; } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_f_small_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {color: var(--px-color-1);} .px_f_small_info .et_pb_blurb_content .et_pb_blurb_container{padding-left:8px;} .px_footer_links {color: rgba(255,255,255,0.6); transition:0.5s;} .px_footer_links:hover {color: var(--px-color-1); background:transparent !important; transition:0.5s;} .px_f_btn::before{color: var(--px-color-1); transition:0.5s;} .px_f_btn {color: rgba(255,255,255,0.6) !important; transition:0.5s;} .px_f_btn:hover {color: #fff !important; transition:0.5s;} .px_footer_social li{margin-bottom: 0px !important;} .px_footer_social li a.icon{transition: 0.5s;} .px_footer_social li:hover a.icon{background:var(--px-color-1) !important; border-radius:50%; transform: rotate(360deg); transition: 0.5s;} .px_footer_title.px_footer_title_v3{color: var(--px-color-2) !important;} .px_footer_v3 .px_footer_links {color: rgba(0,0,0,0.6); transition: 0.5s;} .px_footer_v3 .px_footer_links:hover {color: var(--px-color-1); background:transparent !important; transition:0.5s;} .px_footer_v3 .px_f_btn::before{color: var(--px-color-1); transition:0.5s;} .px_footer_v3 .px_f_btn {color: var(--px-color-2) !important; transition:0.5s;} .px_footer_v3 .px_f_btn:hover {color: var(--px-color-1) !important; transition:0.5s;} /*----------------------------------- 04. Sidebar CSS Start Here -------------------------------------*/ .px_sidebar_person .et_pb_team_member_description .et_pb_member_social_links{padding-left: 0; margin-top: 20px;} .px_sidebar_person .et_pb_team_member_description .et_pb_member_social_links li{margin-right: 10px;} .px_sidebar_person .et_pb_team_member_description .et_pb_member_social_links li a{color:var(--px-color-2); padding: 5px 10px; background: #eee; transition:0.5s;} .px_sidebar_person .et_pb_team_member_description .et_pb_member_social_links li a:hover{color:#fff; transition:0.5s; background: var(--px-color-1) !important; border-radius: 50%; transform: rotate(360deg);} /* Blog Sidebar CSS Start */ .px_sidebar .widgettitle, .et-db #et-boc .et-l .px_sidebar .widgettitle {font-size: 20px; font-weight: 700; color: var(--px-color-2); margin-bottom: 20px;} .px_sidebar .et_pb_widget, .et-db #et-boc .et-l .px_sidebar .et_pb_widget {box-shadow:0 16px 32px 0 rgba(7, 28, 31, 0.1); padding: 35px; margin-bottom: 40px;} .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 {margin-bottom: 0; height: 60px !important; font-weight: 600; background: #f2f6f7; border-radius: 5px 0px 0px 5px;} .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 {height: 100% !important; color: #fff; background: var(--px-color-1); border: 0; border-radius: 0px 5px 5px 0px; 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); 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; margin: 15px 0px; color: var(--px-color-1); transition: 0.5s;} .px_sidebar .widget_categories ul .cat-item a, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a {display: block; float: left; color: var(--px-color-2); transition: 0.5s;} .px_sidebar .widget_categories ul .cat-item:hover a, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:hover a{color: var(--px-color-1); transition: 0.5s;} .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {padding: 8px 18px 6px; border-radius: 0; margin: 6px; background: #f2f6f7; color: var(--px-color-2); 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-bottom: 12px;} .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-2); transition: 0.5s;} .px_sidebar .widget_recent_entries ul li:hover .post-date, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li:hover .post-date {color: var(--px-color-1); font-weight: 600; transition: 0.5s;} /* Blog Sidebar CSS End */ /* Shop Sidebar CSS Start */ .px_shop_sidebar .et_pb_widget, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1); padding: 35px; margin-bottom: 40px;box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1); padding: 35px; margin-bottom: 40px;} .px_shop_sidebar .et_pb_widget .widgettitle, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {font-size: 20px; font-weight: 700; color: var(--px-color-2); margin-bottom: 20px; line-height: 25px;} /* Cart CSS */ .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-bottom: 15px;} .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 {color: var(--px-color-2); font-size: 15px;} .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 {color: var(--px-color-1); font-size: 15px; 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: 1px solid #e3e3e3; padding-top: 15px; margin-bottom: 15px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total strong, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__tota strong{color: var(--px-color-2); font-size: 16px; margin-right: 8px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount {color: var(--px-color-1); font-size: 16px; font-weight: 600;} .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 {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .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 {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .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 !important; transition:0.5s;} .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 {width:100%; left: 0; transition: 0.3s;} /* Search Product */ .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 {margin-bottom: 0; height: 60px !important; font-weight: 600; background: #f2f6f7; border: 1px solid #ddd; border-right: 0; padding-left: 15px; border-radius: 5px 0px 0px 5px;} .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 {border: 0; height: 60px !important; padding: 0px 5px; margin-left: -4px; background: var(--px-color-1); border-radius: 0px 5px 5px 0px; transition: 0.5s;} .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 {color:#fff; background: var(--px-color-2); transition: 0.5s;} /* SFilter by price */ .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: #e3e3e3;} .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 {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .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 !important; transition:0.5s;} .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 {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .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 {width:100%; left: 0; transition: 0.3s;} .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: 15px;} /* Product categories */ .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; font-size: 15px; margin: 6px 0px; display: inline-block;} .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 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 ul.children li.cat-item a {color: #848484; transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children 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 ul.children li.cat-item a:hover {color: var(--px-color-2); transition: 0.5s;} /* Products */ .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 {height: 80px; width: 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 {color: var(--px-color-2); font-size: 16px; 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 {font-size: 12px; margin: 5px 0px;} .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 .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 .tag-cloud-link, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link {padding: 8px 16px 6px; border-radius: 0; margin: 6px; background: #f2f6f7; color: var(--px-color-2); 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 {color: #fff; background: var(--px-color-1); transition: 0.5s;} /* Average rating */ .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);} .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::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 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 {height: 80px; width: 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 {color: var(--px-color-2); font-size: 16px; 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 .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 {color: var(--px-color-1); font-size: 16px; font-weight: 600;} /* Filter by */ .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li {font-size: 15px;} .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a {color: var(--px-color-2); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover {color: var(--px-color-1); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count {float: inline-end; 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 > div article ~ div:last-child { grid-column: 1 / -1; } .px_blog_v1 .et_pb_post {border: 0; position:relative; padding:0; transition:0.5s;} .px_blog_v1 .et_pb_post:hover{box-shadow:0 16px 32px 0 rgba(7, 28, 31, 0.1); 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-2); opacity:0.3; position: absolute; left:0; top:0; height:100%; width:100%; transition:0.6s; z-index: 1;} .px_blog_v1 .et_pb_post .entry-featured-image-url::after{content:""; background: var(--px-color-2); opacity:0.5; position: absolute; left:0; top:0; height:100%; width:100%; transition:0.6s; z-index: 1; transform: scale(0) rotate(180deg); border-radius:50%} .px_blog_v1 .et_pb_post .entry-featured-image-url {position: relative; padding-top:100%; overflow:hidden; margin-bottom: 0;} .px_blog_v1 .et_pb_post .entry-featured-image-url img {position: absolute; left:0; top: 0; height: 100%; object-fit: cover;} /* Image Hover CSS */ .px_blog_v1 .et_pb_post:hover .entry-featured-image-url::after {transition:0.6s; z-index: 1; transform:scale(1); border-radius:0%;} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {padding-bottom: 10px !important;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published {position: absolute; top: 15px; left: 15px; background: #fff; padding: 50px 15px 5px 15px; color: var(--px-color-1); z-index: 2;} .px_blog_v1 .et_pb_post .post-meta .published::before{content:"\e023"; font-family: ETmodules; margin-right: 6px; color: var(--px-color-1); top: 10px; left: 0; right: 0; position: absolute; font-size: 25px; border-bottom: 1px solid var(--px-color-2); padding-bottom: 10px; margin: 0px 12px;} .px_blog_v1 .et_pb_post .post-meta a{transition:0.5s} .px_blog_v1 .et_pb_post .post-meta a::before{content:"\6e"; font-family:ETmodules; margin-right: 6px; margin-left: 12px;} .px_blog_v1 .et_pb_post .post-meta a:hover{color: var(--px-color-1); transition:0.5s} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .px_blog_v1_info{padding:30px 15px;} .px_blog_v1 .et_pb_post .post-content .post-content-inner{color: #8f8f8f !important;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{margin-top: 20px; padding: 10px 20px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; display:inline-block; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .px_blog_v1 .et_pb_post .post-content .more-link:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_blog_v1 .et_pb_post .post-content .more-link::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_blog_v1 .et_pb_post .post-content .more-link:hover::after{width:100%; left: 0; transition: 0.3s;} /*---Pagination Button CSS---*/ /* .px_blog_v1 .pagination .alignright {float:left; margin-left:10px;} */ .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a {font-size: 12px; padding: 5px 10px !important; background: var(--px-color-2); color: #fff; border-radius: 5px; display:inline-block; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .px_blog_v1 .pagination .alignleft a:hover, .px_blog_v1 .pagination .alignright a:hover{background: var(--px-color-2) !important; color: var(--px-color-2) !important; transition:0.5s;} .px_blog_v1 .pagination .alignleft a::after, .px_blog_v1 .pagination .alignright a::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-1); transition: none; transition: 0.3s; border-radius: 5px; overflow: hidden; z-index: -1;} .px_blog_v1 .pagination .alignleft a:hover::after, .px_blog_v1 .pagination .alignright a:hover::after{width:100%; left: 0; transition: 0.3s;} /*---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;} @media only screen and (max-width: 750px) { .px_blog_grid_2_col .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /*---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: 1150px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width: 750px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);} } /*---Blog Grid 4 Columns CSS End ---*/ /* Blog Listing CSS Start */ .px_blog_list .et_pb_post {display: flex;margin-bottom: 30px;} .px_blog_list .et_pb_post .entry-featured-image-url {width: 50%; padding-top:0;} .px_blog_list .et_pb_post .px_blog_v1_info {width: 50%;position: relative;height: fit-content;} .px_blog_list .et_pb_post .px_blog_v1_info .entry-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .px_blog_list .et_pb_post .post-meta .published{left: -95%;} @media only screen and (max-width: 800px) { .px_blog_list .et_pb_post {display: block;} .px_blog_list .et_pb_post .post-meta .published {left: 15px;top: -120%;} .px_blog_list .et_pb_post .entry-featured-image-url{width: 100%; padding-top:100%;} .px_blog_list .et_pb_post .px_blog_v1_info {width: 100%;} } /* Blog Listing CSS End */ /* Blog Single Page CSS Start */ .px_blog_single_img {margin: 0; max-width: 100%; width: 100%; overflow:hidden;} .px_blog_single_img .et_pb_image_wrap {margin: 0; max-width: 100%; width: 100%; position: relative; transition:0.5s;} .px_blog_single_img .et_pb_image_wrap::before {content:""; background: var(--px-color-2); opacity:0.3; position: absolute; height: 100%; width: 100%; top:0; left:0; z-index: 1; transition:0.5s;} .px_blog_single_img .et_pb_image_wrap::after {content:""; background: var(--px-color-2); opacity:0.3; position: absolute; height: 100%; width: 100%; top:0; left:0; z-index: 1; transform: scale(0) rotate(180deg); border-radius:50%; transition:0.5s;} .px_blog_single_img .et_pb_image_wrap img{object-fit: cover; width: 100% !important; transition:0.5s;} .px_blog_single_img .et_pb_image_wrap:hover::after {transform: scale(1.1); border-radius:0%; 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_featured_container .et_pb_image_wrap{max-width: 100%; width: 100%; overflow:hidden; position: relative; transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::before {content:""; background: var(--px-color-2); opacity:0.3; position: absolute; height: 100%; width: 100%; top:0; left:0; z-index: 1; transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::after {content:""; background: var(--px-color-2); opacity:0.3; position: absolute; height: 100%; width: 100%; top:0; left:0; z-index: 1; transform: scale(0) rotate(180deg); border-radius:50%; transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap img{width: 100%; height: 450px; object-fit: cover; transition:0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover::after {transform: scale(1.1); border-radius:0%; transition:0.5s;} .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 a::before, .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_single_post_title .et_pb_title_container .et_pb_title_meta_container a::before {content: "\55";} .px_blog_single .px_blog_single_comments .commentlist{margin-top:20px;} .px_blog_single .px_blog_single_comments .commentlist li{padding-bottom:25px; margin-bottom:25px; border-bottom: 1px solid #eee;} .px_blog_single .px_blog_single_comments .commentlist .comment-body{margin-bottom:0px;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a {color: var(--px-color-1); transition:0.5s;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a:hover {color: var(--px-color-2); transition:0.5s;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_avatar img {border-radius: 50%;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link {padding: 10px 25px !important; background: var(--px-color-2); color: #fff; border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link:hover{background: var(--px-color-2) !important; color: #fff !important; transition:0.5s;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-1); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1; margin:0;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link:hover::after{width:100%; left: 0; margin:0; transition: 0.3s;} .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: 700; 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: 14px; top: 11px; 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 {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important; width: 100% !important; padding: 15px !important; font-size: 15px !important;} .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;} .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 .et_pb_button {padding: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} .px_blog_single .px_blog_single_comments .et_pb_button:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_blog_single .px_blog_single_comments .et_pb_button::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1; margin: 0 !important;} .px_blog_single .px_blog_single_comments .et_pb_button:hover::after{width:100%; left: 0 !important; margin: 0 !important; transition: 0.3s;} @media only screen and (max-width:576px){ .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap img {height: 300px;} } /* Blog Single Page CSS End */ /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important; transition:0.5s;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea{height: 200px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:hover, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:hover, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:focus, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {border: 1px solid var(--px-color-1) !important; transition:0.5s;} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container{float: left; width: 100%; margin-top: 20px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {padding: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; width: 100%; transition:0.5s;} .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 !important; transition:0.5s;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::after{width:100%; left: 0; transition: 0.3s;} /*---Blurb CSS---*/ .px_contact_v1_blurb{border: 1px solid #EBEEEF !important; padding: 30px 20px; border-radius:20px; transition:0.5s;} .px_contact_v1_blurb:hover{border: 1px solid var(--px-color-1) !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); transition:0.5s;} /* Icon CSS */ .px_contact_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {color: var(--px-color-1) !important; transition:0.5s;} .px_contact_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {transform:rotate(360deg); color: var(--px-color-2) !important; transition:0.5s;} /* Title CSS */ .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 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-1); transition:0.5s;} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1); border-radius: 20px;} /* Image Css */ .px_team_v1 .et_pb_team_member_image{max-width: 100%; margin-bottom: 0; z-index: -2; border-radius: 20px 20px 0px 0px; overflow: hidden; margin-right: 0;} .px_team_v1 .et_pb_team_member_image::before{content: ""; background:var(--px-color-2); opacity:0.5; position: absolute; left: 0; top: 0; height:100%; width:100%; border-radius:50%; transform: scale(0); transition: 1s; z-index: 1;} .px_team_v1 .et_pb_team_member_image img{border-radius: 20px 20px 0px 0px; width: 100%;} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{position: relative; background: #fff; z-index:3; border-radius: 0px 0px 20px 20px;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{padding-top: 25px; background: #fff;} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{padding-bottom: 30px;} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {position: absolute; top: 0; left: 0; right: 0; margin-top: 0 !important; background: var(--px-color-1); padding: 6px 0px; z-index: -1; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{margin-right: 0;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{color: #fff; background: rgba(255,255,255,0.15); margin: 0px 5px; padding: 5px 10px; border-radius: 3px; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{background: var(--px-color-2); border-radius: 50%; transform: rotate(360deg); transition:0.5s;} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image::before{border-radius:0%; transform: scale(1.1) rotate(360deg); transition: 1s; z-index: 1;} .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {top: -48px; transition:0.5s;} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 {position:relative;} /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {right: 0;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::before {content:""; background:var(--px-color-1); height: 620px; width: 570px; position:absolute; border-radius: 53% 47% 62% 38% / 68% 61% 39% 32%; z-index: -1; outline: 2px dashed var(--px-color-1); outline-offset: 10px;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img{border-radius: 53% 47% 62% 38% / 68% 61% 39% 32%; height: 600px; width: 550px; object-fit: cover;} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {float: left;} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4{margin-top: 30px; font-size: 35px; font-weight: 700;} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{padding: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after{width:100%; left: 0; transition: 0.3s;} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{font-size: 35px; background: rgba(0,0,0,0.4); border-radius: 50%; padding: 10px; transition: 0.5s;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover{background: var(--px-color-1); transition: 0.5s;} /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers a {height: 10px; width: 10px; outline: 1px solid rgba(255,255,255,0.3); outline-offset: 4px; margin: 0 8px;} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {background: var(--px-color-1); outline: 1px solid var(--px-color-1);} /*---Slider v2 CSS---*/ .px_slider_v2 {position:relative;} .px_slider_v2 .et_pb_slides::before{content: ""; position: absolute; right: 130px; top: 130px; background-color: var(--px-color-1); opacity:0.2; width: 200px; animation: spin 5s linear infinite alternate forwards; height: 200px; z-index:2; outline: 2px dashed var(--px-color-1); outline-offset: 10px;} .px_slider_v2 .et_pb_slides::after{content: ""; position: absolute; right: 200px; top: 30px; background-color: var(--px-color-1); opacity:0.2; width: 200px; animation: spin 8s linear infinite alternate forwards; height: 200px; z-index:1; visibility: visible !important; outline: 2px dashed var(--px-color-1); outline-offset: 10px;} /*---Image CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {left: 0;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::before {content:""; background:var(--px-color-1); height: 550px; width: 560px; position:absolute; border-radius: 53% 47% 62% 38% / 68% 61% 39% 32%; z-index: -1; animation: spin 6s linear infinite alternate forwards; opacity:0.4; left: 100px; top:50px; outline: 2px dashed var(--px-color-1); outline-offset: 10px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::after {content:""; background:var(--px-color-1); height: 550px; width: 560px; position:absolute; border-radius: 53% 47% 62% 38% / 68% 61% 39% 32%; z-index: -1; animation: spin 8s linear infinite alternate forwards; opacity:0.4; left: 100px; top:50px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img{border-radius: 0% 0% 52% 50% / 0% 90% 30% 25%; height: 650px; object-fit: cover;} /*---Description CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {float: right;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description::before {content: ""; position: absolute; right: 150px; top: 180px; background-color: var(--px-color-1); opacity:0.2; width: 200px; animation: spin 6s linear infinite alternate forwards; height: 200px; z-index:2; outline: 2px dashed var(--px-color-1); outline-offset: 10px;} /*---Description CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4{margin-top: 30px; font-size: 35px; font-weight: 700;} /*---Button CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{padding: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after{width:100%; left: 0; transition: 0.3s;} /*---Arrow CSS---*/ .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next{font-size: 35px; background: rgba(0,0,0,0.4); border-radius: 50%; padding: 10px; transition: 0.5s;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover{background: var(--px-color-1); transition: 0.5s;} /*---Dots Navigation CSS---*/ .px_slider_v2 .et-pb-controllers a {height: 10px; width: 10px; outline: 1px solid rgba(255,255,255,0.3); outline-offset: 4px; margin: 0 8px;} .px_slider_v2 .et-pb-controllers a.et-pb-active-control {background: var(--px-color-1); outline: 1px solid var(--px-color-1);} /*---Slider v3 CSS---*/ .px_slider_v3 {position:relative;} /*---Image CSS---*/ .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::before {opacity:0.6; height: 600px; width: 550px; left: 0; right: 0; margin: auto; top: 0; bottom: 0; animation: spin 6s linear infinite alternate forwards;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img{height: 550px; width: 500px;} /*---Description CSS---*/ .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h5::before{content:""; background: var(--px-color-1); height:100%; width:100%; position:absolute; z-index: -1; border-radius: 50%; left:0; top:0; outline: 2px dashed #fff; outline-offset: 8px; animation: rotation 8s infinite linear;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h5{position:relative; font-size: 12px; width: fit-content; text-align: center; padding: 35px 20px; top: -350px; right: -120%;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h5 span{font-size: 20px; line-height: 35px;} /*---Button CSS---*/ .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{margin-top: -40px;} @media only screen and (min-width:577px) and (max-width:980px){ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::before, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::before, .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::after, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::after{display: none;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description::before{display: none;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description, .px_slider_v2 .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 h4, .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4{font-size: 30px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next{font-size: 32px; padding: 8px;} .px_slider_v2 .et_pb_slides::before, .px_slider_v2 .et_pb_slides::after{display: none;} } @media only screen and (max-width:576px){ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::before, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::before, .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::after, .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image::after {display: none;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description::before{display: none;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description, .px_slider_v2 .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 h4, .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4{font-size: 18px;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{padding: 10px 25px !important; font-size: 14px;} .px_slider_v1 .et-pb-controllers a, .px_slider_v2 .et-pb-controllers a{height: 7px; width: 7px; outline-offset: 4px; margin: 0 8px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next{font-size: 22px; padding: 5px;} .px_slider_v2 .et_pb_slides::before, .px_slider_v2 .et_pb_slides::after{display: none;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h5{display: none;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{margin-top: 0px;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h4 {margin-top: 10px; margin-bottom: 15px;} } /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .et_pb_toggle{padding:0px; padding: 0px; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important; border-radius: 30px;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open {border: 1px solid var(--px-color-1);} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {padding:20px; background: var(--px-color-2); color:#fff; border-radius: 30px;} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {display: block; content: "\33"; font-size: 28px; color:#fff; right: 20px;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\32"; font-size: 28px; color: #fff; right: 20px;} @media only screen and (max-width: 480px){ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before{ right: 10px; } } /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {background: var(--px-color-1); color:#fff; border-radius: 30px 30px 0px 0px;} /*---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{padding-top:50px !important;} .px_testimonial_v1.et_pb_testimonial::before{top:0 !important;} /*---Image---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {margin: auto !important; float: none;} /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {margin-left: 0 !important;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content h3{color:#fff; font-weight:700; font-size: 30px; margin: 35px 0px 15px 0px;} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {margin-top: 10px;} /*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";} /* Slick Js*/ .px_slide_testimonial_v1 .slick-next{right:0;} .px_slide_testimonial_v1 .slick-next::before{content:"\24";} .px_slide_testimonial_v1 .slick-prev::before{content:"\23";} .px_slide_testimonial_v1 .slick-next::before, .px_slide_testimonial_v1 .slick-prev::before{font-family: ETmodules; font-weight:900; background: var(--px-color-1); border-radius: 50%; padding: 12px; opacity: 0.4; transition:0.5;} .px_slide_testimonial_v1 .slick-next:hover::before, .px_slide_testimonial_v1 .slick-prev:hover::before{opacity: 1; transition:0.5;} @media only screen and (max-width:576px){ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content h3{font-size: 26px;} .px_slide_testimonial_v1 .slick-next::before, .px_slide_testimonial_v1 .slick-prev::before{padding: 10px;} } /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom: 15px;} .px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {margin-top:15px;} .px_process_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1); transition:0.5s;} .px_process_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{transform: rotate(360deg); transition:0.5s;} .px_process_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color: var(--px-color-2); transition:0.5s;} .px_process_v1_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover{color: var(--px-color-1); transition:0.5s;} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Timer Counter v1 CSS---*/ .px_timer_counter_v1 .et_pb_countdown_timer_container .values .value{height: 90px; border-radius: 50%; background: #fff; min-width: 90px; color: var(--px-color-2); margin-bottom: 20px;} .px_timer_counter_v1 .et_pb_countdown_timer_container .sep {display:none;} .px_timer_counter_v2 .et_pb_countdown_timer_container .values{width: 20%;} .px_timer_counter_v2 .et_pb_countdown_timer_container .values .value {position: relative; z-index: 3;} .px_timer_counter_v2 .et_pb_countdown_timer_container .values .value::before {content:""; background: var(--px-color-1); opacity:0.5; border-radius:50%; height:100%; width:100%; position: absolute; left: 0; z-index: -1;} @media only screen and (max-width:576px){ .px_timer_counter_v2 .et_pb_countdown_timer_container .values .value::before{ top: 8px; } .px_timer_counter_v1 .et_pb_countdown_timer_container .section.values {width: 24% !important;} .px_timer_counter_v1 .et_pb_countdown_timer_container .values .value{height: 75px; min-width: 75px; margin-bottom: 10px;} .px_timer_counter_v1.px_timer_counter_v2 .et_pb_countdown_timer_container .values .value{height: 70px; min-width: 70px;} } /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field { flex-basis: 100%; margin-bottom: 0; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field .input { background: rgba(255,255,255,0.4); color: #fff; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type=text] { padding: 18px 30px !important; border-radius: 30px; border: 1px solid transparent; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type=text]:focus { border: 1px solid #fff; } .et-db #et-boc .et-l .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field .input { background: rgba(255,255,255,0.4) !important; color: #fff; } .et-db #et-boc .et-l .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type=text]:focus { border: 1px solid #fff; } .et-db #et-boc .et-l .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type=text] { padding: 18px 30px !important; border-radius: 30px; border: 1px solid transparent; } /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap { position: absolute; right: 10px; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button { padding: 10px 40px !important; margin: 5px; background: var(--px-color-1); color:#ffff; border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{ background: var(--px-color-1) !important; color: var(--px-color-2) !important; transition:0.5s; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after{ content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: #fff; transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1; } .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after{ width:100%; left: 0; transition: 0.3s; } .et-db #et-boc .et-l .px_newsletter_v1 .et_pb_newsletter_button:hover::after{ width:100% !important; left: 0; transition: 0.3s !important; } .et-db #et-boc .et-l .px_newsletter_v1 .et_pb_newsletter_button{ padding: 10px 40px !important; margin: 5px; background: var(--px-color-1); color: #ffff; border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition: 0.5s; } .et-db #et-boc .et-l .px_newsletter_v1 .et_pb_newsletter_button::after{ content: '' !important; position: absolute !important; right: 0; bottom: 0; top: 0; width: 0 !important; height: 100%; background-color: #fff; transition: 0.3s !important; border-radius: 50px; overflow: hidden; z-index: -1; } .et-db #et-boc .et-l .px_newsletter_v1 .et_pb_newsletter_button_wrap{ position: absolute; right: 10px; } /*---Newsletter v2 CSS---*/ /*Input Css*/ .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_field .input {background: #f2f2f2; color: var(--px-color-2);} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_field .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_field input[type=text] {transition:0.5s;} .px_newsletter_v2.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_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {padding: 11px 25px !important; font-size: 15px;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after{background-color: var(--px-color-2);} .px_newsletter_v2_img .et_pb_image_wrap img{object-fit: cover;} @media only screen and (max-width:576px){ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {padding: 12px 15px !important; font-size: 14px;} } /* ----------------------------------- Shop By Category Section CSS -------------------------------------*/ /* Text CSS */ .px_category_v1_text{position:relative; transition:0.5s;} .px_category_v1_text::after{content:""; background:#000; opacity:0.2; position:absolute; top:0; left:0; height: 100%; width: 100%; transition:0.5s;} .px_category_v1_text::before{content:""; background:#000; opacity:0.6; position:absolute; top:0; left:0; height: 100%; width: 100%; border-radius:20px; transform:scale(0); transition:0.5s;} .px_category_v1_text h3{opacity:0; transform:scale(0); z-index: 3; position: relative; transition:0.5s;} .px_category_v1_text:hover h3{opacity:1; transform:scale(1); transition:0.5s;} .px_category_v1_text:hover::before{transform:scale(1); transition:0.5s;} /* CTA CSS */ .px_category_v1_cta{position:relative; transition:0.5s;} .px_category_v1_cta::after{content:""; background:#fff; opacity:0.3; position:absolute; top:0; left:0; height: 100%; width: 100%; z-index: 1; transition:0.5s;} .px_category_v1_cta:hover::after{opacity:0;} .px_category_v1_cta::before{content:""; background:#000; opacity:0.6; position:absolute; top:0; left:0; height: 100%; width: 100%; border-radius:20px; transform:scale(0); transition:0.5s;} .px_category_v1_cta:hover::before{transform:scale(1); transition:0.5s;} /* Description CSS */ .px_category_v1_cta .et_pb_promo_description{display:flex; flex-direction: column-reverse; z-index: 2;} .px_category_v1_cta .et_pb_promo_description .et_pb_module_header, .px_category_v1_cta .et_pb_promo_description div{color:#000 !important; transition:0.5s;} .px_category_v1_cta:hover .et_pb_promo_description .et_pb_module_header, .px_category_v1_cta:hover .et_pb_promo_description div{color:#fff !important; transition:0.5s;} /* Button CSS */ .px_category_v1_cta .et_pb_button_wrapper .et_pb_button{padding: 15px 40px !important; background: var(--px-color-2); color: #fff; border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; z-index: 2; transition:0.5s;} .px_category_v1_cta .et_pb_button_wrapper .et_pb_button:hover{background: var(--px-color-2) !important; color: var(--px-color-2) !important; transition:0.5s;} .px_category_v1_cta .et_pb_button_wrapper .et_pb_button::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-1); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_category_v1_cta .et_pb_button_wrapper .et_pb_button:hover::after{width:100%; left: 0; transition: 0.3s;} /* Shop By Category v2 */ /* Text CSS */ .px_category_v2_text{position:relative; transition:0.5s;} .px_category_v2_text::before{content:""; background:#000; opacity:0; position:absolute; top:0; left:0; height: 100%; width: 100%; border-radius:20px; transform:scale(1.1); transition:0.5s;} .px_category_v2_text h3{opacity:0; transform:scale(1.1); z-index: 3; position: relative; transition:0.5s;} .px_category_v2_text:hover h3{opacity:1; transform:scale(0.9); transition:0.5s;} .px_category_v2_text:hover::before{transform:scale(0.9); opacity:0.6; transition:0.5s;} /* CTA CSS */ .px_category_v2_cta::before{content:""; background:#000; opacity:0; position:absolute; top:0; left:0; height: 100%; width: 100%; border-radius:20px; transform:scale(1.1); transition:0.5s;} .px_category_v2_cta:hover::before{transform:scale(0.9); opacity:0.6; transition:0.5s;} .px_category_v1_text.px_category_v3_text::before {border-radius: 50%;} @media only screen and (min-width:577px) and (max-width:980px){ .px_category_v1_text.px_category_v2_text::before {border-radius: 50px;} } @media only screen and (max-width:576px){ .px_category_v1_text.px_category_v2_text::before {border-radius: 30px;} } /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1.subtitle h3{display: initial; position:relative;} .px_CTA_v1.subtitle h3::before{content: ""; width: 100px; height: 2px; background: var(--px-color-1); position: absolute; left: 110%; top: 15px;} .px_CTA_v1.subtitle h3::after{content: ""; width: 100px; height: 2px; background: var(--px-color-1); position: absolute; right: 110%; top: 15px;} .px_CTA_v1_discount::before {content:""; background:#fff; position:relative; height:2px; width:40px; position:absolute; left: 0; top: 0;} .px_CTA_v1_discount::after {content:""; background:#fff; position:relative; height:2px; width:40px; position:absolute; right: 0; top: 0;} .px_CTA_v1_discount {width: fit-content; margin: auto; border: 2px solid #fff; border-top: 0; padding: 0px 35px 20px 35px; position:relative;} .px_CTA_v1_discount h3{color:var(--px-color-1); position: relative; top: -10px;} .px_CTA_v1_discount_img .et_pb_image_wrap img{object-fit: cover; transition:0.5s; width: 450px !important;} /*---CTA v2 CSS---*/ .px_CTA_v2_discount_img {margin: 0px 5px !important; overflow:hidden; transition:0.5s;} .px_CTA_v2_discount_img .et_pb_image_wrap{width: 100% !important; max-width: 100%;} .px_CTA_v2_discount_img .et_pb_image_wrap::before{ content: ""; position: absolute; right: 0; top: 0; border-top: 125px solid rgba(34 34 34 / 37%); border-right: 350px solid transparent; border-bottom: 125px solid rgba(34 34 34 / 37%); transform: translate3d(-100%, 0, 0); transition: all .35s; z-index: 1; } .px_CTA_v2_discount_img .et_pb_image_wrap::after{ content: ""; position: absolute; right: 0; top: 0; border-top: 125px solid transparent; border-right: 350px solid rgba(34 34 34 / 37%); border-bottom: 125px solid transparent; transform: translate3d(100%, 0, 0); transition: all .35s; } .px_CTA_v2_discount_img .et_pb_image_wrap img{object-fit: cover; transition:0.5s; width: 100% !important;} .px_CTA_v2_discount_img:hover .et_pb_image_wrap img{transform:scale(1.1); transition:0.5s;} .px_CTA_v2_discount_img:hover .et_pb_image_wrap::before{transform: translate3d(0, 0, 0);} .px_CTA_v2_discount_img:hover .et_pb_image_wrap::after{transform: translate3d(0, 0, 0);} .px_CTA_v2_discount_cta .et_pb_button_wrapper{margin-top:20px;} .px_CTA_v2_discount_cta .et_pb_button_wrapper .et_pb_button{padding: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} .px_CTA_v2_discount_cta .et_pb_button_wrapper .et_pb_button:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_CTA_v2_discount_cta .et_pb_button_wrapper .et_pb_button::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_CTA_v2_discount_cta .et_pb_button_wrapper .et_pb_button:hover::after{width:100%; left: 0; transition: 0.3s;} /* Responsive CSS */ @media only screen and (max-width:576px){ .px_CTA_v2_discount_img {margin: 0px!important;} .px_CTA_v1.subtitle h3::before{width: 60px; left: 105%;} .px_CTA_v1.subtitle h3::after{width: 60px; right: 105%;} } /* ----------------------------------- Client Section CSS -------------------------------------*/ /*---Client v1 CSS---*/ .px_client_v1_img, .px_client_v1_img img{transition:0.5s;} .px_client_v1_img:hover img{transition:0.5s; transform: scale(1.1); filter: blur(1px);} /*------------------------------------------- -- 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(359deg); } } /*Blink Animation*/ @keyframes blink { 0% { opacity: 1; } 25% { opacity: 0.1; } 50% { opacity: 1; } 75% { opacity: 0.1; } 100% { opacity: 1; } } /*Spin Animation*/ @keyframes spin { 0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } /* ----------------------------------- 00. Page Title CSS Start Here -------------------------------------*/ /* Simple Page Title CSS Start */ .px_page_title, .et-db #et-boc .et-l .px_page_title { background-color: var(--px-color-1); } .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: 45px; line-height: 1.2; font-weight: 700; 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 .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; font-weight: 600;} .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;} /* 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);} @media only screen and (max-width:576px){ .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 {font-size: 35px;} } /* 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 {border-radius: 20px; padding: 12px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background:#fff; } .px_wc_product .woocommerce-pagination ul {border: 0 !important;} .px_wc_product .woocommerce-pagination .page-numbers li {border: 0;} .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers {padding: 5px 10px; margin: 0px 5px; background:var(--px-color-1); color:#fff; font-weight: 600; font-size: 16px; opacity: 0.3; 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);margin-bottom: 10px; 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 {border: 1px solid #f4f4f4; padding-bottom: 30px; margin-bottom: 30px; background: #fff; 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: 0 25px 25px -20px rgba(0,0,0,0.4); transform:translatey(-10px); 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 {color: #fff; background: #e12c43 !important; left: -14px !important; top: 20px !important; font-size: 15px; font-weight: 700; padding: 3px 15px !important; border-radius:0px !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before{content:""; background: #e12c43 !important; position: absolute; width: 8px; height: 100%; bottom: auto; top: 0; left: 100%; clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after{content: ""; background: linear-gradient(to top right, transparent 49%,#bb1e32 50%); width: 15px; height: 10px; position: absolute; bottom: -10px; left: 0;} .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 {height: 280px; width:100%; overflow: hidden; transition: 0.5s;} .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 {height: 100%; object-fit: cover; width: 100%; 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 {transform:scale(1.1); filter: blur(2px); 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.6); z-index: 1; border-radius: 50%; transition: 0.5s; transform: scale(0);} .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .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:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay {opacity: 1; transform: rotate(360deg) scale(1); border-radius: 0%; transition: 0.5s;} .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: "\e089"; color: #fff; font-size: 26px; font-weight: 900; transform: scale(0); left: 0; right: 0; transition:0.5s;} .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .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:hover .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:hover .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before {transform: scale(1); transition:0.5s;} .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); padding: 10px; margin-top: 20px; 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: 0px auto 10px 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); transition: 0.5s;} .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .price .woocommerce-Price-amount {color: var(--px-color-2); transition: 0.5s;} .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 {font-size: 0; border:0px !important; top: 250px !important; left: 20px !important; bottom:auto !important; right: auto !important; position: absolute; opacity:0; z-index: 2; transition:0.5s;} .px_wc_product ul.products li.product .button.loading::after, .px_wc_related_product .related ul.products li.product .button.loading::after, .px_wc_upsell_product .up-sells ul.products li.product .button.loading::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading::after {right: unset; top:unset !important; content: "\e02d"; font-family: ETmodules; font-size: 20px; animation: rotation 2s infinite linear;} .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 {content: '\e07a'; font-family:ETmodules; font-size:20px; color: var(--px-color-2); opacity: 1; box-shadow: 0 15px 25px rgba(0,0,0,.5); background:#fff; padding: 12px; margin-left: 0; border-radius:50% !important; transition: 0.5s;} .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 {background:var(--px-color-1); color:#fff; transition:0.5s;} .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 {opacity:1; top:220px !important; transition:0.5s;} .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 {font-size:0; top: 230px; right: 20px; position: absolute; z-index: 2; transition:0.5;} .px_wc_product ul.products li.product:hover .added_to_cart, .px_wc_related_product .related ul.products li.product:hover .added_to_cart, .px_wc_upsell_product .up-sells ul.products li.product:hover .added_to_cart, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .added_to_cart, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .added_to_cart, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .added_to_cart, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .added_to_cart, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .added_to_cart {opacity:1 !important; transition:0.5;} .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 {content: '\4e'; font-family: ETmodules; font-size: 20px; color: var(--px-color-2); opacity: 1; box-shadow: 0 15px 25px rgba(0,0,0,.5); background: #fff; padding: 12px; border-radius: 50%; transition: 0.5s;} .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{background:var(--px-color-1); color:#fff; transition:0.5s;} @media only screen and (min-width:577px) 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;} .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 {left: 138px;} .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 {right: 138px;} } @media only screen and (max-width: 576px) { .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; width: 100% !important;} .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 {left: 115px;} .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 {right: 115px;} } /* Shop & Related & Up Sell & Cross Sell Product CSS End */ /* 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: #e12c43 !important; left: -14px !important; top: 10px !important; font-size: 10px; padding: 0px 10px !important; border-radius: 0px !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before {content: ""; background: #e12c43 !important; position: absolute; width: 8px; height: 100%; bottom: auto; top: 0; left: 100%; clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::after{content: ""; background: linear-gradient(to top right, transparent 49%,#bb1e32 50%); width: 14px; height: 10px; position: absolute; bottom: -10px; left: 0;} .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.loading, .px_wc_related_product_mini .related ul.products li.product .button.loading, .px_wc_upsell_product_mini .up-sells ul.products li.product .button.loading, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button.loading{opacity:1;} .px_wc_product_mini ul.products li.product .button.loading::after, .px_wc_related_product_mini .related ul.products li.product .button.loading::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .button.loading::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button.loading::after{right: unset; top:unset !important; content: "\e02d"; font-family: ETmodules; font-size: 20px; animation: rotation 2s infinite linear;} .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: '\e07a'; 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;} @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 {background-color: var(--px-color-1); background-color: var(--px-color-1); border-radius: 30px; padding: 15px 30px !important;} .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); border-radius: 20px;} .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 {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .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 !important; transition:0.5s;} .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 {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .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{width:100%; left: 0; transition: 0.3s;} .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: 30px; padding: 15px 30px !important;} /* px_wc_cart_notice CSS End */ /* px_wc_product_img CSS Start */ .px_wc_product_img .et_pb_module_inner .woocommerce-product-gallery__image a img, .et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .woocommerce-product-gallery__image a img {height: 500px; width: 100%; object-fit: cover; } .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; z-index: 5; } .px_wc_product_img .flex-control-nav li, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li {transition: 0.5s;} .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: 3px solid transparent; 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 {border: 3px solid var(--px-color-1); transition: 0.5s;} .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); transition: 0.5s;} /* 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: 26px; font-weight: 700;} /* 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; 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;} /* 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; } /* Variable product */ .px_wc_add_to_cart_info .variations_form .variations tbody tr th, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr th {color: var(--px-color-2); font-size: 16px;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td span::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td span::after{top: 34px; right: 20px;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important; padding: 15px;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option {background: #fff; font-size: 15px; color: var(--px-color-2);} .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations {color: var(--px-color-1); font-size: 16px; font-weight: 700;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {color: var(--px-color-1); font-weight: 700;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover { } /* 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 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-2); transition:0.5s; font-size: 16px; font-weight: 600;} .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-1); 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-1); font-size: 16px;} /* 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 {color: var(--px-color-2); background: #fff; border: 1px solid rgba(0,0,0,0.1) !important; width: 100px; 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 {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .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 !important; transition:0.5s;} .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 {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .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 {width:100%; left: 0; transition: 0.3s;} /* 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 {padding-top: 20px; margin-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: 15px; font-weight: 600;} .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;} /* 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-radius: 20px;} .px_wc_product_tabs .et_pb_tabs_controls, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls {background: var(--px-color-2); border-radius: 20px 20px 0px 0px;} .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 {padding: 5px 10px; color: #fff; border: 0; margin-right: 5px; transition: 0.5s;} .px_wc_product_tabs li:last-child, .et-db #et-boc .et-l .px_wc_product_tabs li:last-child {border-radius: 0px;} .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 li:hover:first-child, .et-db #et-boc .et-l .px_wc_product_tabs li:hover:first-child, .px_wc_product_tabs li.et_pb_tab_active:first-child, .et-db #et-boc .et-l .px_wc_product_tabs li.et_pb_tab_active:first-child { border-radius: 20px 0px 0px 0px;} .px_wc_product_tabs ul li a, .et-db #et-boc .et-l .px_wc_product_tabs ul li a {color: #fff;} .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;} .px_wc_product_tabs .et_pb_all_tabs, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs {border-radius: 20px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {font-size: 16px; line-height: 28px;} /* Tabs Additional Info */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 {font-size: 20px; color: var(--px-color-2); font-weight: 600;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th {color: var(--px-color-2);} /* Tabs Reviews */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title {color: var(--px-color-2); font-weight:700; font-size:25px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span {color: var(--px-color-1);} .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%; height:80px; width: 80px;} .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-2);} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title, .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-reply-title {color: var(--px-color-2); font-weight: 600;} .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::before, .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::before {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 {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important; height: 200px; padding: 20px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea:focus, .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:focus {border: 1px solid var(--px-color-1) !important;} .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: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} .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 !important; transition:0.5s;} @media only screen and (max-width:576px){ .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;} .px_wc_product_tabs li:hover:first-child, .et-db #et-boc .et-l .px_wc_product_tabs li:hover:first-child, .px_wc_product_tabs li.et_pb_tab_active:first-child, .et-db #et-boc .et-l .px_wc_product_tabs li.et_pb_tab_active:first-child {border-radius: 20px 20px 0px 0px;margin-right: 0;margin-bottom: 5px;} .px_wc_product_tabs li:last-child, .et-db #et-boc .et-l .px_wc_product_tabs li:last-child {margin-right: 0;} } /* 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 {font-size: 16px; color: var(--px-color-2);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item td .variation {margin-top: 10px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item td .variation dt{color: var(--px-color-2);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item td .variation dd{margin: 2px 0px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img {height: 100px; width: 100px; 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: 700; font-size: 15px; 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-price .woocommerce-Price-amount {font-size: 15px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty {width: 70px; padding: 16px 8px; margin-right: 10px; color: var(--px-color-2); background: #fff; border: 1px solid rgba(0,0,0,0.1);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity span{font-weight:700; color: var(--px-color-2); font-size: 15px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-amount {font-size: 15px;} /* coupon */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text {width: 250px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important; border-radius: 30px;} .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;} .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 {border: none; padding: 16px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 15px; font-weight: 600; transition:0.5s;} .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 !important; transition:0.5s;} .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 {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .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{width:100%; left: 0; transition: 0.3s;} /* Cart totals css */ .px_cart_totols .cart_totals h2 {font-weight: 700; color: var(--px-color-1);} .px_cart_totols .cart_totals .shop_table th {font-size: 16px; padding: 15px; color: var(--px-color-2); border-right: 1px solid rgba(0,0,0,0.1);} .px_cart_totols .cart_totals .shop_table td {padding: 15px 20px; padding: 15px 20px; color: var(--px-color-2);} .px_cart_totols .cart_totals .shop_table input{accent-color: var(--px-color-1);} .px_cart_totols .cart_totals .shop_table a{color: var(--px-color-1);} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p input, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .selection .select2-selection{border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !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{font-size: 14px; padding: 12px 25px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-weight: 600; display: inline-block; width: 100%; transition:0.5s;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover, .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 !important; transition:0.5s;} .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{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .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 {width:100%; left: 0; transition: 0.3s;} @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 {background-color: var(--px-color-1);} .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {color: var(--px-color-2); transition: 0.5s; font-weight: 600;} .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon:hover {color: #fff; transition: 0.5s;} .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 {border-radius: 30px !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent!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 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; transition:0.5s;} .px_checkout_login .checkout_coupon .form-row .button:hover {background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_checkout_login .checkout_coupon .form-row .button::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_checkout_login .checkout_coupon .form-row .button:hover::after{width:100%; left: 0; transition: 0.3s;} /*------ 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: 18px 0px 6px 0px;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus {border: 1px solid var(--px-color-1) !important;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important;} .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;} /* 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 label span {font-weight: 600; color: var(--px-color-1); transition:0.5s;} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes label span:hover {color: var(--px-color-2); transition:0.5s;} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea {border-radius: 20px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important;} .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;} /*------ Checkout Order ------*/ /* Heading */ .px_checkout_order form #order_review_heading {color: var(--px-color-2); font-weight: 600;} /* thead */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-name {font-size: 18px; color: var(--px-color-2); padding: 15px; border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-total {font-size: 18px; color: var(--px-color-2); padding: 15px;} /* address */ .px_checkout_address .woocommerce-shipping-fields h3{color: var(--px-color-2); font-weight: 600;} .px_checkout_address .woocommerce-shipping-fields h3 input{accent-color:var(--px-color-1);} .px_checkout_address .woocommerce-shipping-fields .shipping_address .woocommerce-shipping-fields__field-wrapper p input, .px_checkout_address .woocommerce-shipping-fields .shipping_address .woocommerce-shipping-fields__field-wrapper p .select2-container .selection .select2-selection{border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); background: transparent !important; transition: 0.5s;} .px_checkout_address .woocommerce-shipping-fields .shipping_address .woocommerce-shipping-fields__field-wrapper p input:focus, .px_checkout_address .woocommerce-shipping-fields .shipping_address .woocommerce-shipping-fields__field-wrapper p .select2-container .selection .select2-selection:focus{border: 1px solid var(--px-color-1) !important;} .px_checkout_address .woocommerce-shipping-fields .shipping_address .woocommerce-shipping-fields__field-wrapper p label{font-size: 15px; margin: 18px 0px 6px 0px;} /* tbody */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td {font-size: 15px; color: var(--px-color-2); padding: 15px; border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td:last-child{border-right: 0;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td dl{margin-top: 10px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td dt{color: var(--px-color-1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td dd{margin: 3px 0px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name strong {font-size: 15px; color: var(--px-color-1);} /* Subtotal */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal {border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th {color: var(--px-color-1); font-size: 16px; padding: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal .amount {color: var(--px-color-1); font-size: 16px;} /* Total Order */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot th, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot td {color: var(--px-color-2); font-size: 16px; border-right: 1px solid rgba(0,0,0,.1); padding: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot td input{accent-color: var(--px-color-1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot th:last-child, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot td:last-child{border-right:0;} /*------ Checkout Payment ------*/ /* Payment Methods */ .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error {background-color: var(--px-color-1); border-radius: 30px;} .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 {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); padding: 20px 30px !important;} .px_checkout_payment .woocommerce-order .woocommerce-notice {font-size: 16px; color: var(--px-color-2); font-weight: 600; margin-bottom: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview {margin-bottom: 20px;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview li {font-size: 12px;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong {color: var(--px-color-1); font-size: 16px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {font-size: 24px; font-weight: 700; color: var(--px-color-2); margin: 15px 0px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead tr th {color: var(--px-color-2); font-size: 18px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td {font-size: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a {color: var(--px-color-1); font-weight: 600; font-size: 15px; 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);} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td ul {margin-top: 10px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr th {color: var(--px-color-2); font-size: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr td {color: var(--px-color-2); font-size: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details h2 {font-size: 24px; font-weight: 700; color: var(--px-color-2); margin: 15px 0px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address {border-radius: 20px; padding: 15px 20px; font-size: 15px; color: var(--px-color-2); line-height: 28px; font-style: italic;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone{padding-bottom:0px; margin-top: 20px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email {font-style: normal;} .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: 600;} /* Payment Methods */ .px_checkout_payment{background: #fff !important;} .px_checkout_payment .woocommerce-info{background-color: var(--px-color-1); border-radius: 15px; padding: 15px 30px !important;} .px_checkout_payment .woocommerce-checkout-review-order{border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: #fff !important; border-radius: 20px;} .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: 14px; font-weight: 600;} .px_checkout_payment #payment .wc_payment_methods li .payment_box {background: #f2f2f2; border-radius: 15px;} .px_checkout_payment #payment .form-row label .input-checkbox{accent-color: var(--px-color-1);} .px_checkout_payment #payment .form-row .woocommerce-form__label-for-checkbox span a{color: var(--px-color-1); font-weight: 700; transition: 0.5s;} .px_checkout_payment #payment .form-row .woocommerce-form__label-for-checkbox span a:hover{color: var(--px-color-2); text-decoration: underline; transition: 0.5s;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {color: var(--px-color-1); font-weight: 700;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a:hover {color: var(--px-color-2); text-decoration: underline; transition: 0.5s;} .px_checkout_payment #payment .form-row .button {padding: 15px 40px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; margin-top: 20px; transition:0.5s;} .px_checkout_payment #payment .form-row .button:hover {background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_checkout_payment #payment .form-row .button::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_checkout_payment #payment .form-row .button:hover::after{width:100%; left: 0; transition: 0.3s;} /* ----------------------------------- 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 {border-radius: 30px;} .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important;} .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover {background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover::after{width:100%; left: 0; transition: 0.3s;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p {font-size: 14px; color: #888;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a {color: var(--px-color-1); font-size: 15px; font-weight: 700; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a:hover {color: var(--px-color-2); text-decoration: underline; transition:0.5s;} /* Login Form CSS */ .px_my_account .woocommerce .woocommerce-form-login {border-radius: 30px;} /* Label CSS */ .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 {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important;} .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important;} /* Button CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover {background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover::after{width:100%; left: 0; transition: 0.3s;} /* Lost Password CSS */ .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a {color: var(--px-color-2); transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a:hover {color: var(--px-color-1); text-decoration: underline; transition: 0.5s;} /* Reset Password CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword p {margin-bottom: 10px; font-size: 15px;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row label {margin-bottom: 8px;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover {background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover::after{width:100%; left: 0; transition: 0.3s;} /* Reset Password Error Box CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {background-color: var(--px-color-1); border-radius: 20px;} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li {font-size: 15px;} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li::before{content:"\72"; font-family: ETmodules;} /* 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 {padding:10px 20px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 16px; font-weight: 600; margin: 6px 0px; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover::after{width:100%; left: 0; transition: 0.3s;} .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-2) !important; color: #fff !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a {font-size: 15px; color: #fff;} /* Content CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content p {font-size: 15px; line-height: 25px;} .px_my_account .woocommerce .woocommerce-MyAccount-content mark {background: var(--px-color-1); padding: 3px 10px; color: #fff;} .px_my_account .woocommerce .woocommerce-MyAccount-content p strong {color: var(--px-color-2); transition: all 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p strong:hover {color: var(--px-color-1); transition: all 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a {color: var(--px-color-1); font-size: 15px; font-weight: 600; transition: all 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a:hover {color: var(--px-color-2); text-decoration: underline; transition: all 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button{font-size: 14px; padding: 15px 30px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 30px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-weight: 600; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button:hover{background: var(--px-color-1)!important; color: #fff !important; text-decoration: none; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a.button:hover::after{width:100%; left: 0; transition: 0.3s;} /* Order CSS*/ .px_my_account .woocommerce .woocommerce-info, .px_my_account .woocommerce .woocommerce-message {background: var(--px-color-1); border-radius: 15px;} .px_my_account .woocommerce .woocommerce-info .button , .px_my_account .woocommerce .woocommerce-message .button {font-size: 14px; padding: 15px 30px !important; background: var(--px-color-2); color: #fff; border-radius: 30px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-weight: 600; transition:0.5s;} .px_my_account .woocommerce .woocommerce-info .button:hover , .px_my_account .woocommerce .woocommerce-message .button:hover {background: #fff!important; color: var(--px-color-2) !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-info .button::after , .px_my_account .woocommerce .woocommerce-message .button::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: #fff; transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-info .button:hover::after , .px_my_account .woocommerce .woocommerce-message .button:hover::after{width:100%; left: 0; transition: 0.3s;} /* Download CSS*/ .px_my_account .woocommerce .woocommerce-Message {background-color: var(--px-color-1); border-radius: 20px;} .px_my_account .woocommerce .woocommerce-Message a.button {font-size: 14px; padding: 15px 30px !important; background: var(--px-color-2); color: #fff; border-radius: 30px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-weight: 600; transition:0.5s;} .px_my_account .woocommerce .woocommerce-Message a.button:hover {background: #fff!important; color: var(--px-color-2) !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-Message a.button::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: #fff; transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-Message a.button:hover::after{width:100%; left: 0; transition: 0.3s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title{margin-top:20px;} /* Address CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {font-weight: 600; color: var(--px-color-2); font-size: 20px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a {color: var(--px-color-1); font-size: 16px; font-weight: 700;} .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: 15px; color: var(--px-color-2); line-height: 28px; font-style: italic;} /* Account Details CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:focus {border: 1px solid var(--px-color-1) !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row .password-input .show-password-input::after {} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row em {font-size: 14px; color: #aeaeae;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend {font-size: 14px; color: #aeaeae;} .px_my_account .woocommerce .woocommerce-MyAccount-content form h3 {font-weight: 700; color: var(--px-color-2);} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input, .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 {border-radius: 30px; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent !important; padding: 16px;} .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;} .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 {right: 30px; left: auto; top: 25px;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button {margin-top: 25px; padding: 15px 30px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; font-size: 14px; font-weight: 600; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover {background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button::after {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover::after{width:100%; left: 0; transition: 0.3s;} /* Order List */ .px_my_account .woocommerce .woocommerce-order-details{margin-top:30px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr th {color: var(--px-color-2); font-size: 16px; padding: 12px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td {font-size: 14px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a {color: var(--px-color-1); font-weight: 600; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a:hover {color: var(--px-color-2); transition:0.5s;} .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 {font-size: 14px; padding: 12px 25px; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .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 !important; transition:0.5s;} .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 {content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .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 {width:100%; left: 0; transition: 0.3s;} /* Order Details */ .px_my_account .woocommerce table thead tr th {color: var(--px-color-2); font-size: 18px;} .px_my_account .woocommerce table tbody tr td {font-size: 15px;} .px_my_account .woocommerce table tbody tr td a {color: var(--px-color-1); font-size: 15px; 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 a.button{font-size: 14px; padding: 12px 25px !important; background: var(--px-color-1); color: var(--px-color-2); border-radius: 50px; border: none !important; overflow: hidden; transition: all .3s ease-in-out; position: relative; z-index: 1; transition:0.5s;} .px_my_account .woocommerce table tbody tr td a.button::after{content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 0; height: 100%; background-color: var(--px-color-2); transition: none; transition: 0.3s; border-radius: 50px; overflow: hidden; z-index: -1;} .px_my_account .woocommerce table tbody tr td a.button:hover{background: var(--px-color-1) !important; color: #fff !important; transition:0.5s;} .px_my_account .woocommerce table tbody tr td a.button:hover::after{width:100%; left: 0; transition: 0.3s;} .px_my_account .woocommerce table tbody tr td strong {color: var(--px-color-2);} .px_my_account .woocommerce table tbody tr td ul {margin-top: 10px;} .px_my_account .woocommerce table tfoot tr th {color: var(--px-color-2); font-size: 15px;} .px_my_account .woocommerce table tfoot tr td {color: var(--px-color-2); font-size: 15px;} .px_my_account .woocommerce .woocommerce-customer-details address {border-radius: 20px;padding: 15px 20px; font-size: 15px; color: var(--px-color-2); line-height: 28px; font-style: italic;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone{padding-bottom: 0px; margin-top: 20px;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email {font-style: normal;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email{} .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: 600;} /* ----------------------------------- 00. My Account Page CSS End Here -------------------------------------*/