/* Theme toggle and visibility (loads after the active theme stylesheet). */

.only-geocities,
.only-web1,
.only-web2,
.only-web3,
.only-bootstrap {
  display: none !important;
}

html.theme-geocities .only-geocities {
  display: revert !important;
}

html.theme-web1 .only-web1 {
  display: revert !important;
}

html.theme-web2 .only-web2 {
  display: revert !important;
}

html.theme-web3 .only-web3 {
  display: revert !important;
}

html.theme-bootstrap .only-bootstrap {
  display: revert !important;
}

.theme-bar {
  text-align: center;
  padding: 8px 12px;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  background-color: #ffffcc;
  color: #000000;
  border-bottom: 2px solid #000000;
  margin: 0;
}

html.theme-web1 .theme-bar {
  margin: -16px -16px 16px -16px;
}

html.theme-web2 .theme-bar {
  font-family: "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
  background: linear-gradient(180deg, #ffffff 0%, #e8ebf0 100%);
  border-bottom: 1px solid #c5cad3;
  color: #444444;
  margin: -24px -16px 20px -16px;
  padding: 10px 12px;
}

html.theme-geocities .theme-bar {
  font-family: "Comic Sans MS", cursive, sans-serif;
  background-color: #ffcc00;
  color: #000033;
  border-bottom: 3px ridge #808080;
}

.theme-bar a {
  color: #0000ee;
  text-decoration: underline;
  font-weight: normal;
  background: transparent;
}

html.theme-web2 .theme-bar a {
  color: #336699;
  text-decoration: none;
}

html.theme-web2 .theme-bar a:hover {
  color: #224466;
  text-decoration: underline;
}

html.theme-geocities .theme-bar a {
  color: #000033;
}

html.theme-geocities .theme-bar a:hover {
  background: transparent;
  color: #ff0099;
}

.theme-bar a.theme-active {
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

html.theme-web2 .theme-bar a.theme-active {
  background: linear-gradient(180deg, #6db3f2 0%, #3a7fc4 100%);
  border-radius: 12px;
  color: #ffffff;
  padding: 3px 10px;
}

html.theme-web3 .theme-bar {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: rgba(18, 18, 28, 0.95);
  border-bottom: 1px solid rgba(167, 139, 250, 0.25);
  color: #9898b0;
  margin: -20px -16px 16px -16px;
  padding: 10px 16px;
}

html.theme-web3 .theme-bar a {
  color: #a78bfa;
  text-decoration: none;
}

html.theme-web3 .theme-bar a:hover {
  color: #c4b5fd;
  text-decoration: underline;
}

html.theme-web3 .theme-bar a.theme-active {
  background: linear-gradient(135deg, #7c3aed 0%, #db2777 100%);
  border-radius: 999px;
  color: #ffffff;
  padding: 3px 12px;
}

html.theme-bootstrap .theme-bar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  color: #333333;
  margin: 0 -15px 15px;
  padding: 8px 15px;
}

html.theme-bootstrap .theme-bar a {
  color: #337ab7;
  text-decoration: none;
}

html.theme-bootstrap .theme-bar a:hover {
  color: #23527c;
  text-decoration: underline;
}

html.theme-bootstrap .theme-bar a.theme-active {
  background-color: #337ab7;
  border-radius: 4px;
  color: #ffffff;
  padding: 3px 10px;
}

.theme-bar-sep {
  margin: 0 4px;
}