/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.12.0.1635706827
Updated: 2021-10-31 19:00:27

*/

/* ---------- HEADER TAGS, PARGRAPHS, ORDERED/UNORDERED LISTS, (EVERYTHING FONTS) ---------- */

/* Header Tags, Divi CTA Button, Divi Email Opt-in Button 
h1, h2, h3, h4, h5, h6, .et_pb_section, .et_pb_newsletter_button_text, .ff-btn {
	font-family: neue-haas-grotesk-display, sans-serif, Helvetica;
	padding-bottom: 0px;  
} 

Paragraphs, Ordered and Unordered Lists, Copyright Footer Section, Fluentform Labels 
p, .entry-content ul, .entry-content ol, .et_pb_text_inner, .fluentform {
	font-family: neue-haas-grotesk-text, sans-serif, Helvetica;
}  */

/* Removes Default Underline on Links (Used Mainly for Copyright Footer Area) */
a.underline-hover {
   text-decoration: none;
}

/* Adds Underline on Links When Hover (Used Mainly for Copyright Footer Area) */
a:hover.underline-hover {
   text-decoration: underline;
}

/* Formats Ordered and Unordered Lists Better (update: Apr 2025 the below css messed with the member portal sidebar menu, possibly delete later)
.entry-content ol, .entry-content ul {
    padding: 0px 0px 0px 50px;
    list-style-position: outside;
}
 
.entry-content ol li, .entry-content ul li {
	margin-bottom: 20px;
} */

/* Green Disc Unordered Lists */
.green-disc ul li:before {
content: '\5c'!important;
color: #4CAF01;
font-family: 'ETMODULES'!important;
margin-left: -45px;
font-size: 35px !important;
position: absolute;
}

/* Red Disc Unordered Lists */
.red-disc ul li:before {
content: '\5c'!important;
color: #d12e2e;
font-family: 'ETMODULES'!important;
margin-left: -45px;
font-size: 35px !important;
position: absolute;
}

/* Purple Disc Unordered Lists */
.purple-disc ul li:before {
content: '\5c'!important;
color: #835BD5;
font-family: 'ETMODULES'!important;
margin-left: -45px;
font-size: 35px !important;
position: absolute;
}

/* Green Checkmark Unordered Lists */
.green-checkmark ul li:before {
content: '\e052'!important;
color: #4CAF01;
font-family: 'ETMODULES'!important;
margin-left: -45px;
font-size: 30px !important;
position: absolute;
}

/* Red X/Exit Unordered Lists */
.red-exit ul li:before {
content: '\e051' !important;
color: #d12e2e;
font-family: 'ETMODULES'!important;
margin-left: -45px;
font-size: 30px !important;
position: absolute;
}

/* Highlighting/Selecting Text in Browser */
::-moz-selection {
	color: #FFFFFF;
  	background: #835BD5;
}

::selection {
	color: #FFFFFF;
	background: #835BD5;
}

/* ---------- BACK TO TOP BUTTON CUSTOMIZATION ---------- */

/* Main Area of Back to Top Button */
.et_pb_scroll_top.et-pb-icon {
	right: 15px;
	border-radius: 25px;
}

/* Main Area of Back to Top Button on Hover */
.et_pb_scroll_top.et-pb-icon:hover {
	background: #767676;
}

/* Icon in the Back to Top Button */
.et_pb_scroll_top::before {
	content: "\21";
}

/* ---------- MAIN NAVIGATION MENU STYLES ---------- */

/* Make Search Toggle White Instead of Black on Main Menu */
.et_pb_menu .et_pb_menu__search-input {
	color: white;
}

/* CSS to Make Search Icon Bold as Opposed to Light */
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button {
	font-weight: bold;
}

/* ---------- RANDOM STYLES THROUGHOUT DIVI ---------- */

/* Bar Counter Speed Module */
.et-animated li span .et_pb_counter_amount {
	animation: slideWidth 5s 1 cubic-bezier(.77,0,.175,1);
}

/* ---------- AMELIA APPOINTMENT SCHEDULER ---------- */

/* Amelia V1: Photo of Employee in the Scheduler */
.am-employee-photo {
	display: none !important;
}

/* Amelia V2: Main Wrapper/Container */
.amelia-v2-booking #amelia-container.am-fs__wrapper {
	box-shadow: 0 0 20px 10px rgba(0,0,0,0.2) !important;
	margin-top: 40px !important;
}

/* Amelia V2: Removes Payment Section on First Page of Scheduler */
.amelia-v2-booking #amelia-container .am-fs-sb__step:nth-child(3) {
	display: none !important;
}

/* Amelia V2: Payments Section on Last Page of Booking Step */
.amelia-v2-booking #amelia-container .am-fs__congrats-info-customer > div:nth-child(5) {
	display: none !important;
}

/* Amelia V2: Congrats Heading on Last Page of Booking Step */
.amelia-v2-booking #amelia-container .am-fs__congrats-main > :nth-child(2) {
	text-align: center !important;
}

/* Amelia V2: Buttons in All Booking Steps */
.amelia-v2-booking #amelia-container .am-button span {
	font-weight: 800 !important;
}

/* ---------- DIVI PIXEL PLUGIN STYLES ---------- */

/* Centers the sub-menu list */
.et_mobile_menu li li {
	padding-left: 0 !important;
}

/* Styles for the overall menu for the member portal 
#mobile_menu1 {
 	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	max-height: 70vh;
	overflow-y: auto; 
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-radius: 10px;
} */

/* Brings the expand/collapse icon closer to the menu and sub-menu items */
@media (min-width: 768px) {
body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a::before, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a::before, body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a::after, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a::after {
	right: -225px !important;
	position: relative !important;
	}
} 

/* Styles the full screen drop down menu */
@media (max-width: 5000px) {
	body.dipi-mobile-menu-fullscreen .mobile_nav.opened::before {
	left: -1%;
	right: -1%;
	border: 1px solid #666666;
	}
}

/* This makes all Elegant Theme buttons, including Divi Pixel modules full-width. This can style can overridden by editing the module settings if 100% width isn't wanted */
.et_pb_button {
	width: 100%;
}

/* ---------- COLLAPSE DIVI SUB-MENU ITEMS FROM PEE-AYE-CREATIVE ---------- */

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.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*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #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*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.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_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.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*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.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*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.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*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.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: #f5f5f5;
	background: rgba(109,74,183,0.5);
	border-radius: 50%;
	padding: 3px;
	font-size: 16px;
	border: 1px solid #6d4ab7;
	font-weight: normal;
}

/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}

/*add point on top of the menu submenu dropdown

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
} */


/*adjust the position of the hamburger menu

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}*/


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	/*background-color: #ffffff!important;*/
	border-radius: 5px;
}

/* ---------- DIVI SIDEBAR MENU ON DESKTOP FROM PEE-AYE-CREATIVE ---------- */

/*hide desktop menu*/
.pa-sidebar-menu .et_pb_menu__menu,
.pa-sidebar-menu .mobile_menu_bar:before {
	display: none !important;
}

/*display mobile menu container on desktop*/
.pa-sidebar-menu .et_mobile_nav_menu {
	display: block !important;
	width: 100%;
}

/*display mobile menu on desktop*/
.pa-sidebar-menu .et_mobile_menu {
	display: block !important;
	position: relative;
	border-top: none;
}

/*hide point on top from prerequisite tutorial*/
.pa-sidebar .et_mobile_menu:after{
	display: none;
}

/*hide bullet lists from menu*/
.pa-sidebar-menu li {
	list-style: none;
}

/*style the menu, add overflow, set height*/
.pa-sidebar-menu {
	max-height: 80vh !important;
	overflow-y: auto !important;
	box-shadow: none;
}

/*adjust the width of the entire scrollbar*/
.pa-sidebar-menu::-webkit-scrollbar {
	width: 10px;
}

/*set a color for the scrollbar track*/
.pa-sidebar-menu::-webkit-scrollbar-track {
	background: #ffffff;
}

/*style the scrollbar thumb*/
.pa-sidebar-menu::-webkit-scrollbar-thumb {
	background-color: #00d263;
	border-radius: 20px;
	border: 2px solid #ffffff;
}

/* ---------- POYAN'S COLLAPSABLE + SIDEBAR MENU ADDED STYLES ---------- */

/* This reduces the padding around the entire menu so that it can hit the edge of the background */
.et_mobile_menu li a {
	padding: 10px 0% !important;
} 

/* This removes the sub-menu background when opened so it basically inherits the main background colour */
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	background-color: transparent !important;
}

/* This styles the mobile dropdown menu container without affecting the desktop sidebar menu */
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
	border: 1px solid #666666 !important;
	border-radius: 10px !important;
	overflow: scroll !important;
	max-height: 80vh;
}

/* This styles the input area of the search bar when the icon is clicked and the search bar appears */
.et_pb_menu .et_pb_menu__search-input {
	background-color: #111111;
	padding: 10px;
	border: 1px solid #666666;
	border-radius: 5px;
}

/* This makes the Divi Pixel hamburger animation/icon visible on only tablet and mobile 
@media (min-width: 981px) {
  .dipi_hamburger.hamburger {
    display: none !important;
  }
} */

/* ---------- ADDED APRIL 2025: FONT AWESOME 6 ICONS TO ALL MEMBER PORTAL MAIN MENU ITEMS ---------- */

.pf-menu-icon {
	font-size: 20px;
	font-size: 18px;
	margin-right: 10px; /* Space between icon and text */
	display: inline-block; /* Makes sure the icon and text appear on the same line */
  	width: 1.5em; /* Set a consistent width for all icons */
  	text-align: center; /* Centers icon inside its box */
}