/* move the sidebar to the right if the screen is wide enough */
@media (min-width: 768px) {
  main {
    width: 66%;
    float: left;
  }
  aside {
    width: 33%;
    float: left;
  }
}

/* used in partials/sidebar/follow-us.html and partials/sidebar/share-buttons.html */
a.twitter { background: #2CA9E1; }
a.facebook { background: #3B5997; }
a.youtube { background: #e52d27; }
a.linkedin { background: #0073B2; }
a.pinterest { background: #CB2027; }
a.reddit { background: #ff4500; }
a.twitter::before { background: url(../img/twitter.png) no-repeat center center; }
a.facebook::before { background: url(../img/facebook.png) no-repeat center center; }
a.youtube::before { background: url(../img/youtube.png) no-repeat center center; }
a.linkedin::before { background: url(../img/linkedin.png) no-repeat center center; }
a.pinterest::before { background: url(../img/pinterest.png) no-repeat center center; }
a.reddit::before { background: url(../img/reddit.png) no-repeat center center; }

/* used in partials/sidebar/follow-us.html */
.follow .buttons {
  margin-left: 16px;
}
.follow a {
  display: inline-block;
  position: relative;
  border-radius: 8px;
  color: #fff;
  min-width: 160px;
  height: 48px;
  padding-top: 13px;
  padding-left: 64px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-right: 8px;
}
.follow a::before {
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  left: 8px;
  top: 0px;
}

/* used in partials/sidebar/share-buttons.html */
.share .buttons {
  margin-left: 16px;
}
.share a {
  display: inline-block;
  position: relative;
  border-radius: 8px;
  color: #fff;
  width: 48px;
  height: 48px;
}
.share a::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  left: 8px;
  top: 8px;
}
.share a .label {
  display: none;
}

/* used in partials/blog/subscribe.html */
.ml-form-embed {
  min-height: 140px;
}