@charset"utf-8";

@import url("common.css");

/*ARTICLE START*/

#article-header{
	width:100%;
	display:grid;
	grid-template-columns:auto 72px 72px;
	gap:36px 6px;
	margin-bottom:36px;
}

#article-header #date{
	grid-column:2/3;
	grid-row:1/2;
	font-size:1.3rem;
	line-height:1.9rem;
}

#article-header #category{
	grid-column:3/4;
	grid-row:1/2;
	font-size:1.2rem;
	line-height:1.8rem;
	text-align:center;
	color:white;
	background-color:#33c466;
}

#article-header #category.priority{
	background-color:#FF3300;
}

#article-header #title{
	grid-column:1/4;
	grid-row:2/3;
	font-size:1.8rem;
	font-weight:700;
	text-align:center;
}

#main{
	padding:30px 21px 30px 21px;
	border:#FF3300 3px solid;
	box-sizing:border-box;
  	text-align:justify;
  	font-size:1.4rem;
  	margin-bottom:45px;
}

#main h1{
	font-size:1.8rem;
	text-align:center;
	margin-bottom:30px;
}

#main h2{
	font-size:1.6rem;
	margin-bottom:21px;
}

#main h3{
	font-size:1.4rem;
	margin-bottom:21px;
}

#main p{
	margin-bottom:21px;
}

#main a{
	text-decoration:underline;
}

#main ul{
	list-style:inside;
	margin-left:12px;
	margin-bottom:21px;
}

#main hr{
	border-bottom:1px solid;
	margin:36px 0;
}

#main img{
	width:min(100%, 430px);
	z-index:-1;
}

#main img.small{
	width:min(100%, 240px);
}

#main img.big{
	width:100%;
}

#main img.border{
	border:1px solid grey;
}

#main img.shadow{
	filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
}

#back-to-news{
	text-decoration:underline;
}

#main :last-child{
	margin-bottom:0;
}

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

	#article-header #title{
		font-size:1.6rem;
	}
	
	#main{
		padding:21px 15px 24px 15px;
	}

	#main img{
		display:block;
		width:90%;
		margin:0 auto;
	}
	
}

/*ARTICLE END*/