/* uwb-imgcover jest dodatkowym divem z krótkim dużym tekstem (tytułem) na
 * tle dużego obrazka. Jest przeznaczony do dołączenia na samej górze strony,
 * ma pokazywać kontekst strony (np. jednostkę, której strona dotyczy), lub
 * może ewentualnie zastępować jej tytuł (h1).
 *
 * Nie należy przesadzać z jego użyciem, tzn. powinien być używany raczej tylko
 * na głównych stronach "bytów" (np. osób lub jednostek), ale tylko takich
 * bytów, z którymi można związać odpowiednio duży i sensowny, unikalny obrazek
 * (np. mapę budynku, zdjęcie jednostki, itp.). */

.uwb-imgcover {
    background: #ddd;
    padding: 0;
    text-rendering: optimizelegibility;
    position: relative;
}
.uwb-imgcover .uwb-imgcover-inner {
    vertical-align: bottom;
    text-align: left;
    width: 959px;
    box-sizing: border-box;
    padding: 0 40px 21px 40px;
    display: table-cell;
}
.uwb-imgcover-title { display: inline-block; font-size: 25px; }
.uwb-imgcover-dark {
    border-bottom: 1px solid #777;
}
.uwb-imgcover-dark .uwb-imgcover-inner {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
}
.uwb-imgcover-dark .uwb-imgcover-title, .uwb-imgcover-dark .uwb-imgcover-title * {
    color: #fff; text-shadow: 0 0 6px rgba(0,0,0,1.0);
}
.uwb-imgcover-with-photo { height: 230px; background-position: 100% 60%; }
.uwb-imgcover-with-photo .uwb-imgcover-inner { height: 230px; }
.uwb-imgcover-without-photo { height: 150px; background-position: 50% 70%; }
.uwb-imgcover-without-photo .uwb-imgcover-inner { height: 150px; }

.uwb-imgcover-photo-wrapper {
    box-sizing: border-box;
    padding: 1px;
    display: block;
    position: absolute;
    border-radius: 3px;
    background: rgba(0,0,0,0.3);
    box-shadow: 0 7px 7px -5px rgba(0,0,0,0.15);
}
.uwb-imgcover-photo-wrapper > img {
    box-sizing: border-box;
    border: 5px solid #fff;
    border-radius: 2px;
    background: #dbdbdb;
}

.uwb-layoutCoverPhoto-right .uwb-imgcover-photo-wrapper {
    width: 212px; /* img element width + 2*1 */
    height: 262px;
    top: 59px;
    right: 53px;
}
.uwb-layoutCoverPhoto-right .uwb-imgcover-photo-wrapper > img {
    width: 210px; /* 200 + 2*5 */
    height: 260px; /* 250 + 2*5 */
}
.uwb-layoutCoverPhoto-right .uwb-imgcover-title {
    padding-right: 268px;
}

.uwb-layoutCoverPhoto-left .uwb-imgcover-photo-wrapper {
    width: 182px; /* img element width + 2*1 */
    height: 182px;
    top: 111px;
    left: 40px;
}
.uwb-layoutCoverPhoto-left .uwb-imgcover-photo-wrapper > img {
    width: 180px; /* 170 + 2*5 */
    height: 180px; /* 170 + 2*5 */
}
.uwb-layoutCoverPhoto-left .uwb-imgcover-title {
    padding-left: 209px;
}