/* GENERAL STYLES FOR ALL PAGES */
* {
  margin:0; 
  padding:0;
  box-sizing: border-box;
}

a {
  transition: .5s ease;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
}

button:hover{
  transition: .5s ease;  
}

.faded:hover{
  opacity: 0.7;
}

.space-5 {
  width: 100%;
  height: 5px;
}

.space-10 {
  width: 100%;
  height: 10px;
}

.space-20 {
  width: 100%;
  height: 20px;
}

.invisible{
  visibility: hidden;
}

.hidden{
  visibility: hidden;
}

.visible{
  visibility: visible;
}

.hide{
  display: none;
}

.show{
  display: block;
}

.display-block{
  display: block;
}

.display-none{
  display: none;
}

.media-display-block{
  display: none;
}

.outlined {
  outline: 1px solid #0077B3;
}

.bordered {
  border: 1px solid #E0E0E0;
}

.noborder{
  border: none;
}

.radius7px{
  border-radius: 7px;
}

.center{
  justify-content: center;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.pointer{
  cursor: pointer;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.transparent{
  background: transparent;
}

.scroll150px{
  max-height: 150px; 
  overflow: auto;
}

/*--- INNER LINKING STARTS ---*/
.position {  
  margin: 10px 10px 0 10px;
}

.position a {
  color: green;
  text-decoration: none;
}

.position a.active {
  color: #666;
}
/*--- INNER LINKING STARTS ---*/