to avoid extra spacing */
.conference-page.con-location-page .iconlist li p {
margin: 0 !important;
font-size: 11pt;
line-height: 1.45;
}
/* Header above sidebar list */
.conference-page.con-location-page h5.colorgreen {
margin-top: 10px;
/* matches VPs */
margin-bottom: 4px;
/* tight gap below header */
}
/* ============================================
Conference Location – Numbered Sidebar List
============================================ */
.conference-page .honor-roll-formatting-conference ul.numbered-list {
counter-reset: item;
margin-left: 0;
padding-left: 0;
}
/* Sidebar list items */
.conference-page .honor-roll-formatting-conference ul.numbered-list li {
list-style: none;
counter-increment: item;
position: relative;
padding-left: 28px;
/* space for number */
margin-bottom: 10px;
font-size: 11pt !important;
/* unify size across inline + */
line-height: 1.45;
color: #57646C;
}
/* Normalize
inside list items (Programs uses this too) */
.conference-page .honor-roll-formatting-conference ul.numbered-list li p {
font-size: 11pt !important;
margin: 0 0 4px 0;
line-height: 1.45;
}
/* Sidebar numbers – unbolded, same size, aligned top */
.conference-page .honor-roll-formatting-conference ul.numbered-list li::before {
content: counter(item) ".";
position: absolute;
left: 0;
top: 0;
font-size: 11pt;
/* match sidebar text */
font-weight: 400 !important;
/* remove bold */
line-height: 1.45;
color: #57646C;
}
/* ====== Mobile hero fixes for /index.html ====== */
/* 1) Add top offset so the fixed header doesn't overlap the slider */
@media (max-width: 767px) {
/* When the header is fixed, push the slider down roughly the header height */
#header.transparent-header+#slider,
#header.transparent-header.floating-header+#slider {
margin-top: 110px;
/* adjust to 100–120px to match your logo/social bar stack */
}
}
/* 2) Make the mobile slider taller so artwork isn't cropped so hard */
@media (min-width: 480px) and (max-width: 767px) {
.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid),
.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
height: 360px !important;
/* was 300px */
}
}
@media (max-width: 479px) {
.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid),
.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
height: 300px !important;
/* was 180px */
}
}
/* 3) If any slide uses ![]()
instead of background, make sure it scales correctly */
#slider .swiper-slide img {
width: 100%;
height: auto;
display: block;
}
/* === 1) Push the hero down by the actual header height (mobile) === */
@media (max-width: 767px) {
/* Keep sticky header but give the slider breathing room */
#header.transparent-header+#slider,
#header.transparent-header.floating-header+#slider {
margin-top: var(--headerH, 120px);
/* fallback if JS doesn’t run */
}
}
/* If you’d rather just disable sticky on phones, use this instead of the block above:
@media (max-width: 767px){
.responsive-sticky-header #header-wrap { position: static; }
}
*/
/* === 2) Make EI Slider tall enough on phones so the art isn’t chopped === */
@media (min-width: 480px) and (max-width: 767px) {
.ei-slider {
height: 360px !important;
}
/* was 250/300 */
}
@media (max-width: 479px) {
.ei-slider {
height: 300px !important;
}
/* was 180 */
}
/* ----------------------------------------------------------------
Global Typography Defaults (migrated from inline