/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.gridHeader, .tagList, .date, .update, .socialPostContainer, .socialPostContainer a.linkSocial, .col2-header{
 display: flex;
}
header.entry-header, footer.entry-meta, .comments-area{
 display:none;
}
.headerArticolo, .site-content, .inside-article{
 background-color:white !important;
}
.col1-header {
 line-height: 0;
}
img.imgArticolo {
 width: 100%;
}
.col2-header{
 flex-direction:column;
}
h1.titleArticolo, h3.subtitleArticolo, p.textDate, p.textUpdate, p.tag, a.tag, .inside-article h2, .inside-article h3, .inside-article h4, .inside-article h5, .inside-article h6, p.titleSocial{
 font-family: 'Open Sans';
}
h1.titleArticolo, h3.subtitleArticolo, a.category, .inside-article h2, .inside-article h3, .inside-article h4, .inside-article h5, .inside-article h6{
 font-weight:900;
}
h1.titleArticolo, p.tag, a.tag{
 color: #111;
}
h1.titleArticolo, a.category, a.tag{
 text-transform:uppercase;
}
p.textDate, p.textUpdate, a.author, p.titleSocial{
 color: #4f4b4b;
}
a.category, a.author{
 width:fit-content;
}
a.author, p.tag, a.tag{
 font-weight:700;
}
h3.subtitleArticolo, a.category, a.author:hover, .inside-article a:hover, .inside-article h2, .inside-article h3, .inside-article h4, .inside-article h5, .inside-article h6{
 color:#5a2ec9;
}
a.author, a.category, a.tag, .inside-article a, .socialPostContainer a.linkSocial{
 text-decoration:none;
}
p.tag, a.tag:hover, a.category:hover{
 background-color:#5a2ec9;
}
.tagList, .date, .update, .socialPostContainer, .socialPostContainer a.linkSocial{
 align-items:center;
}
.tagList{
 flex-wrap:wrap;
}
p.textDate, p.tag, a.tag, p.textUpdate{
 margin-bottom:0;
}
p.tag, a.tag:hover, a.category:hover{
 color:white;
}
i.fa-calendar, i.fa-clock{
 color:#4f4b4b;
}
.separate-containers .site-main, .entry-content {
 margin: 0 !important;
}
.content-area{
 position:relative;
}
.content-area:before{
 position:absolute;
 content:'';
 background-color:#EBEBEB;
 width: 100%;
 height:1px;
 left:0;
 top:0;
}
.inside-article a{
 color:#953cc4;
}
.social-sharePost {
 margin-top: 30px;
 display: flex;
 grid-gap: 10px;
 padding: 10px 0;
}
p.titleSocial {
 margin-top: auto;
}
.socialPostContainer a.linkSocial {
 height: 30px;
 justify-content:center;
 background-color:#DEDEDE;
}
.socialPostContainer a.linkSocial i{
 color: white !important;
 height: fit-content;
}
@media (max-width:550px){
 a.category {
  display: none;
 }
 .site-content {
  padding: 0 30px 30px;
  grid-gap:20px;
 }
 .site-content .content-area {
  padding-top: 30px;
 }
 .col2-header {
  padding: 30px;
 }
 h1.titleArticolo{
  font-size:28px;
  margin-bottom:10px;
 }
 h3.subtitleArticolo{
  font-size:20px !important;
  margin-bottom: 30px;
 }
 .containerUpdateDate {
  display: flex;
  flex-direction:column;
  grid-gap: 8px;
  margin-bottom: 20px;
 }
 .date, .update {
  grid-gap: 8px;
 }
 i.fa-calendar, i.fa-clock{
  font-size:14px;
 }
 a.author{
  font-size:13px; 
  margin-bottom:20px;	
 }
 p.textDate, p.textUpdate{
  font-size:11px; 
 }
 a.category{
  font-size:16px;
  margin-bottom:12px;
 }
 .tagList {
  grid-gap: 4px;
  margin-bottom:20px;
 }
 p.tag, a.tag {
  font-size: 12px;
  padding: 2px 5px;
 }
 p.titleSocial{
  font-size:12px;
  margin-bottom:10px;
 }
 .socialPostContainer {
  grid-gap: 10px;
 }
 .socialPostContainer a.linkSocial {
  flex: 0 1 30px;
 }
 .inside-article p {
  font-size: 17px;
 }
 .inside-article h2{
  font-size:26px;
 } 
 .inside-article h3{
  font-size:24px;	
 }
 .inside-article h4{
  font-size:22px;
 }
 .inside-article h5{
  font-size:20px;
 }
 .inside-article h6{
  font-size:18px;	
 }
}
@media (min-width:551px) and (max-width:766.9px){
 a.category {
  display: none;
 }
 .site-content {
  padding: 0 30px 30px;
  grid-gap:20px;
 }
 .site-content .content-area {
  padding-top: 30px;
 }
 .col2-header {
  padding: 30px;
 }
 h1.titleArticolo{
  font-size:28px;
   margin-bottom:10px;
 }
 h3.subtitleArticolo{
  font-size:20px !important;
  margin-bottom: 30px;
 }
 .containerUpdateDate {
  display: flex;
  grid-gap: 18px;
  margin-bottom: 20px;
 }
 .date, .update {
  grid-gap: 8px;
 }
 .date{
  position:relative;
 }
 .date:after {
  position: absolute;
  content: '';
  background-color: #4f4b4b;
  top: 0;
  right: -9px;
  width: 1px;
  height: 100%;
 }
 i.fa-calendar, i.fa-clock{
  font-size:14px;
 }
 a.author{
  font-size:12px; 
  margin-bottom:20px;	
 }
 p.textDate, p.textUpdate{
  font-size:11px; 
 }
 a.category{
  font-size:16px;
  margin-bottom:12px;
 }
 .tagList {
  grid-gap: 4px;
  margin-bottom:20px;
 }
 p.tag, a.tag {
  font-size: 11px;
  padding: 2px 5px;
 }
 p.titleSocial{
  font-size:11px;
  margin-bottom:10px;
 }
 .socialPostContainer {
  grid-gap: 10px;
 }
 .socialPostContainer a.linkSocial {
  flex: 0 1 30px;
 }
 .inside-article p {
  font-size: 17px;
 }
 .inside-article h2{
  font-size:26px;
 } 
 .inside-article h3{
  font-size:24px;	
 }
 .inside-article h4{
  font-size:22px;
 }
 .inside-article h5{
  font-size:20px;
 }
 .inside-article h6{
  font-size:18px;	
 }
}
@media (min-width:767px){
 .socialPostContainer a.linkSocial {
  flex: 0 1 30px;
 }
}
@media (min-width:767px) and (max-width:899.9px){
 .site-content {
  padding: 0 30px 30px;
 }
 .site-content .content-area {
  padding-top: 30px;
 }
 .col2-header {
  padding: 30px;
 }
 h1.titleArticolo{
  font-size:28px;
  margin-bottom:10px;
 }
 h3.subtitleArticolo{
  font-size:20px !important;
  margin-bottom: 30px;
 }
 .containerUpdateDate {
  display: flex;
  grid-gap: 18px;
  margin-bottom: 20px;
 }
 .date, .update {
  grid-gap: 8px;
 }
 .date{
  position:relative;
 }
 .date:after {
  position: absolute;
  content: '';
  background-color: #4f4b4b;
  top: 0;
  right: -9px;
  width: 1px;
  height: 100%;
 }
 i.fa-calendar, i.fa-clock{
  font-size:14px;
 }
 a.author{
  font-size:12px; 
  margin-bottom:20px;	
 }
 p.textDate, p.textUpdate{
  font-size:11px; 
 }
 a.category{
  font-size:16px;
  margin-bottom:12px;
 }
 .tagList {
  grid-gap: 4px;
  margin-bottom:20px;
 }
 p.tag, a.tag {
  font-size: 11px;
  padding: 2px 5px;
 }
 p.titleSocial{
  font-size:11px;
  margin-bottom:10px;
 }
 .socialPostContainer {
  grid-gap: 10px;
 }
 .inside-article p {
  font-size: 17px;
 }
 .inside-article h2{
  font-size:26px;
 } 
 .inside-article h3{
  font-size:24px;	
 }
 .inside-article h4{
  font-size:22px;
 }
 .inside-article h5{
  font-size:20px;
 }
 .inside-article h6{
  font-size:18px;	
 }
}
@media (max-width:899.9px){
 .gridHeader, .site-content{
  flex-direction:column;
 }
 .container.grid-container, .content-area:before, .site-content .content-area{
  width:100% !important;
 }
}
@media (min-width:900px){
 img.imgArticolo{
  object-fit: cover;
  height:100%;
 }
}
@media (min-width:900px) and (max-width:1099.9px){
 .container.grid-container{
  width:100% !important;
 }
 .content-area:before{
  width: calc(100% + 20px);
 }
 .site-content {
  padding: 0 20px 30px;
 }
 .site-content .content-area {
  padding-top: 30px;
 }
 .headerArticolo {
  padding: 30px 20px;
 }
 .site-content, .gridHeader{
  grid-gap:40px;
 }
 .col1-header, .site-content .content-area {
  flex: 0 0 68%;
 }
 .col2-header{
  flex: 1;
 }
 h1.titleArticolo{
  font-size:24px;
  margin-bottom:7px;
 }
 h3.subtitleArticolo{
  font-size:20px !important;
  margin-bottom: 30px;
 }
 .date, .update {
  grid-gap: 8px;
 }
 .date {
  margin-bottom:7px;
 }
 .update {
  margin-bottom: 20px;
 }
 i.fa-calendar, i.fa-clock{
  font-size:14px;
 }
 a.author{
  font-size:11px; 
  margin-bottom:20px;	
 }
 p.textDate, p.textUpdate{
  font-size:11px; 
 }
 a.category{
  font-size:13px;
  margin-bottom:10px;
 }
 .tagList {
  grid-gap: 4px;
  margin-bottom:20px;
 }
 p.tag, a.tag {
  font-size: 11px;
  padding: 2px 5px;
 }
 p.titleSocial{
  font-size:11px;
  margin-bottom:10px;
 }
 .socialPostContainer {
  grid-gap: 10px;
 }
 .inside-article p {
  font-size: 15px;
 }
 .inside-article h2{
  font-size:22px;
 } 
 .inside-article h3{
  font-size:20px;	
 }
 .inside-article h4{
  font-size:18px;
 }
 .inside-article h5{
  font-size:17px;
 }
 .inside-article h6{
  font-size:16px;	
 }
}
@media (min-width:1100px) and (max-width:1400px){
 .container.grid-container{
  margin: 60px auto;
 }
 .content-area:before{
  width: calc(100% + 20px);
 }
 .site-content {
  padding: 0 30px 30px;
 }
 .site-content .content-area {
  padding-top: 30px;
 }
 .headerArticolo {
  padding: 30px;
 }
 .site-content, .gridHeader{
  grid-gap:40px;
 }
 .col1-header, .site-content .content-area {
  flex: 0 0 68%;
 }
 .col2-header{
  flex: 1;
 }
 h1.titleArticolo{
  font-size:28px;
  margin-bottom:10px;
 }
 h3.subtitleArticolo{
  font-size:20px !important;
  margin-bottom: 30px;
 }
 .date, .update {
  grid-gap: 8px;
 }
 .date {
  margin-bottom:10px;
 }
 .update {
  margin-bottom: 20px;
 }
 i.fa-calendar, i.fa-clock{
  font-size:14px;
 }
 a.author{
  font-size:13px; 
  margin-bottom:20px;	
 }
 p.textDate, p.textUpdate{
  font-size:11px; 
 }
 a.category{
  font-size:16px;
  margin-bottom:15px;
 }
 .tagList {
  grid-gap: 4px;
  margin-bottom:20px;
 }
 p.tag, a.tag {
  font-size: 11px;
  padding: 2px 5px;
 }
 p.titleSocial{
  font-size:11px;
  margin-bottom:10px;
 }
 .socialPostContainer {
  grid-gap: 10px;
 }
 .inside-article h2{
  font-size:26px;
 } 
 .inside-article h3{
  font-size:24px;	
 }
 .inside-article h4{
  font-size:22px;
 }
 .inside-article h5{
  font-size:20px;
 }
 .inside-article h6{
  font-size:18px;	
 }
}
@media (min-width: 1100px) and (max-width: 1249.9px){
 .container.grid-container{
  width:1050px !important; 
  max-width:1050px !important; 
 }
}
@media (min-width: 1249.9px) and (max-width: 1400px){
 .container.grid-container{
  width:1200px !important; 
  max-width:1200px !important; 
 }
}
@media (min-width:1401px){
 .container.grid-container{
  width:1300px !important; 
  max-width:1300px !important; 
  margin: 60px auto;
 }
 .content-area:before{
  width: calc(100% + 24px);
 }
 .site-content {
  padding: 0 30px 30px;
 }
 .site-content .content-area {
  padding-top: 30px;
 }
 .headerArticolo {
  padding: 30px;
 }
 .site-content, .gridHeader{
  grid-gap:48px;
 }
 .col1-header, .site-content .content-area {
  flex: 0 0 70%;
 }
 .col2-header{
  flex: 1;
 }
 h1.titleArticolo{
  font-size:28px;
  margin-bottom:10px;
 }
 h3.subtitleArticolo{
  font-size:20px !important;
  margin-bottom: 30px;
 }
 .date, .update {
  grid-gap: 8px;
 }
 .date {
  margin-bottom:10px;
 }
 .update {
  margin-bottom: 20px;
 }
 i.fa-calendar, i.fa-clock{
  font-size:14px;
 }
 a.author{
  font-size:13px; 
  margin-bottom:20px;	
 }
 p.textDate, p.textUpdate{
  font-size:11px; 
 }
 a.category{
  font-size:16px;
  margin-bottom:15px;
 }
 .tagList {
  grid-gap: 4px;
  margin-bottom:20px;
 }
 p.tag, a.tag {
  font-size: 11px;
  padding: 2px 5px;
 }
 p.titleSocial{
  font-size:11px;
  margin-bottom:10px;
 }
 .socialPostContainer {
  grid-gap: 10px;
 }
 .inside-article h2{
  font-size:26px;
 } 
 .inside-article h3{
  font-size:24px;	
 }
 .inside-article h4{
  font-size:22px;
 }
 .inside-article h5{
  font-size:20px;
 }
 .inside-article h6{
  font-size:18px;	
 }
}