@charset "UTF-8";

.search_form
{
 display: flex;
 position: relative;
 width: 100%;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 20px;
 justify-content: flex-start;
 flex-wrap: wrap
}

.search_form_text
{
 position: relative;
 width: 60%;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 10px;
 margin-bottom: 0;
 box-sizing: border-box
}

.search_form_button
{
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 10px;
 margin-bottom: 0;
 box-sizing: border-box
}

.searchform
{
 font-family: 'Nunito Sans', Helvetica, sans-serif;
 font-size: 0.875rem;
 font-weight: 400;
 width: 100%;
 color: #333333;
 padding: 8px;
 margin: 0;
 border: 1px solid #336699;
 border-radius: 3px;
 box-sizing: border-box
}

.searchbutton,
.searchcancel
{
 font-family: 'Nunito Sans', Helvetica, sans-serif;
 font-size: 0.813rem;
 font-weight: 600;
 color: #FFFFFF;
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 10px;
 margin: 0;
 background: #336699;
 border: 0;
 border-radius: 3px;
 box-sizing: border-box;
 cursor: pointer;
 appearance: none
}

.searchcancel
{
 background: #CC0000
}

.search_text
{
 position: relative;
 width: 100%;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 30px
}

@media screen and (max-width: 780px)
{
 .search_form_text
 {
  width: 50%
 }
}

@media screen and (max-width: 480px)
{
 .search_form
 {
  justify-content: center
 }

 .search_form_text
 {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px
 }

 .searchform,
 .searchbutton,
 .searchcancel
 {
  font-size: 1rem
 }
}