/*--------------------------------------------------------------------------------- Theme Name: Flower Shop Theme URI: https://flowershop.diviwoocommercethemes.com Description: Flower Shop Divi WooCommerce Theme is especially designed for a nursery, florists, shops, and businesses selling flowers, exotic flowers, bouquets, and other related products Author: Divi-Childthemes.com Author URI: https://www.divi-childthemes.com/ Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ----------------------------------------------------------------------------- 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. Contact Us CSS 07. Team Section CSS Team Single CSS 08 Slider Section CSS 09 Faqs CSS 10 Testimonial Section CSS 11 About Us Section CSS 12 Partner Section CSS 13 Counter Section CSS 14 Newsletter Section CSS 15 CTA Section CSS 16 Category CSS 17 Accordian Css 18 Discount Sections Css 19 Coming Soon Page CSS 20 Shiping Section CSS 21 Privacy & policy Css 22 Scroll Top Css 23 Mobile Menu CSS 24 Color Picker CSS 25 Animation Part CSS --------------------------------------------------------*/ html #wpadminbar { z-index:9999999; position:fixed } @media screen and (max-width:980px) { /*for login user make adminbar fix*/ #wpadminbar { position:fixed;} body {overflow-x:hidden;} } /* ----------------------------------- 01. General Class CSS -------------------------------------*/ body { overflow-x: hidden; } /*---Title CSS---*/ .px_title { margin-bottom:10px !important;} .px_title h2{font-size:45px; font-weight:800; line-height: 55px;text-transform: capitalize; color: var(--px-color-2); margin-bottom:0!important;} /*---Sub Title CSS---*/ .px_subtitle { margin-bottom:0 !important;} .px_subtitle {font-size:15px; font-weight:500; color: var(--px-color-1); letter-spacing: 1px; margin-bottom:0!important;} /*---Description CSS---*/ .px_desc {font-size: 16px; font-weight: 400; line-height: 1.7em; color: #868686;} /*---Title Underline CSS---*/ .px_heading_underline .et_pb_image_wrap {position:relative;} .px_heading_underline::before{content:""; background:#DCDCDC; width:60px; height:2px; position:absolute; left: -80px; top: 10px;} .px_heading_underline::after{content:""; background:#DCDCDC; width:60px; height:2px; position:absolute; right: -80px; top: 10px;} .px_heading_underline:hover{animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1;} /*---Button CSS---*/ .px_btn{padding:12px 40px !important; background:var(--px-color-1); color:#fff; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 0px; border:0px !important; transition:0.5s;} .px_btn.light {} .px_btn::after{display:none !important} .px_btn:hover{background:var(--px-color-2) !important; transition:0.5s;} /*---Page Header Title CSS---*/ .px_header_title {} /*---Breadcrumbs Title CSS---*/ .px_b_home_link {color: #fff; transition: 0.5s;} .px_b_other_link {color: #fff; transition: 0.5s;} .px_b_home_link:hover {color: var(--px-color-1); transition: 0.5s;} .px_b_other_link:hover {color: var(--px-color-1); transition: 0.5s;} @media only screen and (max-width:980px){ .px_title h2 {font-size:30px;} } @media only screen and (max-width:576px){ /*---Button CSS---*/ .px_btn {padding: 10px 30px !important;} /*---Sub Title CSS---*/ .px_subtitle h3{font-size:18px;} /*---Title CSS---*/ .px_title h2{font-size:25px; line-height: 30px;} } /* ----------------------------------- 00. Page Title CSS Start Here -------------------------------------*/ /* Simple Page Title CSS Start */ /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } /*--- Slick CSS ---*/ .slick-slide {margin:10px !important;} .slick-prev::before, .slick-next::before{color:var(--px-color-2); font-size: 40px; font-weight:800;} .slick-prev::before{content:"\34"; font-family:ETmodules;} .slick-next::before{content:"\35"; font-family:ETmodules;} .slick-prev, .slick-next{top:35%;} .slick-prev{left:-40px;} .px_client_slider .slick-prev, .px_client_slider .slick-next{top: 45%;} .px_client_slider .slick-prev::before, .px_client_slider .slick-next::before{background:#eeeeee;color:var(--px-color-2); border-radius: 0px; font-size: 30px; transition:0.5s;} .px_client_slider .slick-prev:hover::before, .px_client_slider .slick-next:hover::before{background:var(--px-color-1); color:#fff; transition:0.5s;} /*****Woo Preloader******/ /* .oocommerce .loader::before {display:none;} */ /*--- 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 { 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){ /* 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{ display:flex; flex-direction:column-reverse; } .px_reverse_row .px_reverse_col{ order:1; margin-bottom:30px !important; } /*---Slick Js CSS---*/ .slick-prev::before, .slick-next::before{font-size: 30px;} .slick-prev{left:-28px} .slick-next{right: -15px;} } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu Icon CSS---*/ .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__icon::after{color:var(--px-color-1); font-size: 25px;border: 1px solid #e6e6e6;padding: 8px 10px !important;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button::after{font-size:20px;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__icon.et_pb_menu__close-search-button:after {color:var(--px-color-1);border: 1px solid #e6e6e6;} /*---Main Menu CSS---*/ .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu{justify-content: space-between; margin-left: auto; margin-right: 20px;} .et-db #et-boc .et-l .px_header_v1_menu.center .et_pb_menu__wrap .et_pb_menu__menu{justify-content: space-between; margin: 0px auto;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li{transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a{color: var(--px-color-2); opacity: 1; transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.current-menu-item ul li a{color: var(--px-color-2); transition:0.5s;} /*---Sub Menu CSS---*/ .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul{border-top: 1px solid #dcdcdc; box-shadow: 0 0 7px .5px #00000026; background: #fff !important;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul{} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li a{ padding: 6px 0px;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li ul{top:-21px;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul ul{top:unset; border-top: unset; box-shadow: unset;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li{padding-left:0 !important;transition: 0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li::before{display:none;transition: 0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li ul li, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul ul li{position:relative; transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li ul li:before{content: "."; color: var(--px-color-1); position: absolute; left: 0px; font-size: 60px; top: -12px; opacity:0; transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul ul li::before{content: "."; color: var(--px-color-1); position: absolute; left: 15px; font-size: 60px; top: -12px; opacity:0; transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li ul li:hover{padding-left:15px !important; transition: 0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul ul li:hover{padding-left:35px !important;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li ul li:hover::before, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul ul li:hover::before{opacity:1; transition:0.5s; display:block;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul ul li:hover ul li a, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li:hover ul li a{color: var(--px-color-2); transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul ul li:hover a, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li:hover a{color: var(--px-color-1); opacity: 1; transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.current-menu-item a, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li.current-menu-item a, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li ul li.current-menu-item a{color: var(--px-color-1);} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li.current-menu-item, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li ul li.current-menu-item{ padding-left:35px;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li.current-menu-item::before, .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li ul li ul li.current-menu-item::before{opacity:1; transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li:hover a{color: var(--px-color-1); opacity: 1; background-color: transparent !important; transition:0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li ul li.current-menu-item::before{opacity:1; transition:0.5s; display:block;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li.mega-menu ul li ul li.current-menu-item{padding-left:15px !important; transition: 0.5s;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.mega-menu .px_label.sale_label {background: #43b5f4; color: #fff; padding: 2px 6px; margin-top: -15px; margin-left: 5px; font-size: 12px; border-radius: 50px; font-weight: 500; position: absolute; top:22px;} .et-db #et-boc .et-l .px_header_v1_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.mega-menu .px_label.sale_label::before {content:""; background: #43b5f4; height:6px; width:6px; position: absolute; left:8px; bottom:-3px; transform: rotate(-45deg);} /*---Header Common Info Css---*/ .px_small_info {} .px_small_blurb_info {} .px_header_contact_info {} .px_header_social {} /*---Header v1 CSS---*/ .px_header_v1 {} /*---Header v2 CSS---*/ .px_header_v2 {} /*---Header v3 CSS---*/ .px_header_v3 {} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title {} .px_footer_blurb_info {} .px_footer_menu{} .px_footer_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a{color:var(--px-color-2); transition:0.5s;} .px_footer_menu .et_pb_menu__wrap .et_pb_menu__menu nav ul li a:hover{color:var(--px-color-1); opacity:1 !important; transition:0.5s;} .px_footer_links {font-size: 14px; border: 0!important; padding: 3px 0px !important; color: var(--px-color-2); transition: 0.5s;} .px_footer_links::after{display:none !important;} .px_footer_links:hover {background:transparent !important; color: var(--px-color-1); transition: 0.5s;} .px_footer_social.border li a{border: 1px solid #ccc; background: transparent;} .px_footer_social li a{background: #f2f2f2; border-radius: 0 !important; padding: 4px !important; transition:0.5s;} .px_footer_social li a::before{color: #696b6c !important; transition:0.5s;} .px_footer_social.border li a:hover{border: 1px solid transparent;} .px_footer_social li a:hover{background: var(--px-color-1); transition:0.5s;} .px_footer_social li a:hover::before{color: #fff !important; transition:0.5s;} .px_footer_copyright a{color:var(--px-color-2); transition:0.5s;} .px_footer_copyright a:hover{text-decoration:underline; transition:0.5s;} /*---Footer v1 CSS---*/ .px_footer_v1 {} /*---Footer v2 CSS---*/ .px_footer_v2 {} /*---Footer v3 CSS---*/ .px_footer_v3 {} /*----------------------------------- Gallery CSS Start Here -------------------------------------*/ .px_gallery .et_pb_gallery_items {display: flex;} .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image {margin: 5px; overflow: hidden; transition:0.5s;} .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img { transition: 0.5s; background: #F6F6F6; opacity: 0.8; } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay{display: none !important;} .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image:hover img {opacity: 1; transform: scale(1.1); transition:0.5s;} /*----------------------------------- 04. Sidebar CSS Start Here -------------------------------------*/ .px_wc_product_sidebar, .px_blog_sidebar {padding:0; border:0;} .px_wc_product_sidebar .widgettitle, .px_blog_sidebar .widgettitle {color: var(--px-color-2); font-weight: 800; font-size: 22px; margin-bottom: 25px; position: relative;} .px_wc_product_sidebar .widgettitle::before, .px_blog_sidebar .widgettitle::before{content: ""; background: var(--px-color-1); width:50px; height:4px; position:absolute; left:0; bottom: -5px; border-radius: 10px;} /* Ulli Text CSS */ .px_blog_sidebar .et_pb_widget ul{} .px_blog_sidebar .et_pb_widget ul li{transition:0.5s;} .px_blog_sidebar .et_pb_widget ul li a{color: #242424; transition:0.5s; font-size: 15px;} .px_blog_sidebar .et_pb_widget ul li:hover a{color: var(--px-color-1); transition:0.5s;} /* Search CSS */ .px_blog_sidebar .et_pb_widget.widget_search .searchform{margin-top: 25px; height: 50px !important; transition:0.5s;} .px_blog_sidebar .et_pb_widget.widget_search .searchform input#s{border: 1px solid var(--px-color-1); font-size: 15px; height: 50px !important; transition:0.5s;} .px_blog_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit{height: 50px !important; border-radius:0px 3px 3px 0px; background:var(--px-color-1); border: 0; color: #fff; transition:0.5s;} .px_blog_sidebar .et_pb_widget.widget_search .searchform:hover input#s{border: 1px solid var(--px-color-2); transition:0.5s;} .px_blog_sidebar .et_pb_widget.widget_search .searchform:hover input#searchsubmit{background:var(--px-color-2); transition:0.5s;} /* Tag CSS */ .px_blog_sidebar .et_pb_widget .tagcloud a{padding: 8px 16px; margin: 5px; position:relative; color: var(--px-color-2); font-size: 14px !important; background: #c6b1b800; z-index: 2; transition:0.5s;} .px_blog_sidebar .et_pb_widget .tagcloud a::before{content:""; background:var(--px-color-1); position:absolute; top:0; left:0; height:100%; width:100%; opacity:0.1; z-index: -1; border-radius:3px; transition:0.5s;} .px_blog_sidebar .et_pb_widget .tagcloud a:hover{color:#fff; transition:0.5s;} .px_blog_sidebar .et_pb_widget .tagcloud a:hover::before{opacity:1; transition:0.5s;} /* Gallery CSS */ .px_blog_sidebar .et_pb_widget.widget_media_gallery{} .px_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item{margin:0px;} .px_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .landscape a{height: 100px; position:relative; transition:0.5s;} .px_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .landscape a::before{content:''; background:var(--px-color-1); position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; opacity:0; transition:0.5s;} .px_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .landscape a img{border: 0px !important; height: 100%; object-fit: cover;} .px_blog_sidebar .et_pb_widget.widget_media_gallery .gallery .gallery-item .landscape a:hover::before{opacity:0.6; transition:0.5s;} /* Author Blurb CSS */ .px_blog_sidebar_author{} .px_blog_sidebar_author .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom:20px;} .px_blog_sidebar_author .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {border-radius: 0%;} .px_blog_sidebar_author .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{width:150px; height:150px;} /* Recent Post CSS */ .px_blog_sidebar_post{} .px_blog_sidebar_post .et_pb_post {display: flex; padding-bottom:0; margin-bottom:20px;} .px_blog_sidebar_post .et_pb_post .entry-featured-image-url {width:100px; height: 100px; margin-bottom: 0;} .px_blog_sidebar_post .et_pb_post .entry-featured-image-url img{position:absolute; top:0px; height:100px; width: 100px; object-fit:cover;} .px_blog_sidebar_post .et_pb_post .info{width:70%; align-self: center; padding: 0px 12px;} .px_blog_sidebar_post .et_pb_post .info .entry-title{padding-bottom: 5px; color: var(--px-color-2); transition: 0.5s;} .px_blog_sidebar_post .et_pb_post .info .entry-title:hover{color: var(--px-color-1); transition: 0.5s;} .px_blog_sidebar_post .et_pb_post .info .entry-title a{font-weight: 500 !important;} .px_blog_sidebar_post .et_pb_post .info .post-meta{} /* Social Links */ .px_blog_sidebar_social li a.icon::before{color:var(--px-color-2); font-size: 20px; transition:0.5s;} .px_blog_sidebar_social li a.icon:hover::before{color:var(--px-color-1); 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 { background: #fff; overflow: hidden; } .px_shop_sidebar .et_pb_widget .widgettitle, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle { background: var(--px-color-1); color: #fff; font-size: 20px; line-height:25px; padding: 10px 15px; } /* 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 { border-bottom: 1px solid #0000001f!important; margin: 10px 0px; padding: 10px 28px; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li dl, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li dl {border-left: 0px; padding-left: 0px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li dl dt, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li dl dt{color: var(--px-color-2); font-weight: 500;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li dl dd, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li dl dd{margin-bottom: 0px; color: var(--px-color-1); font-size: 13px; margin-left: 0;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove { color: var(--px-color-1); top: 15px; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover { background:var(--px-color-1); color:#fff; } .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); transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:hover a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:hover a { color: var(--px-color-1); transition:.3s ease-in-out; } .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; border-radius: 0px; } .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 { font-size: 18px; border-top: 0; } .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__total strong{ color:var(--px-color-2); } .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{ opacity:0!important; } /* Search Product */ .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search { padding:20px; } .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #0006; border-radius:5px; } /* Button */ .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, .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button { background: var(--px-color-1); color: #fff; font-size:15px; border:3px solid transparent!important; transform:scale(1); transition:.2s ease-in-out; padding: 5px 15px; } .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, .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover { background:#fff!important; color:var(--px-color-2); transform:scale(1.02); border:3px solid var(--px-color-1)!important; transition:.2s ease-in-out; } /* SFilter by price */ .px_shop_sidebar .et_pb_widget.widget_price_filter form, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form { padding:20px; } .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-2); } .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 { background: var(--px-color-1); color: #fff; padding: 5px 20px; border:3px solid transparent!important; transform:scale(1); transition:.2s ease-in-out; } .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 { opacity:0!important; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover { background:#fff!important; color:var(--px-color-2); transform:scale(1.02); border:3px solid var(--px-color-1)!important; transition:.2s ease-in-out; } /* Product categories */ .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories { padding:20px!important; } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item { border-bottom: 1px solid #0000001f!important; padding: 5px 0; } .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); font-weight: 600; font-size: 16px; transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:hover a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:hover a { color: var(--px-color-1); transition:.3s ease-in-out; } /* Products */ .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li { padding:20px; font-size:16px!important; border-bottom: 1px solid #0000001f!important; } .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img { width:50px; border-radius:10px; } .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:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:hover a .product-title, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:hover a .product-title{ color: var(--px-color-1); transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating { margin:5px 0; } .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:var(--px-color-1); } /* Product Tags */ .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud { padding:20px; } .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link { color: var(--px-color-1); padding: 5px 15px; font-size: 16px!important; border: 1px solid var(--px-color-1); background: #fff; margin: 5px; transition:.3s ease-in-out; } .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:.3s ease-in-out; } /* Average rating */ .px_shop_sidebar .et_pb_widget.widget_rating_filter ul, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul { padding:20px!important; } .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating { border-bottom: 1px solid #0000001f!important; padding: 5px 0; } .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 { display: flex; justify-content: space-between; align-items: center; 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:var(--px-color-1)!important; } /* Recently Viewed Products */ .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget { padding:20px!important; } .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li { border-bottom: 1px solid #0000001f!important; padding:5px 0; } .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img { width: 50px; border-radius: 10px; } .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title { font-size: 16px; color: var(--px-color-2); transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:hover a .product-title, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:hover a .product-title { color: var(--px-color-1); transition:.3s ease-in-out; } /* Filter by */ .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list { padding:20px!important; } .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 { display: flex; justify-content: space-between; border-bottom: 1px solid #0000001f!important; padding:5px 0; } .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:after, .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:before { content:none; } .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:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover a{ color:var(--px-color-1); transition:.3s ease-in-out; } .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 { color:var(--px-color-2); transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover .count, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover .count { color:var(--px-color-1); transition:.3s ease-in-out; } /* Shop Sidebar CSS End */ /* ----------------------------------- 04. Sidebar CSS End Here -------------------------------------*/ /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post {padding: 0; position:relative; border: 1px solid #e5e5e5 !important;} /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {margin: 0;border-radius: 5px;} .px_blog_v1 .et_pb_post .entry-featured-image-url {position: relative; padding-top: 100%; margin: 0;border-radius: 5px;} .px_blog_v1 .et_pb_post .entry-featured-image-url::before{ content: ""; position: absolute; bottom: 0; height: 50%; left: 0; width: 100%; z-index: 1; background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent); } .px_blog_v1 .et_pb_post .entry-featured-image-url img {position:absolute; top:0; height:100%; object-fit:cover;} .px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {} /*---Info CSS---*/ .px_blog_v1 .et_pb_post .info{ padding: 20px; display: flex; flex-direction: column-reverse; } /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {order: 1;color: #202020; font-weight: 600; transition: 0.5s;} .px_blog_v1 .et_pb_post .entry-title:hover {color: var(--px-color-1); transition: 0.5s;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta{order: 1;font-size: 12px !important; color: #333 !important; transition: 0.5s;position: relative;z-index: 99;} .px_blog_v1 .et_pb_post .post-meta a{color: #333; transition: 0.5s;} .px_blog_v1 .et_pb_post .post-meta a:hover {color: var(--px-color-1); transition: 0.5s;} /*---Date CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published { position: absolute; top: -50px; left: 0px; background: var(--px-color-1); color: #fff; font-size: 15px; padding: 5px 10px; text-align: center; transition: 0.5s; } /*---Author CSS---*/ .px_blog_v1 .et_pb_post .post-meta .author a {position: relative; padding-left: 20px; display: block; color: #202020 !important; transition: 0.5s; margin-bottom: 5px;} .px_blog_v1 .et_pb_post .post-meta .author a:before { content: "\e08a"; font-family: "ETmodules"; position: absolute; left: 0; color: var(--px-color-1); } /*---Category CSS---*/ .px_blog_v1 .et_pb_post .post-meta a[rel="tag"] { position: relative; padding: 0px 5px 0px 20px; font-size: 15px; display: inline-block; } .px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:before { content: "\e07c"; font-family: "ETmodules"; position: absolute; left: 0; color: var(--px-color-1); } /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {} .px_blog_v1 .et_pb_post .post-content .post-content-inner{} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link { text-transform: capitalize; font-weight: 600; color: #333; transition: 0.5s; } .px_blog_v1 .et_pb_post .post-content .more-link:hover { color: var(--px-color-1); } /*---Pagination Button CSS---*/ .pagination .alignleft{} .pagination .alignright {float: left; margin-left:10px;} .pagination .alignleft a, .pagination .alignright a {background:var(--px-color-1); color:#fff; padding: 8px 12px; border-radius:3px; transition:0.5s;} .pagination .alignleft a:hover, .pagination .alignright a:hover {background:var(--px-color-2); transition:0.5s;} /*---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%); } .px_blog_v1.px_blog_grid_2_col .et_pb_post{margin-bottom:20px;} /*---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%); } .px_blog_v1.px_blog_grid_4_col .et_pb_post{margin-bottom:20px;} /* Blog Listing CSS */ .px_blog_list .et_pb_post{display: flex; flex-direction: row-reverse; margin-bottom:50px; border: 1px solid #e5e5e5 !important;} /*---Image CSS---*/ .px_blog_list .et_pb_post .et_pb_image_container {} .px_blog_list .et_pb_post .entry-featured-image-url {margin: 0; width: 50%; padding-top: 40%; position: relative;} .px_blog_list .et_pb_post .entry-featured-image-url::before{} .px_blog_list .et_pb_post .entry-featured-image-url img {position:absolute; top:0; height:100%; object-fit:cover;} .px_blog_list .et_pb_post .entry-featured-image-url .et_overlay {} /*---Info CSS---*/ .px_blog_list .et_pb_post .info{width: 50%; padding:65px 20px 20px 20px; position:relative;} /*---Title CSS---*/ .px_blog_list .et_pb_post .entry-title {color:var(--px-color-2); transition:0.5s;} .px_blog_list .et_pb_post .entry-title:hover {color:var(--px-color-1); transition:0.5s;} /*---Post Meta CSS---*/ .px_blog_list .et_pb_post .post-meta{} .px_blog_list .et_pb_post .post-meta a{margin-right: 10px; color: #868686; transition:0.5s; font-weight:600;} .px_blog_list .et_pb_post .post-meta a:hover {color: var(--px-color-1); transition:0.5s;} /*---Date CSS---*/ .px_blog_list .et_pb_post .post-meta .published {position: absolute; top: 15px; background: var(--px-color-1); color: #fff; font-size: 15px; padding: 5px 10px; text-align: center; transition:0.5s;} /*---Author CSS---*/ .px_blog_list .et_pb_post .post-meta .author a {display: block; margin-bottom: 10px; font-weight:400; color: #868686 !important;} /*---Blog Desc CSS---*/ .px_blog_list .et_pb_post .post-content {} .px_blog_list .et_pb_post .post-content .post-content-inner{} /*---Read More Button CSS---*/ .px_blog_list .et_pb_post .post-content .more-link{display: unset; background: var(--px-color-1); color: #fff; padding: 5px 15px; border-radius: 2px; transition: 0.5s; bottom: 10px; position: absolute;} .px_blog_list .et_pb_post .post-content .more-link:hover{background: var(--px-color-2); transition: 0.5s;} /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS */ .px_blog_single {} /* Post Navigation CSS */ .px_post_navigation a{color:var(--px-color-2); transition:0.5s; font-size:20px; font-weight:700;} .px_post_navigation a:hover{color:var(--px-color-1); transition:0.5s;} /* Comment CSS */ .px_post_comment{} .px_post_comment .commentlist li .comment-body{padding: 0 110px 0 150px;} .px_post_comment .commentlist li .comment-body .comment_avatar img{border-radius:50%; height:120px; width:120px; max-width: 100%;} .px_post_comment .commentlist li .comment-body .comment_postinfo{padding-top: 20px;} .px_post_comment .commentlist li .comment-body .comment_postinfo a{color:var(--px-color-1);} .px_post_comment .commentlist li .comment-body .comment-content{color:var(--px-color-2); font-size: 16px;} .px_post_comment .commentlist li .comment-body .comment-content .reply-container a{background: var(--px-color-2); border: 0px !important; color: #fff; transition:0.5s;} .px_post_comment .commentlist li .comment-body .comment-content .reply-container a:hover{background: var(--px-color-1); transition:0.5s;} .px_post_comment .comment-respond{} .px_post_comment .comment-respond .comment-form .logged-in-as{color:var(--px-color-2);} .px_post_comment .comment-respond .comment-form .logged-in-as a{color:var(--px-color-1); font-weight:700;} .px_post_comment .comment-respond .comment-form input{height: 60px;} .px_post_comment .comment-respond .comment-form input, .px_post_comment .comment-respond .comment-form textarea{ background: #f7f7f7 none repeat scroll 0 0 !important; border: medium none !important; border-radius: 3px; color: #333 !important; font-size: 14px!important; font-weight: 400; padding: 2px 20px; } .px_post_comment .comment-respond .comment-form .comment-form-author{width:49%; float: left;} .px_post_comment .comment-respond .comment-form .comment-form-email{width:49%; float: right;} .px_post_comment .comment-respond .comment-form p input{width:100% !important;} .px_post_comment .comment-respond .comment-form .comment-form-cookies-consent{color:var(--px-color-2);} .px_post_comment .comment-respond .comment-form .comment-form-cookies-consent input{width:unset !important; height: unset; accent-color:var(--px-color-1);} .px_post_comment .comment-respond .comment-form .form-submit{} .px_post_comment .comment-respond .comment-form .form-submit .et_pb_button {border:0px !important; background:var(--px-color-1); color:#fff; transition:0.5s;} .px_post_comment .comment-respond .comment-form .form-submit .et_pb_button:hover {border:0px !important; background:var(--px-color-2); transition:0.5s;} /*--- Responsive CSS---*/ @media only screen and (min-width:577px) and (max-width:980px){ /*---Date CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published {top: -250%;} .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published, .px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post .post-meta .published {top: -270%;} /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container {display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%);} .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published {top: -270%;} } @media only screen and (max-width:576px){ /*---Date CSS---*/ .px_blog_v1.px_blog_grid_2_col.sidebar .et_pb_post .post-meta .published, .px_blog_v1.px_blog_grid_4_col .et_pb_post .post-meta .published, .px_blog_v1.px_blog_grid_2_col .et_pb_post .post-meta .published, .px_blog_v1 .et_pb_post .post-meta .published {top: -245%} /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container, .px_blog_grid_2_col .et_pb_ajax_pagination_container {display: block;} /* Blog Listing CSS */ .px_blog_list .et_pb_post{display: block; padding-bottom:0px; margin-bottom:20px;} .px_blog_list .et_pb_post .info, .px_blog_list .et_pb_post .entry-featured-image-url {width:100%;} .px_blog_list .et_pb_post .entry-featured-image-url {position: relative; padding-top: 100%; margin: 0;} .px_blog_list .et_pb_post .entry-featured-image-url::before{ content: ""; position: absolute; bottom: 0; height: 50%; left: 0; width: 100%; z-index: 1; background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent); } /*---Info CSS---*/ .px_blog_list .et_pb_post .info{padding: 20px !important; position: relative; bottom: 0; z-index: 3;} /*---Date CSS---*/ .px_blog_list .et_pb_post .post-meta .published {position: absolute; top: -45px; left: 10px; } .px_blog_list .et_pb_post .post-meta .published:hover {color: var(--px-color-1); transition:0.5s;} /*---Title CSS---*/ .px_blog_list .et_pb_post .post-meta a, .px_blog_list .et_pb_post .entry-title {transition:0.5s; margin-bottom: 10px;} /*---Author CSS---*/ .px_blog_list .et_pb_post .post-meta .author a {display: block; color: #fff !important; position: absolute; top: -15px; transition: 0.5s;} /*---Read More Button CSS---*/ .px_blog_list .et_pb_post .post-content .more-link{display: none;} /* Comment CSS */ .px_post_comment .commentlist li .comment-body{padding: 0 110px 0 130px;} } /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS Start */ /* Quotes */ /* Blog Single Page CSS End */ /* ----------------------------------- 06. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 {} /*---Blurb CSS---*/ .px_contact_v1_blurb {border:1px solid var(--px-color-1); padding: 35px 15px; transition:0.5s;} .px_contact_v1_blurb .et_pb_blurb_content .et_pb_main_blurb_image{background:var(--px-color-1); padding:10px 12px; transition:0.5s;} .px_contact_v1_blurb .et_pb_blurb_content {color:var(--px-color-2); font-weight:400;} .px_contact_v1_blurb .et_pb_blurb_content .et_pb_blurb_description span{color:var(--px-color-2); font-weight:700;} .px_contact_v1_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image{background:var(--px-color-2); transition:0.5s;} /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} /*---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 {background: transparent; border: 1px solid var(--px-color-1); padding: 18px;} .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-2);} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {width: 100%;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {width: 100%; background:var(--px-color-1); 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-2); transition:0.5s;} /* ----------------------------------- 07. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {} /* Image Css */ .px_team_v1 .et_pb_team_member_image::before{ top: 0; content: ""; background:var(--px-color-2); height: 100%; position: absolute; width: 0%; transition: all 0.3s linear; opacity: 0.5; z-index: 0; } .px_team_v1 .et_pb_team_member_image::after{ top: 0; right:0; content: ""; background:var(--px-color-2); height: 100%; position: absolute; width: 0%; transition: all 0.3s linear; opacity: 0.5; z-index: 0; } .px_team_v1 .et_pb_team_member_image{margin: 0; max-width: 100%;} .px_team_v1 .et_pb_team_member_image img{} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{padding: 30px 10px; position:relative;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {margin: 0 auto; position: absolute; left: 0; right: 0; top: -40px; opacity:0; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{margin: 0;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{margin:5px; padding:5px 10px; background:var(--px-color-1); color:#fff!important; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image{} .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {top: -60px; opacity:1; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{background:var(--px-color-2); transition:0.5s;} .px_team_v1:hover .et_pb_team_member_image::after, .px_team_v1:hover .et_pb_team_member_image::before{width: 50%; transition: all 0.3s linear;} /*---Team v2 CSS---*/ .px_team_v2 {} /*---Team Single Page CSS---*/ .px_team_single {} /*---Responsive CSS---*/ @media only screen and (min-width:577px) and (max-width:980px){ /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {top: -60px; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {top: -80px; opacity:1; transition:0.5s;} } /* ----------------------------------- 08 Slider Section CSS -------------------------------------*/ /*---Slider v2 CSS---*/ /*---Image CSS---*/ /*---Title CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{color: var(--px-color-1) !important; text-shadow: none !important; margin-bottom: 0px;} /*---Description CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span{color: var(--px-color-2) !important; text-shadow: none !important; font-size: 80px; font-weight:900;line-height: 100px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span span{color: var(--px-color-1) !important;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {color: var(--px-color-2) !important; text-shadow: none !important; margin-bottom: 20px;} /*---Button CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {padding:12px 40px !important; background:var(--px-color-1); color:#fff; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 0px; border:0px !important; transition:0.5s;margin-top: 0px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-2) !important; transition:0.5s;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{display:none !important;} /*---Arrow CSS---*/ .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev::before{content:"\23"; font-family:ETmodules;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next::before{content:"\24"; font-family:ETmodules;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev::before, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next::before{color:var(--px-color-2); border: 2px solid var(--px-color-2); font-size: 25px; padding: 6px; transition:0.5s;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover::before, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover::before{color:var(--px-color-1); border: 2px solid var(--px-color-1); transition:0.5s;} /*---Dots Navigation CSS---*/ .px_slider_v2 .et-pb-controllers {} .px_slider_v2 .et-pb-controllers a {width: 12px; height: 12px; background:var(--px-color-1); opacity:0.3; transition:0.5s;} .px_slider_v2 .et-pb-controllers a:hover, .px_slider_v2 .et-pb-controllers a.et-pb-active-control {opacity:1; border-radius: 50%; transition:0.5s;} @media only screen and (max-width:980px){ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span {font-size: 40px;line-height: 50px;} } @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_description .et_pb_slide_content h3{font-size: 70px; margin-bottom: 10px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev::before, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next::before{font-size: 20px;} } @media only screen and (max-width:576px){ .px_slider_v2 .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 .et_pb_slide_content {margin-bottom: 10px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{margin-bottom:5px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h3{font-size: 40px; margin-bottom: 10px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev::before, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next::before{font-size: 15px; padding:3px;} } /*---Slider v2 banner---*/ .px_slider_v2.banner .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {margin-bottom:0px;} .px_slider_v2.banner .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content span {font-size:50px;line-height:60px;} /*---Slider v3 CSS---*/ .px_slider_v3 {} /*---Image CSS---*/ /*---Title CSS---*/ .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{margin-bottom: 10px; color: var(--px-color-1) !important; text-shadow: none;} /*---Description CSS---*/ .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {text-shadow: none !important; margin-bottom: 20px;} /*---Button CSS---*/ .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {padding:12px 40px !important; background:var(--px-color-1); color:#fff; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 3px; border:0px !important; transition:0.5s;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background:var(--px-color-2) !important; transition:0.5s;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{display:none !important;} /*---Arrow CSS---*/ .px_slider_v3 .et-pb-slider-arrows{} .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-prev::before{content:"\23"; font-family:ETmodules;} .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-next::before{content:"\24"; font-family:ETmodules;} .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-prev::before, .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-next::before{color:var(--px-color-2); border: 1px solid var(--px-color-2); border-radius:50%; font-size: 25px; padding: 6px; transition:0.5s;} .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-prev:hover::before, .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-next:hover::before{background:var(--px-color-1); color:#fff; border: 1px solid var(--px-color-1); transition:0.5s;} /*---Dots Navigation CSS---*/ .px_slider_v3 .et-pb-controllers {} .px_slider_v3 .et-pb-controllers a {width: 12px; height: 12px; background:var(--px-color-1); opacity:0.3; transition:0.5s;} .px_slider_v3 .et-pb-controllers a:hover, .px_slider_v3 .et-pb-controllers a.et-pb-active-control {opacity:1; border-radius: 50%; transition:0.5s;} @media only screen and (min-width:577px) and (max-width:980px){ .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-prev::before, .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-next::before{font-size: 20px;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{padding-top: 300px;} } @media only screen and (max-width:576px){ .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{padding: 300px 0px 80px 0px !important;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {margin-bottom: 10px;} .px_slider_v3 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{margin-bottom:5px;} .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-prev::before, .px_slider_v3 .et-pb-slider-arrows .et-pb-arrow-next::before{font-size: 15px; padding:3px;} } /* ----------------------------------- 09 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 {} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_close{background-color: #f5f5f5;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open{background-color: #fff;} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {color:var(--px-color-2); padding:20px; margin:-20px; padding-left: 45px;} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::after {content: "\f19d"; font-family: FontAwesome; position: absolute; left: 15px; color: var(--px-color-1);} .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {right: 20px; content: "\33"; font-size: 20px; color: var(--px-color-2);} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {color: #fff; background:var(--px-color-1); } /*---Open Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::after {color: #fff;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {right: 20px; content: "\32"; font-size: 20px; color: #fff; display: block;} /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{margin-top: 20px;} /*---Faqs v2 CSS---*/ .px_faqs_v2 .et_pb_toggle {border: 0 !important; border-bottom: 1px solid #d9d9d9 !important; margin-bottom: 0 !important; padding: 35px 0px !important;} .px_faqs_v2 .et_pb_toggle.et_pb_toggle_open {background: transparent !important;} .px_faqs_v2 .et_pb_toggle.et_pb_toggle_close {background: transparent !important;} .px_faqs_v2 .et_pb_toggle .et_pb_toggle_title::before {right: 20px; content: "\33"; font-size: 20px; color: #333;} .px_faqs_v2 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {right: 20px; content: "\32"; font-size: 20px; color: #333; display: block;} /* ----------------------------------- 10 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 {border:1px solid #e6e6e6;margin-top: 50px;} /*---Portrait CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait{top: -50px; position: absolute; left: 0; right: 0; margin:0 auto;} /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {display: flex; flex-direction: column-reverse;margin-top:40px !important; margin-left: 0 !important;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {margin-bottom: 30px;} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {order: -1; margin-top: -20px;font-size: 15px !important;} /*---Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {order: 1; font-size:18px; color: var(--px-color-1); margin-bottom: 15px;} /*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 ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .px_testimonial_v1 .px_review ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .px_testimonial_v1 .px_review ul li:before{content:"\e033";font-family:ETmodules !important} .px_testimonial_v1 .px_review ul li.star:before{content:"\e031"} .px_testimonial_v1 .px_review ul li.star-0:before{content:"\e032"} /* ----------------------------------- 11 About Us Section CSS -------------------------------------*/ .px_aboutus_v1 {} .px_aboutus_v1_img .et_pb_image_wrap{background:#fff; transition:0.5;} .px_aboutus_v1_img .et_pb_image_wrap img{transition:0.5;} .px_aboutus_v1_img .et_pb_image_wrap:hover img{animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; opacity:0.7; transition:0.5s;} /* ----------------------------------- 12 Partner Section CSS -------------------------------------*/ .px_client_img{transition:0.5s;} .px_client_img .et_pb_image_wrap img{opacity: 0.3; transition:0.5s;} .px_client_img:hover .et_pb_image_wrap img{opacity: 1; transform: scale(1.1); transition:0.5s;} /* ----------------------------------- 13 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 {} .px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon{background:var(--px-color-2); transition:0.5s;} .px_counter_v1:hover .px_counter_v1_icon .et_pb_icon_wrap .et-pb-icon{background:var(--px-color-1); transition:0.5s;} /*---Timer Counter v1 CSS---*/ .px_timer_counter_v1 .et_pb_countdown_timer_container .values .value{ /* height:80px; width:80px; border: 2px solid var(--px-color-1); border-radius: 50%; line-height: 80px; margin-bottom: 10px; */ height: 55px; width: 55px; border: 2px solid var(--px-color-1); border-radius: 0%; line-height: 55px; margin-bottom: 10px; } .px_timer_counter_v1 .et_pb_countdown_timer_container .values{color:var(--px-color-2);} /*---Timer Counter v2 CSS---*/ .px_timer_counter_v2 .et_pb_countdown_timer_container .values{color:var(--px-color-2);padding: 15px 0px;} .px_timer_counter_v2 .et_pb_countdown_timer_container .values .value{ margin-bottom: 10px; position:relative;} .px_timer_counter_v2 .et_pb_countdown_timer_container .values .value::after{content:""; background:#cacaca; position:absolute; left:0px; right:0px; bottom:-5px; width:30px; height:1px; margin: 0 auto;} .px_timer_counter_v2 .et_pb_countdown_timer_container .sep {opacity: 0;} .px_timer_counter_v2.home_v3 .et_pb_countdown_timer_container .values .value::after{background:var(--px-color-1);;} .px_timer_counter_v2.home_v3 .et_pb_countdown_timer_container .values{border: 2px solid var(--px-color-1);} @media only screen and (min-width:577px) and (max-width:980px){ .px_timer_counter_v1 .et_pb_countdown_timer_container .values .value{height:135px; width:135px; line-height: 135px !important;} } @media only screen and (max-width:576px) { .px_timer_counter_v1 .et_pb_countdown_timer_container .values .value{height:58px; width:58px; line-height: 58px !important; margin-bottom: 3px;} /*---Timer Counter v2 CSS---*/ .px_timer_counter_v2 .et_pb_countdown_timer_container .values{padding: 10px 0px;} } /* ----------------------------------- 14 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_newsletter_v1 {} /*Form Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ /* .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields{display:flex;} */ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 80%; margin-bottom: 0; padding-bottom: 0;} .px_newsletter_v1.et_pb_newsletter_form .input {} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"] {background: transparent; color: var(--px-color-2); border-bottom: 1px solid var(--px-color-2); border-radius: 0px; padding-left: 40px !important;} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 20%; margin-bottom: 0;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {border: 0; border-bottom: 1px solid var(--px-color-2); border-radius: 0; padding: 12px 12px 11px 12px; color: var(--px-color-2); font-size: 14px; text-transform: uppercase;top: 1px;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after{display: none !important;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} @media only screen and (max-width:576px){ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 60%;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 40%;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {padding: 12px;font-size: 14px;top:0px;} } /*---Newsletter v2 CSS---*/ .px_newsletter_v2 {} /*Form Css*/ .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ /* .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields{display:flex;} */ .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 60%; margin-bottom: 0; padding-bottom: 0;} .px_newsletter_v2.et_pb_newsletter_form .input {} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"] {background: rgba(0,0,0,0.34); color: #fff; } .px_newsletter_v2.coming_soon.et_pb_newsletter .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{background:rgba(183, 183, 183, 0.34);} /*Button Css*/ .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 35%; margin-bottom: 0;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {border: 0; border-radius: 0; background:var(--px-color-1); padding:12px; color: #fff; font-size: 14px; text-transform: uppercase;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover {background:var(--px-color-2); padding:12px;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {display: none;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} @media only screen and (max-width:576px){ .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 100%; margin-bottom:20px;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 100%;} .px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {padding: 12px;font-size: 14px;} } /* ----------------------------------- 15 CTA CSS -------------------------------------*/ .px_cta_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-1);} /* ----------------------------------- Search Page CSS -------------------------------------*/ .px_search_bar .et_pb_searchform.et_pb_s{} .px_search_bar .et_pb_searchform .et_pb_searchsubmit{border-radius:0px 5px 5px 0px; background:var(--px-color-1); color:#fff; padding:0px 20px; transition:0.5s;} .px_search_bar .et_pb_searchform .et_pb_searchsubmit:hover{background:var(--px-color-2); transition:0.5s;} /* ----------------------------------- 16. Category CSS -------------------------------------*/ /*---Category v1 CSS---*/ .px_category{transition:0.5s;} .px_category_img .et_pb_image_wrap {overflow:hidden; width: 100%; transition:0.5s;} .px_category_img .et_pb_image_wrap img{width: 100%!important; max-width:100%; height: 250px; object-fit: cover; transition:0.5s;} .px_category_text{opacity:0; transition:0.5s;} .px_category_text .et_pb_text_inner{width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.3em;} .px_category:hover .px_category_text{opacity:1; transition:0.5s;} .px_category:hover .px_category_img .et_pb_image_wrap img{transform:scale(1.1); transition:0.5s;} /*---Category v2 CSS---*/ .px_category_v2{transition:0.5s;} .px_category_v2_img .et_pb_image_wrap {transition:0.5s;} .px_category_v2_text{color:var(--px-color-2); position:relative; transition:0.5s;} .px_category_v2_text .et_pb_text_inner{display: inline-block;} .px_category_v2_text .et_pb_text_inner::before{position: absolute; content: ""; width: 0; height: 2px; background: var(--px-color-1); left: 50%; bottom: -10px; transition: all .5s ease;} .px_category_v2:hover .px_category_v2_text h4{color:var(--px-color-1); transition:0.5s;} .px_category_v2:hover .px_category_v2_img .et_pb_image_wrap{transition:0.5s;animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1;} .px_category_v2:hover .px_category_v2_text .et_pb_text_inner::before{width: 100%; left: 0;} @media only screen and (max-width:576px){ .px_category_v2_img .et_pb_image_wrap {width: 200px;} } /* ----------------------------------- 17. Accordian Css HERE -------------------------------------*/ .px_accordian .et_pb_toggle{ margin-bottom:20px!important; } .px_accordian .et_pb_toggle .et_pb_toggle_title{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_accordian .et_pb_toggle .et_pb_toggle_title:before{ content: '\43'; color: var(--px-color-2); font-size: 20px; } /* HOVER CSS HERE */ .px_accordian .et_pb_toggle:hover .et_pb_toggle_title{ color:var(--px-color-1); transition:.3s ease-in-out; } /* ----------------------------------- 18. Discount Sections Css -------------------------------------*/ /* ----------------------------------- Sale Section CSS -------------------------------------*/ .px_sale_text{display: flex; align-items: center;} .px_sale_text .et_pb_text_inner{margin:0 auto;} .px_sale_cta{transition:0.5s;} .px_sale_cta:hover{animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; transition:0.5s;} .px_sale_cta .et_pb_promo_description {padding-bottom:10px;} .px_sale_cta .et_pb_button_wrapper .et_pb_button, .px_sale_slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button { padding: 5px 15px !important; background: var(--px-color-1); color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 0px; border: 0px !important; transition: 0.5s; } .px_sale_cta .et_pb_button_wrapper .et_pb_button:hover, .px_sale_slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover { background: var(--px-color-2); transition: 0.5s; padding: 5px 15px !important; } .px_sale_cta .et_pb_button_wrapper .et_pb_button::after, .px_sale_slider .et_pb_slides .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button::after{display: none !important;} /* Sale Section V2 CSS */ .px_sale_v1_col{} .px_sale_v2_blurb{position: relative;} .px_sale_v2_blurb::before{content:""; background: #f5f5f5; position: absolute; top:0; left:0; height: 100%; width: 100%;} .px_sale_v2_blurb .et_pb_blurb_content{position: relative;} .px_sale_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image { overflow: hidden !important; margin-bottom: 0px !important; } .px_sale_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { position: relative; left: -75px; bottom: -20px; } .px_sale_v2_blurb .et_pb_blurb_content .et_pb_blurb_container { position: absolute; bottom: 0; right: 0; left: 0; padding: 30px 20px; z-index: 2; } /* Blurb 2 CSS */ .px_sale_v2_blurb.blurb2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { right: 0; left: 0; bottom: -10px; } /* Blurb 3 CSS */ .px_sale_v2_blurb.blurb3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { right: -60px; left: auto; bottom: -10px; } .px_sale_v2_blurb.blurb3 .et_pb_blurb_content .et_pb_blurb_container { top: 0; left: 0; } /* Blurb 4 CSS */ .px_sale_v2_blurb.blurb4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { right: 0; left: 0; bottom: -10px; } .px_sale_v2_blurb.blurb4 .et_pb_blurb_content .et_pb_blurb_container { top: 0; left: 0; } /*Image CSS*/ .px_sale_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img { transition: 0.5s; } .px_sale_v2_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img { transform: scale(1.1); transition: 0.5s; } /* Sale Section V3 CSS */ .px_sale_v3_col{height:600px; overflow: hidden; position: relative;} .px_sale_v3_col::after{content:""; background:#fff; opacity:0.2; position:absolute; top:0; left:0; height:100%; width:100%; z-index: -1; transition:0.3s;} .px_sale_v3_col::before{ content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); background: linear-gradient(to right,rgba(255,255,255,.13) 0%,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%); } .px_sale_v3_col:hover::before{ opacity: 1; top: -40%; left: -40%; transition: all 1.2s ease; } .px_sale_v3_blurb{position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: scale(1); transition:0.3s;} .px_sale_v3_blurb::before{content:""; background: #fff; opacity:0.7; position:absolute; top:0; left:0; height:100%; width:100%; transition:0.3s;} .px_sale_v3_blurb .et_pb_blurb_content{position: absolute; bottom: 0%; top: -5%;margin: auto; height: fit-content; width: fit-content; left: 0; right: 0;} .px_sale_v3_col:hover .px_sale_v3_blurb{transform: scale(0); transition:0.3s;} .px_sale_v3_blurb .et_pb_blurb_content .et_pb_module_header{color:var(--px-color-1) !important;} .px_sale_v3_blurb .et_pb_blurb_content .et_pb_blurb_description {color:#333 !important;padding:0px 30px;} .px_sale_v3_col .et_pb_button_module_wrapper {position: unset;} .px_sale_v3_btn{position: absolute; top: 0%; bottom: 0%; left: 0; right: 0; height: fit-content; width:fit-content; margin: auto !important; transform: scale(0); transition:0.3s;} .px_sale_v3_col:hover .px_sale_v3_btn{transform: scale(1); transition:0.3s;} @media only screen and (max-width:980px){ .px_sale_v3_col{height:500px;} .px_sale_v3_blurb .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom: 15px;} } @media only screen and (max-width:576px){ .px_sale_v3_col{height:450px;} .px_sale_v3_blurb .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom: 10px;} } /* ----------------------------------- New Collection Section CSS -------------------------------------*/ .px_new_collection{} .px_new_collection_cta{} .px_new_collection_cta .et_pb_promo_description h2.et_pb_module_header{color:var(--px-color-2) !important; margin-bottom: 20px;} .px_new_collection_cta .et_pb_button_wrapper{margin-top:20px;} .px_new_collection_cta .et_pb_button_wrapper .et_pb_button::after{display:none !important;} .px_new_collection_cta .et_pb_button_wrapper .et_pb_button{padding: 12px 40px !important; background: var(--px-color-1); color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 0px; border: 0px !important; transition: 0.5s;} .px_new_collection_cta .et_pb_button_wrapper .et_pb_button:hover{background: var(--px-color-2); transition: 0.5s;} /* ----------------------------------- Why Choose Us Section CSS -------------------------------------*/ .px_choose_us_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-1);} .px_choose_us_blurb_img .et_pb_image_wrap, .px_choose_us_blurb_img .et_pb_image_wrap img{width:100% !important;} /* ----------------------------------- Summer Sale Section CSS -------------------------------------*/ .px_summer_sale{padding: 20px 10px; background: #f6f6f6; margin-bottom: 15px !important; transition:0.3s;} .px_summer_sale::before{ top: 88%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(87, 184, 87, 0); border-top-color: rgba(87, 184, 87, 0); border-top-color:#f6f6f6; border-width: 20px; margin-left: -20px; transition: all ease-in-out .4s; } .px_summer_sale .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_summer_sale:hover{transform:scale(1.1); box-shadow: 0 10px 10px -10px rgba(0,0,0,.5); transition:0.3s;} .px_summer_sale:hover::before{top: 99%; border-top-color: #f6f6f6;} /* ----------------------------------- 19 Coming Soon Page CSS -------------------------------------*/ /* Counter */ .px_coming_soon_counter .sep{ display:none; } .px_coming_soon_counter .values{ color: var(--px-color-2); } .px_coming_soon_counter .values:before{ content: ''; position: absolute; height: 120px; width: 120px; border:1px solid var(--px-color-2); top: -25px; left: 20px; transform: rotate(45deg); } /* Email Option */ .px_coming_soon_email .et_pb_newsletter_form { overflow:hidden; } .px_coming_soon_email form .et_pb_newsletter_field{ border: 1px solid var(--px-color-2)!important; padding-bottom: 0; } .px_coming_soon_email form .et_pb_newsletter_field input{ background:transparent!important; } .px_coming_soon_email form .et_pb_newsletter_button_wrap{ position: absolute; top: 0; right: 0; } .px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button{ color:var(--px-color-2); } .px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text{ font-size:0; } /* HOVER CSS HERE */ .px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button:hover{ background:var(--px-color-1); } @media only screen and (min-width:480px) and (max-width:980px){ .px_coming_soon_counter .values{ width:25%!important; } } @media only screen and (max-width:480px){ .px_coming_soon_counter .values:before{ content:none; } .px_coming_soon_counter .values{ width:25%!important; } } /* ----------------------------------- 20. Shiping Section CSS -------------------------------------*/ /*---Shiping v1 CSS---*/ .px_customer_satisfaction_v1 .et_pb_main_blurb_image .et_pb_image_wrap{ border:1px solid #e6e6e6; padding:30px; border-radius:15px; transition:.3s ease-in-out; } .px_customer_satisfaction_v1 .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:var(--px-color-2) !important; transition:.3s ease-in-out; } .px_customer_satisfaction_v1 .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-2) !important; transition:.3s ease-in-out; } /* HOVER CSS HERE */ .px_customer_satisfaction_v1:hover .et_pb_main_blurb_image .et_pb_image_wrap{ background:var(--px-color-1) !important; transition:.3s ease-in-out; } .px_customer_satisfaction_v1:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color:#fff !important; animation:swing 1s linear; transition:.3s ease-in-out; } .px_customer_satisfaction_v1:hover .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-1) !important; transition:.3s ease-in-out; } /*---Shiping v2 CSS---*/ .px_customer_satisfaction_v2 .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-2); transform: rotateY(0); transition:.3s ease-in-out; } .px_customer_satisfaction_v2:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1); transform: rotateY(180deg); transition:.3s ease-in-out; } .px_customer_satisfaction_v2 .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-2); transition:.3s ease-in-out; } /* Customer v2 HOVER CSS End Here */ .px_customer_satisfaction_v2:hover .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-1); transition:.3s ease-in-out; } /* ----------------------------------- 21. Privacy & policy Css -------------------------------------*/ /* Privacy & policy */ .px_policy_list_2 ul{ padding: 0; } .px_policy_list_2 ul li{ list-style-type: none; position: relative; padding-left: 25px; margin: 5px 0; } .px_policy_list_2 ul li:before { content: '\4e'; position: absolute; font-family: 'ETmodules'; color: var(--px-color-1); left: 0; top: 0; } /* ----------------------------------- 22 Scroll Top Css -------------------------------------*/ .et_pb_scroll_top:before { content: "\21";/*select icon*/ } .et_pb_scroll_top.et-pb-icon { right:20px; bottom:60px; border-radius:10px; background:var(--px-color-1); padding:10px; font-size:24px; transition:all .1s ease-in-out } .et_pb_scroll_top.et-pb-icon:hover { background:var(--px-color-2); transition:all .1s ease-in-out } /* ----------------------------------- 23 Mobile Menu CSS -------------------------------------*/ /*Mobile Menu*/ .et-db #et-boc .et-l .mobile_menu_bar {top: 2px;z-index:99999999999 !important;} .et-db #et-boc .et-l .mobile_menu_bar::before { color: var(--px-color-1) !important; top: -5px; } /*change Divi hamburger menu to X*/ .et-db #et-boc .et-l .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; background: var(--px-color-1); color: #fff !important; border-radius: 5px; } /*remove the border from the top of the mobile menu*/ /* .et-db #et-boc .et-l .et_mobile_menu { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s; -moz-transition: -moz-transform .4s 0s; transition: transform .4s 0s; border-top: none; min-height: 100vh; height: 100%; display: block !important; padding-bottom: 10px; position: absolute; overflow: scroll; border-top: none; padding-right: 0; padding-top: 130px !important; min-width: 300px; top: -80px !important; } .et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { z-index:9999 !important; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform .4s 0s; -moz-transition: -moz-transform .4s 0s; transition: transform .4s 0s; } */ .et-db #et-boc .et-l .et_mobile_menu {border-top:0px;} /*hide the submenu items on mobile*/ .et-db #et-boc .et-l .et_mobile_menu li ul.hide { display: none !important; } /*adjust the parent menu items on mobile*/ .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children { position: relative; } /*adjust the parent menu items on mobile*/ .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a { background: transparent; } /*position and style the submenu icons*/ .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul.et_mobile_menu li ul { position: relative !important; left: unset; top: unset; padding: 10px 20px 5px !important; opacity: 1; visibility: visible; z-index: 100; background: #ffffff; border-top: none !important; transition: all 300ms ease; box-shadow: none; } .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-weight: bold; cursor: pointer; } /*icon for closed submenu*/ .et-db #et-boc .et-l span.menu-closed:before { content: "\33"; display: block; color: var(--px-color-1); font-size: 18px; font-family: ETmodules; } /*icon for open submenu*/ .et-db #et-boc .et-l span.menu-closed.menu-open:before { content: "\4d"; color: var(--px-color-1); } /*adjust border under mobile menu items*/ .et-db #et-boc .et-l .et_mobile_menu li:not(:last-child) a { border-bottom: 2px solid #f3f6fd; } /*remove border under last mobile menu item*/ .et-db #et-boc .et-l .et_mobile_menu li:last-child a { border-bottom: none; } /*------------------------------------------- -- 24 Color Picker CSS -------------------------------------------*/ .template-options .theme_option_bar:before { font-size: 22px; content: "\e037"; cursor: pointer; color: #000; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; } .template-options.opened .theme_option_bar:before { content: "\4d"; font-size: 32px; } .template-options { position: fixed; top: 130px; right: -200px; width: 200px; background: #fff; -webkit-transition: right .4s; transition: right .4s; z-index: 9999999 } .template-options.opened { right: 0; box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); z-index: 9999999 } .option-section { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1 } .option-section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0 } .option-section h4 { color: #333; margin: 0 0 10px; font-size: 14px; line-height: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px } .option-section .checkbox { margin-bottom: 0 } .options-inner { position: relative; padding: 20px } .cl-toggler { position: absolute; top: 0; left: -48px; display: inline-block; background: #fff; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #000; box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2) } .cl-toggler i { font-size: 20px } .cl-toggler:hover { color: #000 } .cl-bg-images, .cl-presets { list-style: none; padding: 0; margin: -5px } .cl-bg-images li, .cl-presets li { display: block; float: left; margin: 5px } .cl-bg-images li a, .cl-presets li a { display: block; width: 42px; height: 42px; border-radius: 2px; float: left } .cl-bg-images li a img { width: 100% } .cl-bg-images li.active a { border: 3px solid #22b8f0 } .cl-presets li.active a { -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset; box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset } .switcher-style-list { list-style: none; overflow: hidden; } .switcher-style-list li { float: left; margin: 2px; } .switcher-style-list li a { display: block; width: 16px; height: 15px; cursor: pointer; background-size: cover; } #switcher-theme-custom-color.switcher-style-list li a { width: 80px; height: 40px; border: 2px solid #444; position: relative; } #switcher-theme-custom-color.switcher-style-list li a .color { width: 50%; height: 100%; float: left; background-color: #eee; } #switcher-theme-custom-color.switcher-style-list li.active a:after { color: #ddd; content: "\e052"; font-family: ETmodules !important; font-size: 16px; left: 40%; margin: 0 auto; padding: 0; position: absolute; top: 15%; } .layout select { width: 100%; padding: 5px; border: none; margin: 0 0 0 -5px; color: #666; cursor: pointer; } @media (max-width: 980px) { .template-options { top: 22%; width: 100px; right: -100px; } .cl-bg-images li a, .cl-presets li a { width: 25px; height: 25px; } #switcher-theme-custom-color.switcher-style-list li a { width: 65px; height: 25px; } #switcher-theme-custom-color.switcher-style-list li.active a::after { top: 0px; } } @media only screen and (max-width: 768px) { .cl-toggler{ left: -40px; width: 40px; height: 40px; line-height: 43px; font-size: 20px; } #switcher-menu-primary-color, #switcher-menu-secondary-color { display: none; } } /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes wobble-horizontal{ 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } }