/*
			assets/css/news.css
			=====================

			MH, 05.21, 06.25, 07.25
*/





#news .tooltip {
	padding: .5em;
	top: -3em;
}

.upcoming-events > time {
	margin: 12px;
}

.upcoming-events a {
	display: table;
	text-decoration: none;
}

/*
.upcoming-events div>ul {
	display: flex;
	flex-wrap: wrap;
}
*/

.upcoming-events li {
	position: relative;
	margin: 1.2em 0 1.2em 0;
	/* flex: 50%; */
}

#news time .tooltip {
	line-height: 1em;
}

#news .upcoming-events > ul {
	line-height: 1em;
	padding-left: 25px;
}

#news .upcoming-events .link-button {
	border: solid black 1px;
	padding: 0 .5em;
	background-color: aliceblue;
	font-weight: normal;
	margin: 22px;
}

.news-item-container > div,
.news-item-container.markdown > div:only-child {
	padding: 0;
	margin: 12px;
}

.news-item-container > img,
.news-item-container > figure > img {
	box-shadow: none;
	transition: height 1s, box-shadow 1s, z-index 1s;
}

.news-item-container > img,
.news-item-container > div.image-placeholder,
.news-item-container > div.image-placeholder,
.news-item-container > figure > div.image-placeholder {
	display: block;
	position: static;
	margin: 12px 12px 0 12px;
}

.news-item-container > img,
.news-item-container > div.image-placeholder,
.news-item-container > figure {
	float: left;
}

.news-item-container > figure > figcaption {
	margin: 0 12px 0 12px;
}

.news-item-container > img,
.news-item-container > div.image-placeholder,
.news-item-container > figure > img,
.news-item-container > figure > div.image-placeholder {
	margin: 12px 12px 0 12px;
}

.news-item-container > img,
.news-item-container > figure > img {
	display: block;
	position: absolute;
}

.news-item-container button {
	color: #2a5880;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.news-item-container button:hover {
	color: dodgerblue;
	text-decoration-line: underline;
}

.hidden-text {
	display: none;
}

.news-item-container.markdown {
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 1511px;
	margin: 0 0 1.5rem 0;
	background-color: white;
}

.news-item-container.news-item-container.markdown {
	padding: 0;
}

h1.nav-heading + time + h2 {
	margin-top: 1em;
} 

#news h3 {
	color:#2a5880;
	font-size: 13px;
	font-weight: bold;
}

h4 {
	color: #2a5880;
	font-size: 16px;
	font-weight: bold;
	margin: 1em 0;
}

#news > h2 {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #152032;
}

.news-item-container time {
	display: block;
	/* margin-bottom: 8px; */
	font-size: 15.5px;
	color: #697b91;
}

#news {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 10;
	background-color: #f2f2f2;
	width: 2286px;
	max-width: 100%;
	/* font-size: 15px;
	line-height: 1.15; */
	padding: 1.8rem 15px 1.5rem 15px;
}

@media screen and (max-width: 500px) {
	#news {
		padding-left: 0;
		padding-right: 0;
	}
}

#news a {
	/* text-decoration: none */
	color: #152032;
}

#news a:hover {
	color: #0072b7;
}

#news > #all_news {
	text-align: center;
	margin-bottom: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#news > div > a {
	padding-top: inherit;
	padding-bottom: inherit;
	padding-left: 1em;
	padding-right: 1em;
	background-color: #d9e4ef;
	font-size: 15px;
	font-weight: bold;
}

.news-item-container a {
	background-color: transparent;
	border: none;
}

.news-item-container ul {
	clear: both;
}

.news-item-container .summary,
.news-item-container .summary > p:last-child,
.news-item-container .hidden-text > p:last-of-type {
		display: inline;
}

.news-item-container button {
	font-size: 15px;
}

.news-item-container > img,
.news-item-container > figure > img,
.news-item-container > div.image-placeholder {
	margin-bottom: 1.5em;
}
	
	/*
┻┳|
┳┻| _
┻┳|•.•)
┳┻|⊂ﾉ
┻┳|
---------- NM*/

/*
.													_.------.                        .----.__
.												/         \_.       ._           /---.__  \
.												|  O    O   |\\___  //|          /       `\ |
.												|  .vvvvv.  | )   `(/ |         | o     o  \|
.												/  |     |  |/      \ |  /|   ./| .vvvvv.  |\
.											/   `^^^^^'  / _   _  `|_ ||  / /| |     |  | \
.										./  /|         | O)  O   ) \|| //' | `^vvvv'  |/\\
.										/   / |         \        /  | | ~   \          |  \\
.										\  /  |        / \ Y   /'   | \     |          |   ~
.										`'   |  _     |  `._/' |   |  \     7        /
.											_.-'-' `-'-'|  |`-._/   /    \ _ /    .    |
.									__.-'            \  \   .   / \_.  \ -|_/\/ `--.|_
.							--'                  \  \ |   /    |  |              `-
.																		\uU \UU/     |  /   :F_P:
*/