/*
 * Globals
 */

/*
 * Base structure
 */

body {
  background-color: #fff;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #231815;
  font-family: sans-serif;
}

@media (orientation: landscape) and (max-height: 500px){
  .h-100 {
    height: auto !important;
  }
}



a {
  text-decoration: none;
}

a:link {
  color: #231815;
  text-decoration: none;
}
a:visited {
  color: #231815;
}
a:active {
  color: #e5395d;
}
a:hover {
  color: #e5395d;
  text-decoration: underline;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

a.btn-ghibli:link {
  color: #fff;
  text-decoration: none;
}
a.btn-ghibli:visited {
  color: #fff;
}
a.btn-ghibli:focus {
  color: #fff;
}
a.btn-ghibli:hover {
  color: #fff;
}
a.btn-ghibli:active {
  color: #fff;
}

.btn-ghibli {
  background-color: #221815;
  text-align: left;
  border-radius: 7px;
}
.btn-ghibli:focus,
.btn-ghibli.focus {
  background-color: #e5395d;
}
.btn-ghibli:hover {
  background-color: #e5395d;
}
.btn-ghibli:active {
  background-color: #e5395d;
}

@media (max-width: 576px) {
  .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}


.modal-content {
  background-color: #181818;
  color: #fff;
}
.modal-header {
  border-bottom: none;
}
.modal-body {
  padding: 0 3px;
}

.modal-footer {
  border-top: none;
}
.close {
  color: #fff;
}

.close:hover {
  color: #fff;
}


.list-ghibli {
  border-radius: 0;
  padding: 0;
}

.list-ghibli > .list-group-item {
  border: none;
  background-color: transparent;
  padding: .2rem 0;
}

.list-ghibli > .list-group-item:last-child {
  border-bottom-width: 0;
}


.cooperation {
  font-size: 70%;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}