/* Theme Name: Divi Car Rental Child Theme Theme URI: https://divi-professional.com/ Description: Divi Car Rental Theme is a sleek, modern, and highly functional Divi child theme designed specifically for car rental agencies, vehicle hire services, travel companies, taxi & cab booking services, and automotive rental businesses. Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS --------------------------------------------------------*/ /* car single */ .dp_car_single_blurb .et_pb_blurb_content .et_pb_blurb_container{ display:flex; align-items:center; } .dp_car_single_img_col1 .slick-list .et_pb_image{ margin-bottom:0px !important; } .dp_car_single_img_col1 .slick-dots{ /* padding:0px; bottom:-45px; */ } .dp_car_single_img_col1 .slick-dots li button::before { content: "" !important; height: 5px; width: 10px; background-color:#fff; border-radius: 30px; opacity:1; } .dp_car_single_img_col1 .slick-dots li.slick-active button::before { width: 25px; } @media only screen and (max-width: 600px){ .dp_grid_col1{ margin-top: 30px; display: grid !important; grid-template-columns: repeat(1, 1fr) !important; grid-gap: 20px; } } .dp_grid_col1{ margin-top: 30px; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; } .dp_step_img1 .et_pb_image_wrap img{ object-fit:cover; } /* ----------------------------------- select Vehical css -------------------------------------*/ .dp_vahical_blurb .et_pb_blurb_content .et_pb_blurb_container{ display: flex; align-items: center; justify-content: space-between; } .dp_vahical_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding-bottom:0px; } .dp_Vehical_faq .et_pb_toggle .et_pb_toggle_title::before{ content: "\27"; display: block !important; font-size: 20px; color: #fff; border-radius: 50px; background: var(--dpprofe-color-1); padding: 5px; } .dp_vehical_blurb2 .et_pb_blurb_content .et_pb_blurb_container{ display:flex; } /* ----------------------------------- 01. General Class CSS -------------------------------------*/ .dp_btn, .dp_cta_v3 .et_pb_button , .dp_CTA_v1 .et_pb_button{ position: relative; padding: 15px 30px !important; z-index: 1; border-radius: 50px; border: 0px solid var(--dpprofe-color-2) !important; transition: all 0.5s ease; font-size: 18px !important; line-height: 18px !important; font-weight: 400; background-color: var(--dpprofe-color-1); color: #fff; } .dp_btn:hover, .dp_cta_v3 .et_pb_button:hover, .dp_CTA_v1:hover .et_pb_button{ box-shadow:0px 0px 0px .2rem var(--dpprofe-color-2); background-color: var(--dpprofe-color-2) !important; color:#fff !important; } .dp_btn:after, .dp_cta_v3 .et_pb_button:after, .dp_CTA_v1 .et_pb_button:after{ display:none; } /*---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; } /* ----------------------------------- hero Section CSS -------------------------------------*/ .dp_hero_titlev1 .et_pb_text_inner .dp_hero_title, .dp_hero_titlev1 .et_pb_text_inner .dp_hero_title2{ color: var(--dpprofe-color-1); margin-left:55px; } .dp_hero_titlev1 .et_pb_text_inner .dp_hero_title:before{ content: " "; width: 40px; height: 40px; position: absolute; background: linear-gradient(45deg, rgb(255 255 255 / 40%), transparent); background-color: var(--dpprofe-color-3); border-radius: 50%; top: 10px; left: 52%; right: auto; bottom: auto; } .dp_hero_titlev1 .et_pb_text_inner .dp_hero_title2:after{ content: " "; width: 40px; height: 40px; position: absolute; background: linear-gradient(45deg, rgb(255 255 255 / 40%), transparent); background-color: var(--dpprofe-color-1); border-radius: 50%; top: 85px; left: 30%; right: auto; bottom: auto; } .dp_hero_blurbv1 .et_pb_blurb_container{ vertical-align:middle; } .dp_hero_blurbv1 .et_pb_blurb_container .et_pb_module_header{ padding-bottom:0px; } /*.dp_hero_col2 .dp_hero_img_main{ display: flex; width: 100%; margin: 0 auto; margin-top:-60px; }*/ body .dp_hero_col2 .dp_hero_img_main .dp_gero_img4,body .dp_hero_col2 .dp_hero_img_main .dp_gero_img3,body .dp_hero_col2 .dp_hero_img_main .dp_gero_img2{ margin-left:-31px !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /*---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 {} .dp_header_v1 .nav li ul.sub-menu, .dp_header_v1 .et_pb_menu .et_pb_menu__wrap .nav li ul.sub-menu{ border:none; border-radius:20px; } .dp_header_v1 .et_pb_menu__menu .et-menu li ul.sub-menu li a:before { content: ""; position: absolute; left: 0px; width: 11px; height: 12px; top: 8px; border-radius: 50%; z-index: -1; opacity: 0; transition: all 0.4s; } .dp_header_v1 .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu li a:after{ top:0 !important; } .dp_header_v1 .et_pb_menu__menu .et-menu li ul.sub-menu li a:hover:before { background-color:var(--dpprofe-color-3); opacity: 1; } .dp_header_v1 .et_pb_menu__menu .et-menu li ul.sub-menu li{ padding:10px 25px; } .dp_header_v1 .et_pb_menu__menu .et-menu li ul.sub-menu li a:hover { padding-left: 20px; } .dp_header_v1 .et_pb_menu__menu .et-menu li ul.sub-menu li a { padding: 0px; position: relative; background-color: transparent; opacity:1 !important; transition: all 0.4s; } .dp_header_v1 .et_pb_menu__wrap .et_mobile_nav_menu .et_mobile_menu .menu-item-has-children>a{ font-weight:400; } .dp_header_v1.dp_mobile_menu .et_pb_menu_inner_container .et_pb_menu__wrap{ justify-content:end; } .dp_header_v1.dp_mobile_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu{ border-top: 3px solid var(--dpprofe-color-1) !important; } body.et_divi_100_custom_hamburger_menu .et_divi_100_custom_hamburger_menu__icon div{ background:var(--dpprofe-color-1) !important; } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ .dp_footer_emial_option { max-width: 500px; width: 100%; margin: auto; padding:0px; } .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 { height: 100%; display: flex !important; justify-content: center; align-items: center; padding:10px 20px !important; border:0px !important; border-radius: 0px !important; background-color:var(--dpprofe-color-1) !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:18px !important; } .dp_footer_emial_option .et_pb_newsletter_form .et_pb_newsletter_fields .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after { display:none; } .dp_footer_v1 .et_pb_menu__menu .et-menu-nav .et-menu{ display:block; } @media only screen and (max-width: 980px){ .dp_footer_v1 .et_pb_menu__wrap .et_pb_menu__menu{ display:block !important; } .dp_footer_v1 .et_pb_menu__wrap .et_mobile_nav_menu{ display:none; } .dp_footer_v1 .et_pb_menu__wrap{ justify-content:start; } .dp_footer_emial_option{ max-width:100%; } } /*---Footer Common Info Css---*/ .dp_footer_title {} .dp_footer_blurb_info {} .dp_footer_links {} .dp_footer_social {} /*---Footer v1 CSS---*/ .dp_footer_v1 {} /*---Footer v2 CSS---*/ .dp_footer_v2 {} /*---Footer v3 CSS---*/ .dp_footer_v3 {} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .dp_sidebar {} .dp_sidebar .widgettitle {} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ .dp_blog_v1 > div article ~ div:last-child { grid-column: 1 / -1; } .dp_blog_v1 .et_pb_post .post-meta a[rel="tag"]:before { content: "\e078"; font-family: ETMODULES; color: var(--dpprofe-color-1); font-weight: bold; margin-right: 4px; } .dp_blog_v1 .et_pb_post .author a[rel="author"]:before{ content: "\e08a"; font-family: ETMODULES; color: var(--dpprofe-color-1); font-weight: bold; margin-right: 4px; } .dp_blog_v1 .et_pb_post .post-meta .published:before{ content: "\e023" !important; font-family: ETMODULES; /* color:var(--dpprofe-color-1); */ font-weight: bold; margin-right: 5px; } /*---Blog Grid CSS & 3 Columns CSS ---*/ .dp_blog_v1 .et_pb_post { } .dp_blog_v1 > div article ~ div:last-child { grid-column: 1 / -1; } /*---Image CSS---*/ .dp_blog_v1 .et_pb_post .et_pb_image_container {} .dp_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url {} .dp_blog_v1 .et_pb_post .entry-featured-image-url img { border-radius:30px; border-radius: 30px; aspect-ratio: 3 / 2; object-fit: cover; } .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 { font-size: 22px; color: var(--dpprofe-color-1); text-transform: capitalize; } /*---Post Meta CSS---*/ .dp_blog_v1 .et_pb_post .post-meta .published { position: absolute; display: flex; align-items: center; justify-content: center; bottom: -55px; left: 0; width: fit-content; height: fit-content; border-radius: 50px; padding: 10px; background: var(--dpprofe-color-1); color: #ffffff; font-size: 16px; } .dp_blog_v1 .et_pb_post .post-meta{ color: var(--dpprofe-color-1); } .dp_blog_v1 .et_pb_post .post-meta a{} /*---Blog Desc CSS---*/ .dp_blog_v1 .et_pb_post .post-content {} .dp_blog_v1 .et_pb_post .post-content .post-content-inner{} /*---Read More Button CSS---*/ .dp_blog_v1 .et_pb_post .post-content .more-link{ background: var(--dpprofe-color-1); color: #fff; font-size: 18px; width: fit-content; border-radius: 50px; padding: 10px; height: fit-content; } /*---Pagination Button CSS---*/ .dp_blog_v1 .pagination .alignleft, .dp_blog_v1 .pagination .alignright, .dp_portfolio_v1 .pagination .alignleft, .dp_portfolio_v1 .pagination .alignright{ margin-top:20px; } .dp_blog_v1 .pagination .alignleft a, .dp_blog_v1 .pagination .alignright a, .dp_portfolio_v1 .pagination .alignleft a, .dp_portfolio_v1 .pagination .alignright a{ color: #fff ; position: relative; padding: 15px 20px !important; z-index: 1; border-radius: 50px; border: 0px solid var(--dpprofe-color-2) !important; transition: all 0.5s ease; font-size: 18px !important; line-height: 18px !important; font-weight: 400; background-color: var(--dpprofe-color-1); color: #fff !important; } .dp_blog_v1 .pagination .alignleft a:hover, .dp_blog_v1 .pagination .alignright a:hover, .dp_portfolio_v1 .pagination .alignleft a:hover, .dp_portfolio_v1 .pagination .alignright a:hover{ box-shadow:0px 0px 0px .2rem var(--dpprofe-color-2); background-color: var(--dpprofe-color-2) !important; } /*---Blog Grid 2 Columns CSS---*/ .dp_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } /*---Blog Grid 4 Columns CSS---*/ .dp_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); } /*---Blog Grid 4 Columns CSS---*/ .dp_blog_grid_3_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 980px){ .dp_blog_grid_4_col .et_pb_ajax_pagination_container, .dp_blog_grid_3_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 30px; grid-template-columns:repeat(2,1fr)!important; } .dp_blog_v1 .et_pb_post{ margin-bottom:60px; } } @media only screen and (max-width:767px){ .dp_blog_grid_4_col .et_pb_ajax_pagination_container, .dp_blog_grid_2_col .et_pb_ajax_pagination_container, .dp_blog_grid_3_col .et_pb_ajax_pagination_container{ grid-template-columns:repeat(1,1fr)!important; } } /* Blog Listing CSS */ .dp_blog_list .et_pb_post{ display: flex; gap: 20px; margin-bottom: 10px; } .dp_blog_list .et_pb_post .entry-featured-image-url img{ height: 100%; } .dp_blog_list .et_pb_post .post-meta{ position:relative; } .dp_blog_list .et_pb_post .entry-featured-image-url{ width:35%; } .dp_blog_list .et_pb_post .dp_blog_v1_info{ width:65%; } .dp_blog_list .et_pb_post .post-meta .published{ position: unset; display:block; width: fit-content; border-radius: 50px; padding: 10px; background: var(--dpprofe-color-1); color: #ffffff; font-size: 16px; margin-bottom: 10px; } @media only screen and (max-width:980px){ .dp_blog_list .et_pb_post{ display:block; margin-bottom:50px; } .dp_blog_list .et_pb_post .dp_blog_v1_info, .dp_blog_list .et_pb_post .entry-featured-image-url{ width:100%; } } /* Blog Category CSS */ .dp_blog_category {} /* Blog Tags CSS */ .dp_blog_tages {} /* Blog Author CSS */ .dp_blog_author {} /* Blog Single Page CSS */ .dp_blog_single {} .dp_nevigation_btn{ width:100% !important; } .dp_nevigation_btn a, .dp_post_comment .et_pb_button, .dp_post_comment #comment-wrap .comment-respond .comment-form .form-submit .et_pb_button, .dp_post_comment #comment-wrap .commentlist .comment .comment-body .comment_area .comment-content .et_pb_button{ position: relative; padding: 15px 30px; z-index: 1; border-radius: 50px; border: 0px solid var(--dpprofe-color-2) !important; transition: all 0.5s ease; font-size: 18px !important; line-height: 18px !important; font-weight: 400; background-color: var(--dpprofe-color-1); color: #fff; width:fit-content; } .dp_nevigation_btn a:hover, .dp_post_comment .et_pb_button:hover, .dp_post_comment #comment-wrap .comment-respond .comment-form .form-submit .et_pb_button:hover, .dp_post_comment #comment-wrap .commentlist .comment .comment-body .comment_area .comment-content .et_pb_button:hover{ box-shadow:0px 0px 0px .2rem var(--dpprofe-color-2); background-color: var(--dpprofe-color-2) !important; color:#fff !important; } .dp_blog_detail_meta_content .et_pb_title_container .et_pb_title_meta_container .author, .dp_blog_detail_meta_content .et_pb_title_container .et_pb_title_meta_container .published, .dp_blog_detail_meta_content .et_pb_title_container .et_pb_title_meta_container .comments-number{ padding:0px 20px 0px 0px; } .dp_blog_detail_meta_content .et_pb_title_meta_container .author a[rel="author"]:before { content: "\e08a"; font-family: ETMODULES; color:var(--dpprofe-color-1); font-weight: bold; margin-right: 5px; } /* date icon */ .dp_blog_detail_meta_content .et_pb_title_meta_container .published:before { content: "\e023"; font-family: ETMODULES; color:var(--dpprofe-color-1); font-weight: bold; margin-right: 5px; } /* category icon */ .dp_blog_detail_meta_content .et_pb_title_meta_container a[rel="category tag"]:before{ content: "\e078"; font-family: ETMODULES; color:var(--dpprofe-color-1); font-weight: bold; margin-right: 5px; } .dp_blog_detail_title .et_pb_title_featured_container .et_pb_image_wrap img{ border-radius:30px; } /* blog detail */ .dp_blog_sidebar .widget_categories a:hover{ color:var(--dpprofe-color-1) !important; } .dp_blog_sidebar .tagcloud a:hover{ background-color:var(--dpprofe-color-2) !important; } .dp_blog_sidebar{ border-right:none; padding-right:0px; } .dp_blog_sidebar .et_pb_widget { background-color:var(--dpprofe-color-4); border-radius:30px; padding:30px; margin-bottom:30px !important; width:100%; } .dp_blog_sidebar .widget_search #s{ border-radius:6px; margin-top:10px; } .dp_blog_sidebar .widget_search input#searchsubmit{ background-color:var(--dpprofe-color-1); color:#ffffff; border-radius:0px 6px 6px 0px; margin-top:10px; } .dp_blog_sidebar .et_pb_widget .widgettitle, .dp_blog_heading .et_pb_heading_container .et_pb_module_heading{ font-size: 22px; line-height: 22px; color: var(--dpprofe-color-1); } .dp_blog_sidebar .et_pb_widget ul li a{ background-color: #fff; padding: 10px; width: 100%; display: block; transition:0.4s all; } .dp_blog_sidebar_list .et_pb_post .entry-featured-image-url:after{ width: 40px; height: 40px; position: absolute; border-radius: 50%; content: ""; background-color: var(--dpprofe-color-2); top: 17px; left: 13px; display: block; transition: all 0.3s ease 0s; opacity: 1; z-index: -1; margin: 0px !important; } .dp_blog_sidebar_list .et_pb_post:hover .entry-featured-image-url:after{ width: 100%; height: 100%; position: absolute; border-radius: 4px; content: ""; background-color: var(--dpprofe-color-2); top: 0; left: 0; z-index: -1; opacity:1; } .dp_blog_sidebar .et_pb_widget .tagcloud .tag-cloud-link{ background-color: var(--dpprofe-color-1); color: #ffffff; border-radius: 10px; padding: 10px; margin: 10px 5px; text-transform: capitalize; display: inline-block; transition: all 0.5s linear; } .dp_blog_sidebar_list .entry-featured-image-url { width: 100px; float: left; border-radius:50%; margin-bottom: 0!important; } .dp_blog_sidebar_list .entry-featured-image-url img{ } .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: 100px; 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:30px; } .dp_blog_sidebar_list .et_pb_post:not(:last-child) { padding-bottom: 20px; margin-bottom: 0px; border-radius:0px 0px 6px 6px; } @media only screen and (min-width:981px) and (max-width:1100px){ .dp_blog_sidebar_list .entry-featured-image-url{ float: none; margin-bottom: 10px !important;} .dp_blog_sidebar_list .entry-title, .dp_blog_sidebar_list .post-meta{ float: none; width: 100%; padding-left: 0;}} .dp_blog_sidebar .et_pb_widget ul li{ margin-bottom:15px; } .dp_blog_detail_tag .et_pb_blurb_content .et_pb_module_header{ display:inline-block; } .dp_blog_detail_tag .et_pb_blurb_content .et_pb_blurb_description{ display:inline-block; } .dp_blog_detail_tag .et_pb_blurb_content .et_pb_blurb_description a{ transition:all 0.5s linear; background-color:var(--dpprofe-color-1); color:#ffffff; border-radius:6px; padding:10px; } .dp_blog_detail_tag .et_pb_blurb_content .et_pb_blurb_description a:hover{ background-color:var(--dpprofe-color-2); transition:all 0.5s linear; color:#fff; } .dp_blog_detail_tag .et_pb_blurb_content{ max-width:100%; } /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ .dp_portfolio_v1 .pagination { grid-column: 1 / -1; margin-top:15px; } /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .dp_portfolio_v1 .et_pb_portfolio_item { padding: 30px; border: 1px solid #d1d1d1; border-radius: 30px; } /* Image Css */ .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {} .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { border-radius:30px; } /* 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 { font-size: 22px; color: var(--dpprofe-color-1); text-transform: capitalize; order: 2; padding-bottom: 0px; } .dp_portfolio_v1 .project .dp_portfolio_v1_info{ display:flex; flex-direction:column; } /* Category Post Meta Css */ .dp_portfolio_v1 .et_pb_portfolio_item .post-meta {margin-top:15px;} .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; } .dp_portfolio_4_col .et_pb_portfolio_items, .dp_portfolio_4_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 25px; } @media only screen and (max-width:980px){ .dp_portfolio_3_col .et_pb_portfolio_items, .dp_portfolio_3_col .et_pb_ajax_pagination_container , .dp_portfolio_4_col .et_pb_portfolio_items, .dp_portfolio_4_col .et_pb_ajax_pagination_container{ grid-template-columns:repeat(2,1fr) !important; } } @media only screen and (max-width:480px){ .dp_portfolio_2_col .et_pb_portfolio_items, .dp_portfolio_2_col .et_pb_ajax_pagination_container, .dp_portfolio_3_col .et_pb_portfolio_items, .dp_portfolio_3_col .et_pb_ajax_pagination_container , .dp_portfolio_4_col .et_pb_portfolio_items, .dp_portfolio_4_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 1fr) !important; } } /*---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 {} .dp_project_img .et_pb_title_featured_container .et_pb_image_wrap img{ border-radius:30px; } .dp_nevigation_btn a{ position: relative; padding: 15px 30px !important; z-index: 1; border-radius: 50px; border: 0px solid var(--dpprofe-color-2) !important; transition: all 0.5s ease; font-size: 18px !important; line-height: 18px !important; font-weight: 400; background-color: var(--dpprofe-color-1); color: #fff; } .dp_nevigation_btn a:hover{ box-shadow:0px 0px 0px .2rem var(--dpprofe-color-2); background-color: var(--dpprofe-color-2) !important; color:#fff !important; } /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .dp_services_v1 .et-pb-icon{width: 80px; height: 80px; line-height: 80px;} /*---Services v2 CSS---*/ .dp_services_v2 {} /*---Services Single Page CSS---*/ .dp_services_single {} .dp_service_col1 .et_pb_button_module_wrapper{ padding: 15px 15px 0 15px; margin-bottom: 0px !important; line-height: 0px; } .dp_service_col1_btn{ background-color:var(--dpprofe-color-4);border-radius:30px;padding-bottom:15px; } .dp_service_col1_heading .et_pb_heading_container .et_pb_module_heading{ padding-bottom:0px; } .dp_service_single_blurb .et_pb_blurb_content .et_pb_blurb_container { vertical-align:middle; } .dp_service_single_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ padding-bottom:0px; } /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .dp_contact_v1 {} /*---Contact Message CSS---*/ .dp_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .dp_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p input, .dp_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field , .dp_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field p textarea {} /*---Button CSS---*/ .dp_contact_v1 .et_contact_bottom_container{float:none;padding: 0 0 0 3%;} .dp_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {} .dp_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover {} .dp_contact_v1 .et_contact_bottom_container .et_pb_button{ position: relative; padding: 15px 30px !important; z-index: 1; border-radius: 50px; border: 0px solid var(--dpprofe-color-2) !important; transition: all 0.5s ease; font-size: 18px !important; line-height: 18px !important; font-weight: 400; background-color: var(--dpprofe-color-1); color: #fff; } .dp_contact_v1 .et_pb_button:hover{ box-shadow:0px 0px 0px .2rem var(--dpprofe-color-2); background-color: var(--dpprofe-color-2) !important; color:#fff !important; } .dp_contact_v1 .et_pb_button:after{ display:none; } /*---Contact Us v2 CSS---*/ .dp_contact_v2 {} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .dp_team_v1 {} /* Image Css */ .dp_team_v1 .et_pb_team_member_image{ width: 100%; max-width: 100% !important; } .dp_team_v1 .et_pb_team_member_image img{ width: 100%; object-fit: cover; border-radius: 30px; aspect-ratio: 3 / 4; } /* Description Css*/ .dp_team_v1 .et_pb_team_member_description{ position: absolute; left: 20px; bottom: 20px; right: 20px; background-color: #fff; padding: 20px; border-radius:5px; } .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 { margin: 0px; height: 0px; transition: all 0.4s; overflow: hidden; } .dp_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links { height: 35px; margin-top: 10px; } .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:last-child{margin-right:0 !important;} .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{ background-color:var(--dpprofe-color-1); color:#fff; border-radius:5px; width:35px; height:35px; display:flex; align-items:center; justify-content:center; } .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{background-color:var(--dpprofe-color-2);} /* 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 {} /*---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{} /*---Description CSS---*/ .dp_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {} /*---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 {} /*---Arrow CSS---*/ .dp_slider_v1 .et-pb-slider-arrows{} .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{} .dp_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{} /*---Dots Navigation CSS---*/ .dp_slider_v1 .et-pb-controllers {} .dp_slider_v1 .et-pb-controllers a {} .dp_slider_v1 .et-pb-controllers a.et-pb-active-control {} /*---Slider v2 CSS---*/ .dp_slider_v1{} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .dp_faqs_v1 {} .dp_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { content: "\27"; display: block !important; right: 20px; font-size: 20px; color: #fff; border-radius: 50px; background: var(--dpprofe-color-1); padding: 5px; margin-top: 0; transform: translateY(-50%); } .dp_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { content: "\28" !important; color:var(--dpprofe-color-1); font-size: 20px; background-color:#fff; } /*---Title CSS---*/ .dp_faqs_v1 .et_pb_toggle .et_pb_toggle_title {} /*---Title Icon CSS---*/ .dp_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {} /*---Open Title CSS---*/ .dp_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {} /*---Open Title Icon CSS--- .dp_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\e051"; font-family: ETmodules !important;} */ /*---Content CSS---*/ .dp_faqs_v1 .et_pb_toggle .et_pb_toggle_content{ padding-top:10px; } /*---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{} .dp_pricing_blurb .et_pb_blurb_content .et_pb_blurb_container{ vertical-align:middle; } .dp_pricing_blurb .et_pb_blurb_content .et_pb_module_header{ padding-bottom:0px; } /*---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 {} .dp_testimonial_v1.et_pb_testimonial {} .dp_testimonial_v1.et_pb_testimonial:before {} /*---Description---*/ .dp_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {} .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 {} /*---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"} .dp_testimonial_slider .et_pb_column.dp_testimoniyal_col{ margin-right:10px !important; } .dp_testimonial_slider .slick-dots{ bottom:-40px; } .dp_testimonial_slider .slick-dots{ padding:0px; bottom:-45px; } .dp_testimonial_slider .slick-dots li button::before { content: "" !important; height: 5px; width: 10px; background: var(--dpprofe-color-1); border-radius: 30px; } .dp_testimonial_slider .slick-dots li.slick-active button::before { width: 25px; } @media only screen and (max-width: 767px){ .dp_testimonial_slider .slick-track{display:flex;} } /*---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 {} .dp_video_iconv1 .et_pb_icon_wrap { animation: pulse-animation 2s infinite; } @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } } /* ----------------------------------- 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 {} /* ----------------------------------- 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 input[type=text], .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 -------------------------------------*/ /*---CTA v1 CSS---*/ .dp_CTA_v1 {} /*---CTA v2 CSS---*/ .dp_CTA_v2 {} /* ----------------------------------- 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_popup .et_pb_contact .et_pb_button{ position: relative; padding: 15px 30px !important; z-index: 1; border-radius: 50px; border: 0px solid var(--dpprofe-color-2) !important; transition: all 0.5s ease; font-size: 18px !important; line-height: 18px !important; font-weight: 400; background-color: var(--dpprofe-color-1); color: #fff; } .dpprofe_popup .et_pb_contact .et_pb_contact_submit.et_pb_button:hover{ box-shadow:0px 0px 0px .2rem var(--dpprofe-color-2); background-color: var(--dpprofe-color-2) !important; color:#fff; } .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:#fff; 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: left;list-style:none;margin:11px 0;padding: 0;} #dpprof_breadcrumbs li{margin-right:14px;display:inline-block;vertical-align:middle;} #dpprof_breadcrumbs a{color :var(--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:106vw; min-height:100vh; top:-15px !important; left:-10vw !important; position: absolute !important; } .et_divi_100_mm_m_style2 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: translateY(-110%); -webkit-transform: translateY(-110%); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out!important; visibility:hidden; } .et_divi_100_mm_m_style2 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform:translateY(-10px); -webkit-transform: translateY(-10px); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out; visibility:visible; } .et_divi_100_mm_m_style2 .et_mobile_menu li a{ text-align:center; padding-left:0px!important; background:transparent!important; } .et_divi_100_mm_m_style2 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style2 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--black) !important; font-weight: inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style2 .mobile_menu_bar{ /*top: 5px; /*padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (max-width: 980px){ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px !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; } .et_divi_100_mm_m_style2 .et_mobile_menu li li { padding-left:0; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style2 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style3************/ .et_divi_100_mm_m_style3{overflow-x: hidden;} .et_divi_100_mm_m_style3 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Mobile Menu*/ .et_divi_100_mm_m_style3 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left:0px!important; padding-right:0px!important; z-index: 9998 !important; width: 100% !important; /* 80% to 100% */ min-width: 200px; left: auto!important; max-width: 350px; right: -10vw; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style3 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style3 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out; } .et_divi_100_mm_m_style3 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style3 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style3 .mobile_nav .menu-item-has-children > a { background: transparent!important; color:var(--black)!important; font-weight:inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style3 .mobile_menu_bar{ /*top: 15px; padding:0; position: absolute;*/ right:-10px; z-index: 10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (max-width: 980px){ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span{right:60px !important;} } @media all and (max-width: 767px){ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span{right:30px !important;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style3.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style3 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style3 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style4************/ .et_divi_100_mm_m_style4{overflow-x: hidden;} .et_divi_100_mm_m_style4 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Divi Mobile Menu*/ .et_divi_100_mm_m_style4 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left: 50px!important; padding-right: 0px!important; z-index: 9998 !important; width: 100% !important;/* 80% to 100% */ min-width: 200px; right: auto!important; max-width: 350px; left:-10vw !important; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style4 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: left; -webkit-transform-origin: left; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style4 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin:left; -webkit-transform-origin:left; transition: .8s ease-in-out; } .et_divi_100_mm_m_style4 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style4 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style4 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--black)!important; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style4 .mobile_menu_bar{ /*top: 15px; padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style4 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } @media all and (max-width: 767px){ .et_divi_100_mm_m_style4 .et_mobile_menu{ padding-left: 25px!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"; } .gecko .et_pb_newsletter .et_pb_newsletter_field { margin-bottom: 0 !important; }