Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* https://github.com/SorkinType/Merriweather/tree/master/fonts/webfonts */

@font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Merriweather-Regular.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('fonts/Merriweather-Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('fonts/Merriweather-Italic.woff2') format('woff2');
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('fonts/Merriweather-BoldItalic.woff2') format('woff2');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* Changes the default font used for MediaWiki to Merriweather Sans (does not include headings or monospaced text): */
body {
  font-family: 'Merriweather', serif;
  font-size: 16px;
  font-weight: 400;
}
/* Changes the default font used for MediaWiki headings to Merriweather 700: */
#content h1, 
#content h2 {
  font-family: 'Merriweather', serif;
  font-style:italic;
  font-weight: 700;

}

/*By default, hide most page tabs*/#ca-edit { display: none !important; }
#ca-delete { display: none !important; }
#ca-formedit { display: none !important; }
#ca-history { display:none!important; }
#ca-move { display: none !important; }
#ca-protect { display: none !important; }
#ca-unwatch { display: none !important; }
#ca-ve-edit { display: none !important; }
#ca-view { display: none !important; }
#ca-viewsource { display: none !important; }
#ca-watch { display: none !important; }
#p-navigation { background-color: #54692a; }
#catlinks { background-color: #dcdf80; }

#siteSub {
  display: block;
  font-weight: normal;
  font-size: normal;
  font-style: italic;
}

.mw-parser-output .ib-settlement {
  width: 23em;
  border-collapse: collapse;
  line-height: 1.2em;

}

table.error {
  border: 1px solid #a2a9b1;
  border-spacing: 3px;
  background-color: #f8f9fa;
  color: black;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  font-size: 88%;
  line-height: 1.5em;
  width: 22em;
  border:1px solid #264142;
  background-color: #dcdf80;
  color: #54692a !important;

}

table.error tbody th {
  background-color: #54692a !important;
  color: #dcdf80 !important;
}

/* Portable Infobox */
.portable-infobox {
	width: 322px;
}
.pi-image {
	width: 320px !important;
}
.pi-theme-eating-asturias {
    background-color: #dcdf80;
    width:320px;
}

.pi-theme-eating-asturias .pi-image-thumbnail {
    width: 100%;
    height: auto;
    max-width: 320px; /* Typically, use the same width as your infobox, minus borders */
}

figure[data-item-name="flag"],
figure[data-item-name="shield"] {
	max-width: fit-content(120px) !important;
}

figure[data-item-name="cider-label"] {
	background-color: #fff;
}

.pi-theme-eating-asturias .pi-data-label {
	font-weight: 700;
}
.pi-theme-eating-asturias .pi-header, .portable-infobox .pi-theme-eating-asturias .pi-title {
    background-color: #54692a;
    color: #dcdf80;
    font-style: italic;
}
.pi-theme-eating-asturias .pi-title {
    text-align: center;
}
.pi-theme-eating-asturias .pi-border-color {
   border-color: #264142;
}
.pi-theme-eating-asturias .pi-data-value {
   align-self: center;
}

.pi-theme-eating-asturias .pi-data-label {
    flex-basis: 120px;
}

.pi-layout-stacked .pi-data-label {
	font-weight: bold;
	text-decoration: underline
}
.pi-layout-stacked .pi-data-value {
	font-style: italic;
}

.ask3col {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
}

.wikitable {
  margin: 0 auto;
}

/* To make images responsive */
.res-img {
	max-width:100%;
	height:auto;
}

.list-3-col {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
}

.list-2-col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
}