/* Theme Name: Divi Perfume Shop Child Theme Theme URI: https://divi-professional.com/ Description: Divi Perfume Shop Theme created for the online stores selling perfume, flowers, fragrance, cosmetics, jewelry, makeup, fashion, watch, glass, clothes, women accessories. Best & Clean Woocommerce Theme for Perfume Shop, Perfume Oils, Room Freshness Products, Cosmetic Perfumes, deodorant, antiperspirant spray, cologne, women fashion products, premium fashion products. Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .px_title{margin-bottom: 15px !important;} .px_title h2{color: var(--px-color-2); font-size: 50px; display: initial; position: relative; font-weight: 600; text-transform: capitalize;} .px_subtitle{margin-bottom:20px !important; position:relative; margin: auto; margin-bottom: auto; width: fit-content;} .px_subtitle.left{margin: unset;} .px_subtitle::before{content: "\34"; font-family: ETmodules; position: absolute; top: 20px; font-size: 20px; color: var(--px-color-1); font-weight: 800; left: -12px; transform: rotate(-45deg);} .px_subtitle::after{content: "\33"; font-family: ETmodules; position: absolute; top: 20px; font-size: 20px; color: var(--px-color-1); font-weight: 800; right: -8px; transform: rotate(-45deg);} .px_subtitle .et_pb_text_inner{position:relative; padding: 10px !important;} .px_subtitle .et_pb_text_inner::before{content:""; background:var(--px-color-1); opacity:0.15; position:absolute; height:100%; width:100%; top:0; left:0;} .px_subtitle h3{text-transform: uppercase; color: var(--px-color-1); font-size: 14px; font-weight: 600; padding:0px;} .px_subtitle h3::before{content: "\34"; font-family: ETmodules; position: absolute; top: -6px; font-size: 20px; color: var(--px-color-1); font-weight: 800; left: -10px; transform: rotate(45deg);} .px_subtitle h3::after{content: "\33"; font-family: ETmodules; position: absolute; top: -5px; font-size: 20px; color: var(--px-color-1); font-weight: 800; right: -8px; transform: rotate(-135deg);} .px_desc {font-size: 16px; line-height: 30px; color: #6a6a6a;} .px_heading_underline .et_pb_icon_wrap .et-pb-icon{color: var(--px-color-1) !important;} .px_heading_underline .et_pb_icon_wrap .et-pb-icon::before{content: ""; width: 60px; height: 2px; border-radius: 50%; position: absolute; top: 20px; left: 140%; z-index: -1; background: var(--px-color-1);} .px_heading_underline .et_pb_icon_wrap .et-pb-icon::after{content: ""; width: 60px; height: 2px; border-radius: 50%; position: absolute; top: 20px; right: 150%; z-index: -1; background: var(--px-color-1);} /*---Button CSS---*/ .px_btn{color: #fff; background: var(--px-color-1); padding: 12px 30px !important; font-size:15px; border:2px solid transparent !important; border-radius: 2px !important; letter-spacing: 3px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_btn::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_btn::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_btn:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0); } .px_btn:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0); } .px_btn:hover{background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_btn.dark {background: var(--px-color-2);} .px_btn.dark:hover::before{border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2);} .px_btn.dark:hover::after{border-right-color: var(--px-color-2); border-left-color: var(--px-color-2);} .px_btn.dark:hover{color:var(--px-color-2);} /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } /*---Slick Js CSS---*/ .slick-next::before{content:"\24";} .slick-prev::before{content:"\23";} .slick-next::before, .slick-prev::before{font-family:ETmodules; color:var(--px-color-2); background: #fff; padding: 8px; opacity:1; box-shadow: 1px 2px 6px 4px #35394433;} .slick-next {right: -5px; } .slick-prev {left: -16px; z-index: 1;} /*---Section Divider CSS---*/ .px_divider .et_pb_bottom_inside_divider{z-index: 0 !important;} /* Max Width & Reverse Column CSS */ /*---Responsive CSS---*/ @media only screen and (min-width:577px) and (max-width:980px){ /*---Title CSS---*/ .px_title h2{font-size:40px;} /* Max Width Col */ .px_max_width.et_pb_column:last-child, .px_max_width{ max-width:400px; margin:auto !important; float:none !important; margin-bottom: 30px !important; } /* Reverse Col */ .px_reverse_row .et_pb_row, .px_reverse_row{display:flex; flex-direction:column-reverse;} .px_reverse_row .px_reverse_col{order:1; margin-bottom:30px !important;} } @media only screen and (max-width:576px){ /*---Title CSS---*/ .px_title h2{font-size:30px;} .px_subtitle h3{font-size: 16px;} /*---Button CSS---*/ .px_btn{padding: 10px 20px !important; font-size:12px;} .px_btn::before{border-bottom: 2px solid;} .px_btn::after{width: calc(100% - 5px) !important; border-right: 3px solid;} /* 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;} } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after { font-family: ETmodules; content: "\33"; color: inherit; font-size: 16px; position: absolute; right: 0; top: unset !important; transform: translateY(0); font-weight: 800; transition: all 0.4s; } .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:hover::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:hover::after { color: var(--px-color-1); } .px_header_menu.et_pb_menu .et-menu li ul li.menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li ul li.menu-item-has-children>a:first-child:after { color: var(--px-color-2); } .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul { position: absolute; top: 100%; padding: 15px; opacity: 0; visibility: hidden; z-index: 100; background: #ffffff; border-top: none !important; transition: all 300ms ease; box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%); } .px_header_menu.et_pb_menu .et_pb_menu__menu ul li.mega-menu ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li.mega-menu ul li ul { position: relative; left: 0; margin-top: 0px; padding: 0px; opacity: 1; visibility: visible; z-index: 100; background: #fff; border-top: none !important; transition: all 300ms ease; box-shadow: unset; } .px_header_menu.et_pb_menu .et-menu-nav .et_pb_menu__menu ul li.mega-menu>ul>li>a:first-child, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav .et_pb_menu__menu ul li.mega-menu>ul>li>a:first-child { font-weight: 700; border-bottom: 1px solid #e7e7e7; } .px_header_menu.et_pb_menu ul li:hover>ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li:hover>ul { visibility: visible; opacity: 1; display: block; } .px_header_menu.et_pb_menu ul li, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li { margin-top: 0; } .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li ul, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li ul { left: calc(100% + 25px); margin-top: -65px; } .px_header_menu.et_pb_menu ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a { position: relative; font-size: 16px; color: #202020; font-weight: 600; padding-top: 30px !important; padding-bottom: 10px !important; transition: all 0.4s; border-bottom: 2px solid transparent; margin-bottom: 20px; } .px_header_menu.et_pb_menu .et_mobile_nav_menu ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_mobile_nav_menu ul li a { padding-top: 10px !important; padding-bottom: 10px !important; } .px_header_menu.et_pb_menu .et_mobile_nav_menu .et_mobile_menu, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_mobile_nav_menu .et_mobile_menu {border-top: 3px solid var(--px-color-1); top: 116%;} .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li a { position: relative; font-size: 16px; color: #202020; font-weight: 600; padding-top: 0px; padding-bottom: 10px; transition: all 0.4s; border-bottom: 2px solid transparent; margin-bottom: 20px; } .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a { padding-top: 0px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; padding-right: 10px; font-size: 15px; } .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a, .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a, .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after, .px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after { color: var(--px-color-1); border-bottom: 2px solid var(--px-color-1); } .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after, .px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after { color: var(--px-color-1); border-bottom: 0; } .px_header_menu.et_pb_menu ul li a:hover, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a:hover { color: var(--px-color-1); opacity: 1; border-bottom: 2px solid var(--px-color-1); } .px_label, .et-db #et-boc .et-l .px_label { display: unset; font-size: 10px; font-weight: 600; margin: 0px 0px 0px 5px; position: relative; top: -10px; color: #ffffff; background-color: var(--px-color-1); padding: 6px; border-radius: 50px 50px 50px 0px; } .px_header_menu.et_pb_menu ul li ul li, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li { padding: 0px; } .px_header_menu.et_pb_menu ul li ul li a, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a { padding-left: 0; position: relative; padding: 5px 0px 5px 0px !important; margin-bottom: 10px; font-weight: 500; border: none; font-size: 15px; text-transform: capitalize; color: #202020; border-bottom: 2px solid transparent; transition: all 0.4s; } .px_header_menu.et_pb_menu ul li ul li a:hover, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a:hover { background-color: unset; } .px_header_menu.et_pb_menu ul li ul li a::after, .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a::after { top: 5px !important; right: 5px !important; } .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu, .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu{margin: auto;} .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.5s; } .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); transform:rotate(360deg); } .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 .et_pb_menu__wrap .et_pb_menu__menu, .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu{margin-left: 0; margin-right: auto;} @media only screen and (max-width:1230px){ .px_header_v2_col_1{width:100% !important;} .px_header_v2_col_2{display: none !important;} } /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ .px_header_social li{margin-bottom:0px; transition:0.5s;} .px_header_social li:hover a::before{color:var(--px-color-1) !important; transform: rotate(360deg); transition:0.5s;} /*---Search Bar---*/ .px_search{border:0;} .px_search .et_pb_searchform input.et_pb_s{border: 1px solid #ced4da; border-right:0px; border-radius: 5px 0px 0px 5px; color: var(--px-color-2); height: 50px !important; transition: 0.5s;} .px_search .et_pb_searchform input.et_pb_searchsubmit{background: var(--px-color-1); color: #fff; height: 50px !important; border-radius: 0px 5px 5px 0px; padding: 0px 20px; font-weight: 500; transition: 0.5s;} .px_search .et_pb_searchform input.et_pb_s:focus, .px_search .et_pb_searchform:hover input.et_pb_s{border-color: var(--px-color-2);} .px_search .et_pb_searchform input.et_pb_searchsubmit:hover, .px_search .et_pb_searchform:hover input.et_pb_searchsubmit{background: var(--px-color-2); color:#fff;} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title {position:relative; margin-bottom: 30px;} .px_footer_title::after{content:""; background:var(--px-color-2); height:3px; width:70px; position:absolute; left:15px; bottom:0; border-radius:5px; opacity: 1 !important; margin-left: 0;} .px_footer_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1)!important;} .px_footer_links {color: #2a2a2a; font-weight: 600;} .px_footer_links:hover {color: var(--px-color-1); background:transparent !important;} .px_footer_social li{margin-bottom:0px; transition:0.5s;} .px_footer_social li a::before{color:var(--px-color-2) !important; transition:0.5s;} .px_footer_social li:hover a::before{color:var(--px-color-1) !important; transform: rotate(360deg); transition:0.5s;} /*---Footer v2 CSS---*/ .px_footer_v2_links{color:#fff; transition:0.5s;} .px_footer_v2_links:hover{color:var(--px-color-1); background:transparent !important; transition:0.5s;} .px_footer_v2_title{position:relative;} .px_footer_v2_title::after{content: ""; background: #fff; height: 3px; width: 70px; position: absolute; left: 15px; bottom: 0; border-radius: 5px; opacity: 1 !important; margin-left: 0;} .px_footer_v2_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_footer_v2_info{color:#fff; transition:0.5s;} .px_footer_v2_info::before{color:var(--px-color-1); transition:0.5s;} .px_footer_v2_info:hover{color:var(--px-color-1) !important; background:transparent !important; transition:0.5s;} .px_footer_v2_social li{margin-bottom:0px; transition:0.5s;} .px_footer_v2_social li a::before{color:#fff !important; transition:0.5s;} .px_footer_v2_social li:hover a::before{color:var(--px-color-1) !important; transform: rotate(360deg); transition:0.5s;} /*----------------------------------- 04. Sidebar CSS Start Here -------------------------------------*/ .px_right_sidebar_column .et_pb_column {position:sticky; top:0;} .px_left_sidebar_column {position:sticky; top:0;} /* Blog Sidebar CSS Start */ .px_sidebar .widgettitle, .et-db #et-boc .et-l .px_sidebar .widgettitle {color: var(--px-color-2); padding-bottom: 10px; margin-bottom: 30px; position: relative; font-size: 20px; font-weight: 600;} .px_sidebar .widgettitle::after, .et-db #et-boc .et-l .px_sidebar .widgettitle::after{position: absolute; content: ''; width: 30px; border-bottom: 3px solid var(--px-color-1); bottom: -5px; left: 20px;} .px_sidebar .widgettitle::before, .et-db #et-boc .et-l .px_sidebar .widgettitle::before{position: absolute; content: ''; width: 15px; border-bottom: 3px solid var(--px-color-1); bottom: -5px; left: 0;} .px_sidebar .et_pb_widget, .et-db #et-boc .et-l .px_sidebar .et_pb_widget {background: #F6F6F6; padding: 30px; border-radius: 10px; margin-bottom: 30px;} .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: 1px solid #ced4da; border-radius: 5px; color: var(--px-color-2); height: 50px !important; transition:0.5s;} .px_sidebar .et_pb_widget.widget_search .searchform:hover input#s, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform:hover input#s {border: 1px solid var(--px-color-2); transition:0.5s;} .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit {background: var(--px-color-1); color: #fff; border: 1px solid var(--px-color-1); height: 50px !important; border-radius: 0px 5px 5px 0px; transition:0.5s;} .px_sidebar .et_pb_widget.widget_search .searchform:hover input#searchsubmit, .et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform:hover input#searchsubmit, .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 {border: 1px solid var(--px-color-2); background: var(--px-color-2); transition:0.5s;} .px_sidebar .widget_categories ul .cat-item, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {border-bottom: 1px solid #ced4da; padding: 12px 0px; margin:0; font-weight: 600; color: var(--px-color-2); display: flex; justify-content: space-between; transition:0.5s;} .px_sidebar .widget_categories ul .cat-item:hover, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:hover{color: var(--px-color-1); transition:0.5s;} .px_sidebar .widget_categories ul .cat-item:last-child, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:last-child {border-bottom:0px;} .px_sidebar .widget_categories ul .cat-item a, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a {font-weight: 600; color: var(--px-color-2); font-size: 15px; transition:0.5s;} .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:"\39"; font-family:ETmodules; margin-right: 5px; top: 2px; position: relative;} .px_sidebar .widget_categories ul .cat-item a:hover, .et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover {padding-left: 10px; color: var(--px-color-1); transition:0.5s;} .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {background: #fff; padding: 5px 18px; margin-bottom: 10px; margin-right: 10px; border-radius: 50px; color:var(--px-color-2); transition:0.5s;} .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover, .et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover {color: #fff; background:var(--px-color-1); transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item {margin-bottom: 0;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::before, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a::before {content:""; background:var(--px-color-1); height:100%; width:100%; position:absolute; top:0; left:0; opacity:0; z-index:2; transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a {width:85px; height:85px; position:relative; transition:0.5s; overflow:hidden;} .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-width: 1px; object-fit:cover; height: 85px; width: 85px; transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover::before, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover::before {opacity:0.5; transition:0.5s;} .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover img, .et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover img {transform:scale(1.1); transition:0.5s;} .px_blog_sidebar .et_pb_post {display:flex; margin-bottom: 20px; padding-bottom: 0;} .px_blog_sidebar .et_pb_post .entry-featured-image-url{width:30%; height: 80px; margin-bottom: 0; margin-right: 20px;} .px_blog_sidebar .et_pb_post .entry-featured-image-url img{height: 80px; margin: 0; border-radius: 5px; object-fit:cover;} .px_blog_sidebar .et_pb_post .px_blog_sidebar_info{width:70%;} @media only screen and (max-width:980px){ .px_sidebar_column{position:unset; top:unset;} } /* Blog Sidebar CSS End */ /* Shop Sidebar CSS Start */ .px_shop_sidebar .et_pb_widget, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {background: #F6F6F6; padding: 30px; border-radius: 10px; margin-bottom: 30px;} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name, .px_shop_sidebar .et_pb_widget .widgettitle, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {color: var(--px-color-2); padding-bottom: 10px; margin-bottom: 30px; position: relative; font-size: 20px; font-weight: 600;} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name::before, .px_shop_sidebar .et_pb_widget .widgettitle::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle::before{position: absolute; content: ''; width: 15px; border-bottom: 3px solid var(--px-color-1); bottom: -5px; left: 0;} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name::after, .px_shop_sidebar .et_pb_widget .widgettitle::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle::after{position: absolute; content: ''; width: 30px; border-bottom: 3px solid var(--px-color-1); bottom: -5px; left: 20px;} /* Cart CSS */ .px_shop_sidebar .et_pb_widget ul li, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget ul li {margin: 10px 0px; padding-top: 10px; padding-bottom:15px; border-bottom: 1px solid #ced4da;} .px_shop_sidebar .et_pb_widget ul li:last-child, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget ul li:last-child {border-bottom: 0px;} .px_shop_sidebar .et_pb_widget ul li .remove, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget ul li .remove {top: 15px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .variation, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .variation {border: 0px; padding: 10px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .variation dt, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .variation dt {color: var(--px-color-2);} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .variation dd, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .variation dd {margin-left: 8px; margin-bottom: 5px;} .px_shop_sidebar .et_pb_widget ul li a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget ul li a {color: var(--px-color-2); font-size: 16px; margin-bottom: 5px; transition:0.5s;} .px_shop_sidebar .et_pb_widget ul li a:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget ul li a:hover {color: var(--px-color-1); transition:0.5s;} .px_shop_sidebar .et_pb_widget ul li a img, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget ul li a img {height: 80px; width: 80px; object-fit:cover;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity {color: var(--px-color-1); font-weight: 700; font-size: 16px;} .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 {color: var(--px-color-2); padding: 10px 0px; font-size: 16px;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {font-size: 14px; padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* 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 { transition: 0.5s;} .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 {border: 1px solid #ced4da; border-radius: 5px 0px 0px 5px; color: var(--px-color-2); height: 50px !important; transition: 0.5s; padding: 10px; margin-right: -5px; width: 70%;} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search:hover .search-field, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search:hover .search-field{border: 1px solid var(--px-color-2); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button {background: var(--px-color-1); color:#fff; border: 1px solid var(--px-color-1); height: 50px !important; border-radius: 0px 5px 5px 0px; padding: 10px; transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover, .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search:hover button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search:hover button{background: var(--px-color-2); border: 1px solid var(--px-color-2); transition: 0.5s;} /* Filter by price */ .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name{border-bottom: 0;} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_slider, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_slider{height: 4px;} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_slider .ui-slider-range, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_slider .ui-slider-range{background: var(--px-color-1) !important;} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf-slider-label, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf-slider-label{color: var(--px-color-2); font-size: 16px; font-weight: 600; margin-top: 30px;} .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: transparent;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider::before {content:""; background: var(--px-color-1); opacity: 0.2; position: absolute; width: 100%; height: 100%; border-radius: 1em;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button {font-size: 14px; padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label {color: var(--px-color-2); font-size: 15px; font-weight: 600;} /* Filter By Size */ .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_column_vertical li input, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_column_vertical li input{accent-color: var(--px-color-1);} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_column_vertical li label, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_column_vertical li label{color: var(--px-color-2); font-weight: 600; font-size: 16px;} .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_item .wpf_column_vertical li .wpf_item_count, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .wpf_form .wpf_items_wrapper .wpf_column_vertical li .wpf_item_count{background: var(--px-color-1); color: #fff;} /* Product categories */ .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children {padding-left: 30px !important;} .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children li a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children li a{font-size:14px;} /* Products */ .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating {margin: 10px 0px;} .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before {color: #ffd400 !important;} .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 {background: #fff; padding: 5px 18px; margin-bottom: 10px; margin-right: 10px; border-radius: 50px; color: var(--px-color-2); transition: 0.5s;} .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {color: #fff; background: var(--px-color-1); transition: 0.5s;} /* Average rating */ .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a {display: flex; justify-content: space-between;} .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: #ffd400 !important;} /* Recently Viewed Products */ .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li {display: flex; transition:0.5s;} .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 {transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover {color: var(--px-color-1); transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count {margin-left: auto; color: var(--px-color-2); font-weight: 600; transition:0.5s;} .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover .count, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover .count, .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover a, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover a{color: var(--px-color-1); transition:0.5s;} @media only screen and (min-width:981px) and (max-width:1545px){ .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-radius: 5px; margin-bottom:10px;} .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button, .et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button {width:100%; border-radius: 5px;} } /* Shop Sidebar CSS End */ /* ----------------------------------- 04. Sidebar CSS End Here -------------------------------------*/ /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post {border: 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); padding:0; transition:0.5s;} .px_blog_v1 .et_pb_post:hover {border: 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition:0.5s;} /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container {margin: 0;} .px_blog_v1 .et_pb_post .entry-featured-image-url {margin: 0; position:relative; padding-top: 80%; overflow:hidden; transition:0.5s;} .px_blog_v1 .et_pb_post .entry-featured-image-url::before{content:""; background:var(--px-color-1); opacity:0; position:absolute; top:0; left:0; bottom: 0; right: 0; margin: 10px; transform: rotate3d(-1, 1, 0, 100deg); z-index: 1; transition:0.5s;} .px_blog_v1 .et_pb_post .entry-featured-image-url img {position: absolute; top: 0; height: 100%; object-fit: cover; transition:0.5s;} .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img { transform:scale(1.1); transition:0.5s;} .px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before{opacity:0.5; transform: rotate3d(0, 0, 0, 0deg); transition:0.5s;} /*---Info CSS---*/ .px_blog_v1 .et_pb_post .px_blog_v1_info{display: flex; flex-direction: column-reverse; padding: 30px 25px 40px 25px; background: #fff;} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {order:1; color: var(--px-color-1); margin: 10px 0 0 0; transition:0.5s;} .px_blog_v1 .et_pb_post .entry-title:hover {color: var(--px-color-2); transition:0.5s;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta{order:2;} /*---Date CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published::before{content:"\e023"; font-family:ETmodules; margin-right: 8px;} .px_blog_v1 .et_pb_post .post-meta .published {display: block; color: var(--px-color-1); transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta .published:hover {color: var(--px-color-2); transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta a::before{content:"\6e"; font-family:ETmodules; margin-right: 8px; color:var(--px-color-1); font-weight: 800;} .px_blog_v1 .et_pb_post .post-meta a{margin-right: 15px; color:var(--px-color-2); transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta a:hover{color:var(--px-color-1); transition:0.5s;} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content .post-content-inner{margin-bottom: 20px;} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{position:relative; color: #fff; background: var(--px-color-1); padding: 6px 15px !important; border:0; border-radius: 2px !important; font-size: 12px; overflow:hidden !important; display: inline-block; text-transform: capitalize; transition:0.5s;} .px_blog_v1 .et_pb_post .post-content .more-link::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_blog_v1 .et_pb_post .post-content .more-link::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_blog_v1 .et_pb_post .post-content .more-link:hover{background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_blog_v1 .et_pb_post .post-content .more-link:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_blog_v1 .et_pb_post .post-content .more-link:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /*---Pagination Button CSS---*/ .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a {position:relative; color: #fff; background: var(--px-color-2); padding: 5px 10px !important; font-size:12px; border:0; border-radius: 2px !important; overflow:hidden; display: inline-block; transition:0.5s;} .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; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_blog_v1 .pagination .alignleft a::after, .px_blog_v1 .pagination .alignright a::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_blog_v1 .pagination .alignleft a:hover, .px_blog_v1 .pagination .alignright a:hover{background:transparent !important; color:var(--px-color-2); border:0; transition:0.5s;} .px_blog_v1 .pagination .alignleft a:hover::before, .px_blog_v1 .pagination .alignright a:hover::before{border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2); transform: translateX(0);} .px_blog_v1 .pagination .alignleft a:hover::after, .px_blog_v1 .pagination .alignright a:hover::after{border-right-color: var(--px-color-2); border-left-color: var(--px-color-2); transform: translateX(0);} /*---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 div:last-child {grid-column: 1 / -1;} .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) { /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {margin: 10px 0 10px 0; transition:0.5s;} .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 div:last-child {grid-column: 1 / -1;} .px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { margin-bottom: 0; } @media only screen and (max-width: 1150px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 750px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 1fr); } } /*---Blog Grid 4 Columns CSS End ---*/ /* Blog Listing CSS Start */ .px_blog_list .et_pb_post { display: flex; margin-bottom: 30px; } .px_blog_list .et_pb_post .entry-featured-image-url { width: 50%; position:relative; padding-top: 0%; transition:0.5s; } .px_blog_list .et_pb_post .entry-featured-image-url img {position: absolute; top: 0; height: 100%; object-fit: cover; transition:0.5s;} .px_blog_list .et_pb_post .px_blog_v1_info { width: 50%; position: relative; height: fit-content; } .px_blog_list .et_pb_post .px_blog_v1_info .entry-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 800px) { .px_blog_list .et_pb_post { display: block; } .px_blog_list .et_pb_post .entry-featured-image-url, .px_blog_list .et_pb_post .px_blog_v1_info { width: 100%; } } /* Blog Listing CSS End */ .px_single_post_img .et_pb_image_wrap{width: 100%; overflow: hidden; transition: 0.5s;} .px_single_post_img .et_pb_image_wrap::before{content: ""; background: var(--px-color-1); opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 10px; transform: rotate3d(-1, 1, 0, 100deg); z-index: 1; transition: 0.5s;} .px_single_post_img .et_pb_image_wrap:hover::before{opacity: 0.5; transform: rotate3d(0, 0, 0, 0deg); transition: 0.5s;} .px_single_post_img .et_pb_image_wrap img{width: 100% !important; height:250px; object-fit: cover; transition: 0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap{overflow: hidden;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::before{content: ""; background: var(--px-color-1); opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 10px; transform: rotate3d(-1, 1, 0, 100deg); z-index: 1; transition: 0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover::before{opacity: 0.5; transform: rotate3d(0, 0, 0, 0deg); transition: 0.5s;} .px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap img {height: 400px; object-fit: cover;} .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover { color: var(--px-color-1); } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number { position: relative; padding: 0px 10px 0px 20px; display: inline-block; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before, .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before { content: ""; position: absolute; font-family: ETmodules; color: var(--px-color-1); left: 0; font-size: 16px; font-weight: 100; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before { content: "\e08a"; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before { content: "\e023"; } .px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before { content: "\e066"; } .px_blog_single .px_blog_single_cat_blurb{align-self: center; padding-left: 12px;} .px_blog_single .px_blog_single_cat_blurb .et_pb_blurb_content .et_pb_main_blurb_image{width: 0; vertical-align: middle;} .px_blog_single .px_blog_single_cat_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--px-color-1);} .px_blog_single .px_blog_single_cat_blurb .et_pb_blurb_content .et_pb_blurb_container{padding-left: 5px;} .px_blog_single .px_blog_single_cat_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a{color: var(--px-color-2); transition: 0.5s;} .px_blog_single .px_blog_single_cat_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:hover{color: var(--px-color-1); transition: 0.5s;} .px_blog_single .px_blog_single_tag .et_pb_text_inner a{color: var(--px-color-1); font-weight: 500; transition:0.5s;} .px_blog_single .px_single_navigation .nav-previous a[rel="prev"], .px_blog_single .px_single_navigation .nav-next a[rel="next"] {color: var(--px-color-1); transition:0.5s;} .px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover, .px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover {color: var(--px-color-2); transition:0.5s;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_avatar img {border-radius: 50%;} .px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .comment-edit-link {color: var(--px-color-1); font-weight: 600;} body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link {display: inline-block; font-size: 14px; padding: 6px 15px !important;} .px_blog_single .px_blog_single_comments .comment-respond {padding: 30px !important; background: #f6f6f6; border-radius: 10px} .px_blog_single .px_blog_single_comments .comment-respond .comment-form{padding:0px !important;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as{color: var(--px-color-2);} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a {color: var(--px-color-1); font-weight: 700;} .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{width:49%; float:left;} .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{width:49%; float:right;} .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-cookies-consent{color:var(--px-color-2); margin: 15px 0px;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-cookies-consent input[type="checkbox"]{accent-color:var(--px-color-1);} .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 {color: var(--px-color-2); width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important;} .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author input:focus, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email input:focus, .px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url input:focus, .px_blog_single .px_blog_single_comments .et_pb_button {position:relative; color: #fff; background: var(--px-color-1); padding: 12px 30px !important; font-size:14px; border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_blog_single .px_blog_single_comments .et_pb_button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_blog_single .px_blog_single_comments .et_pb_button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_blog_single .px_blog_single_comments .et_pb_button:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_blog_single .px_blog_single_comments .et_pb_button:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_blog_single .px_blog_single_comments .et_pb_button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_blog_single_testimonial .et_pb_testimonial_description .et_pb_testimonial_author::before{content:""; background:var(--px-color-2); width:40px; height:2px; position:absolute; top:12px; left:0px;} .px_blog_single_testimonial .et_pb_testimonial_description .et_pb_testimonial_author{color:var(--px-color-2); position:relative; padding-left: 50px;} /* Blog Single Page CSS End */ /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Label CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_pb_contact_form_label{color: var(--px-color-2); display:block !important; margin-bottom: 15px !important; font-size: 16px !important;} /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition:0.5s; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:focus, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {border: 1px solid var(--px-color-2) !important; transition:0.5s;} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {float: left; margin-top: 20px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {position:relative; color: #fff; background: var(--px-color-1); padding: 12px 30px !important; font-size:15px; border:0; border-radius: 2px !important; letter-spacing: 3px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {overflow:hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); border-radius: 10px;} /* Image Css */ .px_team_v1 .et_pb_team_member_image{margin: 0px !important; position: relative; display: block; max-width: 100%; overflow:hidden;} .px_team_v1 .et_pb_team_member_image::before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: #000; opacity:0.5; width: 0%; transform: translateY(100%); border-top-left-radius: var(--roofsie-bdr-radius); border-top-right-radius: var(--roofsie-bdr-radius); transition: all 500ms ease; z-index: 1; } .px_team_v1:hover .et_pb_team_member_image::before{transform: translateY(0); width: 100%;} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{background: #fff; padding: 20px 10px; position: relative;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{color: var(--px-color-2); transition: 0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover{color: var(--px-color-1); transition: 0.5s;} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {transform: translate(100%,-350%); margin: 0px; position: absolute; left: 0; right: 0; z-index: 1; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{margin: 0} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{color: #fff; background: var(--px-color-1); padding: 5px 10px; margin: 0px 5px; border-radius: 3px; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{background: #fff; color: var(--px-color-1); transform: rotate(360deg); transition:0.5s;} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links{transform: translate(0,-350%); transition:0.5s;} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 {overflow-y: visible;} .px_slider_v1 .et_pb_slide{position:relative; z-index: inherit !important; overflow: hidden !important;} .px_slider_v1 .et_pb_slide::before{content:""; background:#000; opacity:0.8; position:absolute; top:0; left:0; height:100%; width:100%;} /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{font-weight: 800;} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{padding: 100px 0px !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {text-shadow: none; width: 70%; margin: 20px 0px; font-weight: 500;} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {color: #fff; background: var(--px-color-1); padding: 12px 30px !important; font-size:15px; border: 0; border-radius: 2px !important; letter-spacing: 3px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0); } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0); } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{left: -45px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{right: -45px;} .px_slider_v1:hover .et-pb-slider-arrows .et-pb-arrow-prev{left: 22px;} .px_slider_v1:hover .et-pb-slider-arrows .et-pb-arrow-next{right: 22px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{color: var(--px-color-1); background: #fff; padding: 5px; opacity: 1; box-shadow: 1px 2px 6px 4px #35394433; font-size: 30px; transition:0.5s;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover{background: var(--px-color-1); color: #fff; transition:0.5s;} /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers a {background-color: var(--px-color-1);} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {width: 25px;} .px_slider_v2 .et_pb_slide{position:relative;} .px_slider_v2 .et_pb_slide::before{content:""; background:#000; opacity:0.05; position:absolute; top:0; left:0; height:100%; width:100%} /*---Title CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{font-weight: 900; font-size: 50px; line-height: 50px; letter-spacing: .05em; text-transform: uppercase; color: #000 !important; -webkit-text-stroke: .7px #FFF; margin-bottom: -25px; position: relative; text-shadow: 0 0 16px rgba(0,0,0,.1); padding: 0;} /*---Description CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h3{font-weight: 800; font-size: 70px; line-height: 80px; letter-spacing: .05em; text-transform: capitalize; color: #FFF; position: relative; text-shadow: none; font-style: italic;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {text-shadow: none; width: 55%; margin-bottom: 20px; font-weight: 500;} /*---Button CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {color: #fff; background: var(--px-color-1); padding: 12px 30px !important; font-size:15px; border: 0; border-radius: 2px !important; letter-spacing: 3px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0); } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0); } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} /*---Arrow CSS---*/ .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev{left: -45px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next{right: -45px;} .px_slider_v2:hover .et-pb-slider-arrows .et-pb-arrow-prev{left: 22px;} .px_slider_v2:hover .et-pb-slider-arrows .et-pb-arrow-next{right: 22px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next{color: var(--px-color-1); background: #fff; padding: 5px; opacity: 1; box-shadow: 1px 2px 6px 4px #35394433; font-size: 30px; transition:0.5s;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover{background: var(--px-color-1); color: #fff; transition:0.5s;} /*---Dots Navigation CSS---*/ .px_slider_v2 .et-pb-controllers a {background-color: var(--px-color-1);} .px_slider_v2 .et-pb-controllers a.et-pb-active-control {width: 25px;} @media only screen and (min-width:577px) and (max-width:990px){ /*---Slider v1 CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {width: 100%;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{left:22px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {right:22px;} /*---Slider v2 CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{padding: 120px 20px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {width: 100%;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h3{font-size: 50px; line-height: 60px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{font-size: 40px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev{left:22px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next {right:22px;} } @media only screen and (max-width:576px){ /*---Slider v1 CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {width: 100%; margin: 10px 0px;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{padding: 10px 20px !important; font-size:12px;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before{border-bottom: 2px solid;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {opacity:1; padding: 3px; font-size: 20px;line-height: 20px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{left:22px;} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {right:22px;} /*---Slider v2 CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description{padding: 60px 20px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {width: 100%; margin: 10px 0px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{font-size: 30px !important;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h3{font-size: 42px; line-height: 55px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{padding: 10px 20px !important; font-size:12px;} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before{border-bottom: 2px solid;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next {padding: 3px; font-size: 20px;line-height: 20px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev{left:22px;} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next {right:22px;} } /* ----------------------------------- Top Category CSS -------------------------------------*/ .px_category_slide_blurb{margin-bottom: 0px !important;} .px_category_slide_blurb .et_pb_main_blurb_image{margin-bottom:0px !important;} /*.px_category_slide_blurb .et_pb_image_wrap {width:50% !important;}*/ .px_category_slide_blurb .et_pb_image_wrap img{width:100% !important; margin:0px auto !important; object-fit:cover;max-height: 350px;} /*.px_category_slide .slick-slide.slick-active{transform:scale(1.5); z-index:5; transition: 0.5s;} .px_category_slide .slick-list{padding-top: 130px !important; padding-bottom: 50px !important;} .px_category_slide .slick-slide.slick-active .et_pb_image_wrap {width:80% !important; max-width:100% !important;}*/ @media only screen and (max-width:980px){ /*.px_category_slide .slick-slide.slick-active{transform:scale(1.1); z-index:5;}*/ .px_category_slide .slick-list {padding-top: 30px !important; padding-bottom: 0px !important;} } /*---Top Category V2---*/ .px_category_v2_blurb{transition:0.5s;} .px_category_v2_blurb:hover{transform:translatey(-10px); transition:0.5s;} /* Image CSS */ .px_category_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {border: 2px solid #e6e6e6ed; border-radius: 50%; transition:0.5s;} .px_category_v2_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{height: 180px; width: 180px; object-fit: contain; padding: 10px;} .px_category_v2_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {border: 2px solid var(--px-color-1); transition:0.5s;} /* Description CSS */ .px_category_v2_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2); transition:0.5s;} .px_category_v2_blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-1); transition:0.5s;} /* ----------------------------------- New Collection CSS -------------------------------------*/ /* Image CSS */ .px_new_collection_img{transition:1s;} .px_new_collection_img .et_pb_image_wrap {width: 100%; overflow:hidden;} .px_new_collection_img .et_pb_image_wrap img{width: 100% !important; height: 350px; object-fit: cover; transition:1s;} .px_new_collection_img:hover .et_pb_image_wrap img{transform:scale(1.1); transition:1s;} /* CTA CSS */ .px_new_collection_cta .et_pb_promo_description{color:#2a2a2a;} .px_new_collection_cta .et_pb_promo_description .et_pb_module_header{color:#000 !important; margin-bottom: 10px;} .px_new_collection_cta .et_pb_button_wrapper{margin-top: 5px;} .px_new_collection_cta .et_pb_button_wrapper .et_pb_button {color: #fff; background: var(--px-color-2); padding: 12px 30px !important; font-size:15px; border:0; border-radius: 2px !important; letter-spacing: 3px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_new_collection_cta .et_pb_button_wrapper .et_pb_button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_new_collection_cta .et_pb_button_wrapper .et_pb_button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_new_collection_cta .et_pb_button_wrapper .et_pb_button:hover::before{border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2); transform: translateX(0); } .px_new_collection_cta .et_pb_button_wrapper .et_pb_button:hover::after{border-right-color: var(--px-color-2); border-left-color: var(--px-color-2); transform: translateX(0); } .px_new_collection_cta .et_pb_button_wrapper .et_pb_button:hover{background:transparent !important; color:var(--px-color-2); border:0; transition:0.5s;} @media only screen and (max-width:576px){ /*---Button CSS---*/ .px_btn{padding: 10px 20px !important; font-size:12px;} .px_btn::before{border-bottom: 2px solid;} .px_btn::after{width: 97%;} } /* ----------------------------------- Customer Satisfactions CSS -------------------------------------*/ .px_customer_satisfaction_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--px-color-1);} .px_customer_satisfaction_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--px-color-2);} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 .et_pb_toggle{padding:0; border:0px; margin-bottom: 40px !important; border-radius: 10px;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_close{background:transparent;} .px_faqs_v1 .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title{box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius:10px; color: var(--px-color-1);} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {padding:20px;} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {content: "\4c"; color: var(--px-color-1); right: 20px} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {background: var(--px-color-2); color:#fff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius:10px 10px 0px 0px;} /*---Open Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\4b"; font-family: ETmodules !important; display: block; color: #fff;} /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{padding:20px; background:var(--px-color-1); color:#fff; border-radius: 0px 0px 10px 10px;} @media only screen and (max-width:576px){ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {border-radius:10px 10px 0px 0px;} .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{width: 100%;} } /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1.et_pb_testimonial {transition:0.5s;} .px_testimonial_v1.et_pb_testimonial:hover{transform:translatey(-10px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition:0.5s;} .px_testimonial_v1.middle.et_pb_testimonial{display: flex; flex-direction: column-reverse;} /*---Image CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait{margin:auto; float: none;} .px_testimonial_v1.middle.et_pb_testimonial .et_pb_testimonial_portrait{margin-bottom:0px; margin:auto;} /*---Description---*/ .px_testimonial_v1.middle.et_pb_testimonial .et_pb_testimonial_description {display: flex; flex-direction: column-reverse; margin: 0 !important;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description{margin: 0 !important;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner{color:#2a2a2a; margin:30px 0px;} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {color: var(--px-color-1) !important; margin:0;} .px_testimonial_v1.middle.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {order: 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"} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 .et_pb_countdown_timer_container .sep {opacity: 0;} .px_counter_v1 .et_pb_countdown_timer_container .values {color:var(--px-color-2); position:relative; padding: 10px 0px;} .px_counter_v1 .et_pb_countdown_timer_container .values::before{content:""; background:var(--px-color-1); opacity:0.25; position:absolute; height:100%; width:100%; top: 0; z-index: -1;} @media only screen and (max-width:576px){ .px_counter_v1 .et_pb_countdown_timer_container .values {width: 22%;}} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 70%;} .px_newsletter_v1.et_pb_newsletter_form .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field input[type=text] {border-radius: 0;} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 30%;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {position:relative; color: #fff; background: var(--px-color-2); padding: 12px 30px !important; font-size:14px; border:0; border-radius: 2px !important; letter-spacing: 2px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{background:transparent !important; color:var(--px-color-2); border:0; transition:0.5s;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::before{border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2); transform: translateX(0);} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::after{border-right-color: var(--px-color-2); border-left-color: var(--px-color-2); transform: translateX(0);} @media only screen and (max-width:655px){ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 100%;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 100%;} } @media only screen and (max-width: 1390px){ /*---CTA v1 CSS---*/ body div.et_pb_section.px_CTA_v1 {background-image: none !important;} } /* ----------------------------------- 23 Sales Section CSS -------------------------------------*/ .px_sales_section_v1_cta{overflow:hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);} .px_sales_section_v1_cta::before{content: ""; display: block; background: var(--px-color-1); opacity:0.5; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; margin: 20px; transform: rotate3d(-1, 1, 0, 100deg);transition: all 0.4s ease-in-out 0s;} .px_sales_section_v1_cta:hover::before{opacity: 0.6; transform: rotate3d(0, 0, 0, 0deg);} /* Description CSS */ .px_sales_section_v1_cta .et_pb_promo_description{ transition: 0.3s; background: var(--px-color-1); padding: 30px 0; /*transform: translateX(-120%); */} /* BUtton CSS */ .px_sales_section_v1_cta .et_pb_button_wrapper{margin-top: 20px; transform: translateX(150%); transition:0.3s;} .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button{color: #fff; background: var(--px-color-2); padding: 10px 25px !important; font-size:15px; border:0; border-radius: 2px !important; letter-spacing: 3px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button:hover::before{border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2); transform: translateX(0); } .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button:hover::after{border-right-color: var(--px-color-2); border-left-color: var(--px-color-2); transform: translateX(0); } .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button:hover{background:transparent !important; color:var(--px-color-2); border:0; transition:0.5s;} .px_sales_section_v1_cta:hover .et_pb_promo_description{transform: translateX(0%); transition:0.3s;} .px_sales_section_v1_cta:hover .et_pb_button_wrapper{transform: translateX(0%); transition:0.3s;} @media only screen and (max-width:576px){ /*---Button CSS---*/ .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button{padding: 10px 20px !important; font-size:12px;} .px_sales_section_v1_cta .et_pb_button_wrapper .et_pb_button::before{border-bottom: 2px solid;} } .px_sales_section_v2_cta{overflow:hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); height: 400px; width: 100%;} .px_sales_section_v2_cta::before{content: ""; display: block; background: #fff; opacity:0.9; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 40px; transition: 1s;} .px_sales_section_v2_cta:hover::before{transform: translateY(10px); transition: 1s;} .px_sales_section_v2_cta.bottom::before{display:none;} /* Description CSS */ .px_sales_section_v2_cta .et_pb_promo_description{color: var(--px-color-2) !important; margin-top: 10px; transition:1s;} .px_sales_section_v2_cta:hover .et_pb_promo_description{margin-top: 20px; transition:1s;} .px_sales_section_v2_cta.bottom .et_pb_promo_description{position: absolute; bottom: 0; left: 0; right: 0; margin: 20px 30px; padding: 10px; transition:1s;} .px_sales_section_v2_cta.bottom:hover .et_pb_promo_description{margin-bottom:35px; transition:1s;} .px_sales_section_v2_cta.bottom .et_pb_promo_description::before{content: ""; display: block; background: #fff; opacity:0.9; position: absolute; top: auto; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; transition: all 0.4s ease-in-out 0s;} .px_sales_section_v2_cta.bottom .et_pb_promo_description div{position: relative; z-index:3;} .px_sales_section_v2_cta .et_pb_promo_description .et_pb_module_header{width: fit-content; margin: auto; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid var(--px-color-1); color: var(--px-color-2) !important;} /* BUtton CSS */ .px_sales_section_v2_cta .et_pb_button_wrapper{margin-top: 20px; transition:0.3s;} .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button{color: #fff; background: var(--px-color-2); padding: 10px 25px !important; font-size:15px; border:0; border-radius: 2px !important; letter-spacing: 3px; overflow:hidden; text-transform: uppercase; transition:0.5s;} .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button:hover::before{border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2); transform: translateX(0); } .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button:hover::after{border-right-color: var(--px-color-2); border-left-color: var(--px-color-2); transform: translateX(0); } .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button:hover{background:transparent !important; color:var(--px-color-2); border:0; transition:0.5s;} @media only screen and (max-width:576px){ /*---Button CSS---*/ .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button{padding: 10px 20px !important; font-size:12px;} .px_sales_section_v2_cta .et_pb_button_wrapper .et_pb_button::before{border-bottom: 2px solid;} } /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ .px_404_error_page_text h2{color: var(--px-color-2);} .px_404_error_page_text h5{color: var(--px-color-2); margin: 20px 0px;} .px_404_error_page_text p{color: var(--px-color-2);} /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* ----------------------------------- 00. Page Title CSS Start Here -------------------------------------*/ /* Simple Page Title CSS Start */ .px_page_title, .et-db #et-boc .et-l .px_page_title{position:relative;} .px_page_title::before, .et-db #et-boc .et-l .px_page_title::before {content:""; background-color: var(--px-color-1); height:100%; width:100%; position:absolute; top:0; left:0; opacity:0.8;} .px_page_title .px_page_title_name .et_pb_text_inner, .et-db #et-boc .et-l .px_page_title .px_page_title_name .et_pb_text_inner { text-align: center; font-size: 30px; line-height: 1.2; font-weight: 700; color: #fff; text-transform: uppercase; } .px_page_title .px_page_title_row, .et-db #et-boc .et-l .px_page_title .px_page_title_row { padding-top: 0; } .px_page_title .px_page_title_row .px_page_title_column, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column { display: flex; align-items: center; justify-content: center; } .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn { color: #fff; } .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-2); } .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before { color: #fff !important; } /* Simple Page Title CSS End */ /* Product Page Title CSS Start */ .px_product_title_v1, .et-db #et-boc .et-l .px_product_title_v1 { background-color: var(--px-color-1); } .px_product_title_v1 .px_product_title_name h1, .et-db #et-boc .et-l .px_product_title_v1 .px_product_title_name h1 { text-align: center; font-size: 30px; line-height: 1.2; font-weight: 600; color: #fff; } .px_product_title_v1 .px_page_title_row, .et-db #et-boc .et-l .px_product_title_v1 .px_page_title_row { padding-top: 0; } .px_product_title_v1 .px_product_title_name .et_pb_text_inner, .et-db #et-boc .et-l .px_product_title_v1 .px_product_title_name .et_pb_text_inner { } .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner { text-align: center; } .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb { color: #fff; margin-bottom: 0; } .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a { color: #fff; transition: all 0.4s; } .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover { color: var(--px-color-2); } /* Product Page Title CSS End */ /* ----------------------------------- 00. Page Title CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Shop Page CSS Start Here -------------------------------------*/ /* Shop CSS Start */ .px_wc_product .woocommerce-ordering .orderby {padding: 10px; background: #f7f7f7; color: var(--px-color-2) !important;} .px_wc_product .woocommerce-pagination .page-numbers, .px_wc_product .woocommerce-pagination .page-numbers li {border: 0;} .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers {padding: 6px 12px; border-radius: 3px; margin: 0px 5px; color: var(--px-color-1); font-weight: 600;} .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover, .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current {color:#fff; background: var(--px-color-1);} /* Shop CSS End */ /* Shop & Related & Up Sell & Cross Sell Product CSS Start */ .px_wc_product .woocommerce .woocommerce-result-count, .px_wc_related_product .related h2, .px_wc_upsell_product .up-sells h2, .px_wc_cross_sell_product .cross-sells h2, .et-db #et-boc .et-l .px_wc_product .woocommerce .woocommerce-result-count, .et-db #et-boc .et-l .px_wc_related_product .related h2, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells h2, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells h2 {color: var(--px-color-2); font-weight: 600; margin-bottom: 20px;} .px_wc_product ul.products, .px_wc_related_product .related ul.products, .px_wc_upsell_product .up-sells ul.products, .px_wc_cross_sell_product .cross-sells ul.products, .et-db #et-boc .et-l .px_wc_product ul.products, .et-db #et-boc .et-l .px_wc_related_product .related ul.products, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products {margin-bottom: 0;} .px_wc_product ul.products li.product, .px_wc_related_product .related ul.products li.product, .px_wc_upsell_product .up-sells ul.products li.product, .px_wc_cross_sell_product .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product {border: 1px solid #f1f1f1; padding-bottom: 30px; overflow: hidden; background: #fff; transition:0.5s;} .px_wc_product ul.products li.product:hover, .px_wc_related_product .related ul.products li.product:hover, .px_wc_upsell_product .up-sells ul.products li.product:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link {display: block;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale { font-size: 14px; padding: 3px 50px !important; background-color: #e12c43 !important; z-index: 5; border-radius: 0 !important; transform: rotate(-45deg); left: -40px !important; top: 15px !important; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image {overflow:hidden; transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {margin: 0 !important; transition:0.5s; width: 100%; height: 350px; object-fit: contain; padding: 50px 50px 0px 50px;} .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img {transform:scale(1.1); transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay {display: none !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {color: var(--px-color-2); margin: 20px 10px 0px 10px; transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover {color: var(--px-color-1); transition:0.5s;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {margin: auto !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {color: #ffd400 !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount {color: var(--px-color-1);} .px_wc_product ul.products li.product .button, .px_wc_related_product .related ul.products li.product .button, .px_wc_upsell_product .up-sells ul.products li.product .button, .px_wc_cross_sell_product .cross-sells ul.products li.product .button, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button {border-color: transparent; color: #fff; background: var(--px-color-1); padding: 8px 20px !important; font-size:12px; border-radius: 2px !important; overflow:hidden; margin: 12px 5px 0px 0px; border: transparent; transition:0.5s;} .px_wc_product ul.products li.product .button:hover, .px_wc_related_product .related ul.products li.product .button:hover, .px_wc_upsell_product .up-sells ul.products li.product .button:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover {background:transparent !important; color:var(--px-color-1); transition:0.5s;} .px_wc_product ul.products li.product .button::before, .px_wc_related_product .related ul.products li.product .button::before, .px_wc_upsell_product .up-sells ul.products li.product .button::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .button::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_wc_product ul.products li.product .button:hover::before, .px_wc_related_product .related ul.products li.product .button:hover::before, .px_wc_upsell_product .up-sells ul.products li.product .button:hover::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_wc_product ul.products li.product .button.loading::after, .px_wc_related_product .related ul.products li.product .button.loading::after, .px_wc_upsell_product .up-sells ul.products li.product .button.loading::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button.loading::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button.loading::after {content: "\e02d"; font-family: ETmodules; color: var(--px-color-2); position: absolute; top: 0; right: 0; bottom: 0; left:0; animation: rotation 3s infinite linear; opacity: 1; margin: auto; border:0px;} .px_wc_product ul.products li.product .button::after, .px_wc_related_product .related ul.products li.product .button::after, .px_wc_upsell_product .up-sells ul.products li.product .button::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_wc_product ul.products li.product .button:hover::after, .px_wc_related_product .related ul.products li.product .button:hover::after, .px_wc_upsell_product .up-sells ul.products li.product .button:hover::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_wc_product ul.products li.product .added_to_cart, .px_wc_related_product .related ul.products li.product .added_to_cart, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart {position:relative; color: #fff; background: var(--px-color-1); padding: 5px 20px !important; font-size:12px; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_wc_product ul.products li.product .added_to_cart::before, .px_wc_related_product .related ul.products li.product .added_to_cart::before, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_wc_product ul.products li.product .added_to_cart:hover::before, .px_wc_related_product .related ul.products li.product .added_to_cart:hover::before, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_wc_product ul.products li.product .added_to_cart::after, .px_wc_related_product .related ul.products li.product .added_to_cart::after, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important;} .px_wc_product ul.products li.product .added_to_cart:hover::after, .px_wc_related_product .related ul.products li.product .added_to_cart:hover::after, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_wc_product ul.products li.product .added_to_cart:hover, .px_wc_related_product .related ul.products li.product .added_to_cart:hover, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover {background:transparent !important; color:var(--px-color-1); transition:0.5s;} @media only screen and (min-width:577px) and (max-width: 980px) { .px_wc_product ul.products li.product:nth-child(n), .px_wc_related_product .related ul.products li.product:nth-child(n), .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_product ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n) { margin-bottom: 4% !important; } .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img{ margin: 0 !important; transition: 0.5s; width: 100%; height: 250px; object-fit: contain; padding: 20px; } .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {margin: 0px 10px 0px 10px;} } @media only screen and (max-width: 576px) { .px_wc_product ul.products li.product:nth-child(n), .px_wc_related_product .related ul.products li.product:nth-child(n), .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_product ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n) { margin-bottom: 4% !important; } .px_wc_product ul.products.columns-3 li.product, .px_wc_related_product .related ul.products.columns-3 li.product, .px_wc_upsell_product .up-sells ul.products.columns-3.columns-3 li.product, .px_wc_cross_sell_product .cross-sells ul.products.columns-3 li.product, .et-db #et-boc .et-l .px_wc_product ul.products.columns-3 li.product, .et-db #et-boc .et-l .px_wc_related_product .related ul.products.columns-3 li.product, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products.columns-3 li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products.columns-3 li.product {width:100% !important;} } /* Shop & Related & Up Sell & Cross Sell Product CSS End */ .px_wc_product_mini ul.products li.product, .px_wc_related_product_mini .related ul.products li.product, .px_wc_upsell_product_mini .up-sells ul.products li.product, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {border:1px solid #eee; background:#fff;} .px_wc_product_mini ul.products li.product::before, .px_wc_related_product_mini .related ul.products li.product::before, .px_wc_upsell_product_mini .up-sells ul.products li.product::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product::before{position: absolute; content: ""; background-color: var(--px-color-1); opacity: 0.2 !important; width: 100%; height: 100%; bottom: -10px; right: -10px; transition: transform .4s ease-out,opacity .4s ease-out; z-index: -1;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {float: left; height: 120px; width: 120px; object-fit: contain; padding: 10px; margin-right: 10px !important; margin-bottom: 0 !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay {display: none;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {color: var(--px-color-2); transition: 0.5s;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover {color: var(--px-color-1); transition: 0.5s;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {margin: 0 !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before {color: #ffd400 !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price {color: var(--px-color-1) !important;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .price del, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .price del, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del {color: var(--px-color-1) !important; opacity:0.4;} .px_wc_product_mini ul.products li.product .button, .px_wc_related_product_mini .related ul.products li.product .button, .px_wc_upsell_product_mini .up-sells ul.products li.product .button, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button {position:relative; color: #fff; background: var(--px-color-1); padding: 5px 10px !important; font-size:12px; border:0; border-radius: 2px !important; overflow:hidden; margin-top: 5px; transition:0.5s;} .px_wc_product_mini ul.products li.product .button:hover, .px_wc_related_product_mini .related ul.products li.product .button:hover, .px_wc_upsell_product_mini .up-sells ul.products li.product .button:hover, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_wc_product_mini ul.products li.product .button::before, .px_wc_related_product_mini .related ul.products li.product .button::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .button::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_wc_product_mini ul.products li.product .button.loading::after, .px_wc_related_product_mini .related ul.products li.product .button.loading::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .button.loading::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button.loading::after {content: "\e02d"; font-family: ETmodules; color: var(--px-color-2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: fit-content; animation: rotation 3s infinite linear; opacity: 1; margin: auto; border: 0px;} .px_wc_product_mini ul.products li.product .button:hover::before, .px_wc_related_product_mini .related ul.products li.product .button:hover::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .button:hover::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_wc_product_mini ul.products li.product .button::after, .px_wc_related_product_mini .related ul.products li.product .button::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .button::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_wc_product_mini ul.products li.product .button:hover::after, .px_wc_related_product_mini .related ul.products li.product .button:hover::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .button:hover::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_wc_product_mini ul.products li.product .added_to_cart, .px_wc_related_product_mini .related ul.products li.product .added_to_cart, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart {position: relative; color: #fff; background: var(--px-color-1); padding: 3px 10px !important; font-size: 12px; border: 0; border-radius: 2px !important; overflow: hidden; margin-left: 5px; transition: 0.5s;} .px_wc_product_mini ul.products li.product .added_to_cart:hover, .px_wc_related_product_mini .related ul.products li.product .added_to_cart:hover, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart:hover, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_wc_product_mini ul.products li.product .added_to_cart::before, .px_wc_related_product_mini .related ul.products li.product .added_to_cart::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_wc_product_mini ul.products li.product .added_to_cart:hover::before, .px_wc_related_product_mini .related ul.products li.product .added_to_cart:hover::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart:hover::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_wc_product_mini ul.products li.product .added_to_cart::after, .px_wc_related_product_mini .related ul.products li.product .added_to_cart::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_wc_product_mini ul.products li.product .added_to_cart:hover::after, .px_wc_related_product_mini .related ul.products li.product .added_to_cart:hover::after, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart:hover::after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} @media only screen and (min-width:980px) and (max-width: 1205px){ .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img {float: none; margin: auto !important;} .px_wc_product_mini ul.products li.product, .px_wc_related_product_mini .related ul.products li.product, .px_wc_upsell_product_mini .up-sells ul.products li.product, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {text-align: center; padding: 10px;} .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating {float: none; margin: auto auto 8px auto !important;} } @media only screen and (max-width: 980px) { .et-db #et-boc .et-l .px_wc_product_mini ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product_mini .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product_mini .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product_mini .cross-sells ul.products li.product { margin-bottom: 4% !important; } } @media only screen and (max-width: 600px) { .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title { width: 100%; padding-top: 10px; } .px_wc_product_mini ul.products.columns-1 li.product, .px_wc_related_product_mini .related ul.products li.product, .px_wc_upsell_product_mini .up-sells ul.products li.product, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product {width:100% !important; margin-top: 15px !important;} } /* Shop & Related & Up Sell & Cross Sell Mini Product CSS End */ /* ----------------------------------- 00. Shop Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Single Page CSS Start Here -------------------------------------*/ /* px_wc_cart_notice CSS Start */ .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error, .px_wc_cart_notice .cart-empty, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error, .et-db #et-boc .et-l .px_wc_cart_notice .cart-empty { background-color: var(--px-color-1); } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message { background-color: var(--px-color-1); } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button, .px_wc_cart_notice .return-to-shop .button, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button {border: none; font-size: 14px; padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-2); border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::before, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::before, .px_wc_cart_notice .return-to-shop .button::before, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::before, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::before, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after, .px_wc_cart_notice .return-to-shop .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover, .px_wc_cart_notice .return-to-shop .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover {background:transparent !important; color:var(--px-color-2); border:0; transition:0.5s;} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::before, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::before, .px_wc_cart_notice .return-to-shop .button:hover::before, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::before, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::before, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover::before {border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2); transform: translateX(0);} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after, .px_wc_cart_notice .return-to-shop .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover::after {border-right-color: var(--px-color-2); border-left-color: var(--px-color-2); transform: translateX(0);} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info { background-color: var(--px-color-1); } /* px_wc_cart_notice CSS End */ /* px_wc_product_img CSS Start */ .px_wc_product_img .et_pb_module_inner .onsale, .et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .onsale {font-size: 14px !important; padding: 8px 12px !important; background-color: var(--px-color-1) !important; z-index: 5; border-radius: 100px 100px 100px 0 !important;} .px_wc_product_img .flex-viewport, .et-db #et-boc .et-l .px_wc_product_img .flex-viewport {border: 2px solid #eee;} /*.px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, .et-db #et-boc .et-l .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {height: 400px; width: 100%; padding: 50px;}*/ .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img, .et-db #et-boc .et-l .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img { object-fit: contain; } .px_wc_product_img .flex-control-nav li, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li {border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04);} .px_wc_product_img .flex-control-nav li img, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img {object-fit: contain; height: 100px; width: 100%; padding: 10px;} .px_wc_product_img .flex-control-nav li img.flex-active, .et-db #et-boc .et-l .px_wc_product_img .flex-control-nav li img.flex-active {border: 2px solid var(--px-color-1);} /* px_wc_product_img CSS End */ /* px_wc_product_title CSS Start */ .px_wc_product_title .et_pb_module_inner h1, .et-db #et-boc .et-l .px_wc_product_title .et_pb_module_inner h1 {color: var(--px-color-2); font-weight: 700; transition:0.5s;} .px_wc_product_title .et_pb_module_inner h1:hover, .et-db #et-boc .et-l .px_wc_product_title .et_pb_module_inner h1:hover {color: var(--px-color-1); cursor:pointer; transition:0.5s;} /* px_wc_product_title CSS End */ /* px_wc_product_rating CSS Start */ .px_wc_product_rating .woocommerce-product-rating span::before, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating span::before {color: #ffd400 !important;} .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link {color: var(--px-color-1); font-weight: 600; margin-left: 10px; transition:0.5s;} .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover {color: var(--px-color-2); transition:0.5s;} /* px_wc_product_rating CSS End */ /* px_wc_product_price CSS Start */ .px_wc_product_price .price, .et-db #et-boc .et-l .px_wc_product_price .price {color: var(--px-color-1);} .px_wc_product_price .price del[aria-hidden="true"] .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_product_price .price del[aria-hidden="true"] .woocommerce-Price-amount {color: var(--px-color-1);} /* px_wc_product_price CSS End */ /* px_wc_short_desc CSS Start */ .px_wc_short_desc, .et-db #et-boc .et-l .px_wc_short_desc {color: var(--px-color-2) !important; font-size: 16px; line-height: 30px;} /* px_wc_short_desc CSS End */ /* px_wc_add_to_cart_info CSS Start */ .px_wc_add_to_cart_info .stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .stock { position: relative; font-size: 15px !important; font-weight: 600; padding-left: 20px; } .px_wc_add_to_cart_info .in-stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock { color: var(--px-color-2) !important; } .px_wc_add_to_cart_info .out-of-stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock { color: #ff0000 !important; position: relative; } .px_wc_add_to_cart_info .stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .stock::before { position: absolute; content: ""; font-family: etmodules; left: 0; } .px_wc_add_to_cart_info .in-stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock::before { content: "\52"; color: var(--px-color-1); } .px_wc_add_to_cart_info .out-of-stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock::before { content: "\51"; color: #ff0000; top: -1px; } /* Variable product */ .px_wc_add_to_cart_info .variations_form .variations tbody tr th, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr th {color: var(--px-color-2); font-size: 16px;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td span::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td span::after {margin:0px; top:35px; right: 15px;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select {background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 12px !important; font-size: 14px; margin-bottom: 6px;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option {color: var(--px-color-2); font-size: 14px; font-weight: 500;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations {color: red; font-size: 15px; font-weight: 600;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-description, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-description {font-size: 15px; line-height: 30px;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price {margin-bottom: 20px;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {font-size: 24px; font-weight: 700; color: var(--px-color-1);} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text {background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); color: #6c6c6c; margin-right: 10px; max-width: 100px;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td {color: var(--px-color-1); font-size: 16px; font-weight: 700; vertical-align: middle; padding: 10px 0;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a {color: var(--px-color-2); font-size: 16px; font-weight: 600; transition:0.5s;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover {color: var(--px-color-1); transition:0.5s;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount {opacity: 0.5;} .px_wc_add_to_cart_info .cart .quantity, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .quantity {color: var(--px-color-2); font-size: 15px; font-weight: 600; } .px_wc_add_to_cart_info .cart .quantity .input-text, .et-db #et-boc .et-l .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .quantity .input-text {background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); color: #6c6c6c; margin-right: 10px; max-width: 100px;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button {border: none; font-size: 14px;padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-1); border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* px_wc_add_to_cart_info CSS End */ .px_wc_product_meta .product_meta, .et-db #et-boc .et-l .px_wc_product_meta .product_meta {padding-top: 35px;} .px_wc_product_meta .product_meta .sku_wrapper, .px_wc_product_meta .product_meta .posted_in, .px_wc_product_meta .product_meta .tagged_as, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .sku_wrapper, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as {color: var(--px-color-2); font-size: 16px; display: block; margin-bottom: 10px; font-weight: 600;} .px_wc_product_meta .product_meta .sku_wrapper .sku, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .sku_wrapper .sku {color: var(--px-color-1); margin-left: 10px;} .px_wc_product_meta .product_meta .posted_in a[rel="tag"], .px_wc_product_meta .product_meta .tagged_as a[rel="tag"], .et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in a[rel="tag"], .et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as a[rel="tag"] {color: var(--px-color-1); margin-left: 10px; font-weight: 600; transition:0.5s;} .px_wc_product_meta .product_meta .posted_in a[rel="tag"]:hover, .px_wc_product_meta .product_meta .tagged_as a[rel="tag"]:hover, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in a[rel="tag"]:hover, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as a[rel="tag"]:hover {color: var(--px-color-2); transition:0.5s;} /* px_wc_product_meta CSS End */ /* px_wc_product_tabs CSS Start */ .px_wc_product_tabs, .et-db #et-boc .et-l .px_wc_product_tabs {padding-top: 30px; background: #fff; margin-bottom: 50px !important;} .px_wc_product_tabs .et_pb_tabs_controls, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls {background: transparent;} .px_wc_product_tabs .et_pb_tabs_controls::after, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls::after {border: 0;} .px_wc_product_tabs li, .et-db #et-boc .et-l .px_wc_product_tabs li {border: 0; margin: 0px 15px 15px 15px;} .px_wc_product_tabs ul li a, .et-db #et-boc .et-l .px_wc_product_tabs ul li a {background: #f0f0f0; font-size: 15px; border-radius: 3px; padding: 10px 20px; color: var(--px-color-2) !important; transition: 0.5s;} .px_wc_product_tabs ul li a:hover, .px_wc_product_tabs ul li.et_pb_tab_active a, .et-db #et-boc .et-l .px_wc_product_tabs ul li a:hover, .et-db #et-boc .et-l .px_wc_product_tabs ul li.et_pb_tab_active a {background: var(--px-color-1); color: #fff !important; transition: 0.5s;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {font-size: 15px; line-height: 30px;} /* Tabs Additional Info */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 {font-size: 18px; color: var(--px-color-1); font-weight: 700;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th {color: var(--px-color-2); padding: 12px;} /* Tabs Reviews */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments {color: var(--px-color-2); font-size: 16px; margin-bottom: 20px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title {color: var(--px-color-2); font-weight: 600; font-size: 22px; margin-bottom: 10px !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span {color: var(--px-color-1);} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before {color: #ffd400 !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author {color: var(--px-color-1);} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description {color: var(--px-color-2);} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title {color: var(--px-color-2); font-size: 15px; font-weight: 600;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form {margin-top: 5px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a::before, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a::before {color: #ffd400 !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea {width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition: 0.5s; height: 200px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea:focus, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit {position:relative; color: #fff; background: var(--px-color-1); padding: 12px 30px !important; font-size:15px; border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover {background:var(--px-color-2) !important; color:#fff; border:0; transition:0.5s;} /* px_wc_product_tabs CSS End */ /* ----------------------------------- 00. Single Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Cart Page CSS Start Here -------------------------------------*/ /* for table */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table th {color: var(--px-color-2); font-size: 16px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img {height: 80px; width: 80px; object-fit: contain;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a {color: var(--px-color-1); font-size: 15px; font-weight: 600; transition:0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a:hover {color: var(--px-color-2); transition:0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name .variation{padding: 10px 0;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name .variation dt{color: var(--px-color-2); padding: 5px 0px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name .variation dd{padding: 5px 0px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price .woocommerce-Price-amount {color: var(--px-color-2);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity {color: var(--px-color-2); font-size: 15px; font-weight: 600;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty {background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); color: #6c6c6c; margin-right: 10px; padding: 16px 8px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-amount {color: var(--px-color-2); font-size: 16px; font-weight: 600;} /* coupon */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text { width: 60% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin: 15px 0px; transition: 0.5s; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button {border: none; font-size: 14px; padding: 15px 20px; margin: 15px 0px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button::before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button::after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button:hover, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button:hover::before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button:hover::after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* Cart totals css */ .px_cart_totols .cart_totals h2 {color: var(--px-color-2); font-weight: 700;} .px_cart_totols .cart_totals .shop_table th {color: var(--px-color-2);} .px_cart_totols .cart_totals .shop_table td strong{color: var(--px-color-1); font-size: 16px; font-weight: 700;} .px_cart_totols .cart_totals .shop_table .cart-subtotal td .woocommerce-Price-amount {color: var(--px-color-1); font-size: 16px; font-weight: 700;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li input[type="radio"]{accent-color:var(--px-color-1) !important;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li label .amount{color: var(--px-color-2);} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination strong{color: var(--px-color-2); font-size: 14px;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator {margin: 15px 0px 10px 0px !important;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a {color: var(--px-color-1); font-size: 16px; font-weight: 600; transition:0.5s;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a:hover {color: var(--px-color-2); text-decoration:underline; transition:0.5s;} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text {width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button{border: none; font-size: 14px; padding: 12px 25px !important; position:relative; color: #fff; background: var(--px-color-1); border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::before, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button::before, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::before, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button:hover, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::before, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button:hover::before, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::before, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::after, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button:hover::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p button:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* ----------------------------------- 00. Cart Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Checkout Page CSS Start Here -------------------------------------*/ /* login */ .px_checkout_login .woocommerce-info { background-color: var(--px-color-1); } .px_checkout_login .login p { color: var(--px-color-2); font-weight: 600; font-size: 16px; } .px_checkout_login .login .form-row label { color: var(--px-color-2); font-size: 15px; } .px_checkout_login .login .form-row input { background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px !important; padding: 15px !important; margin-bottom: 15px; accent-color: var(--px-color-1); transition: 0.5s; } .px_checkout_login .login .form-row input:focus {border: 1px solid var(--px-color-2) !important;} /* button */ .px_checkout_login .login .form-row .button { border: none; font-size: 14px; padding: 12px 25px !important; position: relative; color: #fff; background: var(--px-color-1); border-radius: 2px !important; overflow: hidden; transition: 0.5s; } .px_checkout_login .login .form-row .button:hover { background: transparent !important; color: var(--px-color-1); border: 0; transition: 0.5s; } .px_checkout_login .login .form-row .button::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display: block !important; opacity: 1; transition: all .3s ease-out !important; } .px_checkout_login .login .form-row .button:hover::before { border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0); } .px_checkout_login .login .form-row .button::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width: calc(100% - 4px); transition: all .4s ease-out !important; } .px_checkout_login .login .form-row .button:hover::after { border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0); } /* lost Pass */ .px_checkout_login .login p.lost_password{margin-top: 30px;} .px_checkout_login .login .lost_password a {color: var(--px-color-1);} /* Toggle */ .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info { background-color: var(--px-color-1); } .px_checkout_login .woocommerce-error { background-color: var(--px-color-1); } /* coupen */ .px_checkout_login .checkout_coupon p {color: var(--px-color-2); font-weight: 600; font-size: 16px;} .px_checkout_login .checkout_coupon .form-row input { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px !important; padding: 15px !important; transition: 0.5s; } .px_checkout_login .checkout_coupon .form-row input:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} /* button */ .px_checkout_login .checkout_coupon .form-row .button {position:relative; color: #fff; background: var(--px-color-1); padding: 14px 30px !important; font-size:15px; border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_checkout_login .checkout_coupon .form-row .button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_checkout_login .checkout_coupon .form-row .button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_checkout_login .checkout_coupon .form-row .button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_checkout_login .checkout_coupon .form-row .button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_checkout_login .checkout_coupon .form-row .button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} @media only screen and (max-width:576px){ .px_checkout_login .checkout_coupon .form-row .button {width:100%;} } /*------ Checkout Details ------*/ .px_checkout_details form .woocommerce-billing-fields h3 {color: var(--px-color-2); font-weight: 700; font-size: 24px;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label {color: var(--px-color-2); font-size: 15px;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input {width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition: 0.5s; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection { width: 100%; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition: 0.5s; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection .select2-selection__arrow{top: 25px;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} /*------ Checkout Address ------*/ .px_checkout_address form #ship-to-different-address .checkbox input {accent-color: var(--px-color-1);} .px_checkout_address form #ship-to-different-address .checkbox span {color: var(--px-color-2); font-weight: 600; font-size: 18px;} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row label {color: var(--px-color-2);} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition: 0.5s; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition: 0.5s; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection .select2-selection__arrow{top: 28px;} /* Addition Information */ .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields h3 {color: var(--px-color-2); font-weight: 700; font-size: 24px;} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition: 0.5s; } .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} /* Heading */ .px_checkout_order form #order_review_heading {color: var(--px-color-2); font-weight: 700; font-size: 24px; margin-bottom: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-name {color: var(--px-color-2); font-size: 20px; border-right: 1px solid rgba(0,0,0,.1); padding: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-total {color: var(--px-color-2); font-size: 20px; padding: 15px 15px 15px 30px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td {padding: 12px; border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td:last-child {border-right: 0;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name {color: var(--px-color-2); font-size: 14px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total {padding-left: 30px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total .amount {color: var(--px-color-2); font-size: 15px;} /*--- tfoot ---*/ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot th {border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot td {padding-left: 30px;} /* Subtotal */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th {border-right: 1px solid rgba(0,0,0,.1);} /* Shipping */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping th {border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods input {accent-color: var(--px-color-1);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods label {color: var(--px-color-2); font-size: 15px;} /* Total Order */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot th, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot td {color: var(--px-color-2); font-size: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total .amount {color: var(--px-color-1); font-size: 16px;} /*------ Checkout Payment ------*/ .px_checkout_payment .checkout input {accent-color: var(--px-color-1);} /* Payment Methods */ .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error { background-color: var(--px-color-1); } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p {font-size: 14px; line-height: 28px; color: var(--px-color-1); font-weight: 600;} /* Place Order */ .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button {border: none; font-size: 14px; background-color: var(--px-color-1); color: #fff; padding: 12px 25px; transition: all 0.4s; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover { background-color: var(--px-color-2); } /* Order details Main */ .px_checkout_payment .woocommerce-order .woocommerce-notice {color: var(--px-color-1); font-size: 18px; font-weight: 800; margin-bottom: 30px;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview li {font-size: 14px;} .px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong {color: var(--px-color-2); font-size: 14px; margin-top: 6px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {color: var(--px-color-2); font-weight: 700; font-size: 24px; margin-bottom: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead tr th {color: var(--px-color-2); font-size: 20px; border-right: 1px solid rgba(0,0,0,.1); padding: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td {color: var(--px-color-2); font-size: 16px; padding: 12px; border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td:last-child {border-right:0;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a {color: var(--px-color-2); font-size: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr th {color: var(--px-color-2); font-size: 15px; border-right: 1px solid rgba(0,0,0,.1);} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr td {color: var(--px-color-2); font-size: 15px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr td .amount{color: var(--px-color-1); font-size: 16px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details h2 {color: var(--px-color-2); font-weight: 700; font-size: 24px; margin-bottom: 5px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address {background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); font-size: 15px; line-height: 35px; font-style: italic; padding: 15px 25px; margin-bottom: 30px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email {color: var(--px-color-2); padding-bottom: 0; font-style: normal; position:relative; transition:0.5s;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone::before, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email::before {color: var(--px-color-1); font-weight: 600; top: 5px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone:hover, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email:hover {color: var(--px-color-1); transition:0.5s;} /* Payment Methods */ .px_checkout_payment #payment { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; margin-bottom: 15px; transition: 0.5s; padding: 25px !important; } .px_checkout_payment #payment .wc_payment_methods li input {accent-color: var(--px-color-1);} .px_checkout_payment #payment .wc_payment_methods li label {color: var(--px-color-2); font-size: 15px; font-weight: 600;} .px_checkout_payment #payment .wc_payment_methods li .payment_box {background: transparent; position: relative;} .px_checkout_payment #payment .wc_payment_methods li .payment_box::before {content:""; background:var(--px-color-1); opacity:0.1; position:absolute; height:100%; width:100%; top:0; left:0; margin: 0; border: 0;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions{max-height: 250px; overflow: auto; width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 0 !important;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {color: var(--px-color-2); font-weight: 700; text-decoration: underline; transition:0.5s;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a:hover {color: var(--px-color-1); transition:0.5s;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-checkbox-text a{color: var(--px-color-1); font-weight: 700; text-decoration: underline; transition:0.5s;} .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-checkbox-text a:hover{color: var(--px-color-2); transition:0.5s;} .px_checkout_payment #payment .form-row .button {margin-top: 30px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_checkout_payment #payment .form-row .button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_checkout_payment #payment .form-row .button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_checkout_payment #payment .form-row .button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_checkout_payment #payment .form-row .button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_checkout_payment #payment .form-row .button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_checkout_payment .woocommerce-error a {color: #fff;} /* ----------------------------------- 00. Checkout Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. My Account Page CSS Start Here -------------------------------------*/ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error { background-color: var(--px-color-1); } /* Register Form CSS */ .px_my_account .woocommerce .woocommerce-form-register .form-row label {color: var(--px-color-2); margin-bottom: 10px; font-size: 15px;} .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text {width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 10px; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit {font-size: 14px; padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p {margin-bottom: 20px;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a {color: var(--px-color-2); font-weight: 600; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a:hover {color: var(--px-color-1); transition: 0.5s;} /* Login Form CSS */ .px_my_account .woocommerce h2 {color: var(--px-color-2) !important;} /* Label CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row label {color: var(--px-color-2); margin-bottom: 10px; font-size: 15px;} .px_my_account .woocommerce .woocommerce-form-login .form-row input.woocommerce-form__input-checkbox{accent-color:var(--px-color-1);} /* Input Field CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text {width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 10px; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} /* Button CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit {font-size: 14px; padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 5px); transition: all .4s ease-out !important;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* Lost Password CSS */ .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword {margin-top: 20px;} .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a {color: var(--px-color-1); font-size: 16px; font-weight: 600;} /* Reset Password CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword p {font-size: 15px; color: var(--px-color-2);} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text {width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 15px; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text:focus {border: 1px solid var(--px-color-2) !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button {position:relative; color: #fff; background: var(--px-color-1); padding: 12px 30px !important; font-size:15px; border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} /* Reset Password Error Box CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {position:relative; background:transparent !important;} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error::before {position:absolute; content:""; background: var(--px-color-1); opacity:0.3; height:100%; width:100%; top:0; left:0; display: block !important; z-index: -1;} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li {font-size: 14px;margin: 5px 0px; color: var(--px-color-2);} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li::before {content:"\e061"; font-family:ETmodules; color: red;} /* Navigation CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation {margin-bottom: 40px;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; background-color: var(--px-color-1); padding: 15px; border-radius: 15px; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li {transition: all 0.4s; border-radius: 5px; padding: 10px; margin: 6px 0px;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a {font-size: 15px; color: #fff;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover {background-color: var(--px-color-2);} /* Content CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info {background: var(--px-color-1);} .px_my_account .woocommerce .woocommerce-MyAccount-content p {font-size: 16px; margin-bottom: 20px;} .px_my_account .woocommerce .woocommerce-MyAccount-content mark {background: var(--px-color-1); color: #fff; padding: 3px 10px;} .px_my_account .woocommerce .woocommerce-MyAccount-content p strong {color: var(--px-color-2); transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p strong:hover {color: var(--px-color-1); transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a { color: var(--px-color-1); transition: all 0.4s; } .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button {font-size: 14px;padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button:hover::before{border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again .button:hover::after{border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* Download CSS*/ .px_my_account .woocommerce .woocommerce-Message { background-color: var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info a.button, .px_my_account .woocommerce .woocommerce-Message a.button {font-size: 14px;padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-2); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info a.button::after, .px_my_account .woocommerce .woocommerce-Message a.button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info a.button::before, .px_my_account .woocommerce .woocommerce-Message a.button:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info a.button:hover, .px_my_account .woocommerce .woocommerce-Message a.button:hover {background:transparent !important; color:var(--px-color-2); border:0; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info a.button:hover::before, .px_my_account .woocommerce .woocommerce-Message a.button:hover::before {border-top-color: var(--px-color-2); border-bottom-color: var(--px-color-2); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info a.button:hover::after, .px_my_account .woocommerce .woocommerce-Message a.button:hover::after {border-right-color: var(--px-color-2); border-left-color: var(--px-color-2); transform: translateX(0);} /* Address CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {color: var(--px-color-2); font-weight: 700;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a {color: var(--px-color-1); font-size: 18px; font-weight: 600;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a:hover {color: var(--px-color-2); text-decoration: underline;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); font-size: 15px; line-height: 35px; font-style: italic; padding: 15px 25px; margin-bottom: 30px;} /* Account Details CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label {color: var(--px-color-2);} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 10px; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:focus {border: 1px solid var(--px-color-2) !important; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row em {font-size: 14px; color: #999} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend {font-size: 14px; color: #999;} .px_my_account .woocommerce .woocommerce-MyAccount-content form h3 {color: var(--px-color-2); font-weight: 700;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields label {color: var(--px-color-2);} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input, .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 { width: 100% !important; background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); border-radius: 10px; padding: 15px !important; margin-bottom: 10px; transition:0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input:focus, .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2:focus{border: 1px solid var(--px-color-2) !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection {border: 0;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection__arrow {top: 15px; right: 15px;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button {font-size: 14px; padding: 12px 25px; position:relative; color: #fff; background: var(--px-color-1); border:0; border-radius: 2px !important; overflow:hidden; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 2px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* Order List */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr th {color: var(--px-color-2); font-size: 18px; padding: 10px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td {color: var(--px-color-2); font-size: 14px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a {color: var(--px-color-1); font-size: 16px; font-weight: 600; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a:hover {color: var(--px-color-2); transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button {position:relative; color: #fff; background: var(--px-color-1); border-radius: 2px !important; overflow:hidden; border: none; font-size: 14px; background-color: var(--px-color-1); color: #fff; padding: 8px 25px; margin: 6px 0px; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a::after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; border-right: 2px solid; border-left: 2px solid; transform: translateY(-100%); width:calc(100% - 4px); transition: all .4s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a::before, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 2px solid; border-bottom: 3px solid; transform: translate(-100%); display:block !important; opacity:1; transition: all .3s ease-out !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover {background:transparent !important; color:var(--px-color-1); border:0; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover::before, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover::before {border-top-color: var(--px-color-1); border-bottom-color: var(--px-color-1); transform: translateX(0);} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover::after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover::after {border-right-color: var(--px-color-1); border-left-color: var(--px-color-1); transform: translateX(0);} /* Order Details */ .px_my_account .woocommerce table {margin-top: 10px;} .px_my_account .woocommerce table thead tr th {color: var(--px-color-2); font-size: 18px; padding: 15px; border-right: 1px solid rgba(0,0,0,.1);} .px_my_account .woocommerce table thead tr th:last-child {border-right:0;} .px_my_account .woocommerce table thead tr th.woocommerce-table__product-table {padding: 15px 15px 15px 30px;} .px_my_account .woocommerce table tbody tr td {color: var(--px-color-2); font-size: 14px; padding: 12px; border-right: 1px solid rgba(0,0,0,.1);} .px_my_account .woocommerce table tbody tr td:last-child {border-right:0;} .px_my_account .woocommerce table tbody tr td.woocommerce-table__product-total {padding: 15px 15px 15px 30px;} .px_my_account .woocommerce table tbody tr td a {color: var(--px-color-1); font-weight: 600; transition:0.5} .px_my_account .woocommerce table tbody tr td a:hover {color: var(--px-color-2); transition:0.5} .px_my_account .woocommerce table tfoot tr td:last-child {padding: 15px 15px 15px 30px; color: var(--px-color-2); font-size: 15px;} .px_my_account .woocommerce table tfoot tr th {border-right: 1px solid rgba(0,0,0,.1); color: var(--px-color-2); font-size: 15px;} .px_my_account .woocommerce table tfoot tr td .amount{color:var(--px-color-1); font-size: 18px;} .px_my_account .woocommerce .woocommerce-customer-details address {background: #fff !important; border: 1px solid #EBEEEF !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); font-size: 15px; line-height: 35px; font-style: italic; padding: 15px 25px; margin-bottom: 30px;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email {color: var(--px-color-2); padding-bottom: 0; font-style: normal; position: relative; margin-bottom: 0; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone::before, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email::before {color: var(--px-color-1); font-weight: 600; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone:hover, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email:hover {color: var(--px-color-1); transition: 0.5s;} /* ----------------------------------- 00. My Account Page CSS End Here -------------------------------------*/ /* hamburger menu */ .et_divi_100_custom_hamburger_menu__icon {position: relative;display: block;width: 1.875rem;/*height: 1.875rem;*/box-sizing: border-box;cursor: pointer;padding: 0.25rem;clear: both;z-index:9999;} .et_divi_100_custom_hamburger_menu__icon div{background:var(--white);width:100%;height:.125rem;margin:.25rem auto;border-radius:10px;-webkit-transition:0.3s cubic-bezier(.28,.55,.385,1.65);transition:0.3s cubic-bezier(.28,.55,.385,1.65);-webkit-transition-timing-function:cubic-bezier(.28,.55,.385,1.65);transition-timing-function:cubic-bezier(.28,.55,.385,1.65);-webkit-transform:0;transform:0;-webkit-transform-origin:center;transform-origin:center;} .et_divi_100_custom_hamburger_menu__icon div:before,.et_divi_100_custom_hamburger_menu__icon div:after{-webkit-transition:0.3s cubic-bezier(.28,.55,.385,1.65);transition:0.3s cubic-bezier(.28,.55,.385,1.65);-webkit-transition-timing-function:cubic-bezier(.28,.55,.385,1.65);transition-timing-function:cubic-bezier(.28,.55,.385,1.65);} /* Type 1 */ .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child){width:0;margin-left:0;opacity:1;} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T1S3DF;animation-name: T1S3DF;} @-webkit-keyframes T1S3DF { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T1S3DF { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T1S3L;animation-name: T1S3L;} @-webkit-keyframes T1S3L { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T1S3L { 0% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-animation-timing-function: linear;animation-timing-function: linear;} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T1S4DF;animation-name: T1S4DF;} @-webkit-keyframes T1S4DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {width: 0;margin-right: 0;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {width: 0;margin-right: auto;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T1S4DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {width: 0;margin-right: 0;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {width: 0;margin-right: auto;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T1S4L;animation-name: T1S4L;} @-webkit-keyframes T1S4L { 0% {margin-left: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {width: 0;margin-left: 0;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {width: 0;margin-left: auto;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T1S4L { 0% {margin-left: 0;-webkit-transform: none;transform: none;} 20% {width: 100%;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {width: 0;margin-left: 0;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {width: 0;margin-left: auto;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-animation-timing-function: linear;animation-timing-function: linear;} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T1S5DF;animation-name: T1S5DF;} @-webkit-keyframes T1S5DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: top right;transform-origin: top right;} 25% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T1S5DF { 0% {margin-right: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: top right;transform-origin: top right;} 25% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(0.375rem) rotate(10deg);transform: translateY(0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} 90% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {-webkit-animation-name: T1S5DM;animation-name: T1S5DM;width: 0%;} @-webkit-keyframes T1S5DM { 0% {width: 100%;opacity: 1;} 40% {width: 100%;} 50% {width: 0%;opacity: 1;} } @keyframes T1S5DM { 0% {width: 100%;opacity: 1;} 40% {width: 100%;} 50% {width: 0%;opacity: 1;} } .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T1S5L;animation-name: T1S5L;} @-webkit-keyframes T1S5L { 0% {margin-left: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: bottom left;transform-origin: bottom left;} 25% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T1S5L { 0% {margin-left: 0;-webkit-transform: none;transform: none;-webkit-transform-origin: bottom left;transform-origin: bottom left;} 25% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 30% {width: 100%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 40% {width: 0%;-webkit-transform: translateY(-0.375rem) rotate(10deg);transform: translateY(-0.375rem) rotate(10deg);} 50% {width: 0%;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg); } 90% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } /* Type 2 */ .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:0;} .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after{content:'';display:block;background:var(--white);width:2px;min-width:2px;height:2px;border-radius:10px;margin:0 2px 0 0;} .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after{width:100%;margin:0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {width: 0;min-width: 0;margin-left: 0;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T2S3DF;animation-name: T2S3DF;} @-webkit-keyframes T2S3DF { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T2S3DF { 0% {-webkit-transform: none;transform: none;} 20% { -webkit-transform: none; transform: none; } 40% { -webkit-transform: translateY(0.375rem); transform: translateY(0.375rem);} 80% { -webkit-transform: translateY(0.375rem) rotate(45deg); transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {-webkit-animation-name: T2S3DFB;animation-name: T2S3DFB;} @-webkit-keyframes T2S3DFB { 0% { width: 100%; -webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } @keyframes T2S3DFB { 0% {width: 100%;-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {-webkit-animation-name: T2S3DMA;animation-name: T2S3DMA;} @-webkit-keyframes T2S3DMA { 0% {width: 100%; -webkit-transform: none;transform: none;} 20% { -webkit-transform: none; transform: none;} } @keyframes T2S3DMA { 0% { width: 100%;-webkit-transform: none; transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T2S3DL;animation-name: T2S3DL;} @-webkit-keyframes T2S3DL { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.25rem);transform: translateY(-0.25rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T2S3DL { 0% {-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} 40% {-webkit-transform: translateY(-0.25rem);transform: translateY(-0.25rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {-webkit-animation-name: T2S3DFB;animation-name: T2S3DFB;} @keyframes T2S3DFB { 0% {width: 100%;-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {-webkit-animation-name: T2S3DMA;animation-name: T2S3DMA;} @keyframes T2S3DMA { 0% {width: 100%;-webkit-transform: none;transform: none;} 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-transform: none;transform: none;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {width: 0%;min-width: 0;margin: 0 auto;opacity: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {position: relative;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {position: absolute;width: 100%;-webkit-transition: all 0.3s linear transform 0.3s 0.3s linear;transition: all 0.3s linear transform 0.3s 0.3s linear;-webkit-transform-origin: center;transform-origin: center;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {width: 100%;min-width: 0;opacity: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-transform: none;transform: none;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {position: relative;-webkit-animation-name: T2S5DF;animation-name: T2S5DF;-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} @-webkit-keyframes T2S5DF { 20% {-webkit-transform: none;transform: none;} } @keyframes T2S5DF { 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {position: absolute;width: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {left: 0;-webkit-animation-name: T2S5DFB;animation-name: T2S5DFB;} @-webkit-keyframes T2S5DFB { 20% {width: 0%;} } @keyframes T2S5DFB { 20% {width: 0%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {right: 0;-webkit-animation-name: T2S5DFA;animation-name: T2S5DFA;} @-webkit-keyframes T2S5DFA { 20% {width: 0%;} } @keyframes T2S5DFA { 20% {width: 0%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {position: relative;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {margin: 0 auto;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {display: none;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {-webkit-animation-name: T2S5DL;animation-name: T2S5DL; width: 2px;} @-webkit-keyframes T2S5DL { 20% {-webkit-transform: 100%;transform: 100%;} } @keyframes T2S5DL { 20% {-webkit-transform: 100%;transform: 100%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {position: relative;-webkit-animation-name: T2S5DL;animation-name: T2S5DL;-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} @keyframes T2S5DL { 20% {-webkit-transform: none;transform: none;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {position: absolute;width: 0;} .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {left: 0;-webkit-animation-name: T2S5DFB;animation-name: T2S5DFB;} @keyframes T2S5DFB { 20% {width: 0%;} } .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {right: 0;-webkit-animation-name: T2S5DMA;animation-name: T2S5DMA;} @-webkit-keyframes T2S5DMA { 20% {width: 0%;} } @keyframes T2S5DMA { 20% {width: 0%;} } /* Type 3 */ .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before {width: 100%;margin: 0 2px 0 0;} .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {width: 2px;margin: 0;} /* Type 4 */ .et_divi_100_custom_hamburger_menu--type-4 .et_divi_100_custom_hamburger_menu__icon div {width: 2px;margin-right: auto;margin-left: auto;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T4S2DF;animation-name: T4S2DF;} @-webkit-keyframes T4S2DF { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T4S2DF { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 40% {-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T4S2L;animation-name: T4S2L;} @-webkit-keyframes T4S2L { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T4S2L { 0% {-webkit-transform: none;transform: none;} 20% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 40% {-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {-webkit-animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);} @-webkit-keyframes T4S3 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes T4S3 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {-webkit-animation-timing-function: linear;animation-timing-function: linear;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T4S3DF;animation-name: T4S3DF;} @-webkit-keyframes T4S3DF { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } @keyframes T4S3DF { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(0.375rem);transform: translateY(0.375rem);} 80% {-webkit-transform: translateY(0.375rem) rotate(45deg);transform: translateY(0.375rem) rotate(45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-animation-name: T4S3L;animation-name: T4S3L;} @-webkit-keyframes T4S3L { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem);} 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } @keyframes T4S3L { 0% {-webkit-transform: none;transform: none;} 40% {width: 2px;-webkit-transform: translateY(-0.375rem);transform: translateY(-0.375rem); } 80% {-webkit-transform: translateY(-0.375rem) rotate(-45deg);transform: translateY(-0.375rem) rotate(-45deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {-webkit-animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);} @-webkit-keyframes T4S4 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes T4S4 { 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-animation-name: T4S4DF;animation-name: T4S4DF;} @-webkit-keyframes T4S4DF {} @keyframes T4S4DF {}.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:0.3s cubic-bezier(.28,.55,.385,1.65);transition:0.3s cubic-bezier(.28,.55,.385,1.65);-webkit-transition-timing-function:cubic-bezier(.28,.55,.385,1.65);transition-timing-function:cubic-bezier(.28,.55,.385,1.65);} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {width: 2px;-webkit-transform: none;transform: none;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-transform: translateY(-4px);transform: translateY(-4px);} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {width: 100%;opacity: 1;} .et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-transform: translateY(4px);transform: translateY(4px);} /* Toggled */ .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {width: 100%;-webkit-animation-duration: 0.6s;animation-duration: 0.6s; -webkit-animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:after, .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:before {width: 100%;} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {-webkit-transform: translateY(0.375rem) rotate(45deg); transform: translateY(0.375rem) rotate(45deg);} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {opacity: 0;} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {-webkit-transform: translateY(-0.375rem) rotate(-45deg); transform: translateY(-0.375rem) rotate(-45deg);} .et_divi_100_custom_hamburger_menu .mobile_menu_bar:before, .et_divi_100_custom_hamburger_menu .mobile_menu_bar:after {display: none;} /*Back To Top Style*/ .et_divi_100_custom_back_to_top .et_pb_scroll_top {z-index: 9999999;position: fixed;right: 20px;bottom: 20px;background: #236e9c;width: 40px;height: 40px;box-shadow: 0 2px 4px rgba(108, 46, 185, 0.2);-webkit-transition: all 0.2s ease, -webkit-transform 0.6s ease;transition: all 0.2s ease, -webkit-transform 0.6s ease;transition: all 0.2s ease, transform 0.6s ease;transition: all 0.2s ease, transform 0.6s ease, -webkit-transform 0.6s ease;cursor: pointer;} .et_divi_100_custom_back_to_top .et_pb_scroll_top:before {display: none;} .et_divi_100_custom_back_to_top .et_pb_scroll_top, .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible, .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {-webkit-animation: none !important;animation: none !important;} .et_divi_100_custom_back_to_top .et_pb_scroll_top, .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-hidden {-webkit-transform: scale(0) rotate(0deg);transform: scale(0) rotate(0deg);} .et_divi_100_custom_back_to_top .et_pb_scroll_top.et-visible {-webkit-transform: scale(1) rotate(360deg);transform: scale(1) rotate(360deg);} .et_divi_100_custom_back_to_top .et_pb_scroll_top .et-icon-arrow-up {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .et_divi_100_custom_back_to_top--style-1 .et_pb_scroll_top {border-radius: 100%;} .et_divi_100_custom_back_to_top--style-2 .et_pb_scroll_top {border-radius: 4px;} .et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top {border-radius: 4px;} .et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top.et-visible {-webkit-transform: scale(1) rotate(405deg);transform: scale(1) rotate(405deg);} .et_divi_100_custom_back_to_top--style-3 .et_pb_scroll_top .et-icon-arrow-up {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);} .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top {right: 0;border-radius: 4px 0 0 4px;} .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-hidden {-webkit-transform: scale(1) translate(100%, 0);transform: scale(1) translate(100%, 0);} .et_divi_100_custom_back_to_top--style-4 .et_pb_scroll_top.et-visible {-webkit-transform: none;transform: none;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top {right: 0;width: auto;border-radius: 4px 0 0 4px;padding: 0 20px;line-height: 40px;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top:before {content: 'Back To Top';display: inline-block;color: var(--white);font-weight: 700;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-hidden {-webkit-transform: scale(1) translate(100%, 0);transform: scale(1) translate(100%, 0);} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top.et-visible {-webkit-transform: none;transform: none;} .et_divi_100_custom_back_to_top--style-5 .et_pb_scroll_top .et-icon-arrow-up {display: none;} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top {right: 0;width: auto;border-radius: 4px 4px 0 0;padding: 0 20px;line-height: 40px;} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top:before {content: 'Back To Top';display: inline-block;color: var(--white);font-weight: 700;} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-hidden {right: 40px;bottom: 100px;-webkit-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(1) translate(100%, 0) rotate(-90deg);transform: scale(1) translate(100%, 0) rotate(-90deg);} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top.et-visible {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} .et_divi_100_custom_back_to_top--style-6 .et_pb_scroll_top .et-icon-arrow-up {display: none;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top {right: 0;left: 0;bottom: 0;width: auto;padding: 0 20px;line-height: 40px;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top:before {content: 'Back To Top';display: block;color: var(--white);font-weight: 700;text-align: center;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top, .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-hidden {-webkit-transform: scale(1);transform: scale(1);} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top.et-visible {-webkit-transform: none;transform: none;} .et_divi_100_custom_back_to_top--style-7 .et_pb_scroll_top .et-icon-arrow-up {display: none;} /********** Mobile Menu Style1************/ .et_divi_100_mm_m_style1 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*change hamburger icon to x when mobile menu is open*/ .et_divi_100_mm_m_style1 #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before, .et_divi_100_mm_m_style1 .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; } /*adjust the new toggle element which is added via jQuery*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et_divi_100_mm_m_style1 ul.et_mobile_menu li.page_item_has_children .mobile-toggle, .et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db.et_divi_100_mm_m_style1 #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle { width: 44px; height: 100%; padding: 0px !important; max-height: 44px; border: none; position: absolute; right: 0px; top: 0px; z-index: 999; background-color: transparent; } /*some code to keep everyting positioned properly*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children, .et_divi_100_mm_m_style1 ul.et_mobile_menu>li.page_item_has_children, .et_divi_100_mm_m_style1 ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children { position: relative; } /*remove default background color from menu items that have children*/ .et_divi_100_mm_m_style1 .et_mobile_menu .menu-item-has-children>a, .et_divi_100_mm_m_style1.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a { background-color: transparent; } /*hide the submenu by default*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu, .et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu, .et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu { display: none !important; visibility: hidden !important; } /*show the submenu when toggled open*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et_divi_100_mm_m_style1 #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et_divi_100_mm_m_style1.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible { display: block !important; visibility: visible !important; } /*adjust the toggle icon position and transparency*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle { text-align: center; opacity: 1; } /*submenu toggle icon when closed*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after { top: 0px; position: relative; font-family: "ETModules"; content: '\33'; color: var(--black); background: var(--white); border-radius: 50%; padding: 3px; } /*submenu toggle icon when open*/ .et_divi_100_mm_m_style1 ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after, .et_divi_100_mm_m_style1.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after { content: '\4d'; } /*adjust the position of the hamburger menu*/ .et_divi_100_mm_m_style1 .mobile_menu_bar { position: relative; display: block; bottom: 5px; line-height: 0; } /*force the background color and add a rounded border*/ .et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu, .et_divi_100_mm_m_style1 .et_pb_menu .et_mobile_menu ul { background-color: var(--white) !important; border-radius: 10px; } /********** Mobile Menu Style2************/ .et_divi_100_mm_m_style2{overflow-x: hidden;} .et_divi_100_mm_m_style2 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*edit the Divi submenu*/ .et_divi_100_mm_m_style2 .et_pb_menu .nav li ul { margin-top:20px!important; } /*Mobile Menu*/ .et_divi_100_mm_m_style2 .et_mobile_menu{ Border-top:none; display: block!important; padding-top:100px!important; padding-left: 0!important; padding-right: 0!important; z-index: 9998; min-width:104vw; min-height:100vh; top:-15px !important; left:-5vw !important; position: absolute !important; } .et_divi_100_mm_m_style2 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: translateY(-110%); -webkit-transform: translateY(-110%); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out!important; visibility:hidden; } .et_divi_100_mm_m_style2 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform:translateY(-10px); -webkit-transform: translateY(-10px); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out; visibility:visible; } .et_divi_100_mm_m_style2 .et_mobile_menu li a{ text-align:center; padding-left:0px!important; background:transparent!important; } .et_divi_100_mm_m_style2 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style2 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--black) !important; font-weight: inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style2 .mobile_menu_bar{ /*top: 5px; /*padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style2.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style2 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before { content: "\4d"; } @media all and (max-width: 980px) { .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children>a+span { right: 15px; } } /********** Mobile Menu Style3************/ .et_divi_100_mm_m_style3{overflow-x: hidden;} .et_divi_100_mm_m_style3 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Mobile Menu*/ .et_divi_100_mm_m_style3 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left:0px!important; padding-right:0px!important; z-index: 9998 !important; width: 100% !important; /* 80% to 100% */ min-width: 200px; left: auto!important; max-width: 350px; right: -5vw; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style3 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style3 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out; } .et_divi_100_mm_m_style3 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style3 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style3 .mobile_nav .menu-item-has-children > a { background: transparent!important; color:var(--black)!important; font-weight:inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style3 .mobile_menu_bar{ /*top: 15px; padding:0; position: absolute;*/ right:-10px; z-index: 10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (max-width: 980px){ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span{right:20px !important;} .et_divi_100_mm_m_style3 .px_header_menu.et_pb_menu .et_mobile_nav_menu ul li a, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_mobile_nav_menu ul li a { padding-left: 20px !important;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style3.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style3 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style3 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style4************/ .et_divi_100_mm_m_style4{overflow-x: hidden;} .et_divi_100_mm_m_style4 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Divi Mobile Menu*/ .et_divi_100_mm_m_style4 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left: 0px!important; padding-right: 0px!important; z-index: 9998 !important; width: 100% !important;/* 80% to 100% */ min-width: 200px; right: auto!important; max-width: 350px; left:-5vw !important; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style4 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: left; -webkit-transform-origin: left; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style4 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin:left; -webkit-transform-origin:left; transition: .8s ease-in-out; } .et_divi_100_mm_m_style4 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style4 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style4 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--black)!important; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style4 .mobile_menu_bar{ /*top: 15px; padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style4 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } @media all and (max-width: 980px){ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px !important;} .et_divi_100_mm_m_style4 .px_header_menu.et_pb_menu .et_mobile_nav_menu ul li a, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_mobile_nav_menu ul li a { padding-left: 50px !important;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style4.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style4 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style4 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /* breadcrumbs */ #dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;} #dpprof_breadcrumbs{overflow:hidden;text-align: left;list-style:none;margin:11px 0;padding: 0;} #dpprof_breadcrumbs li{margin-right:14px;display:inline-block;vertical-align:middle;} #dpprof_breadcrumbs a{color :var(--px-color-2);font-size: 18px;} #dpprof_breadcrumbs .bread-home:before{content:'\e009';font-family:ETmodules; font-size: 18px; margin-right: 8px;} #dpprof_breadcrumbs .item-current{color :var(--white);font-size: 18px;} /* Shop Process Section */ .px_shop_process .et_pb_blurb .et-pb-icon{width: 130px; height: 130px; box-shadow: 0 0 10px rgb(0 0 0 / 7%); line-height: 130px; border-radius: 100%; transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -ms-transition-duration: .5s; background-color: var(--px-color-1) !important; } .px_shop_process .px_shop_process_blurb .et_pb_main_blurb_image:before{ position: absolute; content: ""; right: -225px; top: 50%; width: 175px; height: 2px; border-top: 1px dashed #2e2d2d;} .px_shop_process .et_pb_column:hover .et_pb_main_blurb_image{box-shadow: 0 10px 50px 0 rgb(0 0 0 / 15%);} @media only screen and (min-width:577px) and (max-width:981px){ .px_shop_process .px_shop_process_blurb .et_pb_main_blurb_image:before{right: -100px; width: 80px;} } @media only screen and (max-width:576px){ .px_shop_process .px_shop_process_blurb .et_pb_main_blurb_image:before{right: -29px; width: 20px;} .px_shop_process .et_pb_blurb .et-pb-icon{width: 80px; height: 80px; line-height: 80px;} } /* Single Product Sidebar CSS */ .single-product .et_pb_widget.widget_text { display: none; } .woocommerce-order-received .px_shop_process { display: none; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background-color: var(--px-color-1) } .widget_media_gallery .et_gallery_item .et_overlay{ display: none;} .widget_media_gallery .et_gallery_item img{height: 100px; width: 100px; object-fit: cover;} /* ----------------------------------- Scrollbar CSS -------------------------------------*/ /* width */ ::-webkit-scrollbar {width: 20px;} /* Track */ ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #cccccc;} /* Handle */ ::-webkit-scrollbar-thumb {background: var(--px-color-1); border-radius: 3px;} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background: var(--px-color-2);}