/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/Divi/
 Description:    Divi Child Theme For HIMFP
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 

 
/*---------- [Load The Fonts] ----------*/



/* To COMPLETELY remove the default menu and use a divi module instead, 
/* disable Dashboard>Divi Options>Fixed Navigation Bar, then add this css
--------- */
#main-header {
display: none;
}


/* MENU BUTTON CUSTOMIZATIONS
/* Nav Block Colors
--------- */
li.cta_menu { margin:  auto;
}
li.cta_menu a {vertical-align: middle;}

/* ---------MENU Module logo tweaks
--------- */


/* ----DISABLE---  

#menu-item-220160.cta_menu-green a {
 color: #ffffff !important;
	padding: 10px 15px !important;
    background-color: #258039;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
	font-weight:60000;

}

#menu-item-220158.cta_menu-green a {
 	color: #ffffff !important;
	padding: 10px 15px !important;
    background-color: #258039;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
	font-weight:60000;

}
/*
#menu-item-220157 a {
	line-height: 1em;
	font-weight:60000;
}

 
#menu-item-220151.cta_menu-yellow a {
	padding: 10px 15px !important;
    background-color: #f5be41;
    color: #258039 !important;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
   	font-weight:60000;
   	margin-top: 5px;
	margin-bottom: 5px;
}
 
/* --display the mobile menu at around 1024px instead of 980px--
@media (max-width: 1024px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }
 */
 
 
/*change Divi hamburger menu to X
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
*/

/* Extend dropdown links full-width, dl-menu class added in menu module*/
.dl-menu .nav li li {
    padding: 0;
    min-width: 100%;
}
.dl-menu .nav li li a {
    min-width: 100%;
}
/* Change the width of the dropdown container */
.dl-menu ul.sub-menu {

}

/* Change the width of the links inside the dropdown */
.dl-menu ul.sub-menu li,
.dl-menu ul.sub-menu li a {
    width: 100%;
}

/* Position the second level dropdown correctly */
.dl-menu .nav li li ul {
    left: 300px;
}
.dl-menu .nav li.et-reverse-direction-nav li ul {
    left:auto;
    right:300px;
}
/* Change the dropdown links font */
.dl-menu .nav li li a {
    text-transform:none;
    font-weight:400;
    font-size:16px;
}
.dl-menu {
	height: 110px;
}

/*----------Make Sub Menu scrollable on mobile----------*/

 .et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

/*----------Sub Menu Mobile----------*/
 
.et_mobile_menu {
    border-top: 0px solid #CF3721;
}
 
.et_mobile_menu li a {
    text-align: center;
}
/*----------Make Sub Menu not hidden z-index----------*/
header.et-l.et-l--header {
    z-index: 99999;
    position: relative;
}


/*fluid-menu for responsive */
/* Enable full menu on tablet */

@media all and (min-width: 768px) {
  #fluid-header .et_pb_menu__menu {
    display: block;
  }

  #fluid-header .et_mobile_nav_menu {
    display: none;
  }
}


/* Flexbox parent container */
.container-flexbox {
   display: flex; 
   justify-content: space-between; 
   flex-wrap: wrap; 
}


/*adjust Divi Menu module breakpoint
@media only screen and (max-width: 1365px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
}
*/

/*Disables ALL Animations on Mobile even sliders 
@media all and (max-width: 981px) {
	.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;
	}
}
*/


/*CSS & JQuery To Collapse The Divi Mobile Menu Submenus*/
/*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: #00d263;
	background: #f0f3f6;
	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 pointer at 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 #258039;
}
*/

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

/* Text word "MENU" under hamburger in Theme Builder */

.et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 20vw;
margin-top:16px;
color: #258039;
font-size:16px;
}

#et_mobile_nav_menu-footer:boefore  {
content: 'test' !important;

}
/* Text left of hamburger in Divi 3 */

#et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 33px;
bottom:30px;
color: #333;
font-size:16px;
}

/* ### MENU Logo Swap when burger menu is displayed ### 
@media only screen and (max-width: 981px) {
  .et_pb_menu_0 .et_pb_menu__logo {
    content: url("https://rlbgraphics.com/client/HIMFoodPantry/wp-content/uploads/2023/02/HIMFP-Half-Logo-Colorized2.png");
  }
}
*/

/*------offset html anchor to adjust for fixed header -----*/
h2.anchor-link {
    scroll-margin-top: 170px;

}

/*------override default phone and email link colors, footer (white) and contact page (green)---------*/ 
.white a, .white a:link, .white a:visited, .white a:hover, .white a:active, .white a:focus p.white {
  text-decoration: none;
  color: #ffffff !important;
}

a[href^="tel:"].phone-white {
  text-decoration: none;
  color: #ffffff !important;
}
.green a, .green a:link, .green a:visited, .green a:hover, .green a:active, .green a:focus p.green {
  text-decoration: none;
  color: #258039 !important;
}

a[href^="tel:"].phone-green {
  text-decoration: none;
  color: #258039 !important;
}
/*------offset html anchor to adjust for fixed header ---------
.anchor-link {position:absolute;
    top: -200px;
}

:target{
      display: block;
      position: absolute;
      top: -250px; 
      }
*/


/*---------Bullet List Customizations ---------*/
li {
            color: #258039;
            /* Bullet Color */
        }
  
        li span {
            color: #333;
            /* Text Color */
        }
  
  
/*Make The Divi Contact Form Submit Button Fullwidth by adding css class "pa-contact-form-submit-fullwidth" */

.pa-contact-form-submit-fullwidth .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding-left: 3%;
	margin-top: 0px;
}

.pa-contact-form-submit-fullwidth .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}

/*---------Sponsor logos on About Page for MOBILE --------*/
@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {
width: 50%!important;
}
}

/* Remove sidebar on 404 page
--------- */
.error404 #sidebar {
	display:none;
}

/* Remove thin line */
.error404 #main-content .container:before {
	background: none;
}

/* Make content 100% width */
@media (min-width: 981px){
.error404 #left-area {
	width: 100%;
	padding-right: 0px !important;
}}


/* CLIENT LOGO SLIDER - Change Slide Anything transition to smooth*/
div.owl-stage
{
transition-timing-function: linear!important;
}
.slick-slider div { transition: none; } 


/* Change Unordered List Disc Bullet color*/

/*---------START Back-to-top Button customizations */
/* Default button appearance */
.et_pb_scroll_top.et-pb-icon {
    right: 30px; /* space from right */
    bottom: 30px; /* space from bottom */
    padding: 8px; /*padding size*/
    border-radius: 30px; /* make the circle */
    background: rgb(207, 55, 33) /* button color */;  
    font-size: 32px; /* icon size */
    color: #f6db7d;  /* icon color */
    transition: all .1s ease-in-out; /* add transition */
}
/* Button Appearance on Mouseover */
.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 32px /* space from bottom */;
    background: rgb(158, 46, 30) /*button hover color*/;  
    transition: all .1s ease-in-out; /*add transition*/
    box-shadow: 0 5px 15px #162c4e4a; /*box shadow on hover*/
}
/* Animation tweaks */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50,0,.160,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
/*END Back-to-top Button customizations */


/*---------START VOLUNTEER Time Clock customizations */
a.etimeclock-action {
	color: #fff;
	}
.etimeclock-but {
	-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}



/* Gallery Image thumbnail size */
/* Set the image gallery image widths */
.et_pb_gallery_grid .et_pb_gallery_item,
.et_pb_gallery_grid .column_width,
.et_pb_gallery_grid .et_pb_gallery_image,
.et_pb_gallery_grid .et_pb_gallery_image.portrait img
{
width: 100%;
}
.et_pb_gallery_grid .et_pb_gallery_image img
{
min-width: 100%;
}
/* Set the image gallery image height */
.et_pb_gallery_grid .et_pb_gallery_image,
.et_pb_gallery_grid .et_pb_gallery_image.landscape img
{
height: 220px;
}
.et_pb_gallery_grid .et_pb_gallery_image img
{
min-height: 220px;
}

/*--------- Change Blog Module Image On The Left And Details On The Right*/
/*add media query so changes only affect tablet and desktop*/
@media (min-width: 767px) {
/*set the image width*/
.pa-blog-list .entry-featured-image-url  {
width: 30%; height: 200px; object-fit: cover;
float: left; 
margin-bottom: 0!important;

}

/*set the details width*/
.pa-blog-list .entry-title,
.pa-blog-list .post-meta,
.pa-blog-list .post-content {
width: 70%;
float: left;
padding-left: 30px;
}
}



/* Disables Hover Animations on Mobile 

@media all and (max-width: 414px) {
	.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;
	}
}
--------- */

/* FOOTER CUSTOMIZATIONS
--------- */