/*
Theme Name: Solene Child
Template: solene
Version: 1.0.0
Text Domain: solene-child
*/

/* ==========================================================
   CUSTOMIZAÇÕES TR PHOTO FILMS
   ========================================================== */

/* ==========================================================
   HEADER
   ========================================================== */

header nav.eltdf-drop-down .second{
    top:70%;
}

/* ==========================================================
   TIPOGRAFIA
   ========================================================== */

p{
    font-size:20px;
}



/* ==========================================================
   CARDS
   ========================================================== */

.card-pacote{
    border-radius:18px;
    overflow:hidden;
}

.proposta h3{
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:22px;
    line-height:1.1;
}

.itens{
    margin-left:20px;
    margin-bottom:7px;
}

.itens i{
    width:12px;
    text-align:center;
}

.itens h6{
    text-transform:none!important;
    font-size:15px;
    letter-spacing:0;
}

/* ==========================================================
   PLANOS
   ========================================================== */

.planos-container{
    position:relative;
    overflow:visible!important;
}

.planos-container .diretor-flutuante{
    position:absolute;
    right:-140px;
    bottom:50px;
    z-index:9999;
}

.planos-container .diretor-flutuante img{
    width:200px;
    height:auto;
}

/* ==========================================================
   PORTFOLIO TAGS
   ========================================================== */

.eltdf-ppi-tag-item{
    position:relative;
    display:inline-block;
    font-size:11px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#5F7086;
    text-decoration:none;
    transition:all .25s ease;
}

.eltdf-ppi-tag-item:hover{
    color:#7A4D55;
}

.eltdf-ppi-tag-item:not(:last-child)::after{
    content:"·";
    color:#B3B3B3;
    margin-left:10px;
    margin-right:6px;
}

/* ==========================================================
 FORMULÁRIOS
   ========================================================== */

/*Estilizando a classe para deixar os campos com 50% de largura*/
.formulario-item-50 {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}

/*Estilizando os campos que vão receber o conteúdo (inputs)*/
.formulario-item-50 input {
  width: 100%;
  float: left;
}

/*Estilizando a classe item-esquerda para dar um espaço na direita entre os campos*/
.formulario-item-50.item-esquerda {
  padding-right: 15px;
}

/*Configurando o comportamento dos campos no mobile*/
@media only screen and (max-width: 767px) {
  .formulario-item-50 {
    width: 100%
  }

/*Retirando o espaçamento da direita no mobile para alinhar os campos*/
  .formulario-item-50.item-esquerda {
    padding-right: 0;
  }
}

.formulario-item-100 {
  width: 100%;
  margin-bottom: 20px;
}

.formulario-item-100 input {
  width: 100%;
}

.formulario-item-100 textarea {
  width: 100%;
  text-align: center;
}