/*--------------------------------------------------------------------------------- Theme Name: Candle Shop Theme URI: https://candleshop.diviwoocommercethemes.com Description: Candle Handmade Shop Divi WooCommerce Theme is specially designed to launch for handmade candle and souvenir gift shop. 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 Services 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 Privacy & policy Css 21 Scroll Top Css 22 Mobile Menu CSS 23 Search Page CSS 24 Hero Section CSS 25 Why choose us CSS 26 Color Picker CSS 27 Animation Part CSS --------------------------------------------------------*/ body { overflow-x: hidden; } 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 -------------------------------------*/ /* 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){ /* 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;} } /*---Title CSS---*/ /* ------------------------------------- */ /* Input & Checkbox CSS */ input[type=radio], input[type=checkbox] { accent-color: var(--px-color-2); } /* Divider Section CSS */ .px_divider_section .et_pb_bottom_inside_divider { filter: drop-shadow(10px -5px 8px rgba(20, 20, 20, 0.3)); /* filter: drop-shadow(2px 4px 8px rgba(20, 20, 20, 0.4)); */ } /* Img Hover CSS */ .px_hover_img .et_pb_image_wrap { position: relative; border-radius: 10px; overflow: hidden; } .px_hover_img .et_pb_image_wrap img { transform: scale(1.05) translateX(-5px); transition: .5s ease-out; } .px_hover_img:hover .et_pb_image_wrap img { transform: scale(1.05) translateX(5px); filter: grayscale(0.5); } /*---Button CSS---*/ .px_btn { position: relative; overflow: hidden; color: #fff; font-size: 15px !important; background-color: var(--px-color-1) !important; border: none !important; border-radius: 5px !important; padding: 12px 40px !important; z-index: 1; } .px_btn::before, body #page-container .et_pb_section .px_btn.et_pb_button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0 !important; bottom: 0; opacity: 1 !important; margin: 0 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_btn:hover::before, body #page-container .et_pb_section .px_btn.et_pb_button:hover::before { transform: scaleY(1); } .px_btn::after { display: none !important; } /* ----------------------------------- 00. Page Title CSS Start Here -------------------------------------*/ /* Simple Page Title CSS Start */ /* Simple Page Title CSS Start */ .px_page_title, .et-db #et-boc .et-l .px_page_title { position: relative; overflow: hidden; z-index: 1; } .px_page_title::before, .et-db #et-boc .et-l .px_page_title::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: 0.5; z-index: -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: 40px; line-height: 1.2; font-weight: 600; color: #fff; } .px_page_title .px_page_title_row, .et-db #et-boc .et-l .px_page_title .px_page_title_row { padding-top: 0; } .px_page_title .px_page_title_row .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 { font-size: 18px; color: #fff; } .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover { color: var(--px-color-1); } .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before { color: #fff !important; top: 0; bottom: 0; height: fit-content; margin-top: auto; margin-bottom: auto; } @media only screen and (max-width: 600px) { .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 { font-size: 16px; } } /*---Sub Title CSS---*/ .px_subtitle { margin-bottom: 10px !important; } .px_subtitle.px_subtitle_light .et_pb_text_inner, .px_title.px_title_light .et_pb_text_inner { color: #fff; } .px_subtitle .et_pb_text_inner { font-size: 16px; text-transform: capitalize; color: var(--px-color-1); } .px_title .et_pb_text_inner { font-size: 35px; font-weight: 600; color: #000; text-transform: capitalize; line-height: 50px; } .px_title.light .et_pb_text_inner {color: var(--px-color-1); } @media only screen and (max-width: 980px) { .px_title .et_pb_text_inner { font-size: 30px; line-height:35px; } } @media only screen and (max-width: 600px) { .px_title .et_pb_text_inner { font-size: 25px; line-height: 30px; } .px_subtitle .et_pb_text_inner { font-size: 14px; line-height: 20px; } } /*--- 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; } /*****Woo Preloader******/ .woocommerce .loader::before {display:none;} /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after { top: 13px; color: inherit; } .px_header_menu.et_pb_menu ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul { left: 0px; top: 100%; padding: 15px; z-index: 100; background: #ffffff; border-top: none !important; transform: translateX(-15px); transition: all 300ms ease; border-radius: 0px; box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%); } .px_header_menu.et_pb_menu ul li:hover>ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li:hover>ul { transform: translateX(0px); } .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; transform: none; 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, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li { margin-top: 0 !important; } .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: -53px; } .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: 15px; color: #202020 !important; font-weight: 600; padding-top: 15px; padding-bottom: 15px; transition: all 0.4s; } .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) !important; opacity: 1; } .px_label, .et-db #et-boc .et-l .px_label { display: unset; font-size: 10px; font-weight: 600; margin: 0px 0px 0px 5px; position: relative; top: -10px; background-color: var(--px-color-1); color: #fff; padding: 3px 4px; border-radius: 3px; } .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; color: var(--px-color-1); } .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; } .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul { border: none !important; border-radius: 5px; } .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul li a { color: #202020; } .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul li a:hover, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul li a:hover { color: var(--px-color-1); } .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul li ul { transform: none; box-shadow: none; border-radius: 0px; } @media only screen and (max-width: 980px) { .px_header_menu.et_pb_menu .et_pb_menu__wrap, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap { justify-content: right; } } /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ .px_header_social, .et-db #et-boc .et-l .px_header_social { position: relative; width: fit-content; background-color: var(--px-color-1); } @media only screen and (max-width: 980px) { .px_header_social, .et-db #et-boc .et-l .px_header_social { width: 100%; text-align: center; } } .px_header_social li.et_pb_social_icon, .et-db #et-boc .et-l .px_header_social li.et_pb_social_icon { margin-bottom: 0px; } .px_header_social li.et_pb_social_icon a.icon, .et-db #et-boc .et-l .px_header_social li.et_pb_social_icon a.icon { margin: 0px 3px; } .px_header_social li.et_pb_social_icon a.icon::before, .et-db #et-boc .et-l .px_header_social li.et_pb_social_icon a.icon::before { color: #fff; transition: all 0.4s; } .px_header_social li.et_pb_social_icon a.icon:hover:before, .et-db #et-boc .et-l .px_header_social li.et_pb_social_icon a.icon:hover:before { color: #202020; } /*---Header v1 CSS---*/ @media only screen and (min-width: 981px) { } .px_header_top_v1 .px_header_top_row .px_header_button_column, .et-db #et-boc .et-l .px_header_top_v1 .px_header_top_row .px_header_button_column { display: flex; align-items: center; justify-content: right; } .px_header_top_v1 .px_header_top_row .px_header_button_column .px_header_button, .et-db #et-boc .et-l .px_header_top_v1 .px_header_top_row .px_header_button_column .px_header_button { color: #202020; transition: all 0.4s; } .px_header_top_v1 .px_header_top_row .px_header_button_column .px_header_button:hover, .et-db #et-boc .et-l .px_header_top_v1 .px_header_top_row .px_header_button_column .px_header_button:hover, .px_header_top_v1 .px_header_top_row .px_header_button_column .px_header_button::before, .et-db #et-boc .et-l .px_header_top_v1 .px_header_top_row .px_header_button_column .px_header_button::before { color: var(--px-color-1); } .px_header_middle_v1 .px_header_search, .et-db #et-boc .et-l .px_header_middle_v1 .px_header_search { padding: 5px; background-color: rgba(0, 0, 0, 0.05); border-radius: 5px; } .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit, .et-db #et-boc .et-l .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit { background-color: var(--px-color-1); border-radius: 5px; color: #fff; transition: all 0.4s; } .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit:hover, .et-db #et-boc .et-l .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit:hover { background-color: var(--px-color-2); } .px_header_bottom_v1.et_pb_sticky_module, .et-db #et-boc .et-l .px_header_bottom_v1.et_pb_sticky_module { transition: all 0.4s; } .px_header_bottom_v1.et_pb_sticky_module.et_pb_sticky, .et-db #et-boc .et-l .px_header_bottom_v1.et_pb_sticky_module.et_pb_sticky { background-color: var(--px-color-1); box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); } .px_header_bottom_v1.et_pb_sticky_module.et_pb_sticky .px_header_bottom_row, .et-db #et-boc .et-l .px_header_bottom_v1.et_pb_sticky_module.et_pb_sticky .px_header_bottom_row { display: block; } /*---Header v2 CSS---*/ .px_header_middle_v2 .px_hesder_info .et_pb_main_blurb_image, .px_header_middle_v2 .px_hesder_info .et_pb_blurb_container { vertical-align: middle; } .px_header_middle_v2 .px_hesder_info .et_pb_image_wrap { background-color: #f4f4f4; height: 45px; width: 45px; text-align: center; border-radius: 50%; } .px_header_middle_v2 .px_hesder_info .et_pb_image_wrap .et-pb-icon { line-height: 2.2; color: var(--px-color-1); } .px_header_middle_v2 .px_hesder_info .et_pb_module_header { padding-bottom: 5px; } .px_header_bottom_v2 { background-color: var(--px-color-1); transition: all 0.4s; } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_blurb_info .et_pb_main_blurb_image, .et-db #et-boc .et-l .px_footer_blurb_info .et_pb_main_blurb_image { margin-bottom: 20px; vertical-align: middle; } .px_footer_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .et-db #et-boc .et-l .px_footer_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--px-color-1); } .px_footer_blurb_info .et_pb_blurb_container .et_pb_module_header, .et-db #et-boc .et-l .px_footer_blurb_info .et_pb_blurb_container .et_pb_module_header { padding-bottom: 0px; } .px_footer_links, .et-db #et-boc .et-l .px_footer_links { color: #b0b0b0; transition: all 0.4s; } .px_footer_links:hover, .et-db #et-boc .et-l .px_footer_links:hover { color: var(--px-color-1); } .px_footer_links::before, .et-db #et-boc .et-l .px_footer_links::before { color: var(--px-color-1); } .px_footer_social li.et_pb_social_icon a.icon, .et-db #et-boc .et-l .px_footer_social li.et_pb_social_icon a.icon { position: relative; overflow: hidden; background-color: rgba(255, 255, 255, 0.1) !important; transition: all 0.4s; z-index: 1; } .px_footer_social li.et_pb_social_icon a.icon::before, .et-db #et-boc .et-l .px_footer_social li.et_pb_social_icon a.icon::before { color: #cccccc; } .px_footer_social li.et_pb_social_icon a.icon:hover::before, .et-db #et-boc .et-l .px_footer_social li.et_pb_social_icon a.icon:hover::before { color: #fff; } .px_footer_social li.et_pb_social_icon a.icon::after, .et-db #et-boc .et-l .px_footer_social li.et_pb_social_icon a.icon::after { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_footer_social li.et_pb_social_icon a.icon:hover::after, .et-db #et-boc .et-l .px_footer_social li.et_pb_social_icon a.icon:hover::after { transform: scaleY(1); } .px_f_newsletter .et_pb_newsletter_form form, .et-db #et-boc .et-l .px_f_newsletter .et_pb_newsletter_form form { position: relative; } .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field, .et-db #et-boc .et-l .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field { padding-bottom: 0px; margin-bottom: 0px !important; } .px_f_newsletter.et_pb_subscribe .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button, .et-db #et-boc .et-l .px_f_newsletter.et_pb_subscribe .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button { position: absolute; top: 0; right: 0; left: auto; margin: auto; width: 45px; height: 100%; font-size:0px; } .px_f_newsletter.et_pb_subscribe .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_newsletter_button.et_pb_button::after, .et-db #et-boc .et-l .px_f_newsletter.et_pb_subscribe .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_newsletter_button.et_pb_button::after, body.et-db #page-container #et-boc .et-l .et_pb_section .px_f_newsletter.et_pb_subscribe .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_newsletter_button.et_pb_button::after { display: flex; align-items: center; justify-content: center; height: inherit; width: inherit; margin: 0 !important; font-size: 20px !important; color: #cccccc; transition: all 0.4s; } .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after, .et-db #et-boc .et-l .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after, body.et-db #page-container #et-boc .et-l .et_pb_section .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after { color: var(--px-color-1); } /*---Footer v1 CSS---*/ .px_footer_top_v1, .px_footer_bottom_v1 { background-color: var(--px-color-2) !important; } /*---Footer v3 Light version CSS---*/ .px_footer_top_v1.light .px_footer_links, .et-db #et-boc .et-l .px_footer_top_v1.light .px_footer_links {color: #333;} .px_footer_top_v1.light .px_footer_links:hover, .et-db #et-boc .et-l .px_footer_top_v1.light .px_footer_links:hover {color:var(--px-color-1);} .px_f_newsletter.dark .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after,.et-db #et-boc .et-l .px_f_newsletter.dark .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after, body.et-db #page-container #et-boc .et-l .et_pb_section .px_f_newsletter.dark .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after{color:#333 !important;} .px_footer_social_text {color:#333;background-image: linear-gradient(#000,#000);background-repeat: no-repeat;transition: cubic-bezier(.22,.61,.36,1);background-position: 0 100%;background-size: 0 1px; } .px_footer_social_text:hover {background-size: calc(100% - .3em) 1px !important;color:var(--px-color-1); } @media only screen and (min-width: 981px) { .px_footer_bottom_v1 .px_footer_bottom_row .et_pb_column, .et-db #et-boc .et-l .px_footer_bottom_v1 .px_footer_bottom_row .et_pb_column { margin-top: auto; margin-bottom: auto; } } /*---Footer v2 CSS---*/ .px_footer_bottom_v2 .px_footer_links, .et-db #et-boc .et-l .px_footer_bottom_v2 .px_footer_links { color: #565656; } .px_footer_bottom_v2 .px_footer_links:hover, .et-db #et-boc .et-l .px_footer_bottom_v2 .px_footer_links:hover { color: var(--px-color-1); } .px_footer_bottom_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after, .et-db #et-boc .et-l .px_footer_bottom_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after, body.et-db #page-container #et-boc .et-l .px_footer_bottom_v2.et_pb_section .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after { color: #202020; } .px_footer_bottom_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after, .et-db #et-boc .et-l .px_footer_bottom_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after, body.et-db #page-container #et-boc .et-l .px_footer_bottom_v2.et_pb_section .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after { color: var(--px-color-1); } .px_footer_bottom_v2 .px_footer_social li.et_pb_social_icon a.icon, .et-db #et-boc .et-l .px_footer_bottom_v2 .px_footer_social li.et_pb_social_icon a.icon { background-color: #202020 !important; } .px_footer_bottom_v2 .px_footer_social li.et_pb_social_icon a.icon::before, .et-db #et-boc .et-l .px_footer_bottom_v2 .px_footer_social li.et_pb_social_icon a.icon::before { color: #fff; } @media only screen and (min-width: 981px) { .px_footer_bottom_v2 .px_f_copyright_row .et_pb_column, .et-db #et-boc .et-l .px_footer_bottom_v2 .px_f_copyright_row .et_pb_column { margin-top: auto; margin-bottom: auto; } } /*----------------------------------- 04. Sidebar CSS Start Here -------------------------------------*/ /* Blog Sidebar CSS Start */ .px_sidebar .widgettitle, .et-db #et-boc .et-l .px_sidebar .widgettitle { color: var(--px-color-1); font-size: 16px; font-weight: 600; text-transform: uppercase; } .px_sidebar .et_pb_widget, .et-db #et-boc .et-l .px_sidebar .et_pb_widget { padding: 15px; border-radius: 10px; border: 1px solid #e5e5e5; } .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 { border-color: #e5e5e5; } .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit { background-color: var(--px-color-1); border: none; color: #fff; transition: all 0.4s; } .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-color: var(--px-color-2); } .px_sidebar .widget_categories ul .cat-item, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item { margin-bottom: 0px; } .px_sidebar .widget_categories ul .cat-item a, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a { position: relative; display: block; padding: 10px 0px 10px 20px; border-bottom: 1px solid #e5e5e5; color: #202020; transition: all 0.4s; } .px_sidebar .widget_categories ul .cat-item a::before, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a::before { content: "\4e"; position: absolute; font-family: ETmodules; font-size: 10px; color: #fff; height: 12px; text-align: center; line-height: 1.5; font-weight: 700; width: 12px; border: 1px solid #747474; background-color: #fff; top: 13px; left: 0; border-radius: 50%; transition: all 0.4s; } .px_sidebar .widget_categories ul .cat-item a:hover::before, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover::before { border-color: var(--px-color-1); background-color: var(--px-color-1); } .px_sidebar .widget_categories ul .cat-item:last-child a, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:last-child a { padding-bottom: 0px; border-bottom: none; } .px_sidebar .widget_categories ul .cat-item a:hover, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover { color: var(--px-color-1); } .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link { position: relative; overflow: hidden; display: inline-block; padding: 5px 10px; border-radius: 3px; background-color: #fff; border: 1px solid #e5e5e5; color: #202020; z-index: 1; transition: all 0.4s; } .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 { border-color: var(--px-color-1); color: #fff; } .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::before, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out; z-index: -1; } .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::before, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::before { transform: scaleY(1); } .px_sidebar .widget_recent_entries ul li, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .px_sidebar .widget_recent_entries ul li:last-child, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .px_sidebar .widget_recent_entries ul li a, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a { display: block; line-height: 1.4; color: #202020; transition: all 0.4s; } .px_sidebar .widget_recent_entries ul li a:hover, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a:hover { color: var(--px-color-1); } .px_sidebar .widget_recent_entries ul li .post-date, .et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li .post-date { color: var(--px-color-1); } .px_sidebar .widget_media_gallery .gallery .gallery-item, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item { margin: 0px; } .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img { border: none; border-radius: 5px; transition: all 0.4s; } .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img:hover, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img:hover { filter: brightness(0.5); } /* 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 { padding: 15px; border-radius: 10px; border: 1px solid #e5e5e5; } .px_shop_sidebar .et_pb_widget .button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button { position: relative; overflow: hidden; text-align: center; width: 100%; color: #fff; font-size: 15px !important; background-color: var(--px-color-1) !important; border: none !important; border-radius: 5px !important; padding: 10px 20px !important; margin: 0 !important; z-index: 1; } .px_shop_sidebar .et_pb_widget .button::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_shop_sidebar .et_pb_widget .button:hover::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button:hover::before { transform: scaleY(1); } .px_shop_sidebar .et_pb_widget .button::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button::after { display: none !important; } .px_shop_sidebar .et_pb_widget .widgettitle, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle { color: var(--px-color-1); font-size: 16px; font-weight: 600; text-transform: uppercase; } /* 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: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:last-child, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } .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 { font-weight: 400; font-size: 25px; line-height: 0.5; transition: all 0.4s; } .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 { line-height: 1.4; color: #202020; transition: all 0.4s; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover { color: var(--px-color-1); } .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: 50px; padding: 5px; border: 1px solid #e5e5e5; border-radius: 5px; transition: all 0.4s; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:hover a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:hover a img { filter: grayscale(0.5); } .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: 16px; color: #202020; margin-bottom: 10px; } /* 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 { position: relative; border-radius: 5px; overflow: hidden; } .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%; border: 1px solid #e5e5e5; padding: 15px; border-radius: 5px; color: #202020; } .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 { position: absolute; height: 100%; right: 0; font-size: 0px; width: 45px; background-color: var(--px-color-1); transition: all 0.4s; } .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-color: var(--px-color-2); } .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::before { content: "\55"; position: absolute; font-family: ETmodules; height: inherit; width: inherit; left: 0; top: 0; font-size: 18px; font-weight: 600; line-height: 2.5; } /* Filter 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-color: #e7e7e7; } .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-color: 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 { border-radius: 5px; background: linear-gradient(to right, var(--px-color-1), #fff); display: block; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle:last-child, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle:last-child { background: linear-gradient(to left, var(--px-color-1), #fff); } .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 { margin-bottom: 10px !important; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label { font-size: 16px; text-align: left; color: #202020; } /* Product categories */ .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 { margin-bottom: 0; } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories>li.cat-item:last-child a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories>li.cat-item:last-child a { border: none; padding-bottom: 0px; } .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 { position: relative; display: block; font-size: 15px; padding: 10px 0px 10px 20px; border-bottom: 1px solid #e5e5e5; color: #202020; transition: all 0.4s; } .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); } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count, .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a { color: var(--px-color-1); } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before { content: "\4e"; position: absolute; font-family: ETmodules; font-size: 10px; color: #fff; height: 12px; text-align: center; line-height: 1.5; font-weight: 700; width: 12px; border: 1px solid #747474; background-color: #fff; top: 12px; left: 0; border-radius: 50%; transition: all 0.4s; } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before, .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a::before { border-color: var(--px-color-1); background-color: var(--px-color-1); } /* 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 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:last-child, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } .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; padding: 5px; border: 1px solid #e5e5e5; border-radius: 5px; transition: all 0.4s; } .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:hover a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:hover a img { filter: grayscale(0.5); } .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 { line-height: 1.4; color: #202020; transition: all 0.4s; } .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); } .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: #ffb12b; } /* 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 { position: relative; overflow: hidden; display: inline-block; padding: 5px 10px; border-radius: 3px; background-color: #fff; border: 1px solid #e5e5e5; color: #202020; z-index: 1; transition: all 0.4s; } .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 { border-color: var(--px-color-1); color: #fff; } .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out; z-index: -1; } .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::before { transform: scaleY(1); } /* 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: #202020; } .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: #ffb12b; } /* Recently Viewed Products */ .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 { padding-top: 0px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:last-child, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } .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; padding: 5px; border: 1px solid #e5e5e5; border-radius: 5px; transition: all 0.4s; } .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:hover a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:hover a img { filter: grayscale(0.5); } .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 { line-height: 1.4; color: #202020; transition: all 0.4s; } .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); } /* 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 { text-align: right; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:last-child, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } .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 { float: left; font-size: 15px; color: #202020; transition: all 0.4s; } .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); } .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: #202020; } /* 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: 10px; border-radius: 10px !important; position: relative; overflow: hidden; box-shadow: 0px 5px 18px 0px rgba(32, 32, 32, 0.1); transition: all 0.4s; } .px_blog_v1 .et_pb_post:hover { box-shadow: none; } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container { margin: 0; } .px_blog_v1 .et_pb_post .entry-featured-image-url { margin: 0; border-radius: 10px; overflow: hidden; } .px_blog_v1 .et_pb_post .entry-featured-image-url img { transform: scale(1.05) translateX(-5px); transition: .5s ease-out; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.05) translateX(5px); filter: grayscale(0.5); } .px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay { background-color: rgb(0 0 0 / 50%); border: none; backdrop-filter: blur(3px); transition: all 0.4s; border-radius: 10px; overflow: hidden; } .px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay::before { color: var(--px-color-1); } /*---Info Class CSS---*/ .px_blog_v1 .px_blog_v1_info { display: flex; flex-direction: column-reverse; padding: 15px 0px 0px 0px; } /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title { order: 1; color: #202020; padding-bottom: 10px; transition: all 0.4s; } .px_blog_v1 .et_pb_post .entry-title a { background: linear-gradient(to right, var(--px-color-1) 50%, #202020 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%; transition: all 0.8s; } .px_blog_v1 .et_pb_post .entry-title a:hover { background-position: 0 100%; } /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta { order: 1; color: #202020; } .px_blog_v1 .et_pb_post .post-meta .published { position: absolute; top: 10px; right: 25px; background-color: var(--px-color-1); color: #fff; font-weight: 600; padding: 3px 10px; z-index: 5; border-radius: 0px 0px 5px 5px; } .px_blog_v1 .et_pb_post .post-meta a[rel="tag"] { position: relative; display: inline-block; color: #202020; padding-right: 15px; margin-right: 5px; transition: all 0.4s; } .px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:hover { color: var(--px-color-1); } .px_blog_v1 .et_pb_post .post-meta a[rel="tag"]::before { content: ""; position: absolute; height: 6px; width: 6px; background-color: var(--px-color-1); top: 0; bottom: 0; right: 0; margin: auto; border-radius: 50%; transition: all 0.4s; } /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content .post-content-inner { color: #545454; padding-bottom:30px; } /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link { position: relative; overflow: hidden; color: #fff; display: inline-block; font-size: 13px; background-color: var(--px-color-1); border-radius: 5px 0px 0px 0px; padding: 5px 10px; z-index: 1; right: 0; position: absolute; margin-top: -25px; } .px_blog_v1 .et_pb_post .post-content .more-link::before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out; z-index: -1; } .px_blog_v1 .et_pb_post .post-content .more-link:hover::before { transform: scaleY(1); } /*---Pagination Button CSS---*/ .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a { position: relative; overflow: hidden; color: #fff; display: inline-block; font-size: 15px; background-color: var(--px-color-1); border-radius: 5px; padding: 12px 20px; z-index: 1; } .px_blog_v1 .pagination .alignleft a::before, .px_blog_v1 .pagination .alignright a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out; z-index: -1; } .px_blog_v1 .pagination .alignleft a:hover::before, .px_blog_v1 .pagination .alignright a:hover::before { transform: scaleY(1); } /*---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 */ @media only screen and (min-width: 801px) { .px_blog_list .et_pb_post { display: flex; margin-bottom: 30px; } .px_blog_list .et_pb_post .entry-featured-image-url { width: 50%; } .px_blog_v1 .et_pb_post .entry-featured-image-url img { height: 100%; object-fit: cover; } .px_blog_list .et_pb_post .px_blog_v1_info { width: 50%; height: fit-content; padding: 0px 15px; } .px_blog_list .et_pb_post .post-meta .published { left: 25px; right: auto; } .px_blog_list .et_pb_post .post-content .post-content-inner { padding-bottom: 15px; } } @media only screen and (max-width: 800px) { .px_blog_list .et_pb_post .post-content .post-content-inner { display: none; } } /* Blog Listing CSS End */ /* Blog Single Page CSS Start */ .px_blog_single .et_pb_column_single { padding: 0px !important; } .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap { border-radius: 10px; overflow: hidden; } .px_blog_single .px_single_post_title .et_pb_title_container { margin-top: 15px; color: #202020; text-transform: capitalize; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a { color: #202020; transition: all 0.4s; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover { color: var(--px-color-1); } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"], .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; margin-bottom: 5px; display: inline-block; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::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 a[rel="category tag"]::before { content: "\e07c"; } .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_blurb_info { background: linear-gradient(var(--px-color-1), var(--px-color-1)); background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.7); } .px_blog_single .px_single_blurb_info::before, .px_blog_single .px_single_blurb_info::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff; box-shadow: 0px 0px 18px 0px var(--px-color-1); border-radius: 50%; opacity: 0.2; z-index: -1; } .px_blog_single .px_single_blurb_info::before { height: 120px; width: 120px; } .px_blog_single .px_single_blurb_info::after { height: 200px; width: 200px; } .px_blog_single .px_single_tag_info .et_pb_blurb_container { display: flex; align-items: center; } .px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_module_header { padding-bottom: 0px; padding-right: 10px; } .px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a { position: relative; overflow: hidden; display: inline-block; padding: 5px 10px; border-radius: 3px; border: 1px solid #e5e5e5; color: #202020; transition: all 0.4s; } .px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover { border-color: var(--px-color-1); color: #fff; } .px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out; z-index: -1; } .px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover::before { transform: scaleY(1); } .px_blog_single .px_single_social_media li.et_pb_social_icon { margin-bottom: 0px; } .px_blog_single .px_single_social_media li.et_pb_social_icon a.icon { position: relative; overflow: hidden; border: 1px solid #e5e5e5; background-color: #fff !important; transition: all 0.4s; z-index: 1; } .px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover { border-color: var(--px-color-1); } .px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::before { color: #202020; transition: all 0.4s; } .px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover::before { color: #fff; } .px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out; z-index: -1; } .px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover::after { transform: scaleY(1); } .px_blog_single .px_single_navigation .nav-previous a[rel="prev"], .px_blog_single .px_single_navigation .nav-next a[rel="next"] { position: relative; overflow: hidden; padding: 10px 20px; border-radius: 5px; border: 1px solid #e5e5e5; color: #202020; transition: all 0.4s; } .px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover, .px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover { border-color: var(--px-color-1); color: #fff; } .px_blog_single .px_single_navigation .nav-previous a[rel="prev"]::before, .px_blog_single .px_single_navigation .nav-next a[rel="next"]::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out; z-index: -1; } .px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover::before, .px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover::before { transform: scaleY(1); } .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a { text-transform: capitalize; color: #202020; transition: all 0.4s; } .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a:hover { color: var(--px-color-1); } .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_avatar img { border-radius: 50%; height: 80px; width: 80px; object-fit: cover; } .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .fn { display: block; } body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link { position: absolute; padding: 3px 10px !important; border-radius: 3px !important; } .px_blog_single .px_blog_single_comments .comment-respond .comment-form { padding-bottom: 0px !important; } .px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a { color: #202020; text-decoration: underline; transition: all 0.4s; } .px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a:hover { color: var(--px-color-1); } .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 { width: 100% !important; } .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment { border-color: #e5e5e5 !important; border-radius: 5px !important; box-shadow: none !important; } .px_blog_single .px_blog_single_comments .et_pb_button { position: relative; overflow: hidden; color: #fff; font-size: 15px !important; background-color: var(--px-color-1) !important; border: none !important; border-radius: 5px !important; padding: 12px 20px !important; z-index: 1; } .px_blog_single .px_blog_single_comments .et_pb_button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_blog_single .px_blog_single_comments .et_pb_button:hover::before { transform: scaleY(1); } .px_blog_single .px_blog_single_comments .et_pb_button::after { display: none !important; } /* ----------------------------------- 06. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 .px_contact_info .et_pb_main_blurb_image { margin-bottom: 20px; } .px_contact_v1 .px_contact_info .et_pb_image_wrap .et-pb-icon { color: var(--px-color-1); } .px_contact_v1 .px_contact_form { border-radius: 15px; padding: 15px; box-shadow: 0px 5px 18px 0px rgba(32, 32, 32, 0.1); } .px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit { position: relative; overflow: hidden; background-color: var(--px-color-1) !important; z-index: 1; } .px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before { transform: scaleY(1); } .px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after { display: none !important; } /* ----------------------------------- 07. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ /* Image Css */ .px_team_v1 .et_pb_team_member_image, .px_team_v1 .et_pb_team_member_image img { width: 100%; max-width: 100%; } .px_team_v1 .et_pb_team_member_image { position: relative; background-color: #fff; border: 2px solid #fff; overflow: hidden; transition: all 0.4s; } .px_team_v1:hover .et_pb_team_member_image { border-color: var(--px-color-1); } .px_team_v1 .et_pb_team_member_image::before { content: ""; position: absolute; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(transparent, var(--px-color-1)); z-index: 1; opacity: 0; transition: all 0.4s; } .px_team_v1:hover .et_pb_team_member_image::before { opacity: 1; } .px_team_v1 .et_pb_team_member_image img { transform: scale(1.05) translateX(-5px); transition: .5s ease-out; } .px_team_v1:hover .et_pb_team_member_image img { transform: scale(1.05) translateX(5px); filter: grayscale(0.5); } /* Description Css*/ .px_team_v1 .et_pb_team_member_description { position: relative; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header { color: #202020; transition: all 0.4s; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover { color: var(--px-color-1); } /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links { margin: 0px; position: absolute; top: -50px; z-index: 1; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li { opacity: 0; visibility: hidden; margin: 0px 10px; transition: all 0.4s; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li { opacity: 1; visibility: visible; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(1) { transition-delay: 0.1s; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(2) { transition-delay: 0.2s; } .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links li:nth-child(3) { transition-delay: 0.3s; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a { color: #fff; transition: all 0.4s; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover { color: #202020; } /* ----------------------------------- 08 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description { text-shadow: none; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { padding-bottom: 20px; color:var(--px-color-1); } /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content { padding-bottom: 10px; } .px_slider_v1 .et_pb_slide_content h3{font-size: 70px; line-height: 70px; font-weight: 700; text-transform: capitalize;} .px_slider_v1.banner .et_pb_slide_content h3 {font-size: 40px;line-height:40px;font-weight: 500;} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button { position: relative; overflow: hidden; color: #fff; background-color: var(--px-color-1) !important; z-index: 1; transition: all 0.4s; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before { transform: scaleY(1); } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after { display: none !important; } /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next { background-color: var(--px-color-1); font-size: 40px; padding: 8px; border-radius: 5px; color: #fff; transition: all 0.4s; } .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-color: #202020; } @media only screen and (max-width: 980px) { .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{padding-bottom: 10px !important;font-weight:400 !important;} .px_slider_v1 .et_pb_slide_content h3{font-size: 40px;line-height: 50px;padding-bottom: 0px !important;} .px_slider_v1.banner .et_pb_slide_content h3 {font-size:30px;line-height:35px;font-weight: 500;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {font-size: 20px;padding: 5px;border-radius: 2px;} } @media only screen and (max-width : 768px) { .px_slider_v1 .et_pb_slide_content h3{font-size: 30px;line-height: 40px;padding-bottom: 0px !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {padding-top:10px;} .px_slider_v1 .et_pb_slide_content p {display:none;} } /* ----------------------------------- 09 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .et_pb_toggle { border-color: #e5e5e5; transition: all 0.4s; } .px_faqs_v1 .et_pb_toggle:hover, .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open { border-color: transparent; box-shadow: 0px 5px 18px 0px rgba(32, 32, 32, 0.05); } /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { padding: 20px; color: #202020; transition: all 0.4s; } /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { content: "\3b"; font-family: ETmodules !important; display: block !important; right: 20px; font-size: 18px; color: #202020; transition: all 0.4s; } /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title, .px_faqs_v1 .et_pb_toggle:hover .et_pb_toggle_title, .px_faqs_v1 .et_pb_toggle:hover .et_pb_toggle_title::before { color: var(--px-color-1); } /* ---Open Title Icon CSS--- */ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { transform: rotate(180deg); color: var(--px-color-1); } /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content { padding: 0px 20px 20px 20px; } /* ----------------------------------- 10 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_sec_v1 .et_pb_column_single { padding: 0px !important; } .px_testimonial_sec_v1 .px_testimonial_shape_img .et_pb_image_wrap { box-shadow: inset 0px 0px 0px 25px var(--px-color-1); padding: 5px; border-radius: 50%; animation: spin 10s infinite linear; } .px_testimonial_sec_v1 .px_testimonial_shape_img .et_pb_image_wrap img { filter: brightness(0) invert(1); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-list .slick-track .slick-slide { margin: 0px 20px 30px 0px !important; } .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots { padding: 0px; text-align: left; } .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li { width: auto; height: auto; } .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button { position: relative; height: 12px; width: 12px; border-radius: 50px; background-color: var(--px-color-2); margin: auto; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%); transition: all 0.4s; } .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button:hover, .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li.slick-active button { background-color: var(--px-color-1); } .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button::before { display: none; } @media only screen and (min-width: 981px) { .px_testimonial_sec_v1>.et_pb_row .px_testimonial_column { margin-top: auto; margin-bottom: auto; } } /* Testimonial CSS */ .px_testimonial_v1.et_pb_testimonial:before { left: 20px; top: 0px; color: var(--px-color-1); } /* Img CSS */ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait { float: none; position: absolute; bottom: 0px; margin: 0; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait::before { display: none; } /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { margin-left: 0px !important; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content { padding-bottom: 15px; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p { padding-bottom: 0px; } /*---Author & Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author, .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta { margin-left: 120px; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta { color: var(--px-color-1); } /*---Testimonial v2 CSS---*/ .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-list .slick-track .slick-slide { margin: 0px 20px 30px 20px !important; } .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots { padding: 0px 0px 0px 20px; text-align: left; } .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li { width: auto; height: auto; } .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button { position: relative; height: 12px; width: 12px; border-radius: 50px; background-color: var(--px-color-2); margin: auto; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%); transition: all 0.4s; } .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button:hover, .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li.slick-active button { background-color: var(--px-color-1); } .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button::before { display: none; } @media only screen and (min-width: 981px) { .px_testimonial_sec_v2>.et_pb_row .px_testimonial_column { margin-top: auto; margin-bottom: auto; } } /* Testimonial CSS */ .px_testimonial_v2.et_pb_testimonial:before { left: 40px; top: 5px; color: var(--px-color-1); } .px_testimonial_v2.et_pb_testimonial::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 75px; background-color: #f9f9f9; visibility: visible; z-index: -1; } /* Img CSS */ .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait { float: none; position: absolute; bottom: 10px; margin: 0; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait::before { display: none; } /*---Description---*/ .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description { margin-left: 0px !important; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner { margin-bottom: 25px; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content { padding-bottom: 0; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p { padding-bottom: 0px; } /*---Author & Meta CSS---*/ .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author, .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta { margin-left: 80px; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { margin-top: 0; } .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta { color: var(--px-color-1); } /*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" } /* ----------------------------------- 11. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ /*Img Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image { margin-bottom: 0px; } .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: linear-gradient(transparent, #202020); z-index: 1; } /*Description Container Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container { position: absolute; left: 20px; bottom: 25px; z-index: 1; } /*Title Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { padding-bottom: 5px; } /*---Services v2 CSS---*/ /*Img Css */ .px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image { margin-bottom: 0px !important; display: block !important; } /*Description Container Css */ .px_services_v2 .et_pb_blurb_content .et_pb_blurb_container { position: absolute; left: 10px; bottom: 10px; top: 10px; right: 10px; background-color: rgb(255 255 255 / 80%); display: flex; justify-content: center; align-items: center; z-index: 1; opacity: 0; border-radius: 10px; transition: all 0.4s; } .px_services_v2:hover .et_pb_blurb_content .et_pb_blurb_container { left: 15px; bottom: 15px; top: 15px; right: 15px; opacity: 1; } /*Title Css */ .px_services_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { position: absolute; padding-bottom: 0; color: var(--px-color-1); clip-path: inset(0 100% 0 0); opacity: 0.4; transition: clip-path .6s ease-out, -webkit-clip-path .6s ease-out; } .px_services_v2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { clip-path: inset(0 0 0 0); transition-delay: 0.3s; } /*Desc Css */ .px_services_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { z-index: 1; } /*---Services v3 CSS---*/ /*Img Css */ .px_services_v3 .et_pb_blurb_content .et_pb_main_blurb_image { margin-bottom: 0px; } .px_services_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{ height: 700px; object-fit:cover; } .px_services_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: linear-gradient(transparent, #202020); z-index: 1; } /*Description Container Css */ .px_services_v3 .et_pb_blurb_content .et_pb_blurb_container { position: absolute; left: 50px; bottom: 80px; padding: 10px; z-index: 1; } /*Title Css */ .px_services_v3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { padding-bottom: 5px; } @media only screen and (max-width:768px){ .px_services_v3 .et_pb_blurb_content .et_pb_blurb_container { left: 0px; right: 0; bottom: 25px; } .px_services_v3 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{ height: 400px; } } /* ----------------------------------- 12 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1 .et_pb_image_wrap { padding: 10px; border: 3px dashed var(--px-color-1); border-radius: 10px; filter: opacity(0.5); transition: all 0.4s; } .px_partner_v1:hover .et_pb_image_wrap { filter: opacity(1); } /* ----------------------------------- 13 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .px_video_v1 .et_pb_video_overlay { background-blend-mode: overlay; background-color: transparent; transition: all 0.4s; } .px_video_v1 .et_pb_video_overlay:hover { background-color: rgba(0, 0, 0, 0.5); } .px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover { height: 70px; width: 70px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; border-radius: 50%; } .px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::before, .px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::after { position: absolute; content: ""; top: 0; left: 0; width: inherit; height: inherit; background: rgb(255 255 255 / 30%); border-radius: 60px; animation: squares 4s linear 0s infinite; animation-play-state: running; opacity: 0; border-color: #ffffff4d; } .px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::before { animation-delay: 0s; } .px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::after { animation-delay: 2s; } .px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play { height: inherit; width: inherit; border-radius: inherit; top: 0; left: 0; bottom: 0; right: 0; margin: auto; display: flex; justify-content: center; align-items: center; z-index: 1; } .px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play::after { content: ""; position: absolute; height: inherit; width: inherit; border-radius: inherit; background: linear-gradient(45deg, var(--px-color-1), #fff); z-index: -1; transition: all 0.4s; } .px_video_v1 .et_pb_video_overlay:hover .et_pb_video_overlay_hover .et_pb_video_play::after { transform: rotate(360deg); } /* ----------------------------------- 14 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1.px_CTA_bg { position: relative; overflow: hidden; z-index: 1; } .px_CTA_v1.px_CTA_bg:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(90deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); z-index: -1; opacity: 0.2; } .px_CTA_v1.px_CTA_bg.px_CTA_bg_2:before { background: linear-gradient(-90deg,var(--px-color-1) 0%,rgba(255,255,255,0) 100%); } .px_CTA_v1 .et_pb_module_header {color:#333 !important;} .px_CTA_v1 .et_pb_promo_description span{font-size: 40px;line-height:55px ;color:var(--px-color-1);font-weight:600;} .px_CTA_v1 .et_pb_button_wrapper .et_pb_button { position: relative; overflow: hidden; color: #fff; font-size: 15px !important; background-color: var(--px-color-1) !important; border: none !important; border-radius: 5px !important; padding: 12px 20px !important; z-index: 1; transition: all 0.4s; } .px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover { background-color: var(--px-color-2) !important; } .px_CTA_v1 .et_pb_button_wrapper .et_pb_button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover::before { transform: scaleY(1); } .px_CTA_v1 .et_pb_button_wrapper .et_pb_button::after { display: none !important; } /*---CTA v2 CSS---*/ .px_CTA_v2 { position: relative; z-index: 1; overflow: hidden; } .px_CTA_v2:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--px-color-1); z-index: -1; opacity: 0.1; } .px_CTA_v2 .et_pb_button_wrapper .et_pb_button, .px_CTA_v3 .et_pb_button_wrapper .et_pb_button, .px_CTA_v4 .et_pb_button_wrapper .et_pb_button { position: relative; overflow: hidden; background-color: var(--px-color-1) !important; z-index: 1; transition: all 0.4s; } .px_CTA_v2 .et_pb_button_wrapper .et_pb_button::before, .px_CTA_v3 .et_pb_button_wrapper .et_pb_button::before, .px_CTA_v4 .et_pb_button_wrapper .et_pb_button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_CTA_v2 .et_pb_button_wrapper .et_pb_button:hover::before, .px_CTA_v3 .et_pb_button_wrapper .et_pb_button:hover::before, .px_CTA_v4 .et_pb_button_wrapper .et_pb_button:hover::before { transform: scaleY(1); } .px_CTA_v2 .et_pb_button_wrapper .et_pb_button::after, .px_CTA_v3 .et_pb_button_wrapper .et_pb_button::after, .px_CTA_v4 .et_pb_button_wrapper .et_pb_button::after { display: none !important; } /*---CTA v3 CSS---*/ .px_CTA_v3 .et_pb_promo_description div { position: absolute; right: 0; top: 0; padding: 10px 10px 5px 10px; border: 2px solid; border-radius: 10px; font-size: 25px; text-transform: uppercase; } .px_CTA_v3 .et_pb_promo_description div span { font-size: 15px; } @media only screen and (max-width: 767px) { .px_CTA_v1 .et_pb_promo_description span { font-size: 30px; line-height: 35px; } .px_CTA_v3 .et_pb_promo_description div { top: auto; bottom: -45px; } } /*---CTA v3 CSS---*/ .px_CTA_v4 { backdrop-filter: blur(5px); width: max-content !important; } /* ----------------------------------- 15 Countdown Timer Section CSS Start Here -------------------------------------*/ /* Countdown V1 CSS Start */ .px_countdown_v1 .et_pb_countdown_timer_container .title { margin-bottom: 15px; } .px_countdown_v1 .et_pb_countdown_timer_container .section, .et-db #et-boc .et-l .px_countdown_v1 .et_pb_countdown_timer_container .section { max-width: unset; display: inline-block; margin-right: 10px; } .px_countdown_v1 .et_pb_countdown_timer_container .section:last-child, .et-db #et-boc .et-l .px_countdown_v1 .et_pb_countdown_timer_container .section:last-child { margin-right: 0px; } .px_countdown_v1 .et_pb_countdown_timer_container .values { color: var(--px-color-1); } .px_countdown_v1 .et_pb_countdown_timer_container .sep, .et-db #et-boc .et-l .px_countdown_v1 .et_pb_countdown_timer_container .sep { display: none; } /* Countdown V1 CSS End */ /* Countdown V2 CSS Start */ .px_countdown_v2 .et_pb_countdown_timer_container .title { margin-bottom: 15px; } .px_countdown_v2 .et_pb_countdown_timer_container .section { width: 80px; max-width: unset; display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 5px; border-radius: 5px; background-color: #fff; } .px_countdown_v2 .et_pb_countdown_timer_container .sep { display: none; } @media only screen and (max-width:576px){ .px_countdown_v1 .et_pb_countdown_timer_container .section, .et-db #et-boc .et-l .px_countdown_v1 .et_pb_countdown_timer_container .section { margin-right: 5px; width: 60px; } } /* Countdown V2 CSS End */ /* ----------------------------------- 15 Countdown Timer Section CSS End Here -------------------------------------*/ /* ----------------------------------- 16 Category CSS -------------------------------------*/ /*---Category v1 CSS---*/ .px_category_v1{} .px_category_v1 .et_pb_button_wrapper .et_pb_button { position: relative; overflow: hidden; color: #fff; font-size: 15px !important; background-color: var(--px-color-1) !important; border: none !important; border-radius: 5px !important; padding: 12px 20px !important; z-index: 1; transition: all 0.4s; } .px_category_v1 .et_pb_button_wrapper .et_pb_button:hover { background-color: var(--px-color-2) !important; } .px_category_v1 .et_pb_button_wrapper .et_pb_button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_category_v1 .et_pb_button_wrapper .et_pb_button:hover::before { transform: scaleY(1); } .px_category_v1 .et_pb_button_wrapper .et_pb_button::after { display: none !important; } /* ----------------------------------- 00. Gallery CSS -------------------------------------*/ .px_gallery .et_pb_gallery_items { display: flex; } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay{ background-color: rgb(0 0 0 / 50%); border: none; overflow: hidden; transition: 0.5s; } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay::before{ content:"\e09a"; color: var(--px-color-1); } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image{ overflow: hidden; transition: 0.5s; } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img{ height:250px; object-fit: cover; transition: 0.5s; } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image:hover img{ filter: blur(4px); transform: scale(1.1); transition: 0.5s; } @media only screen and (min-width:577px) and (max-width:980px){ .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img{ height: 200px; } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay::before{ font-size: 20px; } } @media only screen and (max-width:576px){ .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img{ height: 100px; } .px_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay::before{ font-size: 15px; } } /* ----------------------------------- 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 -------------------------------------*/ /*---Discount v1 CSS---*/ .px_discount_v1_col .px_discount_v1_img{ overflow:hidden; } .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap { height:240px; } .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap:before{ content: ''; position: absolute; height: 90%; width: 90%; background: var(--px-color-2); z-index: 5; opacity: 0.5; transform: scale(1); transition: .3s ease-in-out; margin: 15px; top: 0px; border-radius: 5px; } .px_discount_v1_col:hover .px_discount_v1_img .et_pb_image_wrap:before{ transform: scale(1.5); transition: .3s ease-in-out; } .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img { height:100%; object-fit:cover; } .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img { transform: scale(1) rotate(0deg); transition:.3s ease-in-out; } .px_discount_v1_col:hover .px_discount_v1_img .et_pb_image_wrap img { transform: scale(1.2) rotate(5deg); transition:.3s ease-in-out; } .px_discount_v1_col .px_discount_v1_cta .et_pb_module_header:before{ content: ''; position: absolute; height: 25px; width: 60px; top: -6px; left: 75px; background: var(--px-color-1); z-index: -1; border-radius: 10px; } .px_discount_v1_col .px_discount_v1_cta{ position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); } .px_discount_v1_col .px_discount_v1_cta .et_pb_button_wrapper .et_pb_button{ background: var(--px-color-1); color: #fff; border:3px solid transparent!important; transform:scale(1); transition:.2s ease-in-out; } .px_discount_v1_col .px_discount_v1_cta .et_pb_button_wrapper .et_pb_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; } @media only screen and (min-width:480px) and (max-width:980px){ .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img, .px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap{ width:100%; } } /*---Discount v2 CSS---*/ .px_wc_product_cta .et_pb_button_wrapper .et_pb_button{ background: var(--px-color-1); color: #fff; border:3px solid transparent!important; transform:scale(1); transition:.2s ease-in-out; } .px_wc_product_cta .et_pb_button_wrapper .et_pb_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; } /* ----------------------------------- 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 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; } /* ----------------------------------- 21 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 } /* ----------------------------------- 22 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*/ /*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; } /* ----------------------------------- 23 Search Page CSS -------------------------------------*/ .px_search_v1 .et_pb_searchform div .et_pb_searchsubmit { background-color: var(--px-color-1); color: #fff; padding: 10px 20px; transition: all 0.4s; margin: 4px; border-radius: 5px; } .px_search_v1 .et_pb_searchform div .et_pb_searchsubmit:hover { background-color: var(--px-color-2); } /* ----------------------------------- 24 Hero Section CSS Start Here -------------------------------------*/ .px_hero_v1 { background: linear-gradient(var(--px-color-1),var(--px-color-1)); background-blend-mode: overlay; background-color: rgb(255 255 255 / 85%); } .px_hero_v1 .px_hero_cta .et_pb_promo_description { display: flex; flex-direction: column-reverse; } .px_hero_v1 .px_hero_img .et_pb_image_wrap { background: linear-gradient(var(--px-color-1),var(--px-color-1)); background-blend-mode: overlay; background-color: rgb(255 255 255 / 85%); border: 6px solid transparent; } .px_hero_v1 .et_pb_bottom_inside_divider { filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.1)); } .px_hero_v1 .px_hero_cta .et_pb_promo_description .et_pb_module_header { padding-top: 10px; } .px_hero_v1 .px_hero_cta .et_pb_button_wrapper .et_pb_button { position: relative; overflow: hidden; background-color: var(--px-color-1) !important; z-index: 1; transition: all 0.4s; } .px_hero_v1 .px_hero_cta .et_pb_button_wrapper .et_pb_button::before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .px_hero_v1 .px_hero_cta .et_pb_button_wrapper .et_pb_button:hover::before { transform: scaleY(1); } .px_hero_v1 .px_hero_cta .et_pb_button_wrapper .et_pb_button::after { display: none !important; } @media only screen and (min-width: 981px) { .px_hero_v1 .px_hero_row .et_pb_column { margin-top: auto; margin-bottom: auto; } } /* ----------------------------------- 24 Hero Section CSS End Here -------------------------------------*/ /* ----------------------------------- 25 Why choose us CSS Start Here -------------------------------------*/ .px_choose_us_v1 .px_choose_us_row .et_pb_column { align-self: center } .px_choose_us_blurb .et_pb_module_header{ background: linear-gradient(to right, var(--px-color-1) 50%, #202020 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%; transition: all 0.8s; } .px_choose_us_blurb.light .et_pb_module_header {background: linear-gradient(to right, var(--px-color-1) 50%, #fff 50%); background-clip: text !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%; transition: all 0.8s;} .px_choose_us_blurb .et_pb_module_header:hover{ background-position: 0 100%;} .px_choose_us_blurb .et_pb_image_wrap { height: 60px; width: 60px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background-color: var(--px-color-1); transition: all 0.4s; overflow: hidden; position:relative; } .px_choose_us_blurb .et_pb_image_wrap:before { content: ""; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.3s ease-out; z-index:1; } .px_choose_us_blurb:hover .et_pb_image_wrap:before {background-color: var(--px-color-2);transform: scaleY(1);} .px_choose_us_blurb .et_pb_image_wrap img { width: 35px; filter: invert(1); border-radius: 0px; position: relative; z-index: 9; } .px_choose_us_shape_img .et_pb_image_wrap { box-shadow: inset 0px 0px 0px 25px var(--px-color-1); padding: 5px; border-radius: 50%; animation: spin 10s infinite linear; } .px_choose_us_shape_img .et_pb_image_wrap img { filter: brightness(0) invert(1); } /* ----------------------------------- 25 Why choose us CSS End Here -------------------------------------*/ /*------------------------------------------- -- 26 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; } } /* ----------------------------------- 27 Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes squares { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 20%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } /*Modification variable couleur primaire et secondaire*/ /*changer mes couleurs primaires et secondaires*/ :root { --px-color-1: #8FE4D8 !important; --px-color-2: #1663F7 !important; /* secondaire */ }