.languages-hotspot { padding: 0px 2em !important; } #cboxLoadedContent { background-color: #F0A230 !important; } #cboxLoadedContent div p a { color:white !important; } .w3eden .list-group-item:hover { color:#fff !important; background-color: #F0A230 !important; font-weight:bolder; } .w3eden .list-group-item:hover .badge { color:#00b1fe !important; background-color: #fff !important; } .w3eden .list-group-item { /* position: relative; */ padding: 15px; /* margin-bottom: -1px; */ background-color: #fff; border: 1px solid rgba(0,0,0,.125); margin: 5px; color: #F0A230 !important; flex-basis: 100%; } .languages-hotspot a { color: white !important; /* font-weight: 100px; */ } .w3eden .list-group-item { flex-basis:31%; } .w3eden .list-group { /* display: -ms-flexbox; */ display: flex !important; flex-direction: row; flex-wrap: wrap; /* padding-left: 0; */ /* margin-bottom: 0; */ background: #ffffff00 !important; padding: 10px; } @media (max-width:600px) { .w3eden .list-group-item { flex-basis:100%; } } @media (max-width:1100px) { .languages-hotspot { height: 28vh !important; } } @media (max-width:800px) { .languages-hotspot { height: 19vh !important; } }