.btn-gryffindor { 
color: #ffffff; 
background-color: #BD1B1B; 
border-color: #870000; 
} 
 
.btn-gryffindor:hover, 
.btn-gryffindor:focus, 
.btn-gryffindor:active, 
.btn-gryffindor.active, 
.open .dropdown-toggle.btn-gryffindor { 
  color: #ffffff; 
  background-color: #7A2424; 
  border-color: #870000; 
} 
 
.btn-gryffindor:active, 
.btn-gryffindor.active, 
.open .dropdown-toggle.btn-gryffindor { 
  background-image: none; 
} 
 
.btn-gryffindor.disabled, 
.btn-gryffindor[disabled], 
fieldset[disabled] .btn-gryffindor, 
.btn-gryffindor.disabled:hover, 
.btn-gryffindor[disabled]:hover, 
fieldset[disabled] .btn-gryffindor:hover, 
.btn-gryffindor.disabled:focus, 
.btn-gryffindor[disabled]:focus, 
fieldset[disabled] .btn-gryffindor:focus, 
.btn-gryffindor.disabled:active, 
.btn-gryffindor[disabled]:active, 
fieldset[disabled] .btn-gryffindor:active, 
.btn-gryffindor.disabled.active, 
.btn-gryffindor[disabled].active, 
fieldset[disabled] .btn-gryffindor.active { 
  background-color: #BD1B1B; 
  border-color: #870000; 
} 
 
.btn-gryffindor .badge { 
  color: #BD1B1B; 
  background-color: #ffffff; 
}

.text-gryffindor {
  color: #BD1B1B !important;
}

a.text-gryffindor:hover, a.text-gryffindor:focus {
  color: #870000 !important;
}

.border-gryffindor {
  border-color: #BD1B1B !important;
}

	.btn-ravenclaw { 
  color: #ffffff; 
  background-color: #2F6AA0; 
  border-color: #214C73; 
} 
 
.btn-ravenclaw:hover, 
.btn-ravenclaw:focus, 
.btn-ravenclaw:active, 
.btn-ravenclaw.active, 
.open .dropdown-toggle.btn-ravenclaw { 
  color: #ffffff; 
  background-color: #214C73; 
  border-color: #214C73; 
} 
 
.btn-ravenclaw:active, 
.btn-ravenclaw.active, 
.open .dropdown-toggle.btn-ravenclaw { 
  background-image: none; 
} 
 
.btn-ravenclaw.disabled, 
.btn-ravenclaw[disabled], 
fieldset[disabled] .btn-ravenclaw, 
.btn-ravenclaw.disabled:hover, 
.btn-ravenclaw[disabled]:hover, 
fieldset[disabled] .btn-ravenclaw:hover, 
.btn-ravenclaw.disabled:focus, 
.btn-ravenclaw[disabled]:focus, 
fieldset[disabled] .btn-ravenclaw:focus, 
.btn-ravenclaw.disabled:active, 
.btn-ravenclaw[disabled]:active, 
fieldset[disabled] .btn-ravenclaw:active, 
.btn-ravenclaw.disabled.active, 
.btn-ravenclaw[disabled].active, 
fieldset[disabled] .btn-ravenclaw.active { 
  background-color: #BD1B1B; 
  border-color: #870000; 
} 
 
.btn-ravenclaw .badge { 
  color: #BD1B1B; 
  background-color: #ffffff; 
}

.text-ravenclaw {
  color: #2F6AA0 !important;
}

a.text-ravenclaw:hover, a.text-ravenclaw:focus {
  color: #214C73 !important;
}

.border-ravenclaw {
  border-color: #214C73 !important;
}

.text-muggle {
  color: #FDFDFD !important;
}

.text-mugglelink {
  color: #D6AD32 !important;
}

a.text-mugglelink:hover, a.text-muggle:focus {
  color: #ab8a28 !important;
}

.border-muggle {
  border-color: #FDFDFD !important;
}

.text-shadow {
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

img.itemimage {
    width: 50%;
}

img.itemimage-coverimage {
    width: 100%;
}

.verticalcenterdiv {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  padding: 20px;
  transform: translateY(-50%);
  resize: vertical;
  overflow: auto;
}

.btn-menuitemimage {
    display: block;
}