.widget .client-container { background: #6B5B95; color: #fff; height: 100%; } .widget .client-container hr { color: rgba(225,225,225,1); } .widget .client-container h2 { font-weight: 200; color: #fff; font-size: 1.5rem; padding:0; } .widget .client-container .last-clients { overflow-x: auto; overflow-y: hidden; background: #6b5b95; } .widget .client-container > h5 { text-transform: uppercase; font-size: 14px; color: rgba(255,255,255,0.5); } .widget .client-container .last-clients a { text-decoration: none; color: #fff; transition: all 0.1s ease-in-out; } .widget .client-container .last-clients a:hover { text-shadow: 0px 0px 3px #ffffff; text-decoration: none; color: #fff; } .widget .client-container .clients { } .widget .client-container .last-clients::-webkit-scrollbar { width: 6px; height: 6px; } .widget .client-container .last-clients::-webkit-scrollbar-button { width: 0px; height: 0px; } .widget .client-container .last-clients::-webkit-scrollbar-thumb { background: #cecece; border: 0px none #ffffff; border-radius: 50px; } .widget .client-container .last-clients::-webkit-scrollbar-thumb:hover { background: #707070; } .widget .client-container .last-clients::-webkit-scrollbar-thumb:active { background: #949494; } .widget .client-container .last-clients::-webkit-scrollbar-track { background: #ffffff; border: 0px none #ffffff; border-radius: 50px; } .widget .client-container .last-clients::-webkit-scrollbar-track:hover { background: #d4d4d4; } .widget .client-container .last-clients::-webkit-scrollbar-track:active { background: #d3d3d3; } .widget .client-container .last-clients::-webkit-scrollbar-corner { background: transparent; } .widget .client-container .clients li { display: inline-block; vertical-align: top; width: 50px; height: 50px; font-size: 11px; margin: 5px 10px; transition: all 0.1s ease-in-out; } .widget .client-container .last-clients li span { overflow:hidden; text-overflow: ellipsis; height: 30px; } .widget .client-container .last-clients li > a { position: relative; display: block; height: 100%; width: 100%; } .widget .client-container .last-clients li > a > div { position: absolute; top: 50%; left: 50%; width: 100%; transform: translateY(-50%) translateX(-50%); } .widget .client-container .last-clients li:hover { transform: scale(1.1, 1.1); } .client-container .client-search{ position: relative; } .client-container .client-search input{ background: rgba(0,0,0,0.2); padding:2px 10px 2px 10px; color:#ffffff; border:0; }