/* ------------------------------------------------------------ *\
	Woocommerce Search Results
\* ------------------------------------------------------------ */

#et-secondary-nav .woo-search-results .woo_results { padding: 10px 5px; left: 0; transition: opacity .3s; }
#et-secondary-nav .woo-search-results--active .woo_results { visibility: visible; opacity: 1; }

/* ------------------------------------------------------------ *\
	Woocommerce Search Result
\* ------------------------------------------------------------ */

#et-secondary-nav .woo-search-result { padding: 0; }

#et-secondary-nav .woo-search-result + .woo-search-result { margin-top: 10px; }

#et-secondary-nav .woo-search-result a { padding: 0; display: flex;  }
#et-secondary-nav .woo-search-result .woo_image { width: 18%; }
#et-secondary-nav .woo-search-result .woo_image img { width: 100%; }

#et-secondary-nav .woo-search-result .woo_title { width: 82%; padding-left: 5px; font-size: 12px; font-weight: 400; color: #c4151c; text-align: left; }
#et-secondary-nav .woo-search-result .woo_title > span { line-height: 1.4; color: #000; font-weight: 500; }
#et-secondary-nav .woo-search-result .woo_title > small { margin-top: 3px; display: block; }

#et-secondary-nav .woo-search-result .woocommerce-Price-amount { font-weight: 700; }

#et-secondary-nav .woo-search-result--view-all { padding-top: 10px; border-top: 1px solid #efefef; }
#et-secondary-nav .woo-search-result--view-all a { display: block; text-align: center; font-size: 16px; font-weight: 600; color: #c4151c; transition: .3s; }
#et-secondary-nav .woo-search-result--view-all a:hover { background-color: transparent; opacity: .5; }

/* ------------------------------------------------------------ *\
	Mobile Woocommerce Search
\* ------------------------------------------------------------ */

form.et-search-form .et-search-field { font-size: 14px !important; font-weight: 500; top: 50%; bottom: auto; transform: translateY(-50%); padding: 5px; border: 1px solid #ddd; border-radius: 5px; padding: 9px 40px 9px 14px; text-transform: none; font-weight: 400; }

form.et-search-form .et-search-field::placeholder { font-size: 14px; font-weight: 500; }

form.et-search-form button { position: absolute; height: 30px; border: 0; background-color: transparent; top: 50%; transform: translateY(-50%); right: 31px; padding-right: 14px; font-size: 17px; font-family: ETmodules!important; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#et-top-navigation #et_top_search { display: none; }

@media (max-width: 980px) {
	.et_header_style_left .et-search-form,
	.et_header_style_split .et-search-form { width: 100% !important; max-width: 100% !important; background-color: #fff !important; }
	
	#et-top-navigation #et_top_search { display: block; margin: 5px 20px 0 0; padding-bottom: 28px; }
	#et-top-navigation #et_search_icon:before { position: static; }
}

/* ------------------------------------------------------------ *\
	Mobile Search Opening Animation
\* ------------------------------------------------------------ */

.et_pb_menu_hidden #et_top_search,
.et_pb_menu_hidden #woo-cart-mobile,
.et_pb_menu_hidden .logo_container #logo { opacity: 0; animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1); }

.et_pb_menu_visible #et_top_search,
.et_pb_menu_visible #woo-cart-mobile,
.et_pb_menu_visible .logo_container #logo { z-index: 99; opacity: 1; animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);}

.et_pb_no_animation #et_top_search,
.et_pb_no_animation #woo-cart-mobile,
.et_pb_no_animation .logo_container #logo { animation: none !important; }

@keyframes fadeOutBottom {
	0% { opacity: 1; transform: translatey(0); }

	100% { opacity: 0; transform: translatey(60%); }
}

@keyframes fadeInBottom {
	0% { opacity: 0; transform: translatey(60%); }

	100% { opacity: 1; transform: translatey(0); }
}