/* line 4, ../../src/scss/partials_explosm/_global.scss */
html, body {
  margin: 0;
  padding: 0;
}

/* line 5, ../../src/scss/partials_explosm/_header.scss */
#header {
  background: #2F264D;
  padding: 10px;
}

/* line 10, ../../src/scss/partials_explosm/_header.scss */
#topmenu a, #topsocial a {
  color: #FFFFFF;
}

/* line 14, ../../src/scss/partials_explosm/_header.scss */
#topmenu a {
  font-weight: bold;
}

/* line 18, ../../src/scss/partials_explosm/_header.scss */
#headerwrap {
  max-width: 1250px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

/* line 27, ../../src/scss/partials_explosm/_header.scss */
#sign-in {
  text-align: right;
  font-weight: bold;
  width: 100%;
  text-transform: uppercase;
}

/* line 34, ../../src/scss/partials_explosm/_header.scss */
#logo {
  max-width: 300px;
  width: calc(100% - 750px);
}

/* line 39, ../../src/scss/partials_explosm/_header.scss */
#topspace {
  width: 728px;
  flex-shrink: 0;
  flex-grow: 0;
  margin: 10px 0;
}

/* line 46, ../../src/scss/partials_explosm/_header.scss */
#topmenu a {
  margin: 10px 20px;
  display: inline-block;
}

/* line 51, ../../src/scss/partials_explosm/_header.scss */
#topsocial a {
  font-size: 2em;
  margin: 0 5px;
}

/* line 56, ../../src/scss/partials_explosm/_header.scss */
#topmenu a.active,
#topmenu a:hover,
#topsocial a:hover {
  color: #FFA70D;
}

/* line 62, ../../src/scss/partials_explosm/_header.scss */
#menuclick {
  display: none;
}

@media screen and (max-width: 1000px) {
  /* line 7, ../../src/scss/partials_explosm/_header_responsive.scss */
  #menuclick a {
    font-size: 3em;
    color: #FFFFFF;
  }

  /* line 11, ../../src/scss/partials_explosm/_header_responsive.scss */
  #logo {
    order: 1;
    width: 100%;
  }

  /* line 15, ../../src/scss/partials_explosm/_header_responsive.scss */
  #menuclick {
    order: 2;
    display: block;
  }

  /* line 19, ../../src/scss/partials_explosm/_header_responsive.scss */
  #topmenu {
    order: 3;
    display: none;
    width: 100%;
    font-size: 1.3em;
  }

  /* line 25, ../../src/scss/partials_explosm/_header_responsive.scss */
  #topmenu a {
    width: 100%;
    margin: 10px 0;
    text-align: center;
  }

  /* line 30, ../../src/scss/partials_explosm/_header_responsive.scss */
  #topspace {
    order: 4;
    margin: 0 auto;
    margin-top: 20px;
  }

  /* line 35, ../../src/scss/partials_explosm/_header_responsive.scss */
  #topsocial {
    order: 5;
    margin-top: 10px;
  }

  /* line 39, ../../src/scss/partials_explosm/_header_responsive.scss */
  #sign-in {
    order: 6;
    width: auto;
    margin-top: 10px;
    font-size: 1.3em;
  }
}
@media screen and (max-width: 770px) {
  /* line 50, ../../src/scss/partials_explosm/_header_responsive.scss */
  #sign-in {
    order: 0;
    width: 80%;
    text-align: left;
    margin-top: 0;
  }

  /* line 56, ../../src/scss/partials_explosm/_header_responsive.scss */
  #menuclick {
    order: 1;
    width: 20%;
    text-align: right;
  }

  /* line 61, ../../src/scss/partials_explosm/_header_responsive.scss */
  #logo {
    order: 2;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 10px;
  }

  /* line 68, ../../src/scss/partials_explosm/_header_responsive.scss */
  #topspace {
    width: auto;
    order: 3;
    margin: 0 auto;
    margin-top: 20px;
  }

  /* line 74, ../../src/scss/partials_explosm/_header_responsive.scss */
  #topsocial {
    order: 4;
    width: 100%;
    text-align: center;
  }
}
/* line 5, ../../src/scss/partials_explosm/_layout.scss */
#main-content {
  max-width: 1160px;
  margin: 0 auto;
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  display: flex;
}

/* line 14, ../../src/scss/partials_explosm/_layout.scss */
#main-left {
  flex-grow: 1;
  margin-right: 20px;
}

@media screen and (max-width: 950px) {
  /* line 20, ../../src/scss/partials_explosm/_layout.scss */
  #main-content {
    flex-wrap: wrap;
    padding: 0;
  }

  /* line 24, ../../src/scss/partials_explosm/_layout.scss */
  #main-left {
    width: 100%;
    margin-right: 0;
  }
}
/* line 6, ../../src/scss/partials_explosm/_comics.scss */
#comic-wrap {
  text-align: center;
}

/* line 10, ../../src/scss/partials_explosm/_comics.scss */
#comic-under {
  display: flex;
  justify-content: space-between;
}

/* line 15, ../../src/scss/partials_explosm/_comics.scss */
.comic-nav {
  flex-shrink: 1;
  display: flex;
  align-items: center;
  max-width: 500px;
}

/* line 22, ../../src/scss/partials_explosm/_comics.scss */
.comic-nav a {
  padding: 5px;
  box-sizing: border-box;
}

/* line 27, ../../src/scss/partials_explosm/_comics.scss */
#comic-info {
  display: flex;
  text-align: right;
  margin-left: 10px;
  height: 96px;
  align-items: flex-end;
}

/* line 35, ../../src/scss/partials_explosm/_comics.scss */
#comic-author {
  font-weight: bold;
  padding: 5px;
  box-sizing: border-box;
  font-size: 1.2em;
}

/* line 42, ../../src/scss/partials_explosm/_comics.scss */
#comic-social {
  display: flex;
  font-size: 1.8em;
}

/* line 47, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a {
  box-sizing: border-box;
  font-family: CreativeBlock, ProximaNova-Regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  padding: 6px;
  display: flex;
  align-items: center;
  min-width: 40px;
  background-color: #4e3f80;
  color: #FFFFFF;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
/* line 61, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a:hover, #comic-social a:focus {
  background-color: #261e3e;
  color: #FFFFFF;
}
/* line 66, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a i {
  margin: 0 auto;
}
/* line 70, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-facebook {
  background-color: #3b5999;
}
/* line 72, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-facebook:hover, #comic-social a#comic-social-facebook:focus {
  background-color: #2f477a;
}
/* line 77, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-google-plus {
  background-color: #df4a32;
}
/* line 79, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-google-plus:hover, #comic-social a#comic-social-google-plus:focus {
  background-color: #bd341d;
}
/* line 84, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-twitter {
  background-color: #55acee;
}
/* line 86, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-twitter:hover, #comic-social a#comic-social-twitter:focus {
  background-color: #1a8fe8;
}
/* line 91, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-youtube {
  background-color: #e72e28;
}
/* line 93, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-youtube:hover, #comic-social a#comic-social-youtube:focus {
  background-color: #c31b16;
}
/* line 98, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-instagram {
  background-color: #3f729b;
}
/* line 100, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-instagram:hover, #comic-social a#comic-social-instagram:focus {
  background-color: #325b7c;
}
/* line 105, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-tumblr {
  background-color: #385774;
}
/* line 107, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-tumblr:hover, #comic-social a#comic-social-tumblr:focus {
  background-color: #2d465d;
}
/* line 112, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-email {
  background-color: #df4a32;
}
/* line 114, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-email:hover, #comic-social a#comic-social-email:focus {
  background-color: #bd341d;
}
/* line 119, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-rss {
  background-color: #FBA600;
}
/* line 121, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-rss:hover, #comic-social a#comic-social-rss:focus {
  background-color: #d68800;
}
/* line 126, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social a#comic-social-link {
  background: #2e264d;
  font-size: .9em;
  padding: 6px 9px;
}
/* line 132, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-reddit {
  background: #ff3f18;
}
/* line 136, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-favorite {
  background: #2e264d;
  display: flex;
  font-size: .8em;
  padding: 6px 9px;
}
/* line 142, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-favorite.selected {
  color: #ffa70d;
}
/* line 146, ../../src/scss/partials_explosm/_comics.scss */
#comic-social a#comic-social-favorite #comic-social-favorite-text {
  margin-left: 5px;
}

/* line 152, ../../src/scss/partials_explosm/_comics.scss */
#comic-avatar {
  width: 96px;
  height: 96px;
  flex-shrink: 0;
}

/* line 158, ../../src/scss/partials_explosm/_comics.scss */
#comic-comment-button {
  width: 100%;
  padding: 15px;
  background: #2e264d;
  color: #FFFFFF;
  font-family: CreativeBlock, ProximaNova-Regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 1.44em;
  margin-top: 15px;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
/* line 170, ../../src/scss/partials_explosm/_comics.scss */
#comic-comment-button:hover, #comic-comment-button:focus {
  background-color: #261e3e;
  color: #FFFFFF;
}

/* line 176, ../../src/scss/partials_explosm/_comics.scss */
#under-comic-space {
  width: 728px;
  margin: 0 auto;
  margin-top: 15px;
  display: block;
}

/* line 183, ../../src/scss/partials_explosm/_comics.scss */
#under-comic-preview-swap {
  display: none;
}

@media screen and (max-width: 1150px) {
  /* line 188, ../../src/scss/partials_explosm/_comics.scss */
  #comic-social-favorite-text {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  /* line 194, ../../src/scss/partials_explosm/_comics.scss */
  #under-comic-space {
    width: 728px;
  }

  /* line 197, ../../src/scss/partials_explosm/_comics.scss */
  #under-comic-preview-swap {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    background: #f2f2f2;
    margin-top: 15px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  /* line 207, ../../src/scss/partials_explosm/_comics.scss */
  #under-comic-preview-swap div {
    margin: 0;
    padding: 0;
    max-width: 300px;
  }

  /* line 212, ../../src/scss/partials_explosm/_comics.scss */
  #under-comic-preview-swap .rightspace {
    flex-shrink: 0;
    margin-left: 15px;
  }
}
@media screen and (max-width: 690px) {
  /* line 219, ../../src/scss/partials_explosm/_comics.scss */
  #comic-social-favorite-text {
    display: inline;
  }

  /* line 222, ../../src/scss/partials_explosm/_comics.scss */
  #comic-author {
    text-align: left;
  }

  /* line 225, ../../src/scss/partials_explosm/_comics.scss */
  #comic-under {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  /* line 229, ../../src/scss/partials_explosm/_comics.scss */
  #comic-info {
    margin: 15px 0 0 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 236, ../../src/scss/partials_explosm/_comics.scss */
  #under-comic-preview-swap .rightspace {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  /* line 242, ../../src/scss/partials_explosm/_comics.scss */
  #comic-social-favorite-text {
    display: none;
  }
}
/* line 5, ../../src/scss/partials_explosm/_news.scss */
#news-area {
  margin-top: 15px;
  display: flex;
}

/* line 10, ../../src/scss/partials_explosm/_news.scss */
.news-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .5rem;
}

/* line 16, ../../src/scss/partials_explosm/_news.scss */
.news-box {
  border: 2px solid #CCCCCC;
  border-radius: 7px;
  padding: 10px;
  box-sizing: border-box;
  flex-grow: 1;
}
/* line 23, ../../src/scss/partials_explosm/_news.scss */
.news-box .sidebar-promo {
  margin: 0;
}

/* line 28, ../../src/scss/partials_explosm/_news.scss */
#news-left, #news-right {
  display: flex;
  flex-direction: column;
}

/* line 33, ../../src/scss/partials_explosm/_news.scss */
#news-left {
  width: 100%;
}

/* line 37, ../../src/scss/partials_explosm/_news.scss */
#news-right {
  max-width: 270px;
  margin-left: 10px;
  flex-shrink: 0;
}

@media screen and (max-width: 950px) {
  /* line 45, ../../src/scss/partials_explosm/_news.scss */
  #news-area {
    padding: 0 10px;
  }
}
@media screen and (max-width: 690px) {
  /* line 53, ../../src/scss/partials_explosm/_news.scss */
  #news-area {
    flex-wrap: wrap;
  }

  /* line 56, ../../src/scss/partials_explosm/_news.scss */
  #news-right {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  /* line 61, ../../src/scss/partials_explosm/_news.scss */
  .news-title {
    margin-top: 5px;
  }
}
/* line 5, ../../src/scss/partials_explosm/_animations.scss */
#shorts-area {
  border: 2px solid #CCCCCC;
  border-radius: 7px;
  padding: 10px;
  box-sizing: border-box;
  background: #F2F2F2;
  margin-top: 15px;
}

/* line 14, ../../src/scss/partials_explosm/_animations.scss */
#shorts-area h2 {
  font-size: 1.5em;
  font-weight: bold;
}

/* line 19, ../../src/scss/partials_explosm/_animations.scss */
#shorts-list {
  display: flex;
  justify-content: space-between;
}

/* line 24, ../../src/scss/partials_explosm/_animations.scss */
.shorts-box {
  line-height: 1.3em;
  margin-left: 10px;
}

/* line 29, ../../src/scss/partials_explosm/_animations.scss */
.shorts-box:first-child {
  margin-left: 0;
}

/* line 33, ../../src/scss/partials_explosm/_animations.scss */
.shorts-stats {
  display: flex;
  text-align: center;
}

/* line 38, ../../src/scss/partials_explosm/_animations.scss */
.shorts-stats i {
  margin-right: 5px;
}

/* line 42, ../../src/scss/partials_explosm/_animations.scss */
#shorts-view-more {
  font-size: 1.2em;
  margin-top: 15px;
  font-weight: bold;
  display: block;
}

/* line 49, ../../src/scss/partials_explosm/_animations.scss */
.shorts-stats span {
  min-width: 30%;
}

@media screen and (max-width: 950px) {
  /* line 54, ../../src/scss/partials_explosm/_animations.scss */
  #shorts-area {
    margin: 15px 10px 0 10px;
  }
}
@media screen and (max-width: 700px) {
  /* line 61, ../../src/scss/partials_explosm/_animations.scss */
  .shorts-box:last-child {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  /* line 69, ../../src/scss/partials_explosm/_animations.scss */
  .shorts-box:nth-child(3) {
    display: none;
  }
}
/* line 5, ../../src/scss/partials_explosm/_sidebar.scss */
#main-right {
  flex-shrink: 0;
  width: 300px;
}

@media screen and (max-width: 950px) {
  /* line 11, ../../src/scss/partials_explosm/_sidebar.scss */
  #main-right {
    display: none;
  }
}
/* line 16, ../../src/scss/partials_explosm/_sidebar.scss */
.rightspace {
  width: 300px;
  margin-bottom: 15px;
}

/* line 21, ../../src/scss/partials_explosm/_sidebar.scss */
.preview-swap {
  width: 100%;
  background: #F2F2F2;
  border-radius: 7px;
  font-weight: bold;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* line 31, ../../src/scss/partials_explosm/_sidebar.scss */
.preview-head {
  margin-bottom: 5px;
}

/* line 35, ../../src/scss/partials_explosm/_sidebar.scss */
.preview-title {
  float: right;
  color: #787878;
}

/* line 40, ../../src/scss/partials_explosm/_sidebar.scss */
.preview-thumbnail {
  display: block;
  clear: both;
}

/* line 45, ../../src/scss/partials_explosm/_sidebar.scss */
#rightspace-large {
  width: 300px;
  margin-bottom: 15px;
}

/* line 50, ../../src/scss/partials_explosm/_sidebar.scss */
#right-store-ad {
  margin-bottom: 15px;
}

/* line 5, ../../src/scss/partials_explosm/_comments.scss */
#global-comments-container {
  display: none;
}