/*
 Theme Name:   Twenty Twenty Child 2
 Description:  Twenty Twenty Child Theme 2
 Author:       Varinder Guraya
 Template:     twentytwenty
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentychild2
*/

.hr-wrap, hr{
  margin: 4rem auto;
}

.entry-categories{
  margin-bottom: 4rem;
}

.entry-categories-singular{
  margin-bottom: 2rem!important;
}

.featured-media{
  margin-top: 0;
}

.article-wrap article h2.entry-title{
  margin: 3rem auto;
}

.article-wrap .featured-media img
{
  margin-bottom: 3.5rem;
}

.article-wrap .post-inner{
  padding-top: 4rem;
  padding-top:0;
}

article{
  padding-top: 0;
  padding-bottom: 1rem;
}

@media (min-width: 760px){

  .hr-wrap, hr{
    margin: 5rem 20px 4rem 20px;
  }

  article{
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .entry-categories{
    margin-bottom: 1rem;
  }
  
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide)
  {
    max-width: 58rem;
    width:100%;
  }

  .article-wrap
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;  
    justify-content: center;
    align-items: stretch;
  }

  .article-wrap .featured-media img
  {
    margin-top: 3rem;
    margin-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
  }

  .article-wrap article{
    display: flex;
    flex-direction: column;
    width:50%;
    padding: 0;
  }

  .article-wrap article h2.entry-title{
    margin: 3.5rem auto 2.5rem auto;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 2.5rem;
    line-height: 1.3;
  }

  .entry-content{
    padding-right: 20px;
    padding-left: 20px;
  }

  .article-wrap .section-inner, .article-wrap .post-inner
  {
    padding: 0;    
    margin: 0;
    width:100%;
  }

  .article-wrap p
  {
    padding:20px 0;
    margin: 0;
  }

  .article-wrap .post-inner{
    margin-bottom: 0px;
  }

  .article-wrap article{
    width: 50%;
  }
}

@media (min-width: 1023px)
{ 
  .post-meta{
    font-size: 1.4rem;
  }
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide)
  {
    max-width: 78rem;
  }
  .article-wrap article h2.entry-title{
    font-size: 2.4rem;
  }
  .article-wrap article{
    width: 33%;
  }
}

@media (min-width: 1100px)
{
  .post-meta{
    font-size: 1.6rem;
  }
  .article-wrap article h2.entry-title{
    font-size: 3rem;
    line-height: 1.25;
  }
}

@media (min-width: 1200px)
{
  .article-wrap article h2.entry-title{
    font-size: 3.5rem;
  }
}

@media (min-width: 1300px)
{
}