/*add to the final element containing the text*/
/*http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/*/
/*https://codepen.io/natonischuk/pen/QbGWBa*/
/*adjustHeight parameter is needed because Chrome seems to not be consistent with other browsers and for small screen sizes displays top of the letters in the line that should be hidden - and we need to minimally adjust to cover that*/
@media only screen and (min-width: 350px) {
  .wrap-categories {
    width: 70% !important; }
  .wrap-regions {
    width: 30% !important; } }

@media only screen and (min-width: 500px) {
  .wrap-categories {
    width: 70% !important; }
  .wrap-regions {
    width: 30% !important; } }

.sharing-options {
  color: #666;
  position: relative;
  height: 50px;
  display: block; }

.sharing-options .social-share-content {
  width: auto;
  height: 50px;
  text-align: left;
  font-size: 12px;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0;
  border-radius: 8px; }

.sharing-options .social-share-content .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px 0 0;
  cursor: pointer; }

.sharing-options .social-share-content .button-container div:focus {
  outline: none; }