/*
 Theme Name:   Acabado Child Builder
 Theme URI:    http://acabadotheme.com/
 Description:  Acabado Child Builder
 Author:       Josh Koop
 Author URI:   http://acabadotheme.com
 Template:     acabado
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  acabado
*/
img {
  vertical-align: top;
  height: auto;
  width: auto;
  max-width: 100%;
}

.recent-articles-container {
    display: none;
}
									
.related {
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.related a {
    text-decoration: none;
}

.related-post-image {
    vertical-align: top;
}

.related-post-info {
    margin-top: 10px;
    font-size: 15px;
}

.related-title {
    font-size: 21px;
    display: inline-block;
    margin-bottom: 12px;
    font-stretch: ultra-expanded;
    font-weight: bold;
}

.related-title:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid rgba(0,0,0,.2);
    margin-bottom: 1em;
}

.related-post-date {
    font-size: 14px;
    color: #858585;
}

.related-post-tags,
.related-post-categories,
.related-post-tags a,
.related-post-categories a {
    color: #858585;
}

.related-post-tags a:hover,
.related-post-categories a:hover {
    color: #333;
}

.related-post-tags,
.related-post-categories {
    font-size: 13px;
    margin-top: 10px;
}

.related-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.related-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

.related-post {
    width: 31.4814814815%;
    opacity: 0.8;
}

.related-post:hover {
    opacity: 1;
}

@supports (grid-area: auto) {
    .related-post {
        width: auto;
    }
}

@media only screen and (max-width: 480px) {
    .related-post {
        width: 100%;
    }

    .related-posts {
        grid-gap: 40px;
        grid-template-columns: 1fr;
    }

    @supports (grid-area: auto) {
        .related-post {
            width: auto;
        }
    }
}

/* READING TIME COLOR  */
.reading-time {
  color:#0000ff;
}
/* END READING TIME COLOR  */


/* Mediavine Sidebar fix */
@media only screen and (min-width: 960px) {
#main {
max-width: calc(100% - 400px);
}
.home #primary {
max-width: 100% !important;
}
.home #main{
max-width: calc(100% - 400px);
}
#secondary {
min-width: 342px;
}
}

@media only screen and (min-width: 960px) and (max-width:1181px){
.category .site-main{
width:unset !important;
padding-right:10px !Important
}
}

@media only screen and (max-width: 359px) {
.site-content{
padding:10px !Important;
}
}
/* End Mediavine Sidebar fix */

/* Footer Alignment */
footer.site-footer ul.inner-wrap li {
    display: inline-block;
    margin: 0 20px;
}
/* End Footer Alignment */


#crumbs {
    padding: 0px 0px 20px 0px;
    
}

/* Scroll to Top */
.top-link {
  transition: all 0.25s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 3em 3em 0;
  border-radius: 50%;
  padding: 0.25em;
  width: 40px;
  height: 40px;
  background-color: #F8F8F8;
}

.show {
  visibility: visible;
  opacity: 1;
}

.hide {
  visibility: hidden;
  opacity: 0;
}

svg {
  fill: #000;
  width: 24px;
  height: 12px;
}

svg:hover {
  background-color: #E8E8E8;
}
svg:hover svg {
  fill: #000000;
}

.screen-reader-text {
  position: absolute;
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text screen-reader-text:focus {
  display: block;
  top: 5px;
  left: 5px;
  z-index: 100000;
  clip-path: none;
  background-color: #eee;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  text-decoration: none;
  line-height: normal;
  color: #444;
  font-size: 1em;
  clip: auto !important;
}
/* End Scroll To Top */

/*Hamburger Menu */


/*End Hamburger Menu */

/* Border On Images */
.article-card.horizontal .image-container {
    border: 1px solid black !important;
}

.article-card a .image-container {
    border: 1px solid black !important;
}


/* Menu Button Color When Given Class (menu-button) */
.menu-button {
    background-color:#000000;
    border-radius:45px;
}

.main-navigation .menu-button a {
    color: #ffffff !important;
}

.main-navigation .menu-button a:hover {
    background-color:#0000ff;
    color: #ffffff !important;
    border-radius:45px;
}
/* End Menu Button Color When Given Class (menu-button) */


/* Pagination Color Around The Number */
.pagination-wrapper .page-numbers.current {
    border: 4px solid #568203;
}

/* Highlight author comments */
.bypostauthor { background: #eee; }

ul.popular_posts {
    text-align: left !important;
}

/* TOC *?
.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed !important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-12px;position:absolute;width:2px}.is-active-link::before{background-color:#54BC4B}

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

  .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        align-self: flex-start;
    }

}

@media only screen and (max-width: 992px) {

  .is-collapsed {
    max-height: none;
  }

}

.admin-bar .sticky {
    top: 32px;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

a.toc-link {
    padding: 10px 0;
    display: block;
    line-height: 1.4;
}

a.toc-link:hover {
    color: #54bc4b;
}

.is-collapsible a.toc-link {
    padding: 5px 0;
}

a.toc-link {
    line-height: 1.4;
}