@font-face { font-family: 'Alef'; src: url("../fonts/Alef-Bold.eot"); src: url("../fonts/Alef-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Alef-Bold.woff") format("woff"), url("../fonts/Alef-Bold.ttf") format("truetype"), url("../fonts/Alef-Bold.svg#alefbold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Alef'; src: url("../fonts/Alef-Regular.eot"); src: url("../fonts/Alef-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Alef-Regular.woff") format("woff"), url("../fonts/Alef-Regular.ttf") format("truetype"), url("../fonts/Alef-Regular.svg#alefregular") format("svg"); font-weight: normal; font-style: normal; }
body { direction: rtl; background-color: #fffbdf; font-family: Alef, Helvetica, Arial, sans-serif; padding-top: 2.5em; }

.warning { background-color: red; color: yellow; border-bottom: 2px yellow solid; padding: 5px; font-weight: bold; text-align: center; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; height: 2.5em; z-index: 1000; }

h1 { font-weight: bold; }

h3 { font-weight: bold; }

a { color: #887701; }
a:hover { color: #bba401; }
a:active { color: #fee00a; text-shadow: 0px 0px 1px black; }
a:visited { color: #6f6100; }

.to-left { text-align: left; }

.explanation { font-size: 1.4em; line-height: 1.5em; }

.page-title h1 { font-size: 3.5em; padding: 0.1em; padding-right: 0.2em; background-color: #fee00a; -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; border-radius: 0.1em; }

.yesno-padding { display: inline-block; width: 0.2em; }

.yesno, .yes, .no { -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }

.yes { background-color: #76f87f; }

.no { background-color: #f85741; }

.pending { background-color: #000; }

.neutral { background-color: #AAF; }

.centered { text-align: center; }

footer { margin: 3em; border-top: 1px black solid; padding-top: 3em; font-size: 0.9em; text-align: center; }

.page-title h1 { margin: 0; }

.title-party-logo { padding: 0.5em; text-align: left; }

ul.party-list { margin: 0; text-align: center; }

ul.party-list li { position: relative; display: inline-block; width: 400px; text-align: right; border-radius: 1em; padding: 0.5em; margin: 1em; }

ul.party-list li .tag { position: absolute; top: 0; left: 0; bottom: 0; width: 200px; border-radius: 1em; text-align: left; padding: 0.5em; }

ul.party-list li a { color: black; }

.partyStatusMessage { font-size: 1.5em; font-variant: oblique; }

.partyStatusMessage-yes { border-bottom: 5px solid #45f652; }

.partyStatusMessage-no { border-bottom: 5px solid #f62c10; }

.partyStatusMessage-pending { border-bottom: 5px solid #000; }

ul.mk-list { padding: 0; list-style: outside none none; text-align: center; }
ul.mk-list li { position: relative; display: inline-block; width: 160px; height: 195px; margin: 1em; text-align: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
ul.mk-list li .mk-image { margin-top: 5px; max-width: 150px; /* fix megalomanic scans ;) */ }
ul.mk-list li .mk-name { text-align: center; font-weight: bold; }
ul.mk-list li a { color: black; }
ul.mk-list li a:hover { text-shadow: 0 0 8px #fee00a; }

ul.mk-list .li-yes { background-color: #45f652; }

ul.mk-list .li-no { background-color: #f62c10; }

ul.mk-list .li-neutral { background-color: #AAA; }

ul.mk-list .li-pending { background-color: #AAA; }

ul.mk-list li::after { content: ''; display: block; position: absolute; top: 5px; height: 150px; left: 5px; right: 5px; background-color: rgba(0, 0, 0, 0.5); }

ul.mk-list .li-yes::after { background-color: rgba(69, 246, 82, 0.5); }

ul.mk-list .li-no::after { background-color: rgba(246, 44, 16, 0.5); }

ul.mk-list .li-pending::after { background-color: rgba(0, 0, 0, 0.5); }

ul.mk-list .li-neutral::after { background-color: rgba(0, 0, 0, 0.5); }

.citations ul { list-style: none; padding-right: 20px; }
.citations ul li .fa { display: inline-block; text-align: center; width: 2em; }

ul.party-board { list-style: none; padding: 0; text-align: center; }
ul.party-board li { display: inline-block; position: relative; margin: 1em; padding: 0; text-align: center; width: 160px; }
ul.party-board li img { display: block; }
ul.party-board li a { font-size: 1.3em; text-decoration: none; display: block; }
ul.party-board li a:hover { background-color: #fee00a; }

.party-logo { object-fit: contain; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

a:active .party-logo { top: 2px; box-shadow: 0 -2px 6px rgba(255, 255, 255, 0.5); }

.board { position: realtive; }

.board a::after { content: ''; display: block; position: absolute; margin: 0; padding: 0; top: 0; left: 0; height: 160px; right: 0; background-color: rgba(0, 0, 0, 0.5); }

.board-yes a { color: #079b12; }

.board-no a { color: #f62c10; }

.board-pending a { color: #000; }

.board-yes a::after { background-color: rgba(69, 246, 82, 0.5); }

.board-no a::after { background-color: rgba(246, 44, 16, 0.5); }

.board-pending a::after { background-color: rgba(0, 0, 0, 0.5); }

ul.legend { list-style: none; padding: 0; }
ul.legend li { display: inline-block; border-bottom: 15px solid black; margin: 1em; width: 160px; }

ul.legend li.legend-yes { border-color: #45f652; }

ul.legend li.legend-no { border-color: #f62c10; }

ul.legend li.legend-pending { border-color: #000; }

@media (max-width: 992px) { .title-md { text-align: center; } }
@media (max-width: 768px) { .to-left { text-align: center; }
  .page-title { text-align: center; }
  .title-party-logo { text-align: center; } }
.page { background-color: #fee00a; padding: 1em; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5); width: 80%; margin: 2em auto; }