/* Theme Name: Divi Fitness And Gym Child Theme Theme URI: https://divi-professional.com/ Description: Divi Fitness And Gym Theme is a fresh and modern WordPress theme perfectly suitable for CrossFit centers, gym style, fitness clubs, yoga classes, pilates trainers, and other related purposes. This Theme is a unique opportunity to promote your fitness and sports-focused business and get as many customers as possible. Version: 1.0 Author: Divi Professional Author URI: https://divi-professional.com/ Template: Divi Text Domain: dpprofe */ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS 26 Color Picker CSS 27 Animation Part CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .px_title { color:var(--px-color-1) !important; } /*---Button CSS---*/ /*btn */ .px_btn::before{ content: ''; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out; z-index: -2; background:var(--px-color-2); display: block !important; opacity: 1; margin-left: 0px !important; } .px_btn:hover::before { right: auto; left: 0; width: 100%; } /* breadcrumbs */ #dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;} #dpprof_breadcrumbs{overflow:hidden;text-align: left;list-style:none;margin:11px 0;padding: 0;} #dpprof_breadcrumbs li{margin-right:14px;display:inline-block;vertical-align:middle;} #dpprof_breadcrumbs a{color :var(--px-color-1);font-size: 18px;} #dpprof_breadcrumbs .bread-home:before{content:'\e009';font-family:ETmodules; font-size: 18px; margin-right: 8px;} #dpprof_breadcrumbs .item-current{color :var(--white);font-size: 18px;} /*--- Global Class CSS ---*/ /*****Pagination******/ .pagination-container{ margin-bottom:0px !important;} .et_pb_row_custom_pagination{clear:both;text-align: left;} .pagination-container{padding-top: 0 !important;margin-top:2em;margin-bottom:2em;} .screen-reader-text{display: none;} .navigation.px_blogpagination .page-numbers{display: inline-block;border-right: 0;padding: 0em 1em;margin: 0 -1px;line-height: 2.6em;} .navigation.px_blogpagination .page-numbers.prev,.navigation.px_blogpagination .page-numbers.next{padding: 0 .5em;} .navigation.px_blogpagination span.page-numbers {color:#fff;border: 1px solid;border-color: #000 !important;font-weight: 600;} .navigation.px_blogpagination .page-numbers .et-pb-icon{font-size: 1.6em;vertical-align: middle;line-height: 1.5em;margin-top: -3px;} .navigation.px_blogpagination a.page-numbers:hover, .navigation.px_blogpagination span.page-numbers {background-color: #000 !important;} .navigation.px_blogpagination a.page-numbers {color: #fff !important;background: #000;} .navigation.px_blogpagination a.page-numbers:hover {color: #fff !important; } /* bar counter new */ .px_bar_counter .et_pb_counter .et_pb_counter_container { overflow: visible !important; position: relative; box-shadow: none; border-radius: 0; height: 16px; border: 1px solid #e3e3e3; z-index: 1; display: flex; flex-direction: column; justify-content: center; background: #fff; margin-bottom: 25px; } .px_bar_counter .et_pb_counter .et_pb_counter_container .et_pb_counter_amount { background: var(--px-color-1); left: 5px; } .px_bar_counter .et_pb_counter .et_pb_counter_container .et_pb_counter_amount .et_pb_counter_amount_number { color: #000; position: absolute; bottom: 10px; font-size: 18px; } /* Table*/ .px_table_v1 .px_table .et_pb_text_inner table thead { background:var(--px-color-1); text-align: center; color: #fff !important; font-size: 20px; border: 1px solid var(--px-color-1) !important; } .px_table_v1 .px_table .et_pb_text_inner table thead tr th{ color: #fff !important; padding: 16px 24px; } .px_table_v1 .px_table .et_pb_text_inner table tr td{ border: 1px solid #424242 !important; padding: 10px !important; text-align: center; width: 50%; } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ /*---Header v1 CSS---*/ /* .et_pb_menu .et-menu > li { padding-left: 11px !important; padding-right: 0px !important; } */ /* .et-menu .menu-item-has-children > a:first-child { padding-right: 15px !important; } */ .px_small_blurb_info .et-pb-icon { color:var(--px-color-1)!important; } .px_header_v1 .et_pb_menu__menu ul li a{ color: var(--px-color-1) !important; } .px_header_v1 .et-menu li li a { padding: 8px 5px; } .px_header_v1 .et-menu-nav > ul ul { padding: 0px 0; text-align: left; border: none; } .px_header_v1 .et_pb_menu__menu .sub-menu li:hover { background-color: var(--px-color-1) !important; color: #fff !important; } /***990 above*******/ @media only screen and (min-width: 990px) { .px_header_v1.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a{ padding-top: 0px !important; padding-bottom: 0px !important; } } /***980 below*******/ @media screen and (max-width:980px) { .px_header_v1 .et_mobile_menu{ border-top: none !important; } } /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer v1 CSS---*/ .px_footer_v1 .px_f_info{ color:#fff !important; } .px_footer_v1 .px_f_info:hover{ color:var(--px-color-1) !important; } .px_footer_v1 .px_f_info:before{ content: ""; height: 1px; width: 0; background-color:var(--px-color-1); position: absolute; left: 0; bottom: 0; visibility: hidden; opacity: 0; transition: all .4s; display: block; margin-right: 0px !important; } .px_footer_v1 .px_f_info:hover:before{ visibility: visible; opacity: 1; width: 100%; left: 34px; transition: width .4s ease; } /**/ .px_footer_v1 .px_footer_gallery .et_pb_gallery_items { display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 30%); } .px_footer_v1 .px_footer_col .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_item { margin-bottom:0px !important; } .px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_image { overflow: hidden; transition: all 0.3s ease; } .px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_image img { /* height: 80px !important; width: 80px !important;*/ overflow: hidden; transition: all 0.3s ease; } .px_footer_v1 .px_footer_gallery .et_pb_gallery_items .et_pb_gallery_image:hover img { transform: scale(1.1); } /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .px_sidebar_feature .published { background-color: var(--px-color-1); position: absolute; left: 20px; color: #fff; font-size: 16px; border-radius: 10px 10px 0 0; top: -83px; padding: 15px; } .px_sidebar_feature .et_pb_title_container a::before { content: "\e0a1"; font-family: ETmodules !important; color: var(--px-color-1) !important; padding: 0px 10px; } .px_sidebar_feature .et_pb_title_container a::before { content: "\e0a1"; font-family: ETmodules !important; color: var(--px-color-1) !important; padding: 0px 10px; } .px_sidebar { border-right: none; padding-right: 0px; } .px_sidebar .et_pb_widget { position: relative; background: #f8f7f4; padding: 30px 30px 30px; margin-bottom: 50px !important; } /* title*/ .px_sidebar .et_pb_widget .widgettitle{ margin-bottom:20px; } .px_sidebar .et_pb_widget .widgettitle:after{ position: absolute; bottom: 0; content: ""; background: linear-gradient(90.79deg,var(--px-color-1) 30.97%,var(--px-color-2) 62.52%,rgba(36,36,36,0) 126.44%); width: 40px; height: 3px; left: 0%; transform: translateX(80%); top: 65px; } .px_sidebar .widget_search #searchsubmit { background-color: var(--px-color-1) !important; color: #fff !important; } .px_sidebar .widget_categories ul li { border-bottom: 1px solid #dddddd; padding: 15px 0px 15px 0px; font-size: 15px; } .px_sidebar .widget_categories ul li:hover a { color: var(--px-color-1) !important; } .px_sidebar .tagcloud a { background: #fff; /* border: 1px solid #ecf0f3; */ padding: 10px 24px 10px; text-align: center; border-radius: 50px; margin-bottom: 10px; } .px_sidebar .tagcloud a:hover { background-color: var(--px-color-1) !important; color: #fff; } /*side bar Blogs post*/ .px_postdetail_blog{ border-radius: 0 0 10px 10px; } .px_postdetail_blog .et_pb_post { margin-bottom: 0px; overflow: hidden; margin-bottom: 0px; padding: 30px 0; border-bottom: 1px solid #dddddd; } .px_postdetail_blog .et_pb_post .entry-featured-image-url { width: 100%; max-width: 110px; margin-bottom: 0px; float: left; overflow: hidden; } .px_postdetail_blog .et_pb_post .entry-featured-image-url img { transition: all 0.3s ease; } .px_postdetail_blog .et_pb_post:hover .entry-featured-image-url img { transform: scale(1.1); } .px_postdetail_blog .entry-title { color:#000 !important; margin-bottom: -11px; padding-top: 8px; } /* overlay img*/ .px_postdetail_blog .et_overlay{ background-color: var(--px-color-1) !important; } .px_postdetail_blog .et_overlay:before{ color:#fff !important; } .px_postdetail_blog .et_pb_post:hover .entry-title { color: var(--px-color-1) !important; } @media screen and (max-width: 769px){ .px_postdetail_blog .entry-title { margin-bottom: 0px; } } /* Recent post shear*/ .px_post_blog_tag .et_pb_main_blurb_image .et-pb-icon { color: var(--px-color-1) !important; } .px_post_blog_tag .et_pb_blurb_description a { outline: none; margin: 0 3px; border: 1px solid #ecf0f3; color: #fff!important; font-size: 0.875rem; font-weight: 600; text-decoration: none; transition: all 0.3s ease; border-radius: 3px; padding: 10px; background-color: var(--px-color-2) !important; } /* shear post tag*/ .px_post_blog_tag .et_pb_blurb_description a:hover { color: var(--px-color-1) !important; } /* comment btn*/ /* .px_comment_post .et_pb_button:hover::after { width: 100%; max-width: 110px; margin-bottom: 0px; float: left; overflow: hidden; } .px_comment_post .logged-in-as a{ color: var(--px-color-1) !important; } */ .px_comment_post .comment-reply-link, .px_comment_post .form-submit .et_pb_button { transition: all 0.5s ease 0s !important; font-weight: 600 !important; overflow: hidden; z-index: 2; background: var(--px-color-1); } .px_comment_post .comment-reply-link:before, .px_comment_post .form-submit .et_pb_button:before{ content: ''; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out; z-index: -2; background: var(--px-color-2); display: block !important; opacity: 1; margin-left: 0px !important; } .px_comment_post .comment-reply-link:hover:before, .px_comment_post .form-submit .et_pb_button:hover:before{ right: auto; left: 0; width: 100%; } .px_comment_post .comment-reply-link:after{ display:none !important; } .px_comment_post .comment_postinfo .comment-edit-link, .px_comment_post .logged-in-as a{ color:var(--px-color-1); } /* ----------------------------------- Slider CSS -------------------------------------*/ .px_slider_v1_home .et_pb_slide_description .et_pb_slide_description, .px_slider_v1_home .et_pb_slide_description{ position:relative; } .px_slider_v1_home .et_pb_slide_description .et_pb_slide_content::before { background-color: var(--px-color-1) !important; position: absolute; height: 322px; width: 10px; content: ""; left: auto; right: auto; margin-left: -27px; margin-top: -62px; } /*btn */ .px_slider_v1_home .et_pb_button::after{ content: ''; position: absolute; width: 0%; height: 100%; right: 0; left: auto; top: 0; transition: .4s all ease-in-out; z-index: -1; background:var(--px-color-2); } .px_slider_v1_home .et_pb_button:hover::after { right: auto; left: 0; width: 100%; opacity:1 !important; } .px_slider_v1_home .et_pb_button:hover { color:var(--px-color-1) !important; } /*****slider arrow *****/ .px_slider_v1_home {} .px_slider_v1_home .et-pb-arrow-prev::before { content: "\23" !important; } .px_slider_v1_home .et-pb-arrow-prev::before, .px_slider_v1_home .et-pb-arrow-next::before { border: 1px solid #fff; border-radius: 100%; padding: 19px; content: "\24"; font-size: 20px; transition: all 0.4s ease-in-out; } .px_slider_v1_home .et-pb-arrow-prev:hover:before, .px_slider_v1_home .et-pb-arrow-next:hover:before { border: 1px solid var(--px-color-1); background-color:var(--px-color-1); } .px_slider_v1_home .et-pb-controllers .et-pb-active-control { background-color:var(--px-color-1) !important; outline: 2px solid var(--px-color-1); outline-offset: 4px; margin-right: 12px !important; } .px_slider_v1_home .et-pb-controllers a { background: #fff !important; opacity: 1; } /* 980*/ @media screen and (max-width:980px) { .px_slider_v1_home .et_pb_slide_description::before { left: 0; transform: translatex(35px); } .px_slider_v1_home .et-pb-arrow-prev { left: 22px !important; } .px_slider_v1_home .et-pb-arrow-next { right: 22px !important; } .px_slider_v1_home .et-pb-arrow-next, .px_slider_v1_home .et-pb-arrow-prev { opacity: 1 !important; } .px_slider_v1_home .et_pb_slide_description .et_pb_slide_title::before { display:none !important; } } @media only screen and (max-width: 767px) { .px_slider_v1_home .et_pb_slide_description .et_pb_slide_content::before { height: 144px; margin-left: -27px; margin-top: -34px; } .px_slider_v1_home .et_pb_slide_description .et_pb_slide_title::before { height: 58px !important; margin-left: -43px !important; margin-top: 87px !important; } .px_slider_v1_home .et-pb-arrow-prev::before, .px_slider_v1_home .et-pb-arrow-next::before { border-radius: 100%; padding: 12px; font-size: 15px; } .px_slider_v1_home .et-pb-arrow-next, .px_slider_v1_home .et-pb-arrow-prev { bottom: 25px; top: auto; } } /*after line */ .px_slider_v1_home .et_pb_slide_description .et_pb_slide_title::before { background-color: #fff !important; position: absolute; height: 150px; width: 10px; content: ""; left: auto; margin-left: -50px; margin-top: 174px; } /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .px_blog_grid_3_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 31.50%); } .px_blog_v1 .et_pb_post { margin-bottom: 0px !important; } /*---Image CSS---*/ .px_blog_v1 .et_pb_post .entry-featured-image-url{ transform: scale(1.01) !important; transition: all .4s ease-out 0s; overflow: hidden !important; margin-bottom: 0px !important; } .px_blog_v1 .et_pb_post .entry-featured-image-url::before { background: linear-gradient(0deg,var(--px-color-2) 0%,rgba(255,255,255,0) 100%); border-radius: 5px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; transition: all 0.3s; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before { background-color: rgba(0, 0, 0, 0.4); } .px_blog_v1 .et_pb_post .entry-featured-image-url img{ transition: all .4s ease-out 0s; height: 350px; object-fit: cover; } .px_blog_v1 .et_pb_post:hover .entry-featured-image-url img{ transform: scale(1.2); } .px_blog_v1 .et_pb_post .et_pb_image_container .entry-featured-image-url .et_overlay {} /*---Title CSS---*/ .px_blog_v1 .des { position: absolute; bottom:20px; display: flex; flex-wrap: wrap; margin-left: 18px; } .px_blog_v1 .et_pb_post .entry-title { color: #fff; font-size: 30px; font-weight: 500; order: 2; margin: 15px 0px; } .px_blog_v1 .et_pb_post .entry-title:hover{ color: var(--px-color-1) !important; } /*---Post Meta CSS---*/ .px_blog_v1 .et_pb_post .post-meta { margin-bottom: 0px !important; } .px_blog_v1 .et_pb_post .post-meta .published { bottom: 0px; position: absolute; color: #fff; font-size: 15px; } .px_blog_v1 .et_pb_post .et_pb_bg_layout_light p{ position:relative !important; } .px_blog_v1 .et_pb_post .post-meta a{ display: inline-block; font-size: 14px; font-weight: 400; color: #fff; border: 1px solid #7d7d7d; border-radius: 40px; padding: 4px 14px; text-transform: capitalize !important; transition: all .3s ease-in-out 0s; margin-bottom:5px; } .px_blog_v1 .et_pb_post .post-meta a:hover{ background-color: var(--px-color-1) !important; border-color:var(--px-color-1); } /*---Pagination Button CSS---*/ .px_blog_v1 > div article ~ div:last-child { grid-column: 1 / -1; } .px_blog_v1 .pagination .alignleft, .px_blog_v1 .pagination .alignright {} .px_blog_v1 .pagination .alignleft a, .px_blog_v1 .pagination .alignright a { transition: all 0.5s ease 0s !important; position: relative; font-weight: 700 !important; overflow: hidden; z-index: 2; background: var(--px-color-1); display: block; padding: 10px; color: #fff !important; font-size: 16px; } .px_blog_v1 .pagination .alignleft a:before, .px_blog_v1 .pagination .alignright a::before { content: ''; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out; z-index: -2; background: var(--px-color-2); display: block !important; opacity: 1; margin-left: 0px !important; } .px_blog_v1 .pagination .alignleft a:hover:before, .px_blog_v1 .pagination .alignright a:hover::before { right: auto; left: 0; width: 100%; } /*---Blog Grid 1 Columns CSS---*/ .px_blog_grid_1_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 40px; grid-template-columns: repeat(1,100%) !important; } .px_blog_grid_1_col .et_pb_post .des { position: absolute; bottom: 65px !important; margin-left: 18px; display: block; } .px_blog_grid_1_col .et_pb_post .post-meta .published { bottom: -40px !important; } /*---Blog Grid 2 Columns CSS---*/ .px_blog_grid_2_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 35px; grid-template-columns: repeat(2, 48.30%) !important; } /*---Blog Grid 4 Columns CSS---*/ .px_blog_grid_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 23.50%); } @media screen and (max-width: 480px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container, .px_blog_grid_2_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 100%) !important; grid-gap: 10px !important; } .px_blog_v1 .et_pb_post { margin-bottom: 24px !important; } .px_blog_grid_1_col .et_pb_post { margin-bottom: 0px !important; } } /* 980 below media*/ @media only screen and (max-width: 980px) and (min-width: 600px) { .px_blog_grid_4_col .et_pb_ajax_pagination_container, .px_blog_grid_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2, 49%); } /* .px_blog_v1 .et_pb_post .post-meta .published { top: 125px; } .px_blog_v1 .et_pb_post .entry-title{ margin: 0px 0px; }*/ .px_blog_v1 .et_pb_post .post-meta a{ margin-bottom: 9px; } } @media only screen and (max-width: 480px) { .px_blog_grid_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 100%); } } /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image { transform: scale(1.01) !important; transition: all .4s ease-out 0s; overflow: hidden !important; } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image::before { background: linear-gradient(0deg,var(--px-color-2) 0%,rgba(255,255,255,0) 100%); border-radius: 5px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; transition: all 0.3s; } .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image::before { background-color: rgba(0, 0, 0, 0.4); } .px_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image img{ transition: all .4s ease-out 0s; height: 350px; object-fit: cover; } .px_portfolio_v1 .et_pb_portfolio_item:hover .et_portfolio_image img { transform: scale(1.2); } /* Overlay Css */ /* Title Css */ .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_col_info { position: absolute; bottom: 30px; z-index: 1; margin: 0 30px; } .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_col_info .et_pb_module_header a{ color: #fff !important; transition: all .3s ease-in-out !important; } .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_col_info .et_pb_module_header a:hover { color: var(--px-color-1) !important; } /* Category Post Meta Css */ .px_portfolio_v1 .et_pb_portfolio_item .px_portfolio_col_info .post-meta a { background-color: var(--px-color-1); color: #fff; font-size: 16px; padding: 8px 7px; display: inline-block; } /* Portfolio 2 Column */ .px_portfolio_2_col .et_pb_portfolio_items, .px_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 35px; grid-template-columns: repeat(2, 48.30%) !important; } /* Portfolio 3 Column */ .px_portfolio_3_col .et_pb_portfolio_items, .px_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 31.50%); } /*---Portfolio 4 Columns CSS---*/ .px_portfolio_4_col .et_pb_ajax_pagination_container { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 23.50%); } /* Pagination CSS */ .px_portfolio_v1 .pagination { grid-column: 1 / -1; } .px_portfolio_v1 .pagination .alignleft a, .px_portfolio_v1 .pagination .alignright a { transition: all 0.5s ease 0s !important; position: relative; font-weight: 700 !important; overflow: hidden; z-index: 2; background: var(--px-color-1); display: block; padding: 10px; color: #fff !important; font-size: 16px; } .px_portfolio_v1 .pagination .alignleft a::before, .px_portfolio_v1 .pagination .alignright a::before { content: ''; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out; z-index: -2; background: var(--px-color-2); display: block !important; opacity: 1; margin-left: 0px !important; } .px_portfolio_v1 .pagination .alignleft a:hover::before, .px_portfolio_v1 .pagination .alignright a:hover::before { right: auto; left: 0; width: 100%; } /************Responsive 3 column 980 below***************/ @media only screen and (max-width: 980px) and (min-width: 600px){ .px_portfolio_4_col .et_pb_ajax_pagination_container, .px_portfolio_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(2, 49%); } } /************Responsive 3 column 600 below***************/ @media only screen and (max-width: 600px){ .px_portfolio_4_col .et_pb_ajax_pagination_container, .px_portfolio_3_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 100%); } } @media screen and (max-width: 480px){ .px_portfolio_4_col .et_pb_ajax_pagination_container, .px_portfolio_2_col .et_pb_ajax_pagination_container { grid-template-columns: repeat(1, 100%) !important; } } .px_portfolio_single .px_course_info_blurb .et_pb_blurb_container { padding-left: 8px !important; } .px_portfolio_single .px_course_info_blurb .et_pb_module_header{ padding-bottom:0px !important; } .px_portfolio_single .px_course_info_blurb .et_pb_blurb_description { font-size: 15px; color: #000 !important; } .px_portfolio_single .px_course_info_blurb .et-pb-icon{ color:var(--px-color-1); } .px_portfolio_single .px_post_contact_info .et-pb-icon { color:var(--px-color-1); } /*****Download btn ******/ .px_btn_Download::after { content: '' !important; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out !important; z-index: -2; background: var(--px-color-2); display: block !important; opacity: 1; margin-left: 0px !important; } .px_btn_Download:hover::after { right: auto; left: 0; width: 100%; } /*****Navigation ******/ .px_post_navigation .nav-next a, .px_post_navigation .nav-previous a { transition: all 0.5s ease 0s !important; position: relative; font-weight: 700 !important; overflow: hidden; z-index: 2; background: var(--px-color-1); padding: 10px; font-size: 18px; color: #fff !important; } .px_post_navigation .nav-next a:before, .px_post_navigation .nav-previous a:before { content: '' !important; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out !important; z-index: -2; background: var(--px-color-2); display: block !important; opacity: 1; margin-left: 0px !important; } .px_post_navigation .nav-next a:hover:before, .px_post_navigation .nav-previous a:hover:before{ right: auto; left: 0; width: 100%; } .px_class_time_text span { color:var(--px-color-1) !important; } .px_icon_post .et_pb_main_blurb_image { background: var(--px-color-1); border: 1px solid var(--px-color-1); padding: 15px; display: inline-flex; align-items: center; justify-content: center; height: 90px; width: 90px; transition: all .4s ease-in-out !important; } .px_icon_post:hover .et_pb_main_blurb_image{ background-color: #fff; border: 1px solid #dcdcdc; } .px_icon_post .et-pb-icon { color:#fff !important; transition: all .4s ease-in-out !important; } .px_icon_post:hover .et-pb-icon { color:var(--px-color-1) !important; } /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .px_services_v1 .px_service_blurb { background:#fff; transition: 0.3s; } .px_services_v1:hover .px_service_blurb { background:transparent; } .px_services_v1:hover .px_service_blurb .et_pb_main_blurb_image{ background: rgba(255, 255, 255, 0.27) !important; } /*Title Css */ .px_services_v1:hover .px_service_blurb .et_pb_module_header{ color:#fff !important; } /*Description Css */ .px_services_v1:hover .px_service_blurb .et_pb_blurb_description { color: #fff !important; } .px_services_v1 .px_service_blurb .et_pb_blurb_description h3 { margin-top: 20px; color:var(--px-color-1) !important; } .px_services_v1:hover .px_service_blurb .et_pb_blurb_description h3 { color:#fff !important; } .px_services_single .px_service_contact .et_pb_text_inner h6, .px_services_single .px_service_contact .et_pb_text_inner h5{ margin-top: 20px; position: relative; padding-left: 30px; margin-bottom: 10px; } .px_services_single .px_service_contact .et_pb_text_inner h6:before, .px_services_single .px_service_contact .et_pb_text_inner h5:before{ position: absolute; content: "\e090"; font-family: ETmodules; left: 0px !important; color: var(--px-color-1) !important; font-size: 20px; } .px_services_single .px_service_contact .et_pb_text_inner h6:before{ content: "\e010" !important; } /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ /*---Button CSS---*/ .px_contact_v1 .et_contact_bottom_container { width: 100% !important; } .px_contact_v1 .et_contact_bottom_container .et_pb_button::before { content: ''; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out; z-index: -2; background:var(--px-color-2); display: block !important; opacity: 1; margin-left: 0px !important; } .px_contact_v1 .et_contact_bottom_container .et_pb_button:hover:before{ right: auto; left: 0; width: 100%; } /*---Contact Us v2 CSS---*/ .px_contact_v2_blurb .et_pb_module_header:after{ position: absolute; content: ""; background: linear-gradient(90.79deg,var(--px-color-1) 30.97%,#fff 62.52%,rgba(36,36,36,0) 126.44%); width: 60px; height: 3px; left: 50%; transform: translateX(-50%); bottom: 40px; } .px_contact_v2_blurb .et-pb-icon{ color: var(--px-color-1) !important; } /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ /* Image Css */ .px_team_v1 .et_pb_team_member_image{ text-align: center !important; position: relative; z-index: 1; background-color: #efefef; border: none; margin-left: 40px; margin-right: 40px; margin-bottom:0px; transition: all .3s ease-in-out; overflow:hidden; } .px_team_v1 .et_pb_team_member_image:after{ content: ""; width: 45px; height: 5px; background-color: var(--px-color-1) !important; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all .4s ease-in-out; } .px_team_v1:hover .et_pb_team_member_image:after{ width: 100%; } .px_team_v1 .et_pb_team_member_image img{ transform: scale(1.01); transition: all .4s ease-in-out; } .px_team_v1:hover .et_pb_team_member_image img{ transform: scale(1.1); } /* Description Css*/ .px_team_v1 .et_pb_team_member_description{ z-index: 0; position: relative; background-color: #fff; padding: 35px 35px 29px; margin-top: -12px; } .px_team_v1 .et_pb_team_member_description::before { background: #fff; height: 290px; width: 100%; left: 0; right: 0; content: ""; position: absolute; z-index: -1; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; bottom: 0; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header{ color:#000 !important; } .px_team_v1 .et_pb_team_member_description .et_pb_module_header:hover{ color: var(--px-color-1) !important; } .px_team_v1 .et_pb_team_member_description .et_pb_member_position{ color: var(--px-color-2) !important; } /* Social Links Css*/ .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links { margin-top: 10px; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li{ font-size: 18px; display: inline-block; width: 45px; height: 45px; text-align: center; line-height: 45px; border-radius: 50px; border: 1px solid transparent; transition: background-color .4s ease-in-out; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:hover{ background-color: var(--px-color-1) !important; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a{ color: var(--px-color-1) !important; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:hover a{ color:#fff !important; } .px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover{} /* Main CSS Class Hover Css Here */ .px_team_v1:hover .et_pb_team_member_image{} /*---Team v2 CSS---*/ .px_team_v2 {} /*---Team Single Page CSS---*/ .px_team_single {} .px_team_info_single .et_pb_text_inner span{ color:#666!important; font-weight:300; } /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ /*---Open Title CSS---*/ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { background-color: var(--px-color-1); } /*---Open Title Icon CSS---*/ /* .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {content: "\e051"; font-family: ETmodules !important;} */ .px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before { color: #fff !important; } .px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before { color: var(--px-color-1) !important; } /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table{} /* Heading Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{ background:var(--px-color-2) !important; position: absolute; right: 0; left: 0; top: 155px; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_best_value{ position: relative; top: -80px; color: var(--px-color-1) !important; } /* Top Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{ border:none !important; padding: 50px; margin-bottom: 30px; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{} .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash{} /* Bottom Content Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{} /* Button Css */ .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button::before { content: ''; position: absolute; width: 0%; height: 100%; left: auto; right: 0 !important; top: 0; transition: 0.6s all ease-in-out; z-index: -2; background-color: #fff; display: block !important; opacity: 1; margin-left: 0px !important; } .px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover::before { right: auto; left: 0; width: 100%; } /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .px_testimonial_v1 .px_testimonial.et_pb_testimonial .et_pb_testimonial_description { margin-left:0px !important; } .px_testimonial_v1.et_pb_testimonial:before {} /*---Description---*/ .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_content{} .px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_content:before{} .px_testimonial_v1 .px_testimonial.et_pb_testimonial .et_pb_testimonial_portrait { position: absolute; bottom: -50px; } .px_testimonial_v1 .px_testimonial.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner { padding: 30px 25px 30px 35px; height: 100%; width: 100%; background-color: #ffffff; position: relative; clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%); overflow: hidden; } .px_testimonial_v1 .px_testimonial.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner:before{ z-index: -3; content: ""; display: block; position: absolute; top: 2.9px; left: 3.9px; height: 97.1%; width: 98.1%; background-color: #000000; clip-path: polygon(12% 0, 100% 0, 100% 80%, 88% 100%, 0 100%, 0 20%); } .et_pb_testimonial_content {} /*---Author CSS---*/ .px_testimonial_v1 .px_testimonial.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author { margin-left: 100px; margin-top: 10px; } .px_testimonial_v1 .px_testimonial.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author::before { content: "\e033\e033\e033\e033\e033" !important; font-family: 'ETmodules'; font-size: 20px; color: var(--px-color-1); position: absolute; visibility: visible; left: 0; bottom: -30px; margin-left: 100px; margin-right: -100px; } /*---Meta CSS---*/ .px_testimonial_v1 .px_testimonial.et_pb_testimonial .et_pb_testimonial_meta { margin-left: 100px; } /*Review */ .px_testimonial_v1 .px_review{position:absolute;left:0;bottom:-22px;right:0;width:150px;background:#ec6b15;margin:0 auto;margin-bottom:0;text-align:center;border-radius:30px;display:block;overflow:hidden;line-height:16px} .px_testimonial_v1 .px_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .px_testimonial_v1 .px_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .px_testimonial_v1 .px_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before{content:"\e031"} .px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before{content:"\e032"} .px_review_testi_v21 { position: absolute; bottom: 0px; right: -5px; margin-bottom: 0; text-align: center; border-radius: 30px; display: block; overflow: hidden; line-height: 16px; font-style: normal; } .px_review_testi_v21 ul { position: relative; display: block; overflow: hidden; list-style: none; margin: 0; padding: 0; text-align: center; } .px_review_testi_v21 ul li { display: inline-block; float: none; margin: 0 3px; color: #FFB539; font-size: 16px; line-height: 45px; } .px_review_testi_v21 ul li::before { content: "\e033"; font-family: ETmodules !important; } /*---Testimonial v2 CSS---*/ .px_testimonial_v2{} /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .px_aboutus_v1 .px_blurb_info .et_pb_blurb_container { padding-left: 40px !important; } .px_aboutus_v1 .px_blurb_info:hover .et_pb_module_header{ color:var(--px-color-1) !important; } .px_aboutus_v1 .px_blurb_info:hover .et_pb_main_blurb_image{ background:var(--px-color-1); } .px_aboutus_v1 .px_blurb_info .et-pb-icon { transform: rotate(-45deg); color: var(--px-color-1) !important; transition: 0.4s ease-in-out !important; } .px_aboutus_v1 .px_blurb_info:hover .et-pb-icon { color:#fff !important; } /*paly icon*/ .px_aboutus_v1 .px_play_icon .et-pb-icon { background: var(--px-color-1); width: 80px; height: 80px; border-radius: 99px; line-height: 2 !important; z-index: 1; text-align: center; } .px_aboutus_v1 .px_play_icon .et-pb-icon:before{ animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-name: ripple; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:var(--px-color-1); z-index: -1; border-radius: 50%; transition: all ease 0.4s; } .px_aboutus_v1 .px_play_icon .et-pb-icon:after{ animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-name: ripple; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:var(--px-color-1); border-radius: 50%; transition: all ease 0.4s; z-index: -1; } /* ----------------------------------- Classes Section CSS -------------------------------------*/ .px_classes_img .et_pb_image_wrap img { height: 400px !important; object-fit: cover; } .px_classes_v1 .px_blurb_cls .et_pb_blurb_content{ width: calc(100% - 64px); transform: translateX(0%); background:var(--px-color-2); padding: 34px 25px 22px; } .px_classes_v1:hover .px_blurb_cls .et_pb_module_header { color: var(--px-color-1) !important; } .px_classes_v1:hover .px_blurb_cls .et_pb_main_blurb_image{ background:var(--px-color-1); } .px_classes_v1 .px_blurb_cls .et-pb-icon { color: var(--px-color-1) !important; transition: 0.4s ease-in-out !important; transform: skewX(15deg) } .px_classes_v1:hover .px_blurb_cls .et-pb-icon { color:#fff !important; } .px_classes_v1 .px_blurb_cls .et_pb_blurb_description a{ color: var(--px-color-1) !important; font-size: 15px; font-weight: 800 !important; position: relative; top: 8px; } /*service side bar detail pages*/ .px_service_sidebar .service-list{ display: block; list-style: none; padding: 0; position: relative; } .px_service_sidebar .service-list li { position: relative; line-height: 24px; margin-bottom: 10px; box-shadow: 0px 0px 5px rgb(0 0 0 / 10%); transition: all 300ms ease !important; transition: all 300ms ease; } .px_service_sidebar .service-list li a { position: relative; display: block; color: #222222; font-size: 16px; font-weight: 600; line-height: 26px; padding: 17px 25px; background-color: #ffffff; transition: all 300ms ease !important; text-transform: uppercase; transition: all 300ms ease; } .px_service_sidebar .service-list li a:hover{ background-color: var(--px-color-1); color: #ffffff; } .px_service_sidebar .service-list li a:before { content: "\35"; font-family: ETmodules!important; position: absolute; right: 15px; top: 0px; width: 30px; height: 60px; display: block; line-height: 60px; font-size: 20px; font-weight: normal; text-align: center; z-index: 5; transition: all 300ms ease !important; transition: all 300ms ease; } .px_service_sidebar .service-list li a:hover:before { background-color: var(--px-color-2); } .px_service_sidebar .service-list li a span{ color: #000; font-size: 24px; font-weight: 700; } /*schedule */ .px_service_schedule .et_pb_text_inner span{ color: var(--px-color-1); } /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .px_choose_v1 .px_choos_blurb {} .px_choose_v1 .px_choos_blurb .et_pb_main_blurb_image:before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 0%; transition: .9s ease; z-index: 1; opacity: 0; background-color: #29282d; } .px_choose_v1:hover .px_choos_blurb .et_pb_main_blurb_image::before { height: 100%; opacity: .6; } .px_choose_v1 .px_choos_blurb2 .et_pb_blurb_description { padding: 0px 0px; } .px_choose_v1 .px_choos_blurb2 .et_pb_blurb_description .link { margin-top: 15px !important; } .px_choose_v1 .px_choos_blurb2 .et_pb_blurb_description .link:hover{ color: var(--px-color-1) !important; } .px_choose_v1 .px_choos_blurb2 .et_pb_main_blurb_image .et-pb-icon{ position: absolute; bottom:0px; right: 0; color: var(--px-color-2) !important; opacity: 0.2; transition: all 0.5s ease 0s; } .px_choose_v1:hover .px_choos_blurb2 .et_pb_main_blurb_image .et-pb-icon{ color: var(--px-color-1) !important; opacity:1; bottom: 10px; } /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .px_counter_v1 .px_counter_blurb .et_pb_blurb_container { margin-top: 25px; } .px_counter_v1 .px_counter_blurb h2 { position: absolute; color: var(--px-color-1) !important; top: 8px; font-size: 50px; font-weight: 600; } .px_counter_v1 .px_counter_blurb .et_pb_main_blurb_image .et-pb-icon{ color: var(--px-color-2) !important; opacity: 0.1; transition: all 0.5s ease 0s; position: absolute; right: 0; } .px_counter_v1:hover .px_counter_blurb .et_pb_main_blurb_image .et-pb-icon{ color: var(--px-color-1) !important; opacity:0.1; transform: scale(1.2); transition: all 700ms ease; } .px_img_gallery .et_overlay::before { background: linear-gradient(0deg,var(--px-color-2) 0%,rgba(255,255,255,0) 100%); height: 100%; position: absolute; top: 0; width: 100%; z-index: 1; transition: all 0.3s; } .px_img_gallery .et_overlay:hover::before { background-color: rgba(0, 0, 0, 0.4); } .px_img_gallery .et_pb_grid_item .et_overlay.et_pb_inline_icon::before { color: var(--px-color-1) !important; } .px_img_gallery .et_pb_gallery_items .et_pb_gallery_image { overflow:hidden; } .px_img_gallery .et_pb_gallery_items .et_pb_gallery_image img { transform: scale(1.01) !important; transition: all .4s ease-out 0s; } .px_img_gallery .et_pb_gallery_items .et_pb_gallery_image:hover img { transform: scale(1.2) !important; } .px_img_gallery .et_pb_gallery_pagination ul{ text-align:center !important; } .px_img_gallery .et_pb_gallery_pagination { border: none !important; } .px_img_gallery .et_pb_gallery_pagination ul li { padding: 5px !important; } .px_img_gallery .et_pb_gallery_pagination ul li { padding: 5px !important; } .px_img_gallery .et_pb_gallery_pagination ul li a { background-color: var(--px-color-1); padding: 8px 15px; border-radius: 3px; color: #fff !important; transition: 0.7s !important; } .px_img_gallery .et_pb_gallery_pagination ul li a.active { color: #fff !important; background-color: var(--px-color-2); } .px_img_gallery .et_pb_gallery_pagination ul li a:hover { background-color: var(--px-color-2); } /* ----------------------------------- 28. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* aanimation*/ @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } 30% { opacity: 0.4 } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } } /********** Mobile Menu Style1************/ .et_divi_100_mm_m_style1 .et_pb_menu ul.et_mobile_menu { max-height: 80vh; overflow-y: auto; } .et_divi_100_mm_m_style1 .mobile_menu_bar:before {color: var(--px-color-1) !important;} /*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; } /* breadcrumbs */ #dpprof_breadcrumbs .separator{font-size:20px;color:var(--white);font-weight:100;} #dpprof_breadcrumbs{overflow:hidden;text-align: left;list-style:none;margin:11px 0;padding: 0;} #dpprof_breadcrumbs li{margin-right:14px;display:inline-block;vertical-align:middle;} #dpprof_breadcrumbs a{color :var(--px-color-1);font-size: 18px;} #dpprof_breadcrumbs .bread-home:before{content:'\e009';font-family:ETmodules; font-size: 18px; margin-right: 8px;} #dpprof_breadcrumbs .item-current{color :var(--white);font-size: 18px;}