/*!
Theme Name: Divi Child
Theme URI: 
Version: 1.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Midwest Web Design, Inc.
Author URI: http://www.midwestwebs.com
Template: Divi
Tags: 
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Donate button on the main nav has a gold background */
/* style the donate cta button */
            .donate-button {border-radius: 0px;}
            .donate-button a {color: #000!important;}
            li.donate-button {
                background-color:#E4EEC9; 
                text-align: center; 
                padding: 12px 12px 12px 12px!important;
            border-radius: 20px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.donate-button:hover {background-color:#E4EEC9;}
 
/* fixed header button text color */
                 .et-fixed-header #top-menu .donate-button a {
                        color: #000!important;}
        .donate-button li.current-menu-ancestor > a, .donate-button li.current-menu-item > a {
                    color: #000 !important;} 
 
    @media only screen and (min-width : 981px) {
            li.donate-button {
				height: 35px;
				background-color:#F2AC15;
		}
			li.donate-button:hover {background-color:#F2AC15;}
}
 
/* highlight the page title */
.pink-highlight {
	background-color:#FFD8DA;
	padding: 3px 3px 3px 3px;
	display: inline;
}
/* highlight the entire row of row title - used on Links page */
.pink-highlight-row {
	font-weight: bold; 
	background: #FFD8DA;
	padding: 5px 5px 5px 5px;
}
/* Style the forms for prayer request and support request */
.request-form {
	border-radius:25px; 
	background-color:#E4EEC9;
	border: 0 !important;
}
.request-form td {
	text-align:center;
} /* end - style forms */

input.wpcf7-form-control.wpcf7-submit:hover {
color: black;
}
input.wpcf7-form-control.wpcf7-submit {
background-color: #FFD8DA;
}
/* Single post page - make picture 200px wide not 100% */
div.et_post_meta_wrapper img { max-width: 200px; }

/* Remove date and time from post entries */
p.post-meta { display:none; }
/* Don't show Yoast SEO breadcrumbs on Home page */
body.home #breadcrumbs {
    display: none;
}
/* style the breadcrumbs to line up with the page content */
div.yoast-container {
border: none !important;
}
/* Padding for the breadcrumbs on the page */
/*div#et-main-area p#breadcrumbs { 
	padding-left: 100px;
	padding-top: 20px 
}*/
/* Enlarge the font for the titles on the sidebar */
h4.widgettitle { font-size: 15px; font-weight: bold; }

/* change featured image size on pages with all the categories and the stories */
a.entry-featured-image-url img {
	width: 250px;
	height: auto;
}
/* keep image aspect for featured images used for thumbnails - Stories pages */
body.archive .et_pb_post img,
body.search .et_pb_post img {
    object-fit: cover !important;
}



/* Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

.categories{
    column-count: 5;
    column-gap: 50px;
}
/* begin style of navigation in menu */
/*----------Sub Menu----------*/
 
#top-menu li li a {
    border: 1px solid white;
    margin-bottom: 15px;
    text-align: center;
}
 
#top-menu li li a:hover {
    color: #3e007f;
    background: white;
    opacity: 1!important;
}
 
.nav li ul {
    border-top: 0px solid #3e007f;
    margin-top: -20px;
}
 
/*----------Sub Menu Mobile----------*/
 
.et_mobile_menu {
    border-top: 0px solid #2ea3f2;
}
 
/*.et_mobile_menu li a {
    text-align: center;
}*/
/* end style of navigation in menu */

/* customize grid */
@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\51";
}