/* Theme Name: Divi Coffee Shop Child Theme Theme URI: https://divi-professional.com/ Description: Divi Coffee Shop Theme is a premium Divi Woocommerce Theme with a clean and modern design for Coffee Roasters, Cafés, Coffee Shops, Tea shops, Bakeries and Restaurants. Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ body{overflow-x:hidden;} /*---Title CSS---*/ .px_title h2{ font-size: 45px; line-height: 50px; font-weight: 700; color: var(--px-color-2); } @media only screen and (max-width:480px){ .px_title h2 { font-size: 30px; line-height: 35px; } } .px_subtitle{ padding: 10px 0; position: relative; }/* .px_subtitle:before{ content: ''; position: absolute; height: 4px; width: 10px; background: var(--px-color-1); bottom: -2px; left: 105px; border-radius: 50px; }*/ .px_subtitle:after{ content: ''; position: absolute; height: 4px; width: 100px; background: var(--px-color-1); border-radius: 30px; bottom: -2px; left:0; } .px_subtitle_center:after{ left:50%; transform:translatex(-50%); } .px_subtitle_center:before{ content:none; } .px_subtitle h3{ font-size: 18px; color: var(--px-color-1); font-weight: 700; } .px_desc {} /*---Button CSS---*/ .px_btn{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; } .px_btn:after{ opacity:0!important; } .px_btn:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_btn:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_btn:hover:before{ height:100%; transition:.3s ease-in-out; } .px_btn.light {} /*---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; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /* .px_main_menu .px_hamburger_menu__icon span{ background:#fff!important; } */ .px_main_menu .et-menu li{ margin-top: 0!important; } .et-db #et-boc .px_main_menu .et-menu li a, .px_main_menu .et-menu li a{ color:#fff; opacity:1; padding-bottom: 0!important; line-height: 30px; } /*---Sub Menu CSS---*/ .px_main_menu .et-menu li .sub-menu{ border-top:none!important; } .px_main_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu{ border-top:0; } .px_main_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a{ color:var(--px-color-2); } .px_main_menu .et-menu .mega-menu .sub-menu li .sub-menu li:before, .px_main_menu .et-menu li .sub-menu li:before{ content: '\35'; position: absolute; font-family: 'ETmodules'; font-size: 25px; left: 5px; color: var(--px-color-1); opacity:0; transition:.3s ease; top: 50%; transform: translateY(-50%); } .px_main_menu .et-menu li .sub-menu li a{ color: var(--px-color-2)!important; line-height:35px!important; padding: 5px 0!important; transition:.3s ease-in-out!important; background:transparent!important; } /*---Sub -> Sub Menu CSS---*/ .px_main_menu .et-menu li .sub-menu li .sub-menu li a{ color:var(--px-color-2); padding-left:0!important; } .px_main_menu .et-menu .mega-menu .sub-menu li .sub-menu li:before{ left:-10px!important; } /*---Mega Menu CSS---*/ .px_main_menu .et-menu .mega-menu .sub-menu li:before{ content:none; } /*---Header Common Info Css---*/ .px_small_info { color: var(--px-color-2); } .px_small_info:before { color: var(--px-color-1); } /* .px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description:before{ content: '\45'; position: absolute; font-family: 'ETmodules'; right: 10px; font-size: 25px; } */ .px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description, .px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1)!important; } .px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color:var(--px-color-2); } .px_header_search{ border-radius: 50px; } .px_header_search .et_pb_searchsubmit{ background: var(--px-color-2)!important; color: #fff!important; } .px_header_contact_info {} .px_header_social .et_pb_social_network_link { margin-bottom:0; } .px_header_social .et_pb_social_network_link .icon:before { color:var(--px-color-2); } /* HOVER CSS HERE */ .px_small_info:hover { background:transparent!important; } .px_header_social .et_pb_social_network_link:hover .icon:before { color:var(--px-color-1); } /*--- Menu CSS---*/ .px_main_menu.et_dropdown_animation_fade.et_pb_menu ul li a:hover, .et-db #et-boc .et-l .px_main_menu.et_dropdown_animation_fade.et_pb_menu ul li a:hover, .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a, .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item>a, .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after, .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after, .et-db #et-boc .et-l .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a, .et-db #et-boc .et-l .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item>a, .et-db #et-boc .et-l .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after, .et-db #et-boc .et-l .px_main_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after { color: var(--px-color-1)!important; } /*---Sub Menu CSS---*/ .px_main_menu .et-menu li .sub-menu li:hover{ transition:.3s ease; } .px_main_menu .et-menu li .sub-menu li:hover a{ padding-left:10px!important; transition:.3s ease; background:transparent; } /*---Sub -> Sub Menu HOVER CSS---*/ .px_main_menu .et-menu li .sub-menu li .sub-menu li:hover a{ color:var(--px-color-1); padding-left:10px!important; } .px_main_menu .et-menu .mega-menu .sub-menu li .sub-menu li:hover a{ padding-left:15px!important; } .px_main_menu .et-menu .mega-menu .sub-menu li .sub-menu li:hover:before, .px_main_menu .et-menu li .sub-menu li:hover:before{ opacity:1; transition:.3s ease; } /*---Mega Menu HOVER CSS---*/ .px_main_menu .et-menu .mega-menu .sub-menu li:hover{ background:transparent; } .px_main_menu .et-menu .mega-menu .sub-menu li:hover a{ padding-left:0!important; color:var(--px-color-2); } .px_main_menu .et-menu .mega-menu .sub-menu li .sub-menu li:hover a{ color:var(--px-color-1); } .et_mobile_nav_menu {} /*---Header v3 CSS---*/ .px_main_menu.px_header_v3 ul.et-menu>li>a { padding-top:0px !important; line-height:30px !important; color:var(--px-color-2)!important; padding-bottom: 0px !important; } .px_header_v3 .et_pb_menu_inner_container .et_pb_menu__wrap { justify-content: flex-start!important; } .px_main_menu.px_header_v3 ul.et-menu>li>a:hover, .px_header_v3_small_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1)!important; } .px_header_v3_small_info .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-2); } .px_header_v3 .et_pb_menu__menu>nav>ul>li{ border:1px solid #0000001a; border-top:0; border-bottom:0; padding: 10px; } .px_header_v3 .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul{ border-top:0; } .px_header_v3 .et_pb_menu_inner_container .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav ul li a{ color:var(--px-color-2); } @media only screen and (min-width:480px) and (max-width:980px){ .px_header_v3 .et_pb_menu_inner_container .et_pb_menu__wrap{ justify-content:flex-end!important; } } @media only screen and (max-width:480px){ .px_header_v3 .et_pb_menu_inner_container .et_pb_menu__wrap{ justify-content:flex-end!important; } } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .px_footer_title .et_pb_text_inner { font-size: 22px; font-weight: 700; color: #fff; } .px_footer_gallery .et_pb_gallery_items { display: grid; grid-gap: 15px; grid-template-columns: repeat(3, 30%); } .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item .et_overlay{ display:none; } .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item{ width:100%; } .px_footer_blurb_info {} .px_footer_links {} .px_footer_social .et_pb_social_network_link{} .px_footer_social .et_pb_social_network_link .icon{ background: #f4f4f4; border-radius: 50%; padding: 5px; transition:.3s ease; } .px_footer_social .et_pb_social_network_link .icon:before { color:var(--px-color-2); } /*---Newsletter v1 CSS---*/ .px_footer_newsletter_v1 {} /*Form Css*/ .px_footer_newsletter_v1 .et_pb_newsletter_form {} /*Input Css*/ .px_footer_newsletter_v1 .et_pb_newsletter_field {} .px_footer_newsletter_v1 .input {} .px_footer_newsletter_v1 .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .px_footer_newsletter_v1 p.et_pb_newsletter_field input[type=text] { border-radius:100px; } /*Button Css*/ .px_footer_newsletter_v1 .et_pb_newsletter_button_wrap { position: absolute; top: 0; right: 0; } .px_footer_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_newsletter_button { background: var(--px-color-1); color: #fff; font-size: 15px; border: none; border-radius: 0 100px 100px 0; padding: 11px 20px; transition:.3s ease-in-out; } .px_footer_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{ content:unset; } .px_footer_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} /*---Footer Common Info HOVER Css---*/ .px_footer_social .et_pb_social_network_link:hover .icon{ background: var(--px-color-1); transition:.3s ease; } .px_footer_newsletter_v1 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } /*---Footer v1 CSS---*/ .px_footer_v1 {} /*---Footer v2 CSS---*/ /* Email Option */ .px_footer_v2_email_option .et_pb_newsletter_form .et_pb_newsletter_field .input{ padding: 16px 4%!important; background: transparent; border: 1px solid #ffffff7a; } .px_footer_v2_email_option .et_pb_newsletter_form form { position:relative; overflow:hidden; } .px_footer_v2_email_option .et_pb_newsletter_form form .et_pb_newsletter_field { padding-bottom:0; } .px_footer_v2_email_option .et_pb_newsletter_form form .et_pb_newsletter_button_wrap{ background: var(--px-color-1); position: absolute; top: 0; right: 0; } .px_footer_v2_email_option .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button{ padding: 11px; background:var(--px-color-1)!important; } .px_footer_v2_email_option .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text{ color:#fff; transition:.3s ease-in-out; } .px_footer_v2_email_option .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover .et_pb_newsletter_button_text{ color:var(--px-color-2); transition:.3s ease-in-out; } /* Footer Social */ .px_footer_v2_social .et_pb_social_network_link .icon{ background: var(--px-color-2); box-shadow: 0px 0px 9px -5px #fff; padding: 5px!important; transition:.3s ease-in-out; } /* Blurb Info */ .px_footer_v2_blurb_info .et_pb_blurb_container{ display: flex; justify-content: space-between; } /* Footer Blog */ .px_footer_blog .et_pb_post { display:flex; margin-bottom: 30px; } .px_footer_blog .et_pb_post .entry-featured-image-url{ width: 40%; height: 100px; margin-right: 10px; margin-bottom: 0; overflow:hidden; } .px_footer_blog .et_pb_post .entry-featured-image-url img{ height:100%; object-fit:cover; transform: scale(1); transition:.3s ease-in-out; } .px_footer_blog .et_pb_post .px_footer_blog_info{ width: 60%; } .px_footer_blog .et_pb_post .px_footer_blog_info .entry-title{ color:#fff; } .px_footer_blog .et_pb_post .px_footer_blog_info .post-meta{ color:var(--px-color-1); } /* Footer V2 HOVER CSS HERE */ .px_footer_v2_social .et_pb_social_network_link:hover .icon{ background: var(--px-color-1); transition:.3s ease-in-out; } .px_footer_blog .et_pb_post:hover .entry-featured-image-url img{ transform: scale(1.2); transition:.3s ease-in-out; } @media only screen and (max-width:480px){ .px_footer_v2_email_option .et_pb_newsletter_form form .et_pb_newsletter_button_wrap{ position: relative; margin-top: 12px; border-radius: 10px; } } /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .px_sidebar .widgettitle { font-size: 25px; color: var(--px-color-2); padding-bottom: 25px; } .px_sidebar .et_pb_widget{ background: #0000000f; padding: 25px; } /* Search */ .px_sidebar .widget_search .searchform #searchsubmit { background:var(--px-color-2); border: none; color:#fff; transition:.3s ease-in-out; } .px_sidebar .widget_search .searchform #searchsubmit:hover{ background:var(--px-color-1); transition:.3s ease-in-out; } .px_sidebar .widget_tag_cloud, .px_sidebar .widget_categories{ padding: 25px; position: relative; } /* RECENT POST */ .px_sidebar .widget_recent_entries ul li{ display: flex; flex-wrap: wrap; } .px_sidebar .widget_archive ul li a, .px_sidebar .widget_recent_entries ul li a{ color: var(--px-color-2); transition:.3s ease-in-out; } .px_sidebar .widget_recent_entries ul li span{ color: var(--px-color-1); width:100%; } .px_sidebar .widget_archive ul li, .px_sidebar .widget_recent_entries ul li, .px_sidebar .widget_categories ul li{ border-bottom: 1px solid #0000002b; padding: 5px 0; } /* CATEGORIES */ .px_sidebar .widget_categories ul li a{ color:var(--px-color-2); transition:.3s ease-in-out; } /* TAG */ .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link { background: none; font-size: 15px!important; margin: 5px; color: var(--px-color-2); transition: .3s ease-in-out; border: 1px solid; padding: 5px 10px; } /* Comments */ .px_post_comment .commentlist .comment .comment-body .comment_avatar img { border-radius: 50%; } .px_post_comment .commentlist .comment .comment-body .comment_postinfo .fn { display: block; text-transform: capitalize; } .px_post_comment .commentlist .comment .comment-body .comment_postinfo .comment-edit-link { color:var(--px-color-1); } .px_post_comment .commentlist .comment .comment-body { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; } .px_post_comment .commentlist .comment .comment-body .comment_area .reply-container .comment-reply-link, body #page-container .et_pb_section .px_post_comment .commentlist .comment .comment-body .comment_area .reply-container .comment-reply-link { background-color: var(--px-color-1); color: #fff; font-size: 14px; font-weight: 600; padding: 8px 30px 8px 10px !important; transition: all 0.4s; } .px_post_comment .commentlist .comment .comment-body .comment_area .reply-container .comment-reply-link:hover, body #page-container .et_pb_section .px_post_comment .commentlist .comment .comment-body .comment_area .reply-container .comment-reply-link:hover { background-color: var(--px-color-2); } .px_post_comment .comment-respond .comment-form .logged-in-as a { color:var(--px-color-1); } /* button */ .px_post_comment .comment-respond .comment-form .form-submit .submit{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; z-index:5; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); overflow: hidden; } .px_post_comment .comment-respond .comment-form .form-submit .submit:after{ opacity:0!important; } .px_post_comment .comment-respond .comment-form .form-submit .submit:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_post_comment .comment-respond .comment-form .form-submit .submit:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_post_comment .comment-respond .comment-form .form-submit .submit:hover:before{ height:100%; transition:.3s ease-in-out; } .px_post_comment .comment-respond .comment-form .comment-form-email, .px_post_comment .comment-respond .comment-form .comment-form-url, .px_post_comment .comment-respond .comment-form .comment-form-author input{ width:100%!important; } /* INPUT FIELD */ .px_post_comment .comment-respond form .comment-form-url input, .px_post_comment .comment-respond form .comment-form-email input, .px_post_comment .comment-respond form .comment-form-author input{ border: 1px solid #EBEEEF!important; box-shadow: 0px 5px 10px rgba(0,0,0,0.04); background: transparent!important; width: 100%!important; } .px_post_comment .comment-respond form .comment-form-cookies-consent input{ accent-color:var(--px-color-1); } /* HOVER CSS HERE */ .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover, .px_sidebar .widget_categories ul li:hover a{ color:var(--px-color-1); transition:.3s ease-in-out; } .px_sidebar .widget_archive ul li:hover a, .px_sidebar .widget_recent_entries ul li:hover a{ color: var(--px-color-1); transition:.3s ease-in-out; } /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_v1 .et_pb_post { padding-bottom:30px; border: 1px solid #0000001a; position:relative; overflow:hidden; } .px_blog_v1 .et_pb_post:before{ background: var(--px-color-1); content: ''; position: absolute; padding: 42px; bottom: -30px; right: -22px; opacity: .1; border-radius: 50%; transition:.3s ease-in-out; } .px_blog_v1 .et_pb_post:after{ content: '\24'; position: absolute; font-family: 'ETmodules'; visibility: visible; font-size: 25px; right: 15px; bottom: 30px; transition:.3s ease-in-out; } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .et_pb_image_container { height:250px; } .px_blog_v1 .et_pb_post .entry-featured-image-url { height: 100%; } .px_blog_v1 .et_pb_post .entry-featured-image-url:before{ content: ''; position: absolute; height: 100%; width: 100%; background: linear-gradient(180deg, #00000014, #000000d4); transition:.3s ease-in-out; } .px_blog_v1 .et_pb_post .entry-featured-image-url:after{ content: '\4c'; position: absolute; font-family: 'ETmodules'; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 25px; border: 2px dashed #fff; border-radius: 50%; padding: 5px; opacity:0; transition:.3s ease-in-out; } .px_blog_v1 .et_pb_post:hover:after{ color:#fff; transition:.3s ease-in-out; } .px_blog_v1 .et_pb_post:hover:before, .px_blog_v1 .et_pb_post:hover .entry-featured-image-url:after{ opacity:1; transition:.3s ease-in-out; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url:before{ background:rgb(0 0 0 / 69%); transition:.3s ease-in-out; } .px_blog_v1 .et_pb_post .entry-featured-image-url img { height: 100%; object-fit: cover; } .px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {} /* Blog info CSS */ .px_blog_v1 .et_pb_post .px_blog_v1_info{ display: flex; flex-wrap: wrap; } .px_blog_v1 .et_pb_post .px_blog_v1_info .entry-title{ order: 2; color: var(--px-color-2); transition:.3s ease-in-out; } .px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta{ order: 1; } .px_blog_v1 .et_pb_post .px_blog_v1_info .post-content{} /*---Title CSS---*/ .px_blog_v1 .et_pb_post .entry-title {} /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta .author { position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid #fff; padding: 5px 10px; background: #ffffff2e; } .px_blog_v1 .et_pb_post .post-meta .author a{ color:#fff; } .px_blog_v1 .et_pb_post .post-meta .published { padding: 0 30px 0 25px; position: relative; } .px_blog_v1 .et_pb_post .post-meta .published:before{ content: '\e023'; position: absolute; font-family: 'ETmodules'; left: 0; color: var(--px-color-1); } .px_blog_v1 .et_pb_post .post-meta .published:after{ content: '\6d'; position: absolute; font-family: 'ETmodules'; right: 0; color: var(--px-color-1); } .px_blog_v1 .et_pb_post .post-meta a{} /*---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{} /*---Pagination Button CSS---*/ .px_blog_list .pagination .alignleft a, .px_blog_list .pagination .alignright a, .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a { padding:10px; border-radius:5px; border:1px solid #0000001a; color: var(--px-color-2); transition:.3s ease-in-out; } /* HOVER CSS HERE */ .px_blog_v1 .et_pb_post:hover{ box-shadow: 0 0px 10px rgb(146 146 146 / 40%); transition: .3s ease; } .px_blog_v1 .et_pb_post .px_blog_v1_info .entry-title:hover{ color: var(--px-color-1); transition:.3s ease-in-out; } @media only screen and (min-width:480px) and (max-width:980px){ .px_blog_v1 .et_pb_post .post-meta .author{ top:52%; } } @media only screen and (max-width:480px){ .px_blog_v1 .et_pb_post .post-meta .author{ top:53%; } .px_blog_v1 .et_pb_post .entry-title { padding-bottom: 10px; } } /*---Pagination Button CSS---*/ .px_blog_list .pagination .alignleft a:hover, .px_blog_list .pagination .alignright a:hover, .px_blog_v1 .pagination .alignleft a:hover, .px_blog_v1 .pagination .alignright a:hover { box-shadow:0 0px 10px rgb(146 146 146 / 40%); color: var(--px-color-1); transition:.3s ease-in-out; } /*---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, 49%); } .px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post, .px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post{ border: 1px solid #0000001a; margin-bottom:0; } .px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { height: 335px; } .px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-title, .px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .entry-title{ padding:0 20px 10px; } .px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .post-meta, .px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .post-meta{ padding: 0px 20px; } /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 23.5%); } .px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { height: 250px; } @media only screen and (min-width:480px) and (max-width:980px){ /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2, 48.3%); } } @media only screen and (max-width:480px){ /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1,100%); } /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1,100%); } } /* Blog V2 */ .px_blog_v2 .et_pb_post .post-content .more-link{ color: #fff; background: var(--px-color-2); padding: 10px 15px; } .px_blog_v2 .et_pb_post .post-content{ margin-top:30px; } .px_blog_v2 .et_pb_post .post-content .more-link{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; z-index:5; } .px_blog_v2 .et_pb_post .post-content .more-link:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } /* Blog Listing CSS */ .px_blog_list .et_pb_post{ display:flex; border: 1px solid #0000001a; transition:.3s ease-in-out; } .px_blog_list .et_pb_post .entry-featured-image-url{ width:45%; height: 250px; margin-bottom: 0; } .px_blog_list .et_pb_post .entry-featured-image-url img{ height: 100%; object-fit: cover; } .px_blog_list .et_pb_post .px_blog_list_info{ width:55%; height: 250px; padding:20px; position: relative; display: flex; flex-wrap: wrap; } .px_blog_list .et_pb_post .px_blog_list_info:before{ content: ''; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: -1; } .px_blog_list .et_pb_post .px_blog_list_info .entry-title{ order: 1; padding-top: 40px; } .px_blog_list .et_pb_post .px_blog_list_info .post-meta{ order: 3; width: 100%; margin: 0; padding-top: 15px; } .px_blog_list .et_pb_post .px_blog_list_info .post-meta a[rel="tag"]{ padding: 0 30px; position: relative; } .px_blog_list .et_pb_post .px_blog_list_info .post-meta a[rel="tag"]:before{ content:'\e023'; position:absolute; font-family: 'ETmodules'; left: 0; color: var(--px-color-1); } .px_blog_list .et_pb_post .px_blog_list_info .post-meta a:last-child:after{ content:'\77'; position:absolute; font-family: 'ETmodules'; right: 0; color: var(--px-color-1); } .px_blog_list .et_pb_post .px_blog_list_info .post-meta .published{ position: absolute; top: 20px; left: 20px; background: var(--px-color-1); color: #fff; padding: 5px 15px; border-radius: 5px; } .px_blog_list .et_pb_post .px_blog_list_info .post-content{ order: 2; } /* HOVER CSS HERE */ .px_blog_list .et_pb_post:hover{ box-shadow: 0 0px 10px rgb(146 146 146 / 40%); transition: .3s ease; } @media only screen and (max-width:480px){ /* Blog Listing CSS */ .px_blog_list .et_pb_post{ display:flex; flex-wrap:wrap; } .px_blog_list .et_pb_post .entry-featured-image-url{ width:100%; } .px_blog_list .et_pb_post .px_blog_list_info{ width:100%; } } /*------------------------------ Blog Single Page CSS ------------------------------*/ .px_blog_single { border: 1px solid #0000001c; } .px_blog_single .et_pb_title_featured_container { height: 400px; } .px_blog_single .et_pb_title_featured_container .et_pb_image_wrap{ height:100%; } .px_blog_single .et_pb_title_featured_container .et_pb_image_wrap img{ height:100%; object-fit:cover; } /* Meta */ .px_blog_single .et_pb_title_meta_container{ padding: 10px 0!important; background: #ececec; } /* Author */ .px_blog_single .et_pb_title_meta_container .author { position: absolute; background: var(--px-color-1); padding: 5px 10px; top: -60px; left: 20px; } .px_blog_single .et_pb_title_meta_container .author a{ color:#fff; } /* Published */ .px_blog_single .et_pb_title_meta_container .published{ padding: 0 35px 0 25px; position: relative; } .px_blog_single .et_pb_title_meta_container .published:before{ content: '\e023'; position: absolute; font-family: 'ETmodules'; left: 0; color: var(--px-color-1); } .px_blog_single .et_pb_title_meta_container .published:after{ content: '\77'; position: absolute; font-family: 'ETmodules'; right: 0; color: var(--px-color-1); } .px_blog_single_social{} .px_blog_single_social .et_pb_social_network_link{} .px_blog_single_social .et_pb_social_network_link .icon{} .px_blog_single_social .et_pb_social_network_link .icon:before{ color:var(--px-color-2); transition:.3s ease-in-out; } /* TAGS */ .px_blog_single_blurb_tag .et_pb_blurb_content .et_pb_module_header{ margin-bottom:5px; } .px_blog_single_blurb_tag .et_pb_blurb_content .et_pb_blurb_description a{ background: var(--px-color-2); color: #fff; padding: 5px 10px; transition:.3s ease-in-out; border-radius:5px; } /* Blurb Info */ .px_blog_single_blurb_info .et_pb_blurb_content .et_pb_blurb_description h4{ color: var(--px-color-1); opacity: 0.8; margin-top: 10px; transition:.3s ease-in-out; } /* Social */ .px_blog_single_social .et_pb_social_network_link:hover .icon:before{ color:var(--px-color-1); transition:.3s ease-in-out; } /* Blog Single HOVER CSS HERE */ /* TAGS */ .px_blog_single_blurb_tag .et_pb_blurb_content .et_pb_blurb_description a:hover{ background: var(--px-color-1); transition:.3s ease-in-out; } /* Blurb Info */ .px_blog_single_blurb_info .et_pb_blurb_content .et_pb_blurb_description h4:hover{ opacity:1; transition:.3s ease-in-out; } @media only screen and (max-width:480px){ .px_blog_single .et_pb_title_featured_container { height: 220px; } } /* Blog Single Reaction */ .px_blog_single_reaction .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1); font-size: 50px; } /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ /* Blurb Css */ .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image:before { content: ''; position: absolute; height:0; width: 100%; background: #000000b0; top: 0; left: 0; transition:.3s ease-in-out; } .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image{ position:relative; margin-bottom: 10px; } .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ height:250px; } .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{ height:100%; object-fit:cover; } .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container{ padding: 20px 20px 15px; } .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ position: absolute; color: #fff; top:-100px; width: 100%; left: 0; padding: 20px; transition:.3s ease-in-out; opacity:0; } /*Btn Css */ .px_services_btn{ position: absolute; bottom: 20px; left: 20px; color: var(--px-color-2); } /*Img Css */ .px_services_img{ position: absolute; bottom: 75px; right: 20px; } .px_services_img .et_pb_icon_wrap { background: #fff; padding: 12px; box-shadow: 0px 0px 50px 0px #00000087; border-radius: 5px; } /*---Services v1 HOVER CSS---*/ /* Blurb Css */ .px_services_v1_col:hover .px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image:before{ height:100%; transition:.3s ease-in-out; } .px_services_v1_col:hover .px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ top:0; opacity:1; transition:.3s ease-in-out; } /*Btn Css */ .px_services_btn:hover{ color: var(--px-color-1); background:transparent!important; } /*Img Css */ /*---------------------------- Services v2 CSS ----------------------------*/ /* Image */ .px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color: var(--px-color-1); } /* Description */ .px_services_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-2); } /* Button */ .px_services_v2_btn{ color:var(--px-color-2); } /* SERVICE V2 HOVER CSS HERE */ /* Button */ .px_services_v2_btn:hover{ color:var(--px-color-1); background:transparent!important; } /*---Services Single Page CSS---*/ /* Button */ .px_services_single_btn{ width: 100%; color:var(--px-color-2); background: #f4f4f4; } .px_services_single_btn:after{ right:10px; } /* CTA */ .px_services_single_CTA:before{ content: ''; position: absolute; height: 90%; width: 90%; border: 1px dashed #fff; left: 5%; top: 5%; } .px_services_single_CTA{ background:var(--px-color-2)!important; } .px_services_single_CTA .et_pb_promo_description h2{ color:var(--px-color-1)!important; } .px_services_single_CTA .et_pb_button_wrapper .et_pb_button:after{ opacity:0!important; } .px_services_single_CTA .et_pb_button_wrapper .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom: 0; margin-left: 0; transition: .3s ease-in-out; } .px_services_single_CTA .et_pb_button_wrapper .et_pb_button{ background: var(--px-color-1); color: #fff; font-size: 18px; transition: .3s ease-in-out; z-index: 5; overflow: hidden; } /* List */ .px_services_single_list .et_pb_text_inner ul{ padding-left:0; } .px_services_single_list .et_pb_text_inner li { padding-left: 25px; position: relative; list-style-type: none; margin: 10px 0; } .px_services_single_list .et_pb_text_inner li:before{ content: '\e052'; position: absolute; font-family: 'ETmodules'; left: 0; color: var(--px-color-1); } /* Social */ .px_services_single_social .et_pb_social_network_link .icon:before{ color:var(--px-color-2); } .px_services_single_social .et_pb_social_network_link .icon{ border: 1px dashed var(--px-color-2); border-radius: 50%; padding: 5px; transition:.3s ease-in-out; } /* IMAGE */ .px_services_single_image .et_pb_image_wrap{ height: 430px; width:100%; } .px_services_single_image .et_pb_image_wrap img{ height:100%; width:100%; object-fit:cover; } /*---Services Single HOVER Page CSS---*/ /* Button */ .px_services_single_btn:hover{ color:#fff; background:var(--px-color-1)!important; } /* Social */ .px_services_single_social .et_pb_social_network_link:hover .icon{ border-color:var(--px-color-1); transition:.3s ease-in-out; } .px_services_single_social .et_pb_social_network_link:hover .icon:before{ color:var(--px-color-1); } /* CTA */ .px_services_single_CTA .et_pb_button_wrapper .et_pb_button:hover{ color: var(--px-color-2); transition: .3s ease-in-out; } .px_services_single_CTA .et_pb_button_wrapper .et_pb_button:hover:before{ height: 100%; transition: .3s ease-in-out; } /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .px_contact_v1{ box-shadow:0 0 12px 0 rgb(0 0 0 / 5%) } .px_contact_v1 .et_pb_contact_main_title { padding: 20px; background: var(--px-color-1); color: #fff; } /*---Contact Message CSS---*/ .px_contact_v1 .et-pb-contact-message {} .px_contact_v1 .et_pb_contact { padding: 25px; } /*---Input CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input{ background: transparent; border: 1px solid #0003; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p input, .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p textarea { width: 100%; } /*---Button CSS---*/ .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_contact_bottom_container {} .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container{ width:100%; margin-top:15px; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit{ background:var(--px-color-1); color: #fff; width:100%; transition:.3s ease-in-out; z-index: 5; overflow: hidden; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:after{ opacity:0!important; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover:before{ height:100%; transition:.3s ease-in-out; } /*------------------------- Contact Form -------------------------*/ .px_contact_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ background:#f4f4f4; padding:15px; border-radius:50%; } .px_contact_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1); } .px_contact_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_contact_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{ color: #0006; } /* Contact Form */ .px_contact_form_title .et_pb_text_inner h2{ color:var(--px-color-1); padding-bottom: 15px; } .px_contact_form_title .et_pb_text_inner p{} .px_contact_form .et_pb_contact_form .et_pb_contact_field textarea, .px_contact_form .et_pb_contact_form .et_pb_contact_field input{ border-bottom: 2px solid var(--px-color-1); border-radius: 10px; background:#fff; } /* Button */ .px_contact_form .et_pb_contact_form .et_contact_bottom_container{ float: left; } .px_contact_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; z-index: 5; overflow: hidden; margin-left: 35px; margin-top: 20px; } .px_contact_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button:after{ opacity:0!important; } .px_contact_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } /* Hover Css Here */ .px_contact_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover{ color:var(--px-color-1); transition:.3s ease-in-out; } /* Button */ .px_contact_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_contact_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button:hover:before{ height:100%; transition:.3s ease-in-out; } /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .px_team_v1 {} /* Image Css */ .px_team_v1 .et_pb_team_member_image{ overflow:hidden!important; height:250px; border-radius: 10px;object-fit: cover; } .px_team_v1 .et_pb_team_member_image img{ height:100%; object-fit:cover; transform: scale(1); transition: .3s ease-in-out; } /* Description Css*/ .px_team_v1 .et_pb_team_member_description{margin-top: 10px;} .px_team_v1 .et_pb_team_member_description .et_pb_module_header{ color: var(--px-color-2); transition:.3s ease-in-out; } .px_team_v1 .et_pb_team_member_description .et_pb_member_position{ color: var(--px-color-1); } /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links { margin-top:10px; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{} .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{ color:var(--px-color-1); } /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image img{ transform: scale(1.1); transition: .3s ease-in-out; } /* Description Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover{ color: var(--px-color-1); transition:.3s ease-in-out; } @media only screen and (max-width:480px){ .px_team_v1 .et_pb_team_member_image{ max-width: 480px; margin: 0 auto; height: 100%; } } /*---Team v2 CSS---*/ /* Image */ .px_team_v2 { display: flex!important; flex-wrap: wrap; } .px_team_v2 .et_pb_team_member_image{ order:2; margin-bottom:0!important; position:relative; max-width: 480px; } .px_team_v2 .et_pb_team_member_image:before{ content: ''; position: absolute; height: 100%; width: 100%; background: #000; opacity: 0; transition:.3s ease-in-out; } .px_team_v2 .et_pb_team_member_description{ width:100%; } /* Team Info Css */ .px_team_v2 .et_pb_team_member_description .px_team_v2_info{ margin-bottom:15px; } /* Social Links Css*/ .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links { position: absolute; bottom: 10px; width: 100%; left: 0; opacity:0; transition:.3s ease-in-out; } .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li{} .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:before{ color:var(--px-color-1); transition:.3s ease-in-out; } .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a{ background: #fff; padding: 8px 8px 2px; border-radius: 5px; transition:.3s ease-in-out; } .px_team_v2_small_info { position: absolute; width: 100%; padding: 0 40px; top: 50%; opacity: 0; transition: .3s ease-in-out; left: 50%; transform: translate(-50%,-50%); } /* HOVER CSS HERE */ /* Image */ .px_team_v2_col:hover .px_team_v2 .et_pb_team_member_image:before{ opacity:.5; transition:.3s ease-in-out; } .px_team_v2_col:hover .px_team_v2_small_info, .px_team_v2_col:hover .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links{ opacity:1; transition:.3s ease-in-out; } /* Social Links Css*/ .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover:before{ color:#fff; transition:.3s ease-in-out; } .px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover{ background:var(--px-color-1); transition:.3s ease-in-out; } /* ----------------------------------- 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{ font-size: 18px; background: var(--px-color-1); display: inline-block; padding: 10px 25px; margin-bottom: 15px; border-radius:100px; } /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1{ font-size: 60px; line-height: 70px; font-weight: bolder; animation:bounceInDown 2s ease-in; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p{ font-size: 18px; line-height: 28px; padding:20px; } /*---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{ background:var(--px-color-1); color: #fff; font-size:18px; transition:.3s ease-in-out; z-index:5; overflow: hidden; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after{ opacity:0!important; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before{ height:100%; transition:.3s ease-in-out; } /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows{} .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{ border: 1px solid #fff; border-radius: 50%; padding: 5px; font-size: 35px; } .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:before, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:before{ color:var(--px-color-1); } /*---Dots Navigation CSS---*/ .px_slider_v1 .et-pb-controllers { display:none; } .px_slider_v1 .et-pb-controllers a {} .px_slider_v1 .et-pb-controllers a.et-pb-active-control {} @media only screen and (max-width:980px){ .px_slider_v1 .et-pb-arrow-prev,.px_slider_v1.et_pb_slider:hover .et-pb-arrow-prev {opacity: 1;left: 22px;} .px_slider_v1 .et-pb-arrow-next,.px_slider_v1.et_pb_slider:hover .et-pb-arrow-next {opacity: 1;right: 22px;} } @media only screen and (min-width:480px) and (max-width:980px){ /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p{ padding:20px 0px; } } @media only screen and (max-width:480px){ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ padding: 10px 15px; font-size:15px!important; } .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 { font-size: 35px; line-height: 45px; } /*---Description CSS---*/ .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p{ padding:20px 0px; } /*---Arrow CSS---*/ .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next, .px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{ padding:5px; } } /*---Slider v2 CSS---*/ .px_slider_v2{} /*---Image CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:before{ content: ''; position: absolute; height: 2px; width: 40px; background: var(--px-color-1); left: 0; top: 50%; transform: translateY(-50%); } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ font-size: 18px; padding-left: 50px; padding-bottom: 0; position: relative; margin-bottom: 20px; } /*---Description CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1{ font-size: 80px; font-weight: bold; line-height: 90px; } /*---Button CSS---*/ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; z-index:5; overflow: hidden; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after{ opacity:0!important; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before{ height:100%; transition:.3s ease-in-out; } /*---Arrow CSS---*/ .px_slider_v2 .et-pb-slider-arrows{} .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev{ border: 1px solid #fff; border-radius: 50%; padding: 15px; font-size: 35px; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:before, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:before{ color:var(--px-color-1); } /*---Dots Navigation CSS---*/ .px_slider_v2 .et-pb-controllers { display:none; } @media only screen and (max-width:980px){ .px_slider_v2 .et-pb-arrow-prev,.px_slider_v2.et_pb_slider:hover .et-pb-arrow-prev {opacity: 1;left: 22px;} .px_slider_v2 .et-pb-arrow-next,.px_slider_v2.et_pb_slider:hover .et-pb-arrow-next {opacity: 1;right: 22px;} } @media only screen and (min-width:480px) and (max-width:980px){ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ padding-left:0; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:before{ content:unset; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 { font-size: 80px; line-height: 95px; } } @media only screen and (max-width:480px){ .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button{ font-size:15px; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title:before{ content:unset; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ font-size: 15px!important; padding-left:0; } .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 { font-size: 40px; line-height: 55px; } /*---Arrow CSS---*/ .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev{ left:15px; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next{ right:15px; } .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next, .px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev{ padding: 5px; font-size: 25px; } } /* Slider v3 */ .px_slider_v3_title .et_pb_text_inner h1{ font-size: 60px; line-height: 70px; } @media only screen and (max-width:480px){ .px_slider_v3_title .et_pb_text_inner h1{ font-size: 35px; line-height: 45px; } } /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .px_faqs_v1 {} .px_faqs_v1 .et_pb_toggle{ padding:0; background: transparent; margin-bottom: 20px; } .px_faqs_v1 .et_pb_toggle_open{ border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid var(--px-color-1); padding: 0; } /*---Title CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { padding: 20px; color: var(--px-color-2); line-height: 25px; } /*---Title Icon CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { content: '\33'; font-size: 30px; right: 15px; color: var(--px-color-2); } /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { background: var(--px-color-1); color: #fff; } .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{ content: '\33'; font-size: 30px; right: 15px; color: #fff; } /* ---Open Title Icon CSS--- */ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before { content:'\32'; font-family: ETmodules !important; display:block!important; font-size: 30px; right: 15px; } /*---Content CSS---*/ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_content{ padding: 30px 20px; } @media only screen and (max-width:480px){ .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title { padding-right: 45px; } } /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table .et_pb_pricing_table_wrap {} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{ border:none; } /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{ background:transparent; } .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{ border-bottom: none; padding-bottom: 0; padding-top: 30px; } .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{ padding: 25px 0; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li{ padding-bottom: 15px; color: #ffffff80; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span:before{ display:none; } /* 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{ background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border: none; border-radius: 100px; z-index: 5; overflow: hidden; padding: 10px 30px; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:after{ opacity:0!important; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover:before{ height:100%; transition:.3s ease-in-out; } /* Pricing v2 */ .px_pricing_v2{ display: flex; justify-content: space-between; } .px_pricing_rate{ color: var(--px-color-1); } @media only screen and (max-width:480px){ .px_pricing_rate{ width:25%; } .px_pricing_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ width: 70px; } .px_pricing_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ font-size: 22px; } .px_pricing_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p{ font-size: 15px; line-height: 25px!important; } } /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 {} .px_testimonial_v1 .et_pb_testimonial_portrait { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); } .px_testimonial_v1.et_pb_testimonial:before { content: '\7b'; background: none; font-size: 100px; left: 30px; top: 15px; color: #0000000d; transition:.3s ease-in-out; } .px_testimonial_v1.et_pb_testimonial:after{ content: '\e033 \e033 \e033 \e033 \e031'; position: absolute; color: var(--px-color-1); left: 50%; z-index: 55; font-size: 20px; font-family: 'ETmodules'; transform: translateX(-50%); visibility: visible; } .px_testimonial_v1.et_pb_testimonial:hover:before{ color:var(--px-color-1); transition:.3s ease-in-out; } /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { margin:0!important; padding-top: 100px; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {} /*---Author CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { margin:0; color: var(--px-color-2); } /*---Meta CSS---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta { color: var(--px-color-1); margin-left: 10px; } .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"} /* Testimonial Info */ .px_testimonial_v1 .et_pb_testimonial_description .px_testimonial_v1_info{ display:flex; align-items: center; justify-content: center; } /* slick arrow */ .px_testimonial_v1_col .slick-prev{ left:-50px; } .px_testimonial_v1_col .slick-prev:before{ content: '\23'; font-family: 'ETmodules'; border: 1px solid #000; border-radius: 50%; padding: 10px; } .px_testimonial_v1_col .slick-next:before{ content: '\24'; font-family: 'ETmodules'; border: 1px solid #000; border-radius: 50%; padding: 10px; } .px_testimonial_v1_col .slick-arrow{ transform: translateY(-50%); } .px_testimonial_v1_col .slick-arrow:before{ color:var(--px-color-2); } @media only screen and (min-width:480px) and (max-width:980px){ /* Testimonial Info */ .px_testimonial_v1 .et_pb_testimonial_description .px_testimonial_v1_info{ flex-wrap: wrap; padding: 10px 0; } } @media only screen and (max-width:480px){ .px_testimonial_v1 { padding-top:0; } .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { padding-top: 130px; } /* Testimonial Info */ .px_testimonial_v1 .et_pb_testimonial_description .px_testimonial_v1_info{ flex-wrap: wrap; padding: 5px 0; } /* slick arrow */ .px_testimonial_v1_col .slick-prev{ left:-25px; } .px_testimonial_v1_col .slick-next:before, .px_testimonial_v1_col .slick-prev:before{ padding:5px; } } /*---------------------------- Testimonial v2 CSS -----------------------------*/ .px_testimonial_v2:before{ content: '\7b'; background: no-repeat; color: #fff; font-size: 80px; transform: translateX(-44%); } .px_testimonial_v2 .et_pb_testimonial_portrait{ position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); } .px_testimonial_v2 .et_pb_testimonial_description{ margin-left: 0!important; } .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_author{ margin-top: 105px; } .px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_meta{ color:var(--px-color-1); } /* slick arrow */ .px_testimonial_v2_col .slick-prev:before{ content: '\23'; font-family: 'ETmodules'; border: 1px solid #fff; border-radius: 50%; padding: 10px; } .px_testimonial_v2_col .slick-next:before{ content: '\24'; font-family: 'ETmodules'; border: 1px solid #fff; border-radius: 50%; padding: 10px; } /* Testimonila HOVER CSS HERE */ /* slick arrow */ .px_testimonial_v2_col .slick-next:hover:before, .px_testimonial_v2_col .slick-prev:hover:before{ background:var(--px-color-1); transition:.3s ease-in-out; } @media only screen and (min-width:480px) and (max-width:980px){ .px_testimonial_v2_col .slick-prev{ left: -20px; } .px_testimonial_v2_col .slick-next{ right:0px; } } @media only screen and (max-width:480px){ .px_testimonial_v2 .et_pb_testimonial_portrait { bottom: 50px; } .px_testimonial_v2:before { transform: translateX(-35%); } .px_testimonial_v2_col .slick-prev{ top: 100%; left: 0; } .px_testimonial_v2_col .slick-next{ top: 100%; right: 20px; } } /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_icon .et_pb_icon_wrap .et-pb-icon { background: #fff; border-radius: 50%; padding: 10px; color: var(--px-color-1)!important; } .px_aboutus_icon .et_pb_icon_wrap .et-pb-icon:before{ content: ''; position: absolute; height: 100%; width: 100%; background: #fff; border-radius: 50%; top: -10px; left: -10px; padding: 10px; z-index: -1; animation: pulse-border 1500ms ease-out infinite; } @keyframes pulse-border { 0% { transform:scale(1); opacity: 1; } 100% { transform:scale(1.3); opacity: 0; } } .px_aboutus_blurb_info { transform: translateY(0px); transition:.3s ease-in-out; } .px_aboutus_blurb_info:hover { transform: translateY(-5px); transition:.3s ease-in-out; } .px_aboutus_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ margin:unset; } .px_aboutus_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover{ color:var(--px-color-1); transition:.3s ease-in-out; } /*---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{ border: 1px solid var(--px-color-1); overflow: visible; padding: 5px; } /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{ background: var(--px-color-1); top: -3px; left: -4px; } /*---Percentage CSS---*/ .px_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number { position: absolute; color: var(--px-color-2); top: -20px; font-size: 15px; } .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 .percent .percent-value { color:var(--px-color-1)!important; } .px_counter_v1 .percent h3 { color:var(--px-color-2)!important; } /*---Counter v2 CSS---*/ .px_counter_v2_icon .et_pb_icon_wrap .et-pb-icon{ font-size: 55px!important; color: var(--px-color-1)!important; } /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ .px_soming_soon_counter .et_pb_countdown_timer_container .section .value { color:var(--px-color-1); } .px_soming_soon_social .et_pb_social_network_link .icon{ background: #fff; border-radius: 50%; padding: 5px; transition:.3s ease-in-out; } .px_soming_soon_social .et_pb_social_network_link .icon:before{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_soming_soon_social .et_pb_social_network_link:hover .icon{ background:var(--px-color-1); transition:.3s ease-in-out; } .px_soming_soon_social .et_pb_social_network_link:hover .icon:before{ color:#fff; transition:.3s ease-in-out; } /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .px_animation_rotation{ animation: rotation 15s infinite linear; } /* ----------------------------------- 29. Shop Page CSS Start Here -------------------------------------*/ /* Shop CSS Start */ .px_wc_product .woocommerce-ordering .orderby { padding: 10px; border: 1px solid #0000001a; background: transparent; } .px_wc_product .woocommerce-pagination ul { border: none!important; } .px_wc_product .woocommerce-pagination .page-numbers li { border-right:0; } .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers { background: transparent; color: var(--px-color-2); border: 1px solid #0000001a; padding: 15px; margin: 5px; transition:.3s ease-in-out; } .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover, .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current { color: var(--px-color-1); box-shadow: 0 0px 10px rgb(146 146 146 / 40%); transition:.3s ease-in-out; } /* Shop CSS End */ /* Shop & Related & Up Sell & Cross Sell Product CSS Start */ .px_wc_product .woocommerce .woocommerce-result-count, .px_wc_related_product .related h2, .px_wc_upsell_product .up-sells h2, .px_wc_cross_sell_product .cross-sells h2 { font-size: 18px; color: var(--px-color-2); } /* .px_wc_product ul.products{ display: grid; grid-gap: 25px; grid-template-columns: repeat(3, 31.2%); margin-bottom:0; } */ .px_wc_product ul.products:before{ content:none; } .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 { padding-top:30px; } .px_wc_product ul.products li.product{ border: 1px solid #0000001a; padding: 20px; transition:.3s ease; background:#fff; margin-bottom:20px!important; } /* Shop Verson v2 */ .px_wc_product_v2 ul.products li.product{ box-shadow:0px 2px 18px 0px rgb(255 255 255 / 43%); } .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 { background:var(--px-color-1)!important; border-radius: 50px!important; left: 0!important; top: -20px!important; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay{ display:none!important; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title { color:var(--px-color-2); transition:.3s ease-in-out; } .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:var(--px-color-1); } .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-1); } .px_wc_product ul.products li.product .button:before{ /* content: '\e015'; position: absolute; font-family: 'ETmodules'; display: block; opacity: 1; font-size: 20px; left: 25px; top: 50%; transform: translateY(-50%); margin-left: 0; */ } .px_wc_product ul.products li.product .button:after{ /* opacity:0; */ } .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 { background:var(--px-color-1); color: #fff; font-size:15px; transition:.3s ease-in-out; z-index: 5; border-radius: 100px; border-width: 0; overflow: hidden; padding: 7px 30px; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%); } .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 { content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_wc_product ul.products li.product .button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_wc_product ul.products li.product .button:hover:before{ height:100%; transition:.3s ease-in-out; } .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 { opacity:0!important; } .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 { width: 100%; color: var(--px-color-1); transition:.3s ease-in-out; } /* HOVER CSS */ .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 { color: var(--px-color-2); transition:.3s ease-in-out; } /* 29. Shop Page HOVER CSS HERE */ .px_wc_product ul.products li.product:hover{ box-shadow:0 0px 10px rgb(146 146 146 / 40%); transition:.3s ease; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover{ color:var(--px-color-1); transition:.3s ease-in-out; } .px_wc_product ul.products li.product .button:hover{ /* transition:.5s ease; background-position: 100%; */ } /* @media only screen and (min-width:480px) and (max-width:980px){ .px_wc_product ul.products { display:grid; grid-template-columns: repeat(2, 48.2%); } .et_pb_wc_related_products ul.products.columns-3 li.product, .et_pb_wc_related_products ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .px_wc_product .woocommerce .products .product{ width:100%!important; margin-bottom: 0!important; } }*/ @media only screen and (max-width:480px){ .et_pb_wc_related_products ul.products.columns-3 li.product, .et_pb_wc_related_products ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .px_wc_product .woocommerce .products .product{ width:100%!important; } } /* ----------------------------------- 29. Shop Page CSS End Here -------------------------------------*/ /* ----------------------------------- 30. Single Product Start Here -------------------------------------*/ /* px_product_title_v1 CSS Start */ /* Breadcrumbs */ .px_product_breadcrumbs {} .px_product_breadcrumbs .woocommerce-breadcrumb{ color: var(--px-color-1); } .px_product_breadcrumbs .woocommerce-breadcrumb a{ color:#fff; } /* px_product_title_v1 CSS End */ /* px_wc_cart_notice CSS Start */ .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message { color: var(--px-color-2)!important; background: #f4f4f4; line-height:50px; border-top: 3px solid var(--px-color-1)!important; } /* px_wc_cart_notice CSS End */ /* px_wc_product_img CSS Start */ .px_wc_product_img .et_pb_module_inner .onsale { background: var(--px-color-1)!important; } /* px_wc_product_img CSS End */ /* px_wc_product_title CSS Start */ /* px_wc_product_title CSS End */ /* px_wc_product_rating CSS Start */ .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link, .px_wc_product_rating .woocommerce-product-rating .star-rating span:before{ color:var(--px-color-1); } /* px_wc_product_rating CSS End */ /* px_wc_product_price CSS Start */ .px_wc_product_price .price { color:var(--px-color-1)!important; } .px_wc_product_price .price .woocommerce-Price-amount { color:var(--px-color-1); } /* px_wc_product_price CSS End */ /* Variable product */ .px_wc_add_to_cart_info .variations_form .variations tbody tr { color: var(--px-color-2); } .px_wc_add_to_cart_info .variations_form .variations tbody tr th .pa_color {} .px_wc_add_to_cart_info .variations_form .variations tbody tr td span:after { margin-top: -6px !important; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td select { padding: 15px 10px!important; border-radius: 10px!important; border-bottom: 2px solid var(--px-color-1)!important; background: #fff!important; box-shadow: 0 0 15px -5px #0000002b; } .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .woocommerce-Price-amount, .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations { color: var(--px-color-1); font-size: 15px; } /* Grouped product */ .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td { vertical-align: middle!important; color: var(--px-color-2); } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a { color:var(--px-color-1); } /* Simple product */ .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .quantity .input-text { background: #fff; border: 1px solid #00000024!important; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info { color: var(--px-color-2)!important; background: #f4f4f4; border-top: 3px solid var(--px-color-1)!important; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button, .px_wc_add_to_cart_info .et_pb_module_inner form .single_add_to_cart_button{ background: var(--px-color-1)!important; color: #fff!important; transition: .3s ease-in-out; border-radius: 100px; z-index:5; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); overflow:hidden; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:before, .px_wc_add_to_cart_info .et_pb_module_inner form .single_add_to_cart_button:before{ content:''; position: absolute; display: block!important; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover, .px_wc_add_to_cart_info .et_pb_module_inner form .single_add_to_cart_button:hover{ color:var(--px-color-2)!important; transition:.3s ease-in-out; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover:before, .px_wc_add_to_cart_info .et_pb_module_inner form .single_add_to_cart_button:hover:before{ height:100%; transition:.3s ease-in-out; } /* px_wc_add_to_cart_info CSS End */ /* px_wc_product_meta CSS Srart */ .px_wc_product_meta .product_meta .sku_wrapper .sku {} .px_wc_product_meta .product_meta .tagged_as, .px_wc_product_meta .product_meta .posted_in { color: var(--px-color-2); font-weight: 700; } .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 CSS End */ /* px_wc_product_tabs CSS Start */ .px_wc_product_tabs .et_pb_tabs_controls::after, .px_wc_product_tabs { border:none; } .px_wc_product_tabs .et_pb_tabs_controls { background:none; } .px_wc_product_tabs .et_pb_tabs_controls::after {} .px_wc_product_tabs ul li { background: var(--px-color-1); padding: 10px 0; } .px_wc_product_tabs li:last-child {} .px_wc_product_tabs li.et_pb_tab_active { background:#f4f4f4!important; } .px_wc_product_tabs li.et_pb_tab_active a{ color:var(--px-color-2)!important; } .px_wc_product_tabs ul li a { color: #fff!important; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab, .et-db #et-boc .et-l .px_wc_product_tabs ul li.et_pb_tab_active a, .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab.et_pb_active_content { background:#f4f4f4; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {} /* Tabs Additional Info */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr:last-child th, .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 { color:var(--px-color-2); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr td p { color:var(--px-color-1); } /* Tabs Reviews */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author { color:var(--px-color-2); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .commentlist .review .comment_container .comment-text .star-rating span::before, .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:var(--px-color-1); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea { background:#fff; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit { float:left; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit { background:var(--px-color-1); color: #fff; border: none; padding: 10px 30px; border-radius:100px; transition:.3s ease-in-out; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover{ background:#fff; color:var(--px-color-2); transition:.3s ease-in-out; } /* Aurthor */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-email input, .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-author input{ background:#fff; width:100%; } /* px_wc_product_tabs CSS End */ /* ----------------------------------- 30. Single Product CSS End Here -------------------------------------*/ /* ----------------------------------- 31. Cart Page CSS Start Here -------------------------------------*/ /* Cart Notices */ .px_cart_notices .et_pb_module_inner .woocommerce-notices-wrapper .woocommerce-info, .px_cart_notices .woocommerce-notices-wrapper .woocommerce-message{ background: #f4f4f4; color: var(--px-color-2)!important; border-top: 3px solid var(--px-color-1)!important; } .px_cart_notices .woocommerce-notices-wrapper .woocommerce-message a{ color:var(--px-color-1); } .px_cart_notices .cart-empty{ color: var(--px-color-2)!important; border-top: 3px solid var(--px-color-1)!important; background: #f4f4f4; } .px_cart_notices .return-to-shop .button{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border-radius: 100px; overflow:hidden; z-index:5; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_cart_notices .return-to-shop .button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_cart_notices .return-to-shop .button:hover{ color:var(--px-color-2)!important; transition:.3s ease-in-out; } .px_cart_notices .return-to-shop .button:hover:before{ height:100%; transition:.3s ease-in-out; } /* for table */ .px_cart_products.et_pb_wc_cart_products .et_pb_module_inner .woocommerce-cart-form .shop_table thead { background:var(--px-color-1); } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table th { color:#fff; padding: 15px 20px!important; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item td { border: 1px solid #00000042; padding: 15px 20px!important; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a { color:var(--px-color-1)!important; transition:.3s ease-in-out; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-remove a:hover { background:var(--px-color-1); color:#fff!important; transition:.3s ease-in-out; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img { width:50px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a { color:var(--px-color-2); } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-amount, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price .woocommerce-Price-amount { color:var(--px-color-1); } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty { border-top: 2px solid var(--px-color-1); } /* coupon */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text { background: #fff; border: 1px solid #0000002e; border-radius:100px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button { background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border-radius: 100px; z-index:5; overflow:hidden; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button:after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button:after, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:after{ opacity:0!important; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button:before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button:before, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom: 0; margin-left: 0; transition: .3s ease-in-out; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button:hover, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button:hover, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions button:hover:before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon button:hover:before, .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover:before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover:before, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover:before{ height:100%; transition:.3s ease-in-out; } /* Cart totals css */ .px_cart_totols .cart_totals .shop_table th, .px_cart_totols .cart_totals h2 { color:var(--px-color-2); } .px_cart_totols .cart_totals .shop_table .order-total .amount, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination strong, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li .amount, .px_cart_totols .cart_totals .shop_table .cart-subtotal td .woocommerce-Price-amount { color:var(--px-color-1); } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li input{ accent-color:var(--px-color-1); } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a { color:var(--px-color-2); } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button {background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border-radius: 100px; z-index:5; overflow:hidden; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%);} .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover{color:var(--px-color-2); transition:.3s ease-in-out;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::before, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::before {content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom: 0; margin-left: 0; transition: .3s ease-in-out;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::before, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover::before { height:100%; transition:.3s ease-in-out;} .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::after {opacity:0!important;} /* ----------------------------------- 31. Cart Page CSS End Here -------------------------------------*/ /* ----------------------------------- 32. Checkout Page CSS Start Here -------------------------------------*/ /*------ Checkout Login ------*/ /* login */ .px_checkout_login .woocommerce-info { background: #f4f4f4; color: var(--px-color-2)!important; border-top: 3px solid var(--px-color-1)!important; } .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon, .px_checkout_login .woocommerce-info .showlogin { color:var(--px-color-1); } /* lost Pass */ .px_checkout_login .login .lost_password a { color:var(--px-color-1); } .px_checkout_login .woocommerce-error, .woocommerce .woocommerce-notices-wrapper .woocommerce-error{ background:#f4f4f4; border-top:3px solid var(--px-color-1)!important; } .px_checkout_login .woocommerce-error li, .woocommerce .woocommerce-notices-wrapper .woocommerce-error li{ color:var(--px-color-2); } .woocommerce .lost_reset_password .woocommerce-form-row input{ background: #fff!important; border: 1px solid #00000024!important; } .woocommerce .lost_reset_password .woocommerce-form-row button{ border:none; padding:10px 30px; } .px_checkout_login .login .form-row input, .px_checkout_login .checkout_coupon .form-row input { background: #fff!important; border-bottom: 2px solid var(--px-color-1)!important; border-radius: 10px!important; } /* button */ .woocommerce .lost_reset_password .woocommerce-form-row button, .px_checkout_login .checkout_coupon .form-row .button{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border-radius: 100px; overflow:hidden; z-index:5; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .woocommerce .lost_reset_password .woocommerce-form-row button:after, .px_checkout_login .checkout_coupon .form-row .button:after{ opacity:0!important; } .woocommerce .lost_reset_password .woocommerce-form-row button:before, .px_checkout_login .checkout_coupon .form-row .button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .woocommerce .lost_reset_password .woocommerce-form-row button:hover, .px_checkout_login .checkout_coupon .form-row .button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .woocommerce .lost_reset_password .woocommerce-form-row button:hover:before, .px_checkout_login .checkout_coupon .form-row .button:hover:before{ height:100%; transition:.3s ease-in-out; } /*------ Checkout Details ------*/ .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label { color:var(--px-color-2); } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label .required { color:var(--px-color-1); } .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea, .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input, .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection, .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection, .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input { background: #fff!important; border-bottom: 2px solid var(--px-color-1)!important; border-radius: 10px!important; } /*------ Checkout Address ------*/ .px_checkout_address form #ship-to-different-address .checkbox input { accent-color:var(--px-color-1); } /*------ Checkout Order ------*/ .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead{ background:var(--px-color-1); } .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-total, .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-name { color:#fff; padding: 15px; } /*--- tfoot ---*/ .px_checkout_payment #payment .wc_payment_methods li label, .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 tfoot th, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping th, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th { color:var(--px-color-2); } .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .order-total .amount, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal .amount { color:var(--px-color-1); } .px_checkout_payment #payment .wc_payment_methods li input, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods input { accent-color: var(--px-color-1); } /*------ Checkout Payment ------*/ .px_checkout_payment .et_pb_module_inner .woocommerce-error{ background: #f4f4f4; color: var(--px-color-2)!important; border-top: 3px solid var(--px-color-1)!important; } .px_checkout_payment .et_pb_module_inner .woocommerce-error a{ color:var(--px-color-1); } /* Payment Methods */ .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error { background:#fff; } .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error li { color:var(--px-color-2); } .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error li strong{ color:var(--px-color-1); } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button { background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border-radius: 100px; z-index:5; overflow:hidden; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button::after{ opacity:0!important; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button::before { content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover::before { height:100%; transition:.3s ease-in-out; } /* Order details Main */ .px_checkout_payment .woocommerce-order .woocommerce-notice { color: var(--px-color-2); text-align: center; font-weight: bolder; padding-bottom: 40px; } .px_checkout_payment .woocommerce-order .woocommerce-order-overview li { margin:15px; } .px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong { color:var(--px-color-2); } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title { font-weight:700; margin-top:10px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table {} .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead { background:var(--px-color-1); } .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead tr {} .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead th { color:#fff!important; padding:15px; font-size:18px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr .amount{ color:var(--px-color-1); } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a, .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td, .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr th { color:var(--px-color-2); font-size: 15px; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details h2 { color:var(--px-color-2); font-weight:700; margin:20px 0; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details address { background:#fff; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone::before, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email::before { color:var(--px-color-1); } /* Payment Methods */ .px_checkout_payment #payment .wc_payment_methods li .woocommerce-info { background: #fff; color: var(--px-color-2)!important; } .px_checkout_payment #payment .wc_payment_methods li .payment_box { background:#fff; } .px_checkout_login .login .form-row .woocommerce-form__label-for-checkbox input, .px_checkout_payment #payment .form-row .woocommerce-input-wrapper .checkbox input{ accent-color:var(--px-color-1); } .px_checkout_payment #payment .form-row .woocommerce-terms-and-conditions-wrapper { border-bottom: 1px solid #00000036; margin-bottom: 30px; padding-bottom: 30px; } /* ----------------------------------- 32. Checkout Page CSS End Here -------------------------------------*/ /* ----------------------------------- 33. Thank you Page CSS End Here -------------------------------------*/ /* ----------------------------------- 34. My Account Page CSS Start Here -------------------------------------*/ /* Login Form CSS */ .px_my_account .woocommerce h2 { font-weight:700; } .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-form-register .form-row input.input-text, .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text { background: #fff!important; border: 1px solid #00000024!important; } /* Button CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm 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{ opacity:0!important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:before, .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:before, .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm 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; transition: .3s ease-in-out; border: none; padding: 10px 30px; border-radius: 100px; overflow: hidden; font-size: 18px; z-index: 5; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm 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{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.button:hover:before, .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover:before, .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover:before{ height:100%; transition:.3s ease-in-out; } .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a, .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a { color:var(--px-color-1); } /* Navigation CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation{ background: var(--px-color-1); width:25%!important; padding: 25px 0; border-radius: 10px; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul{ padding:0; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li{ list-style-type: none; padding: 10px 0 10px 50px; position:relative; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul .is-active:before{ content: ''; position: absolute; height: 100%; width: 100%; background: #ffffff24; left: 0; top: 0; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul .is-active:after{ content: ''; position: absolute; height: 100%; width: 5px; background: #fff; left: 0; top: 0; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a{ font-size: 18px; color:#fff; } /* Content CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content { background:#f4f4f4; padding:20px; } .px_my_account .woocommerce .woocommerce-MyAccount-content p a, .px_my_account .woocommerce .woocommerce-MyAccount-content p strong { color: var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info{ color: var(--px-color-2)!important; background: #fff; line-height: 50px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details p a, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button{ background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border: none; z-index: 5; border-radius: 100px; overflow: hidden; padding: 10px 25px; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details p a:after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button:after{ opacity:0!important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details p a:before, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom: 0; margin-left: 0; transition: .3s ease-in-out; } /* HOVER CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details p a:hover, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button:hover{ color: var(--px-color-2); transition: .3s ease-in-out; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details p a:hover:before, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-info .button:hover:before{ height: 100%; transition: .3s ease-in-out; } /* Order CSS*/ .px_my_account .woocommerce .woocommerce-message { background: #fff; color: var(--px-color-2)!important; border-top: 2px solid var(--px-color-1); } /* Download CSS*/ .px_my_account .woocommerce .woocommerce-Message { color: var(--px-color-2)!important; background: #f4f4f4; border-top: 3px solid var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address { border: 1px solid #0000002b; padding: 20px; border-radius: 10px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 { color: var(--px-color-2); font-weight: 600; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a { color:var(--px-color-1); } /* Account Details CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label { color: var(--px-color-2); font-size: 18px; font-weight: 600; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label .required { color:var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text { background: #fff!important; border-bottom: 2px solid var(--px-color-1)!important; border-radius: 10px!important; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields label { color: var(--px-color-2); font-weight: 700; font-size: 18px; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields label .required { color: var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input, .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 { background: #fff!important; border-bottom: 2px solid var(--px-color-1)!important; border-radius: 10px!important; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection { height: 55px; border-radius: 10px; border: none; border-bottom: 2px solid var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection .select2-selection__rendered { line-height: 55px; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection__arrow { top:15px; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection__arrow b { color:var(--px-color-2); } /* Order List */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table { font-size:15px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a { color:var(--px-color-1); } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button, .px_my_account .woocommerce .woocommerce-Message a.button, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions .button { background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; border: none; z-index: 5; border-radius: 100px; overflow: hidden; padding: 10px 25px; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:after, .px_my_account .woocommerce .woocommerce-Message a.button:after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions .button:after { opacity:0!important; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:before, .px_my_account .woocommerce .woocommerce-Message a.button:before, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions .button:before { content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover, .px_my_account .woocommerce .woocommerce-Message a.button:hover, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions .button:hover { color:var(--px-color-2); transition:.3s ease-in-out; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover:before, .px_my_account .woocommerce .woocommerce-Message a.button:hover:before, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions .button:hover:before { height:100%; transition:.3s ease-in-out; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button{ background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border: none; z-index: 5; border-radius: 100px; overflow: hidden; padding: 10px 25px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button:after{ opacity:0!important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom: 0; margin-left: 0; transition: .3s ease-in-out; } /* HOVER CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button:hover{ color: var(--px-color-2); transition: .3s ease-in-out; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .button:hover:before{ height: 100%; transition: .3s ease-in-out; } @media only screen and (min-width:480px) and (max-width:980px){ .px_my_account .woocommerce{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation{ width:100%!important; margin-bottom: 30px; } .px_my_account .woocommerce .woocommerce-MyAccount-content{ width:100%; } } @media only screen and (max-width:480px){ .px_my_account .woocommerce{} .px_my_account .woocommerce .woocommerce-MyAccount-navigation{ width:100%!important; margin-bottom: 30px; } .px_my_account .woocommerce .woocommerce-MyAccount-content{ width:100%; } } /* Order Details */ .px_my_account .woocommerce table tbody tr td a { color:var(--px-color-1); } /* ----------------------------------- 34. My Account Page CSS End Here -------------------------------------*/ /* ----------------------------------- 35. Shop Side CSS Start Here -------------------------------------*/ /* Shop Sidebar CSS Start */ .px_shop_sidebar .et_pb_widget .widgettitle { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #00000029; color: var(--px-color-2); } /* Widget Text */ .px_shop_sidebar .widget_text{ margin-bottom:0!important; } .px_shop_sidebar .widget_text .wpf_form .wpf_items_wrapper .wpf_item .wpf_item_name{ padding: 10px 0; margin-top: 0; font-size:22px; font-weight: 700; margin-bottom: 10px; border-bottom: 1px solid #00000029; color: var(--px-color-2); } .px_shop_sidebar .widget_text .wpf_form .wpf_items_wrapper .wpf_item ul li{ color:var(--px-color-2)!important; width: 100%; } .px_shop_sidebar .widget_text .wpf_form .wpf_items_wrapper .wpf_item ul li input:before{ color: var(--px-color-1); font-weight: 900; } .px_shop_sidebar .widget_text .wpf_form .wpf_items_wrapper .wpf_item ul li span{ float:right; color: var(--px-color-2); font-size: 10px; } .px_shop_sidebar .widget_text .wpf_form .wpf_items_wrapper .wpf_item .wpf_slider .ui-slider-range{ background: var(--px-color-1); } .px_shop_sidebar .widget_text .wpf_form .wpf_items_wrapper .wpf_item .wpf_slider .ui-slider-handle{ border: 2px solid var(--px-color-2); } .px_shop_sidebar .widget_text .wpf_form .wpf_items_wrapper .wpf_item .wpf-slider-label{ color:var(--px-color-2); } /* Cart CSS */ .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a{ color:var(--px-color-2); line-height:22px; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove { color:var(--px-color-1)!important; transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover { background:var(--px-color-1)!important; color:#fff!important; transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img { width:60px; } .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity .woocommerce-Price-amount { color:var(--px-color-1); } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button { background: var(--px-color-1); color: #fff!important; transition: .3s ease-in-out; border-radius: 100px; z-index:5; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); border: none; overflow: hidden; padding: 5px 20px; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:after, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:after{ opacity:0!important; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:before, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover{ color:var(--px-color-2)!important; transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover:before, .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover:before{ height:100%; transition:.3s ease-in-out; } /* Search Product */ .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search { position: relative; overflow: hidden!important; border-radius: 10px; } .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field { width: 100%; padding: 10px; border: 1px solid #0003; margin-bottom: 15px; border-radius: 10px; } .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button{ color: #fff; font-size: 15px; position: absolute; top: 0; right: 0; padding: 10px; border-radius: 10px; border: none; background: var(--px-color-1); transition:.3s ease-in-out; } /* HOVER CSS */ .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover{ background:var(--px-color-2); transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .button { background: var(--px-color-1); color: #fff; transition: .3s ease-in-out; border-radius: 100px; z-index: 5; position: relative; overflow: hidden; padding: 5px 20px; box-shadow:0px 2px 18px 0px rgb(0 0 0 / 30%); } .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom: 0; margin-left: 0; transition: .3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover, .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover:before, .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .button:hover:before{ height:100%; transition:.3s ease-in-out; } /* SFilter by price */ .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper { margin-top:25px; } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider {} .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle, .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range { background:var(--px-color-1); } .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label { color: var(--px-color-2); } /* Product categories */ .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item { padding-left: 20px; position: relative; display: flex; justify-content: space-between; } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:before{ content: '\35'; position: absolute; font-family: 'ETmodules'; left: 0; font-size: 20px; color: var(--px-color-1); } .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item .count, .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a { color: var(--px-color-2); transition: .3s ease; } /* Top Rated Products */ .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img, .px_shop_sidebar .widget_products ul.product_list_widget li a img, .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li a img { width:60px; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li .woocommerce-Price-amount , .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li a span{ color: var(--px-color-2); } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li .star-rating { margin: 5px 0; } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li .star-rating span::before { color: var(--px-color-1); } .px_shop_sidebar .widget_top_rated_products ul.product_list_widget li .woocommerce-Price-amount .woocommerce-Price-currencySymbol {} /* Products */ .px_shop_sidebar .widget_products ul.product_list_widget li .woocommerce-Price-amount , .px_shop_sidebar .widget_products ul.product_list_widget li a span{ color:var(--px-color-2); } .px_shop_sidebar .widget_products ul.product_list_widget li .star-rating { margin: 5px 0; } .px_shop_sidebar .widget_products ul.product_list_widget li .star-rating span::before { color:var(--px-color-1); } /* Product Tags */ .px_shop_sidebar .et_pb_widget .tagcloud { margin-top:25px; } .px_shop_sidebar .et_pb_widget .tagcloud .tag-cloud-link { padding: 5px 20px; color: var(--px-color-2); transition:.3s ease; } /* Recently Viewed Products */ .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount, .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title { color:var(--px-color-2); } /* Filter by */ .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:before, .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:after{ content:none; } .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li { display: flex; justify-content: space-between; } .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a, .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count{ color:var(--px-color-2); transition:.3s ease; } /* Shop Sidebar HOVER CSS HERE */ /* SFilter by price */ /* Product categories */ .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:hover .count, .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:hover a { color: var(--px-color-1); transition: .3s ease; } /* Product Tags */ .px_shop_sidebar .et_pb_widget .tagcloud .tag-cloud-link:hover { color:#fff; background:var(--px-color-1); transition:.3s ease; } /* Filter by */ .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover a, .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:hover .count{ color:var(--px-color-1); transition:.3s ease; } /* ----------------------------------- 35. Shop Side CSS End Here -------------------------------------*/ /* ----------------------------------- 36. Why Choose Us CSS Here -------------------------------------*/ .px_why_choose_us_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ color:#fff; transition:.3s ease-in-out; } .px_why_choose_us_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1); } /* Why Choose Us Hover CSS Here */ .px_why_choose_us_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover{ color:var(--px-color-1); transition:.3s ease-in-out; } @media only screen and (max-width:480px){ .px_why_choose_us_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { margin:unset; } } /* ----------------------------------- 37. Logo CSS Here -------------------------------------*/ .px_logo { opacity:0.3; transition:.3s ease-in-out; } .px_logo:hover { opacity:0.3; transition:.3s ease-in-out; } /* ----------------------------------- 38. Category CSS Here -------------------------------------*/ /* .px_category_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before { content: ''; position: absolute; height: 120px; width: 120px; background: #f4f4f4; z-index: -1; border-radius: 50%; left: 50%; transform: translateX(-50%); top: -30px; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%); transition:.3s ease-in-out; } */ .px_category_v1 .et_pb_blurb_content .et_pb_main_blurb_image{ margin-bottom:0; } .px_category_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ padding: 40px; background:#fff; border-radius: 50%; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%); transition:.3s ease-in-out; } .px_category_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-1); transition:.3s ease-in-out; } .px_category_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding: 20px 0 0; color: var(--px-color-2); transition:.3s ease-in-out; } /* HOVER CSS HERE */ .px_category_v1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap { box-shadow: 0px 2px 18px 0px var(--px-color-1); transition:.3s ease-in-out; } .px_category_v1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_category_v1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ color: var(--px-color-1); transition:.3s ease-in-out; } /* ----------------------------------- 39. Offer CSS Here -------------------------------------*/ .px_offer_col{ display:flex; } .px_offer_cta{ width:60%; margin-bottom:0!important; } .px_offer_cta .et_pb_button_wrapper .et_pb_button{ background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; z-index:5; overflow:hidden; } .px_offer_cta .et_pb_button_wrapper .et_pb_button:after{ opacity:0!important; } .px_offer_cta .et_pb_button_wrapper .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_offer_cta .et_pb_button_wrapper .et_pb_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_offer_cta .et_pb_button_wrapper .et_pb_button:hover:before{ height:100%; transition:.3s ease-in-out; } .px_offer_cta .et_pb_promo_description .et_pb_module_header{ color: var(--px-color-2)!important; padding-bottom: 0; font-size: 22px; line-height: 30px; } .px_offer_img{ width:40%; } .px_offer_img .et_pb_image_wrap{ height: 130px; } .px_offer_img .et_pb_image_wrap img{ height:100%; object-fit:contain; } /* ----------------------------------- Best Sell Product CSS Here -------------------------------------*/ /* Best Sell CTA */ .px_wc_best_sell_cta .et_pb_button_wrapper .et_pb_button { background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; z-index:5; overflow:hidden; } .px_wc_best_sell_cta .et_pb_button_wrapper .et_pb_button:after{ opacity:0!important; } .px_wc_best_sell_cta .et_pb_button_wrapper .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_wc_best_sell_cta .et_pb_button_wrapper .et_pb_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_wc_best_sell_cta .et_pb_button_wrapper .et_pb_button:hover:before{ height:100%; transition:.3s ease-in-out; } .px_wc_best_sell_product ul.products{ grid-template-columns: repeat(3, 31%); grid-gap: 0 25px; } .px_wc_best_sell_product ul.products .product{ margin-bottom:0!important; } @media only screen and (min-width:480px) and (max-width:980px){ .px_wc_best_sell_product ul.products{ grid-template-columns: repeat(2, 48.2%); grid-gap:25px; } } @media only screen and (max-width:480px){ .px_wc_best_sell_product ul.products{ grid-template-columns: repeat(1,100%); } } /* ----------------------------------- Best Deals CSS Here -------------------------------------*/ .px_best_deal_countdown .et_pb_countdown_timer_container .values { background: var(--px-color-1); padding: 15px; margin-right: 5px; border-radius: 10px; width: 20%; } .px_best_deal_cta .et_pb_button_wrapper .et_pb_button { background:var(--px-color-1); color: #fff; transition:.3s ease-in-out; z-index:5; overflow:hidden; } .px_best_deal_cta .et_pb_button_wrapper .et_pb_button:after{ opacity:0!important; } .px_best_deal_cta .et_pb_button_wrapper .et_pb_button:before{ content: ''; position: absolute; display: block; height: 0; width: 100%; background: #fff; opacity: 1; z-index: -1; left: 0; bottom:0; margin-left: 0; transition:.3s ease-in-out; } .px_best_deal_cta .et_pb_button_wrapper .et_pb_button:hover{ color:var(--px-color-2); transition:.3s ease-in-out; } .px_best_deal_cta .et_pb_button_wrapper .et_pb_button:hover:before{ height:100%; transition:.3s ease-in-out; } .px_best_deal_badge{ background: var(--px-color-1); } .px_best_deal_badge .et_pb_text_inner{ padding: 5px 25px; } /* TOP SELL PRODUCT HOME V3 */ /* Top Selling */ .px_top_selling_title{ padding: 10px 0; position: relative; color:var(--px-color-2); } /* .px_top_selling_title:before{ content: ''; position: absolute; height: 4px; width: 10px; background: var(--px-color-1); bottom: -2px; left: 105px; border-radius: 50px; }*/ .px_top_selling_title:after{ content: ''; position: absolute; height: 4px; width: 100px; background: var(--px-color-1); border-radius: 30px; bottom: -2px; } .px_wc_top_selling ul.products { grid-template-columns: repeat(1,100%); } .px_wc_top_selling .products .product{ margin-bottom:0!important; } .px_wc_top_selling .products .product .woocommerce-LoopProduct-link{ display:flex; } .px_wc_top_selling .products .product .woocommerce-LoopProduct-link .et_shop_image{ width:40%; } .px_wc_top_selling .products .product .woocommerce-LoopProduct-link .px_wc_top_selling_info{ width:60%; padding-left: 10px; } /* Button */ .px_wc_top_selling .products .product .button{ display:none !important; float: right; } .px_wc_top_selling .products .product .added_to_cart {text-align:right;} @media only screen and (min-width:480px) and (max-width:980px){ .px_wc_top_selling ul.products { grid-template-columns: repeat(2,48%); } .px_wc_top_selling .products .product .button{ bottom: 0px; right: 0px; } } /* SEARCH */ .px_search_bar form .et_pb_s{ border-radius:100px!important; } .px_search_bar form .et_pb_searchsubmit{ background: var(--px-color-1); color: #fff; position: absolute; right: 0; top: 0; border-radius: 0 100px 100px 0; } /* ANIMATION */ .px_animation_img1{ animation: animName 10s linear infinite; } .px_animation_img2{ animation: up-down 5s linear infinite; } @keyframes animName { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } @keyframes up-down{ 0% { transform: translate(1px,20px) ; } 24% { transform: translate(1px,30px) ; } 50% { transform: translate(1px,12px) ; } 74% { transform: translate(1px,22px) ; } 100% { transform: translate(1px,22px) ; } } /* Slider v1 */ @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } /* 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(--black) !important; font-weight: inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style2 .mobile_menu_bar{ /*top: 5px; /*padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style2.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style2 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before { content: "\4d"; } .et_divi_100_mm_m_style2 .px_head_v2 .et_mobile_menu,.et_divi_100_mm_m_style2 .px_head_v1 .et_mobile_menu { min-width: 104vw; } .et_divi_100_mm_m_style2 #page-container .px_head_v2 .mobile_nav .menu-item-has-children > a + span, .et_divi_100_mm_m_style2 #page-container .px_head_v1 .mobile_nav .menu-item-has-children > a + span{padding: 10px 35px;} /********** 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(--black)!important; font-weight:inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style3 .mobile_menu_bar{ /*top: 15px; padding:0; position: absolute;*/ right:-10px; z-index: 10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (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"; } .et_divi_100_mm_m_style3 #page-container .px_head_v2 .mobile_nav .menu-item-has-children > a + span, .et_divi_100_mm_m_style3 #page-container .px_head_v1 .mobile_nav .menu-item-has-children > a + span{padding: 10px 40px;} /********** 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(--black)!important; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style4 .mobile_menu_bar{ /*top: 15px; padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style4 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } @media all and (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"; } .et_divi_100_mm_m_style4 .px_head_v2 .et_mobile_menu li a,.et_divi_100_mm_m_style4 .px_head_v1 .et_mobile_menu li a { padding-left: 50px !important; } @media all and (max-width: 640px) { .et_divi_100_mm_m_style4 .px_head_v2 .et_mobile_menu li a,.et_divi_100_mm_m_style4 .px_head_v1 .et_mobile_menu li a { padding-left: 30px !important; } } /* breadcrumbs */ #dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;} #dpprof_breadcrumbs{overflow:hidden;text-align:center;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: 20px;} #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;} /* STEP COUNT CSS */ @-webkit-keyframes ttm-service-icon-dots { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes ttm-service-icon-dots { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes ttm-service-icon-dots { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ttm-service-icon-dots { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .px_steps_text h5{ color:var(--px-color-2)!important; } .px_steps_text_active h5{ color:var(--px-color-1)!important; } .woocommerce-order-received .px_product_possess_sec { display: none; } /* Single Product Sidebar CSS */ .single-product .et_pb_widget.widget_text { display: none; } .px_blog_grid_2_col > div article ~ div:last-child,.px_blog_grid_4_col > div article ~ div:last-child { grid-column: 1 / -1; }