#pen_search {
background: #8f8f8f;
background: linear-gradient(125deg, #3f3f3f 0%, #0f0f0f 100%);
position: relative;
z-index: 2;
}
body.pen_drop_shadow #pen_search {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_width_boxed #pen_search,
body.pen_width_narrow #pen_search {
padding-left: 2rem;
padding-right: 2rem;
}
body.pen_round_corners.pen_width_boxed #pen_header #pen_search,
body.pen_round_corners.pen_width_narrow #pen_header #pen_search {
border-radius: 0 0 5px 5px;
}
#pen_search:before {
background: rgba(0,0,0,0.25);
bottom: 0;
content: '';
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
#pen_search_form {
float: left;
width: 100%;
}
#pen_search input::-webkit-input-placeholder,
#pen_search select::-webkit-input-placeholder,
#pen_search textarea::-webkit-input-placeholder {
color: #333 !important;
}
#pen_search input::-moz-placeholder,
#pen_search select::-moz-placeholder,
#pen_search textarea::-moz-placeholder {
color: #333 !important;
}
#pen_search input:-ms-input-placeholder,
#pen_search select:-ms-input-placeholder,
#pen_search textarea:-ms-input-placeholder {
color: #333 !important;
}
#pen_search .widget {
color: #eee;
}
body.pen_drop_shadow #pen_search .widget {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#pen_search .widget a {
color: #80ddff;
}
#pen_search .widget a:focus,
#pen_search .widget a:hover,
#pen_search .widget a:active {
color: #cdf1ff;
}
#pen_search .search-form {
line-height: 1;
position: relative;
width: 100%;
}
#pen_search .search-form .search-field {
background: rgba(255,255,255,0.9);
border: 1px solid rgba(0,0,0,0.3) !important;
font-size: 1.5em;
line-height: 1;
margin-left: -1px !important;
padding: 1rem 20% 1rem 1.5rem !important;
transition: box-shadow .2s;
width: 100%;
}
body.pen_drop_shadow #pen_search .search-form .search-field {
box-shadow: 1px 1px 1px rgba(255,255,255,0.05) inset, 0 0 7px rgba(0,0,0,0.2), 2px 2px 4px rgba(0,0,0,0.3), 5px 5px 10px rgba(0,0,0,0.2) inset;
}
#pen_header.pen_header_sticked #pen_search .search-form .search-field {
font-size: 1.5em;
}
body.pen_header_sticky_minimize #pen_search .search-form .search-field,
body.pen_header_sticky_minimize #pen_search .search-form .search-submit {
transition: font-size .3s;
}
body.pen_round_corners #pen_search .search-form .search-field {
border-radius: 100px;
}
#pen_search .search-form .search-field:focus,
#pen_search .search-form .search-field:active,
#pen_search .search-form .search-submit:focus {
outline: none !important;
text-decoration: none;
}
#pen_search .search-form .search-submit {
background: #00a9ff;
background: linear-gradient(to bottom, #00a9ff 0%,#093a89 100%);
border: 0 none !important;
color: #fff;
font-size: 1.5em;
font-weight: normal;
height: 100%;
line-height: 1;
margin: 0 -1px 0 0 !important;
min-height: 100%;
min-width: 150px;
padding: 1rem 0 !important;
position: absolute;
right: 0;
text-align: center;
text-shadow: none !important;
top: 0;
width: 18%;
z-index: 100;
}
body.pen_round_corners #pen_search .search-form .search-submit {
border-radius: 100px;
}
#pen_search .search-form .search-submit:active {
background: #093a89;
}
#pen_search_top {
margin: 0 0 1.5rem;
}
#pen_search_bottom {
margin: 1.5rem 0 0;
}
@media only screen and (min-width:728px) {
body.pen_width_narrow #pen_search .search-form .search-field {
font-size: 1em;
padding-right: 35%;
}
body.pen_width_narrow #pen_search .search-form .search-submit {
font-size: 1em;
width: 33%;
}
}
@media only screen and (max-width:728px) {
#pen_search .search-form .search-field {
font-size: 1em;
padding-right: 35%;
}
#pen_search .search-form .search-submit {
font-size: 1em;
width: 33%;
}
}