/*
Theme Name:		Lindas Pumpkin Patch
Author:			Dan Rumbauskas
Author URI:		www.designlabnj.com
Template:		Divi
*/

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------        [ GENERAL STYLES ]        ---------------------------*/
/*--------------------------------------------------------------------------------------------*/

/* The following styles affect the entire site. */




/*---------------------------------------------------*/
/*----------       [ SITE HEADER ]      -------------*/
/*---------------------------------------------------*/

/* These styles affect the header of the site. */
/* This includes the logo and anything related to the Navigation. */





/* Center-align moble menu items */

.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}


/* Make mobile menu fullwidth */

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
	background: #ffffff!important;
}

/* Make the mobile menu full height */

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}

html {
height: -webkit-fill-available;
}

/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/* X icon in expanded mobile menu */

.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}


/*---------------------------------------------------*/
/*----------       [ SITE FOOTER ]      -------------*/
/*---------------------------------------------------*/

#main-footer { display: none!important;}



/*--------------------------------------------------------------------------------------------*/
/*-----------------------------        [ RESPONSIVE STYLES ]        --------------------------*/
/*--------------------------------------------------------------------------------------------*/

@media only screen and ( min-width: 320px) {

}
	


@media only screen and ( min-width: 480px) {	

}



@media only screen and ( min-width: 600px) {	

}



@media only screen and ( min-width: 768px) {

}



/*  These styles control everything for mobile devices only, which is why you see MAX WIDTH instead of MIN WIDTH.  */
@media only screen and ( max-width: 980px) {

	
}



/*This affects all desktop sizes*/
@media only screen and ( min-width: 981px) {

	#top-menu li a { font-size: 14px!important; }

	img#logo { max-width: 100px!important}
	
	ul#top-menu > li:not(:last-child) { 
    padding-right: 50px !important; 
}
	
}



@media only screen and (min-width: 1200px) {
	
	#top-menu li a { font-size: 18px!important;}
	
	img#logo { max-width: 150px!important; }

	ul#top-menu > li:not(:last-child) { 
    padding-right: 70px !important; 
}
}



@media only screen and ( min-width: 1400px) {	

}