/* 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 */

/* Bebas Neue for headers*/
@font-face {
  font-family: 'Bebas Neue';
  src: local('Bebas Neue'), local('Bebas'),
       url('/game-plugins/mountaingoats/1.2.6/fonts/BebasNeue-Regular.ttf') format('truetype'); 
}   
   
.rules h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: bold;
  text-align: left;
  border: none;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: white; 
  background-color: #93A7A6;
  font-size: 2.5em;
  padding: 2px 0px 0px 10px;
}

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

/* goated lists */
.rules ul {
  margin:1em 0em 1em 1em; 
  list-style-image: url('/game-plugins/mountaingoats/1.2.6/images/rules/list_symbol.png');
}
.rules li { margin-bottom: 0.2em; }

.rules { font-size: 1.2em; }
.rules .coverpic { width: 80%; }
.rules .img-margin { margin: 1%; }

.rules .setup { float: left; width: 44%; margin: 1em; margin-right: 2em; margin-top: 0em;}
#panelRules .setup { display:none; }

.rules .dice_groups { float: right; width: 28%; margin: 2em;  margin-top: 0em;}
#panelRules .dice_groups { display:none; }
.rules .dice_groups_side { display:none;}
#panelRules .dice_groups_side { display:inherit; float: right; width: 38%; margin: 1em;}

.rules .bonuspoints {float: left; width: 20%; margin-right: 3em; margin-bottom: 0.5em; margin-top: -0.5em;}
#panelRules .bonuspoints {float: right; width: 30%; margin-left: 1em; margin-bottom: 0.5em; }

.rules .big_mountain { float: right; width: 60%; margin: 1em;  margin-top: 0em; }
.rules .big_mountain img { width: 75%; margin-bottom: 1em; float: left; margin-right: 1em;}
#panelRules .big_mountain { display:none; }

.rules .scoring-table-box { width: 60%; float: right; margin-right: 3.5em;}
#panelRules .scoring-table-box { width: 90%; float: none; margin-right: 0.5em; margin-left: 0.5em;}
.rules .scoring-table { border: 5px solid grey; border-collapse: collapse; padding: 10px; text-align: center; margin-left: auto; margin-right: auto; }
#panelRules .scoring-table {padding: 5px; }