:root {
  --cassiopeia-color-primary: #7b5c23;
  --cassiopeia-color-link: #7b5c23;
  --link-color: #bd2a31;
  --cassiopeia-color-hover: #815e1d;
  --body-font-size: 1.2rem;
}

.container-header {
  background-color: #7b5c23;
  background-image: -o-linear-gradient(315deg, #7b5c23 0%, #815e1d 100%);
  background-image: linear-gradient(135deg, #7b5c23 0%, #b7a584 100%);
}

.container-header .metismenu>li.level-1>ul {
 min-width:18rem;
}

h1, h2, h3, h4 {
  color: #7b5c23; 
}

.back-to-top-link {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10000;
    padding: .5em;
    color: var(--cassiopeia-color-primary,#112855);
    pointer-events: all;
    background-color: var(--white,#fff);
    border: 1px solid var(--cassiopeia-color-primary,#112855);
    border-radius: .25rem;
    opacity: 0;
    transition: opacity .2s ease-in;
}

li figure.articleImageLeftPortrait img {
	width: 60%;
}

li figure.articleImageRightPortrait img {
	width: 60%;
}

div.com-content-article__body p {
  text-align: justify;
}

.articleImageLeft, .articleImageLeftPortrait {
  float: left;
  margin: 0 1em 0.5em 0;
}

.articleImageRight, .articleImageRightPortrait {
  float: right;
  margin: 0 0 0.5em 1em;
}

.articleImageCenter {
  width: 70%;
  margin: auto;
  margin-bottom: 1.7em;
  display: block;  
}

.articleImageLeft, .articleImageRight, .articleImageCenter, 
.articleImageRightPortrait, .articleImageLeftPortrait {
  text-align: center;
  font-style: italic;
  text-indent: 0;
  border: thin silver solid;
  padding: 0.5em;	
}

figure.articleImageRight img {
  width: 600px;	
}

figure.articleImageRight figcaption {
  padding-top: 0.5em;
  font-size: 1.0rem;
  max-width: 600px;
}

figure.articleImageLeft img {
  width: 600px;	
}
figure.articleImageLeft figcaption {
  padding-top: 0.5em;
  font-size: 1.0rem;
  max-width: 600px;
}

figure.articleImageRightPortrait img {
  width: 450px;	
}
figure.articleImageRightPortrait figcaption {
  padding-top: 0.5em;
  font-size: 1.0rem;
  max-width: 450px;	
}

figure.articleImageLeftPortrait img {
  width: 450px;	
}
figure.articleImageLeftPortrait figcaption {
  padding-top: 0.5em;
  font-size: 1.0rem;
  max-width: 450px;	
}

figure.articleImageCenter img {
  width: 670px;	
}
figure.articleImageCenter figcaption {
  padding-top: 0.5em;
  font-size: 1.0rem;
  max-width: 670px;	
}

div.imageGalery {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr;
}

div.imageGalery figure {
  border: 1px #cccccc solid; 
  padding: 4px; 
  margin: auto; 
}

div.imageGalery figcaption {
  color: black; 
  font-style: italic; 
  padding: 2px; 
  text-align: center
}

table.alpCrossData th, td {
  border-color: white;
  border-style: solid;
  border-width: 2px;
  background-color: lightgray;
  margin: auto;
  width: 80%;
  padding: 10px;
}

table.alpCrossData th {
  background-color: darkgray;
  color: white;
  text-align: center;
  font-weight: bold;
}

table.alpCrossData td {
  white-space: nowrap;
}

a.next, a.previous {
  color: #fff;
  background-color: #7b5c23;
}

a.next:hover, a.previous:hover {
  color: #7b5c23;
  baclground-color: #f9fafb;
}

div.akengage-comment-hider >button {
  color: #fff;
  background-color: var(--link-color);
}
div.akengage-comment-hider >button.btn:hover {
  color: var(--link-color);
  background-color: #f9fafb;
}