#cn-multi-category-search {
background-color: transparent !important;
box-sizing: border-box;
color: #39608a;
border: none;
border-radius: 10px;
font-size: 20px;
margin-bottom: 30px;
padding: 20px;
position: relative;
}
#cn-multi-category-search div {
margin-top: 20px;
}
#cn-multi-category-search div#cnmcs-address-postal-code input {
display: inline-block;
vertical-align: top;
width: calc(100% - 150px);
}
#cn-multi-category-search div.cnmcs-address-radius {
display: inline-block;
margin: -1px 0 0;
vertical-align: top;
}
#cn-multi-category-search label {
width: 20%;
}
#cn-multi-category-search select,
#cn-multi-category-search input[type=text] {
background-color: white;
border: 2px solid #78a1d5;
border-radius: 6px 0 0 6px;
box-sizing: border-box;
color: #5e5e5e;
font-size: 20px;
height: 36px;
line-height: normal;
padding: 4px 10px 0; width: 100%;
}
#cn-multi-category-search select.cn-mcs-select-radius {
background: #78a1d5;
border-radius: 0;
color: #FFF;
padding: 0 4px;
}
#cnmcs-gmaps-error {
border: 2px solid red;
background-color: red;
border-radius: 6px 0 0 6px;
box-sizing: border-box;
color: #FFF;
display: none;
font-size: 20px;
height: 36px;
line-height: normal;
padding: 4px 41px 0;
opacity: .8;
width: 100%;
}
#cn-multi-category-search input#cnmcs-search-input {
padding-bottom: 0;
width: calc(100% - 10em);
}
#cn-multi-category-search input#cnmcs-address-input::-webkit-input-placeholder,
#cn-multi-category-search input#cnmcs-search-input::-webkit-input-placeholder { color:    #5e5e5e;
}
#cn-multi-category-search input#cnmcs-address-input:-moz-placeholder,
#cn-multi-category-search input#cnmcs-search-input:-moz-placeholder { color:    #5e5e5e;
opacity:  1;
}
#cn-multi-category-search input#cnmcs-address-input::-moz-placeholder,
#cn-multi-category-search input#cnmcs-search-input::-moz-placeholder { color:    #5e5e5e;
opacity:  1;
}
#cn-multi-category-search input#cnmcs-address-input:-ms-input-placeholder,
#cn-multi-category-search input#cnmcs-search-input:-ms-input-placeholder { color:    #5e5e5e;
}
#cn-multi-category-search button#cnmcs-search-submit {
background: #78a1d5;
border: 2px solid #78a1d5;
border-radius: 6px;
color: #FFF;
display: inline-block;
float: right;
font-size: 20px;
font-weight: normal;
line-height: normal;
width: 8em;
opacity: 1;
padding: 6px 20px;
cursor: pointer;
}
#cn-multi-category-search input[type="text"].ui-autocomplete-loading {
background: #FFF;
opacity: .8;
visibility: visible;
}
#cn-multi-category-search .ui-autocomplete {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
z-index: 10000;
border: 2px solid #78a1d5;
border-radius: 0 0 0 6px;
box-sizing: border-box;
font-size: 14px;
background-color: #fff;
color: #333;
box-shadow: none;
}
#cn-multi-category-search .ui-autocomplete li {
border: none;
list-style: none;
margin: 0;
padding: 0;
}
#cn-multi-category-search .ui-autocomplete li:hover {
background-color: #78a1d5;
cursor: pointer;
}
#cn-multi-category-search .ui-menu .ui-menu-item a { text-decoration: none;
display: block;
padding: 6px;
line-height: normal;
min-height: 0;
font-weight: normal;
} .sscit .ui-corner-all,
.sscit .ui-corner-top,
.sscit .ui-corner-left,
.sscit .ui-corner-tl {
border-top-left-radius: 0;
}
.sscit .ui-corner-all,
.sscit .ui-corner-top,
.sscit .ui-corner-right,
.sscit .ui-corner-tr {
border-top-right-radius: 0;
}
.sscit .ui-corner-all,
.sscit .ui-corner-bottom,
.sscit .ui-corner-left,
.sscit .ui-corner-bl {
border-bottom-left-radius: 0;
}
.sscit .ui-corner-all,
.sscit .ui-corner-bottom,
.sscit .ui-corner-right,
.sscit .ui-corner-br {
border-bottom-right-radius: 0;
}
.sscit .ui-state-hover,
.sscit .ui-widget-content .ui-state-hover,
.sscit .ui-widget-header .ui-state-hover,
.sscit .ui-state-focus,
.sscit .ui-widget-content .ui-state-focus,
.sscit .ui-widget-header .ui-state-focus {
border: none;
background: #78a1d5;
font-weight: normal; }
.sscit.ui-widget-content a {
color: #5e5e5e;
}
.sscit.ui-widget-content a:hover {
color: #FFF !important;
}
.sscit.ui-menu .ui-menu-item a.ui-state-focus,
.sscit.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: 0;
}
.sscit .ui-state-hover a,
.sscit .ui-state-hover a:hover,
.sscit .ui-state-hover a:link,
.sscit .ui-state-hover a:visited,
.sscit .ui-state-focus a,
.sscit .ui-state-focus a:hover,
.sscit .ui-state-focus a:link,
.sscit .ui-state-focus a:visited {
color: #5e5e5e;
text-decoration: none;
}
.sscit.ui-autocomplete .ui-state-highlight {
font-weight: normal;
text-decoration: underline;
}
@media only screen
and (max-width : 768px) {
#cn-multi-category-search select,
#cn-multi-category-search input {
font-size: 18px !important;
padding: 6px 14px 0 !important;
}
button#cnmcs-search-submit {
font-size: 18px;
}
}
@media only screen
and (max-width : 480px) {
#cn-multi-category-search div {
text-align: center;
}
#cn-multi-category-search input#cnmcs-search-input {
display:block;
width: 100%;
}
button#cnmcs-search-submit {
margin: 20px auto 0;
}
}