/* 
 Theme Name:     Midwest Pilgrim Holiness Church (Divi child theme)
 Theme URI:      http://www.websiteministries.com
 Description:    A custom designed child-theme built for the Midwest Pilgrim Holiness Church
 Author:         Website Ministries LLC
 Author URI:     https://www.websiteministries.com
 Template:       Divi
 Version:        1.1.0
*/ 

@import url("../Divi/style.css"); 
/* Pull in Google Fonts */








.spamfilter {display:none !important;}


/* =Theme customization starts here 
------------------------------------------------------- */ 
/* Add content for screnreaders */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Add FOCUS for mobile menu */
.mobile_menu_bar:focus {
  outline: 3px solid #005fcc;
  outline-offset: 4px;
}



/* Add Skip to content link styling */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 100000;
  text-decoration: none;
  font-weight: 600;
}

.skip-link:focus {
  top: 0;
}





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> Main Menu CUSTOMIZATIONS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.mphcmainmenu a:hover { opacity: 1 !important;}


/* WCAG Adjustments ..........................................*/
.mphcmainmenu .menu-trigger {
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;;
  color: #FFFFFF !important;
  font-size:1.1rem !important;
  padding-top: 0 !important;
}

/* Change hamburger menu to X when open */
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}

/* Smooth slide transition */
.et_pb_menu .et_mobile_menu li ul {
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  max-height: 0;
  opacity: 0;
}

.et_pb_menu .et_mobile_menu li ul.open {
  max-height: 500px; /* large enough to fit any submenu */
  opacity: 1;
}

/* Toggle indicator */
.et_pb_menu .et_mobile_menu li.menu-item-has-children > a::after {
  content: ' +';
  font-weight: bold;
  float: right;
  margin-right: 10px;
  transition: transform 0.5s ease;
}

.et_pb_menu .et_mobile_menu li.menu-item-has-children.open > a::after {
  content: ' −';
}

.et_mobile_menu li.menu-item-has-children > a {background: #fff !important;}


@media (prefers-reduced-motion: reduce) {
  .et_pb_menu .et_mobile_menu li ul {
    transition: none;
  }
}

/* Desktop only - dropdown container styling */
@media (min-width: 981px) {
	  .et_pb_menu .nav ul.sub-menu,
	  .et_pb_menu_0 .nav ul.sub-menu {
		border-radius: 8px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
		overflow: hidden; /* keeps child items clipped to the rounded corners */
	  }
		.et_pb_menu .nav ul.sub-menu li a {
		font-size: 1.2rem;      /* adjust to your preferred size */
		font-weight: 500;     /* 400=normal, 500=medium, 600=semi-bold, 700=bold */
		letter-spacing: 0.5px; /* optional, helps heavier weights feel more refined */
	}

	/*set the Divi menu dropdown auto width*/
	.nav li ul {
		width: fit-content;
		min-width:300px;
		display: flex;
		flex-direction: column;
	}

	.nav li li {
		white-space: nowrap;
	}

	.nav li li a {
		width: auto !important;
	}
	.menu-hide-on-desktop {display:none !important;}
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/





/*place button modules next to each other in the same column*/
.buttons-inline .et_pb_button_module_wrapper {
		display: inline-block;
	}
	
/* Set the icon modules inline under the profile image */
.icon_inline .et_pb_icon {
	  display: inline-block;
	  margin: 0 10px; /* Adjust spacing as needed */
	}
	
	
.mejs-offscreen { display: none !important; }

.wp-block-search__button {width:85px !important;}

/* Read more blog button */

.more-link {
	margin-top: 15px;
	padding:10px 35px;
    background-color: #00a98f;
    display: inline-block !important;
    color: #fff;
    text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.search-no-results .entry {line-height:1.4em;}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> WP Forms Customizations <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.wpforms-submit-container .wpforms-submit {
	min-height:70px !important; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* WP Forms Submit Button styles */
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit] {

    padding-top: 18px !important;
	padding-bottom: 18px !important; /* Increase distance between text and border */
   background-color: #002540 !important;
    color: #fff; /* White text */
	width:100%;
}
/* WP Forms Submit Button Hover styles */

div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form input[type=submit]:active, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:active, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:active { 
    background-color:#003053 !important;
}
/* WP Forms Submit Center */
.wpforms-submit-container {/*text-align:center;*/}


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

@media screen and (max-width: 1200px) {
	.et_pb_menu__logo {max-width:300px !important;}
}

@media screen and (max-width: 1100px) {
	.et_pb_menu__logo {max-width:200px !important;}
	.et_pb_menu .et-menu > li {padding-left:7px !important; padding-right: 7px !important;}
}

@media screen and (max-width: 1050px) {

}


@media screen and (max-width: 980px) {

		/* In the footer and 4 column layouts to use margin-auto in mobile view  */
		.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {margin-right:auto !important;}
		
		.buttons-inline .et_pb_button_module_wrapper {
			display: block;
			margin:18px auto;
		}
		.buttons-inline {
			text-align: center !important;
		}
		/* Increase size of mobile menu font */
		.mphcmainmenu ul li a {font-size:1.5rem !important; line-height:2.2rem !important;}
		.mphcmainmenu .sub-menu a {font-size:1.3rem !important;line-height:1.6rem !important;}
		
		
		/* Add Text to Mobile Menu (requires javascript to make it clickable */
		.mobile_menu_bar {
			display: flex;
			flex-direction: row-reverse;
			justify-content: flex-end;
			align-items: center;
			gap: 8px;
		}
		
		.mobile_menu_bar:after {
			content: 'MENU';
			font-size: 24px;
			margin-top: 0;
			position: static !important;
			color: #fff !important;
			font-weight: 500 !important;
			cursor: pointer;
			font-family: inherit;
		}
		
		.mphcmainmenu .menu-trigger {color: #002540 !important; font-size:1.5rem !important; font-weight:bold !important;}
		.et_mobile_menu li button.menu-trigger {background: #fff !important;}
		.menu-trigger:hover { opacity: 1 !important;}
		
		/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> ADJUST STACKING ORDER <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
		/*** wrap row in a flex box ***/
		.stack-order {
		  display: -webkit-box;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;
		  display: flex;
			-webkit-flex-wrap: wrap; /* Safari 6.1+ */
			flex-wrap: wrap;
		}
		.first-on-mobile {-webkit-order: 1;order: 1;}
		.second-on-mobile {-webkit-order: 2;order: 2;}
		.third-on-mobile {-webkit-order: 3;order: 3;}
		.fourth-on-mobile {-webkit-order: 4;order: 4;}
		.custom_row:last-child .et_pb_column:last-child {margin-bottom: 30px; }
		


}






/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> WOOCOMMERCE CUSTOMIZATIONS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> Event CUSTOMIZATIONS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*.et_pb_post_content.event-post-content .et_pb_section {padding-top:30px !important;}*/


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> Accessibility <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@media (prefers-reduced-motion: reduce) {
  /* Disable Divi's built-in animation classes */
	.et_animated {
		opacity: 1 !important
	}
	.et_pb_section * {
		-o-transition-property: none!important;
		-moz-transition-property: none!important;
		-webkit-transition-property: none!important;
		transition-property: none!important;
		-o-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-webkit-transform: none!important;
		transform: none!important;
		-webkit-animation: none!important;
		-moz-animation: none!important;
		-o-animation: none!important;
		animation: none !important;
	}
}