/* Theme Name: Divi Megastore Child Theme Theme URI: https://divi-professional.com/ Description: DP Child Theme Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS 26 Color Picker CSS 27 Animation Part CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .px_title {overflow:hidden;} .px_title h2{color:var(--px-color-2); font-size:50px; display: initial; position:relative;} .px_title h2::before{content:""; background:#d9d9d9; width:100%; height:1px; position:absolute; left:-100%; margin-left: -30px; top: 35%;} .px_title h2::after{content:""; background:#d9d9d9; width:100%; height:1px; position:absolute; right:-100%; margin-right: -30px; top: 35%;} .px_subtitle{color:#787878; font-size:16px; margin: 0px 0px 10px 0px !important; line-height:1.2em; font-weight: 400;} .px_desc {font-size: 18px; line-height: 30px; color:#787878; font-weight: 400;} /*---Button CSS---*/ .px_btn{position: relative; border-radius: 50px; font-size: 16px; color: #FFF; background: var(--px-color-1) !important; padding:10px 30px !important; font-weight: 500; text-transform: uppercase; text-align: center; overflow: hidden; border: none !important; z-index:2;} .px_btn.light {} .px_btn::after{display:none;} .px_btn::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: inherit;margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms; } .px_btn:hover::before{width: 100%; right: auto; left: 0;} /*---Page Header Title CSS---*/ .px_header_title {} /*---Breadcrumbs Title CSS---*/ .px_b_home_link {} .px_b_other_link {} /*--- 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; } */ /*---Pagination Button CSS---*/ .pagination .alignleft{border-radius: 20px;} .pagination .alignright {float:left; margin-left: 10px; border-radius: 20px;} .pagination .alignleft a, .pagination .alignright a {background: var(--px-color-1); padding: 8px 12px; color: #fff !important; position:relative; z-index:1; border-radius: 20px; overflow:hidden; transition:0.5s;} .pagination .alignleft a::before, .pagination .alignright a::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: 20px; margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms; } .pagination .alignleft a:hover, .pagination .alignright a:hover {background: var(--px-color-2); transition:0.5s;} .pagination .alignleft a:hover::before, .pagination .alignright a:hover::before{width: 100%; right: auto; left: 0;} /*---Slick js CSS---*/ .px_testimonial_v1_slider .slick-slide, .px_blog_slider .slick-slide {margin:10px !important;} .px_testimonial_v1_slider .slick-arrow::before, .px_blog_slider .slick-arrow::before{color:var(--px-color-2); font-weight: 900; font-size: 30px; transition:0.5s;} .px_testimonial_v1_slider .slick-prev.slick-arrow::before, .px_blog_slider .slick-prev.slick-arrow::before{content:"\34" !important; font-family:ETmodules !important;} .px_testimonial_v1_slider .slick-next.slick-arrow::before, .px_blog_slider .slick-next.slick-arrow::before{content:"\35" !important; font-family:ETmodules !important;} .px_testimonial_v1_slider .slick-prev.slick-arrow, .px_blog_slider .slick-prev.slick-arrow{top:-30px; right: 50px; left: auto;} .px_testimonial_v1_slider .slick-next.slick-arrow, .px_blog_slider .slick-next.slick-arrow{top:-30px; right: 30px;} .px_testimonial_v1_slider .slick-arrow:hover::before, .px_blog_slider .slick-arrow:hover::before{color:var(--px-color-1); transition:0.5s;} /* 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:28px;} .px_subtitle{color:#787878; font-size:14px;} /*---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;} } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul{} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li{} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li a:hover, .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.current-menu-item a{color:var(--px-color-1); opacity:1!important;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li a{color:var(--px-color-2);} /*---Sub Menu CSS---*/ .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu{border: 0 !important; width:auto;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li{padding:0!important;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li a{color:var(--px-color-2);} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li.current-menu-item a{color:var(--px-color-1);} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.mega-menu.current-menu-item ul li a{color:var(--px-color-2); transition:0.5s;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.mega-menu .sub-menu{width:100%;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.mega-menu .sub-menu li .sub-menu{left:0;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.mega-menu .px_label.sale_label{background: #fb317d; color: #fff; padding: 2px 6px; margin-top: -15px; margin-left: 5px; font-size: 10px; border-radius: 3px; font-weight: 500;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li.mega-menu.current-menu-item ul li a:hover{color:var(--px-color-1); transition:0.5s;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li .sub-menu{left:100%;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li.current-menu-item li a{color:var(--px-color-2);} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li li.current-menu-item a{color:var(--px-color-1);} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li a:hover{color:var(--px-color-1); background: transparent !important;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li .sub-menu li li a:hover{color:var(--px-color-1); background: transparent !important;} /*---Menu Icon CSS---*/ .px_h_menu .et_pb_menu__wrap .et_pb_menu__cart-button{margin-left:50px;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__icon::after{color:var(--px-color-2); transition:0.5s;} .px_h_menu .et_pb_menu__wrap .et_pb_menu__icon:hover::after{color:var(--px-color-1); transition:0.5s;} /*---Secoundary Menu CSS---*/ .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul{} .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li{} .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li::before{color:var(--px-color-1); font-family:ETmodules; margin-right: 5px; font-size: 18px; transition:0.5s;} .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li:nth-child(1)::before{content:"\e07a";} .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li:nth-child(2)::before{content:"\e014";} .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li:nth-child(3)::before{content:"\e08a";} .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li a{} .px_secondary_menu .et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav ul li:hover::before{color:#fff; transition:0.5s;} /*---Header Common Info Css---*/ .px_small_info {} .px_small_blurb_info {} .px_header_contact_info {} .px_header_social {} .px_header_social li{margin-bottom:0px !important;} .px_header_social li a{transition:0.5s;} .px_header_social li a.icon:hover::before {color: var(--px-color-1) !important;} /*---Header v1 CSS---*/ .px_header_v1 {} /*---Header v2 CSS---*/ .px_header_v2 {} /*---Header v3 CSS---*/ .px_header_v3 {} @media only screen and (max-width:576px){ .px_h_menu .et_pb_menu__wrap .et_pb_menu__cart-button{margin-left:0px;} } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title {} .px_footer_blurb_info {} .px_footer_links {} .px_footer_text .et_pb_text_inner{color:var(--px-color-2);} .px_footer_text .et_pb_text_inner a{color:var(--px-color-2); transition:0.5s;} .px_footer_text .et_pb_text_inner a:hover{color:var(--px-color-1); cursor:pointer; transition:0.5s;} .px_f_info {color:var(--px-color-2); padding:0px 15px!important; transition:0.3s;} .px_f_info::after {display:none !important;} .px_f_info:hover {color:var(--px-color-1); background:transparent !important; transition:0.3s;} .px_footer_social li{margin-bottom:0px;} .px_footer_social li a.icon::before{color:var(--px-color-2); transition:0.5s;} .px_footer_social li a.icon:hover::before{color:var(--px-color-1); transition:0.5s;} /*---Footer v1 CSS---*/ .px_footer_v1 {} /*---Footer v2 CSS---*/ .px_footer_v2 {} /*---Footer v3 CSS---*/ .px_footer_v3 {} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ /* Blog Sidebar */ .px_sidebar {border:0px !important; padding:0px;} .px_sidebar .et_pb_widget::before{content:""; background:var(--px-color-1); opacity:0.1; height:100%; width:100%; position:absolute; top:0; left:0; border-radius:5px; z-index: -1;} .px_sidebar .et_pb_widget {padding:40px; border-radius:5px; position:relative;} /* Title CSS */ .px_sidebar .et_pb_widget .widgettitle::before{content:"\45"; font-family:ETmodules; color:var(--px-color-1);} .px_sidebar .et_pb_widget .widgettitle {color:var(--px-color-2); font-weight:600; font-size: 22px; margin-bottom: 20px; position:relative;} /* Ul Li CSS */ .px_sidebar .et_pb_widget ul{} .px_sidebar .et_pb_widget ul li {padding-bottom:20px; margin-bottom:15px; border-bottom: 1px solid #c5d0cf; font-size: 16px;} .px_sidebar .et_pb_widget ul li a{color:var(--px-color-2); transition:0.5s;} .px_sidebar .et_pb_widget ul li:last-child {padding-bottom:0px; margin-bottom:0px; border-bottom: 0px;} .px_sidebar .et_pb_widget ul li:hover a{color:var(--px-color-1); transition:0.5s;} /* Search CSS */ .px_sidebar .et_pb_widget .searchform{} .px_sidebar .et_pb_widget .searchform input#s{width: 100%; height: 60px !important; border-radius: 60px; background: #fff; padding: 0 24px; font-size: 16px; color: #aeb3c3; border: none; margin: 0;} .px_sidebar .et_pb_widget .searchform input#searchsubmit{height: 60px !important; border-radius: 60px; border: none; background: var(--px-color-1); color: #fff;} /* Tags CSS */ .px_sidebar .et_pb_widget .tagcloud a{border: 1px solid #c5d0cf; font-size: 16px !important; color: #7f8495; text-transform: capitalize; border-radius: 40px; background: transparent; padding: 6px 12px; margin: 0 2px 6px 0; transition:0.5s;} .px_sidebar .et_pb_widget .tagcloud a:hover{border: 1px solid var(--px-color-1); color: #fff; background: var(--px-color-1); transition:0.5s;} /* Gallery CSS */ .px_sidebar .et_pb_widget .gallery .gallery-item{margin:0px;} .px_sidebar .et_pb_widget .gallery .gallery-item .landscape a{overflow: hidden; position:relative;} .px_sidebar .et_pb_widget .gallery .gallery-item .landscape a::before{content:""; background:var(--px-color-1); opacity:0; height:100%; width:100%; position:absolute; top:0; left:0; z-index: 1; transition:0.3s;} .px_sidebar .et_pb_widget .gallery .gallery-item .landscape a img{border:0px !important; transform:scale(1.2); transition:0.5s;} .px_sidebar .et_pb_widget .gallery .gallery-item .landscape a:hover::before{opacity:0.3; transition:0.3s;} .px_sidebar .et_pb_widget .gallery .gallery-item .landscape a:hover img{transform:scale(1.4); transition:0.5s;} /* Shop Sidebar */ .px_shop_sidebar {border:0px !important; padding:0px;} .px_shop_sidebar .et_pb_widget::before{content:""; background:var(--px-color-1); opacity:0.1; height:100%; width:100%; position:absolute; top:0; left:0; border-radius:5px; z-index: -1;} .px_shop_sidebar .et_pb_widget {padding:35px; border-radius:5px; position:relative;} /* Title CSS */ .px_shop_sidebar .et_pb_widget .widgettitle::before{content:"\45"; font-family:ETmodules; color:var(--px-color-1);} .px_shop_sidebar .et_pb_widget .widgettitle {color:var(--px-color-2); font-weight:600; font-size: 22px; margin-bottom: 20px; position:relative;} /* Ul Li CSS */ .px_shop_sidebar .et_pb_widget ul{} .px_shop_sidebar .et_pb_widget ul li {padding-bottom:20px; margin-bottom:15px; border-bottom: 1px solid #c5d0cf; font-size: 16px;} .px_shop_sidebar .et_pb_widget ul li a{color:var(--px-color-2); font-size: 18px; font-weight: 600; transition:0.5s;} .px_shop_sidebar .et_pb_widget ul li a img{width:60px;} .px_shop_sidebar .et_pb_widget ul li:last-child {padding-bottom:0px; margin-bottom:0px; border-bottom: 0px;} .px_shop_sidebar .et_pb_widget ul li:hover a{color:var(--px-color-1); transition:0.5s;} /* Cart CSS */ .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__total{border:0px !important; color: var(--px-color-2); font-size: 18px; margin: 15px 0px;} .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons{} .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons a{position: relative; border-radius: 50px; font-size: 14px; color: #FFF; background: var(--px-color-1) !important; padding:10px 20px !important; font-weight: 500; text-transform: uppercase; text-align: center; overflow: hidden; border: none !important; z-index:2;} .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons a::after{display:none !important;} .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons a::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: inherit;margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms; } .px_shop_sidebar .et_pb_widget .widget_shopping_cart_content .woocommerce-mini-cart__buttons a:hover::before{width: 100%; right: auto; left: 0;} /* Search CSS */ .px_shop_sidebar .et_pb_widget .woocommerce-product-search{position: relative;} .px_shop_sidebar .et_pb_widget .woocommerce-product-search input#woocommerce-product-search-field-0{width: 100%; height: 60px !important; border-radius: 60px; background: #fff; padding: 0 24px; font-size: 16px; color: #aeb3c3; border: none; margin: 0;} .px_shop_sidebar .et_pb_widget .woocommerce-product-search .wp-element-button{height: 60px !important; width: 60px; padding: 0; border-radius: 60px; border: none; color: #fff; background: var(--px-color-1); position:absolute; right:0; top:0;} /* Rated Product */ .px_shop_sidebar .et_pb_widget ul li .star-rating{margin:10px 0px;} .px_shop_sidebar .et_pb_widget ul li .star-rating::before{font-size: 12px !important;} .px_shop_sidebar .et_pb_widget ul li .star-rating span::before{color: #ffd400 !important; font-size: 12px !important;} .px_shop_sidebar .et_pb_widget ul li del{color: #b9b9b9;} /* Tags CSS */ .px_shop_sidebar .et_pb_widget .tagcloud a{border: 1px solid #c5d0cf; font-size: 16px !important; color: #7f8495; text-transform: capitalize; border-radius: 40px; background: transparent; padding: 6px 12px; margin: 0 2px 6px 0; transition:0.5s;} .px_shop_sidebar .et_pb_widget .tagcloud a:hover{border: 1px solid var(--px-color-1); color: #fff; background: var(--px-color-1); transition:0.5s;} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post {border: 0 !important; padding:0; box-shadow: 0px 0px 15px rgba(0,0,0,0.10); margin-bottom: 30px !important;} /*---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; overflow:hidden; transition:0.5s;} .px_blog_v1 .et_pb_post .entry-featured-image-url img{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 .entry-featured-image-url .et_overlay {} /*---Info CSS---*/ .px_blog_v1 .et_pb_post .info{padding: 20px;} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {color: var(--px-color-2); font-weight: 700; transition:0.5s;} .px_blog_v1 .et_pb_post .entry-title:hover {color: var(--px-color-1); transition:0.5s;} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .published {color: #a5a6ac;} .px_blog_v1 .et_pb_post .post-meta .published::before{content:"\e023"; font-family:ETmodules; color: #a5a6ac; margin-right: 5px;} .px_blog_v1 .et_pb_post .post-meta a::before{content:"\6d"; font-family:ETmodules; color: #a5a6ac; margin: 0px 5px 0px 15px; transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta a{color: #a5a6ac; transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta a:hover{color: var(--px-color-1); transition:0.5s;} .px_blog_v1 .et_pb_post .post-meta a:hover::before{color: var(--px-color-1); transition:0.5s;} /*---Blog Desc CSS---*/ .px_blog_v1 .et_pb_post .post-content {} .px_blog_v1 .et_pb_post .post-content .post-content-inner{} /*---Read More Button CSS---*/ .px_blog_v1 .et_pb_post .post-content .more-link{} /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%); } /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 25%); } /* Blog Listing CSS */ .px_blog_list .et_pb_post{display: flex; margin-bottom:30px !important; box-shadow: 0px 0px 15px rgba(0,0,0,0.10); overflow:hidden;} .px_blog_list .et_pb_post .entry-featured-image-url{width: 50%;} .px_blog_list .et_pb_post .info{width: 50%; padding: 20px 20px 10px 15px; position:relative;} .px_blog_list .et_pb_post .info .post-content .more-link{position:absolute; right:20px; bottom:20px; color:var(--px-color-1);} .px_blog_list .et_pb_post .info .post-content .more-link::before{content:""; background:var(--px-color-1); opacity:0.2; height:80px; width:80px; border-radius:50%; position:absolute; bottom:-40px; right:-40px; transition:0.5s;} .px_blog_list .et_pb_post:hover .info .post-content .more-link::before{transform:scale(1.3); transition:0.5s;} /* Blog Category CSS */ .px_blog_category {} /* Blog Tags CSS */ .px_blog_tages {} /* Blog Author CSS */ .px_blog_author {} /* Blog Single Page CSS */ .px_blog_single {} /* Title CSS */ .px_blog_single_title .et_pb_title_container .et_pb_title_meta_container, .px_blog_single_title .et_pb_title_container .et_pb_title_meta_container a{color: var(--px-color-2);} .px_blog_single_title .et_pb_title_container .et_pb_title_meta_container .author a::before {content:"\e08a"; font-family:ETmodules !important; margin-right: 5px;} .px_blog_single_title .et_pb_title_container .et_pb_title_meta_container .published::before {content:"\e023"; font-family:ETmodules !important;margin: 0px 5px 0px 10px;} .px_blog_single_title .et_pb_title_container .et_pb_title_meta_container a::before {content:"\6e"; font-family:ETmodules !important;margin: 0px 5px 0px 10px;} .px_blog_single_title .et_pb_title_container .et_pb_title_meta_container .comments-number a::before {content:"\76"; font-family:ETmodules !important;margin: 0px 5px 0px 10px;} /* Comment CSS */ .px_post_comment{} .px_post_comment .page_title{padding:40px; border: 1px solid #dbdfe3; border-radius: 5px 5px 0px 0px; border-bottom:0px;} .px_post_comment .commentlist {padding:0px 40px 40px 40px !important; border: 1px solid #dbdfe3; border-radius: 0px 0px 5px 5px; border-top:0px; margin-bottom:60px;} .px_post_comment .commentlist li {margin-bottom:30px; padding-bottom:30px; border-bottom: 1px solid #dbdfe3;} .px_post_comment .commentlist li:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom: 0px;} .px_post_comment .commentlist li article{margin-bottom:0px !important;} .px_post_comment .commentlist li article .comment_postinfo span, .px_post_comment .commentlist li article .comment_postinfo a{font-size:16px; color: var(--px-color-2);} .px_post_comment .commentlist li article .comment_area{font-size:18px; font-weight: 400; margin-top: 15px;} .px_post_comment .commentlist li article .comment_area .comment-content a.et_pb_button {display: inherit; border-radius: 50px; font-size: 16px; color: #FFF; background: var(--px-color-1) !important; padding:10px 30px !important; font-weight: 500; text-transform: uppercase; text-align: center; overflow: hidden; border: none !important; z-index:2;} .px_post_comment .commentlist li article .comment_area .comment-content a.et_pb_button::after{display:none !important;} .px_post_comment .commentlist li article .comment_area .comment-content a.et_pb_button::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: inherit;margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms; } .px_post_comment .commentlist li article .comment_area .comment-content a.et_pb_button:hover::before{width: 100%; right: auto; left: 0;} .px_post_comment .comment-respond .comment-form .comment-notes{font-size: 16px; color: var(--px-color-2);} .px_post_comment .comment-respond .comment-form .comment-form-author input[type="text"], .px_post_comment .comment-respond .comment-form .comment-form-email input[type="text"], .px_post_comment .comment-respond .comment-form .comment-form-url input[type="text"]{ width:100% !important; font-size: 16px; color: #aeb3c3; padding: 0 24px; height: 54px; border: 1px solid #c5d0cf !important; border-radius: 54px; margin: 0 0 12px; background: transparent !important; } .px_post_comment .comment-respond .comment-form .comment-form-cookies-consent input[type="checkbox"]{accent-color:var(--px-color-1);} .px_post_comment .comment-respond .comment-form .comment-form-cookies-consent label{font-size: 16px; color: var(--px-color-2);} .px_post_comment .comment-respond{border: 1px solid #dbdfe3; border-radius: 5px; padding: 40px !important;} .px_post_comment .comment-respond .comment-form{padding-bottom:0px !important;} .px_post_comment .comment-respond .comment-form .logged-in-as{color:var(--px-color-2); font-size:15px; margin-top: 20px;} .px_post_comment .comment-respond .comment-form .logged-in-as a{color:var(--px-color-1); font-weight: 700;} .px_post_comment .comment-respond .comment-form .comment-form-comment textarea#comment{ font-size: 16px; color: var(--px-color-1); height: 200px; border: 1px solid #c5d0cf !important; border-radius: 25px; margin: 0 0 12px; display: block; width: 100%; padding: 20px 25px; box-shadow: none; } .px_post_comment .comment-respond .comment-form .form-submit{} .px_post_comment .comment-respond .comment-form .form-submit .et_pb_button {position: relative; border-radius: 50px; font-size: 16px; color: #FFF; background: var(--px-color-1) !important; padding:10px 30px !important; font-weight: 500; text-transform: uppercase; text-align: center; overflow: hidden; border: none !important; z-index:2;} .px_post_comment .comment-respond .comment-form .form-submit .et_pb_button::after{display:none !important;} .px_post_comment .comment-respond .comment-form .form-submit .et_pb_button::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: inherit;margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms; } .px_post_comment .comment-respond .comment-form .form-submit .et_pb_button:hover::before{width: 100%; right: auto; left: 0;} /* Responsive CSS */ @media only screen and (min-width:577px) and (max-width:980px){ /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container {display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 50%); } } @media only screen and (max-width:576px){ .px_blog_grid_4_col .et_pb_ajax_pagination_container , .px_blog_grid_2_col .et_pb_ajax_pagination_container {display:block;} /* Blog Listing CSS */ .px_blog_list .et_pb_post{display: block;} .px_blog_list .et_pb_post .entry-featured-image-url, .px_blog_list .et_pb_post .info{width: 100%;} /* Blog Detail CSS */ .px_post_comment .page_title{padding:20px;} .px_post_comment .commentlist {padding:0px 20px 20px 20px !important; margin-bottom:40px;} .px_post_comment .comment-respond{padding: 20px !important;} } /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .px_portfolio_v1 .et_pb_portfolio_item {} /* Image Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {} /* Overlay Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {} .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {} /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {} /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .post-meta {} .px_portfolio_v1 .et_pb_portfolio_item .post-meta a {} /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 50%); } /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,33.33%); grid-gap: 25px; } /*---Portfolio Filterable CSS---*/ .px_portfolio_v1.filterable {} /* Filters Links CSS */ .px_portfolio_v1 .et_pb_portfolio_filters {} .px_portfolio_v1 .et_pb_portfolio_filters li {} .px_portfolio_v1 .et_pb_portfolio_filters li a {} /*Hover & Active Filter Links*/ .px_portfolio_v1 .et_pb_portfolio_filters li a:hover, .px_portfolio_v1 .et_pb_portfolio_filters li a.active {} /* Pagination CSS */ .px_portfolio_v1 .et_pb_portofolio_pagination {} .px_portfolio_v1 .et_pb_portofolio_pagination ul {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .px_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .px_portfolio_v1.carousel {} .px_portfolio_v1.carousel .et-pb-slider-arrows{} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev{} .px_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{} /* Portfolio Category CSS */ .px_portfolio_category {} /* Portfolio Tags CSS */ .px_portfolio_tages {} /* Portfolio Single Page CSS */ .px_portfolio_single {} /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .px_services_v1 {} /*Img Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {} .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {} .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{} /*Icon Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{} /*Title Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{} /*Description Css */ .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{} /*---Services v2 CSS---*/ .px_services_v2 {} /*---Services Single Page CSS---*/ .px_services_single {} /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1 {} /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form p.et_pb_contact_field input[type="text"], .px_contact_v1 .et_pb_contact .et_pb_contact_form p.et_pb_contact_field textarea {background-color: #f7f7f8;} /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {float:left;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {position: relative; border-radius: 50px; font-size: 16px; color: #FFF; background: var(--px-color-1) !important; padding:10px 30px !important; font-weight: 500; text-transform: uppercase; text-align: center; overflow: hidden; border: none !important; z-index:2; margin-top: 20px;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: inherit;margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::after{display:none !important;} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before {width: 100%; right: auto; left: 0;} /*---Contact Us v2 CSS---*/ .px_contact_v2 {} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {position:relative;} /* Image Css */ .px_team_v1 .et_pb_team_member_image::before{content:""; background: #000; opacity: 0.15; height:100%; width:100%; position:absolute; left:0; top: 0; z-index: 1;} .px_team_v1 .et_pb_team_member_image{margin: 0; position: relative; padding-top: 150%; max-width: 100%;} .px_team_v1 .et_pb_team_member_image img{position: absolute; top: 0; height: 100%; left: 0; object-fit: cover;} /* Description Css*/ .px_team_v1 .et_pb_team_member_description{position:absolute; bottom:0; left: 0; right: 0; padding: 15px; z-index: 2;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{} .px_team_v1 .et_pb_team_member_description .et_pb_member_position{} /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {text-align: end;} .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{position:relative; padding:10px 15px; margin:0px 3px;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a::before{position: relative; z-index:3;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a::after{content:""; background: #000; border-radius: 50%; opacity: 0.4; height:100%; width:100%; position:absolute; left:0; top: 0; transition:0.5s;} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image{} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:hover a::after{background: var(--px-color-1); opacity:0.8; transition:0.5s;} /*---Team v2 CSS---*/ .px_team_v2 {} /*---Team Single Page CSS---*/ .px_team_single {} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .px_slider_v1 {} /*---Image CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{} /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {} /*---Button CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {position: relative; border-radius: 50px; font-size: 16px; color: #FFF; background: var(--px-color-1) !important; padding:10px 30px !important; font-weight: 500; text-transform: uppercase; text-align: center; overflow: hidden; border: none !important; z-index:2;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after{display:none;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: inherit;margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms;} .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before{width: 100%; right: auto; left: 0;} /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{} /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers {} .px_slider_v1 .et-pb-controllers a {background-color: var(--px-color-2); opacity: 1; border:2px solid transparent; border-radius: 50%; margin:0px 10px;} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {background-color: transparent; border:2px solid var(--px-color-1); padding: 6px; border-radius: 50%;} /*---Slider v2 CSS---*/ .px_slider_v1{} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 {} /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {} /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {content: "\3b"; position: absolute; right: 0; font-size: 20px; font-family: ETmodules !important; color: #b0b0b0;} /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {} /*---Open Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\3a"; font-family: ETmodules !important; display:block !important; color: #333;} /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{} /*---Faqs v2 CSS---*/ .px_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .px_timeline_v1 {} /*---Timeline v2 CSS---*/ .px_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table {} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{} /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{} /* Top Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{} /* Bottom Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{} /*---Pricing Mini CSS---*/ .px_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .px_pricing_table_toggle{} /*Pricing Toggle*/ .px_pricing_tabs [id*="px_pricing_tab_"] {} .px_pricing_tabs [id*="px_pricing_tab_"]:hover, .px_pricing_tabs [id*="px_pricing_tab_"].px_active{} /*Pricing Row Settings */ [class*="px_pricing_tab_content_"] { } [class*="px_pricing_tab_content_"].px_active{} [class*="px_pricing_tab_content_"].animated{} /*---Pricing Table Structure CSS---*/ .px_pricing_table_layout{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 {overflow:hidden;} .px_testimonial_v1.et_pb_testimonial {} .px_testimonial_v1.et_pb_testimonial:before {right: 50px; top: 30px; left: auto; color:#dadbde; transition:0.5s;} .px_testimonial_v1.et_pb_testimonial:hover:before {right: 50px; top: 30px; left: auto; color:var(--px-color-1); transition:0.5s;} /*---Image CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait{z-index: 3;} /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::before{content:""; background:transparent; height:150px; width:150px; border:50px solid var(--px-color-1); border-radius:50%; position:absolute; top: -80%; left: -80%;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::after{content:""; background:transparent; height:150px; width:150px; border:50px solid var(--px-color-1); border-radius:50%; position:absolute; bottom: -80%; right: -40%;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {display: flex; flex-direction: column-reverse;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {font-weight: 400;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {z-index: 3; position: relative;} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {margin-bottom: 15px; color:#0f0909; transition:0.5s;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author:hover {color:var(--px-color-1); transition:0.5s;} /*---Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{} /*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"} @media only screen and (max-width:576px){ /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {margin-top: 5px;} /*---Description CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::before {top: -150%; left: -60%;} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description::after{right: -65%;} } /*---Testimonial v2 CSS---*/ .px_testimonial_v2{} /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 {} /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .px_process_v1 {} /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .px_partner_v1 {} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .px_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .px_skill_v1 {} .px_bar_counter_v1 {} /*---Title CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{} /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {} .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 {} .px_counter_v1 .et_pb_countdown_timer_container {} .px_counter_v1 .et_pb_countdown_timer_container .section {width: auto;} .px_counter_v1 .et_pb_countdown_timer_container .section.sep{margin:25px 15px;} .px_counter_v1 .et_pb_countdown_timer_container .section .value {background:#fff; border-radius:50%;height: 90px; width: 90px; line-height: 90px !important;} @media only screen and (max-width:576px){ .px_counter_v1 .et_pb_countdown_timer_container .section .value {height: 55px; width: 55px; line-height: 55px !important;} } /*---Counter v2 CSS---*/ .px_counter_v2 {} .px_counter_v2 .percent p span{color: var(--px-color-1) !important; font-weight: 700;} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .px_newsletter_v1 {} /*Form Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 55%; padding: 0; margin: 0;} .px_newsletter_v1 .et_pb_newsletter_form .input {} .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_form p.et_pb_newsletter_field input[type=text] {color:#fff; background: transparent; border-bottom: 2px solid #fff; border-radius: 0; font-size: 20px; padding-bottom: 18px !important;} /*Button Css*/ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {flex-basis: 40%; padding: 0; margin: 0;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {position: relative; border-radius: 50px; font-size: 16px; background: #FFF; color: var(--px-color-1); padding:15px 30px !important; font-weight: 500; text-transform: uppercase; text-align: center; overflow: hidden; border: none !important; z-index:2;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::before{content: ''; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: var(--px-color-2); border-radius: inherit;margin: 0; opacity: 1; z-index: -1; display:block!important; transition: all ease 350ms;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after{display:none !important;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::before{width: 100%; right: auto; left: 0;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{color:#fff;} @media only screen and (max-width:576px){ .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {flex-basis: 100%; margin-bottom:30px;} .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap{flex-basis: 100%;} } /*---Newsletter v2 CSS---*/ .px_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .px_CTA_v1 {} /*---CTA v2 CSS---*/ .px_CTA_v2 {} /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ .px_404_text{} .px_404_text .et_pb_text_inner {position:relative;} .px_404_text .et_pb_text_inner::before{content:""; background:var(--px-color-1); opacity:0.1; height:400px; width:400px; position:absolute; z-index: -1; left: 0; right: 0; margin: 0 auto; border-radius: 200px 300px 200px 300px; transform: rotate(0); animation: spin 2s infinite linear;} .px_404_text .et_pb_text_inner i{transform: rotate(-45deg); margin-right:25px;} .px_404_text .et_pb_text_inner i::before{font-weight: 900; font-size: 120px; font-family: FontAwesome;} @media only screen and (max-width:576px){ .px_404_text .et_pb_text_inner i{margin-right: 15px;} .px_404_text .et_pb_text_inner i::before{font-size: 70px;} .px_404_text .et_pb_text_inner::before{height:230px; width:230px;} } /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ .px_search_bar{border: 1px solid var(--px-color-1) !important; border-radius:5px !important;} .px_search_bar .et_pb_searchform input.et_pb_searchsubmit{background:var(--px-color-1); color: #FFF; padding: 10px 15px;} /* ----------------------------------- 27 Tab Control CSS -------------------------------------*/ .px_tab_v1 {} /*Tabs Title Css*/ .px_tab_v1 .et_pb_tabs_controls{} .px_tab_v1 .et_pb_tabs_controls li {} .px_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{} .px_tab_v1 .et_pb_tabs_controls li a{} /*Tabs Content Css*/ .px_tab_v1 .et_pb_all_tabs{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{} .px_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {} /*------------------------------------------- Shop CSS -------------------------------------------*/ .px_wc_product, .px_wc_related_product, .px_wc_upsell_product, .px_wc_cross_sell_product {} .px_wc_product, .px_wc_related_product .related, .px_wc_upsell_product .up-sells, .px_wc_cross_sell_product .cross-sells {} .px_wc_product .woocommerce-ordering .orderby, .px_wc_related_product .related .woocommerce-ordering .orderby, .px_wc_upsell_product .up-sells .woocommerce-ordering .orderby, .px_wc_cross_sell_product .cross-sells .woocommerce-ordering .orderby{color: var(--px-color-2) !important; background-color: #f7f7f8; padding: 10px; font-size: 14px;} .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 {font-weight: 600; color: var(--px-color-2);} .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 {margin: 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 {position:relative; overflow:hidden; padding-bottom:50px !important; margin-bottom:0px!important;} .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 {} .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 {color: #fff; background-color: #fb317d !important; font-size: 14px; padding: 3px 12px !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 {overflow:hidden; 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{margin: 12px auto !important;} .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 {margin-bottom:0px!important; transition: 0.5s;} .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img {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 {display:none !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay::before {} .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 {color:var(--px-color-2); 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{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 {font-size: 15px !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 {color: #ffd400 !important;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price {} .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 {color:var(--px-color-2); font-size: 16px !important; font-weight: 700;} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount {} .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .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 {border: 0 !important; font-size: 16px; color: #fff !important; background: var(--px-color-1); padding: 8px!important; font-weight: 600; border-radius: 5px; position:absolute; bottom:0px; width: 140px; transform: translateX(-50%); opacity:0; 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{background: var(--px-color-2); 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 {} .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 {} .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 {display:none !important;} .px_wc_product ul.products li.product:hover .button, .px_wc_related_product .related ul.products li.product:hover .button, .px_wc_upsell_product .up-sells ul.products li.product:hover .button, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .button {bottom:40px; opacity:1; transition: 0.5s;} .px_wc_product ul.products li.product .added_to_cart, .px_wc_related_product .related ul.products li.product .added_to_cart, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart {border: 0 !important; font-size: 16px; color: #fff !important; background: var(--px-color-1); padding: 8px!important; font-weight: 600; border-radius: 5px; position:absolute; bottom:30px; width: 140px; transform: translateX(-50%); transition: 0.5s;} .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{background: var(--px-color-2); transition: 0.5s;} /* Pagination CSS */ .px_wc_product .woocommerce-pagination, .px_wc_related_product .related .woocommerce-pagination, .px_wc_upsell_product .up-sells .woocommerce-pagination, .px_wc_cross_sell_product .cross-sells .woocommerce-pagination{} .px_wc_product .woocommerce-pagination ul, .px_wc_related_product .related .woocommerce-pagination ul, .px_wc_upsell_product .up-sells .woocommerce-pagination ul, .px_wc_cross_sell_product .cross-sells .woocommerce-pagination ul{border: 0 !important;} .px_wc_product .woocommerce-pagination ul li, .px_wc_related_product .related .woocommerce-pagination ul li, .px_wc_upsell_product .up-sells .woocommerce-pagination ul li, .px_wc_cross_sell_product .cross-sells .woocommerce-pagination ul li{border: 0 !important; margin: 0px 3px !important;} .px_wc_product .woocommerce-pagination ul li a, .px_wc_related_product .related .woocommerce-pagination ul li a, .px_wc_upsell_product .up-sells .woocommerce-pagination ul li a, .px_wc_cross_sell_product .cross-sells .woocommerce-pagination ul li a{padding: 10px !important; color:var(--px-color-2);} .px_wc_product .woocommerce-pagination ul li:hover a, .px_wc_related_product .related .woocommerce-pagination ul li:hover a, .px_wc_upsell_product .up-sells .woocommerce-pagination ul li:hover a, .px_wc_cross_sell_product .cross-sells .woocommerce-pagination ul li:hover a, .px_wc_product .woocommerce-pagination ul li span.current, .px_wc_related_product .related .woocommerce-pagination ul li span.current, .px_wc_upsell_product .up-sells .woocommerce-pagination ul li span.current, .px_wc_cross_sell_product .cross-sells .woocommerce-pagination ul li span.current{background:var(--px-color-2)!important; color:#fff !important; padding: 10px !important;} /*------------------------------------------- Woo Categroy CSS -------------------------------------------*/ .px_wc_category{transition:0.5s;} .px_wc_category .px_wc_category_img .et_pb_image_wrap {overflow:hidden; transition:0.5s;} .px_wc_category .px_wc_category_img .et_pb_image_wrap img{transition:0.5s;} .px_wc_category:hover .px_wc_category_img .et_pb_image_wrap img{transform:scale(1.1); transition:0.5s;} /*------------------------------------------- Product Detail Page CSS -------------------------------------------*/ /* px_product_title_v1 CSS Start */ .px_product_title_v1 {} .px_product_title_v1 .px_product_title_name {} .px_product_title_v1 .px_product_breadcrumbs {} .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner {} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb {margin: 0;} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a {color:var(--px-color-2); text-decoration:underline; transition:0.5s;} .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover {color:var(--px-color-1); text-decoration:none; transition:0.5s;} /* px_product_title_v1 CSS End */ /* px_wc_cart_notice CSS Start */ .px_wc_cart_notice {} .px_wc_cart_notice .et_pb_module_inner {} .px_wc_cart_notice .woocommerce-notices-wrapper{} .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error, .px_wc_cart_notice .woocommerce-info, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message {background: var(--px-color-1) !important; padding: 12px 20px 12px 30px !important;} .px_wc_cart_notice .woocommerce-message .button {background: var(--px-color-2) !important; color: #fff !important; font-size: 15px; font-weight: 600; padding: 10px 25px !important;} .px_wc_cart_notice .return-to-shop .button::after, .px_wc_cart_notice .woocommerce-message .button::after {display:none !important;} .px_wc_cart_notice .return-to-shop .button{background: var(--px-color-2) !important; color: #fff !important; font-size: 15px; font-weight: 600; padding: 15px 30px !important; border:0!important; transition: 0.5s;} .px_wc_cart_notice .return-to-shop .button:hover{background: var(--px-color-1) !important; transition: 0.5s;} /* px_wc_cart_notice CSS End */ /* px_wc_product_img CSS Start */ .px_wc_product_img {} .px_wc_product_img .et_pb_module_inner {} .px_wc_product_img .et_pb_module_inner .onsale {color: #fff; background-color: #fb317d !important; font-size: 14px; padding: 3px 15px !important; font-weight: 600 !important;} .px_wc_product_img .woocommerce-product-gallery {} .px_wc_product_img .woocommerce-product-gallery__trigger {} .px_wc_product_img .woocommerce-product-gallery__trigger::before {} .px_wc_product_img .woocommerce-product-gallery__trigger::after {} .px_wc_product_img .flex-viewport {} .px_wc_product_img .woocommerce-product-gallery__wrapper {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {} .px_wc_product_img .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .zoomImg {} .px_wc_product_img .flex-control-nav {} .px_wc_product_img .flex-control-nav li {} .px_wc_product_img .flex-control-nav li:hover {} .px_wc_product_img .flex-control-nav li img {} /* px_wc_product_img CSS End */ /* px_wc_product_title CSS Start */ .px_wc_product_title {} .px_wc_product_title .et_pb_module_inner {} .px_wc_product_title .et_pb_module_inner h1 {} /* px_wc_product_title CSS End */ /* px_wc_product_price CSS Start */ .px_wc_product_price {} .px_wc_product_price .et_pb_module_inner {} .px_wc_product_price .price {color: var(--px-color-2) !important; font-weight: 700 !important;} .px_wc_product_price .price .woocommerce-Price-amount {} .px_wc_product_price .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_product_price .price del[aria-hidden="true"] .woocommerce-Price-amount {} .px_wc_product_price .price del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} /* px_wc_product_price CSS End */ /* px_wc_short_desc CSS Start */ .px_wc_short_desc {} .px_wc_short_desc .et_pb_module_inner {} /* px_wc_short_desc CSS End */ /* px_wc_add_to_cart_info CSS Start */ .px_wc_add_to_cart_info {} .px_wc_add_to_cart_info .et_pb_module_inner {} /* Variable product */ .px_wc_add_to_cart_info .variations_form {} .px_wc_add_to_cart_info .variations_form .variations {margin-bottom: 0px !important;} .px_wc_add_to_cart_info .variations_form .variations tbody {} .px_wc_add_to_cart_info .variations_form .variations tbody tr {} .px_wc_add_to_cart_info .variations_form .variations tbody tr th {font-size: 16px; color: var(--px-color-2);} .px_wc_add_to_cart_info .variations_form .variations tbody tr th label {} .px_wc_add_to_cart_info .variations_form .variations tbody tr td a{margin-top: 20px !important; font-size: 16px !important; font-weight: 700; color: var(--px-color-1);} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select {font-size: 14px !important; padding: 10px !important; background-color:#f9f9f9 !important;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td.value span::after{transform: translateY(100%); top: 0; margin-top: 5px;} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option {} .px_wc_add_to_cart_info .variations_form .variations tbody tr td select option .attached {} .px_wc_add_to_cart_info .single_variation_wrap {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-description {line-height: 1.9em; color: var(--px-color-2); font-size: 15px;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price {margin-bottom: 30px;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {color: var(--px-color-1); font-size: 25px; font-weight: 700;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .woocommerce-Price-amount {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-availability {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .screen-reader-text {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity .input-text {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {background: var(--px-color-1) !important; color: #fff !important; border: 0 !important; font-size: 18px !important; padding: 12px 50px !important; font-weight: 600 !important; transition:0.5s;} .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {background: var(--px-color-2) !important; transition:0.5s;} /* External/Affiliate product */ .px_wc_add_to_cart_info .cart {} .px_wc_add_to_cart_info .cart .button {} /* Grouped product */ .px_wc_add_to_cart_info .grouped_form {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list {margin-bottom: 30px;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .quantity {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .quantity .input-text {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a {color: var(--px-color-2); font-weight: 700; font-size: 18px;} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del bdi{} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount {font-size: 18px; color: var(--px-color-2);} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del[aria-hidden="true"] .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list .single_add_to_cart_button {} /* Simple product */ .px_wc_add_to_cart_info .cart {} .px_wc_add_to_cart_info .cart .quantity {} .px_wc_add_to_cart_info .cart .quantity .input-text {background-color: #f7f7f8 !important; font-size: 20px; color: var(--px-color-2); padding: 10px 15px !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button {background: var(--px-color-1) !important; color: #fff !important; border: 0px !important; font-size: 18px !important; font-weight: 600 !important; padding: 12px 30px !important; transition: 0.5s !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button::after{display: none !important;} .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover {background: var(--px-color-2) !important; transition: 0.5s !important;} /* px_wc_add_to_cart_info CSS End */ /* px_wc_additional_info CSS Start */ .px_wc_additional_info {} .px_wc_additional_info .et_pb_module_inner {} .px_wc_additional_info .et_pb_module_inner h2 {margin-bottom: 20px;} .px_wc_additional_info .woocommerce-product-attributes {} .px_wc_additional_info .woocommerce-product-attributes tbody {} .px_wc_additional_info .woocommerce-product-attributes tbody tr {} .px_wc_additional_info .woocommerce-product-attributes tbody tr th {color: var(--px-color-2); font-size: 16px;} .px_wc_additional_info .woocommerce-product-attributes tbody tr td {font-size: 15px;} /* px_wc_additional_info CSS End */ /* px_wc_product_meta CSS Start */ .px_wc_product_meta{} .px_wc_product_meta .product_meta{border:0px !important; color: var(--px-color-2); display: grid; font-weight: 600;} .px_wc_product_meta .product_meta .sku_wrapper{margin-bottom: 10px;} .px_wc_product_meta .product_meta .posted_in{margin-bottom: 10px;} .px_wc_product_meta .product_meta .tagged_as{margin-bottom: 10px;} .px_wc_product_meta .product_meta .tagged_as a, .px_wc_product_meta .product_meta .posted_in a{color: var(--px-color-1);} .px_wc_product_meta .product_meta .posted_in a:hover{} /* px_wc_product_meta CSS End */ /* px_wc_product_tabs CSS Start */ .px_wc_product_tabs {border: 0px !important;} .px_wc_product_tabs .et_pb_tabs_controls {background: transparent !important;} .px_wc_product_tabs .et_pb_tabs_controls::after{border: 0px !important;} .px_wc_product_tabs li {border: 0px !important; margin: 0px 30px;} .px_wc_product_tabs li:hover a, .px_wc_product_tabs li.et_pb_tab_active a{} .px_wc_product_tabs li a {font-size: 18px; color: var(--px-color-2) !important; font-weight: 700; padding: 10px 0px !important;} .px_wc_product_tabs li a::after {position: absolute; bottom: .15em; left: 50%; display: block; width: 0; height: 2px; content: ''; transition: .3s; transform: translateX(-50%); background-color: var(--px-color-2);} .px_wc_product_tabs li.et_pb_tab_active a::after, .px_wc_product_tabs li:hover a::after {width: 100%;} .px_wc_product_tabs .et_pb_all_tabs {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab.et_pb_active_content {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {font-size: 15px; line-height: 1.8em;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 {font-size: 22px; font-weight: 600; color: var(--px-color-1); margin-bottom: 30px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th {color: var(--px-color-2); font-size: 16px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr td {font-size: 15px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments h2.woocommerce-Reviews-title {font-size: 22px; font-weight: 600; color: var(--px-color-1);} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .avatar {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating {color: #ffd400 !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating::before {color: #ffd400 !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span {} .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;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta {color: var(--px-color-2) !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 {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__dash {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__published-date {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .description {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond {} .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) !important; font-size: 16px; font-weight: 700;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a {color: #ffd400 !important;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span:hover a{} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment label{color: var(--px-color-2) !important; font-size: 16px; font-weight: 700;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea {background-color: #f9f9f9 !important; height: 150px; font-size: 15px;} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit {} .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit {float: left; background: var(--px-color-1); color: #fff !important; border: 0px !important; font-size: 18px; font-weight: 600; padding: 8px 30px !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:hover{background: var(--px-color-2); transition: 0.5s;} /* px_wc_product_tabs CSS End */ /* px_wc_product_reviews CSS Start */ .px_wc_product_reviews {} .px_wc_product_reviews .woocommerce-Reviews {} .px_wc_product_reviews .woocommerce-Reviews #comments {display: none;} .px_wc_product_reviews .woocommerce-Reviews #comments h2.woocommerce-Reviews-title {margin:0px !important; padding:0px !important;} .px_wc_product_reviews .woocommerce-Reviews #comments .woocommerce-Reviews-title span {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .comment_container {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .avatar {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .comment-text {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .star-rating::before{color:#ffd400 !important;} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .star-rating {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .star-rating span{color: #ffd400 !important;} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .star-rating .rating {color:var(--px-color-2) !important;} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta {color:var(--px-color-2) !important;} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta .woocommerce-review__author {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta .woocommerce-review__dash {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .meta .woocommerce-review__published-date {} .px_wc_product_reviews .woocommerce-Reviews #comments .commentlist .review .description {color:var(--px-color-2) !important;} .px_wc_product_reviews .woocommerce-Reviews .woocommerce-pagination {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a {color: #ffd400;} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a::before {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a.active {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars a.active::before {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment .required {} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea {background-color: #f9f9f9 !important; height: 120px; font-size: 15px;} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .et_pb_button {float: left; background: var(--px-color-1); color: #fff !important; border: 0px !important; font-size: 18px; font-weight: 600; padding: 8px 30px !important; transition: 0.5s;} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .et_pb_button::after{display:none !important;} .px_wc_product_reviews .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .et_pb_button:hover {background: var(--px-color-2); transition: 0.5s;} /* -------- Cart css -------------- */ .px_cart_products.et_pb_wc_cart_products .et_pb_module_inner .woocommerce-cart-form{} /* for table */ .px_cart_products.et_pb_wc_cart_products .et_pb_module_inner .woocommerce-cart-form .shop_table{border-bottom:0!important; border-right:0!important; border-left:0!important; border-radius:0!important;} .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 td{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a{font-size: 0px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a::before{content:"\e019"; font-family:ETmodules; font-size: 22px; font-weight: 500;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a:hover{color:red !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img{width: 180px; object-fit:cover;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a{color: var(--px-color-2); font-size: 16px; font-weight: 600;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price .woocommerce-Price-amount{font-size: 18px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price .woocommerce-Price-currencySymbol{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty{background: #f7f7f8; color: var(--px-color-2);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-amount{font-size: 18px; font-weight: 700; color: var(--px-color-2);} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-currencySymbol{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions{padding-top: 40px !important;} /* coupon */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon{} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text{width: 200px;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button{background:var(--px-color-1); color:#fff !important; padding: 15px 20px !important; font-size: 16px; font-weight: 600; border: 0px !important; border-radius: 3px; transition:0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button:after{display:none !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .wp-element-button:hover{background:var(--px-color-2); transition:0.5s;} /* upgrade button*/ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button{background: var(--px-color-1); color: #fff !important; padding: 15px 30px !important; font-size: 16px; font-weight: 600; border: 0px !important; border-radius: 3px; transition: 0.5s;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button:after{display:none !important;} .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .wp-element-button:hover{background:var(--px-color-2); transition:0.5s;} /* -------- Cart totals css -------------- */ .px_cart_totols .cart_totals{} .px_cart_totols .cart_totals h2{} .px_cart_totols .cart_totals .shop_table{} .px_cart_totols .cart_totals .shop_table th{padding: 15px; font-size: 16px; color: var(--px-color-2); border-right: 1px solid rgba(0,0,0,.1);} .px_cart_totols .cart_totals .shop_table td{padding: 15px; font-size: 15px;} .px_cart_totols .cart_totals .shop_table td input[type=radio].shipping_method{} .px_cart_totols .cart_totals .shop_table .cart-subtotal{} .px_cart_totols .cart_totals .shop_table .cart-subtotal td .woocommerce-Price-amount{} .px_cart_totols .cart_totals .shop_table .cart-subtotal td .woocommerce-Price-currencySymbol{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form{} .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 .select2 .select2-selection span{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text{} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .wp-element-button{} .px_cart_totols .cart_totals .shop_table .order-total{} .px_cart_totols .cart_totals .wc-proceed-to-checkout{} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button{background: var(--px-color-1); transition:0.5s;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover{background: var(--px-color-2); transition:0.5s;} /* Checkout */ .px_checkout_title .entry-title{} /*------ Checkout Login ------*/ .px_checkout_login {} .px_checkout_login .woocommerce-notices-wrapper .woocommerce-form-coupon-toggle .woocommerce-info{} /* login */ .px_checkout_login .woocommerce-info{} .px_checkout_login .woocommerce-info .showlogin{} .px_checkout_login .login{} .px_checkout_login .login p{} .px_checkout_login .login .form-row{ width:100%; } .px_checkout_login .login .form-row label{} .px_checkout_login .login .form-row label span{} .px_checkout_login .login .form-row input{} /* button */ .px_checkout_login .login .form-row .button {} .px_checkout_login .login .form-row .woocommerce-form__label-for-checkbox{} .px_checkout_login .login .form-row .woocommerce-form__label-for-checkbox input{} /* lost Pass */ .px_checkout_login .login .lost_password a{} /* Toggle */ .px_checkout_login .woocommerce-form-coupon-toggle {} .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info{} .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon{} /* coupen */ .px_checkout_login .checkout_coupon {} .px_checkout_login .checkout_coupon p{} .px_checkout_login .checkout_coupon .form-row{} .px_checkout_login .checkout_coupon .form-row label{} .px_checkout_login .checkout_coupon .form-row input{} /* button */ .px_checkout_login .checkout_coupon .form-row .button {} /*------ Checkout Details ------*/ .px_checkout_details .woocommerce-notices-wrapper{} .px_checkout_details .woocommerce-error, .px_checkout_details .woocommerce-form-coupon-toggle .woocommerce-info, .px_checkout_details .woocommerce-notices-wrapper .woocommerce-message {background: var(--px-color-1) !important; padding: 12px 20px 12px 30px !important;} .px_checkout_details .woocommerce-message .button {background: var(--px-color-2) !important; color: #fff !important; font-size: 15px; font-weight: 600; padding: 10px 25px !important;} .px_checkout_details .woocommerce-message .button::after {display:none !important;} .px_checkout_details form .woocommerce-billing-fields h3{font-weight: 700; color: var(--px-color-2);} .px_checkout_details form .woocommerce-billing-fields__field-wrapper {} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label{font-size: 15px; color:var(--px-color-2); margin: 10px 0px 5px 0px;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection span.select2-selection--single, .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input{color: var(--px-color-2); background-color: #f7f7f8; font-size: 14px; height: 50px; padding: 15px 20px; line-height: 20px;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection span.select2-selection--single .select2-selection__arrow{top: 0;} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row-first{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row-last{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_company_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_country_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_address_1_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_address_2_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_city_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_state_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_postcode_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_phone_field{} .px_checkout_details form .woocommerce-billing-fields__field-wrapper #billing_email_field{} /*------ Checkout Address ------*/ .px_checkout_address .woocommerce-notices-wrapper{} .px_checkout_address form #ship-to-different-address{} .px_checkout_address form #ship-to-different-address .checkbox{} .px_checkout_address form #ship-to-different-address .checkbox input{} .px_checkout_address form #ship-to-different-address .checkbox span{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row label{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_company_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_country_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_city_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_state_field{} .px_checkout_address form .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field{} /* Addition Information */ .px_checkout_details_add_info .woocommerce-notices-wrapper{} .px_checkout_details_add_info form #customer_details {} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields h3{font-weight: 700; color: var(--px-color-2);} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper {} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes{} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes label{color: var(--px-color-2); margin-bottom: 10px;} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes label span{} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper{} .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea{background-color: #f7f7f8; font-size: 14px;color: var(--px-color-2);} /*------ Checkout Order ------*/ /* notice */ .px_checkout_order .woocommerce-notices-wrapper{} .px_checkout_order form #customer_details {} /* Heading */ .px_checkout_order form h3{font-weight: 700; color: var(--px-color-2); margin-bottom: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table{} /* thead */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-name{color: var(--px-color-2); font-size: 16px; padding: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-total{color: var(--px-color-2); font-size: 16px; padding: 15px;} /* tbody */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot tr th, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody tr td{font-size:15px; padding: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-name strong{color: var(--px-color-2);} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total .amount{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody .cart_item .product-total .amount .woocommerce-Price-currencySymbol{} /*--- tfoot ---*/ /* Subtotal */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th{color: var(--px-color-2); font-size: 16px; padding: 15px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal .amount{color: var(--px-color-2); font-size: 16px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal .amount .woocommerce-Price-currencySymbol{} /* Shipping */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping th{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods input{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods input[type="radio"]{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods label{} /* Total Order */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total{} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total th{color: var(--px-color-2); font-size: 16px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total .amount{color: var(--px-color-2); font-size: 16px;} .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total .amount .woocommerce-Price-currencySymbol{} /*------ Checkout Payment ------*/ /* notice */ .px_checkout_payment .woocommerce-notices-wrapper{} .px_checkout_payment .checkout input{accent-color: var(--px-color-1);} .px_checkout_payment .checkout #customer_details{} .px_checkout_payment .checkout #order_review_heading{} .px_checkout_payment .woocommerce-error{background:var(--px-color-1);font-size:16px !important;} .px_checkout_payment .woocommerce-error a{color: var(--px-color-2); font-weight: 600;} /* Payment Methods */ .px_checkout_payment .checkout .woocommerce-checkout-review-order {} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment{padding: 20px !important;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods {} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input{} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label{color:var(--px-color-2); font-size: 20px; font-weight: 700;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box {background-color: var(--px-color-1) !important; color: #fff !important; font-size: 16px !important; font-weight: 600;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p{} /* Place Order */ .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order{margin-top: 0;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order #mailpoet_woocommerce_checkout_optin_field{margin-top: 10px; font-size: 15px;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p{} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p a{color: var(--px-color-1); font-weight: 600; transition:0.5s;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p a:hover{color: var(--px-color-2); transition:0.5s;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button {float: left !important; margin: 20px 0px 10px 0px; border: 0 !important; color: #fff !important; background: var(--px-color-1); font-size: 18px; font-weight: 600; padding: 10px 20px; transition: 0.5s; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button::after{display:none !important;} .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover{background: var(--px-color-2); transition: 0.5s; } /* Thank You Form */ .px_checkout_payment .woocommerce-order{padding: 30px !important;} .px_checkout_payment .woocommerce-order .woocommerce-thankyou-order-received{font-size: 22px; color: var(--px-color-2); font-weight: 700; margin-bottom: 20px;} .px_checkout_payment .woocommerce-order ul.woocommerce-thankyou-order-details{} .px_checkout_payment .woocommerce-order ul.woocommerce-thankyou-order-details li{font-size: 14px;} .px_checkout_payment .woocommerce-order ul.woocommerce-thankyou-order-details li strong{font-size: 15px;color: var(--px-color-2); margin-top: 6px;} .px_checkout_payment .woocommerce-order p{font-size: 16px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details{} .px_checkout_payment .woocommerce-order .woocommerce-order-details h2{margin: 20px 0px 10px 0px;color: var(--px-color-2); font-weight: 600;} .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details{} .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr th{padding: 15px; font-weight:700; color:var(--px-color-2); font-size: 16px;} .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr td{padding: 15px; font-size: 16px; color: var(--px-color-2);} .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr th a, .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr td a{color: var(--px-color-1); font-weight: 700;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details h2{margin: 50px 0px 10px 0px; color: var(--px-color-2); font-weight: 600;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address{padding: 15px 20px; font-size: 16px; line-height: 35px;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address p{padding-bottom: 0; color: var(--px-color-2); font-weight: 600;} .px_checkout_payment .woocommerce-order .woocommerce-customer-details address p::before{} /*------------------------------------------- My Account Page CSS -------------------------------------------*/ .px_my_account{} .px_my_account .woocommerce{} /* Notice Wrapper CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper{} /* Register Form CSS */ .px_my_account .woocommerce{} .px_my_account .woocommerce .woocommerce-form-register{} .px_my_account .woocommerce .woocommerce-form-register .form-row{} .px_my_account .woocommerce .woocommerce-form-register .form-row label .required{} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p{font-size: 15px; line-height: 30px;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a{color: var(--px-color-1); font-weight: 600;} .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a:hover{} /* Login Form CSS */ .px_my_account .woocommerce h2{font-weight: 700; margin: 20px 0px 0px 10px;} .px_my_account .woocommerce .woocommerce-form-login{} .px_my_account .woocommerce .woocommerce-form-login .form-row{} /* Label CSS */ .px_my_account .woocommerce .woocommerce-form-register .form-row label, .px_my_account .woocommerce .woocommerce-form-login .form-row label{color: var(--px-color-2); font-weight: 600; margin-bottom: 5px; margin-top: 25px; font-size: 15px;} .px_my_account .woocommerce .woocommerce-form-login .form-row label .required{} .px_my_account .woocommerce .woocommerce-form-register .form-row label input, .px_my_account .woocommerce .woocommerce-form-login .form-row label input{accent-color:var(--px-color-1);} /* Input Field CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text, .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text, .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text{color: var(--px-color-2); background-color: #f7f7f8; font-size: 14px; height: 50px; padding: 15px 20px; line-height: 20px;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text:focus, .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:focus, .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:focus{} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text:hover, .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:hover, .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:hover{} /* Button CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button, .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit, .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit{background:var(--px-color-1); color:#fff !important; border:0px!important; font-size:16px; font-weight:600; padding:8px 30px !important; margin: 15px 15px 20px 0px; transition:0.5s;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after, .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after, .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after{display:none !important;} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover, .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover, .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover{background:var(--px-color-2); transition:0.5s;} /* Lost Password CSS */ .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword{} .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a{color: #f93838; font-weight: 600; font-size: 15px;} /* Reset Password CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword::before{} .px_my_account .woocommerce .woocommerce-ResetPassword::after{} .px_my_account .woocommerce .woocommerce-ResetPassword{} .px_my_account .woocommerce .woocommerce-ResetPassword p{} .px_my_account .woocommerce .woocommerce-ResetPassword .clear{} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row{} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row label{} .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input.input-text{} /* Reset Password Error Box CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error{background:#f9f9f9;} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li{color: red; font-size: 15px; font-weight: 600;} .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li a{} /* Navigation CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul{list-style: none;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li{border: 1px solid rgba(0, 0, 0, .125); border-bottom:0px; padding:10px; transition:0.3s;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:last-child{border-bottom: 1px solid rgba(0, 0, 0, .125);} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a{color:var(--px-color-2);font-size: 15px; font-weight: 600; transition:0.3s;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard::before{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders::before{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads::before{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address::before{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account::before{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout::before{} /* Hover Effect CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover{background: var(--px-color-1); transition:0.3s;} .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a{color:#fff; transition:0.3s;} /* Content CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper{} .px_my_account .woocommerce .woocommerce-MyAccount-content p{font-size:16px;} .px_my_account .woocommerce .woocommerce-MyAccount-content p strong{color: var(--px-color-1);} .px_my_account .woocommerce .woocommerce-MyAccount-content p a{color: var(--px-color-2); font-weight: 600;} .px_my_account .woocommerce .woocommerce-MyAccount-content p a:hover{} /* Order CSS*/ .px_my_account .woocommerce .woocommerce-message{background: var(--px-color-1);} .px_my_account .woocommerce .woocommerce-message a.button{} .px_my_account .woocommerce .woocommerce-message a.button::after{} /* Order Table CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr:nth-of-type(2n+1) {background-color: #f9f9f9;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead tr th{font-size: 16px; color: var(--px-color-2); padding: 10px 20px; border-right: 1px solid #eee;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead tr th:last-child{border-right: 0px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders thead tr th span{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr td{border-right: 1px solid #eee; font-size: 14px; padding:10px 20px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr td:last-child{border-right: 0px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr td a{color: var(--px-color-1); font-weight: 600;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr td a.button{border: 0 !important; background: #efefef; color: var(--px-color-2); font-size: 15px; padding: 5px 25px !important; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr td a.button::after{display:none !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr td a.button:hover{color: #fff; background: var(--px-color-2); transition:0.5s;} /* Order Detail CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table tr th{color:var(--px-color-2); font-size:16px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table tr td{color:var(--px-color-2); font-size:16px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table tr td a{color:var(--px-color-1);} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table tfoot{} /* Billing Detail CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address{font-size: 16px; line-height: 35px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address p{padding-bottom: 0; color: var(--px-color-2); font-weight: 600; position:relative;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address p::before{top:4px;} /* Download CSS*/ .px_my_account .woocommerce .woocommerce-Message{background: var(--px-color-1);} .px_my_account .woocommerce .woocommerce-Message a.button{border: 0 !important; background: var(--px-color-2); color: #fff; font-size: 16px; padding: 10px 20px !important; font-weight: 600;} .px_my_account .woocommerce .woocommerce-Message a.button::after{display:none !important;} .px_my_account .woocommerce .woocommerce-Message a.button:hover{} /* Address CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{border: 1px solid #f4f4f4; padding: 25px 20px 15px 20px;} .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-weight:600; font-size: 16px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address{font-size: 16px; line-height: 35px; margin-top: 10px} .px_my_account .woocommerce .woocommerce-MyAccount-content h3{font-weight: 700; color: var(--px-color-2); margin-bottom:10px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p label{margin: 20px 0px 10px 0px; color:var(--px-color-2);} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .select2-container .selection .select2-selection, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .woocommerce-input-wrapper input.input-text{ color: var(--px-color-2); background-color: #f7f7f8; font-size: 14px; height: 50px; padding: 15px 20px; border:0px !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .select2-container .selection .select2-selection .select2-selection__rendered {padding: 0; margin-top: -3px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .select2-container .selection .select2-selection .select2-selection__arrow{top: 12px; right: 15px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p .select2-container .selection .select2-selection:hover, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p input.input-text:hover{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields button.button {background: var(--px-color-1); border: 0px !important; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 30px; margin-top: 30px; transition: 0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields button.button::after{display:none !important;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields button.button:hover {background: var(--px-color-2); transition: 0.5s;} /* Account Details CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label{margin: 20px 0px 10px 0px; color:var(--px-color-2);} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label .required{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text{color: var(--px-color-2); background-color: #f7f7f8; font-size: 14px; height: 50px; padding: 15px 20px; line-height: 20px;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:focus{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:hover{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row em{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend{} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button{background:var(--px-color-1); color:#fff !important; border:0px !important; margin-top:30px; padding:10px 30px !important; font-size:16px; font-weight:600; transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:hover{background:var(--px-color-2); transition:0.5s;} .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button::after{display:none !important;} /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes scalings{ 0% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -ms-transform: scale(.8); -moz-transform: scale(.8); -webkit-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* 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: 10px; 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:100vw; min-height:100vh; top:-15px !important; left:-10vw !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(--white) !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"; } /********** 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: -10vw; 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(--white)!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 (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style3 #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_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:-10vw !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(--white)!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 (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style4 #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_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-1);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;}