/** Custom styles */
.align-center { text-align: center; }
table.bordered { display: table; border-collapse: collapse; max-width: 48rem; width: 100%; }
table.bordered caption { font-size: 150%; padding: 0.5rem 1.5rem; text-align: left; }
table.bordered th,
table.bordered td { border: 0.1rem solid #e1e1e1; padding: 1.2rem 1.5rem; width: 50%; }
main.wrapper { display: flex; flex-direction: column; min-height: 100vh; }
.main-area { flex: 1; }
.footer { margin-top: 4rem; padding: 2rem 0; background: #f3eff5; border-top: 2px solid #c3afcf; color: #9370a9; }
.hidden { display: none !important; }
.rtl .float-right { float: left; }
.rtl .float-left { float: right; }
.rtl aside.float-left { margin-left: 2rem; margin-right: 0; }
/** Custom elements */
.logo i { font-style: normal; color: white; letter-spacing: 2px; text-shadow: -1.5px -1.5px 0 #9b4dca, 1.5px -1.5px 0 #9b4dca, -1.5px 1.5px 0 #9b4dca, 1.5px 1.5px 0 #9b4dca; }
.logo:hover i { text-shadow: -1.5px -1.5px 0 #606c76, 1.5px -1.5px 0 #606c76, -1.5px 1.5px 0 #606c76, 1.5px 1.5px 0 #606c76; }
.main-menu { border-bottom: 1px solid #c3afcf; padding-top: 1rem; }
.main-menu .container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.main-menu .container > * { margin-bottom: 1rem; }
.main-title { font-weight: 600; font-size: 200%; }
.main-menu .search form { display: flex; margin: 0; }
.main-menu .search-query { margin: 0; }
.main-menu .search-button { margin: 0; }
.ltr .main-menu .search-query { border-radius: .4rem 0 0 .4rem; border-right: none; }
.ltr .main-menu .search-button { border-radius: 0 .4rem .4rem 0; }
.rtl .main-menu .search-query { border-radius: 0 .4rem .4rem 0; border-left: none; }
.rtl .main-menu .search-button { border-radius: .4rem 0 0 .4rem; }
.main-menu .navigation-list { display: flex; margin: 1rem auto 2rem; list-style-type: none; line-height: 1.2; }
.main-menu .navigation-item { margin: 0 1rem; padding: 0; }
/** Nav-chain */
.nav-chain { border-bottom: 1px solid #c3afcf; margin-bottom: 4rem; }
.nav-chain ul { display: flex; flex-direction: column; list-style-type: none; margin: 0; padding: 0; }
.nav-chain li { margin: 0; padding: 0; text-align: center; }
.nav-chain li:first-child { text-align: left; }
.nav-chain li:last-child { text-align: right; }
.nav-chain .nav-link::after { content: "ยป"; display: inline-block; padding: 0 0.5rem; color: silver; }
/** Nav-date */
.nav-date { display: flex; justify-content: center; align-items: center; margin: -2rem 0 2rem; line-height: 1; }
.nav-date .prev-date { text-align: left; }
.nav-date .next-date { text-align: right; }
.nav-date .current-date { display: block; background: #808080; border-radius: 4px; color: white; margin: 0 2rem; padding: 4px 8px; text-align: center; }
.rtl .nav-date { flex-direction: row-reverse; }
/** Person */
.page-person { margin-bottom: 4rem; }
.page-person > .container { display: flex; flex-direction: column; }
.person-area { display: flex; flex-direction: column; }
.portrait { height: 400px; width: 300px; max-width: 100%; margin: 0 2rem 4rem 0; }
.portrait figure { margin: 0; }
.portrait img { height: 100%; width: 100%; object-fit: cover; }
.datasheet { flex: 1 0 auto; }
.large-photo { margin: 1rem 0; max-width: 100%; width: 560px; }
.large-photo img { max-height: 85vh; height: auto; width: 100%; object-fit: contain; }
.subtitle { margin-top: -2rem; }
/** Title and sort by */
.page-title { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
ul.inline { list-style-type: none; display: flex; margin-bottom: 2rem; }
ul.inline li { margin-bottom: 0; margin-left: 1rem; }
ul.inline li i { font-style: normal; padding-left: 0.25rem; }
/** Persons grid */
.popular-persons { margin-bottom: 4rem; }
.similar-persons { margin-bottom: 4rem; }
.grid { display: grid; grid-template-columns: repeat(1,1fr); grid-auto-rows: 360px; grid-column-gap: 4rem; grid-row-gap: 4rem; }
.grid .grid-row { grid-column-start: 1; grid-column-end: 2; }
.grid .cell { position: relative; overflow: hidden; border-radius: 0.5rem; transition: 0.1s; }
.grid .cell:hover { box-shadow: 0 0 0 2px white, 0 0 1px 4px #9b4dca; }
.grid .cell img { height: 100%; width: 100%; object-fit: cover; }
.grid .cell .overlay { position: absolute; left: 0; bottom: 0; height: 50%; padding: 1rem; width: 100%; background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(21,21,21,.75) 100%); color: white; transition: .25s ease-in-out; pointer-events: none; }
.grid .cell .title { position: absolute; bottom: 1rem; width: 100%; line-height: 1.2; }
.grid .cell .title .name { font-weight: bold; line-height: 1.2; margin-bottom: 0.5rem; }
.grid .cell .title .name a { color: white; }
.grid .cell .title .name b { color: yellow; }
.grid .cell .title .occupation { margin-bottom: 0; }
.page-filter .grid { grid-column-gap: 2rem; }
/** Pagination */
.pagination { margin: 0; text-align: right; }
.pagination .page-numbers { display: inline-block; border-radius: 0.5rem; margin: 0 0.5rem; padding: 0 1rem; }
.pagination a.page-numbers { border-radius: 0.5rem; padding: 0.5rem; }
.pagination .page-numbers.current { border: 0.1rem solid; color: #9b4dca; }
/** Sidebar */
.left-sidebar { }
.left-sidebar .side-nav { margin-bottom: 2rem; }
.left-sidebar .corrections, .left-sidebar .insertion { display: none; }
.right-sidebar { order: 100; margin-bottom: 2rem; }
/** Side-menu */
.bordered { border: 0.1rem solid #e1e1e1; padding: 0; }
aside h3 { padding: 2rem 2rem 0; }
aside ul { margin-bottom: 0; }
aside ul li { margin-bottom: 0.5rem; padding: 0 2rem; }
aside ul li:last-child { padding-bottom: 2rem; }
aside ul li label { font-weight: normal; }
.side-title { margin-bottom: 0; padding: 1rem 2rem; border-top: 1px solid #e1e1e1; }
ul.filter { list-style-type: none; }
ul.filter label,
ul.filter input { margin-bottom: 0; }
aside .filtered-list { max-height: 400px; overflow: auto; }
aside .input-filter { padding: 0 2rem; }
ul.tabled { padding: 0 2rem; }
ul.tabled li { display: table-row-group; }
ul.tabled li label { display: table-row; }
ul.tabled i { display: table-cell; font-style: normal; padding: 0 1rem; text-align: center; }
ul.tabled b { display: table-cell; font-weight: normal; padding-right: 2rem; text-align: right; }
ul.tabled u { color: #b0b0b0; font-size: 80%; font-weight: normal; text-decoration: none; }
/* Accordion */
.accordion .acc-heading { position: relative; display: block; }
.accordion .acc-heading.active { color: #404040; font-weight: 600; }
.accordion .acc-heading.used::after { content: ""; position: absolute; right: 1rem; bottom: 1.8rem; display: block; margin-left: auto; height: 1.2rem; width: 1.2rem; border: 0.3rem solid; border-radius: 0.6rem; }
.accordion .acc-content { overflow: hidden; transition: all 0.3s; }
.rtl .accordion .acc-heading.used::after { right: auto; left: 1rem; }
/** Home */
.section-title { margin-bottom: 2rem; }
.home-section { margin-bottom: 4rem; }
.grid.top10 { grid-template-columns: repeat(2,1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; }
.zodiak-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.zodiak-item { display: inline-block; margin: 2rem; text-align: center; }
.zodiak-image { font-size: 8rem; line-height: 1; }
/** Birthdays */
.grid.anniversary { grid-template-columns: repeat(2,1fr); grid-auto-rows: auto; grid-column-gap: 2rem; grid-row-gap: 2rem; }
.grid.anniversary .cell { height: 240px; padding: 8px; text-align: center; border: 0.1rem solid #d1d1d1; }
.grid.anniversary .cell:hover { box-shadow: none; }
.grid.anniversary .cell img { height: 120px; width: 120px; border-radius: 60px; }
.grid.anniversary .cell img:hover { box-shadow: 0 0 0 2px white, 0 0 1px 4px #9b4dca; }
.grid.anniversary .cell .title { position: static; }
.grid.anniversary .cell .title .name { font-weight: normal; }
.grid.anniversary .cell .title a { color: #9b4dca; }
.grid.anniversary.jubilee-5 { grid-template-columns: repeat(1,1fr); grid-auto-rows: auto; grid-column-gap: 2rem; grid-row-gap: 2rem; margin-bottom: 4rem; }
.grid.anniversary.jubilee-5 .cell { height: 300px; padding: 8px; text-align: center; }
.grid.anniversary.jubilee-5 .cell img { height: 180px; width: 180px; border-radius: 90px; }
.grid.anniversary.jubilee-10 { grid-template-columns: repeat(1,1fr); grid-auto-rows: auto; grid-column-gap: 2rem; grid-row-gap: 2rem; margin-bottom: 4rem; }
.grid.anniversary.jubilee-10 .cell { height: 360px; padding: 8px; text-align: center; }
.grid.anniversary.jubilee-10 .cell img { height: 240px; width: 240px; border-radius: 120px; }
/** Top-100 */
.list.top-100 {}
.top-item { display: flex; margin-bottom: 2rem; }
.top-item .place { display: none; font-size: 4rem; line-height: 1; margin-right: 2rem; text-align: left; }
.top-item .face { display: block; flex: 0 0 15rem; height: 20rem; width: 15rem; }
.top-item .face img { height: 100%; width: 100%; object-fit: cover; border-radius: 0.5rem; }
.top-item .face img:hover { box-shadow: 0 0 0 2px white, 0 0 1px 4px #9b4dca; }
.top-item .title { flex: 1 1 9rem; padding-left: 2rem; }
.top-item .title .place { display: block; font-size: 2.5rem; }
.top-item .name { font-size: 2.5rem; line-height: 1.2; margin: 1rem 0; }
.top-item .occupation { margin-bottom: 0; }
/** Insertions */
.insertion { margin-bottom: 2rem; margin-right: 2rem; }
.insertion.below-photo { float: left; text-align: center; width: 300px; }
.left-sidebar .insertion { margin-right: 0; }
/** Corrections */
.corrections { position: relative; border: 1px solid #d1d1d1; border-bottom: none; border-radius: 0.5rem 0.5rem 0 0; margin: 0 auto 2rem; padding: 0; max-width: 30rem; width: 100%; }
.corrections-header { margin-bottom: 0; text-align: center; }
.corrections-body { position: absolute; background: white; border: 1px solid #d1d1d1; border-top: none; border-radius: 0 0 0.5rem 0.5rem; box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.5); max-height: 0; overflow: hidden; padding: 0 2rem; transition: 0.3s; width: 100%; z-index: 100; }
.corrections-body form { margin-bottom: 0.5rem; }
.corrections.lang-en .no-en { display: none; }
.corrections.expanded .corrections-body { max-height: 48rem; }
.page-person .corrections { margin: -1.5rem auto 2rem; }
/** Alerts */
.alert { border: 0.1rem solid; border-radius: 0.5rem; margin: 4rem 0 24rem; padding: 2rem; }
.alert-error { color: #b80000; background: #f8e0e0; }
.system-message { font-size: 150%; margin: 4rem 0 8rem; min-height: 30vh; }
/** Language list in footer */
nav.languages { column-count: 3; column-gap: 2rem; line-height: 2; margin-bottom: 4rem; text-align: center; }
nav.languages span { color: black; }
nav.languages a { display: block; }
.page-root nav.languages { column-count: 2; font-size: 150%; }
/** Social share links */
.social-share { clear: both; text-align: center; margin: 1em 0; }
.social-share * { line-height: 1; }
.social-share .share-caption { display: inline-block; color: #808080; font-size: 16px; font-weight: 600; line-height: 1.5; padding-bottom: 0.5em; vertical-align: middle; width: 100%; }
.social-share .btn { position: relative; display: inline-flex; align-items: center; border-radius: 3px; box-sizing: border-box; color: white; font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0 1em 1em 0; min-width: 115px; padding: 0.5em 1em; text-align: center; }
.social-share .btn:hover { background: black !important; }
.social-share .btn.tg { background: #229ed9; }
.social-share .btn.vk { background: #4a76a8; }
.social-share .btn.fb { background: #516eab; }
.social-share .btn.tw { background: #29c5f6; }
.social-share .btn.pi { background: #ca212a; }
.social-share .btn .social-icon { border-right: 1px solid rgba(255,255,255,0.5); margin-right: 1.5ex; padding-right: 1ex; }
.social-share .btn.tg .social-icon { padding-right: 10px; }
.social-share .btn.vk .social-icon { padding-right: 10px; }
.social-share .btn.tw .social-icon { padding-right: 8px; }
.social-share .btn.pi .social-icon { padding-right: 6px; }
.social-share .social-icon i { display: inline-block; height: 16px; width: 16px; }
.white-icon-telegram { background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTY4Ljc0NCA0MzguNzYxQzMzNy4xOCAzMjEuODA5IDUxNi4xNzggMjQ0LjcwNiA2MDUuNzQgMjA3LjQ1MyA4NjEuNDYgMTAxLjA5MSA5MTQuNTk0IDgyLjYxNiA5NDkuMjI4IDgyLjAwNmM3LjYxOS0uMTM0IDI0LjY1IDEuNzUzIDM1LjY4MSAxMC43MDUgOS4zMTcgNy41NTggMTEuODgxIDE3Ljc3IDEzLjEwNyAyNC45MzYgMS4yMjcgNy4xNjcgMi43NTMgMjMuNDkzIDEuNTQgMzYuMjUtMTMuODU5IDE0NS42MDEtNzMuODIgNDk4LjkzOS0xMDQuMzI0IDY2Mi4wMTUtMTIuOTA4IDY5LjAwNC0zOC4zMjUgOTIuMTQyLTYyLjkyOSA5NC40MDUtNTMuNDczIDQuOTIxLTk0LjA3OS0zNS4zMzktMTQ1Ljg3MS02OS4yODktODEuMDQyLTUzLjEyNS0xMjYuODI3LTg2LjE5NS0yMDUuNDkzLTEzOC4wMzUtOTAuOTE0LTU5LjkxLTMxLjk3OC05Mi44MzggMTkuODMyLTE0Ni42NSAxMy41Ni0xNC4wODUgMjQ5LjE2NC0yMjguMzg1IDI1My43MjQtMjQ3LjgyNS41NzEtMi40MzEgMS4wOTktMTEuNDk0LTQuMjg0LTE2LjI4LTUuMzg1LTQuNzg1LTEzLjMzMS0zLjE0OS0xOS4wNjYtMS44NDctOC4xMjcgMS44NDUtMTM3LjU5NSA4Ny40MTgtMzg4LjQwMSAyNTYuNzItMzYuNzUgMjUuMjM2LTcwLjAzNSAzNy41My05OS44NTkgMzYuODg2LTMyLjg3OC0uNzExLTk2LjEyMS0xOC41OS0xNDMuMTM2LTMzLjg3M0M0Mi4wODMgNTMxLjM4LTMuNzUgNTIxLjQ3LjI0MyA0ODkuNjM0YzIuMDc3LTE2LjU4IDI0LjkxMS0zMy41MzggNjguNTAxLTUwLjg3M1oiLz48L3N2Zz4=); }
.white-icon-vkontakte { background-image: url("data:image/svg+xml;utf8,"); }
.white-icon-facebook { background-image: url("data:image/svg+xml;utf8,"); }
.white-icon-twitter { background-image: url("data:image/svg+xml;utf8,"); }
.white-icon-pinterest { background-image: url("data:image/svg+xml;utf8,"); }
/* Media sizes */
.sm { display: none !important; }
.lg { display: none !important; }
.md { display: none !important; }
/* Larger than mobile screen >= 576 */
@media (min-width: 576px) {
.sm { display: block !important; }
.nav-chain ul { flex-direction: row; }
.nav-chain ul li, .nav-chain ul li:last-child { float: left; }
.page-person > .container { display: block; }
.right-sidebar { display: block; float: right; margin-left: 2rem; }
.grid { grid-template-columns: repeat(2,1fr); }
.grid .grid-row { grid-column-start: 1; grid-column-end: 3; }
.grid.top10 { grid-template-columns: repeat(3,1fr); }
nav.languages { column-count: 4; }
.page-root nav.languages { column-count: 3; }
.grid.anniversary { grid-template-columns: repeat(3,1fr); }
.grid.anniversary.jubilee-5 { grid-template-columns: repeat(2,1fr); }
.top-item > .place { display: block; font-size: 6rem; padding-right: 2rem; text-align: right; width: 16rem; vertical-align: middle; }
.top-item .face { height: 24rem; width: 18rem; flex-basis: 18rem; }
.top-item .title .place { display: none; }
.top-item .name { font-size: 4rem; line-height: 1.2; }
}
/* Larger than mobile screen >= 768 */
@media (min-width: 768px) {
.md { display: block !important; }
.main-menu .container { flex-direction: row; }
.main-menu .navigation-list { display: block; margin: 0; }
.left-sidebar { float: left; margin-right: 2rem; width: 25rem; }
.left-sidebar .corrections, .left-sidebar .insertion { display: block; }
.grid { grid-template-columns: repeat(3,1fr); grid-auto-rows: 240px; }
.grid .grid-row { grid-column-start: 1; grid-column-end: 4; }
.grid.top10 { grid-template-columns: repeat(6,1fr); grid-auto-rows: 360px; }
.zodiak-image { font-size: 12rem; line-height: 1; }
nav.languages { column-count: 5; }
.page-root nav.languages { column-count: 4; }
.grid.anniversary { grid-template-columns: repeat(4,1fr); }
.grid.anniversary.jubilee-5 { grid-template-columns: repeat(3,1fr); }
.grid.anniversary.jubilee-10 { grid-template-columns: repeat(2,1fr); }
.social-share .share-caption { padding-right: 1em; width: auto; }
.page-person .corrections { float: right; margin-bottom: 0; }
.rtl .page-person .corrections { float: left; }
}
/* Larger than tablet screen >= 1024 */
@media (min-width: 1024px) {
.lg { display: block !important; }
.main-menu .navigation-list { display: flex; }
.person-area { flex-direction: row; }
.grid { grid-template-columns: repeat(3,1fr); grid-auto-rows: 360px; }
.grid.top10 { grid-template-columns: repeat(6,1fr); }
.grid.anniversary { grid-template-columns: repeat(6,1fr); }
.grid.anniversary.jubilee-5 { grid-template-columns: repeat(4,1fr); }
.grid.anniversary.jubilee-10 { grid-template-columns: repeat(3,1fr); }
}
/* EoF */