/* Theme Name: Divi Decor Light Store Child Theme Theme URI: https://divi-professional.com/ Description: Divi Decor Light Store Child Theme is Fast & elegant theme for a creative eCommerce business websites. Best for home decore,light store,designer lamp studios, led lighting, led light store, led shop, led lights shop, lamp sale, hanging light store, lighting store, chandelier stores, luxury light shop, lighting company,interior design and all other outdoor & indoor lighting decoration and services website. Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS --------------------------------------------------------*/ body{overflow-x:hidden;} /* ----------------------------------- 01. shop page Class CSS -------------------------------------*/ .dp_shop_tab_button_col .dp_shop_tab_button .et_pb_blurb_content{display:flex;align-items:center;gap:25px;} .dp_shop_tab_button_col .dp_shop_tab_button .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom:0px;} .dp_shop_tab_button_col .dp_shop_tab_button .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {width: 45px;} .dp_shop_tab_button_col .dp_shop_tab_button .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{height:45px;border-radius:50%; object-fit:cover;} .dp_shop_tab_button_col .dp_shop_tab_button .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{transition:all 0.3s linear;padding-bottom:0px;color:#fff!important;} .dp_shop_tab_button_col .dp_shop_tab_button .et_pb_blurb_content .et_pb_blurb_container{padding-left:0px;} .dp_shop_tab_button_col:hover .dp_shop_tab_button .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#fff !important;} /* ----------------------------------- 01. General Class CSS -------------------------------------*/ .dp_button_style ,.dp_contact_v1 .dp_contact_form_v1 .et_pb_contact .et_contact_bottom_container .et_pb_button , .dp_blog_single_comment .et_pb_button ,.dp_cta .et_pb_button_wrapper .et_pb_button { background-color: var(--dpprofe-color-1)!important; border:none!important; padding: 10px 30px!important; color:#fff!important; z-index:1; border-radius: 5px; } .dp_button_style:before , .dp_contact_v1 .dp_contact_form_v1 .et_pb_contact .et_contact_bottom_container .et_pb_button:before ,.dp_blog_single_comment .et_pb_button:before ,.dp_cta .et_pb_button_wrapper .et_pb_button:before,.dp_wc_add_to_cart_info .cart .button:before, .et-db #et-boc .et-l .dp_wc_add_to_cart_info .cart .button:before{ background-color: var(--dpprofe-color-1); display: block !important; content: "" !important; border: 2px solid #fff; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; z-index: -1; transition: all .3s linear; border-radius: 5px; opacity: 0 !important; margin: 0 !important; } .dp_button_style:hover:before ,.dp_contact_v1 .dp_contact_form_v1 .et_pb_contact .et_contact_bottom_container .et_pb_button:hover:before ,.dp_blog_single_comment .et_pb_button:hover:before ,.dp_cta .et_pb_button_wrapper .et_pb_button:hover:before,.dp_wc_add_to_cart_info .cart .button:hover:before, .et-db #et-boc .et-l .dp_wc_add_to_cart_info .cart .button:hover:before{ opacity:1 !important; } .dp_button_style:after, .dp_contact_v1 .dp_contact_form_v1 .et_pb_contact .et_contact_bottom_container .et_pb_button:after, .dp_blog_single_comment .et_pb_button:after ,.dp_cta .et_pb_button_wrapper .et_pb_button:after{ display:none; } .dp_blog_v1 .et_pb_post .post-content .more-link{ position: relative; display: inline-block; background-color: var(--dpprofe-color-1) !important; border: none !important; padding: 10px 30px !important; color: #fff; z-index: 1; border-radius: 5px; width: fit-content; } .dp_blog_v1 .et_pb_post .post-content .more-link:before,.dp_blog_v1 .pagination a:before{ background-color: var(--dpprofe-color-1); display: block !important; content: ""; border: 2px solid #fff; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; z-index: -1; transition: all .3s linear; border-radius: 5px; opacity:0; } .dp_blog_v1 .et_pb_post .post-content .more-link:hover:before,.dp_blog_v1 .pagination a:hover:before{ opacity:1; } .dp_blog_v1 .et_pb_post .post-content .more-link:after{ display:none; } .dp_button_style_light{ border: 2px solid var(--dpprofe-color-1)!important; padding: 10px 30px!important; color:var(--dpprofe-color-1)!important; z-index:1; border-radius: 5px; } .dp_button_style_light:before{ background-color:var(--dpprofe-color-1)!important; display: block !important; content: ""; border: 2px solid #fff; position: absolute; top: 3px; left: 35px; right: 3px; bottom: 3px; z-index: -1; transition: all .3s linear; border-radius: 5px; } .dp_button_style_light:after{ display:none; } .dp_button_style_light:hover{ color:#fff!important; } .dp_button_style_light:hover:before{ opacity:1; } .dp_heading_underline .et_pb_text_inner h3 span{ position:relative; padding: 0px 65px; display: inline-block; } .dp_heading_underline .et_pb_text_inner h3 span:before{ content: ''; position: absolute; background-color: var(--dpprofe-color-1); width: 50px; height: 2px; top: 50%; left: 0; } .dp_heading_underline .et_pb_text_inner h3 span:after{ content: ''; position: absolute; background-color: var(--dpprofe-color-1); width: 50px; height: 2px; top: 50%; right: 0; } .dp_blurb_info .et_pb_blurb_content { display: flex; align-items: center; } @media only screen and (max-width: 980px) { .dp_blurb_info .et_pb_blurb_content { display:block!important; } .dp_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image{ margin-bottom:15px!important; } } .dp_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image { margin-bottom: 0px; } .dp_blurb_info .et_pb_blurb_content .et_pb_blurb_container { padding-left:0px !important; } .dp_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { padding-bottom: 0px; } /*---category section CSS---*/ .dp_category_v1 .dp_category_row .dp_category_col_one, .dp_category_v1 .dp_category_row .dp_category_col_three, .dp_category_v1 .dp_category_row .dp_category_col_five{ animation: floatingbanner 4s linear infinite; } @keyframes floatingbanner{ 0%{ transform: translateY(20px); } 50% { transform: translateY(-20px); } 100%{ transform: translateY(20px); } } .dp_category_v1 .dp_category_row .dp_category_col_two, .dp_category_v1 .dp_category_row .dp_category_col_four{ animation: floatingbanner_one 4s linear infinite; } @keyframes floatingbanner_one{ 0%{ transform: translateY(-20px); } 50% { transform: translateY(20px); } 100%{ transform: translateY(-20px); } } @media only screen and (max-width: 980px) { .dp_category_v1 .dp_category_row .dp_category_col_two, .dp_category_v1 .dp_category_row .dp_category_col_four,.dp_category_v1 .dp_category_row .dp_category_col_one, .dp_category_v1 .dp_category_row .dp_category_col_three, .dp_category_v1 .dp_category_row .dp_category_col_five{ animation:none!important; } } .dp_category_v1 .dp_category_row .dp_category_col_one .dp_category_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img, .dp_category_v1 .dp_category_row .dp_category_col_two .dp_category_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img, .dp_category_v1 .dp_category_row .dp_category_col_three .dp_category_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img, .dp_category_v1 .dp_category_row .dp_category_col_four .dp_category_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img, .dp_category_v1 .dp_category_row .dp_category_col_five .dp_category_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{ border-radius:10px } .dp_category_v1 .dp_category_row .dp_category_col_one .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container, .dp_category_v1 .dp_category_row .dp_category_col_two .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container, .dp_category_v1 .dp_category_row .dp_category_col_three .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container, .dp_category_v1 .dp_category_row .dp_category_col_four .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container, .dp_category_v1 .dp_category_row .dp_category_col_five .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container{ position: absolute; left: 0; right: 0; bottom: 25px; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08); background-color: var(--dpprofe-color-1); padding: 10px 20px; border-radius: 6px; margin: auto; width: 80%; transition: 0.5s all; text-align: center; } .dp_category_v1 .dp_category_row .dp_category_col_one .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dp_category_v1 .dp_category_row .dp_category_col_two .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dp_category_v1 .dp_category_row .dp_category_col_three .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dp_category_v1 .dp_category_row .dp_category_col_four .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dp_category_v1 .dp_category_row .dp_category_col_five .dp_category_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding-bottom:0px; } /*---Title CSS---*/ .dp_title {} .dp_subtitle{} .dp_desc {} /*---Button CSS---*/ .dp_btn{} .dp_btn.light {} /*---Page Header Title CSS---*/ .dp_header_title {} /*---Breadcrumbs Title CSS---*/ .dp_b_home_link {} .dp_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.dp_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.dp_blogpagination .page-numbers.prev,.navigation.dp_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.dp_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.dp_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.dp_blogpagination a.page-numbers:hover, .navigation.dp_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.dp_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.dp_blogpagination a.page-numbers:hover {color: #fff !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /* ----------------------------------- fibo search css -------------------------------------*/ .dgwt-wcas-sf-wrapp{ padding:10px 0px!important; } .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input{ padding: 13px 22px!important; } .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit{ left:inherit!important; right: 12px!important; background: var(--dpprofe-color-1)!important; height: 40px!important; width: 40px!important; top:17px!important; } .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier path{ fill: #fff!important; } /* ----------------------------------- hesder social icon css -------------------------------------*/ .dp_header_social .et_pb_blurb_content .et_pb_blurb_container{ padding-left:5px; } .dp_header_social .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding-bottom:0px; } .dp_header_social .et_pb_blurb_content{ display: flex; align-items: center; } .dp_header_social .et_pb_blurb_content .et_pb_main_blurb_image{ margin-bottom:0px; } .dp_header_social .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ height: 30px; width: 30px; background-color: var(--dpprofe-color-1); display: flex; justify-content: center; align-items: center; border-radius: 5px; } .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul .dp-myaccount-topbar{ position:relative; } .dp_header_category_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li .wlfmc-counter{ opacity:1!important; gap:35px!important; } .dp_header_category_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li .wlfmc-counter .wlfmc-counter-icon i:before{ color: #fff !important; position: absolute; top: -18px; left: 0px; background-color: var(--dpprofe-color-1) !important; padding: 9px 5px; border-radius: 5px; height: 15px; width: 20px; display: flex; justify-content: center; align-items: center; opacity:1; } .dp_header_category_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li .wlfmc-counter .wlfmc-counter-number{ right: -35px!important; left: auto!important; top: -28px!important; } .wlfmc-counter-items .wlfmc-wishlist-content a{ position:relative; } .wlfmc-counter-items .wlfmc-wishlist-content .wlfmc-view-wishlist-link { background-color: var(--dpprofe-color-1) !important; border: none !important; color: #fff; z-index: 1; font-size: 15px; padding: 10px 40px; border-radius: 5px; } /* .wlfmc-counter-items .wlfmc-wishlist-content .wlfmc-view-wishlist-link:before{ background-color: var(--dpprofe-color-1); display: block !important; content: ""; border: 2px solid #fff; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; z-index: -1; transition: all .3s linear; border-radius: 5px; opacity:0; } */ .wlfmc-counter-items .wlfmc-wishlist-content .wlfmc-view-wishlist-link:hover:before{ opacity:1; } .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul .dp-myaccount-topbar:before{ content: "\f007" !important; color: #fff !important; font-family: 'FontAwesome'; position: absolute; top: -10px; left: -30px; font-size: 18px !important; background-color: var(--dpprofe-color-1) !important; padding: 9px 5px; border-radius: 5px; height: 15px; width: 20px; display: flex; justify-content: center; align-items: center; } .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul { display: flex!important; justify-content: center!important; align-items: center!important; } @media only screen and (max-width:1350px) { body .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li{ margin-bottom:12px!important;margin-top:12px!important; } } .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li{ margin-top:0px!important; } .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li a{ padding-bottom:0px!important; } /* .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li a .wishlist_products_counter{ background-color: var(--dpprofe-color-1)!important; align-items: center; padding: 3px 6px; border-radius: 5px; } */ /* .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li a .wishlist_products_counter:before{ content: "\e908"; margin-right: 0px; color: #fff!important; font-size: 20px; } */ .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li a .woofc-menu-item-inner .woofc-icon-cart7{ height: 32px; width: 32px; background-color: var(--dpprofe-color-1); align-items: center; padding: 6px; border-radius: 5px; display: inline-flex; vertical-align: middle; } .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li a .woofc-menu-item-inner .woofc-icon-cart7:before{ content: "\e8cb"; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; } .dp_header_category_menu .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav ul li a .woofc-menu-item-inner:after{ left: 22px!important; top: -12px!important;background-color: var(--dpprofe-color-2)!important;width: fit-content;padding: 2px; } /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu .menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu .menu-item-has-children>a:first-child:after { font-family: ETmodules; content: "\33"; font-size: 16px; position: absolute; right: 0; top: 13px; font-weight: 800; transition: all 0.4s; } .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li ul li.menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li ul li.menu-item-has-children>a:first-child:after { color: var(--dpprofe-color-2); } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul { position: absolute; left: 0px; top: 100%; padding: 15px; opacity: 0; visibility: hidden; z-index: 100; background: #ffffff; border-top: none !important; transition: all 300ms ease; box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%); } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li.mega-menu ul li ul, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li.mega-menu ul li ul { position: relative; left: 0; margin-top: 0px; padding: 0px; opacity: 1; visibility: visible; z-index: 100; background: #fff; border-top: none !important; transition: all 300ms ease; box-shadow: unset; } .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child { font-weight: 700; border-bottom: 1px solid #e7e7e7; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li:hover>ul, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li:hover>ul { visibility: visible; opacity: 1; display: block; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li { margin-top: 0; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li ul, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li ul { left: 100%; margin-top: -53px; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li a, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li a { position: relative; font-size: 16px; color: #202020; font-weight: 600; padding-top: 15px; padding-bottom: 15px; transition: all 0.4s; } .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-ancestor>a, .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-item>a, .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-ancestor.menu-item-has-children .sub-menu>a:first-child::after, .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-item.menu-item-has-children .sub-menu>a:first-child::after, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-ancestor>a, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul li.current-menu-item>a, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-ancestor.menu-item-has-children .sub-menu>a:first-child::after, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu .et-menu li.current-menu-item.menu-item-has-children .sub-menu>a:first-child::after { color: var(--dpprofe-color-1); } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li a:hover, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li a:hover { color: var(--dpprofe-color-1); opacity: 1; } .dp_label, .et-db #et-boc .et-l .dp_label { display: unset; font-size: 10px; font-weight: 600; margin: 0px 0px 0px 5px; position: relative; top: -10px; color: #ffffff; background-color: var(--dpprofe-color-2); padding: 3px 4px; border-radius: 3px; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li { padding: 0px; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a { padding-left: 0; position: relative; padding: 5px 0px 5px 0px; font-weight: 500; border: none; font-size: 15px; text-transform: capitalize; color: #202020; transition: all 0.4s; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a:hover, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a:hover { background-color: unset; } .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a::after, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__menu ul li ul li a::after { top: 5px !important; right: 5px !important; } .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon { color: var(--dpprofe-color-1); font-size: 20px; margin: 0px 15px; transition: all 0.4s; } .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover { color: var(--dpprofe-color-2); } .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button { margin: 0px 15px 0px 25px; } .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button { font-weight: 600; } .dp_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search { padding: 10px; border-radius: 50px; border-width: 1px; border-style: solid; border-color: rgb(171 171 171); } .dp_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form { color: #202020; } .dp_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button, .et-db #et-boc .et-l .dp_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button { color: var(--dpprofe-color-1); } .dp_header_menu_v2.et_pb_menu ul li a, .et-db #et-boc .et-l .dp_header_menu_v2.et_pb_menu ul li a { color: #fff; font-size: 14px; } .dp_header_menu_v2.et_pb_menu ul li ul li a, .et-db #et-boc .et-l .dp_header_menu_v2.et_pb_menu ul li ul li a { text-transform: uppercase; font-size: 13px; } .dp_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon, .et-db #et-boc .et-l .dp_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon { color: #fff; font-size: 17px; } .dp_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover, .et-db #et-boc .et-l .dp_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover { color: var(--dpprofe-color-1); } .dp_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input, .et-db #et-boc .et-l .dp_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input { color: #fff; } .dp_header_menu .et_mobile_menu li a{ font-weight:400 !important; } /* .dp_header_menu .et_pb_menu__menu .et-menu li ul.sub-menu li a:before { width: 2px; height: 2px; content: ""; top: 0; bottom: 0; margin: auto; display: inline-block; background-color: var(--dpprofe-color-1); position: absolute; left: 0; opacity: 0; transition: all 0.4s; } .dp_header_menu .et_pb_menu__menu .et-menu li ul.sub-menu li a:hover { padding-left: 15px !important; } .dp_header_menu .et_pb_menu__menu .et-menu li ul.sub-menu li a:hover:before { width: 8px; opacity: 1; } */ .dp_header_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu{ border-top:3px solid var(--dpprofe-color-2) !important; } /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ .dp_small_info {} .dp_small_blurb_info {} .dp_header_contact_info {} .dp_header_social {} /*---Header v1 CSS---*/ .dp_header_v1 {} /*---Header v2 CSS---*/ .dp_header_v2 {} /*---Header v3 CSS---*/ .dp_header_v3 {} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .dp_footer_title {} .dp_footer_blurb_info {} .dp_footer_links {} .dp_footer_social {} /*---Footer menu Info Css---*/ .dp_footer_emial_option .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{ margin-left: 0 !important; } .dp_footer_menu .et_pb_menu__wrap nav ul { display: block !important; } .dp_footer_menu .et_pb_menu__wrap nav ul li { padding: 5px 12px; } .dp_footer_menu .et_pb_menu__wrap nav ul li a { position: relative; } @media only screen and (max-width: 980px) { .dp_footer_menu .et_pb_menu__menu { display: block !important; } .dp_footer_menu .et_mobile_nav_menu { display: none !important; } .dp_footer_menu .et_pb_menu__wrap { justify-content: flex-start !important; display:block !important; } .dp_footer_menu .et_pb_menu__wrap nav{ display:block !important; text-align:center !important; } .dp_footer_menu .et_pb_menu__wrap nav ul li{ display:block !important; } .dp_footer_menu .et_pb_menu__wrap .et_pb_menu__menu{ display:block !important; } } /*---Footer Common Info Css end---*/ /*---Footer email optioin Css ---*/ .dp_footer_emial_option { max-width: 500px; width: 100%; margin: auto; } .dp_footer_emial_option .et_pb_newsletter_fields { display: flex !important; justify-content: center !important; align-items: center; flex-wrap: nowrap !important; position: relative; } .dp_footer_emial_option .et_pb_newsletter_fields .et_pb_newsletter_field { padding-bottom: 0px !important; width: 100%; flex-basis: auto !important; } .dp_footer_emial_option .et_pb_newsletter_fields .et_pb_newsletter_button_wrap { flex-basis: auto !important; position: absolute; right: 0; top: 0; bottom: 0; } .dp_footer_emial_option .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button { display: flex !important; justify-content: center; align-items: center; width: 50px !important; height: 55px; padding: 0 !important } .dp_footer_emial_option .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button_text { font-size: 0px !important; } .dp_footer_emial_option .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after { margin: 0px !important; } /*---Footer email optioin Css end---*/ /*---Footer v1 CSS---*/ .dp_footer_v1 {} /*---Footer v2 CSS---*/ .dp_footer_v2 {} /*---Footer v3 CSS---*/ .dp_footer_v3 {} /*----------------------------------- 04. Sidebar CSS Start Here -------------------------------------*/ /* Blog Sidebar CSS Start */ .dp_sidebar, .et-db #et-boc .et-l .dp_sidebar {} .dp_sidebar .widgettitle, .et-db #et-boc .et-l .dp_sidebar .widgettitle {} .dp_sidebar .et_pb_widget, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget {} .dp_sidebar .et_pb_widget.widget_search .searchform, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_search .searchform {} .dp_sidebar .et_pb_widget.widget_search .searchform input, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_search .searchform input {} .dp_sidebar .et_pb_widget.widget_search .searchform input#s, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_search .searchform input#s {} .dp_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit {} .dp_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover {} .dp_sidebar .et_pb_widget.widget_archive ul, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_archive ul {} .dp_sidebar .et_pb_widget.widget_archive ul li, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_archive ul li {} .dp_sidebar .et_pb_widget.widget_archive ul li a, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_archive ul li a {} .dp_sidebar .et_pb_widget.widget_archive ul li a:hover, .et-db #et-boc .et-l .dp_sidebar .et_pb_widget.widget_archive ul li a:hover {} .dp_sidebar .widget_categories ul .cat-item, .et-db #et-boc .et-l .dp_sidebar .widget_categories ul .cat-item {} .dp_sidebar .widget_categories ul .cat-item:last-child, .et-db #et-boc .et-l .dp_sidebar .widget_categories ul .cat-item:last-child {} .dp_sidebar .widget_categories ul .cat-item a, .et-db #et-boc .et-l .dp_sidebar .widget_categories ul .cat-item a {} .dp_sidebar .widget_categories ul .cat-item a:hover, .et-db #et-boc .et-l .dp_sidebar .widget_categories ul .cat-item a:hover {} .dp_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link, .et-db #et-boc .et-l .dp_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {} .dp_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover, .et-db #et-boc .et-l .dp_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover {} .dp_sidebar .widget_recent_entries, .et-db #et-boc .et-l .dp_sidebar .widget_recent_entries {} .dp_sidebar .widget_recent_entries ul, .et-db #et-boc .et-l .dp_sidebar .widget_recent_entries ul {} .dp_sidebar .widget_recent_entries ul li, .et-db #et-boc .et-l .dp_sidebar .widget_recent_entries ul li {} .dp_sidebar .widget_recent_entries ul li a, .et-db #et-boc .et-l .dp_sidebar .widget_recent_entries ul li a {} .dp_sidebar .widget_recent_entries ul li .post-date, .et-db #et-boc .et-l .dp_sidebar .widget_recent_entries ul li .post-date {} .dp_sidebar .widget_media_gallery, .et-db #et-boc .et-l .dp_sidebar .widget_media_gallery {} .dp_sidebar .widget_media_gallery .gallery, .et-db #et-boc .et-l .dp_sidebar .widget_media_gallery .gallery {} .dp_sidebar .widget_media_gallery .gallery .gallery-item, .et-db #et-boc .et-l .dp_sidebar .widget_media_gallery .gallery .gallery-item {} .dp_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon, .et-db #et-boc .et-l .dp_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon {} .dp_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a, .et-db #et-boc .et-l .dp_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a {} .dp_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img, .et-db #et-boc .et-l .dp_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img {} /* Blog Sidebar CSS End */ /* Blog Sidebar CSS End */ /* Blog Sidebar CSS */ .dp_blog_sidebar { border-right: none; padding-right: 0px; } .dp_blog_sidebar .et_pb_widget{ border-radius: 10px; padding: 25px; margin-bottom: 30px !important; width: 100%; border: 1px solid #e5e5e5 } .dp_blog_sidebar .et_pb_widget .searchform #searchsubmit { background-color: var(--dpprofe-color-1); color: #fff; } .dp_blog_sidebar .et_pb_widget .widgettitle, .dp_blog_heading .et_pb_heading_container .et_pb_module_heading { margin-bottom: 10px; position: relative; padding-bottom: 20px; font-size: 25px; font-weight:700; line-height: 30px; width: fit-content; line-height: 25px; color: var(--dpprofe-color-1); z-index: 11; } .dp_blog_sidebar .widget_categories ul li a{ font-size: 16px; background: #f9f9f9; width: 100%; display: block; padding: 10px 25px; border-radius: 5px; } .dp_blog_sidebar .widget_categories ul li a:hover{color: var(--dpprofe-color-1);} /* .dp_blog_sidebar .et_pb_widget .widgettitle:after{ content: ""; position: absolute; width: 100%; height: 3px; bottom: 12px; z-index: -1; background-color: var(--dpprofe-color-1); left: 0; bottom: 6px; } */ .dp_blog_heading .et_pb_heading_container .et_pb_module_heading:after { content: ""; position: absolute; width: 100%; height: 3px; bottom: 12px; z-index: -1; background-color: var(--dpprofe-color-1); left: 0; bottom: 6px; } /* .dp_blog_sidebar_list .et_pb_ajax_pagination_container .et_pb_post a{ overflow:hidden; } */ .dp_blog_sidebar .et_pb_widget .tagcloud a { background-color: #f9f9f9; color: var(--dpprofe-color-2); padding: 6px 14px; margin: 6px 5px; text-transform: capitalize; display: inline-block; transition: all 0.2s linear; font-size: 16px !important; } .dp_blog_sidebar .et_pb_widget .tagcloud a:hover { color: #fff; background-color: var(--dpprofe-color-1); } .dp_post_comment #comment-wrap .comment-respond #commentform { padding-bottom: 0px !important; } .dp_blog_sidebar .et_pb_widget ul li { margin-bottom: 10px; } /* .dp_blog_sidebar .et_pb_widget ul li { padding-bottom: 10px; } */ /* blog */ .dp_blog_sidebar_list_main{ padding: 25px; border:1px solid #e5e5e5; border-radius:10px; } .dp_blog_sidebar_list .et_pb_post{ margin-bottom:0px!important; } .dp_blog_sidebar_list .et_pb_post { margin: 10px 0px !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .dp_blog_sidebar_list .entry-featured-image-url { padding-top:80px; display: block; width: 100px; float: left; margin-bottom: 0 !important; } .dp_blog_sidebar_list .entry-title, .dp_blog_sidebar_list .post-meta { width: calc(100% - 100px); float: left; padding-left: 20px; } /* .dp_blog_sidebar_list .entry-featured-image-url { padding-top:80px; display: block; } */ .dp_blog_sidebar_list .entry-featured-image-url img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; border-radius:10px; } .dp_blog_sidebar_list .et_pb_post:not(:last-child) { padding-bottom:0px!important; margin-bottom: 0px; border-radius: 0px 0px 10px 10px; } .dp_blog_sidebar .et_pb_widget ul li { margin-bottom: 20px; } .dp_sidebar_blog .et_pb_post .entry-featured-image-url:before { border-radius: 6px !important; } /*set the image width*/ .dp_sidebar_blog .entry-featured-image-url { width: 100px; float: left; margin-bottom: 0 !important; } /*set the text width*/ .dp_sidebar_blog .entry-title, .dp_sidebar_blog .post-meta { width: calc(100% - 100px); float: left; padding-left: 20px; } /*make the image square*/ .dp_sidebar_blog .entry-featured-image-url { padding-top: 70px; display: block; } .dp_sidebar_blog .entry-featured-image-url img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; border-radius: 6px; } /*adjust the spacing and add a border between the posts*/ .dp_sidebar_blog .et_pb_post:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; } /* ----------------------------------- 04. Sidebar CSS End Here -------------------------------------*/ /* ----------------------------------- 05. Blog CSS -------------------------------------*/ .dp_blog_v1>div article~div:last-child { grid-column: 1 / -1; } /* hover effect in blog */ .dp_blog_v1 .et_pb_post .entry-featured-image-url{ overflow:hidden; } .dp_blog_v1 .et_pb_post:hover .entry-featured-image-url img{ transform: scale(1.15); transition: all 500ms ease; } /*---Blog Grid CSS & 3 Columns CSS ---*/ .dp_blog_v1 .et_pb_post { padding:0px!important; position:relative; } .dp_blog_v1 .et_pb_post .dp_info{ padding: 20px; display: flex; flex-direction: column; } /*add icon to blog category meta text*/ .dp_blog_v1 .post-meta>a:before { content: "\e078"; font-family: ETMODULES; color: var(--dpprofe-color-1) !important; border: none !important; font-weight: bold; margin-right: 4px; } .dp_blog_v1 .post-meta .published:before{ content: "\e023"; font-family: ETMODULES; color: #fff; font-weight: bold; font-size: 14px; margin-right: 4px; } /*---Image CSS---*/ .dp_blog_v1 .et_pb_post .et_pb_image_container { margin:0px; } .dp_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url { margin-bottom:0px; } .dp_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url img { transition: all 500ms ease; } .dp_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .dp_blog_v1 .et_pb_post .entry-title { order:2; } /*---Post Meta CSS---*/ .dp_blog_v1 .et_pb_post .post-meta .published { position: absolute; top: 10px; left: 10px; background-color: var(--dpprofe-color-1); padding:10px; border-radius:5px; color: #fff; font-size: 16px; } .dp_blog_v1 .et_pb_post .post-meta{ order:1; } .dp_blog_v1 .et_pb_post .post-meta a{ margin-right: 10px; } /*---Blog Desc CSS---*/ .dp_blog_v1 .et_pb_post .post-content { order:3; } .dp_blog_v1 .et_pb_post .post-content .post-content-inner{ margin-bottom: 20px; } /*---Read More Button CSS---*/ .dp_blog_v1 .et_pb_post .post-content .more-link{} /*---Pagination Button CSS---*/ /*---Pagination Button CSS---*/ .dp_blog_v1 .pagination .alignleft a, .dp_portfolio_v1 .pagination .alignleft a, .dp_blog_v1 .pagination .alignright a, .dp_portfolio_v1 .pagination .alignright a { padding: 10px 20px; border-radius: 5px; background: var(--dpprofe-color-1); color: #fff !important; font-size: 15px; position: relative; z-index: 1; display: inline-block; } /*---Blog Grid 2 Columns CSS Start ---*/ .dp_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; } .dp_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post { margin-bottom: 0px !important; } .dp_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { margin-bottom: 0; } /* @media only screen and (max-width:980px) { .dp_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } } */ @media only screen and (max-width:767px) { .dp_blog_grid_2_col .et_pb_ajax_pagination_container { display: block !important; } .dp_cta_sec .dp_cta_call_right .dp_cta_v2 .et_pb_promo_description h3{ font-size: 40px !important;} .dp_top_collection_v1 .dp_top_collection_col_1 { padding: 70px 20px !important; } /*.dp_wc_product_list ul.products li.product .woocommerce-LoopProduct-link { display: block !important; } */ .dp_wc_product_list ul.products li.product, .et-db #et-boc .et-l .dp_wc_product_list ul.products li.product { width:100%!important; } } @media only screen and (max-width:480px) { .dp_wc_product ul.products li.product:nth-child(n),.et-db #et-boc .et-l .dp_wc_product ul.products li.product:nth-child(n){width:100% !important;margin-right:0 !important;} } /*---Blog Grid 2 Columns CSS End ---*/ /*---Blog Grid 4 Columns CSS Start---*/ .dp_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; } .dp_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post { margin-bottom: 0px !important; } .dp_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { margin-bottom: 0; } @media only screen and (max-width:980px) { .dp_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } .dp_wc_product .woocommerce .woocommerce-result-count,.et-db #et-boc .et-l .dp_wc_product .woocommerce .woocommerce-result-count,.dp_wc_product .woocommerce-ordering{ float: none !important;text-align:center !important;} } @media only screen and (max-width:767px) { .dp_blog_grid_4_col .et_pb_ajax_pagination_container { display: block !important; } .dp_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list, .et-db #et-boc .et-l .dp_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list { width: 100%; table-layout: fixed; } .dp_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr, .et-db #et-boc .et-l .dp_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr { display: block; } .dp_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td, .et-db #et-boc .et-l .dp_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td { border: 1px solid #ebebeb; padding: 10px; vertical-align: middle; display: block; width: 100%; text-align:left; } } /*---Blog Grid 4 Columns CSS End ---*/ /* Blog Listing CSS */ .dp_blog_list .et_pb_post {} /* Blog Listing CSS */ .dp_blog_list .et_pb_post { align-items: center; display: flex; flex-direction: inherit !important; margin-bottom: 30px !important; padding: 20px !important; box-shadow: 0 0 15px rgba(0, 0, 0, .10); } .dp_blog_list .et_pb_post .entry-featured-image-url:before { border-radius: 10px; } .dp_blog_list .et_pb_post .entry-featured-image-url { margin-bottom: 0; width: 35%; margin-right: 25px; margin-bottom: 0px !important; overflow:hidden; } .dp_blog_list .et_pb_post .dp_info { position: relative; padding: 20px !important; width: 65%; display:block!important; } .dp_blog_list .et_pb_post .post-content .post-content-inner { margin-bottom: 20px; } .dp_blog_list .et_pb_post .dp_info .post-meta .published { position: inherit !important; margin-right: 20px; } .dp_blog_list .et_pb_post .post-meta .published { background-color: transparent !important; border: none; } .dp_blog_list .post-meta .published { color: var(--dpprofe-color-1) !important; padding: 0px !important; } .dp_blog_list .post-meta .published:before { content: "\e023"; font-family: ETMODULES; color: var(--dpprofe-color-1); margin-right: 6px; } .dp_blog_list .et_pb_post .dp_info .post-content { } .dp_blog_list .et_pb_post .post-content .more-link{ margin:0px!important; } @media only screen and (max-width:980px) { .dp_blog_list .et_pb_post .dp_info{ width:100%; } .dp_blog_list .et_pb_post .post-content .more-link{ margin:0px auto!important; } .dp_blog_list .et_pb_post { display: block !important; } .dp_blog_list .et_pb_post .entry-featured-image-url { width: 100% !important; border-radius: 0px !important; } } /* Blog Listing CSS End */ /* Blog Category CSS */ .dp_blog_category {} /* Blog Tags CSS */ .dp_blog_tages {} /* Blog Author CSS */ .dp_blog_author {} /* Blog Single Page CSS Start */ .dp_blog_single .et_pb_column_single {} .dp_blog_single .dp_blog_single_col_right{ padding-top:0px!important; } .dp_blog_single .et_pb_row.et_pb_equal_columns>.et_pb_column, .dp_blog_single.et_pb_section.et_pb_equal_columns>.et_pb_row>.et_pb_column { padding-top:0px!important; } .dp_blog_single .dp_single_post_title .et_pb_title_featured_container{ margin-bottom:0px!important; } .dp_blog_single .dp_single_post_title .et_pb_title_featured_container .et_pb_image_wrap {} .dp_blog_single .dp_single_post_title .et_pb_title_featured_container .et_pb_image_wrap img { border-radius:10px; } .dp_blog_single .dp_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover img { } .dp_blog_single .dp_single_post_title .et_pb_title_container { display:flex; flex-direction:column; } .dp_blog_single .dp_single_post_title .entry-title { order:2; padding-bottom:0px; } .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container, .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container a { order:1; padding:25px 0px!important; } .dp_blog_single .et_pb_title_meta_container a{margin-right:5px;} .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover { color: var(--dpprofe-color-1); } .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .author, .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .published, .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number { position: relative; padding: 0px 10px 0px 20px; display: inline-block; } .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before, .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before, .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before { content: ""; position: absolute; font-family: ETmodules; color: var(--dpprofe-color-1); left: 0; font-size: 16px; font-weight: 100; } .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before { content: "\e08a"; } .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before { content: "\e023"; } .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before { content: "\e066"; } /*add icon to blog category meta text*/ .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container a:before { content: "\e078"; font-family: ETMODULES; color: var(--dpprofe-color-1); font-weight: bold; margin-right: 4px; } /*add icon to blog category meta text*/ .dp_blog_single .post-meta>a:before { content: "\e078"; font-family: ETMODULES; color: #0071fc; font-weight: bold; margin-right: 4px; } .dp_blog_single .dp_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before { content: "\e066"; } .dp_blog_single_tag .et_pb_blurb_content .et_pb_blurb_container{ display: flex; align-items: center; gap: 20px; } @media only screen and (max-width:980px) { .dp_blog_single_tag .et_pb_blurb_content .et_pb_blurb_container{ display:block!important; } .dp_blog_single_tag .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding-bottom:15px!important; } } .dp_blog_single_tag .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding-bottom:0px!important; } .dp_blog_single_tag .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a { padding: 5px 15px; border: 1px solid var(--dpprofe-color-1); transition: all 0.2s; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, .10); margin-right: 10px; } .dp_blog_single_tag .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:hover { background-color: var(--dpprofe-color-1); border: 1px solid transparent; color: #fff; } .dp_blog_single .dp_single_blurb_info .et_pb_main_blurb_image {} .dp_blog_single .et_pb_blurb_container{vertical-align:middle;} .dp_blog_single .dp_single_tag_info .et_pb_blurb_container .et_pb_module_header {} .dp_blog_single .dp_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a {} .dp_blog_single .dp_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover {} .dp_blog_single .dp_single_social_media li.et_pb_social_icon a.icon::before {} .dp_blog_single .dp_single_social_media li.et_pb_social_icon a.icon:hover::before {} .dp_blog_single .dp_single_navigation {} .dp_blog_single .dp_single_navigation .nav-previous, .dp_blog_single .dp_single_navigation .nav-next {} .dp_blog_single .dp_single_navigation .nav-previous a[rel="prev"], .dp_blog_single .dp_single_navigation .nav-next a[rel="next"] {} .dp_blog_single .dp_single_navigation .nav-previous a[rel="prev"] span, .dp_blog_single .dp_single_navigation .nav-next a[rel="next"] span{color: var(--dpprofe-color-1);} .dp_blog_single .dp_single_navigation .nav-previous a[rel="prev"]:hover, .dp_blog_single .dp_single_navigation .nav-next a[rel="next"]:hover {} .dp_blog_single_comment .comment-respond .comment-form input { width: 100% !important; } .dp_blog_single .dp_blog_single_comments .commentlist .comment-body .comment_postinfo a {} .dp_blog_single .dp_blog_single_comments .commentlist .comment-body .comment_postinfo a:hover {} .dp_blog_single .dp_blog_single_comments .commentlist .comment-body .comment_avatar img {} .dp_blog_single .dp_blog_single_comments .commentlist .comment-body .comment_postinfo .fn {} .dp_blog_single .dp_blog_single_comments .commentlist .comment-body .comment_postinfo .comment-edit-link {} .dp_blog_single .dp_blog_single_comments .commentlist .comment-body .comment_area .comment-content {} body #page-container .dp_blog_single.et_pb_section .dp_blog_single_comments .reply-container .comment-reply-link {} .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form {} .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .logged-in-as a {} .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .logged-in-as a:hover {} .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-author, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-email, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-url, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-comment { position: relative; } .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-author::before, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-email::before, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-url::before, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-comment::before { content: ""; font-family: etmodules; position: absolute; right: 14px; top: 11px; color: var(--dpprofe-color-1); font-size: 16px; z-index: 1; font-weight: 100; } .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-author::before { content: "\e08a"; } .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-email::before { content: "\e076"; } .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-url::before { content: "\e0e4"; } .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-comment::before { content: "\e066"; } .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-author input, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-email input, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-url input, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment {} .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-author input:focus, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-email input:focus, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-url input:focus, .dp_blog_single .dp_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment:focus {} .dp_blog_single .dp_blog_single_comments .et_pb_button {} .dp_blog_single .dp_blog_single_comments .et_pb_button:hover {} .dp_blog_single .dp_single_resent_blog {} .dp_blog_single .dp_single_resent_blog .et_pb_post {} .dp_blog_single .dp_single_resent_blog .et_pb_post:last-child {} .dp_blog_single .dp_single_resent_blog .et_pb_post .entry-featured-image-url {} .dp_blog_single .dp_single_resent_blog .et_pb_post .entry-featured-image-url img {} .dp_blog_single .dp_single_resent_blog .et_pb_post .dp_single_resent_blog_info {} .dp_blog_single .dp_single_resent_blog .et_pb_post .dp_single_resent_blog_info .entry-title {} .dp_blog_single .dp_single_resent_blog .et_pb_post .dp_single_resent_blog_info .entry-title:hover {} .dp_blog_single .dp_single_resent_blog .et_pb_post .dp_single_resent_blog_info .post-meta {} .dp_blog_single .dp_single_resent_blog .et_pb_post .dp_single_resent_blog_info .post-meta .published {} .dp_blog_single .dp_single_resent_blog .et_pb_post .dp_single_resent_blog_info .post-meta .published::before {} .dp_blog_single_newsletter {} .dp_blog_single_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields {} .dp_blog_single_newsletter .et_pb_newsletter_form .et_pb_newsletter_field {} .dp_blog_single_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .input {} .dp_blog_single_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {} .dp_blog_single_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button {} .dp_blog_single_newsletter .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_button:hover {} /* Blog Single Page CSS End */ /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .dp_portfolio_v1 .et_pb_portfolio_item {} /* Image Css */ .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {} .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img {} /* Overlay Css */ .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {} .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay:before {} /* Title Css */ .dp_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {} /* Category Post Meta Css */ .dp_portfolio_v1 .et_pb_portfolio_item .post-meta {} .dp_portfolio_v1 .et_pb_portfolio_item .post-meta a {} /* Portfolio 2 Column */ .dp_portfolio_2_col .et_pb_portfolio_items, .dp_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 1fr); } /* Portfolio 3 Column */ .dp_portfolio_3_col .et_pb_portfolio_items, .dp_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px; } /*---Portfolio Filterable CSS---*/ .dp_portfolio_v1.filterable {} /* Filters Links CSS */ .dp_portfolio_v1 .et_pb_portfolio_filters {} .dp_portfolio_v1 .et_pb_portfolio_filters li {} .dp_portfolio_v1 .et_pb_portfolio_filters li a {} /*Hover & Active Filter Links*/ .dp_portfolio_v1 .et_pb_portfolio_filters li a:hover, .dp_portfolio_v1 .et_pb_portfolio_filters li a.active {} /* Pagination CSS */ .dp_portfolio_v1 .et_pb_portofolio_pagination {} .dp_portfolio_v1 .et_pb_portofolio_pagination ul {} .dp_portfolio_v1 .et_pb_portofolio_pagination ul li {} .dp_portfolio_v1 .et_pb_portofolio_pagination ul li a {} .dp_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {} .dp_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .dp_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .dp_portfolio_v1.carousel {} .dp_portfolio_v1.carousel .et-pb-slider-arrows{} .dp_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev{} .dp_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{} /* Portfolio Category CSS */ .dp_portfolio_category {} /* Portfolio Tags CSS */ .dp_portfolio_tages {} /* Portfolio Single Page CSS */ .dp_portfolio_single {} /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .dp_services_v1 {} /*Img Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {} .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {} .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{} /*Icon Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{} /*Title Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{} /*Description Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{} /*---Services v2 CSS---*/ .dp_services_v2 {} /*---Services Single Page CSS---*/ .dp_services_single {} /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .dp_contact_v1 .dp_contact_us_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{ height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: var(--dpprofe-color-1); } .dp_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit { width:100%; } .dp_contact_v1 .et_contact_bottom_container{padding: 0 0 0 3%;float:none;} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ /*---Team v1 CSS---*/ /* Image Css */ .dp_team_v1 .et_pb_team_member_image { max-width: 480px; margin-bottom: 0px; transform: scale(1); border-radius: 10px; } @media only screen and (max-width: 980px) { .dp_team_v1 .et_pb_team_member_image { max-width: 480px; margin: 0 auto; margin-bottom: 20px; text-align: center; } } .dp_team_v1 .et_pb_team_member_image img { width: 100%; } /* Description Css*/ .dp_team_v1 .et_pb_team_member_description { position: relative; background-color: #fff; padding: 20px; border-radius: 6px; margin: -40px auto 0px auto; width: 80%; transition: 0.5s all; text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, .10);} .dp_team_v1 .et_pb_team_member_description .et_pb_module_header {} .dp_team_v1 .et_pb_team_member_description .et_pb_member_position {} /* Social Links Css*/ .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links { position: absolute; opacity: 0; transition: all 0.6s; width: 50px; top: -175px; margin-top:0 !important; } .dp_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links{ opacity: 1; left: 20px; } .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {} .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a { height: 40px; width: 40px; color: var(--dpprofe-color-1) !important; border: 2px solid #e5e5e5; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition: all 0.2s ease; background-color: #fff !important; margin: 5px 0; } .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover { background-color: var(--dpprofe-color-1) !important; color: #fff !important; } /* Main CSS Class Hover Css Here */ .dp_team_v1:hover .et_pb_team_member_image{} /*---Team v2 CSS---*/ .dp_team_v2 {} /*---Team Single Page CSS---*/ .dp_team_single {} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .dp_slider_v1{ position:relative; } .dp_slider_v1:before { content: ""; position: absolute; background: linear-gradient(182.35deg, rgba(255, 255, 255, 0.56) 14.79%, var(--dpprofe-color-1) 93.62%); color: rgb(255, 255, 255); width: 337px; height: 328px; overflow: hidden; border-radius: 50%; opacity: 1; top: -100px; left: -156px; z-index: 99; } .dp_slider_v1:after{ content: ""; position: absolute; background: linear-gradient(182.35deg, rgb(255 255 255 / 22%) 14.79%, var(--dpprofe-color-1) 93.62%); color: rgb(255, 255, 255); width: 100px; height: 100px; overflow: hidden; border-radius: 50%; opacity: 1; bottom: 150px; right: 320px; z-index: 99; animation: floatingbanner 5s infinite; } @keyframes floatingbanner{ 0%{ transform: translateY(20px); } 50% { transform: translateY(-20px); } 100%{ transform: translateY(20px); } } @media only screen and (max-width:980px) { .dp_slider_v1:before ,.dp_slider_v1:after{ display:none; } } /*---Image CSS---*/ .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{ padding-bottom:0px; } /*---Description CSS---*/ .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img{ max-height: 600px; border-radius: 50%; object-fit: cover; height: 500px; width: 500px; } .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content{ margin:20px 0px; } .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 { font-size:55px; line-height:65px; font-weight:700; padding-bottom:0px; } .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p{ font-size:30px; line-height:30px; margin-top:20px; } @media only screen and (max-width:980px) { .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image img{ display:none; } .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2{ font-size:45px; line-height:45px; font-weight:700; padding-bottom:0px; text-align:center; } } /*---Button CSS---*/ .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {} .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button, .dp_promotion_cta .et_pb_button_wrapper .et_pb_button , .dp_cta_v2 .et_pb_button_wrapper .et_pb_button, .dp_cta_v3 .et_pb_button_wrapper .et_pb_button{ background-color: var(--dpprofe-color-1); border: 0px; padding: 10px 30px; display: inline-block; } .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:before , .dp_promotion_cta .et_pb_button_wrapper .et_pb_button:before ,.dp_cta_v2 .et_pb_button_wrapper .et_pb_button:before, .dp_cta_v3 .et_pb_button_wrapper .et_pb_button:before{ display: block !important; content: ""; border: 2px solid #fff; position: absolute; top: 3px; left: 35px; right: 3px; bottom: 3px; z-index: 1; transition: all .3s linear; } .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before ,.dp_promotion_cta .et_pb_button_wrapper .et_pb_button:hover:before ,.dp_cta_v2 .et_pb_button_wrapper .et_pb_button:hover:before, .dp_cta_v3 .et_pb_button_wrapper .et_pb_button:hover:before{ opacity:1; } .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after, .dp_promotion_cta .et_pb_button_wrapper .et_pb_button:after, .dp_cta_v2 .et_pb_button_wrapper .et_pb_button:after, .dp_cta_v3 .et_pb_button_wrapper .et_pb_button:after{ display:none !important; } /*---Arrow CSS---*/ .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next { opacity: 1; background: var(--dpprofe-color-1); width: 50px; height: 50px; transition: all 0.3s; display: flex; justify-content: center; align-items: center; font-size: 30px; border-radius: 10px; } .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover, .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover { background-color: var(--dpprofe-color-1); } .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:after ,.dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:after{ content: ""; border: 2px solid #fff; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; z-index: 1; transition: all .3s linear; border-radius: 10px; opacity:0; } .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover:after ,.dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover:after{ opacity: 1; } .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev { left: 22px; } .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next { right: 22px; } @media only screen and (max-width: 767px) { .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev, .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next { width: 40px; height: 40px; } } /*---Dots Navigation CSS---*/ .dp_slider_v1 .et-pb-controllers {} .dp_slider_v1 .et-pb-controllers a { height: 10px; width: 10px; border-radius: 50%; background-color: #fff; opacity: 1; } .dp_slider_v1 .et-pb-controllers a.et-pb-active-control { height: 10px; width: 10px; border-radius: 50%; background-color: var(--dpprofe-color-1); } /*---Slider v2 CSS---*/ .dp_slider_v1{} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .dp_faqs_v1 {} /*---Title CSS---*/ .dp_faq_v1 .et_pb_toggle .et_pb_toggle_title { padding: 18px 30px; color: var(--dpprofe-color-2); transition: all 0.4s; } .dp_faq_v1 .et_pb_toggle .et_pb_toggle_content{ padding:20px 30px; } .dp_faq_v1 .et_pb_toggle { background-color: transparent; padding: 0px; border: 1px solid #ddd; border-radius:10px; } /*---Title Icon CSS---*/ /*---Open Title CSS---*/ .dp_faq_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { padding:30px; color:var(--dpprofe-color-1); box-shadow: 0 0 15px rgba(0, 0, 0, .10); } .dp_faq_v1 .et_pb_toggle_title:before { content: "\35"; display: block !important; font-family: ETmodules !important; right: 20px; font-size: 30px; font-weight: 800; color: var(--dpprofe-color-1); background: #fff; border-radius: 50px; } /*---Open Title Icon CSS---*/ .dp_faq_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { content: "\33"; color: var(--dpprofe-color-1); font-size: 30px; font-weight: 800; } /*---Content CSS---*/ .dp_faqs_v1 .et_pb_toggle .et_pb_toggle_content { padding: 20px; } /*---Faqs v2 CSS---*/ .dp_faqs_v2{} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .dp_timeline_v1 {} /*---Timeline v2 CSS---*/ .dp_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .dp_pricing_table {} .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{} /* Heading Css */ .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{} .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{} /* Top Content Css */ .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{} .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{} .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{} .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{} .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{} .dp_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 */ .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{} .dp_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{} /*---Pricing Mini CSS---*/ .dp_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .dp_pricing_table_toggle{} /*Pricing Toggle*/ .dp_pricing_tabs [id*="dp_pricing_tab_"] {} .dp_pricing_tabs [id*="dp_pricing_tab_"]:hover, .dp_pricing_tabs [id*="dp_pricing_tab_"].dp_active{} /*Pricing Row Settings */ [class*="dp_pricing_tab_content_"] { } [class*="dp_pricing_tab_content_"].dp_active{} [class*="dp_pricing_tab_content_"].animated{} /*---Pricing Table Structure CSS---*/ .dp_pricing_table_layout{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .dp_testimonial_v1{ box-shadow: 0 0 15px rgba(0, 0, 0, .10); background-color:#fff!important; border-radius:10px!important; } .dp_testimonial_v1:before{ font-size: 70px !important; left: 75% !important; position: absolute; top: 10px !important; border-radius: 31px; z-index: 2; } .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait { position: absolute; right: 0; left: 0; margin: 0 auto; width: 75px !important; height: 75px !important; } .dp_testimonial_v1.et_pb_testimonial:before {} /*---Description---*/ .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description { margin-top: 95px; margin-left:0px!important; } .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {} .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {} /*---Author CSS---*/ .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { margin:10px!important; } /*---Meta CSS---*/ .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {} .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{} .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{} .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{} /*Review */ .dp_testimonial_v1 .dp_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} .dp_testimonial_v1 .dp_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .dp_testimonial_v1 .dp_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .dp_testimonial_v1 .dp_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important} .dp_testimonial_v1 .dp_review .et_pb_text_inner ul li.star:before{content:"\e031"} .dp_testimonial_v1 .dp_review .et_pb_text_inner ul li.star-0:before{content:"\e032"} /*testimonial dots */ .dp_testimonial_slider .slick-list {} .dp_testimomial_slider .slick-dots { padding-left:0px!important; padding-bottom: 0px !important; } .dp_testimomial_slider .slick-dots li button:before { content: "" !important; background-color:var(--dpprofe-color-2); width: 10px; height:10px; border-radius:50%; opacity:1; } .dp_testimomial_slider .slick-dots li.slick-active button:before { background: var(--dpprofe-color-1); opacity:1; } /*---Testimonial v2 CSS---*/ .dp_testimonial_v2{} /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .dp_aboutus_v1 {} /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .dp_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .dp_process_v1 {} /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .dp_partner_v1 {} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .dp_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .dp_skill_v1 {} .dp_bar_counter_v1 {} /*---Title CSS---*/ .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {} .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{} /*---Percentage CSS---*/ .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{} /*---Percentage CSS---*/ .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {} .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .dp_counter_v1 {} .dp_deal_of_the_day_v1 .dp_deal_of_the_day_row .dp_deal_of_the_day_col .dp_deal_of_the_day_image .et_pb_image_wrap img{ height:550px; object-fit: cover; border-radius:10px; } .dp_deal_of_the_day_v1 .dp_deal_of_the_day_row .dp_deal_of_the_day_col .dp_deal_of_the_day_image .et_pb_image_wrap{ overflow:hidden; } .dp_deal_of_the_day_v1 .dp_deal_of_the_day_row .dp_deal_of_the_day_col .dp_deal_of_the_day_image .et_pb_image_wrap img{ margin-left: -30px; transform: scale(1.5); transition: .3s ease-in-out;; } .dp_deal_of_the_day_v1 .dp_deal_of_the_day_row .dp_deal_of_the_day_col:hover .dp_deal_of_the_day_image .et_pb_image_wrap img{ margin-left: 0; } .dp_deal_of_day_timer .et_pb_countdown_timer_container .sep { display: none!important; } .dp_deal_of_day_timer .et_pb_countdown_timer_container .days, .hours, .minutes, .seconds { padding: 20px; border-radius: 10px; margin: 0 5px; background-color: var(--dpprofe-color-1); } .dp_deal_of_day_timer .et_pb_countdown_timer_container .days .value{ margin-bottom:5px; } @media only screen and (max-width:980px) { .dp_deal_of_day_timer .et_pb_countdown_timer_container .section { width: 130px; max-width: unset; margin: 10px; } } /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .dp_newsletter_v1 {} /*Form Css*/ .dp_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .dp_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {} .dp_newsletter_v1.et_pb_newsletter_form .input {} .dp_newsletter_v1.et_pb_newsletter_form .input::placeholder, .dp_newsletter_v1.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {} /*Button Css*/ .dp_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {} .dp_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {} .dp_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} /*---Newsletter v2 CSS---*/ .dp_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ .dp_cta .et_pb_promo_description .et_pb_module_header{ background-color: var(--dpprofe-color-1); padding: 8px 10px; width: fit-content; border-radius: 10px; margin-bottom:20px; } /*---CTA v1 CSS---*/ .dp_CTA_v1 {} /*---CTA v2 CSS---*/ .dp_CTA_v2 {} .dp_cta_sec .dp_cta_call_right .dp_cta_v2 .et_pb_promo_description h3{ font-size: 60px; line-height: 60px; font-weight:700; padding: 15px 0px; border-top: 2px solid var(--dpprofe-color-1); border-bottom: 2px solid var(--dpprofe-color-1); width: fit-content; margin: 10px auto; } .dp_cta_sec .dp_cta_call_right .dp_cta_v2_ilight_mage .et_pb_image_wrap img{ opacity:0.2; } .dp_cta_sec .dp_cta_call_left .dp_decore_text .et_pb_text_inner{ color:transparent; -webkit-text-stroke-width: 2px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; background-image: linear-gradient(to right, var(--dpprofe-color-1), var(--dpprofe-color-1) 50%, #0000004d 50%); background-size: 200% 100%; background-position: 100%; color: #fff; justify-content: flex-start; position: relative; border-right: none; transition: all 0.5s linear; text-transform: uppercase; } .dp_cta_sec:hover .dp_cta_call_left .dp_decore_text .et_pb_text_inner{ transition: all .3s cubic-bezier(0,0,.23,1); background-position: 0%; } .dp_cta_v3 .et_pb_promo_description h4{ font-size: 18px; line-height: 1.1em; color: #fff; margin: 10px 0px; font-weight: 700; background-color: var(--dpprofe-color-1); padding: 10px !important; border-radius: 5px; display: inline-block; width: fit-content; } .dp_cta_v3 .et_pb_promo_description p{ text-decoration: none; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, var(--dpprofe-color-1), var(--dpprofe-color-1) 50%, #fff 50%); background-size: 200% 100%; background-position: 100%; color: #0000004d; justify-content: flex-start; position: relative; border-right: none; transition: all .3s linear; text-transform: uppercase; color:transparent; } .dp_cta_v3:hover .et_pb_promo_description p{ transition: all .3s cubic-bezier(0,0,.23,1); background-position: 0%; } /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ /* ----------------------------------- 27 Tab Control CSS -------------------------------------*/ .dp_tab_v1 {} /*Tabs Title Css*/ .dp_tab_v1 .et_pb_tabs_controls{} .dp_tab_v1 .et_pb_tabs_controls li {} .dp_tab_v1 .et_pb_tabs_controls li.et_pb_tab_active a{} .dp_tab_v1 .et_pb_tabs_controls li a{} /*Tabs Content Css*/ .dp_tab_v1 .et_pb_all_tabs{} .dp_tab_v1 .et_pb_all_tabs .et_pb_tab{} .dp_tab_v1 .et_pb_all_tabs .et_pb_tab.et-pb-active-slide{} .dp_tab_v1 .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {} /* ----------------------------------- Pricing Toggle CSS -------------------------------------*/ /*---Pricing Toggle CSS Start ---*/ [class*="dp_pricing_tab_content_"].dp_active { opacity: 1; -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; -o-transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease; visibility: visible; display: block !important; } [class*="dp_pricing_tab_content_"].dp_active { opacity: 1; -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; -o-transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease; visibility: visible; display: block !important; } [class*="dp_pricing_tab_content_"] { opacity: 0; -webkit-transition: opacity .4s ease, -webkit-transform .4s ease; -o-transition: opacity .4s ease, transform .4s ease; transition: opacity .4s ease, transform .4s ease; visibility: hidden; display: none !important; } [class*="dp_pricing_tab_content_"].dp_animateddp_animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .dp_pricing_tab_blurb .et_pb_blurb_container .et_pb_module_header, .dp_pricing_tab_blurb .et_pb_blurb_container .et_pb_blurb_description { transition: all 0.4s; } .dp_pricing_tab_blurb:hover .et_pb_blurb_container .et_pb_module_header, .dp_pricing_tab_blurb:hover .et_pb_blurb_container .et_pb_blurb_description, [id*="dp_pricing_tab_"].dp_pricing_tab_blurb.dp_active .et_pb_blurb_container .et_pb_module_header, [id*="dp_pricing_tab_"].dp_pricing_tab_blurb.dp_active .et_pb_blurb_container .et_pb_blurb_description { color: #fff; } .dp_pricing_tab_blurb:hover, [id*="dp_pricing_tab_"].dp_pricing_tab_blurb.dp_active { background-color: var(--px-color-1); transform: translateY(8px); } .dp_pricing_tab_blurb { position: relative; overflow: visible !important; background-color: #fff; transition: all 0.4s; z-index: 1; } .dp_pricing_tab_blurb:before { content: ''; position: absolute; height: 10px; width: 10px; background: #fff; right: 0; left: 0; margin: auto; bottom: -5px; transform: rotate(45deg); z-index: -1; transition: all 0.4s; } .dp_pricing_tab_blurb:hover:before, [id*="dp_pricing_tab_"].dp_pricing_tab_blurb.dp_active:before { background: var(--px-color-1); } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: translateY(0) } } .dp_animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @media only screen and (max-width: 479px) { .dp_pricing_tab_btn_column { display: block !important; } } /* ----------------------------------- Slide In (Popup) CSS Start Here ----------------------------------- */ /* Demo Popup CSS */ .dpprofe_slide_In_demo .et_pb_button_wrapper .et_pb_button { background-color: var(--dpprofe-color-1) !important; } /* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */ body:not(.et-fb) .dpprofe-popup-wrapper .dpprofe-popup-content { position: fixed; z-index: 990; top: 0; right: 0; bottom: 0; left: 0; transition: all .5s cubic-bezier(.14, .06, .41, 1.39); opacity: 0; visibility: hidden; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content { opacity: 1; visibility: visible; } /* Allow the content inside the popup wrapper to scroll */ .dpprofe-popup-inside { height: 100%; overflow-y: scroll; } /* Prevent Body from Scrolling when Popup is visible */ body.dpprofe-noscroll { overflow-y: scroll; } /* Center Align Popup Content inside the Section */ .dpprofe-popup-content { display: block; } .dpprofe-popup-content .et_pb_row { margin-top: 0; margin-bottom: 0; } /* Adjust the position of the popup overlay for admin bar */ @media (min-width:600px) and (max-width:782px) { body:not(.et-fb).admin-bar .dpprofe-popup-wrapper { top: 46px; } } @media (min-width:783px) { body:not(.et-fb).admin-bar .dpprofe-popup-wrapper { top: 32px; } } /* Mave the popup on top of other elements */ .et_builder_inner_content.popup-is-visible { z-index: 99999; } /* Add a hand cursor to the close trigger element */ .dpprofe-popup-close { cursor: pointer; } /*Slide In Css Start Here*/ .dpprofe_slidein { overflow: visible !important; } .dpprofe_slidein:after { content: ""; position: absolute; bottom: 40px; left: 10px; width: calc(100% - 20px); height: 80%; background-color: var(--dpprofe-color-1); border-radius: inherit; z-index: -1; transition: all 0.2s; opacity: 0; } .dpprofe_slidein .et_pb_button_module_wrapper { background: #fff; padding-bottom: 15px; } .dpprofe_slidein:hover:after { bottom: -15px; transition: all 0.2s; opacity: 1; } .dpprofe_feature_info .et_pb_main_blurb_image { margin-bottom: 20px; } .dpprofe_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--dpprofe-color-1); } .dpprofe_feature_info .et_pb_module_header span { color: var(--dpprofe-color-1); } .dpprofe_scale_in .dpprofe_contact .et_contact_bottom_container { margin-top: 10px; margin-right: 10px; } /* Icon CSS */ .dpprofe_icon_bar { padding: 0px !important; background: var(--dpprofe-color-1) !important; border-radius: 5px; border: 2px solid #e4e7ee; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; } .dpprofe_icon_bar:after { padding: 7px 15px 7px 9px; display: block; position: relative; /* -webkit-transition: all 0.5s ease; */ color: #fff !important; font-size: 20px !important; } .dpprofe_icon_bar:before { content: ""; position: absolute; width: 38px; height: 38px; border-radius: 5px; background: var(--dpprofe-color-1); border-radius: 5px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; ; display: block !important; } .dpprofe_icon_bar:hover { background: var(--dpprofe-color-2) !important; } .dpprofe_icon_bar:hover:before { width: 100%; height: 100%; } .dpprofe_icon_bar.dpprofe_h_popup_icon_v2:after { padding: 0px 5px; } /*Popup Overlay Css Move Up Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_move_up { transform: translateY(100%); transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_move_up { transform: translateY(-30px); } .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap { position: relative; height: 40px; width: 40px; background-color: #fff; border-radius: 5px; display: flex; justify-content: center; align-items: center; transition: all 0.4s; } .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap:before { content: ''; position: absolute; height: 10px; width: 10px; background: #fff; right: -5px; top: 15px; transform: rotate(45deg); transition: all 0.4s; } .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap .et-pb-icon { color: var(--dpprofe-color-1); transition: all 0.4s; } .dpprofe-popup-content .dpprofe_footer_info:hover .et_pb_image_wrap { background-color: var(--dpprofe-color-1); } .dpprofe-popup-content .dpprofe_footer_info:hover .et_pb_image_wrap:before { background: var(--dpprofe-color-1); } .dpprofe-popup-content .dpprofe_footer_info:hover .et_pb_image_wrap .et-pb-icon { color: #fff; } .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap img { width: 23px; border-radius: 0px; } .dpprofe-popup-content .dpprofe_footer_info .et_pb_blurb_container { vertical-align: middle; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon { background-color: #fff !important; transition: all 0.4s; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon:hover { background-color: var(--dpprofe-color-1) !important; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon:before { color: var(--dpprofe-color-1); transition: all 0.4s; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon:hover:before { color: #fff; } /*Popup Overlay Css Move Down Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_move_downup { transform: translateY(-100%); transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_move_downup { transform: translateY(0%); } /*Popup Overlay Css Move right Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_slide_right { transform: translateX(-100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_slide_right { transform: translateX(0%); } /*Popup Overlay Css Move Left Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_slide_left { transform: translateX(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_slide_left { transform: translateX(0%); } /* Add Row animation when popup is triggered */ .dpprofe-popup-close .et_pb_icon_wrap { background-color: var(--dpprofe-color-1) !important; transition: all 0.8s; } .dpprofe-popup-close:hover .et_pb_icon_wrap { background-color: var(--dpprofe-color-2) !important; } .dpprofe-popup-close .et_pb_icon_wrap .et-pb-icon { color: #fff !important; transition: all 0.8s; } .dpprofe-popup-close:hover .et_pb_icon_wrap .et-pb-icon { transform: rotate(180deg); } /*.dpprofe-popup-wrapper.popup-is-visible .et_pb_row:not(.dpprofe-popup-close)*/ .dpprofe-popup-wrapper.popup-is-visible .dpprofe_scale_in { animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both; animation-delay: .5s; } /*Popup Overlay Css Move Up Start Here*/ body:not(.et-fb) .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_move_up { top: unset; min-height: auto; right: 20px; } .dpprofe-popup-wrapper .dpprofe_move_up { transform: translateY(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_move_up { transform: translateY(-30px); } .dpprofe_move_up .dpprofe_footer_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { opacity: 1 !important; animation: none !important; } /*Popup Overlay Css Move Down Start Here*/ .dpprofe-popup-wrapper .dpprofe_move_downup { transform: translateY(-100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_move_downup { transform: translateY(0%); } /*Popup Overlay Css Slide Right Start Here*/ .dpprofe-popup-wrapper .dpprofe_slide_right { transform: translateX(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_slide_right { transform: translateX(0%); } /*Popup Overlay Css Slide left Here*/ .dpprofe-popup-wrapper .dpprofe_slide_left { transform: translateX(0%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } /* ----------------------------------- Slide In (Popup) CSS End Here ----------------------------------- */ /* ----------------------------------- breadcrumbs CSS -------------------------------------*/ /* breadcrumbs */ #dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;} #dpprof_breadcrumbs{overflow:hidden;text-align:center;list-style:none;margin:0px;padding: 0;} #dpprof_breadcrumbs li{margin-right:14px;display:inline-block;vertical-align:middle;} #dpprof_breadcrumbs a{color :var(--dpprofe-color-1);font-size: 18px;} #dpprof_breadcrumbs .bread-home:before{content:'\e009';font-family:ETmodules; font-size: 18px; margin-right: 8px;} #dpprof_breadcrumbs .item-current{color :var(--white);font-size: 18px;} /* ----------------------------------- hamburger menu CSS -------------------------------------*/ /* 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 CSS -------------------------------------*/ /*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 CSS -------------------------------------*/ /********** 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:102vw; min-height:100vh; top:-15px !important; left:-5vw !important; position: absolute !important; } .et_divi_100_mm_m_style2 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: translateY(-110%); -webkit-transform: translateY(-110%); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out!important; visibility:hidden; } .et_divi_100_mm_m_style2 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform:translateY(-10px); -webkit-transform: translateY(-10px); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out; visibility:visible; } .et_divi_100_mm_m_style2 .et_mobile_menu li a{ text-align:center; padding-left:0px!important; background:transparent!important; } .et_divi_100_mm_m_style2 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style2 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--black) !important; font-weight: inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style2 .mobile_menu_bar{ /*top: 5px; /*padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (max-width: 980px){ .et_divi_100_mm_m_style2 .et_mobile_menu li ul{padding-left: 0;} .et_divi_100_mm_m_style2 .et_mobile_menu li li{padding-left: 0;} .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px !important;} } @media all and (max-width: 600px){ .et_divi_100_mm_m_style2 .et_mobile_menu{left:-7vw !important;} } @media all and (max-width: 430px){ .et_divi_100_mm_m_style2 .et_mobile_menu{left:-8vw !important;} } @media all and (max-width: 370px){ .et_divi_100_mm_m_style2 .et_mobile_menu{left:-10vw !important;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style2.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style2 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style3************/ .et_divi_100_mm_m_style3{overflow-x: hidden;} .et_divi_100_mm_m_style3 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Mobile Menu*/ .et_divi_100_mm_m_style3 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left:0px!important; padding-right:0px!important; z-index: 9998 !important; width: 100% !important; /* 80% to 100% */ min-width: 200px; left: auto!important; max-width: 350px; right: -5vw; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style3 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style3 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out; } .et_divi_100_mm_m_style3 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style3 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style3 .mobile_nav .menu-item-has-children > a { background: transparent!important; color:var(--black)!important; font-weight:inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style3 .mobile_menu_bar{ /*top: 15px; padding:0; position: absolute;*/ right:-10px; z-index: 10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (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 !important;} } @media all and (max-width: 600px){ .et_divi_100_mm_m_style3 .et_mobile_menu{right:-7vw !important;} } @media all and (max-width: 430px){ .et_divi_100_mm_m_style3 .et_mobile_menu{right:-8vw !important;} } @media all and (max-width: 370px){ .et_divi_100_mm_m_style3 .et_mobile_menu{right:-10vw !important;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style3.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 30px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style3 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style3 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style4************/ .et_divi_100_mm_m_style4{overflow-x: hidden;} .et_divi_100_mm_m_style4 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Divi Mobile Menu*/ .et_divi_100_mm_m_style4 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left: 0px!important; padding-right: 0px!important; z-index: 9998 !important; width: 100% !important;/* 80% to 100% */ min-width: 200px; right: auto!important; max-width: 350px; left:-4vw !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 !important;} } @media all and (max-width: 767px){ .et_divi_100_mm_m_style4 .et_mobile_menu{left:-5vw !important;} } @media all and (max-width: 600px){ .et_divi_100_mm_m_style4 .et_mobile_menu{left:-7vw !important;} } @media all and (max-width: 430px){ .et_divi_100_mm_m_style4 .et_mobile_menu{left:-9vw !important;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style4.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style4 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style4 #page-container span.menu-closed.menu-open:before { content: "\4d"; } .dp_marquee_text{animation: marquee 15s linear infinite;} @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .dp_shop_promotion_v1 .dp_shop_promotion_col_right .dp_promotion_image{animation: fadeInLeft 3s infinite;;} @keyframes fadeInLeft { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } .dp_shop_promotion_v1 .dp_shop_promotion_col_right .dp_promotion_image .et_pb_image_wrap img{height: 250px;width: 200px;object-fit:cover;} .dp_top_collection_v1 .dp_top_collection_col_1{display:flex!important;justify-content:center;align-items:center;} .dp_promotion_v1 .dp_promotion_col{background-size: 140%;transition:all 0.4s linear;} .dp_promotion_v1 .dp_promotion_col:hover{background-size: 150%;} .dp_promotion_column1 .et_pb_image_wrap,.dp_promotion_column1 .et_pb_image_wrap img{height:100% !important;transition: all 0.4s linear;object-fit:cover;width:100% !important;} .dp_promotion_column1:hover .et_pb_image_wrap img{transform:scale(1.2);} @media only screen and (max-width: 767px){ .dp_promotion_column1 .et_pb_image_wrap img{height:400px !important; transition: all 0.4s linear;object-fit:cover;} } @media only screen and (max-width: 980px){ .dp_promotion_v1 .dp_promotion_col_1{display:block!important;padding-top:100px;} .dp_top_collection_v1 .dp_top_collection_col_1{padding:150px 0px!important;} .dp_promotion_v1 .dp_promotion_col{display:block !important;} } .dp_top_collection_col_1 .dp_top_collection_cta_text .et_pb_text_inner{ text-decoration: none; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, var(--dpprofe-color-1), var(--dpprofe-color-1) 50%, #0000004d 50%); background-size: 200% 100%; background-position: 100%; color: #0000004d; justify-content: flex-start; position: relative; border-right: none; transition: all .3s linear; text-transform: uppercase; } .dp_top_collection_col_1:hover .dp_top_collection_cta_text .et_pb_text_inner{transition: all .3s cubic-bezier(0,0,.23,1);background-position: 0%;} /*tippy tooltip*/ .tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}