@charset "utf-8";

/* Slideshow base rules, migrated from fader.css. Keep before landing overrides. */
#def_z_idx1{z-index: 1;}
#overflw_hide{overflow: hidden;}
#navigation ul li.current {background-color : #666;}
#slideshow {float: left;background: #fff;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #666;}
#slides {list-style: none;padding: 0;margin: 0;overflow: hidden;}
.fader-slide {opacity: 0;position: absolute;}
.fader-fade {opacity: 1;-webkit-transition: opacity .6s;-moz-transition: opacity .6s;transition: opacity .6s;}
.caption {background: #fff;position: relative;}
.caption p {position: absolute;bottom: 0;left: 0;padding: 2px 0 0 0;margin: 0;background: #fff;font-size: 80%;color: #666;text-align: center;height: 19px;}
.caption .img_descr {position: absolute;top: 1em;right: 1em;padding: 1em;margin: 0;background: url('uc_trans_bg_s.png');font-size: 1.1em;color: #fff;text-align: left;border-style: solid;border-width: 2px;border-color: #666;width: 300px;}
.caption p {margin: 0;padding: 0;}
@media only screen and (min-width:120px){#slideshow {display: none !important;}
}
@media only screen and (min-width:460px){#slideshow {display: inherit !important;width: 460px;height: 228px;}
#slides {width: 460px;height: 228px;}
.fade_img {width: 455px;height: 228px;}
.caption {height: 228px;}
.caption p {width: 460px;}
.caption .img_descr {font-size: 100%;font-weight : normal;}
}
@media only screen and (min-width:740px){#slideshow {width: 740px;height: 366px;}
#slides {width: 740px;height: 366px;}
.fade_img {width: 735px;height: 366px;}
.caption {height: 366px;}
.caption p {width: 740px;}
.caption .img_descr {font-size: 1.1em;font-weight : bold;}
}
@media only screen and (min-width:980px){#slideshow {width: 960px;height: 475px;}
#slides {width: 960px;height: 475px;}
.fade_img {width: 950px;height: 475px;}
.caption {height: 475px;}
.caption p {width: 960px;}
}

/* Landing layout and responsive slideshow overrides. */

/* The landing page has a full-width slideshow instead of a content sidebar. */
.ulrichc-landing .ulrichc-introduction {
    flex-basis: 100%;
    margin: 0 8px 8px;
    text-align: left;
}
.ulrichc-landing #content_block { display: block; margin: 0; }

/* The fader sets display:block inline; retain a horizontal, wrapping menu. */
.ulrichc-landing #slide_navi_list { display: flex !important; width: 100%; }
.ulrichc-landing #slide_navi_list > li { flex: 1 1 auto; }
.ulrichc-landing #navigation ul li a { padding: 4px 16px; text-align: center; }
.ulrichc-landing #navigation ul li.current { background: var(--cu-nav-hover); }

/* Overlapping grid cells keep every slide within the available page width. */
.ulrichc-landing #slideshow {
    display: block !important;
    float: none;
    width: 100%;
    height: auto;
    background: var(--cu-surface);
    border-color: var(--cu-border-strong);
}
.ulrichc-landing #slides { display: grid; position: relative; width: 100%; height: auto; }
.ulrichc-landing .fader-slide { position: relative; grid-area: 1 / 1; min-width: 0; }
.ulrichc-landing .caption { height: auto; background: var(--cu-surface); }
.ulrichc-landing .fade_img { display: block; width: 100%; height: auto; }
.ulrichc-landing .caption p {
    position: static;
    width: auto;
    height: auto;
    min-height: 19px;
    background: var(--cu-surface);
    color: var(--cu-text-muted);
}
.ulrichc-landing .caption .img_descr { box-sizing: border-box; width: 36%; font-size: 100%; }

@media (max-width: 759px) {
    .ulrichc-landing .caption .img_descr {
        position: static;
        width: auto;
        background: var(--cu-surface-muted);
        color: var(--cu-text);
        border: 0;
        font-weight: normal;
    }
}