/* main */
#main {
  background-image: url("/wp-content/themes/twentytwenty-child/images/news/title.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#main > img {
  max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
#main h1 {
    font-family: "Cormorant Infant", serif;
    font-weight: 400;
    font-size: 4em;
    overflow: hidden;
	position: relative;
  }
#main h1 {
    color: white;
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	padding-right: 20%;
	text-shadow:3px 3px 3px rgba(0,0,0,0.4);
  }
#main h1 p {
	margin:0;
}
#main h1 div {
    line-height: 1;
    padding-left: 40px;
    padding-right: 50%;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1;
	padding-bottom: 5px;
    display: block;
  }
#main h1 span {
	display: block;
	font-size: 0.4em;
	padding: 5px 0 0 40px;
	letter-spacing: 2px;
}
  #main {
    min-height: 33vh;
    display: flex;
  }	
@media screen and (max-width:990px) {
#main h1 {
  max-width: 28vw;
}
}
@media screen and (max-width:767px) {
#main h1 {
  max-width: 50vw;
	font-size:8vw;
}
}
@media screen and (max-width:640px) {
  #main {
    min-height: 25vh;
  }	
#main h1 div {
	padding-right: 30px;
}
#main h1 {
    font-family: "Cormorant Infant", serif;
    font-weight: 400;
	font-size: 3em;}
}

img {
	width:inherit;
}

#news_page {
	background: #1a1a1a;	
}
#news_page .news_flex {
	display:flex;
	justify-content:space-between;
	padding:30px 0;
}
#news_page .news_flex > div:first-child {
	width:calc(100% - 230px);
}
#news_page .news_flex > div:last-child {
	width:200px;
	color:white;
}

#news_page article {
	background:white;
	padding:30px;
	margin-bottom:30px;
}

#news_page .news_flex > div:first-child h2 {
	font-size:150%;
	line-height:1.5;
	border-bottom:1px solid black;
}
#news_page .news_flex > div:first-child .post-meta {
	line-height:1.3;
	font-size:86%;
}
#news_page .news_flex > div:first-child .post-meta span:last-child {
	border:1px solid #6d6d6d;
	border-radius:3px;
	display:inline-block;
	margin-left:10px;
	padding:0 10px;
}

#news_page .news_flex div:last-child h2 {
	text-align:center;
	border:1px solid white;
	font-size:80%;
}
#news_page .news_flex div:last-child li {
	border-bottom:1px solid white;
	padding:10px 0;
}
#news_page .news_flex div:last-child li a {
	line-height:1.3;
	font-size:90%;
	color:white;
}
#news_page .news_flex div:last-child li span {
	font-size:80%;
}

.post-navigation {
	display:flex;
	justify-content:space-between;
}
.post-navigation a {
	color:white;
}


@media screen and (max-width:990px) {
#news_page .news_flex {
	display:flex;
	justify-content:space-between;
	padding:30px 0;
}
#news_page .news_flex > div:first-child {
	width:100%;
}
#news_page .news_flex > div:last-child {
	display:none;
}
}
