/*
Theme Name: Roquesa
Theme URL: http://yourdomain.com
Description: WP Bootstrap Starter Child
Template: wp-bootstrap-starter
Version: 1.0.0
*/
@font-face {
  src: url(css/font/Jaapokki-Regular.otf);
  font-family: 'jaapokki';
}

.font-jaapo {
  font-family: 'jaapokki';
}

@font-face {
  src: url(css/font/HEADOH__.otf);
  font-family: 'heldoh';
}

.font-heldoh {
  font-family: 'heldoh';
}

@font-face {
  src: url(css/font/Gotham-Book.otf);
  font-family: 'gothan-book';
}

.font-gothan {
  font-family: 'gothan-book';
}

@font-face {
  src: url(css/font/Gotham-Bold.otf);
  font-family: 'gothan-bold';
}

.font-gothan-bold {
  font-family: 'gothan-bold';
}

@font-face {
  src: url(css/font/CenturyGothic.ttc);
  font-family: 'century';
}

.font-century {
  font-family: 'century';
}

.star img {
  position: absolute;
  width: 40px;
}

.star-small img {
  position: absolute;
  width: 25px;
}


.rt-0 {
  right: 0;
}

html,
body {
  font-family: 'jaapokki';
}

.text-yl {
  color: #faefc3;
}

.text-red {
  color: #d12235;
}

.btn.bg-red:hover,
.btn.bg-red:focus,
.btn.bg-red:active,
.btn.bg-red:disabled {
  background: #d12235 !important;
  border: none;
}

.bg-red {
  background: #d12235;
}

a:hover {
  color: #d12235;
}

.bg-yl {
  background: #faefc3;
}

.bg-dark {
  background: #000 !important
}

.text-dark {
  color: #000 !important
}

.line-height-1 {
  line-height: 1;
}

.z-index-2 {
  z-index: 2
}

hr {
  border-top: 10px solid rgba(0, 0, 0, .1);
}

#masthead,
#colophon {
  background: #000 url(img/mayamenu.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#masthead .navbar-brand .logo,
#colophon .logo-foo img,
.whs {
  max-height: 70px
}

#main-nav a {
  color: #faefc3;
  margin: 0 2rem
}

.wrap-contacto {
  position: absolute;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.8);
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease
}

.wrap-contacto.active {
  visibility: visible;
  opacity: 1;
  transition: all .5s ease
}

@media only screen and (max-width: 991px) {
  .wh-top {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 9
  }

  footer .whs {
    display: none;
  }
}

@media only screen and (max-width: 768px) {


  .star img {
    position: absolute;
    width: 25px;
  }


  .star-small img {
    position: absolute;
    width: 18px;
  }

  .bg-dark-m {
    background: #000 !important
  }

  .bg-red-m {
    background: #d12235;
  }
}