/*======================================
Theme Name: Free Divi Child Theme By Pee-Aye Creative
Theme URI: https://www.peeayecreative.com/
Description: This is a free Divi child theme from Pee-Aye Creative!
Author: Nelson Lee Miller (aka The Divi Teacher)
Author URI: https://www.peeayecreative.com/
Author Email: nelson@peeayecreative.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/
.bb-search-icon::after {
    content: '\55';
    font-family: ETModules;
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) scaleX(-1);
    pointer-events: none;
    z-index: 9;
}

.bb-search-icon .et_pb_searchsubmit {
    z-index: 10;
}



/* top menu bar search change field colour */
.et_pb_menu .et_pb_menu__search-input {
	color:white !important}
	
/*style social sharing buttons*/

.custom-share-buttons {
  margin-top: 20px;
}

.custom-share-buttons a {
  display: inline-block;
  margin-right: 12px;
  padding: 8px 14px;
  background-color: #2c3e50;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.custom-share-buttons a i {
  margin-right: 6px;
}

.custom-share-buttons a:hover {
  background-color: #1abc9c;
}


h1 {
  font-family: Encode Sans Condensed;
  font-size: 28px;
  color: #564343;
  line-height: 1;
	font-weight: 600
}
h2 {
  font-family: Encode Sans Condensed;
  font-size: 22px;
  color: #564343;
  line-height: 1.1;
	font-weight: 600
}
h3 {
  font-family: Encode Sans Condensed;
  font-size: 20px;
  color: #564343 !important;
  line-height: 1.2 !important;
	font-weight: 600
}
h3 a,
.et_pb_module h3 a,
.et_pb_text h3 a {
  color: #df322c !important;
  text-decoration: none !important;
}

h3 a:hover,
.et_pb_module h3 a:hover,
.et_pb_text h3 a:hover {
  color: #3e3e3e !important;
}
h4 {
  font-family: Encode Sans Condensed;
  font-size: 18px;
  color: #564343;
  line-height: 1.1;
font-weight: 600
}
h5 {
  font-family: Encode Sans Condensed;
  font-size: 16px;
  color: #564343;
  line-height: 1;
	font-weight: 600
}
h6 {
  font-family: Encode Sans Condensed;
  font-size: 14px;
  color: #564343;
  line-height: 1;
	font-weight: 600
}

/*style the Divi Post Navigation buttons*/
.et_pb_posts_nav .nav-previous a,
.et_pb_posts_nav .nav-next a {
	color: #df322e;
	background: transparent;
	border: 1px solid #df322e;
	transition: all 0.3s ease-in-out;
	border-radius: 5px;
	padding: .3em 1.3em;
	
}
/*style the Divi Post Navigation buttons on hover*/
.et_pb_posts_nav .nav-previous a:hover,
.et_pb_posts_nav .nav-next a:hover {
	color: #ffffff;
	background: #df322e;
	border: 1px solid #df322e;
	transition: all 0.3s ease-in-out;
}

/*style images with rounded corners and shadow*/
.rounded-image img{float: left; margin-right: 20px; margin-top: 7px; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);}

/*set the width of the rows inside the Post Content module*/
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}


/*link hover colour*/
  a:hover {
        color: #3e3e3e;
    }

/*custom bullets*/
.custom_bullets_wpcc ul li {
  padding-left: 30px;
  list-style:none;
  margin-bottom: 1px;
}
.custom_bullets_wpcc ul li::before {
  content: '';
  display: inline-block;
  margin-right: 7px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules';
  font-size: 1em;
  vertical-align: middle;
	}
.custom_bullets_wpcc--check ul li::before {
  content: '\52';
}
.custom_bullets_wpcc--arrow ul li::before {
  content: '\49';
}


/*for the about and awards page menu
/*remove default 11px padding on each side of list items*/
.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/*make the menu items fullwidth and add space between them*/
.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}

/*style the menu items*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 10px!important;
	background: #e8e8e8;
	border-radius: 6px;
	border: 2px solid #e8e8e8;
}

/*style the menu items on hover*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff;
	background: #df322c;
	border-color: #df322c;
}

/*style the active menu item*/
.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #ffffff;
	background: #df322c;
	border-color: #df322c;
}


@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}


/*HOW TO MAKE MOBILE MENU COLLAPSE*/
/*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: white;
	background: #df312e;
	border-radius: 50%;
	padding: 3px;
}

/*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: 0;
	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: 10px;
}

/*set the Divi MAIN menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	/* Let submenus fit their content naturally */
	.nav li ul {
		width: auto;
		min-width: max-content;
		display: block;
		white-space: nowrap;
	}

	/* Ensure submenu items stack vertically */
	.nav li ul li {
		display: block;
		white-space: nowrap;
	}

	/* Allow links to size based on text */
	.nav li ul li a {
		display: block;
		width: auto !important;
		padding: 10px 15px; /* Adjust as needed */
	}

	/* Sub-submenus: fly out to the right */
	.nav li ul li ul {
		top: 0;
		left: 100%;
		position: absolute;
	}

	/* Ensure parent <li> is positioned relative */
	.nav li {
		position: relative;
	}

	/* Keep submenus visible on hover */
	.nav li:hover > ul {
		display: block !important;
	}
}