/* ==========================================================================
   custom.css — Volkana Design
   ========================================================================== */

/* --------------------------------------------------------------------------
   PORTFÓLIO — Página individual (.single-portifolio)
   -------------------------------------------------------------------------- */
.single-portifolio #headerHome { width:100%; position:fixed; top:0; left:0; z-index:2; }
.single-portifolio #headerHome .topBar { background:#231f20 !important; background-image:none !important; }
.single-portifolio #headerHome .logo { padding:18px 0; }
.single-portifolio #headerHome .sociais { padding:25px 0; }

.ficha { position:relative; z-index:1; }
.ficha .container-fluid,
.ficha .row,
.ficha .col-xs-12 { height:100%; }

.ficha .imgPort {
    background-repeat:no-repeat; background-position:center center;
    background-size:cover; width:100%; height:100%; position:relative; overflow:hidden;
}
.ficha .imgPort .bgWhite {
    width:100%; height:100%;
    background-image:url('../images/white.png');
    background-repeat:no-repeat; background-position:center top;
    position:absolute; left:0; top:0;
}
.ficha .imgPort .bgWhite.animated {
    background-position:center -1200px;
    transition:all 1200ms ease-in-out 0s;
}
.ficha .height04 { height:60%; padding-bottom:5%; }
.ficha .height05 { height:40%; }
.ficha .height06 { height:40%; }

@media only screen and (min-width:768px) { .ficha iframe { width:100%; height:100%; } }

.single-portifolio footer.footer {
    padding:26px 0; position:fixed; left:0; bottom:0;
    width:100%; z-index:2; background:#fff;
}
.navPort { float:right; }
.navPort a { float:left; margin-left:30px; font-size:30px; color:#000; line-height:30px; }
.navPort a:hover { color:#ee2375; }
.single-portifolio .tags {
    background-color:#ee2375; line-height:30px; font-size:20px;
    color:#fff; padding:0 10px; margin:0; float:right;
    font-family:'exo_2light_condensed';
}
.shareButtons { float:left; }
.shareButtons .twitter { float:left; line-height:30px; }
.shareButtons .twitter a { color:#000; font-family:'exo_2light_condensed'; font-size:18px; }

@media only screen and (max-width:767px) {
    .single-portifolio footer.footer { position:static; }
    .ficha .container-fluid { height:auto; padding-top:0 !important; padding-bottom:0 !important; }
    .ficha .row, .ficha .col-xs-12 { height:auto; }
    .ficha .col-xs-12 { padding-bottom:30px; }
    .ficha .col-xs-12 .col-xs-12 { padding-bottom:0; }
    .ficha .height04 { margin-bottom:30px; }
    .ficha .height05 { margin-bottom:30px; }
    .ficha .imgPort { height:310px; }
    .ficha iframe { width:100%; height:310px; }
    .ficha.part01 { padding-top:90px !important; }
    section.ficha { height:auto !important; padding:0 !important; }
    .single-portifolio #headerHome { position:absolute; }
    .shareButtons { width:100%; margin-bottom:20px; }
    .single-portifolio .tags { float:left; }
    .navPort { float:left; margin-top:10px; }
}
@media only screen and (max-width:370px) {
    .single-portifolio #headerHome .sociais { display:none; }
}

/* --------------------------------------------------------------------------
   HOME — Newsletter sidebar (ao lado do CF7)
   -------------------------------------------------------------------------- */
.newsletter-sidebar {
    margin-top: 20px;
}

/* --------------------------------------------------------------------------
   Modal Newsletter
   -------------------------------------------------------------------------- */
.modal-newsletter .modal-header { border-bottom:none; padding-bottom:0; }
.modal-newsletter .modal-title {
    font-family:'exo_2semi_bold_condensed', sans-serif;
    font-size:28px; color:#ee2375; margin:0;
}
.modal-newsletter .modal-body { padding-top:15px; }
.modal-newsletter .wpcf7 label {
    font-family:'exo_2light_condensed', sans-serif;
    font-size:20px; color:#ee2b74; display:block; margin-bottom:4px;
}
.modal-newsletter .wpcf7 input[type="text"],
.modal-newsletter .wpcf7 input[type="email"] {
    width:100%; height:46px; border-radius:0; border:1px solid #ccc;
    padding:0 10px; font-family:'exo_2light_condensed', sans-serif;
    font-size:18px; margin-bottom:15px; box-sizing:border-box;
}
.modal-newsletter .wpcf7 input[type="submit"] {
    width:100%; height:50px; background-color:#f02473; border:none;
    color:#fff; font-family:'exo_2semi_bold_condensed', sans-serif;
    font-size:20px; cursor:pointer; display:block;
}
.modal-newsletter .wpcf7 input[type="submit"]:hover { opacity:0.8; }

/* Oculta o spinner do CF7 que desalinha o botão Enviar */
.wpcf7-spinner {
    display: none !important;
}