/* Color Customizer
/* ---------------------------------------------------------- */

article a{
  color: red;
  text-decoration: underline;
}

/*
/* ---------------------------------------------------------- */

footer aside{
    flex-basis:100%;
    width:100%;
}

.entry-header{
  padding-top:30px;
}

.sidebar{
    width:100%;
    margin: 0 auto;
}

.container-post{
  padding: 0 22px;
}

.post-title .author-meta{
  margin-top:12px;
  margin-bottom: 16px;
}

.avatar{
  width:35px;
  height:35px;
  border-radius:100%;
  margin-right:8px;
}

.author-meta{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: Euclid Circular B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}

.author-name{
  font-size:14px;
  line-height: normal;
}

.read-time{
  margin: 12px 0;
}

.wp-block-image{
  margin-top:10px;
}

.wp-block-image img, .header-img-wrapper img{
  border-radius:6px!important;
}

/* 14. Author Footer
/* ---------------------------------------------------------- */

.author-divider{
  padding: 10px 0 0 0;
  border:none;
  border-top: 1px solid #e0e0e0!important;
}

.written-by{
  padding-bottom: 30px;
}

.author-box--avatar{
  display: flex;
  flex-wrap:wrap;
}
.author-box--img-container{
  -webkit-box-flex: 0;
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  margin:8px 0;
  overflow: hidden;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.author-box--img-container img{
  width:100%!important;
  height: auto!important;
}
.author-box--bio a{
  font-family: 'Source Serif Pro';
  font-weight:500;
  font-size:22px;
  text-decoration:none;
}
.author-box--bio p{
  margin-top:8px!important;
  font-size:15px!important;
}

.author-box--bio p a{
  font-size:15px!important;
}
.contact-icons ul{
  display: flex;
  padding:0;
  margin:0;
}
.contact-icons ul li{
  list-style: none;
  margin-right: 16px;
}


/* 14. Media Query - Desktop
/* ---------------------------------------------------------- */

@media screen and (min-width: 1024px) {
  aside{
    flex-basis: 28%;
    width: 28%;
  }
  .entry-header{
    padding-top:75px;
  }
  .entry-header .container-post{
    max-width:1100px;
    margin:0 auto;
    border-bottom:1px solid #e0e0e0;
    padding-bottom:6px;
  }
  .entry-content{
    display: flex;
  }
  .entry-content .container-post, .entry-comments .container-post, .entry-footer .container-post{
    flex-basis: 44%;
    width: 44%;
    margin:0 auto;
    padding-top:40px;
  }

  .post-feature{
    display:flex;
    flex-direction: row;
    width:100%;
    justify-content: center;
    align-items: center;
  }
  .post-title{
    flex:1 1 55%;
    padding:0;
  }
  .post-title .author-meta{
    margin-bottom: 0;
  }
  .avatar{
    width:55px;
    height:55px;
  }
  .author-name{
    font-size:16px;
  }
  .header-img-wrapper{
    flex: 1 1 45%;
    margin-left:20px;
  }
  .author-box--avatar{
    flex-wrap:nowrap;
  }
  .author-box--img-container{
    margin-right: 40px;
  }
}