/*---------------------------------------------------------------------------------

 Theme Name:   Workforce Ministries Child
 Theme URI:    https://workforceministries.com/
 Description:  A child theme for Workforce Ministries
 Author:       Clayton Design Group
 Author URI:   https://claytondesigngroup.com
 Template:     Divi
 Version:      1.0.25
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Add custom CSS below the line. DO NOT EDIT ABOVE apart from updating the version number.
 Make sure to update the version line above each time this file is updated.

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
html {
	font-size: 62.5%;
}

/* Turn Arrows in Navigation Menu */
.cdg-menu li > a:after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.cdg-menu li:hover > a:after {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
	transform: rotate(360deg);}

/*align heading center and lines on both sides*/
.cdg-headline-line-both h3 {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}
/*add and adjust the lines*/
.cdg-headline-line-both h3:before,
.cdg-headline-line-both h3:after {
	content: '';
	border-top: 1px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #1082a7;
}
/*add spacing between heading and lines*/
.cdg-headline-line-both h3:after {
	margin: 0 0 0 20px;
}

/*Vertical Menu*/
/*remove default 11px padding on each side of list items*/
.cdg-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

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

/*style the menu items*/
.cdg-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 6%!important;
	background: transparent;
  text-align: center; /* Center the text */
}


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

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

/*make the submenu align directly to the right of the menu item instead of below*/
.cdg-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}

/*align submenu to the right of menu link*/
.cdg-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}

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

/* WP Form button styles */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: #1082a7 !important; /* background */
    color: #fff !important; /* White text */
	text-transform: uppercase !important; /* Transform text to uppercase */
	letter-spacing: 0.03 rem; /* letter spacing */
    border: medium solid #1082a7 !important; /* solid border */
}
/* WP Form button hover styles */
.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active {
    background-color: #447397 !important; /* background */
    border: medium solid #447397 !important; /* solid border */
}

/* Ensure proper display in grid */
.et_pb_blog_grid .et_pb_post h2 {
    display: flex;
    flex-direction: column;
}