/*
Theme Name: Nyeo WordPress Theme V2.2
Theme URI: http://indthemes.com/theme/nyeo
Description: Description: Nyeo WordPress theme by INDThemes. Increase your Google Adsense earnings with premium theme, <a href="http://indthemes.com/" target="_blank">click here</a>.
Author: Bambang Tri Utomo
Author URI: http://indthemes.com/
Version: 2.2
*/

/* ------------------------------------------- START Reset CSS ------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  font-size: 62.5%;
  /* overflow-y: scroll; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
  /*overflow-x: hidden; */
}
body {
  background: #fff;
  overflow-x: hidden;
  /* overflow-x: hidden; */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
  text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
a img {
  border: 0;
}
.clearfix {
  clear:both
}

/* ------------------------------------------- START GLOBAL CSS ------------------------------------------- */

a { text-decoration: none; }
a:link { text-decoration: none; }
/* a:visited {} */
a:hover { text-decoration: underline; }
a:focus { outline: none; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
p { margin:10px 0; }
p img { padding: 0; max-width: 100%; }
.container { width: 900px; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter, div.aligncenter { display: block; margin: 0 auto; text-align: center; }
img.alignleft { margin: 5px 15px 10px 0; }
img.alignright { margin: 5px 0 10px 10px; }
img.aligncenter { margin: 10px auto; }
.wp-caption { text-align: center; border-bottom: 1px solid #DADADA; background-color: #fff; padding-top: 5px; margin-bottom: 10px !important; max-width: 100%; }
.wp-caption img { max-width: 100%; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 18px; padding: 0 4px 5px; margin: 0; }

/* ------------------------------------------- START Layout CSS ------------------------------------------- */

body { background: #22b4d8; font: 13px Arial,Helvetica,sans-serif; color: #474747; }
#wrap { width: 960px; margin: 0 auto; background: #fff; margin-top: 65px; }
#main { float: left; width: 940px; padding: 10px 15px; margin-top:5px; }
#content { float: left; width: 675px; margin-right: 10px; }
#sidebar { float: right; width: 255px; }

/* ------------------------------------------- START POST CSS ------------------------------------------- */

.post { border-bottom: 1px solid #efefef; padding: 10px 0; overflow: hidden; position: relative; }
.post h2{ font-size: 20px; line-height: 24px; margin-bottom: 10px; }
.post h2 a:hover { text-decoration: none; }
/*.post:first-child { border-top: 1px solid #efefef; }*/
.post .thumb { float: left; width: 100px; height: 80px; display: block; margin-right: 15px; }
.post p { margin: 0; line-height: 18px; }

.thumb-holder {  overflow:hidden;  }

.post-detail {
  position: relative;
  padding: 0 10px 0 235px;
}

.post-author-bio {
  float: left;
  margin-top: 20px;
}
.author-pic {
  float: left;
}
.author-pic img {
  border-radius: 30px;
}
.post-author-bio h4 {
  font-size: 14px;
  float: left;
  margin-top: 15px!important;
  margin-left: 15px!important;
}
.post-author-bio h4 a {
  color: #9e9a9a;
}

.content_right, .content_left{
  float: left;
  width: 45%;
}
.content_left{
  padding-right: 5%;
}
/* ------------------------------------------- START Entry CSS ------------------------------------------- */

.entry { font-family:Open Sans; }
.entry img { max-width: auto; }
.entry p, .about-us-main p { line-height: 31px; font-size: 16px; margin-top: 15px; margin-bottom: 20px; font-family:Open Sans; }
.entry blockquote { margin: 20px 20px; padding: 0 30px 0 20px; overflow: hidden; border-left: 10px solid #F7F7F7; }
.entry ul, .entry ol { margin: 10px 0 10px 1em; }
.entry ol { list-style-type: decimal; }
.entry ul { list-style-type: circle; }
.entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul { margin: 0 0 0 20px; }
h1.stitle { color: #333; font-size: 24px; line-height: 18px; margin: 10px 0; }
.entry h2, .entry h3, .entry h4 { /*font-size: 13px;*/ margin: 5px 0; }
.entry table { width: 100%; border: 1px solid #e9e9e9; margin: 1.0em 0; border-collapse: collapse; border-spacing: 0; }
.entry table th { padding: 6px 3px; background: #eee; border: 1px solid #e9e9e9; text-shadow: 1px 1px #fff; }
.entry table td { padding: 6px 10px 3px 10px; border: 1px solid #e9e9e9; }

.entry h1 { font-size: 30px; margin: 15px 0; line-height: 1; }

h1.stitle {
  font-family: Open Sans;
  color: #333!important;
}
.single-page-detail-post {
  opacity: .6;
}
.single-page-detail-post a {
  color: #333!important;
}

/* ------------------------------------------- START Share CSS ------------------------------------------- */

.social-container { margin: 15px 0; width: 100%; }
.SocialCustomMenu { margin: 0; }
.SocialCustomMenu span { display: inline; padding: 5px; text-decoration: none; font-size: 0.95em; }
.SocialCustomMenu a, .SocialCustomMenu a:visited { display: inline; padding: 5px; color: white!important; text-decoration: none; font-size: 0.95em; }
.social-container .twitter { background-color: #00a0d1; }
.social-container .facebook { background-color: #3b5998; }
.social-container .googleplus { background-color: #db4a39; }
.social-container .sharetext { background: #efefef; color:#333 !important; }

/* ------------------------------------------- START Related CSS ------------------------------------------- */

.related_posts { width: 100%; margin-top: 15px; }
.related_posts .thumb { float: left; width: 70px; height: 60px; margin-right: 10px; overflow: hidden; }
.related_posts h3 { background: #efefef; font-size: 13px; padding: 4px 10px;}
.related_posts ul { margin: 10px 0; margin-right: -5px; }
/* .related_posts ul li { padding: 1%; width: 98%; display: inline-block; overflow: hidden; margin-bottom: 5px; border: 1px solid #efefef; } */
.related_posts ul li { width: 32%; display: inline-block; overflow: hidden; margin-right: .5em; position: relative; }
.related_posts h4 { font-size: 16px; line-height: 18px; margin-bottom: 5px; margin-left: 10px; position: absolute; bottom: 6px; z-index: 4; }
.related_posts p { margin: 0; }
.related_posts .relatedcontent { float: left; overflow: hidden; }

.related_post_desc {
  float: left;
  width: 75%;
  margin-left: 15px!important;
}

.related_posts ul li img {
  width: 100%;
  height: 150px;
  float: left;
}

/* ------------------------------------------- START Sidebar CSS ------------------------------------------- */

#sidebar h3.title  { height: 26px; border-bottom: 3px solid #dfdfdf; line-height: 26px; font-size: 12px; text-transform: uppercase; }
#sidebar h3.title span  { line-height: 26px; padding: 0px 10px; color: #ffffff; }
#sidebar .widget { margin-bottom: 15px; }
/* #sidebar .widget .inner{} */
#sidebar .widget ul {padding: 5px 0 0 0;}
#sidebar .widget ul li { background: url(img/list.png) no-repeat scroll 5px 10px transparent; padding: 4px 4px 4px 15px; border-bottom: 1px solid #efefef; }
#sidebar table { width: 100%; font-size: 90%; border: 1px solid #efefef; border-bottom: none; border-right: none; }
#sidebar table td { padding: 2px 3px; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
#sidebar .widget_ads { margin: 5px 0; }

/* ------------------------------------------- START Footer CSS ------------------------------------------- */

#footer { width: 100%; background: #353434; border-top: 1px solid #e2e2e2; font-size: 12px; color: #eee; font-family: 'Open Sans';}
#footer .inner { float: left; padding: 10px 0; width: 100%; }
#footer .copyright { float: left; color: #eee; padding-left: 10px; }
#footer .copyright a { color: #666; }
#footer .menu { float: right; }
#footer .menu ul li { float: left; padding-right: 10px; padding-bottom: 5px; }
#footer .menu ul li:last-child { border: none; }
#footer .menu ul li a { line-height: 15px; font-weight: bold; text-transform: capitalize; color: #666; }
#footer .menu ul li a:hover { text-decoration: none; color: #666; }

/* ------------------------------------------- START Menu CSS ------------------------------------------- */

nav select { display: none; border: 1px solid #dfdfdf; padding: 3px; }
#main-menu { width: 100%; height: 50px; border-top: 3px solid #dfdfdf; border-bottom: 3px solid #dfdfdf; font-size: 12px; font-weight: bold; /*text-align: center;*/ overflow: hidden; z-index: 9; }
/* #main-menu .ihome { float:left; margin: 5px 10px; display: inline; }  */
#main-menu .ihome { display: inline; } 
/* #main-menu .main-menu { padding: 9px 0; text-align: left; } */
#main-menu .main-menu ul { width: 100%; }
/* #main-menu .main-menu li { float: left; border-right: 1px solid #ffffff; } */
#main-menu .main-menu li { display: inline-block; padding: 18px 10px; }
#main-menu .main-menu li a { color: #ffffff; font-weight: bold; text-transform: uppercase; display: inline-block; }
#main-menu .main-menu li a:hover { text-decoration: none; color: #ccc; }
#main-menu .main-menu li li a, #main-menu .main-menu li li a:link, #main-menu .main-menu li li a:visited { background: #dfdfdf; color: #000; position: relative; text-transform: uppercase; width: 138px; line-height: 32px; padding: 0px 10px; border-bottom: 1px solid #bbbbbb; }
/* #main-menu .main-menu li li a:hover, #main-menu .main-menu li li a:active { } */
#main-menu .main-menu li li:first-child { border: none; }
#main-menu .main-menu li li { border: none; }
#main-menu .main-menu li ul{ width: 960px; }
#main-menu .main-menu li ul a { width: 140px; }
#main-menu .main-menu li ul ul { margin: -33px 0 0 159px; }
#main-menu .main-menu li:hover>ul { left: auto; }
#main-menu .main-menu li.current-menu-item a, #main-menu .main-menu li.current-post-parent a { color: #ccc; }

#main-menu { position: fixed; border: none; top:0; }

.main-nav-wrap {
  margin: 0 auto;
}

#toggle-search {
    display: block;
    width: 52px;
    float: right;
}
#toggle-search img {
  width: 100%;
}


/* ------------------------------------------- START Pagenavi CSS ------------------------------------------- */

.Nav { font-size: 12px; width: 100%; margin: 20px 0; }
.Nav a { border: 1px solid #ddd; color: #000 !important; background: #f9f9f9; padding: 6px; }
.Nav a:visited { border: 1px solid #ccc; background: #f9f9f9; }
.Nav a:hover { background: #dfdfdf; text-decoration: none; }
.Nav span { background: #f9f9f9; border: 1px solid #ccc; margin-right: 3px; padding: 6px 5px; }
.Nav .on { background: #dfdfdf; border: 1px solid #ccc; padding: 6px; }

/* ------------------------------------------- START Other CSS ------------------------------------------- */

h3.reply-title { background: #efefef; font-size: 13px; padding: 5px 10px; }
.breadcrumbs {  width: 96%; font-size: 13px; text-transform: capitalize; font-weight: normal; }

.search-form {
  display: block;
  position: fixed;
  top: 15px;
  right: 290px;
}

/* ------------------------------------------- START Responsive CSS ------------------------------------------- */

@media only screen and ( max-width: 769px ) {
  img,video,object {
    max-width: 100%;
    height: auto;
  }
  #wrap { width: 96%;  }
  #main { padding: 0; }
  #main { width: 96%; padding: 2%; }
  #mainmenu, #footer { width: 100%; }
  #content { margin: 0; }
  #content { width: 60%; margin-right: 2%; }
  #content img { max-width: 100%; }
  #sidebar { width: 38%; }
  .breadcrumbs, .wp-caption { width: 95%; }
}

@media only screen and (min-width:768px) {

  .top-menu-container {
    float: left;
  }

  .custom-sub {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 50px;
    background: #6c7a89;
  }
  .sub-menu li {
    padding: 0!important;
  }

  .sub-menu {
    margin: 0 auto;
    width: 1010px!important;
    overflow: auto;
  }

  

  .post h2 {
    overflow: hidden;
    max-height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .post-category {
    font-size: 13px;
    margin-bottom: 10px;
  }
  
  .thumb-holder {
    width: 33%;
    float: left;
  }
  .thumb-holder img {
    width: 100%;
    height: 160px;
  }

}

@media only screen and ( max-width: 600px ) {
  #wrap, #main { width: 100%; }
  #main { padding: 0; }
  #mainmenu, .entry, .wp-caption, #footer .copyright, #footer .menu { width: 100%; }
  #footer .menu ul li { float: left; }
  #footer .menu ul li:first-child { float: left; padding-left: 0; }
  #sidebar, #content, .breadcrumbs { width: 95%; padding: 0 1rem; margin: 0; }
  .breadcrumbs { padding: 10px 0; font-size:15px; }
  .related_posts ul li { width: 48%; margin-right: .3em; }
  .related_posts ul li img { width: 100%; float: none;}
  .related_post_desc { display: none; }
  nav select { display: inline-block; width: 300px; height: 25px; margin: 5px 0; overflow: hidden; background: #EFEFEF; float: none; font-size: 13px; }
  #fb-comments  { display: none; }

  .post .thumb-holder img { width:100%; }
  .thumb-holder { max-height:210px; text-align:center; }
  .post h2 { font-size: 16px; }
  .post-category { font-size: 13px; margin-top: 10px; margin-bottom: 5px; }

  .post-detail {
    position: unset;
    padding: 0;
  }

  .entry p { margin-bottom: 30px; }

  #wrap { margin-top: 80px; }

  .search-form {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    background: #eee;
    padding: 10px 0;
    box-shadow: 1px 2px 4px #888;
    text-align: center;
  }

}

/* ------------------------------------------- START CUSTOM CSS ------------------------------------------- */

/* top menu */
.menu-item-has-children:hover .custom-sub {
  display: block;  
}

.custom-sub .sub-menu li a {
  background: none!important;
  color: #eee!important;
  width: unset!important;
  line-height: 0!important;
  border-bottom: none!important;
  padding: 20px 25px!important;
}
.custom-sub .sub-menu li:hover {
  /* background: #DADADA; */
}

/* footer */
#footer-sidebar {
  width: 100%;
  content: "";
  display: table;
  clear: both;
  margin-bottom: 10px;
}
#footer-sidebar ul li a {
  color: #fefefe!important;
}
.footer-column {
  float: left;
  width: 31%;
  padding: 10px;
}
.footer-column h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

#footer-sidebar2 {
   margin-left: 4px;
}
#footer-sidebar3 {
  float: right;
}
.footer-column ul {
  line-height: 16px;
}
.footer-column ul li {
  margin: 4px 0;
}

/* home page */
.post-detail h3 a {
  color: #9e9a9a;
}
.post-detail h2 a {
  color: #333!important;
}

/* post page  */
.related_posts h4 a {
  color: #fff!important;
}
.category-n-tags h5, .category-n-tags a {
  font-size: 14px!important;
  color: #9a9e9e!important;
}
.category-n-tags p {
  margin: 0;
}
.tags-heading {
  float: left;
  clear: both;
}
.cat-heading {
  float: left;
}
.breadcrumbs, .breadcrumbs a {
  color: #bbb!important;
}
.entry .spot-on {
  padding: 15px;
  border: 1px solid #eee;
  color: #000;
  font-size: 18px;
}
.ivory { background-color: ivory; }
.yellow { background-color: #FFFFCC; }
.purple { background-color: #E1DFFF; }
.blue { background-color: #CCFDFF; }
.red { background-color: indianred; }
.pagelink {
  background-color: #f5f4f4;
  margin: 20px 0;
  padding: 5px 10px;
  font-size: 16px;
}
.pagelink p a, .pagelink .current {
  background-color: #ceccc9;
  display: inline-block;
  padding: 3px 10px;
  color: #333!important;
}
.pagelink .current {
  background-color: #999;
  color: #fff!important;
}
.related_posts .related-post-item:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  -o-transition: .2s;
  transition: .2s;
  -webkit-transition: .2s;
  z-index: 3;
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.5) 18%,hsla(0,0%,100%,0) 45%);
  background: -o-linear-gradient(top,rgba(0,0,0,.5) 18%,hsla(0,0%,100%,0) 45%);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(18%,rgba(0,0,0,.5)),color-stop(45%,hsla(0,0%,100%,0)));
  background: -o-linear-gradient(bottom,rgba(0,0,0,.5) 18%,hsla(0,0%,100%,0) 45%);
  background: linear-gradient(0deg,rgba(0,0,0,.5) 18%,hsla(0,0%,100%,0) 45%);
}
.related_posts .related-post-item:hover:before {
  opacity: .6;
}
.entry .stitle {
  line-height: 42px!important;
}
.entry ul, .entry ol {
  font-size: 16px;
  line-height: 31px;  
}
/* end of post page */

/* about us page template */
#main-about-us {
  float: left;
  width: 100%;
  margin: 10px 0;
}
#about-us {
  padding: 10px 15px;
}
#about-us .entry {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 40px;
}
.about-us-content {
  float: left;
  display: block;
  width: 100%;
  padding: 10px 0;
  background-color: #efefef;
}
.about-us-menu {
  float: left;
  width: 30%;
}
.about-us-wrapper {
  float: right;
  width: 70%;
  background-color: #fff;
}
.about-us-main {
  padding: 15px 20px;
}
.about-us-sticky {
  position: fixed;
  top: 60px;
  width: 20%;
}
.about-us-navigation {
  padding-top: 15px;
  padding-right: 15px;
}
.about-us-navigation li a {
  display: block;
  padding-bottom: 15px;
  color: #333!important;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 2;
}

/* author page */
.author-profile-card {
  margin-top: 20px;
  margin-bottom: 30px;
}
.author-profile-card hr {
  clear: both;
  margin-top: 50px;
}
.author-photo {
  float: left;
  display: block;
}
.author-photo img {
  border-radius: 45px;
}
.author-name {
  padding-left: 100px;
}
.author-profile-card p {
  padding-left: 100px;
}
.author-bio {
  padding-left: 0!important;
  margin-top: 15px;
}
.author-post-header {
  border-top: 4px solid #eee;
  padding-top: 10px;
  font-size: 16px;
}
.author-posts {
  width: 30%;
  float: left;
  height: 213px;
  margin-right: 3%;
}
.author-posts h2 a {
  color: #333!important;
}
.author-posts img {
  float: unset!important;
  width: 100%!important;
  height: 126px!important;
}
.author-navigation {
  clear: both;
  float: left;
}
.author-posts h2 {
  font-size: 16px;
}
/* END OF AUTHOR PAGE */

/* 404 page */
#not-found-content {
  transition: all 0.6s;
}
#not-found-content .entry {
  display: table;
  text-align: center;
  width: 100%;
}

.fof{
  float: left;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.fof h1{
  color: #888;
  font-size: 94px;
  display: inline-block;
  padding-right: 12px;
  animation: type .5s alternate infinite;
}
.fof h3 {
  font-size: 16px;
  color: #666;
}
.fof h3 a:hover {
  text-decoration: none;
  border-bottom-color: #e04237!important;
  color: #e04237!important;
}

@keyframes type{
  from{box-shadow: inset -3px 0px 0px #888;}
  to{box-shadow: inset -3px 0px 0px transparent;}
}
.popular-posts {
  clear: both;
  width: 65%;
  margin: 0 auto;
  padding-top: 10px;
}
.popular-post-heading {
  font-size: 24px!important;
  text-align: left;
  margin: 0 15px!important;
  padding-bottom: 10px;
  border-bottom: 2px solid #9a9e9e;
}
.popular-posts ul {
  list-style: none;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 20px;
  float: left;
}
.popular-posts ul li {
  background: #eee;
  display: block;
  float: left;
  width: 45%;
  margin: 10px 15px;
}
.popular-item-thumb img {
  width: 100%;
  height: 190px;
}
.popular-post-item a {
  color: #444!important;
}
.popular-post-item a h3 {
  font-size: 16px!important;
}

.page-links-title,.page-link-number{background-color:#f1f3f4;border-color:#ecf0f1;border-style:solid;border-width:2px;display:inline-block;font-size:12px;margin:0 2px;padding:5px 10px}
.page-links a .page-link-number{background-color:transparent;border-color:#ecf0f1}
.page-links a .page-link-number:hover{border-color:#0053f9}

/* ------------------------------------------- START CUSTOM RESPONSIVE CSS ------------------------------------------- */

/* tablet only ( supposedly ) */
@media only screen and ( min-width: 1024px ) {
  .main-nav-wrap {
    width: 960px;
  }
}
@media only screen and ( max-width: 768px ) and ( min-width: 600px ) {
  /* responsive homepage */
  .thumb-holder {
    float: left;
	width: 33%;
  }
  .thumb-holder img {
	height: 135px;
  }
  .post-detail {
    padding: 0 10px 0 35%;
  }
  .main-nav-wrap {
    width: 96%;
  }
  #wrap {
    margin-top: 95px!important;
  }
  #content {
    width: 100%;
    margin-right: 0!important;
  }
  #sidebar {
    width: 100%;
  }
  .top-menu-container {
    display: none;
  }
  .mobile-nav-container {
    width: 100%;
    display: block!important;
    position: fixed;
    background: #fff;
    top: 50px;
    overflow: auto;
    left: 0;
  }
  .mobile-menu {
    display: block;
    white-space: nowrap;
  }
  /* related posts tablet mode */
  .related_posts ul li {
	width: 31%;
  }
  /* responsive author page */
  .author-posts h2 {
    font-size: 13px;
  }
  /* tablet 404 */
  .popular-post-item img {
	height: 220px;
  }
}

/* test tablet responsive ( tablet and mobile ) */
@media only screen and ( max-width: 768px ) {
  /* responsive 404 page */
  .popular-post-item {
    width: 100%!important;
    margin: 10px 0!important;
  }
  .popular-post-heading {
    text-align: center;
    margin: 0!important;
  }
  /* responsive menu */
  ul.mobile-menu li.menu-item a {
    color: #494a4e!important;
  }
  
  /* responsive about us */
  .about-us-menu {
    display: none;
  }
  .about-us-wrapper {
    width: 100%;
  }
  /* responsive footer */
  #footer .menu {
	float: left;
	width: 100%;
  }
	#footer .menu ul li {
    float: unset!important;
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 15px;
  }
  .menu-footer-menu-container {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    padding-left: 10px;
  }
  #footer-sidebar {
	margin-bottom: 0;
  }
  .footer-column {
    float: unset!important;
    width: 96%;
  }
  #footer-sidebar2 {
    margin: 0;
  }
  #footer .copyright {
    float: unset;
    padding-left: 0;
	padding: 10px;
  }
}

/* extra large tablet */
@media only screen and ( min-width: 769px ) and ( max-width: 960px ) {
  #wrap, #main {
    width: 100%;
  }
  #content {
    width: 66%;
    margin-right: 0;
  }
  #sidebar {
    width: 34%;
    float: left;
  }
  .post-detail {
    padding: 0 10px 0 35%;
  }
  .footer-column {
	width: 30%;
  }
}


/* mobile */
@media only screen and ( max-width: 600px ) {

  /* responsive logo */
  .main-logo-link {
    margin-left: 5px;
  }

  /* responsive author page */
  .author-posts {
    width: 47%;
  }
  .author-posts h2 {
    font-size: 13px;
  }

  /* responsive post page */
  .post-author-bio {
    margin-top: 5px!important;
  } 
  .author-pic img {
	border-radius: 40px;
  }

  .entry .stitle {
    font-size: 20px;
    line-height: 31px!important;
  }
  .entry h2 {
    font-size: 19px;
  }
  .entry h3 {
    font-size: 18px;
  }
  .entry h4 {
    font-size: 17px;
  }
  .entry h5 {
    font-size: 16px;
  }
  .entry h6 {
    font-size: 15px;
  }

	
}