/* 
Theme Name: Gabriel 
Theme Author: Marcelo Vieira - marcelovieira1995@gmail.com 
Description: HTML/CSS/JS Version: 1.50 
*/

* {
    font-family: 'Averia Libre', cursive;
}
a {
    font-family: 'Averia Libre', cursive;
    color: #fff;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1253px;    
}

body.page-artista {
    background: #2bb673 url('img/background_Home_Gabriel-01.jpg') no-repeat center center;
    background-size: cover;
}
.page-artista ul.dropdown-menu {
    background: #286547;
}
.page-artista .footer {
    background-color: #286547;
}
.comeca-form-contato-inscrevase {
    width: 80%;
    padding: 10px;
    margin: auto;
}
.lista-videos iframe {
    width: 100%;
}
a img,
map,
map area {
    outline: none;
}
html .comeca-form-contato-inscrevase .input-group.textarea {
    width: 97%;
}
.comeca-form-contato-inscrevase form {
    padding: 10px;
}
.page.page-id-89 h2 {
    text-align: center;
}
body.page-artista .header nav.navbar {
    background: #286547;
}
body.page-artista button.navbar-toggle {
    background: #2bb673;
}
body.page-artista button.navbar-toggle span.icon-bar {
    background: #fff;
}
body.page-ator {
    background: #e71c24 url('img/background_Ator.png') no-repeat center center;
    background-size: cover;
}
.page-ator ul.dropdown-menu {
    background: #751113;
    margin-left: -8px;
}
.page-ator .footer {
    background-color: #751113;
}
body.page-ator .header nav.navbar {
    background: #751113;
}
body.page-ator button.navbar-toggle {
    background: #e71c24;
}
body.page-ator button.navbar-toggle span.icon-bar {
    background: #fff;
}
body.page-artista .copyright p {
    border-top: 15px solid #6cc290;
}
body.page-ator .copyright p {
    border-top: 15px solid #ed6e51;
}
.header li {
    padding-bottom: 0px;
}
.header li a:hover {
    background: rgba(0, 0, 0, 0) url('img/menu-hover.png') no-repeat 56% 103% !important;
    color: #fff;
    background-size: 126px !important;
}
div#myNavbar {
    padding-top: 10px;
    padding-left: 156px;
    padding-bottom: 10px;
    /* text-align: center; */
}
body .header > nav.navbar {
    margin-top: 4%;
}
a.navbar-brand > img {
    top: -60px;
    position: relative;
    z-index: 9999;
}
.header ul.nav.navbar-nav > li {
    border-left: 1px solid rgba(255, 255, 255, 0.52);
    padding-left: 40px;
    padding-right: 40px;
    font-size: 22px;
}
.header ul.nav.navbar-nav > li:first-child {
    border: none;
}
ul.dropdown-menu {
    left: 30px;
    min-width: 83%;
    top: 71px;
}
ul.dropdown-menu a {
    color: #fff;
    padding-bottom: 14px;
}
ul.dropdown-menu li {
    padding: 5px 0px;
    font-size: 16px;
    text-align: center;
}
.lado-experiencias img {
    width: auto;
    margin: auto;
    display: block;
}
.lado-plastico img {
    float: right;
    margin-top: -77px;
    margin-right: 42px;
}
.lado-ator img {
    float: left;
    margin-top: 24px;
    margin-left: -58px;
}
.container.lado-experiencias {
    height: 120px;
    /* min-width: 586px; */
    
    margin: auto;
    /* width: 394px; */
}
.lado-plastico img {
    -ms-transform: rotate(35deg);
    /* IE 9 */
    
    -webkit-transform: rotate(35deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(36deg);
}
.lado-ator img {
    -ms-transform: rotate(35deg);
    /* IE 9 */
    
    -webkit-transform: rotate(35deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(35deg);
}
.footer {
    float: left;
    width: 100%;
    padding: 10px 0px;
    font-size: 16px;
}
.redes-sociais img {
    width: 33px;
    margin: 10px 5px;
}
.copyright p {
    text-align: center;
    font-size: 13px;
    color: #e4d8d8;
    border-top: 15px solid #6cc290;
    padding-top: 15px;
    margin-bottom: 0px;
}
.lista-videos img {
    width: 100%;
}
.lista-videos > div {
    margin-bottom: 10px;
}
.lista-videos p,
.lista-videos a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.lista-videos p {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.lista-videos {
    margin-top: 30px;
}
html .nav .open > a {
    background: transparent;
    background: rgba(0, 0, 0, 0) url(img/menu-hover.png) no-repeat 56% 104% !important;
    color: #fff;
    background-size: 126px !important;
}
section.corpo.foto-e-texto img.foto-esquerda {
    height: 100%;
    height: auto;
    /* width: 100%; */
    width: 100%;
    min-width: 100%;
    /* width: auto; */
    margin: auto;
    /* float: left; */
    margin-right: 20px;
}
section.corpo.foto-e-texto {
    margin-top: -20px;
    margin-left: -16px;
}

section.corpo.foto-e-texto > div {
    height: 1000px;
    overflow: hidden;
}
section.corpo.foto-e-texto p,
section.corpo.foto-e-texto a {
    color: #000;
    text-align: justify;
}

.page-artista .comeca-form-contato {
    background: #6b998f;
}
.page-ator .comeca-form-contato {
    background: #f25159;
}
.form-contato-esquerda .comeca-form-contato {
    width: 90%;
    margin: 80px auto;
    padding: 25px;
    border-radius: 13px;
}
.comeca-form-contato form > div {
    margin: 18px 10px;
}
.input-group.textarea {
    width: 95%;
}
.page-artista .textarea textarea {
    background: #5d806e;
    border: none;
    padding: 10px;
    border-radius: 7px;
}
.textarea textarea {
    width: 101% !important;
    float: left;
    height: 106px !important;
}
.comeca-form-contato h2 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #5b595b;
    padding-bottom: 10px;
    margin-bottom: 19px;
    float: left;
    width: 100%;
    margin-top: 5px;
}
.botao-ler img {
    width: 34px;
    height: auto;
    margin: auto;
    cursor: pointer;
    display: block;
}
.botao-ler img:hover {
    background: #23282d;
}
.botao-ler img.praCima {
    border-top-left-radius: 34px;
    border-top-right-radius: 35px;
}
.botao-ler img.praBaixo {
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 35px;
}
.texto-direita {
    float: right;
    font-size: 18px;
    width: 51%;
    color: #000;
    overflow: hidden;
    height: 100%;
}

.foto-aesquerda {
    width: 47%;
    float: left;
    height: 100%;
    overflow: hidden;
}
.texto-direita .comeca-txt {
    height: 88%;
    overflow: hidden;
    float: left;
    overflow-y: scroll;
    width: 99%;
    position: relative;
    padding-right: 2%;
}
.texto-direita p {
    color: #000;
}
.lista-galeria {
    width: 97%;
    margin: 20px auto;
    display: block;
    float: none;
}
button.slick-arrow::before {
    color: #000;
    font-size: 23px;
}
section.corpo.contato-campos img.foto-esquerda {
    float: right;
    min-width: 100%;
    margin: 0px;
}
section.corpo.contato-campos.foto-e-texto {
    margin-left: 0px;
}

section.center.corpo.contato-campos.foto-e-texto .col-sm-6 {
  padding: 0px;
}

section.corpo.contato-campos.foto-e-texto > div {
    padding-right: 0px;
    height: auto;
}
.comeca-form-contato span.input-group-addon {
    color: #fff;
    border: none;
}
.page-artista .comeca-form-contato span.input-group-addon {
    background: #5d806e;
}
.page-ator .comeca-form-contato span.input-group-addon {
    background: #923031;
}
.page-artista .comeca-form-contato input {
    background: #5d806e;
}
.comeca-form-contato input {
    border: none;
    color: #fff;
    height: 41px;
    font-size: 15px;
    border-radius: 4px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
html body .botao-enviar {
    width: 90px;
    height: 92px !important;
    margin: auto;
    margin-left: -45px;
    left: 50%;
    position: relative;
    color: rgba(0, 0, 0, 0);
    float: none;
    border: none !important;
    background: url(img/botao-enviar.png) no-repeat !important;
    background-size: 100% !important;
}
.textarea textarea {
    color: #fff;
}
.page-ator .textarea textarea {
    background: #923031;
    border: none;
    padding: 10px;
    border-radius: 7px;
}
.page-ator .comeca-form-contato span.input-group-addon {
    background: #red;
}
.page-ator .comeca-form-contato input {
    background: #923031;
}
.box-obras {
    width: 100%;
    background: #fff;
    float: left;
    border-radius: 2px;
    color: #000;
    margin-bottom: 20px;
    padding: 10px 0px;
}
.box-obras * {
    color: #000;
    text-align: center;
}
.box-obras span {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 100;
}
.box-obras img {
    width: 98%;
    height: auto;
    float: none;
    display: block;
    margin: 10px auto;
}
.box-obras img.bt-saiba-mais {
    width: 146px;
    margin-top: 28px;
}
section.corpo.obras-clique {
    margin-top: 51px;
}
section.corpo.obras-clique .texto-direita {
    width: 100%;
}
ul#menu-menu-rodape-geral li a:hover {
    background: rgba(0, 0, 0, 0) url(img/menu-hover.png) no-repeat 56% 104% !important;
    color: #fff;
    background-size: 126px !important;
}
span.wpcf7-not-valid-tip {
    background: none;
    color: #fff !important;
    top: 38px;
    width: 84%;
    position: absolute;
    font-size: 12px !important;
    padding-left: 10px;
    padding-top: 3px;
    text-align: right;
    float: left;
    z-index: 111;
}
span.wpcf7-form-control-wrap {
    position: initial;
}
.texto-box-total {
    margin: 48px 20px;
    color: #23282d;
}
.texto-box-total * {
    color: #23282d;
}
ul#menu-menu-rodape-geral {
    text-align: center;
}
.botao-ler.text-right {
    text-align: center;
    padding: 14px 0px;
    float: left;
    width: 100%;
}
.lista-fotos {
    margin: 30px;
}
.lista-fotos > div {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.box-video iframe {
    width: 100%;
    height: 500px;
}
.os-dois-lados {
    text-align: center;
    color: #000;
    width: 85%;
}
.os-dois-lados a {
    height: 735px;
    width: 321px;
    width: 50%;
    position: relative;
    float: left;
}
.os-dois-lados a:hover {
    background-size: 83%;
}
.lado-plastico {
    background: url('img/v4_Home_Gabriel_artista.png') no-repeat;
    background-size: 80%;
    left: 32px;
    -ms-transform: rotate(35deg);
    top: -25px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.lado-ator {
    background: url('img/v4_Home_Gabriel_ator-01.png') no-repeat;
    background-size: 82%;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    left: -48px;
    top: 86px;
    transform: rotate(35deg);
}
html div.table-responsive {
    min-height: 511px;
}
/*
 *  STYLE 15
 */

 .texto-direita .comeca-txt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(175, 218, 188);
    background-color: #5ebf89;
    border-radius: 10px;
}
.texto-direita .comeca-txt::-webkit-scrollbar {
    width: 10px;
    background-color: #94cea6;
}
.texto-direita .comeca-txt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #99d1aa;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#286547), to(#286547), color-stop(.6, #61bf8a))
}
.page-ator .texto-direita .comeca-txt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(247, 184, 161);
    background-color: #ee7a5d;
    border-radius: 10px;
}
.page-ator .texto-direita .comeca-txt::-webkit-scrollbar {
    width: 10px;
    background-color: #e83229;
}
.page-ator .texto-direita .comeca-txt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #eb5d42;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#751113), to(#751113), color-stop(.6, #e71c24))
}
.lista-fotos img {
    width: 100%;
    height: auto;
}
html .slick-slide img {
    width: 100%;
}
html .page-ator .container {
    width: 100% !important;
}
.lista-custom a img {
    height: auto;
    width: 100%;
    /* display: grid; */
    
    padding: 11px;
}
.lista-custom img.bt-saiba-mais {
    width: 48%;
    margin: auto;
}
.lista-custom .texto-paragrafos {
    color: #000;
    font-size: 18px;
}
.lista-custom a {
    /* float: left; */
    /* margin: 10px; */
    
    height: 269px;
    width: 32.3%;
    text-align: center;
    display: inline-table;
}
/*---------------- Mobile --------------------*/

@media all and (max-width: 780px) {
    .lista-custom a {
        width: 100%;
    }
    .redes-sociais.pull-right {
        float: none !important;
        text-align: center;
    }
    .texto-direita .comeca-txt {
        height: auto;
        overflow-y: inherit !important;
        width: 100%;
        text-align: justify;
    }
    .botao-ler.text-right {
        display: none;
    }
    .navbar-header a.navbar-brand img {
        width: 76px;
        top: -28px;
    }
    .form-contato-esquerda {
        width: 100%;
    }
    div#myNavbar {
        padding: 0px;
        text-align: center;
    }
    .home .lado-experiencias img {
        float: left;
        width: 100%;
    }
    .home .col-sm-6.lado-plastico {
        float: left;
        width: 50%;
        margin-left: 30px;
        margin-right: -38px;
    }
    .home .col-sm-6.lado-ator {
        float: left;
        width: 50%;
    }
    .home .lado-plastico img {
        margin-top: 0px;
    }
    .home .lado-ator img {
        margin-left: -28px;
        margin-top: 44px;
    }
    .header ul.nav.navbar-nav > li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.52);
    }
    .texto-direita {
        width: 100%;
        /* margin: 18px; */
    }

    section.corpo.foto-e-texto > div {
        height: auto;
        overflow: initial;
    }

    .foto-aesquerda{
        width: 100%;
    }
    

    section.corpo.foto-e-texto {
        width: 100%;
        /*    min-width: 570px;*/
        
        margin: -19px auto;
    }
    .os-dois-lados a {
        height: auto;
    }
    a.lado-ator {
        left: 15px;
        top: 0px;
    }
    .lista-fotos {
        margin: 0px;
    }
    .lista-fotos > div {
        padding: 0px;
    }
}
.lista-videos .box-obras .lista-obras-a-venda {
    width: 90%;
    margin: auto;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.navbar .navbar-collapse {
    text-align: center;
}
.texto-paragrafos {
    min-height: 50px;
}
/**** post pagination wordpress - madlyluv.com ***/

.paginacao {
    clear: both;
    /* padding: 20px 0; */
    
    position: relative;
    margin: auto;
    display: block;
    width: auto;
}
.imagem-obra-crop {
    height: 400px;
    overflow: hidden;
}
.imagem-obra-crop img {
    height: 100%;
}
.paginacao span,
.paginacao a {
    display: inline-block;
    /* float:left; */
    
    background: #286547;
    padding: 4px 7px 4px 7px;
    margin: 1px 2px 0 2px;
    text-transform: capitalize;
    color: #fff;
    font-size: 18px;
}
.paginacao span {
    /* font: bold normal 14px georgia, verdana; */    
    font-size: 18px;
}
.paginacao .current,
.paginacao .current a {
    color: #BBB;
    background: #000000;
    padding: 4px 7px 4px 7px;
    margin: 1px 2px 0 2px;
    text-transform: capitalize;
}
.campo-paginacao {
    text-align: center;
    margin: 20px;
}