/*
 Theme Name:     Hays County
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Hays County Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Site Specific Styles */
body .et_pb_button
{ width: 100%; }
ul.sub-menu
{ width: 340px !important; }
ul.sub-menu>li>a
{ width: 300px !important; }
ul.sub-menu ul.sub-menu
{ left: 320px !important; }
.et-reverse-direction-nav ul.sub-menu ul.sub-menu
{ right: 340px !important; left: auto !important; }
#top-menu-nav ul li ul.sub-menu
{left: -80px; }
#eclNav ul
{ border-top: 1px solid white; }

#eclNav li
{
	padding: 0;
	background-color: #09347a;
	border-bottom: 1px solid white;
}
#eclNav li a
{
	padding: 20px 0 20px 10px;
	display:block;
	color: white;
	font-weight: normal;
}
#eclNav ul ul.sub-menu a
{ background-color: #555;}
#eclNav li a:hover,
#eclNav ul ul.sub-menu a:hover
{ background-color: #3b78db;}
#eclNav ul ul.sub-menu
{margin-left: 0; width: auto !important;}
#eclNav ul ul.sub-menu a
{width: auto !important;}
.page-template-default #main-content,
.search #main-content,
.post-template-default #main-content,
.ai1ec_event-template-default #main-content,
.wpfb_filepage-template-default #main-content
{
	background-image: url("/wp-content/themes/hayscounty/images/HaysBackgroundlow.jpg");
}
.home .entry-content #home-mid-menu-module
{ margin-top:-116px;}
#top-menu li.mega-menu>ul>li>a:first-child 
{ padding-top: 9px !important; }
.home #menu-home-mid-menu li.fa-lg,
.home #home-mid-menu-module li.fa-lg
{ color: #09347a;}
.fa a, .far a, .fas a
{ font-weight:normal;}
.fullwidth-menu-nav li a
{ font-size: .82em !important; }
@media only screen and (min-width: 981px) {
	.home .et_pb_fullwidth_section .et_pb_slider .et_pb_slide
	{ min-height:30vw; }
}
@media only screen and (max-width:1293px) and (min-width:981px)
{
	#menu-home-mid-menu li
	{padding-right: 22px;}
}
@media only screen and (min-width: 981px) and (max-width: 1468px)
{
	#logo
	{ max-height:54% !important; }
}
@media (max-width: 1294px) {
	#main-header
	{
		position:relative !important;
	}
 	#et_mobile_nav_menu {
 		display: block;
 	}
 
	#top-menu {
 		display: none;
 	}

	#et_search_icon::before{
		margin-top: 7px;
	}

}