/* Theme «hacks4geeks» para Enlighter
 *
 * Las reglas que compiten con el CSS base de Enlighter llevan además la clase
 * «.enlighter-default» en el selector. Esto sube su especificidad y hace que
 * ganen independientemente del orden de carga: con «Dynamic Resource Invocation»
 * activado, Enlighter inyecta su CSS por JavaScript y este archivo queda antes
 * en la cascada, de modo que sin ese refuerzo perderíamos los empates.
 * El resto de reglas no colisionan con nada y no lo necesitan.
 */

.enlighter-default.enlighter-t-hacks4geeks{
  font-family: Inconsolata,Consolas,"Source Code Pro","Liberation Mono","Courier New",Courier,monospace;
  background-color: #1e1e1e;
  font-size: 10px;
  color: #d8dee9;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar{
  top: 10px;
  right: 10px;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-btn{
  font-family: "Open Sans",Arial,Verdana,sans-serif;
  background-image: none;
  background-color: #2a2a2a;
  color: #d8dee9;
  font-size: 1.1em;
  padding: 2px 8px 2px 8px;
  margin: 0 5px 0 5px;
  border: solid 1px #4c566a;
  border-radius: 4px;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-btn:hover{
  background-color: #353535;
  color: #eceff4;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-raw{
  background-image: none;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-raw:after{
  content: 'Raw';
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-copy{
  background-image: none;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-copy:after{
  content: 'Copy';
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-window{
  background-image: none;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-window:after{
  content: 'Extern';
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-website{
  background-image: none;
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-toolbar .enlighter-btn-website:after{
  content: 'EnlighterJS';
}

.enlighter-default.enlighter-t-hacks4geeks .enlighter-raw{
  font-size: 1.3em;
  color: #d8dee9;
  background-color: #1e1e1e;
  line-height: 1.85em;
  padding: 4px 5px 4px 54px;
}

.enlighter-t-hacks4geeks div.enlighter>div{
  padding: 1px 5px 1px 14px;
  line-height: 1.6em;
  color: #4c566a;
  background-color: #1e1e1e;
}

.enlighter-t-hacks4geeks div.enlighter>div:first-child{
  padding-top: 5px;
}

.enlighter-t-hacks4geeks div.enlighter>div:last-child{
  padding-bottom: 5px;
}

.enlighter-t-hacks4geeks div.enlighter>div:after{
  content: ' ';
}

.enlighter-t-hacks4geeks div.enlighter>div.enlighter-special{
  background-color: #2a2a2a;
}

.enlighter-t-hacks4geeks.enlighter-linenumbers div.enlighter>div::before{
  padding: 1px 5px 1px 14px;
  font-size: 1.2em;
  color: #4c566a;
}

.enlighter-t-hacks4geeks.enlighter-hover div.enlighter>div:hover{
  background-color: #2a2a2a;
}

.enlighter-t-hacks4geeks .enlighter span{
  font-size: 1.3em;
}

.enlighter-t-hacks4geeks .enlighter-text{
  color: #d8dee9;
}

/* Comentarios */

.enlighter-t-hacks4geeks .enlighter-c0{
  color: #616e88;
  font-style: italic;
}

.enlighter-t-hacks4geeks .enlighter-c1{
  color: #616e88;
  font-style: italic;
}

.enlighter-t-hacks4geeks .enlighter-c2{
  color: #616e88;
  font-style: italic;
}

.enlighter-t-hacks4geeks .enlighter-c9{
  color: #81a1c1;
}

/* Palabras clave */

.enlighter-t-hacks4geeks .enlighter-k0{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-k1{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-k2{
  color: #ebcb8b;
  border-bottom: dotted 1px #ebcb8b;
}

.enlighter-t-hacks4geeks .enlighter-k3{
  color: #81a1c1;
}

.enlighter-t-hacks4geeks .enlighter-k4{
  color: #81a1c1;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-k5{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-k6{
  color: #b48ead;
  font-style: italic;
}

.enlighter-t-hacks4geeks .enlighter-k7{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-k8{
  color: #88c0d0;
}

.enlighter-t-hacks4geeks .enlighter-k9{
  color: #eceff4;
}

.enlighter-t-hacks4geeks .enlighter-k10{
  color: #88c0d0;
  font-style: italic;
}

.enlighter-t-hacks4geeks .enlighter-k11{
  color: #8fbcbb;
}

/* Expresiones y operadores */

.enlighter-t-hacks4geeks .enlighter-e0{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-e1{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-e2{
  color: #ebcb8b;
}

.enlighter-t-hacks4geeks .enlighter-e3{
  color: #bf616a;
}

.enlighter-t-hacks4geeks .enlighter-e4{
  color: #d08770;
  font-style: italic;
}

/* Cadenas */

.enlighter-t-hacks4geeks .enlighter-s0{
  color: #a3be8c;
}

.enlighter-t-hacks4geeks .enlighter-s1{
  color: #a3be8c;
}

.enlighter-t-hacks4geeks .enlighter-s2{
  color: #a3be8c;
}

.enlighter-t-hacks4geeks .enlighter-s3{
  color: #a3be8c;
}

.enlighter-t-hacks4geeks .enlighter-s4{
  color: #a3be8c;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-s5{
  color: #8fbcbb;
  font-style: italic;
}

/* Números */

.enlighter-t-hacks4geeks .enlighter-n0{
  color: #d08770;
}

.enlighter-t-hacks4geeks .enlighter-n1{
  color: #d08770;
}

.enlighter-t-hacks4geeks .enlighter-n2{
  color: #d08770;
}

.enlighter-t-hacks4geeks .enlighter-n3{
  color: #d08770;
}

.enlighter-t-hacks4geeks .enlighter-n4{
  color: #d08770;
}

.enlighter-t-hacks4geeks .enlighter-n5{
  color: #d08770;
}

/* Métodos y funciones */

.enlighter-t-hacks4geeks .enlighter-m0{
  color: #88c0d0;
}

.enlighter-t-hacks4geeks .enlighter-m1{
  color: #88c0d0;
}

.enlighter-t-hacks4geeks .enlighter-m2{
  color: #88c0d0;
}

.enlighter-t-hacks4geeks .enlighter-m3{
  color: #88c0d0;
}

/* Elementos genéricos */

.enlighter-t-hacks4geeks .enlighter-g0{
  color: #8fbcbb;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-g1{
  color: #8fbcbb;
  font-weight: 700;
}

/* Tipos y etiquetas */

.enlighter-t-hacks4geeks .enlighter-t0{
  color: #8fbcbb;
}

.enlighter-t-hacks4geeks .enlighter-t1{
  color: #bf616a;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-t2{
  color: #d08770;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-t3{
  color: #b48ead;
}

.enlighter-t-hacks4geeks .enlighter-t4{
  color: #81a1c1;
}

.enlighter-t-hacks4geeks .enlighter-t5{
  color: #88c0d0;
}

.enlighter-t-hacks4geeks .enlighter-t6{
  color: #bf616a;
}

.enlighter-t-hacks4geeks .enlighter-t7{
  color: #8fbcbb;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-t8{
  color: #8fbcbb;
}

/* Tokens especiales */

.enlighter-t-hacks4geeks .enlighter-x1{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-x2{
  color: #ebcb8b;
  border-bottom: dotted 1px #ebcb8b;
}

.enlighter-t-hacks4geeks .enlighter-x10{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-x11{
  color: #b48ead;
  font-weight: 700;
}

.enlighter-t-hacks4geeks .enlighter-x12{
  color: #88c0d0;
  text-decoration: underline;
}

.enlighter-t-hacks4geeks .enlighter-x13{
  color: #ebcb8b;
  border-bottom: dotted 1px #ebcb8b;
}

.enlighter-t-hacks4geeks .enlighter-x14{
  color: #d08770;
  font-style: italic;
}

.enlighter-t-hacks4geeks .enlighter-x15{
  color: #bf616a;
  font-style: italic;
}

/* Grupos de código */

.enlighter-t-hacks4geeks.enlighter-v-codegroup .enlighter-codegroup-wrapper{
  position: relative;
}

.enlighter-t-hacks4geeks.enlighter-v-codegroup .enlighter-codegroup-switch{
  padding: 5px 5px 0 45px;
  background-color: #2a2a2a;
}

.enlighter-t-hacks4geeks.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn{
  padding: 2px 8px 0 8px;
  border: none;
  background-color: transparent;
  line-height: 2.1em;
  font-weight: 700;
  color: #d8dee9;
  border-radius: 5px 5px 0 0;
  text-transform: lowercase;
}

.enlighter-t-hacks4geeks.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn:hover{
  color: #eceff4;
  background-color: #353535;
}

.enlighter-t-hacks4geeks.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active{
  background-color: #1e1e1e;
  color: #88c0d0;
}

.enlighter-t-hacks4geeks div.enlighter>div.enlighter-special:hover{
  background-color: #353535;
}

.enlighter-t-hacks4geeks .enlighter-x16{
  color: #bf616a;
}