/* ========================================================================
  Section: Social links -- NEEDS URGENT REFACTOR
 ========================================================================== */

/* stylish editor font-style-menu icons */
#side-style .go-back-type a {
  font-size: 14px;
}
.sub-panel .tabs-content .go-back-type a {
  font-family: 'Montserrat', 'Lato', Helvetica, Roboto, Arial, sans-serif;
}
#side-style .go-back-type a .fa {
  margin-right: 10px;
}

#side-style .menu-item label.preview {
  padding: 15px 10px;
}
#side-style.moves-out .font-style-form.social-links-moves {
  transition: 0.3s ease 0s;
}
#side-style.moves-out .font-style-form.social-links-moves.is-hidden.moves-out {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.ly-team .icons-team-style .icons-svg-team img {
  border-radius: 0px;
}
.icons-social-style a.icons-svg-social img,
.ly-team .icons-team-style .icons-svg-team img {
  margin: 5px;
}
.icons-team-style li a.team-icons-font {
  line-height: 50px;
}

.social-list {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.social-icons-font,
.team-icons-font {
  width: 50px;
  height: 50px;
}

/* View Editor Icons*/
.social-links-icons,
.team-links-icons,
.header-links-icons,
.footer-links-icons {
  display: inline-flex;
}
.icons-svg-social,
.icons-svg-team,
.icons-svg-footer {
  display: none;
}

.preview-icons-svg .social-links-icons li .icons-svg-social,
.preview-icons-svg .team-links-icons li .icons-svg-team,
.preview-icons-svg .footer-links-icons li .icons-svg-footer {
  margin: 10px 10px;
}
.preview-icons-svg .social-links-icons li .icons-svg-social img,
.preview-icons-svg .team-links-icons li .icons-svg-team img,
.preview-icons-svg .footer-links-icons li .icons-svg-footer img {
  width: 50px;
  margin: 10px 5px;
}

/* SVG Style */
.social-list li a.social-icons-font i,
.team-list li a.team-icons-font i {
  font-size: 50px;
  top: -1px;
}
.icons-svg-footer img,
.icons-svg-team img,
.icons-svg-social img {
  width: 25px;
}

.tabs .tab-title a.tabs-icons-style {
  padding: 1rem 1.99rem;
}

/* Style SVG Modal */
#side-style .menu-item label.text-font-icons,
#side-style .menu-item label.text-svg-icons,
#side-style .menu-item label.label-icons,
#side-style .menu-item label.color-icons {
  padding: 5px 10px;
}
#optIconsStyle .opt-style-svg,
#optSocialSvg .opt-style-svg {
  font-family: 'Montserrat', 'Open Sans';
  font-size: 14px;
  font-weight: 500;
  padding: 0 10px;
  width: 50%;
}
#optIconsStyle .opt-style-svg .input-svg-style,
#optSocialSvg .opt-style-svg .input-svg-style {
  background: #fff;
  font-size: 1em;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #f0f0f0;
}
#optIconsStyle .opt-style-svg button,
#optSocialSvg .opt-style-svg button {
  border: 1px solid #e3e3e3;
  background: #fafafa;
  color: #333;
  text-align: left;
  padding: 10px 10px;
  width: 100%;
  margin-bottom: 5px;
  border-radius: 5px;
  box-shadow: 0px 1px 1px #bdb7b1;
  font-size: 14px;
}
#optIconsStyle .opt-style-svg button i.fa,
#optSocialSvg .opt-style-svg button i.fa {
  float: right;
  font-size: 12px;
  margin-top: 3px;
}
.dropdown.button,
button.dropdown.btn-svg-style {
  padding-right: 0px;
}
#optIconsStyle .opt-style-svg button:hover,
#optSocialSvg .opt-style-svg button:hover {
  background-color: #fafafa;
}
.dropdown.button,
button.dropdown.btn-svg-style:after {
  content: none;
}
.svg-style .opt-svg,
.input-svg-style,
.footer-svg-style,
.social-svg-style {
  text-transform: capitalize;
}
#optIconsStyle .opt-style-svg button span.footer-svg-style,
#optSocialSvg .opt-style-svg button span.social-svg-style {
  text-transform: capitalize;
}
