:root {
    --background-light: #f2e066;
    --background-dark: #f2c866;
    --text-color: #7a5e0a;
    --text-light: #4a6b5a;
    --box-background: #fafaaf;
    --border-color: #bd9317;
    
    --header-background: #5a8a72;
    --header-text: #e8f5e9;
    
    --navbar-background: #4a6b5a;
    --navbar-text: #e8f5e9;
    --navbar-hover: #CC9604;
    
    --sidebar-background: #fafaaf;
    --sidebar-text: #7a5e0a;
    --sidebar-link: #ffea8c;
    --sidebar-hover: #E2AF50;
    
    --main-background: ;
    
    --footer-background: #5a8a72;
    --footer-text: #e8f5e9;
    
    --header-background-start: #e8af05;
    --header-background-middle: #d69702;
    --header-background-end: #e8af05;

    --navbar-background-start: #e8af05;
    --navbar-background-end: #d69702;
}

body {
  background-image:
    url('/religion/buddhism/img/design/flower.jpg'),
    linear-gradient(to bottom, var(--background-light), var(--background-dark), var(--background-light));
  background-repeat: no-repeat;
  background-position: top right, center;
  background-size: auto, cover;
}

@media (max-width: 1400px) {
  .wrapper {
    background-color: rgba(250, 250, 175, 0.9);
    background-position: bottom right, center;
  }
}

.text-banner {
  position: relative;
  text-align: center;
  margin-left: 270px;
  margin-right: 270px;
  background-repeat: no-repeat;
  background-position: left, right;
  background-size: 40px 30px, 40px 40px;
  background-image: 
    url('/religion/buddhism/img/design/lotus.jpg'),
    url('/religion/buddhism/img/design/monk.jpg');
}

.custom {
  border-top: 2px solid var(--sidebar-text);
}

.toc-link {
  color:var(--sidebar-text);
}

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