/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for katesfish.com
 Author:         Jason Pribble	
 Author URI:     https://pribbledesign.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization
------------------------------------------------------- */
#main-content { background-color: #f2f2eb; }

/* Home page */
.home #main-header {
	background-color: transparent;
	position: absolute;
	padding-top: 60px;
} 
/* Horizontal newsletter signup form */
@media only screen and (min-width: 981px) {
    .et_pb_subscribe .et_pb_newsletter_fields > p { 
        flex: auto !important;
    }
    .et_pb_subscribe .et_pb_newsletter_fields p.et_pb_newsletter_field {
        margin-right: 2%; 
    }
}
/* Main menu - left aligned */
ul#top-menu > li:not(:last-child) { 
    padding-right: 35px !important; 
}
#et_top_search { 
    margin-left: 35px !important; 
}

/* Main menu - centered */
.et_pb_menu .et-menu > li, .et_pb_fullwidth_menu .et-menu > li {
	padding-left: 25px;
	padding-right: 25px;
}

/* Mobile menu color */
@media only screen and (max-width: 980px)  {
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: #FFF !important;
	}
}

/* Buttons */
.et_button_icon_visible .et_pb_button, .et_button_icon_visible .et_pb_button:hover {
	padding: 0 0 .1em 0;
	border-width: 0 0 2px 0;
}

/*
.et_button_icon_visible .et_pb_button:after {
	font-size: 24px;
	line-height: 1.3em;
}
.et_button_icon_visible .et_pb_button:hover:after {
	margin-left: .7em;
	color: #485f73;
}
*/

/* Remove sidebar */
#sidebar {
	display:none;
}
#main-content .container:before {
	background: none;
}
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding-right: 0px !important;
	}
}

/** Needed CSS for hiding hidden labels in Caldera Forms **/
/** This is added by default in caldera-forms-front.min.css, but you may need it if you disbale Caldera Forms styles from loading in General Settings */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* WooCommerce */
.woocommerce-message { background-color: #f7c236; }
.et-cart-info { display:none !important; }