/*
Theme Name:   MC Lab (Motion and Control Laboratory)
Theme URI:    https://mc.eng.cmu.ac.th/
Description:  Child theme ของ Twenty Seventeen สำหรับเว็บ Motion and Control Laboratory ภาควิชาวิศวกรรมเครื่องกล คณะวิศวกรรมศาสตร์ มหาวิทยาลัยเชียงใหม่ — รวม page template สำหรับหน้า Staffs / Students / Alumni / Research Projects
Author:       Motion and Control Laboratory, CMU
Template:     twentyseventeen
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  mc-lab
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================================
   MC Lab — listing layout (Staffs / Students / Alumni / Research)
   ผังเดิมของเว็บเก่าใช้ความกว้างตายตัว 900-920px ที่นี่เปลี่ยนเป็น
   ความกว้างยืดหยุ่นเพื่อให้ใช้งานบนมือถือได้
   ============================================================ */

.mc-page-header {
	margin: 0 0 1em;
}

/* ชื่อหน้าให้เป็นแบบเดียวกันทุกหน้า ทั้งหน้าที่ใช้ template ของธีมลูก
   และหน้าที่ใช้ template มาตรฐานของธีมแม่ (Research / Publications / Contact Us) */
.page .site-main > article > .entry-header .entry-title,
.site-main .mc-page-title {
	margin: 0;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	color: #191970;
}

.mc-page-intro {
	margin: 0 0 1.5em;
	line-height: 1.7;
}

.mc-section-title {
	margin: 2em 0 1em;
	padding-bottom: .35em;
	border-bottom: 3px solid #191970;
	font-size: 1.6em;
	color: #191970;
	clear: both;
}

.mc-page-header + .mc-section-title,
.mc-page-header + .mc-subnav {
	margin-top: 1em;
}

.mc-subnav {
	margin: 0 0 2em;
	padding: 0;
	font-size: .95em;
	line-height: 2;
}

.mc-subnav a {
	color: #2b60de;
	text-decoration: none;
}

.mc-subnav a:hover,
.mc-subnav a:focus {
	text-decoration: underline;
}

.mc-card {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25em;
	margin: 0 0 1.5em;
	padding: 1.25em 0 1.5em;
	border-top: 2px solid #191970;
}

/* การ์ดใบแรกใต้หัวข้อกลุ่ม ไม่ต้องตีเส้นบนซ้ำกับเส้นใต้หัวข้อ */
.mc-section-title + .mc-card,
.mc-page-header + .mc-card,
.mc-page-intro + .mc-card {
	border-top: 0;
	padding-top: .5em;
}

.mc-card__media {
	flex: 0 0 150px;
	max-width: 150px;
}

.mc-card__media img {
	display: block;
	width: 100%;
	height: auto;
}

.mc-card__body {
	flex: 1 1 320px;
	min-width: 0;
	line-height: 1.6;
	color: #566573;
}

.mc-card__title {
	margin: 0 0 .5em;
	font-size: 1.25em;
	color: #1e3f8f;
}

.mc-card__title a {
	color: inherit;
	text-decoration: none;
}

.mc-card__title a:hover,
.mc-card__title a:focus {
	text-decoration: underline;
}

.mc-card__body ul {
	margin: 0 0 .75em 1.25em;
	padding: 0;
}

.mc-card__meta {
	margin: .75em 0 0;
	padding: .5em .85em;
	background: #f7f7f9;
	border-left: 6px solid #cfcfd8;
	color: #6c3d99;
	font-size: .92em;
}

.mc-card__meta-label {
	display: block;
	margin-bottom: .15em;
	font-weight: 700;
	color: #191970;
	font-size: .85em;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mc-card__years {
	margin: .5em 0 0;
	color: #7a7a86;
	font-size: .88em;
}

.mc-empty {
	margin: 1em 0 2em;
	color: #7a7a86;
	font-style: italic;
}

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

	/* การ์ดใบแรกใต้หัวข้อกลุ่ม ไม่ต้องตีเส้นบนซ้ำกับเส้นใต้หัวข้อ */
.mc-section-title + .mc-card,
.mc-page-header + .mc-card,
.mc-page-intro + .mc-card {
	border-top: 0;
	padding-top: .5em;
}

.mc-card__media {
		flex: 0 0 110px;
		max-width: 110px;
	}

	.mc-page-header {
	margin: 0 0 1em;
}

/* ชื่อหน้าให้เป็นแบบเดียวกันทุกหน้า ทั้งหน้าที่ใช้ template ของธีมลูก
   และหน้าที่ใช้ template มาตรฐานของธีมแม่ (Research / Publications / Contact Us) */
.page .site-main > article > .entry-header .entry-title,
.site-main .mc-page-title {
	margin: 0;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	color: #191970;
}

.mc-page-intro {
	margin: 0 0 1.5em;
	line-height: 1.7;
}

.mc-section-title {
		font-size: 1.35em;
	}
}