/*************** ADD CUSTOM CSS HERE.   ****************/

/* For fixing Multi-page checkout plugin's "previous", "next" button position, at the final checkout section. */
/* .wpmc-nav-wrapper { */
	/* justify-content: flex-start !important; */
/* } */
/*  */
/* .dgwt-wcas-st { */
  /* max-width: calc(100% - 300px) !important; */
/* } */
/*  */
/* .dgwt-wcas-suggestion-wrap .amount { */
  /* display: inline-block; */
/* } */
/*  */
/* .dgwt-wcas-suggestion-wrap .amount bdi { */
  /* display: inline-block; */
/* } */
/*  */
/* .dgwt-wcas-sp > * { */
  /* display: inline-block !important; */
/* } */

/* search bar width */
.header-nav .html_nav_position_text {
	width: 98%;
}

.mobile-nav .html_nav_position_text {
	width: 100%;
}

#searchform .query {
	width: calc(100% - 85px);
	border-radius: 17px;
}

#searchform button {
	width: 65px;
}

#searchform button svg {
   width: 100%;
   display: flex;
   fill: #fff;
}


/* SearchWP */
.searchwp-live-search-result.more-items {
	height: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
}

/* SearchWP live ajax search */
.searchwp-live-search-result {
	display: grid;
	grid-template-columns: 65px 1fr minmax(auto, 200px);
}

.searchwp-live-search-result .thumbnail {
	width: 65px;
    height: 65px;
    display: flex;
    position: relative;
    top: -6px;
    justify-content: left;
}

.searchwp-live-search-result .thumbnail img {
	width: 65px;
}

.searchwp-live-search-result .title {
    display: flex;
	justify-content: flex-start;
	align-items: center;
}

.searchwp-live-search-result .price {
	display: flex;
	align-items: center;
}

/* remove top search field on mobile view */
.mobile-search-open {
	padding: 0px !important;
	border-bottom: none !important;
}

@media only screen and (max-width: 850px) {
    .searchwp-live-search-results-showing {
    	width: calc(100% - 10px) !important;
    }

	.searchwp-live-search-result {
		padding-bottom: 20px;
	}

	.searchwp-live-search-result .title {
	    display: flex;
	    align-items: flex-start;
	}

	.searchwp-live-search-result .price {
		align-items: flex-start;
		position: relative;
		top: 5px;
		justify-content: flex-end;
	}

	.flex-row.container {
		padding-left: 3px;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}