/* ============================================
   Writer print styles
   ============================================ */
@font-face {
  font-family: "David";
  src: url(./david.ttf);
}
@font-face {
  font-family: "David";
  src: url(./davidbd.ttf);
  font-weight: bold;
}
@font-face {
  font-family: "Calibri";
  src: url(./calibri.ttf);
}
@font-face {
  font-family: "Calibri";
  src: url(./calibrib.ttf);
  font-weight: bold;
}
:root {
  --fnt_sz_rg: 12pt; /* var(--fnt_sz_rg) */
  --fnt_sz_bg: 14pt; /* var(--fnt_sz_bg) */
  --mrgn_sides: 25mm; /* var(--mrgn_sides) */
  --mrgn_tb: 25mm; /* var(--mrgn_tb) */
}

table { width: 100%; padding: 2em; box-sizing: border-box; }
thead, td { text-align: justify; }

a, a :visited, a:active { color: #00f; text-decoration:none; }
a:hover { color: #A0F; text-decoration:underline; }

p span.has_text { display: inline-block; width: 25%; }

select { display: inline-block; width: 50%; }

.en {
  direction: ltr;
}
.he {
  direction: rtl;
}


p, ol, ul, table { margin: 0.3em 0 0 0; border-collapse: collapse; line-height: 18pt; }
h1, h2, h3, h4, h5 { font-weight: bold; padding: 0; margin: 0.4em 0 0 0; border-collapse: collapse; }
h1, h2, h3 { font-size: 1.3em; }
h4, h5, h6 { font-size: 1.1em; }
h1, h4 { text-align: center }
h6 { font-weight: normal; margin: 0.2em 0 0 0; }
table, td, tr {vertical-align: top;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { text-decoration: underline; }
.justify { text-align: justify; }

td, th { padding-right: 0.5em; padding-left: 0.5em; }
/*    th { text-align: center; }*/
.he h2, .he h5 { text-align: right; }
.en h2, .en h5 { text-align: left; }
.en h3, .en h6 { text-align: right; }
.he h3, .he h6 { text-align: left; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }
.calibi { font-family: "Calibri", "Raanana", "David", "Arial Hebrew", Helvetica, arial, sans-serif; }

ol { padding-inline-start: 1.05em; position: relative; overflow: visible;} 
ol:first-of-type { counter-reset: item; } 
h1 + ol, p + ol, h4 + ol, p + h5 + ol, hr + h6 + ol  { counter-reset: item; }
li { line-height: 18pt; } 
ol > li { list-style-type: none; line-height: 18pt; overflow: visible; position: relative;} 
ol > li:before { content: counters(item, ".") ". "; counter-increment: item; 
  display: inline-block; position: absolute; transform: translateX(calc(100% + 0.15em)); overflow: visible; }
.en ol > li:before { transform: translateX(calc(-100% - 0.15em)); }
ol { break-before: avoid; }
ol ol { break-before: auto; }

.footnotes ol { counter-reset: item; } 
.footnotes ol > li:before  { content:""; display:none; } 
.footnotes ol > li { list-style-type: footnotes; } 

table.header {padding: 0;}
.office_name td { font-size:16pt; font-weight:bold; padding:0px; width: 50%;}
.office_name td.en { font-size:15pt;}
.office_lawyers td { font-size:12px; font-weight:bold; width: auto; line-height:1.5; }
.office_lawyers td.en { font-size:12px;  line-height:1.5; }
.office_contact td { font-size:12px; width: 44%; line-height:1; }
.office_contact td.center { width: 12%; }
.office_contact td.en { font-size:11px; }
.office_contact .center { width: 10em;  }
.contact_header { position: relative; top: -4em; }

.he code, .en code, code,
.he pre, .en pre, pre {direction: ltr !important; }

.draft #output:before {
  content: "DRAFT"; display: block; position: absolute;
  width: 100vw; font-size: 20vw; opacity: 0.12;
  transform-origin: center; transform: translateY(50vh) rotateZ(45deg);
}

.fake_button { display: inline-block; font-weight: 100; font-size: initial; text-align: center; border-radius: 1em; background-color:rgba(127, 127, 127, 0.25); }
.fake_button:hover { cursor: pointer; background-color:rgba(127, 127, 127, 0.4);}

.draft .he#output:before { content: "טיוטא"; transform-origin: center; transform: translateY(60vh) translateX(-30vw) rotateZ(-45deg); }


body, html {
  font-family: "David", "Arial Hebrew", Helvetica, arial, sans-serif;
  box-sizing: border-box;
  overflow: visible;
  padding: 0;
  margin: 0;
  text-align: justify;
  font-size: var(--fnt_sz_rg);
  overflow: visible !important;
}
@page {
  box-sizing: content-box;
  size: A4 portrait;
  overflow: visible;
  margin: 25mm 0 !important;
  padding: 0;
  display: block; position: relative;
}
body {  padding: 0 var(--mrgn_sides);  }
.no_print {
  display: none !important;
}
.contact_header { position: absolute; top: 2.5em; left:0; }
.header { margin-bottom: 1em; }
h1, h2, h3 { font-size: var(--fnt_sz_bg); }
h4, h5, h6 { font-size: var(--fnt_sz_rg); }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; break-after: avoid; }
.draft #output:before { width: 100%; position: fixed; left: 12.5vw; top: 0;}
#header, #output { padding: 0; box-sizing: border-box; }

div { overflow: visible; }
hr { page-break-before: always; margin-top: 0 !important; visibility: hidden; height:0; }
.footnote-backref {display: none;}
hr.footnotes-sep { page-break-before: avoid; visibility: initial; height:initial; width: 22vw; margin-right:0; margin-top: 2em !important; }
.en hr.footnotes-sep { margin-right: initial; margin-left:0; }
hr.line, #header hr { page-break-before: avoid; visibility: initial; width: 100%; }


.tighter p , .tighter li, .tighter ol, .tighter ul, .tighter table { line-height: 1.25em; }
.spaced p , .spaced li, .spaced ol, .spaced ul, .spaced table { line-height: 1.85em; }