/* Theme Name: Divi Printing Press Services Child Theme Theme URI: https://divi-professional.com/ Description: DP Child Theme Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS --------------------------------------------------------*/ .px_subtitle .et_pb_text_inner h3{ text-transform:capitalize; font-size:24px; color:var(--dpprofe-color-1); } @keyframes move { 0% { left: 0; opacity: 0; } 50% { opacity: 1; } 100% { left: 100%; opacity: 0; } } @keyframes move2 { 0% { right: 0; opacity: 0; } 50% { opacity: 1; } 100% { right: 100%; opacity: 0; } } /* ----------------------------------- hero Section -------------------------------------*/ .dp_step_title{ width:fit-content; padding:10px 25px !important; background-color:unset; border:1px solid #0c0c0c; } .dp_step_title .et_pb_heading_container .et_pb_module_heading{ padding-bottom:0px !important; font-weight:200; } /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .dp_title .et_pb_heading_container .et_pb_module_heading{ width: fit-content; border: 1px solid #0c0c0c; padding: 10px; border-radius: 15px; font-weight: 300; text-transform: capitalize; font-size: 18px; line-height: 1.3em; margin:0 auto; } .dp_title{ margin-bottom:20px !important; } .dp_title2 .et_pb_heading_container .et_pb_module_heading{ border: 1px solid #D9D9D9; color:#fff; } .dp_title3 .et_pb_heading_container .et_pb_module_heading{ margin:0; border: 1px solid #D9D9D9; color:#fff; } .dp_title4 .et_pb_heading_container .et_pb_module_heading{ margin:0; } @media only screen and (max-width:980px){ .dp_title4 .et_pb_heading_container .et_pb_module_heading{ margin:0 auto; } } .dp_subtitle{} .dp_desc {} /*---Button CSS---*/ .dp_btn{ } .dp_btn:after{ display:none; } .dp_btn.light {} /*---Page Header Title CSS---*/ .dp_header_title {} /*---Breadcrumbs Title CSS---*/ .dp_b_home_link {} .dp_b_other_link {} /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.dp_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.dp_blogpagination .page-numbers.prev,.navigation.dp_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.dp_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.dp_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.dp_blogpagination a.page-numbers:hover, .navigation.dp_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.dp_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.dp_blogpagination a.page-numbers:hover {color: #fff !important; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---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_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu { padding: 30px 0px 0px 0px; box-shadow: none; border-radius:15px; border:none; background-color:var(--white) !important; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu li a { margin-bottom:10px; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu li a:hover,.dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu li.current_page_item a{ background-color:var(--dpprofe-color-2) !important; color: var(--white) !important; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav #menu-main_menu li .sub-menu ul{ padding-top:0px; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu li:first-child a{ margin-top:10px !important; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu li a{ background-color:#ffead2!important; color:#000 !important } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu .menu-item .sub-menu li ul { top: 0; } .dp_header_menu .et-menu a{ opacity:1!important; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav #menu-main_menu li a{ padding: 10px; background: var(--dpprofe-color-1); border-radius: 50px; color: #fff; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav #menu-main_menu li.menu-item-has-children a{ padding: 10px 30px 10px 10px; } .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav #menu-main_menu li a:after{ top:10px !important; right:10px !important; } .dp_header_menu .et_pb_menu__wrap .et_mobile_nav_menu .et_mobile_menu .menu-item-has-children>a{ font-weight:400; } .dp_header_menu .et_pb_menu_inner_container .et_pb_menu__wrap{ justify-content:end; } .dp_header_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; } @media only screen and (min-width:981px){ .dp_header_menu .et_pb_menu__logo-wrap{ display:none; } } @media only screen and (min-width:981px) and (max-width:1303px){ .dp_header_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu-nav #menu-main_menu li{ margin-bottom:10px; } } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---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 {} .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 30px 30px 0px !important; background-color:var(--dpprofe-color-1); } .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%; } } /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .dp_sidebar {} .dp_sidebar .widgettitle {} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ .dp_blog_detail_meta_content .et_pb_title_meta_container .author a[rel="author"]:before { content: "\e08a"; font-family: ETMODULES; color:#fff; 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:#fff; 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:#fff; font-weight: bold; margin-right: 5px; } .dp_blog_detail_meta_content .et_pb_title_container .published, .dp_blog_detail_meta_content .et_pb_title_container a{ padding:10px; background-color:var(--dpprofe-color-1); border-radius:50px; } @media only screen and (max-width: 600px){ .dp_blog_detail_meta_content .et_pb_title_container .published{ display:block !important; width:fit-content; } .dp_blog_detail_meta_content .et_pb_title_container a{ width:fit-content; } } /*---Blog Grid CSS & 3 Columns 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; } .dp_blog_v1 .et_pb_post { } /*---Image CSS---*/ .dp_blog_v1 .et_pb_post .et_pb_image_container {} .dp_blog_v1 .et_pb_post .entry-featured-image-url {} .dp_blog_v1 .et_pb_post .entry-featured-image-url img { border-radius: 30px 0px 0px 30px; height: 100%; aspect-ratio: 2 / 1; object-fit: cover; } .dp_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .dp_blog_v1 .et_pb_post .entry-title a{ font-size:24px; line-height:1.1em; text-transform:capitalize; } /*---Post Meta CSS---*/ .dp_blog_v1 .et_pb_post .post-meta .published {} .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-color: var(--dpprofe-color-1); width: fit-content; padding: 10px; border-radius: 30px; color: #fff; font-size: 18px; line-height: 18px; margin-top: 10px; transition: 0.4s all; } .dp_blog_v1 .et_pb_post .post-content .more-link:hover{ letter-spacing: 3px; background-color: var(--dpprofe-color-1) !important; color: hsl(0, 0%, 100%); box-shadow: var(--dpprofe-color-1) 0px 7px 29px 0px; } /*---Pagination Button CSS---*/ .dp_blog_v1 .pagination .alignleft, .dp_blog_v1 .pagination .alignright {} .dp_blog_v1 .pagination .alignleft a, .dp_blog_v1 .pagination .alignright a { background-color: var(--dpprofe-color-1); width: fit-content; padding: 10px; border-radius: 30px; color: #fff; font-size: 18px; line-height: 18px; margin-top: 10px; transition: 0.4s all; } .dp_blog_v1 .pagination .alignleft a:hover, .dp_blog_v1 .pagination .alignright a:hover{ letter-spacing: 3px; background-color: var(--dpprofe-color-1) !important; color: hsl(0, 0%, 100%); box-shadow: var(--dpprofe-color-1) 0px 7px 29px 0px; } /*---Blog Grid 2 Columns CSS---*/ .dp_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr); } /*---Blog Grid 3 Columns CSS---*/ .dp_blog_grid_3_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); } .dp_blog_grid_3_col .et_pb_post, .dp_blog_grid_4_col .et_pb_post, .dp_blog_grid_2_col .et_pb_post{ display:block !important; } .dp_blog_grid_3_col .et_pb_post .entry-featured-image-url img, .dp_blog_grid_4_col .et_pb_post .entry-featured-image-url img, .dp_blog_grid_2_col .et_pb_post .entry-featured-image-url img{ border-radius:30px 30px 0px 0px !important; } .dp_blog_grid_3_col .et_pb_post .dp_blog_v1_info, .dp_blog_grid_4_col .et_pb_post .dp_blog_v1_info, .dp_blog_grid_2_col .et_pb_post .dp_blog_v1_info{ padding:20px !important; width:100% !important; } .dp_blog_grid_3_col .et_pb_post .entry-featured-image-url, .dp_blog_grid_4_col .et_pb_post .entry-featured-image-url, .dp_blog_grid_2_col .et_pb_post .entry-featured-image-url{ width:100% !important; } /*---Blog Grid 4 Columns CSS---*/ .dp_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 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: 25px; grid-template-columns:repeat(2,1fr)!important; } .dp_blog_v1 .et_pb_post{ margin-bottom:60px; } .dp_blog_detail_tag { margin-top:30px !important; margin-bottom:0px !important; } .dp_portfolio_v1 .et_pb_portfolio_filters ul{ display:block !important; } .dp_portfolio_v1 .et_pb_portfolio_filters ul li{ width:100% !important; text-align:center; margin-bottom:20px; } .dp_portfolio_v1 .et_pb_portfolio_filters ul li a{ margin:0; } } .dp_blog_list3 .et_pb_post{ margin-bottom:50px !important; } .dp_blog_list .et_pb_post .entry-featured-image-url{ width: 35%; margin-bottom: 0px; } .dp_blog_list .et_pb_post .dp_blog_v1_info{ width: 65%; padding: 20px 20px 20px 0px; display: flex; align-items: start; justify-content: start; flex-direction: column; } /* Blog Listing CSS */ .dp_blog_list .et_pb_post{ display: flex; gap: 20px; border-radius: 30px; margin-bottom: 30px; box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 767px){ .dp_blog_list .et_pb_post{ display:block !important; } .dp_blog_list .et_pb_post .dp_blog_v1_info, .dp_blog_list .et_pb_post .entry-featured-image-url{ width:100%; } .dp_blog_v1 .et_pb_post .entry-featured-image-url img{ border-radius:30px 30px 0px 0px; } .dp_blog_list .et_pb_post .dp_blog_v1_info{ padding:20px; } .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 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_blog_detail_title .et_pb_title_featured_container .et_pb_image_wrap img{ border-radius: 30px; aspect-ratio: 2 / 1; object-fit: cover; } .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:#ffead2; 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_list{ border-radius:0px 0px 30px 30px; } .dp_blog_sidebar .widget_search input#searchsubmit{ background-color:var(--dpprofe-color-2); 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: 24px; line-height:1.3em; 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 .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; font-size: 16px !important; } .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 .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%; } .dp_blog_sidebar_list .et_pb_post:last-child{ padding-bottom:25px; margin-bottom:0px; } .dp_blog_sidebar_list .et_pb_post{ margin-bottom:0px !important; } .dp_blog_sidebar_list2 .et_pb_post{ margin-bottom:20px !important; } .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{ letter-spacing: 2px; background-color: var(--dpprofe-color-1) !important; color: hsl(0, 0%, 100%); box-shadow: var(--dpprofe-color-1) 0px 7px 29px 0px; } .dp_nevigation_btn a, .dp_post_comment .et_pb_button, .dp_post_comment #comment-wrap .comment-respond .comment-form .form-submit .et_pb_button{ border-radius:50px; cursor:pointer; border:0px; background-color: var(--dpprofe-color-1) !important; box-shadow: rgb(0 0 0 / 5%) 0 0 8px; letter-spacing: 1.5px; text-transform: capitalize; font-size: 18px; line-height: 18px !important; transition: all 0.5s ease !important; color: #fff; } .dp_post_comment #comment-wrap .comment-respond #commentform{ padding-bottom:25px !important; } .dp_nevigation_btn a{ padding:17px 40px; } .dp_blog_details_txt .et_pb_text_inner blockquote p{ padding:30px 20px 30px 0px; } @media only screen and (min-width:981px) and (max-width:1055px){ .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;}} @media only screen and (max-width:767px){ .dp_blog_detail_title .et_pb_title_featured_container .et_pb_image_wrap img{ aspect-ratio:unset !important; } } /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ .dp_portfolio_v1 .pagination { grid-column: 1 / -1; } /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .dp_portfolio_v1 .et_pb_portfolio_item { overflow:hidden; } .dp_portfolio_v1 .et_pb_portfolio_filters ul{ display: flex; align-items: center; justify-content: center; } /* Image Css */ .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image { z-index:-1; } .dp_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img { border-radius: 30px; object-fit: cover; aspect-ratio: 4 / 3; } .dp_portfolio_v1 .project .dp_portfolio_v1_info{ position: relative; background:#FFEAD2; padding: 20px; margin: -50px auto 0px auto; width: calc(100% - 40px); margin-top: -50px; border-radius: 30px; overflow: hidden; z-index: 1; } /* 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 a { font-size:24px; line-height:1.1em; text-transform:capitalize; } /* Category Post Meta Css */ .dp_portfolio_v1 .et_pb_portfolio_item .post-meta {} .dp_portfolio_v1 .et_pb_portfolio_item .post-meta a {color: var(--dpprofe-color-1); font-size: 18px; line-height: 18px;} /* Portfolio 2 Column */ .dp_portfolio_2_col .et_pb_portfolio_items, .dp_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 1fr); } /* Portfolio 3 Column */ .dp_portfolio_3_col .et_pb_portfolio_items, .dp_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px; } /* Portfolio 4 Column */ .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: 40px; } /*---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 { border: none; background-color: var(--dpprofe-color-1) !important; padding: 20px; border-radius: 5px !important; transition: 0.7s all linear; margin-left: 10px; color: #fff !important; font-size: 18px; line-height: 18px; } /*Hover & Active Filter Links*/ .dp_portfolio_v1 .et_pb_portfolio_filters li a:hover, .dp_portfolio_v1 .et_pb_portfolio_filters li a.active {background-color: var(--dpprofe-color-2) !important;} /* Pagination CSS */ .dp_portfolio_v1 .et_pb_portofolio_pagination { border-top: none; margin-top: 40px; } .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 { border: none; background-color: var(--dpprofe-color-1) !important; padding: 8px 15px; border-radius: 5px !important; transition: 0.7s all linear; margin-left: 10px; color: #fff !important; font-size: 18px; line-height: 18px; } .dp_portfolio_v1 .et_pb_portofolio_pagination ul li a.active,.dp_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover{ background-color: var(--dpprofe-color-2) !important; } .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 {} .dp_portfolio_v1 .alignleft a .dp_portfolio_v1 .alignright a{ padding:17px 40px; display:block; background-color: var(--dpprofe-color-1); border-radius: 30px; color: #fff; font-size: 18px; line-height: 18px; margin-top: 10px; transition: 0.4s all; } .dp_portfolio_v1 .pagination .alignleft a:hover, .dp_portfolio_v1 .pagination .alignright a:hover{ letter-spacing: 3px; background-color: var(--dpprofe-color-1) !important; color: hsl(0, 0%, 100%); box-shadow: var(--dpprofe-color-1) 0px 7px 29px 0px } /* 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_nevigation_btn { max-width:100% !important; width:100% !important; } .dp_project_img .et_pb_title_featured_container .et_pb_image_wrap img{ border-radius: 30px; aspect-ratio: 2 / 1; object-fit:cover; } .dp_project_filed_category .et_pb_blurb_content .et_pb_blurb_description a{ color:#666666; } @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; } } /* ----------------------------------- 07. Services CSS -------------------------------------*/ .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; } .dp_service_single_blurb .et_pb_blurb_content{ max-width:100%; } .et_pb_blurb_content{ max-width:100%; } /*---Services v1 CSS---*/ .dp_services_v1 {} /*Img Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {} .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {} .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{} /*Icon Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{} /*Title Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{} /*Description Css */ .dp_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{} .dp_faqs_service{ overflow:visible !important; } .dp_dtn_service:after{ right:20px; } /*---Services v2 CSS---*/ .dp_services_v2 {} /*---Services Single Page CSS---*/ .dp_services_single {} @media only screen and (max-width:479px){ .dp_service__row_v1 .et_pb_column.dp_service_img_col, .dp_service__row_v2 .et_pb_column.dp_service_img_col, .dp_service__row_v3 .et_pb_column.dp_service_img_col{ margin:20px 0px !important; } } /* ----------------------------------- 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: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{max-width:100%;margin-bottom:0px;margin-right:0px;} .dp_team_v1 .et_pb_team_member_image img{width:100%;border-radius:30pc 30pc 0px 0px;object-fit:cover;} /* Description Css*/ .dp_team_v1 .et_pb_team_member_description{ background-color: #FFEAD2; padding: 20px; border-radius: 0px 0px 40px 40px; } .dp_team_v1 .et_pb_team_member_description .et_pb_module_header{ font-size: 24px; line-height: 1.1em; } .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 {text-align:center;margin-top:10px;} .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{margin-right:0px;} .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{ background-color: var(--white); color: var(--dpprofe-color-1); border-radius: 6px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; transition: 0.5s all; margin-right:10px; } .dp_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{ background-color: var(--dpprofe-color-1) !important; color: var(--white) !important;} /* Main CSS Class Hover Css Here */ .dp_team_v1:hover .et_pb_team_member_image{} /*---Team v2 CSS---*/ .dp_team_v2 {} /*---Team Single Page CSS---*/ .dp_team_single {} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .dp_slider_v1 {} /*---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 .et_pb_toggle{ border-top:1px solid #f0f0ed; border-bottom:1px solid #f0f0ed; } .dp_faqs_v1{ border-radius: 30px; overflow: hidden; } .dp_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { content: "\4c"; display: block !important; right: 20px; font-size: 20px; color: var(--dpprofe-color-1); font-weight:900; } .dp_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { content: "\f00d" !important; color: var(--dpprofe-color-1); font-size: 20px; background-color: #fff; font-family: 'FontAwesome' !important; font-weight: 900; } /*---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{} /*---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_blurb1 .et_pb_blurb_content{ display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap:20px; } .dp_pricing_blurb1 .et_pb_blurb_content .et_pb_main_blurb_image{ margin-bottom: 0px; } .dp_pricing_blurb2 .et_pb_blurb_content .et_pb_blurb_container, .dp_hero_blurb .et_pb_blurb_content .et_pb_blurb_container{ vertical-align:middle; } .dp_pricing_blurb2 .et_pb_blurb_content .et_pb_module_header, .dp_hero_blurb .et_pb_blurb_content .et_pb_module_header{ padding-bottom:0px; } .dp_pricing_blurb2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .dp_hero_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ font-size:22px!important; } .dp_pricing_blurb2 .et_pb_blurb_content .et_pb_blurb_container, .dp_hero_blurb .et_pb_blurb_content .et_pb_blurb_container{ padding-left:0px !important; } .dp_pricing_blurb2 .et_pb_blurb_content{ max-width:100%; } /*---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, .dp_testimonial_slider .et_pb_column.dp_testimoniyal_col:last-child{ margin-right:10px !important; } .dp_testimonial_slider .slick-dots{ bottom:-40px; } .dp_testimonial_slider .slick-dots{ padding:0px; bottom:-30px; } .dp_testimonial_slider .slick-track{ display:flex; } .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-list{ margin-bottom:30px; } .dp_testimonial_slider .slick-dots li{ height: 5px; width: 10px; background: var(--dpprofe-color-1); border-radius: 30px; } .dp_testimonial_slider .slick-dots li.slick-active{ width: 25px; } /*---Testimonial v2 CSS---*/ .dp_testimonial_v2{} /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .dp_aboutus_v1 {} /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .dp_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .dp_process_v1 {} /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .dp_partner_v1 {} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .dp_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .dp_skill_v1 {} .dp_bar_counter_v1 {} /*---Title CSS---*/ .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_title {} .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container{} /*---Percentage CSS---*/ .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount{} /*---Percentage CSS---*/ .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number {} .dp_bar_counter_v1 li.et_pb_counter .et_pb_counter_container .et_pb_counter_amount_number_inner{} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .dp_counter_v1 {} /* ----------------------------------- 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_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_footer_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span{ font-weight:400; } /* .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap:before { content: ''; position: absolute; height: 10px; width: 10px; background: #fff; right: -5px; top: 15px; transform: rotate(45deg); transition: all 0.4s; } */ .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap .et-pb-icon { color: var(--dpprofe-color-1); transition: all 0.4s; } .dpprofe-popup-content .dpprofe_footer_info:hover .et_pb_image_wrap { background-color: var(--dpprofe-color-1); } .dpprofe-popup-content .dpprofe_footer_info:hover .et_pb_image_wrap:before { background: var(--dpprofe-color-1); } .dpprofe-popup-content .dpprofe_footer_info:hover .et_pb_image_wrap .et-pb-icon { color: #fff; } .dpprofe-popup-content .dpprofe_footer_info .et_pb_image_wrap img { width: 23px; border-radius: 0px; } .dpprofe-popup-content .dpprofe_footer_info .et_pb_blurb_container { vertical-align: middle; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon { background-color: #fff !important; transition: all 0.4s; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon:hover { background-color: var(--dpprofe-color-1) !important; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon:before { color: var(--dpprofe-color-1); transition: all 0.4s; } .dpprofe-popup-content ul.dpprofe_social_info li.et_pb_social_icon a.icon:hover:before { color: #fff; } /*Popup Overlay Css Move Down Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_move_downup { transform: translateY(-100%); transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_move_downup { transform: translateY(0%); } /*Popup Overlay Css Move right Start Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_slide_right { transform: translateX(-100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_slide_right { transform: translateX(0%); } /*Popup Overlay Css Move Left Here*/ .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_slide_left { transform: translateX(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } body:not(.et-fb) .dpprofe-popup-wrapper.popup-is-visible .dpprofe-popup-content.dpprofe_slide_left { transform: translateX(0%); } /* Add Row animation when popup is triggered */ .dpprofe-popup-close .et_pb_icon_wrap { background-color: var(--dpprofe-color-1) !important; transition: all 0.8s; } .dpprofe-popup-close:hover .et_pb_icon_wrap { background-color: var(--dpprofe-color-2) !important; } .dpprofe-popup-close .et_pb_icon_wrap .et-pb-icon { color: #fff !important; transition: all 0.8s; } .dpprofe-popup-close:hover .et_pb_icon_wrap .et-pb-icon { transform: rotate(180deg); } /*.dpprofe-popup-wrapper.popup-is-visible .et_pb_row:not(.dpprofe-popup-close)*/ .dpprofe-popup-wrapper.popup-is-visible .dpprofe_scale_in { animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both; animation-delay: .5s; } /*Popup Overlay Css Move Up Start Here*/ body:not(.et-fb) .dpprofe-popup-wrapper .dpprofe-popup-content.dpprofe_move_up { top: unset; min-height: auto; right: 20px; } .dpprofe-popup-wrapper .dpprofe_move_up { transform: translateY(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_move_up { transform: translateY(-30px); } .dpprofe_move_up .dpprofe_footer_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { opacity: 1 !important; animation: none !important; } /*Popup Overlay Css Move Down Start Here*/ .dpprofe-popup-wrapper .dpprofe_move_downup { transform: translateY(-100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_move_downup { transform: translateY(0%); } /*Popup Overlay Css Slide Right Start Here*/ .dpprofe-popup-wrapper .dpprofe_slide_right { transform: translateX(100%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } .dpprofe-popup-wrapper.popup-is-visible .dpprofe_slide_right { transform: translateX(0%); } /*Popup Overlay Css Slide left Here*/ .dpprofe-popup-wrapper .dpprofe_slide_left { transform: translateX(0%); transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important; } /* ----------------------------------- Slide In (Popup) CSS End Here ----------------------------------- */ /* ----------------------------------- breadcrumbs CSS -------------------------------------*/ /* breadcrumbs */ #dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;} #dpprof_breadcrumbs{overflow:hidden;text-align: 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:24px;} #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: 24px;} /* ----------------------------------- 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:100vw; min-height:100vh; top:-15px !important; left:-10vw !important; position: absolute !important; } .et_divi_100_mm_m_style2 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: translateY(-110%); -webkit-transform: translateY(-110%); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out!important; visibility:hidden; } .et_divi_100_mm_m_style2 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style2 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style2.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform:translateY(-10px); -webkit-transform: translateY(-10px); transform-origin:top; -webkit-transform-origin:top; transition: .8s ease-in-out; visibility:visible; } .et_divi_100_mm_m_style2 .et_mobile_menu li a{ text-align:center; padding-left:0px!important; background:transparent!important; } .et_divi_100_mm_m_style2 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style2 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--black) !important; font-weight: inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style2 .mobile_menu_bar{ /*top: 5px; /*padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style2 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style2.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style2 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style2 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style2 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style3************/ .et_divi_100_mm_m_style3{overflow-x: hidden;} .et_divi_100_mm_m_style3 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Mobile Menu*/ .et_divi_100_mm_m_style3 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left:0px!important; padding-right:0px!important; z-index: 9998 !important; width: 100% !important; /* 80% to 100% */ min-width: 200px; left: auto!important; max-width: 350px; right: -10vw; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style3 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style3 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style3 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style3.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin: right; -webkit-transform-origin: right; transition: .8s ease-in-out; } .et_divi_100_mm_m_style3 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style3 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style3 .mobile_nav .menu-item-has-children > a { background: transparent!important; color:var(--black)!important; font-weight:inherit; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style3 .mobile_menu_bar{ /*top: 15px; padding:0; position: absolute;*/ right:-10px; z-index: 10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style3 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; color:var(--black); } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style3.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style3 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style3 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style3 #page-container span.menu-closed.menu-open:before { content: "\4d"; } /********** Mobile Menu Style4************/ .et_divi_100_mm_m_style4{overflow-x: hidden;} .et_divi_100_mm_m_style4 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } /*Divi Mobile Menu*/ .et_divi_100_mm_m_style4 .et_mobile_menu{ Border-top:none; display: block!important; min-height: 100vh; padding-top:60px!important; padding-left: 0px!important; padding-right: 0px!important; z-index: 9998 !important; width: 100% !important;/* 80% to 100% */ min-width: 200px; right: auto!important; max-width: 350px; left:-10vw !important; top:-15px !important; position: absolute !important; box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -webkit-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; -moz-box-shadow: 2px 5px 28px -1px rgba(0,0,0,0.75) !important; } .et_divi_100_mm_m_style4 .mobile_nav.closed #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.closed .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.closed .et_mobile_menu { transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform-origin: left; -webkit-transform-origin: left; transition: .8s ease-in-out!important } .et_divi_100_mm_m_style4 .mobile_nav.opened #mobile_menu, .et_divi_100_mm_m_style4 .mobile_nav.opened .et_mobile_menu, .et_divi_100_mm_m_style4.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform-origin:left; -webkit-transform-origin:left; transition: .8s ease-in-out; } .et_divi_100_mm_m_style4 .et_mobile_menu li a{ text-align:left; padding-left:20px!important; background:transparent!important; } .et_divi_100_mm_m_style4 .et_mobile_menu li:not(:last-child) a{ border-bottom: 1px solid rgba(0,0,0,0.10)!important; } .et_divi_100_mm_m_style4 .mobile_nav .menu-item-has-children > a { background: transparent!important; color: var(--black)!important; } /*Mobile Menu Bar*/ .et_divi_100_mm_m_style4 .mobile_menu_bar{ /*top: 15px; padding:0; right:-10px; position:absolute;*/ right:-10px; z-index:10001; } /*change Divi hamburger menu to X*/ .et_divi_100_mm_m_style4 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; } @media all and (min-width: 768px) and (max-width: 980px){ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span{right:15px;} } /**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ .et_divi_100_mm_m_style4.et-db #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children { position: relative; } .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ .et_divi_100_mm_m_style4 #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ .et_divi_100_mm_m_style4 #page-container span.menu-closed:before { content: "\4c"; display: block; color: var(--black); font-size: 16px; font-family: ETmodules; } .et_divi_100_mm_m_style4 #page-container span.menu-closed.menu-open:before { content: "\4d"; }