:root {
    --background-light: #c2a971;
    --background-dark: #c2a971;
    --text-color: #674c12;
    --text-light: #674c12;
    --box-background: #ffeabf;
    --border-color: #c2a971;
    
    --header-background: ;
    --header-text: white;
    
    --navbar-background: ;
    --navbar-text: white;
    --navbar-hover: #c2a971;
    
    --sidebar-background: linear-gradient(to bottom right, #ffeabf, #a8905d);
    --sidebar-text: #674c12;
    --sidebar-link: #ffeabf;
    --sidebar-hover: #c2a971;
    
    --main-background: #;
    
    --footer-background: ;
    --footer-text: ;
    
    --header-background-start: #c2a971;
    --header-background-middle: #a8905d;
    --header-background-end: #c2a971;

    --navbar-background-start: #c2a971;
    --navbar-background-end: #a8905d;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('/africa/egypt/img/pattern.jpg');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.6;
  z-index: -9999;
  pointer-events: none;
}

.text-banner {
  position: relative;
  text-align: center;
  margin-left: 270px;
  margin-right: 270px;
}

.sidebar h2 {
  margin:0;
  margin-bottom:10px;
}

.expandable {
  background-color:#e8d2a5;
}

.text-banner::before,
.text-banner::after {
  content: "";
  position: absolute;
  top: -15px;
  width: 50px;
  height: 68px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.text-banner::before {
  left: 0px;
  background-image: url('/africa/egypt/img/eagle-left.jpg');
}

.text-banner::after {
  right: 0px;
  background-image: url('/africa/egypt/img/eagle-right.jpg');
}

@media (max-width: 960px) {
  .text-banner {
    margin-left: 0;
    margin-right: 0;
    background-image: none;
    background-size: initial;
    background-position: initial;
    background-repeat: initial;
  }
}