/**
 * Font-family disponiveis
 */
/**
 * Media Query
 */
/*
Buttons
*/
.btn-1 {
  align-self: flex-start;
  background-color: #8e14e6;
  background-image: linear-gradient(-195deg, #ffffff 0%, #8e14e6 70%);
  border-radius: 2em;
  border: solid 6px #8e14e6;
  box-shadow: 5px 14px 10px -15px #000000;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 27px;
  font-weight: bold;
  justify-content: center;
  line-height: 100%;
  overflow: hidden;
  padding: 0.4em 3em 0.4em 0.5em;
  position: relative;
  text-decoration: none;
  transform: perspective(200px);
  width: auto; }
  .btn-1:before {
    background-color: #8e14e6;
    background-image: linear-gradient(-195deg, #ffffff 0%, #8e14e6 70%);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1; }
  .btn-1 .label {
    display: block;
    position: relative;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transform-origin: 0 50%;
    z-index: 2; }
  .btn-1 .icon {
    background-image: url(../../img/icons/seta-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    border-radius: 50%;
    border: dotted 2px transparent;
    height: 1.2em;
    margin-top: -0.6em;
    position: absolute;
    right: 0.2em;
    top: 50%;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    width: 1.2em;
    z-index: 2; }
  .btn-1:hover .label {
    transform: scale(0.8); }
  .btn-1:hover .icon {
    /*animation: btn-icon-rotate-y 1.4s linear infinite;*/
    border: dotted 2px rgba(255, 255, 255, 0.4); }
  .btn-1:hover:before {
    filter: url(#game-btn-bg); }
  @media (max-width: 1000px) {
    .btn-1 {
      font-size: 20px; }
      .btn-1 .icon:after {
        border-right-width: 2px;
        border-bottom-width: 2px; } }

@keyframes btn-icon-rotate-y {
  to {
    transform: rotateY(360deg); } }
/*
Lists
*/
.list-post-1 {
  list-style: none;
  padding: 0 20px;
  max-width: 960px;
  margin: 0 auto; }
  .list-post-1 li {
    align-items: stretch;
    display: flex;
    justify-content: stretch;
    margin-bottom: 30px; }
    .list-post-1 li .foto {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 250px;
      width: 50%; }
      @media (max-width: 800px) {
        .list-post-1 li .foto {
          height: 200px;
          width: auto; } }
    .list-post-1 li .info {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      width: 50%;
      padding: 3% 5%; }
      .list-post-1 li .info .titulo {
        font-size: 30px;
        font-weight: bold;
        color: #f68228;
        margin: 0 0 0.5em 0; }
        @media (max-width: 1000px) {
          .list-post-1 li .info .titulo {
            /*font-size: 25px;*/ } }
      .list-post-1 li .info .descricao {
        color: #631f22;
        flex-grow: 1;
        font-size: 20px;
        font-family: "museo_sans_rounded", sans-serif;
        margin-bottom: 0.5em; }
        .list-post-1 li .info .descricao p {
          margin-top: 0px;
          margin-bottom: 0.5em; }
          .list-post-1 li .info .descricao p:last-item {
            margin-bottom: 0; }
      @media (max-width: 800px) {
        .list-post-1 li .info {
          width: auto; } }
    @media (max-width: 800px) {
      .list-post-1 li {
        flex-direction: column; } }

#bloqueio-cadastro-bg {
  background-color: rgba(179, 211, 52, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50; }

#bloqueio-cadastro {
  background-color: #fff;
  left: 50%;
  max-width: 1200px;
  padding: 30px;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  z-index: 60; }
  #bloqueio-cadastro p {
    color: #f36d21;
    font-size: 20px; }
  #bloqueio-cadastro .btn-1 {
    border-color: #f36d21;
    background-color: #f36d21;
    background-image: linear-gradient(-195deg, #ffffff 0%, #f36d21 70%);
    margin-bottom: 10px; }
    #bloqueio-cadastro .btn-1:before {
      background-color: #f36d21;
      background-image: linear-gradient(-195deg, #ffffff 0%, #f36d21 70%); }
  #bloqueio-cadastro .btn-login {
    font-size: 16px; }
  #bloqueio-cadastro .btn-close {
    background-image: url(../../../img/icons/close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 10; }

body {
  background-color: #b3d334; }

#site-header .header-inner .header-navigation-wrapper {
  background-image: url(../../img/menu-nuvens.png); }
#site-header .primary-menu .menu-item:before {
  opacity: 0.8; }

#game-list {
  list-style: none;
  padding: 0 20px;
  max-width: 960px;
  margin: 0 auto; }
  #game-list li {
    align-items: stretch;
    display: flex;
    justify-content: stretch;
    margin-bottom: 30px; }
    #game-list li .foto {
      min-height: 250px;
      position: relative;
      overflow: hidden;
      width: 50%; }
      #game-list li .foto .bg {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: transform 1.4s cubic-bezier(0.19, 1, 0.22, 1);
        width: 100%; }
      #game-list li .foto:hover .bg {
        transform: scale(1.1); }
      @media (max-width: 800px) {
        #game-list li .foto {
          height: 200px;
          width: auto; } }
    #game-list li .info {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      padding: 40px;
      width: 50%; }
      #game-list li .info .titulo {
        color: #f68228;
        font-size: 30px;
        margin: 0 0 0.5em 0; }
        @media (max-width: 1000px) {
          #game-list li .info .titulo {
            /*font-size: 25px;*/ } }
        @media (max-width: 800px) {
          #game-list li .info .titulo {
            font-size: 22px; } }
        @media (max-width: 600px) {
          #game-list li .info .titulo {
            font-size: 18px; } }
      #game-list li .info .descricao {
        color: #631f22;
        flex-grow: 1;
        font-size: 26px;
        font-family: "museo_sans_rounded", sans-serif;
        margin-bottom: 0.5em; }
        #game-list li .info .descricao p {
          margin-top: 0px;
          margin-bottom: 0.5em; }
          #game-list li .info .descricao p:last-item {
            margin-bottom: 0; }
        @media (max-width: 800px) {
          #game-list li .info .descricao {
            font-size: 18px; } }
        @media (max-width: 600px) {
          #game-list li .info .descricao {
            font-size: 14px; } }
      @media (max-width: 600px) {
        #game-list li .info .btn-game {
          border-width: 3px;
          font-size: 16px; } }
      @media (max-width: 800px) {
        #game-list li .info {
          width: auto; } }
    @media (max-width: 800px) {
      #game-list li {
        flex-direction: column; } }

#bloqueio-cadastro .btn-1 .icon {
  background-image: url(../../img/icons/seta-2.png); }

#game-container {
  background-color: #fff;
  bottom: 10px;
  box-shadow: 0 0 10px 10px #999;
  left: 10px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 10px;
  top: 10px;
  transform: scale(0.9);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1000; }
  #game-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 1; }
  #game-container .btn-close {
    align-items: center;
    background: #8e14e6;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: "solway", serif;
    font-size: 20px;
    height: 35px;
    justify-content: center;
    padding: 0 12px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 10; }
    #game-container .btn-close:hover {
      top: 3px;
      right: 3px;
      box-shadow: 5px -5px 2px 0px #9869b9; }
  #game-container.active {
    opacity: 1;
    pointer-events: all;
    transform: scale(1); }

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