input[type="search"].search-field { 
display: none; 
}
input[type="text"] {
padding:0.4em;
line-height: 1.2
}
.search-form .search-submit .icon {
height: 15px;
width: 15px
}
.search-form .search-submit .icon {
height: 12px;
top: -4px;
width: 12px;
}  input#toggle-1 ~ label {
margin-right: 0;
text-align: center;
width: 40px;
cursor: pointer;
float: right;
height:100%;
height: 42px;
position: absolute;
top:0;
right: 0;
padding:0;
margin:0;
}
input#toggle-1 ~ label:before {
-webkit-font-smoothing: antialiased;
color: #3f72cc; content: "\f179";
font-family: dashicons;
display: inline-block; margin-top: 0.7em;
text-decoration: inherit;
vertical-align: text-bottom;
font-weight: 700;
font-size: 1rem;
font: normal;
}
input#toggle-1:checked ~ label {
background: #83a8bc;
}
input#toggle-1:checked ~ label:before {
-webkit-font-smoothing: antialiased;
color: #fff; content: "\f460";
font-family: dashicons;
display: inline-block;
font-size: 1rem; margin-top: 0.7em;
text-decoration: inherit;
vertical-align: text-bottom;
}
input#toggle-1 ~ label:hover:before {
color:#fff;
}
input#toggle-1 ~ label:hover {
background-color: #297ba6;
}
input#toggle-1 ~ label:active {
background: #306dad
}
input#toggle-1 {
display: none
}
.site-header-main.fixed {
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
} div.search-box-wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
background-color: #ccc;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
height: 42px;
padding-left: 0;
position: absolute;
right: 42px;
top: 0;
width: 70%;
max-width: 0%;
overflow: hidden;
z-index: 4;
transition:all .2s;
} input[type=checkbox]:checked ~ div.search-box-wrapper {
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:         border-box;
background-color: #83a8bc;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
display: inline-block;
height: 42px;
min-width: 250px;
max-width: 420px;
width:70%;
padding-left: 0;
padding: 5px 10px 5px 10px;
position: absolute;
top:0;
right: 42px;
opacity: 1;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
} label {
margin-bottom: 0;
}
input.search-field {
width: 100%;
border-radius: 3px;
border: 1px solid #888;
height: 32px;
}
input[type="search"].search-field {
padding:5px;
} input::placeholder {
color:#ccc;
}
@media screen and (min-width: 48em) {  div.search-box-wrapper {
padding:0;
right: 43px;
right: 83px;
top: 0;
} input[type=checkbox]:checked ~ div.search-box-wrapper {
max-width:420px;
padding: 5px 5px 5px 10px;
top:0;
right: 82px;
width: 50%;
height: 42px;
}
div.navigation-top input#toggle-1 ~ label {
right: 0;
right: 42px;
}  }