#newsSearch { margin-bottom:20px;} #newsSearch .field1 { float:left; width:282px; position:relative; } #newsSearch .field1 input { height:27px; padding:3px 0 3px 6px; width:282px; border:1px solid #a5a6a8 ; border-radius:5px;} #newsSearch .field1 input::-webkit-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } #newsSearch .field1 input:-moz-placeholder { /* Firefox 18- */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } #newsSearch .field1 input::-moz-placeholder { /* Firefox 19+ */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } #newsSearch .field1 input:-ms-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } #newsSearch .field1 button { position:absolute; right:-1px; top:0; height:27px; border:none; padding:3px 12px 3px 12px; border-radius:0 5px 5px 0; background-color:#42aa69; color:#ffffff; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; text-transform:uppercase; } #newsSearch .field1 button:hover { background-color:#378553; } /* news by sector menu */ #newsSearch .field2 { float:right; width:184px; } #newsSearch .field2 ul li { margin-top:0px; width:162px; padding:0px 10px; height:27px; line-height:27px; background-color:#e7e7e8; position:relative; border-radius:3px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; font-size:11px;} #newsSearch .field2 ul li i { color:#6e6f72} #newsSearch .field2 ul li i.fa-caret-down { position:absolute; top:4px; right:20px; display:inline-block; font-size:20px; } #newsSearch .field2 ul li i.fa-caret-up { display:none;} #newsSearch .field2 ul li:hover i.fa-caret-down { display:none;} #newsSearch .field2 ul li:hover i.fa-caret-up { display:block; position:absolute; top:4px; right:20px; display:inline-block; font-size:20px;} #newsSearch .field2 ul li ul { display:none;} #newsSearch .field2 ul li:hover { border-radius:3px 3px 0 0 ;} #newsSearch .field2 ul li:hover ul { position:absolute; top:27px; right:0; display:block; background-color:#6e6f72; width:162px; padding:5px 10px; z-index:99; border-radius:0 0 3px 3px; } #newsSearch .field2 ul li:hover ul li { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; padding-left:8px; background-color:transparent; height:auto; line-height:16px; margin-bottom:6px; padding-right:8px; } #newsSearch .field2 ul li:hover ul li.recruitSubHead1, #newsSearch .field2 ul li:hover ul li.recruitSubHead2 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; padding-left:0; color:#ffffff; } #newsSearch .field2 ul li ul li a { color:#ffffff;} #newsSearch .field2 ul li ul li a:hover { text-decoration:underline; } #newsSearchClear { clear:both;} #newsSearch .field2Clear { clear:both;} /*popular searches */ #newsSearch .field3 .popularSearchTitle { color:#42aa69; font-size:11px;} #newsSearch .field3 a { display:inline-block; padding:3px; font-size:11px; color:#474748; text-decoration:underline;} #newsSearch .field3 a:hover { background-color:#42aa69; text-decoration:none; color:#ffffff} @media screen and (max-width:1202px) { #newsSearch .field1, #newsSearch .field1 input { width:195px; } } #newsSearch .field1, #newsSearch .field2 { float:none; width:100%; } #newsSearch .field1 input { width:100%; } #newsSearch .field2 ul li , #newsSearch .field2 ul li:hover ul { width:225px; } #newsSearch .field2 { margin-bottom:10px;}