.woocommerce .select2-container.orderby .select2-choice, .woocommerce-page .select2-container.orderby .select2-choice {background-color: #f5f5f5;}

.q_logo a { width: 74px !important; height: 40px !important; }

.eg-video-home-2-element-1-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}
.eg-video-home-2-element-6-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}
.eg-blog-home-element-1-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}
.eg-blog-home-element-6-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}
.eg-podcast-home-element-1-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}
.eg-podcast-home-element-6-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}
.eg-comics-home-element-1-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}
.eg-comics-home-element-6-a {opacity: 1 !important; visibility: visible !important; text-align: left !important;}

.esg-grid .mainul li.eg-recent-home-wrapper::after {
  content: '';
  /*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00E7E7E2',endColorstr='#FFE7E7E2');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');*/
  background-size: 100%;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(231,231,226,0)),color-stop(100%,#e7e7e2));
  background-image: -webkit-linear-gradient(top,rgba(242,242,242,0) 0,#F2F2F2 100%);
  background-image: -moz-linear-gradient(top,rgba(242,242,242,0) 0,#F2F2F2 100%);
  background-image: -o-linear-gradient(top,rgba(242,242,242,0) 0,#F2F2F2 100%);
  background-image: linear-gradient(top,rgba(242,242,242,0) 0,#F2F2F2 100%);
  display: block;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
}

.esg-grid .mainul li.eg-recent-home-wrapper {
height: 450px !important;
}

p {  margin-bottom: 15px !important; }

@media (min-width: 768px) {
.content_l_outer {
  width: 100% !important;
  float: left !important;
  margin-right: -325px !important;
  position: relative !important;
}

.content_l_inner {
zoom: 1 !important;
  overflow: hidden !important;
  max-width: 100% !important;
  float: left !important;
  padding: 0 325px 20px 0 !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.sidebar_outer {
width: 300px !important;
  float: right !important;
}

.sidebar_inner {
padding: 0 !important;
}
}

@media (max-width: 767px) {
.content_l_outer {
width: 100% !important;
}

.sidebar_outer {
width: 100% !important;
}
}

.post_webcomic {
padding: 20px;
  background-color: #fff;
  margin-bottom: 25px;
}

.post_webcomic  img {
width: 100%;
margin: 15px 0;
}

#disqus_thread { margin: 25px 0; }
.blog_holder article .post_info { margin: 0 0 7px !important; }
footer { margin-top: 75px; }

.comic-nav-btn {
width: 24px;
  height: 24px;
  padding: 9px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #1eabe2;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin: 5px 3px;
}

.comic-nav-btn a { color: #fff; }

.fluid-width-video-wrapper {height: 3rem;}

.footer-social-yt,
.footer-social-twitter,
.footer-social-twitch,
.footer-social-fb {
  padding: 8px;
  width: 30px;
  height: 30px;
background-color: #8d8d8d;
  border-radius: 50%;
  font-size: 20px;
  margin: 0 10px;
  display: inline-block;
  text-align: center;
}

.footer-social-yt:hover {background-color: #cc181e;}
.footer-social-twitter:hover {background-color: #55acee;}
.footer-social-twitch:hover {background-color: #6441a5;}
.footer-social-fb:hover {background-color: #43609c;}

footer .fa {
  vertical-align: middle;
  margin-top: 6px;
color: #fff;
}

.footer-social {float: right;}

@media (max-width: 600px) {
.footer-social {float: none; text-align: center;}
.footer-copy {text-align: center;}
}