.department-single-wrap {
padding: 20px 0 60px;
}
.department-single-wrap .ciu-breadcrumbs {
margin-bottom: 25px;
}
.department-single-header {
margin-bottom: 30px;
}
.department-section-title {
font-size: 36px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0;
}
.department-about-section {
margin-bottom: 40px;
}
.department-about-content {
font-size: 17px;
line-height: 1.9;
color: #555;
}
.department-head {
display: flex;
gap: 24px;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 35px;
}
.meta-inline {
font-size: 20px;
font-weight: normal;
color: #666;
margin-left: 6px;
}
.department-head-image img {
width: 220px;
max-width: 100%;
border-radius: 14px;
object-fit: cover;
display: block;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.department-head-info h3 {
font-size: 22px;
margin-bottom: 8px;
}
.department-head-info .name {
font-size: 24px;
font-weight: 700;
margin-bottom: 8px;
}
.department-head-info .meta {
font-size: 16px;
color: #666;
margin-bottom: 20px;
}
.department-head-info a {
text-decoration: none;
}
.department-head-info a:hover {
}
.department-vice-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
}
.department-vice-card {
height: 100%;
}
.department-vice-card .name {
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
color: #000
}
.department-vice-card .meta {
font-size: 15px;
color: #666;
margin-bottom: 8px;
}
.department-vice-card a {
color: #f15a24;
text-decoration: none;
}
.department-vice-card a:hover {
text-decoration: underline;
}
.ciu-department-button {
padding: 8px 14px;
background: #f05423;
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.ciu-department-button:hover {
background: #FF4C43;
color: white;
}
@media (max-width: 767px) {
.department-section-title {
font-size: 30px;
}
.department-head {
flex-direction: column;
}
.department-head-image img {
width: 100%;
max-width: 320px;
}
.department-about-content {
font-size: 16px;
line-height: 1.8;
}
}