/*
Theme Name:  Hanford Packing Company
Theme URI:   http://hanfordpackingco.com/bulk_meat_market
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Hanford Packing Company.
Author:      Admin1
Author URI:  http://hanfordpackingco.com/bulk_meat_market
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/* ADDS BACKGROUND IMAGE TO MAIN HEADER */
#main-header {
	background: url("https://hanfordpackingco.com/bulk_meat_market/wp-content/uploads/2018/06/parchmentBackground80v2.jpg")
	no-repeat center;
	background-size: cover;
}

        #et-top-navigation {
            background: #8c0200;} /* THIS IS THE NAV BAR COLOR */
 
        .et_header_style_left #et-top-navigation,
        .et_header_style_split #et-top-navigation {
            padding-top: 0px!important;
            padding-left: 13px!important;}

/* CENTERS FOOTER MENU ITEMS */
.bottom-nav {
	text-align: center;
}

/* CENTERS SECONDARY MENU */
#et-secondary-menu {
	float: none !important;
	text-align: center;
}

/* SPECIAL EFFECTS FOR THE NAV LINKS */
@media only screen and (min-width : 981px) {
         
        .et_fullwidth_nav #main-header .container {
            padding-right: 0px!important;
            padding-left: 0px!important;}
         
                     #et-top-navigation {
            background: #8c0200;} /* THIS IS THE NAV BAR COLOR */
 
        .et_header_style_left #et-top-navigation,
        .et_header_style_split #et-top-navigation {
            padding-top: 0px!important;
            padding-left: 13px!important;}
	
        #top-menu li {
            padding-right: 15px;}
 
        #top-menu > li > a {
            padding: 15px 15px!important;
            margin-bottom: 0px;
            margin-top: 0px;}
 
        #top-menu .menu-item-has-children > a:first-child:after {
            display:none;}
 
        #top-menu-nav > ul > li > a {
            color: #ffffff; /* THIS IS THE NAV BAR TEXT COLOR */
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            box-shadow: 0 0 1px transparent;
            -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
            -webkit-transition-property: box-shadow, transform;
            transition-property: box-shadow, transform;}
             
        #top-menu-nav > ul > li > a:hover, 
        #top-menu-nav > ul > li > a:focus, 
        #top-menu-nav > ul > li > a:active {
            background:#00468c; /* THIS IS THE HOVER BACKGROUND COLOR */
            color:#C0A264; /* THIS IS THE HOVER TEXT COLOR */
            opacity:1;
            z-index: 99999;
            box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 1.0);
            -webkit-transform: translateZ(0) scale(1.1);
            transform: translateZ(0) scale(1.1);}
}

/* SETS LOGO HEIGHT FOR TABLET & MOBILE 480PX AND LARGER */
@media only screen and (min-width: 480px) and (max-width: 981px) {
#logo {
height: 175px;
max-height: 175px !important;
}
}

/* SETS LOGO HEIGHT FOR MOBILE UNDER 480PX */
@media only screen and (max-width: 479px) {
	#logo {
		height: 125px;
		max-height: 125px !important;
	}
}

/* VERTICALLY ALIGNS ALL COLUMNS IN A ROW */
.vertical-align-row {
	display: flex;
	flex-direction: column;
	justify-content: center;
}