#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::after { content: ""; display: table; clear: both; } #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; /*opacity: .8;*/ width: 100%; } #cn-multi-category-search select[name=cn-region] { min-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 { display: inline-block; 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 { /* WebKit browsers */ color: #5e5e5e; } #cn-multi-category-search input#cnmcs-address-input:-moz-placeholder, #cn-multi-category-search input#cnmcs-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #5e5e5e; opacity: 1; } #cn-multi-category-search input#cnmcs-address-input::-moz-placeholder, #cn-multi-category-search input#cnmcs-search-input::-moz-placeholder { /* Mozilla Firefox 19+ */ 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 { /* Internet Explorer 10+ */ 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 { /*color: #5e5e5e;*/ text-decoration: none; display: block; padding: 6px; line-height: normal; min-height: 0; font-weight: normal; } #cn-multi-category-search .categorychecklist { -webkit-columns: 2 200px; -moz-columns: 2 200px; columns: 2 350px; list-style: none; list-style-position: inside; text-align: left; } #cn-multi-category-search .categorychecklist li { margin-left: 0; } /* Corner radius */ .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; /*color: #FFF;*/ } .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; } }