.search-container{
   display: flex;
   overflow: hidden;
   align-items: center;
   background: #f2f2f2;
   border-radius: 8px;
   height: 45px;
	box-sizing: border-box;
	width:90px;
}

/*
.search-container.expanded{
	visibility:visible;
   width: 300px;
}
*/

.search-container > input {
   margin-right: 5px;
}

.search-container > div > div > input {
	border: 0;
   background: none;
}

.search-container > div > div > input:focus-visible {
	outline: 0;
}
.search-button-container {
	display: flex;
   border-radius: 8px;
 	align-items: center;
 	justify-content: center;
   background: #f2f2f2;
   cursor: pointer;
	padding: 7px 15px;
   height: 100%;
   box-sizing: border-box;
}
.search-button-container.expanded .search-button-img-container{
   display:none;
}
.search-button-container.expanded .search-button {
   display:block;
}
.search-button-container.expanded .search-label{
   display: none;
}
.search-button-img-container {
   display:flex;
   align-items: center;
   column-gap: 1em;
}
.search-button-img {
   height: 16px;
 	width: 16px;
}
.search-button-img-container .search-label, .search-button-mobile-img-container .search-label {
   font-family: Open Sans;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: bold;
   min-width: 28px;
}
.search-input-container.not-expanded{
   display:none;
}
.search-input-container.expanded{
   display:block;
}
/* SEARCH START */
.search-container-start form{
   display: inline-block;
   height: 50px;
   box-shadow: 0px 5px 10px -5px grey;
   border-radius: 30px;
	position: relative;
	z-index: 9998;
}
.search-container-start form > div[role=search]{
	display: flex;
	align-items: center;
	height: 100%;
}
.search-container-start form input[type=text]{
   border:0;
	display: flex;
   height: 100%;
   outline: none;
   padding-block: 0;
	border-radius: 0 30px 30px 0;
}
.search-container-start form input[type=image]{
	display: flex;
   height: 100%;
   padding: 5px;
   box-sizing: border-box;
	padding: 10px 10px 10px 20px;
   border-radius: 30px 0 0 30px;
   background: #f2f2f2;
}
/* Desktop styles */
@media (min-width: 1025px) {
   .search-button-mobile-container{
      display:none;
   }
	.search-button {
   	display: none;
	}
   .search-input-container {
   	display:none;
	}
}
@media (max-width: 1024px) {
   /* SEARCH */
   .search-container{
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      top: 128px;
      width: 100% !important;
      border-radius:0;
      z-index: 2;
   }
   .search-container.expanded {
      display:flex;
      box-shadow: 0 5px 15px -10px grey;
   }
   .search-button-img-container {
      display:none;
   }
   .search-button-mobile-container{
      display: flex;
      border-radius: 5px;
      align-items: center;
      justify-content: center;
      background: #f2f2f2;
      cursor: pointer;
      height: 50px;
      width: 50px;
      border-radius: 5px;
   }
   .search-button-mobile-container .search-label{
      display:none;
   }
   .search-button-mobile-img-container {
      display: flex;
      align-items: center;
      column-gap: 5px;
   }

   /* ------ */
   /* SEARCH START */
   .search-container-start form input[type=text]{
      width: 100%;
   }
   /* ------ */
}