/* 1000.css - STYLE-SHEET for INCA-RAFT */

/* HIDE menus - and other */
.ul, .dina, .farao, .inca, .inca-sol, .raft, .topa {display:none}
@media screen { body { max-width:1024px !important; }}
@media print { body { width:1024px !important; }}
/* @media print { [class*="main"] { border:none !important; }} */
@media print { [class*="lift-out"], [class*=ramme]  { box-shadow:none !important; }}
@media print {  button#reset, .print, .print-1000, .no-print, .ul, .dina, .farao, .inca, .inca-sol, .raft, .topa { display:none !important; }}
@media print { .break-xga { break-before:always; page-break-before:always; }}
@media print { @page {size: A4 portrait;}}

/* 1): show LOKAL A-reference-point marked by 'NAME' */ 
A[name]:after { content: " [ Local Ref.Point: #"attr(name)" ] ";color: #06C; font-family:'Cutive Mono',monospace;  font-style:italic;font-size:.7em;}
 
/* 2): show hyperlink to a LOCAL (inside the same side) reference-point identified by ANCHOR and class="local" */
A.local:after { content: " [ Hyper Link to local reference Point: "attr(href)" ] ";color: #06C; font-family:'Cutive Mono', monospace; font-style:italic;font-size:.7em; }

/* 3): show hyperlink to an INTERNAL (a runasimi-page) web page identified by ANCHOR and class="internal" */
A.internal:after { content: " [ hyper-link to internal page: "attr(href)" ] "; color: #06C; font-family:'Cutive Mono', monospace; font-style:italic;font-size:.7em; }

/* 4): show hyperlink to an EXTERNAL web-site identified by ANCHOR and class="external" */
A.external:after { content: " [ Hyper Link to external: "attr(href)" ] ";color: #06C; font-family:'Cutive Mono', monospace; font-style:italic;font-size:.7em; } 

body { font-size:100%; color: #FED; margin:auto; text-align:center; text-decoration:none; font-family:'Special Elite', Monospace; }

#draft { margin-top:-60px; }

[class*="main"] {max-width:1024px; border:1px dashed #666; border-radius:20px; margin:auto; background-color:#FFF; padding:2px; text-align:justify;color:#000;
font-size:.8em; font-family: 'EB Garamond', serif; } 

[class*="lift-out"] { width:80%; border:4px double grey; border-radius: 16px; text-align:center; margin:auto; padding:12px; background-color:#FFF; 
font-family:Cousine, monospace; font-weight:bold; font-size:1.0em;}

[class*="ramme"]  { border:2px solid grey; border-radius:10px; padding:8px; }

/* STRUCTURAL declarations */
.shadow { border-radius:8px; border:1px dashed grey; }
.mark { border-radius:8px; border:1px solid grey; }
.center { width:80%; margin:auto; text-align:center; }

hr { width:70%; border: 2px dotted grey; }

/* STRUCTURAL organization af page */
figure { text-align:center; vertical-align:middle; font-family: 'EB Garamond', serif; color: #003; font-style:italic; font-size:0.9em; padding:10px;}
	
.flex-container {display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; margin:auto;}
.flex-container div {padding:8px}

/* small-BLOCK dimensions */
.raft { float:left; margin:12px; text-align:center;color:#666; width:64px; }
.inca { float:right; margin:12px;text-align:center;font-size:.7em;color:#666; width:40px; }
[class*="nail"] {width:50px; }

.post-it { font-size:.9em; float:left; background:#FFF; padding:12px; font-family: 'Rancho', regular; color: #003; width:150px; 
transform: rotate(-4deg);border:2px dotted #999; text-align:left; margin: 12px 12px 12px -6px; } 

.post-itR { font-size:.9em; float:right; background:#FFF; padding:12px; font-family: 'Rancho', regular; color: #003; width:150px; 
transform: rotate(4deg); border:2px dotted #999; text-align:left; margin-left:12px;margin: 12px -6px; 12px; 12px}

table { margin:AUTO; border-collapse:collapse; }
td { padding:2px; text-align:center; vertical-align:middle; font-family: Roboto, Sans-Serif;}
table.alfa {border:3px solid #999;border-radius:12px; border-collapse:separate; border-spacing: 4px; padding:12px 24px; background-color:#FFF; color:#000; font-family: Roboto, Sans-Serif;font-size:.8em; }
TH {padding:6px; background-color:none; text-align:center; vertical-align:middle; font-family: Roboto, Sans-Serif;color:#666; font-size:1.2em; font-style:italic;}
TD.dark {border: 2px solid #666; background-color:#FFF; font-size:1.2em; color:#333;}
TD.lys {border: 2px solid #666; background-color:#CCC; font-size:1.2em; color:#333;}
TD.none {border:none; background-color:none;}

/* INLINE-text */
.inline  {display:inline-block;}

.floatR {float:right; margin-left:16px; }
.floatL {float:left; margin-right:16px; }

/* CAPTIONs */
figcaption {text-align:center; 'EB Garamond', serif; color: #002; font-style:italic;  font-size:0.9em; }

/* HEADERs TEXT declarations */
H1 {text-align:center; font-family: 'Graduate', cursive; font-size:250%; font-weight:normal; margin:.0em;}
H2 {text-align:center; font-family: 'Orbitron', sans-serif; font-size:210%; font-weight:normal; margin:.0em;}
H3 {text-align:center; font-family: 'Orbitron', sans-serif; font-size:180%; font-weight:normal; margin:.0em;}
H4 {text-align:center; font-family: 'Iceberg',cursive; font-size:160%; font-weight:normal; margin:.0em;}
H5 {display:inline; font-family: 'Iceberg',cursive; font-size:135%;font-weight:normal;margin:.0em;  }
H6 {display:inline; font-family: 'Rationale', sans-serif; font-size:115%;font-weight:normal; } 
EM {font-family: 'Roboto Slab', cursive; font-size:1.1em; font-variant:small-caps; font-weight:normal;}

A > button {font-family: 'Iceland', cursive; font-size:1.0em;}
span button {font-family: 'Iceland', cursive; font-size:1.0em;}

/* BLOCK-tekst */
.text {text-align:justify; overflow:auto; vertical-align:middle; font-family:'EB Garamond',serif; color: #222; font-style:italic; font-size:0.9em; padding:10px;}
.textC {text-align:center; overflow:auto; vertical-align:middle; font-family:'EB Garamond',serif; color: #222; font-style:italic; font-size:0.9em; padding:10px;}
.textL {text-align:left; overflow:auto; vertical-align:middle; font-family:'EB Garamond',serif; color: #222; font-style:italic; font-size:0.9em; padding-left:10px;}
.textR {text-align:right; overflow:auto; vertical-align:middle; font-family:'EB Garamond',serif; color: #222; font-style:italic; font-size:0.9em; padding-right:10px;}

/* IMAGE style for ALT-text */
img {max-width:100%; border-radius:6px; color: #888; text-align:center; font-family: 'Cutive Mono', monospace; font-weight:bold; }

/* HOVER over BYT will swap with another image */
.byt img:first-child {display:block;}
.byt img:last-child {display:none;}

/* bytter to blikke */
.bytd div:first-child {display:none;}
.bytd div:last-child {display:block;}

/* to let something POP-UP or to mark a hyper-link */
.hot-zone, a.local, a.internal, a.external {background-color:#EEE; color:#06C: text-decoration:underline;}
.hot-zone span {display:none; width:400px;}
.hot-zone:hover span { display:block; margin:auto;} 

A {text-decoration:none; color:#06C;}
A:link { color:#06C; font-style:normal; }

/* show the button */
#reset { top:1px; right:2px; }

/* PRINTER menu */
.print {position:fixed; left:20px; top:10px; max-width:140px; background-color:transparent; z-index:9; }
.print:hover {background-color:#EEE; border:1px solid #000; border-radius:4px;cursor:pointer; z-index:9;}
.icon { font-family: 'Roboto', sans-serif; width:60%; margin:auto;color:gold; font-size:.9em; text-align:center; background-color:transparent;}
.icon:hover {color:#404; font-style:italic; background-color:transparent; cursor:pointer; z-index:9;text-align:center; }
.menu {display: none; position: relative; color: #404; font-family:'Roboto', sans-serif; font-size:.8em; z-index:9; }
.menu:hover {background-color:transparent;}
.print:hover .menu { display: block;}

/* style the right reset-button */
button#reset { 
    position: fixed;
    background-color: #EEE;
    color:#006;
    font-family:'Slabo 27px', serif;
    padding:0px 6px;
    border:1px solid #000; 
    border-radius:4px;	 
    width:9%;
    cursor: pointer; }

/* style of left OVALE print label */
.print-1000 {
width: 120px;
border-radius: 50%;
top: 200px;
left: 2px;
background: rgba(140,140,255,.5);
border: 3px double #008;
color: #008;
font-size:1.0em;
padding: 36px 12px;
position: fixed;}

.print-vga { display:none; }
.print-svga { display:none; }