/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/fs-menu-search/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-create-block-blocks {
  background-color: #21759b;
  color: #fff;
  padding: 2px;
}

#menu-search .menuSearch {
  text-align: center;
}
#menu-search .menuSearch button {
  font-size: 16px;
  font-weight: 500;
  color: var(--wp--preset--color--contrast);
  background-color: white;
  border-radius: 20px;
  padding: 0.5rem 1.25rem;
  /* transition: all 0.2s ease-in-out; */
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#menu-search .menuSearch button:hover {
  background-color: var(--wp--preset--color--contrast);
  color: white;
}
#menu-search .menuSearch button::before {
  content: "Search";
  text-transform: uppercase;
  margin-right: 0.5em;
}

div.yext.MuiModal-root .MuiModal-backdrop {
  background-color: color-mix(in srgb, var(--wp--preset--color--accent-3), transparent 5%);
}
div.yext.MuiModal-root .MuiBox-root {
  width: 600px;
  max-width: 80%;
}
div.yext.MuiModal-root .MuiBox-root .menuSearch {
  text-transform: uppercase;
  font-size: 18px;
}
div.yext.MuiModal-root .MuiBox-root .menuSearch label {
  margin-right: 2rem;
  white-space: nowrap;
  font-size: 14px;
}
div.yext.MuiModal-root .MuiBox-root .menuSearch label .Mui-checked {
  color: var(--wp--preset--color--accent-1);
}
div.yext.MuiModal-root .MuiBox-root .menuSearch .MuiFormGroup-root {
  /* flex-wrap: nowrap; */
  padding: 0 0.5em;
}
div.yext.MuiModal-root .MuiBox-root .menuSearch .searchField {
  margin-bottom: 0.5rem;
  height: 60px;
}
div.yext.MuiModal-root .MuiBox-root .menuSearch .searchField > div {
  border-radius: 30px;
}
div.yext.MuiModal-root .MuiBox-root .menuSearch .searchField input {
  font-size: 28px;
  height: 60px;
  padding: 0 1.5rem;
  max-width: 100%;
}

/*# sourceMappingURL=style-index.css.map*/