/*
 Theme Name: Sayidan Child Theme
 Theme URI: http://sayidan.kenzap.com
 Author: Kenzap
 Author URI: http://kenzap.com
 Description: Sayidan - University Alumni WP Theme
 Version: 1.6.3

 Template: sayidan
 */


/*************** ADD CUSTOM CSS HERE.   ***************/

/* ASIA-IPL: the Fundación Loyola seal is square, the theme's logo slots are not. */
.header-middle .logo img { height: 110px; width: auto; }
.area-mobile-content img[src*="logo-seal"] { height: 56px; width: auto; }
.logo-footer img { height: 96px; width: auto; }

/* Administrators see a 5th main-menu item (Directiva). The parent lays out fixed-width
   items in rows of four around the logo; narrow them so five fit on one row. */
@media (min-width: 1200px) {
	.asiaipl-menu-directiva .container-header.type1 .menu .nav > li { width: 160px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.asiaipl-menu-directiva .container-header.type1 .menu .nav > li { width: 140px; }
}
@media (min-width: 992px) {
	.asiaipl-menu-directiva .container-header.type1 .menu .nav > li:nth-child(5) { margin-top: 0; }
}

/* Home hero: the association's photos are 4:3; keep the slider at a banner height. */
.slider-hero .item img { height: 70vh; min-height: 360px; max-height: 620px; object-fit: cover; }
.slider-hero .owl-caption { background: rgba(0, 2, 106, 0.45); }
@media (max-width: 767px) {
	.slider-hero .item img { height: 340px; min-height: 0; }
	.slider-hero .content-block h2,
	.slider-hero .content-block h2 span { font-size: 20px !important; line-height: 1.3; letter-spacing: 1px; padding: 0; hyphens: none; word-break: normal; }
	.slider-hero .content-block h2 .text-light { font-size: 15px !important; }
	.slider-hero .content-block .read-story { display: inline-block !important; padding: 10px 22px; font-size: 13px; margin-top: 14px; }
	.slider-hero .owl-pagination { bottom: 10px; }
}

/* Centre the caption vertically at every width so the button clears the pager dots.
   The parent pins .content-block with top:0 !important and a max-height below 1200px. */
.slider-hero .owl-caption .container { display: flex; align-items: center; justify-content: center; }
.slider-hero .owl-caption .content-block { position: static; top: auto !important; max-height: none; padding-bottom: 30px; }
.slider-hero .owl-pagination { bottom: 18px; }
.slider-hero .content-block h2, .slider-hero .content-block h2 span { hyphens: none; -webkit-hyphens: none; word-break: normal; }

/* Archive cards (template-parts/content-tag.php): illustration + title + date + teaser. */
.content_search .asiaipl-card { display: flex; gap: 28px; align-items: flex-start; padding: 28px 0; border-bottom: 1px solid #e9e9e9; }
.content_search .asiaipl-card:first-of-type { padding-top: 10px; }
.asiaipl-card-img { flex: 0 0 300px; display: block; overflow: hidden; }
.asiaipl-card-img img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .3s; }
.asiaipl-card-img:hover img { transform: scale(1.03); }
.asiaipl-card-body { flex: 1; min-width: 0; }
.asiaipl-card .entry-title { margin: 0 0 8px; font-size: 22px; line-height: 1.3; }
.asiaipl-card .entry-title a { color: #2d2d2d; }
.asiaipl-card .entry-title a:hover { color: #00026A !important; }
.asiaipl-card-meta { color: #888; font-size: 13px; margin: 0 0 12px; }
.asiaipl-card-teaser { color: #555; line-height: 1.7; margin: 0 0 12px; }
.asiaipl-card-more { color: #00026A; font-weight: 600; font-size: 14px; }
@media (max-width: 767px) {
	.content_search .asiaipl-card { flex-direction: column; gap: 14px; }
	.asiaipl-card-img { flex-basis: auto; width: 100%; }
	.asiaipl-card .entry-title { font-size: 19px; }
}

/* Home news columns: the parent fixes .post-wrapper at 485px with a scrollbar (demo widget). */
.block-links { padding-top: 60px; }
.block-links .post-wrapper { height: auto; overflow: visible; }
.block-links .column-news .image-frame { width: 26%; }
.block-links .column-news .post-desc-wrapper { width: 74%; }
.block-links .column-news .image-frame img { aspect-ratio: 1 / 1; object-fit: cover; }
.block-links .column-news .post-title h6 a { font-size: 14px; }
.block-links .column-news { margin-bottom: 30px; }