/* add all special styles used for displaying the rules */

/* .rules: used for all elements loading rules (rules at main site, rules ingame, popup with rules extract 
   #rules: div with complete rules used at main site
   #rulesPage: ingame rules page display
   #panelRules: ingame rules sidepanel display
   #popup.rules: popup with rules extract only */

.rules .exampleImg { width:25%; margin-right: 1%;}
#panelRules .exampleImg { width:47%; }

/* JD Eugenia for headers*/
@font-face {
  font-family: 'squarefont';
  src: local('squarefont'),
       url('/game-plugins/balda/1.7.3/fonts/Chock-a-BlockNF.ttf') format('truetype'); 
}   

.rules h1 {
  font-family: 'squarefont', sans-serif;
  text-align: center;
  border: none;
  margin-top: 0em;
  margin-bottom: 0em;
  color: lightgreen;
  text-transform: uppercase;
  padding: 4px;
  font-size: 3.5em;
  text-shadow:
   -1px -1px 0 darkgreen,  
    1px -1px 0 darkgreen,
    -1px 1px 0 darkgreen,
     1px 1px 0 darkgreen;
}
#panelRules h1 {
  padding: 2px;
  font-size: 2em;
}

.rules h2 {
  font-family: 'squarefont', sans-serif;
  text-align: left;
  border: none;
  margin-top: 0em;
  margin-bottom: 0em;
  color: lightgreen;
  text-transform: uppercase;
  padding: 4px;
  font-size: 2em;
  text-shadow:
   -1px -1px 0 darkgreen,  
    1px -1px 0 darkgreen,
    -1px 1px 0 darkgreen,
     1px 1px 0 darkgreen;
}
#panelRules h2 {
  padding: 2px;
  font-size: 1.2em;
}


/* sidebar or not sidebar */ 
#panelRules .nosidebar { display:none; }
.ui-popup .rules .nopopup { display:none; }
.rules .sidebaronly { display:none; }
#panelRules .sidebaronly { display:inherit; }