/** Variáveis **/
@azul: #1692EE;
@roxo: #00017D;
@azul-bg: #0257B1;
@azul-borda: #A1D1FD;

/** Funções **/
.border-radius(@raio: 40px){
    border-radius: @raio;
    -webkit-border-radius: @raio;
    -moz-border-radius: @raio;
}

.text-shadow(@x: 2px, @y: 2px, @spread: 2px, @color: black  ){
    text-shadow: @x @y @spread @color;
    -webkit-text-shadow: @x @y @spread @color;
    -moz-text-shadow: @x @y @spread @color;
}

.openSans(){
    font-family: 'Open Sans', sans-serif;
}

.transform(@func){
    transform: @func;
    -webkit-transform: @func;
}

.transition(@time: 380ms, @effect: ease-in-out){
    transition: all @time @effect;
}

/** genéricas **/
.no-margin{
    margin: 0;
}

.border-test{
    border: 2px solid red;
}

.img-responsive{
    width: 100%;
}

.no-padding-left{
    padding-left: 0!important;
}

.no-padding-right{
    padding-right: 0!important;
}

.opacity0{
    opacity: 0.9;
    .transition(1000, ease-in-out);
}

/** Versão Desktop **/
//Header
.header{
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    .border-radius(20px);

    ul{
        font-family: 'Bau', sans-serif;
        font-size: 1.3rem;
        margin: 0;
        padding: 0;
        li{
            display: inline-block;
            margin: 0;
            padding: 0;
            a{
                color: @roxo;
            }
        }
    }

    .header-slide{
        position: relative;
        left: 0;
        overflow: hidden;
        height: 135px;

        img{
            position: absolute;
            top: -30%;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            min-height: 30rem;
            opacity: 0;
        }

        .animate{
            position: absolute;
            -webkit-animation-name: animate; /* Safari 4.0 - 8.0 */
            -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
            animation-name: animate;
            animation-duration: 6s;
            animation-delay: 680ms;
            transition: all 580ms ease-in-out;
            opacity: 1;
        }

        @keyframes animate {
            0% {
                top: -30%;
            }
            55%{
                top: -170%;
            }
            85%{
                top: -170%;
            }
            100% {
                top: -169%;
            }
        }

        @-webkit-keyframes animate {
            0% {
                top: -30%;
            }
            55%{
                top: -170%;
            }
            85%{
                top: -170%;
            }
            100% {
                top: -169%;
            }
        }

    }
}


/** Informações de Contato **/
tr.desktop-contato{
    font-family: Bau, 'sans-serif';
    font-size: 1.2rem;
    color: @roxo;
    text-align: center;

    a{
        color: @roxo;
        text-decoration: none;
    }
}

/** Obras **/
tr.obras{
a{
    position: relative;
    display: inline-block;
}

 img.posts{
     position: relative;
     .transform( scale(.94) );
    .border-radius(10px);

    &:hover{
        .transform( scale(1.01) );
        .transition();
    }
 }

 span.title-over{
     position: absolute;
     top: 10px;
     left: 50%;
     z-index: 10;
     font-family: Bau, 'sans-serif';
     color:white;
     text-align: center;
     .text-shadow();
     .transform( translateX( -50% ) );
 }
}

/** Loop de Posts **/
.loop-post{

}

/** General Contents **/
.content-scroll{
  display: block;
  overflow-x: hidden;
  max-height: 450px;
}

/** Post Gallery **/
.post-gallery{
    img{
        cursor: pointer;
        .border-radius(7px);
    }
}

.gallery-thumbs{
  position: relative;
  max-height: 510px;
  overflow-x: hidden;

  .gallery-contents{
    position: relative;
    height: 100%;
    display: block;
  }
}

/** Formulário de Contato **/
.nf-form-cont{
  input{
    height: 27px!important;
    padding: 7px!important;
    background: #376FA6!important;
    color: white!important;
    font-size: 14px!important;
    font-weight: 300!important;
  }

  input[type='button']{
    padding: 5px 12px 20px 12px!important;
    margin: 0!important;
  }

  textarea{
    background: #376FA6!important;
    color: white!important;
    font-size: 14px!important;
    font-weight: 300!important;
    height: 100px!important;
  }

  .nf-error.field-wrap .nf-field-element:after {
    height: auto!important;
    width: 26px!important;
    height: auto!important;
    line-height: 30px!important;
  }

  .nf-pass.field-wrap .nf-field-element:after {
    right: 0px!important;
    line-height: 30px!important;
    font-size: 28px!important;
   }

  .nf-form-content label {
    font-size: 12px;
    line-height: 20px;
    font-weight: 200;
  }

  .label-above .nf-field-label {
    margin-bottom: 0px!important;
   }

}

/** Controle de Versão **/

.mobile-site{
  display: none;
}

@media screen and (max-width: 992px){
  .desktop-site{
    display: none;
  }

  .mobile-site{
    display: block;
  }

  body{
    background: white;
  }

}