/* || S O C I A L _ M E N U */
/* MENU VERTICAL POSITION */
.menu-social-container {
  top: calc(75vh);
  left: 20px;
  -webkit-transform: rotate(-90deg) translateX(0);
  -moz-transform: rotate(-90deg) translateX(0);
  -ms-transform: rotate(-90deg) translateX(0);
  -o-transform: rotate(-90deg) translateX(0);
  transform: rotate(-90deg) translateX(0);
  z-index: 999;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 1em;
  position: fixed;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* .sidebar-opened .menu-social-container {
opacity: .1;
} */
/* .show .menu-social-container .social-menu-trig,
.show .menu-social-container .menu,
.no-js .menu-social-container .social-menu-trig,
.no-js .menu-social-container .menu {
vertical-align: top;
} */
.social-menu-trig {
  display: inline-block;
}

/* || MENU VERTICAL POSITION follow */
.menu-social-container .social-menu-trig {
  background-color: #52616B;
  color: #fff;
  font-size: 0.7rem;
  margin-right: 5px;
  padding: 4px 10px;
  position: relative;
  text-transform: uppercase;
}

/* MENU VERTICAL dash */
/* .menu-social-container .social-menu-trig:before {
content: "-";
color: #000;
font-weight: 700;
margin-right: 2px;
position: absolute;
right: -30px;
} */
/* MENU VERTICAL socials position */
.menu-social-container ul {
  display: inline-block;
  margin-bottom: 0;
  max-width: 80vh;
  vertical-align: top;
  /* font-size: 1rem; */
}

/* MENU VERTICAL socials */
.menu-social-container ul,
.menu-social-container .social-menu-trig:before {
  font-size: 12px;
  font-size: 0.889rem;
}

.menu-social-container li a {
  outline: none;
  text-decoration: none;
  box-shadow: none;
  color: #52616B;
}

.menu-social-container li a:hover {
  color: red;
  outline: none;
  text-decoration: none;
  box-shadow: none;
  color: #1E2022;
}

.menu-social-container li a:focus {
  color: red;
  outline: none;
  text-decoration: none;
  box-shadow: none;
}

.menu-social-container li a:active {
  color: red;
  outline: none;
  text-decoration: none;
  box-shadow: none;
}

.menu-social-container ul ul {
  margin: 0 -2px 0 0;
}

.menu-social-container li {
  display: inline-block;
  letter-spacing: 0.5px;
  list-style: none;
  margin: 6px 8px;
}

.menu-social-container li li {
  margin: 0 2px;
}

.menu-social {
  padding-left: 10px;
}

@media (max-width: 992px) {
  .menu-social-container {
    display: none;
  }
}