/**
 * Font-family disponiveis
 */
/**
 * Media Query
 */
body {
  background-image: url(../../img/historia-bg.jpg);
  background-position: center top;
  background-size: cover; }

#site-header .header-inner .header-navigation-wrapper {
  background-image: url(../../img/menu-nuvens-historia.png); }
#site-header .btn-menu-collapsed {
  background-image: url(../../img/menu-nuvens-mini-historia.png); }
@media (max-width: 800px) {
  #site-header .primary-menu-wrapper {
    background-color: #eCcA80;
    border-color: rgba(231, 189, 97, 0.7); } }
#site-header .sub-menu {
  background-image: url(../../img/menu-nuvens-mini-historia.png), url(../../img/menu-nuvens-mini-historia.png) !important; }

.container {
  min-height: 0vh; }
  .container .entry-content {
    background-color: #fff;
    left: 50%;
    position: fixed;
    top: 20vh;
    transform: translateX(-50%);
    z-index: 12; }
    .container .entry-content .bg-prop {
      visibility: hidden;
      display: block;
      width: 100%; }
    .container .entry-content p {
      background-color: #fff;
      background-position: center top;
      background-size: cover;
      display: block;
      height: 100%;
      left: 0;
      margin: 0;
      opacity: 0;
      padding: 0;
      position: absolute;
      top: 0;
      width: 100%; }
      .container .entry-content p .bg {
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%; }
      .container .entry-content p .text-content {
        color: #631F22;
        font-family: "Norican", cursive;
        font-size: 3.3vh;
        font-weight: normal;
        height: 30%;
        left: 25%;
        line-height: 1.2em;
        overflow: auto;
        position: absolute;
        text-align: center;
        top: 17%;
        width: 50%; }
        @media (max-width: 1200px) {
          .container .entry-content p .text-content {
            font-size: 15px; } }
        @media (orientation: portrait) and (max-width: 800px) {
          .container .entry-content p .text-content {
            font-size: 16px;
            height: 35%;
            left: 10%;
            top: 12%;
            width: 80%; } }
      .container .entry-content p:nth-of-type(3) .text-content {
        height: 45%; }
      .container .entry-content p:nth-of-type(4) .text-content {
        left: 30%;
        width: 40%; }
        @media (max-width: 800px) {
          .container .entry-content p:nth-of-type(4) .text-content {
            left: 27%;
            width: 46%;
            height: 35%;
            top: 12%; } }
        @media (orientation: portrait) and (max-width: 800px) {
          .container .entry-content p:nth-of-type(4) .text-content {
            left: 10%;
            top: 15%;
            width: 80%; } }
    .container .entry-content .btn-close {
      background-image: url(../../img/icons/close.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 60% auto;
      cursor: pointer;
      height: 50px;
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
      z-index: 10; }
    .container .entry-content .btn-prev, .container .entry-content .btn-next {
      background-image: url(../../img/icons/seta.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 60% auto;
      cursor: pointer;
      height: 50px;
      position: absolute;
      top: 50%;
      width: 50px;
      z-index: 10; }
    .container .entry-content .btn-prev {
      left: 0;
      transform: translateY(-50%) scaleX(-1); }
    .container .entry-content .btn-next {
      right: 0;
      transform: translateY(-50%); }
    .container .entry-content .btn-speech {
      align-items: center;
      background-image: url(../../img/menu-nuvens.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      bottom: 0;
      color: #ef395d;
      cursor: pointer;
      display: flex;
      visibility: hidden;
      height: 40px;
      padding: 0 10px 0 20px;
      position: absolute;
      right: 0;
      z-index: 10; }
      .container .entry-content .btn-speech:before {
        background-image: url(../../img/icons/seta.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        content: '';
        display: inline-block;
        margin: 0 0.5em 0 0;
        height: 1em;
        width: 1em; }

#site-footer {
  position: fixed; }
  @media (max-width: 600px) {
    #site-footer {
      position: fixed !important;
      height: calc(130px + (100vw / 20)) !important;
      bottom: 0 !important; } }

/*# sourceMappingURL=historia.css.map */