/*
Theme Name: Novos Elementos
Theme URI: http://novoselementos.com.br
Author: Phillip Cardoso & Hugo Deveza
Author URI: http://novoselementos.com.br
Description: Start Theme Understrap (Bootstrap 4) + StartBootstrap Modern Business
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Agência Novos Elementos
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

@import url('default.css');
@import url('https://fonts.googleapis.com/css?family=PT+Serif');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('fonts/comfortaa/stylesheet.css');
@import url('fonts/ufp/stylesheet.css');

/* ------------------------------- INDENTIDADE VISUAL -------------------------------------------- */

body {
    font-family: 'PT Serif', serif;
    color:#6e6e6e;
}

h1,h2,h3,h4,h5 {
    font-family: 'comfortaabold';
}

.btn-secondary {
    border: 2px solid #cf3095 !important;
    background:#cf3095;
    font-family: 'comfortaabold';
    color:white;
}

.btn-secondary:hover {
    /*background:#CF305A !important;*/
    color: #cf3095;
    background: transparent;

}

.np {
    padding: 0 !important;
}

/* ------------------------------- HEADER -------------------------------------------------------- */

header{

}

.redes-sociais a:last-child {
    border-right:2px solid #141414;
    padding-right:17px;
}

.redes-sociais a{
    margin: 0 7px;
    float: right;
}

#main-menu .dropdown-menu .menu-item a{
    line-height: initial;
    padding: 10px;
    display: block;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

#main-menu .dropdown-menu{
    width: 150%;
    /*top: 60px;*/
    border-radius: 0;
    box-shadow: -1px 8px 11px 0px rgba(0,0,0,0.1);
}

.dropdown-menu .menu-item a:hover{
    color: #fff !important;
    background: #d94093;
}

.redes-sociais a .fa{
    font-size: 1.3rem;
    color: #cf3095;;
}

#main-menu{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.redes-sociais{
    margin-top: 15px;
}

#main-menu li{
    float: none;
    display: inline-block;
}

#header-interna {
    background: url('img/header-interna.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0 70px;
}


/* ----------------------------------HOME ---------------------------------------------------------- */

.home .metaslider .caption-wrap {
    bottom:150px;
    opacity: 1;
    background:none;
}

.home .metaslider .caption-wrap h2 {
   font-size:2.7rem;
   margin-bottom:28px;
   position: relative;
}

.home .metaslider .caption-wrap h2 span{
   font-family: 'PT Serif', serif;
   font-size: 1.0rem;
   font-style: italic;
   display: inline-block;
}

.home .metaslider .caption-wrap p {
    font-family: 'PT Serif', serif;
    font-size: 1.0rem;
    font-style: italic;
    display: inline-block;
}

/*.home .metaslider .caption-wrap .row.write a h2,
.home .metaslider .caption-wrap .row.write a p,
.home .metaslider .caption-wrap .row.write a span {
    color:white;
}*/

/*.home .metaslider .caption-wrap .row.white:hover span,
.home .metaslider .caption-wrap .row.white:focus span {
    color: #cf3095;
}*/

/*.home .metaslider .caption-wrap .row.black a h2,
.home .metaslider .caption-wrap .row.black a p,
.home .metaslider .caption-wrap .row.black a span {
    color:#0a0a0a;
}*/

/*.home .metaslider .caption-wrap .row.black:hover span,
.home .metaslider .caption-wrap .row.black:focus span {
    color: #0a0a0a;
}*/


hr.mais {
    height: 1px;
    width: 30px;
    background: #fff;
    display: inline-block;
    margin: 4px 8px;
    font-weight: 600;
}

.home .metaslider .caption-wrap .row.black .mais {
    background:#0a0a0a;
}

.home .metaslider .caption-wrap .row h2:after {
    position:absolute;
    left:-88px;
    top:21px;
    content: '';
    width:71px;   
}

.home .metaslider .caption-wrap .row.pink-border h2:after {
    border-top: 5px solid #cf3095;
}

.home .metaslider .caption-wrap .row.black-border h2:after {
    border-top: 5px solid #0a0a0a;
}

.home.home.home .metaslider .caption-wrap .row.white a {
	color: #fff !important;
}

.home .metaslider .caption-wrap .row.black a {
	color:#0a0a0a;
}

.home .metaslider .caption-wrap .row.pink-border:hover span {
	color: #cf3095;
}

.home .metaslider .caption-wrap .row.black-border:hover span {
	color: #0a0a0a;
}

#localizacao {
    margin-top: 48px;
}

#localizacao .descricao{
    text-align:right;
    padding-top: 20px;
}

#localizacao .marque-visita {
    padding-top:0;
}

#localizacao .marque-visita .perfil-home {
    margin-bottom: 20px;
}

#localizacao h3 {
    color: #292929;
    font-size: 1.1rem;
    margin-bottom: 52px;
}

#localizacao p > a {
    color:#cf3095;
}

#localizacao p {
    font-size:1.1rem;
    font-family:'comfortaabold';
}

#localizacao .div-map img {
    float:right;
}

#social {
    padding-top: 100px;
}

#social .social-box {
    margin-bottom: 30px;
}

#social h3 {
    font-family: 'Dancing Script', cursive; /*'unthrift_first_personalRg'*/
    color:#000000;
    font-size: 2.5rem;
    margin-bottom: 35px;
    text-align: left;
}

#social h3 i {
    font-size:1.3rem;
    background:#cf3095;
    width:70px;
    height:70px;
    text-align:center;
    color:white;
    margin:0px 12px 0 0;
    vertical-align:middle;
    padding:25px 0;
    border-radius:50%;
}

#home-tratamentos .item {
    overflow: hidden;
    position: relative;
    height: 150px;
}

#home-tratamentos .item a,
.tax-tipos #tratamentos .item-tratamentos .post-img .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    top: 0;
}

#home-tratamentos .item a .circle,
.tax-tipos #tratamentos .item-tratamentos .post-img .circle h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80%;
    border-radius: 0;
    width: 80%;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.tax-tipos #tratamentos .item-tratamentos .post-img .circle h2 {
    font-size: 20px;
    text-align: center;
}

#home-tratamentos .item a ~ img {
     -webkit-transition: all 0.8s 0.5 ;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.tax-tipos #tratamentos .item-tratamentos .post-img img {
     -webkit-transition: all 0.8s 0.5 ;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

#home-tratamentos .item a h3,
.tax-tipos #tratamentos .item-tratamentos .post-img .circle h2  {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #CF3095;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    text-align: center;
}

.tax-tipos #tratamentos .item-tratamentos a:hover .post-img img {
    transform: scale(1.1);
}

.tax-tipos #tratamentos .item-tratamentos a:hover .post-img .circle h2,
.tax-tipos #tratamentos .item-tratamentos a:focus .post-img .circle h2,
.tax-tipos #tratamentos .item-tratamentos a:active .post-img .circle h2 {
    border-radius: 50%;
    border: none;
    background: none;
    color: #CF3095;
}   

.tax-tipos #tratamentos .item-tratamentos a:hover .post-img .circle h2 span {
    display:none;
}

.subterm .btn-secondary {
    border-radius: 0;
    border: none;
}

#lct-widget-tipos .cat-item .children, #lct-widget-tipos .cat-item.cat-item-21 {
    display: none;
}

.widget_recent_entries ul li a {
    color: #d83095;
}

.widget_recent_entries ul li a:hover {
    color: #000;
}

.tax-tipos #tratamentos #content > div > div {
    margin-bottom: 15px;
}


/* -------------------------------- FOOTER -------------------------------------------------------- */

.crmfoot {
    font-size: 12px;
    color: white;
}

.sign {
    font-size: 13px;
    color: white;
    font-family: 'comfortaabold';
}

footer .div-bg {
    background:#626262;
    display:block;
    overflow:auto;
    padding:9px 0 7px;
}

footer.wrapper {
    padding: 30px 0 0;
}

footer .logo-ne {
    padding-top: 6px;

}

#home-tratamentos .no-gutter .destaque,
#home-tratamentos .no-gutter .estetica {
    display: none;
}

.no-gutter div {
    padding: 0;
}

/* --------------------------------INTERNAS ------------------------------------------------------ */

#breadcrumbs {
	display: none;
}

p#breadcrumbs,
p#breadcrumbs span a{
    margin-bottom: 5px;
    font-size: 0.8rem;
    text-align: center;
    color: white;

    position: relative;
    z-index: 9; 
}

.goback {
	text-align: right;
}

.goback button {
	border: 2px solid #cf3095;
    background: #cf3095;
    color: #fff;
    padding: 5px 10px;
    font-family: 'comfortaabold';
}

.single .goback button,
.blog .goback button,
.page-template-contato button,
.page-template-perfil button {
	margin-bottom: 30px;
}

.goback i {
    margin-right: 5px;
}

.goback button:hover {
    background: transparent;
    color: #cf3095;
}

/* titulo principal das internas */
h1.entry-title
{
    margin-bottom:0;
    font-family: 'Dancing Script', cursive; /*'unthrift_first_personalRg'*/
    color: white;
    font-size: 5.0rem;
    text-align: center;
    opacity: 1;

    position: relative;
    z-index: 9;
    text-shadow: 1px 1px #33333380;
}

#perfil .curriculum li {
    padding-left: 15px;
    margin-bottom: 3px;
    position: relative;
}

#perfil .curriculum li:before {
    content: '';
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #c2e1f5;
    border-width: 14px;
    width: 35px;
    height:35px;
    position: absolute;
    top: 6px;
    left: 0px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #cf3095;
}

#perfil .crm {
    margin-bottom: 10px;
    color: #ccc;
}

.upw-posts.hfeed article{
    margin-bottom: 10px;
    border: 0;
    float: left;
    width: 100%;
    padding: 0;
}

.upw-posts.hfeed article a{
    font-size: 1rem;
    font-family: 'PT Serif', serif;
    color: #cf3095;
}

.upw-posts.hfeed article a:hover {
    color: #000;
}

.upw-posts .entry-title {
    margin-bottom: 0;
    line-height: 18px;
}

.widget-area .widget{
    margin-bottom: 40px;
}

.list-custom-taxonomy-widget li{
    margin-bottom: 10px;
}

.widget-area .widget li a, .widget .upw-posts.hfeed .entry-title {
    color: #cf3095;
}

.widget-area .widget li a:hover {
    color: #000;
}

.widget-area{
    /*margin-top: 50px;*/
}

.widgettitle{
    font-size: 1.6rem;
    color: #000000;;
}

.entry-meta .posted-on .updated{
    display: none;
}

.widget_search .assistive-text{
    display: none;
}

.submit.btn.btn-primary {
    background: #d83095;
    border: 1px solid #d83095;
    border-radius: 0;
    font-family: 'comfortaabold';
}

.submit.btn.btn-primary:hover{
    background: transparent;
    border: 1px solid rgba(0,0,0,.15);
    color: #d83095;
}

.form-control {
	border-radius: 0;
}

.single .input-group .field.form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#content article img{
    margin-bottom: 10px;
}
#perfil img{
    margin-bottom: 15px;
    border: 2px solid #cf3095;
}

.upw-posts .entry-image{
    float: left;
    margin: 0 10px 0 0;
}

.single-tratamento.single-template article .post-img img,
.single-artigo.single-template article .post-img img{
    width: 100%;
    height: auto;
}


#equipe .perfil-equipe img {
    margin: 0px auto 13px;
    display: block;
}

#equipe .perfil-equipe h3 {
    text-align: center;
}

#equipe .perfil-equipe p{
    text-align: center;
}


#tratamentos .item-tratamentos {
    position:relative;
    margin-bottom:30px;
    overflow: hidden;
}

/*#tratamentos .item-tratamentos h2 {
    position:absolute;
    bottom:0;
    right: 0;
    font-size:1.3rem;
    background:rgba(255, 255, 255, 0.52);
    display:block;
    padding:5px 17px;;
}*/

.subterm li {
    font-family: 'comfortaabold';
    display: inline;
    padding: 0 10px;
}

.single-tratamentos .jp-relatedposts {
    display: none !important;
}

.search-results h3 {
    margin-bottom: 30px;
    font-size: 20px;
    opacity: .5;
}

/* Cada post do Blog */

.post .post-img img{
    
}

.post h2 a{
    color:#000000;
}

.post h2 a:hover {
    text-decoration: none;
}

.waze-link {
    background: rgb(217, 64, 147); /*rgba(0, 0, 0, 0.25);*/
    display: block;
    padding: 10px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'comfortaabold';
    color: #fff;
}

.waze-link img {
    margin-right: 5px;
    -webkit-filter: invert(100%);
  	-moz-filter: invert(100%);
  	-o-filter: invert(100%);
  	-ms-filter: invert(100%);
  	filter: invert(100%);
}

.endereco{
    margin-bottom: 0px;
}

.endereco p {
    margin-bottom: 10px;
}

.contato a {
    color:#d74492;
}

.contato .fa{
    color:#d74492;
}

.sd-social-icon .sd-content ul li[class*=share-] a, .sd-social-icon .sd-content ul li[class*=share-] a:hover, .sd-social-icon .sd-content ul li[class*=share-] div.option a {
    border-radius: 0;
    -webkit-border-radius: 0;
    padding-top: 5px;
}

.archive .comments-link {
    display: none;
}

.site-main .endereco .icontato .fa {
    color: #d83095;
    height: 100px;
}

.nf-field-element > #nf-field-4 {
    background-color: #d83095;
    border: 1px solid #d83095;
    color: #fff;
    font-family: 'comfortaabold';
}

.nf-field-element > #nf-field-4:hover {
    background: transparent;
    border: 1px solid rgba(0,0,0,.15);
    color: #d83095;
}

.dermato {
    display: block;
    position: relative;
    overflow: hidden;
    height: 150px;
    border: 2px solid #cf3095;
}

.dermato img {
    position: relative;
}

.dermato:hover img {
    transform: scale(1.1);
}

.dermato h5 {
    color: #CF3095;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
}

.dermato:hover h5 {
    background: transparent;
    border-radius: 50%;
    border: none;
}

.header-topo {
	position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

/*.tax-tipos .header-topo,
.single .header-topo,
.page .header-topo,
.blog .header-topo {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
}*/

/*.tax-tipos .banner-topo {
    min-height: 150px;
    position: relative;
    z-index: -1;
}

.tax-tipos .banner-topo img {
    position: absolute;
    height: auto;
    min-height: 100%;
}
*/

.jp-relatedposts-headline em {
    font-family: 'comfortaabold';
}

.banner-topo {
    overflow: hidden;
}

.banner-topo img {
    min-height: 220px;
    max-width: 1500px;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    min-width: 100%;
}

 .single .entry-title span {
    font-family: 'Dancing Script', cursive;
 }

/* ---------------------------MENU------------------------------- */

#main-menu li a{
    color: #444;
    padding: 0 10px;
    margin: 0;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-family: 'comfortaabold';
    letter-spacing: 1px;
}

#main-menu li a:hover {
    color:#cf3095;
}

/* ------------------ Formulário de Contato ------------------ */

.form-contato input,
.form-contato textarea{
    min-height: 40px;
    background: #eee;
    border: 1px solid #e6e6e6;
    padding: 0 10px;
}
.form-contato .label-above .nf-field-label{
    margin-bottom: 0;
}
.form-contato h3{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    opacity: .5;
}
.form-contato label{
    font-size: 16px;
    opacity: .5;
}

.form-contato .nf-before-form-content{
    display: none;
}

@media (min-width: 1200px) {

    #home-tratamentos .item a:hover ~ img {
        transform: scale(1.1);
    }

    #home-tratamentos .item a:hover .circle {
        border-radius: 50%;
        border: none;
        background: none;
    }   

    #home-tratamentos .item a:hover h3 {
        display:none;
    }
}

@media (max-width: 1200px) {
    #home-tratamentos .item a h3 {
        font-size: 1.0rem;
        margin-bottom: 0;
    }
}

@media (max-width: 1050px) {
    h1.entry-title {
        font-size: 4rem;
    }
}

@media (max-width: 1024px) {

    #header-interna {
        padding: 20px 0;
        background: #d74492;
    }

    .home .metaslider .caption-wrap {
        bottom: 68px;
    }

    #localizacao .descricao {
        padding-top: 12px;
    }

    #localizacao h3 {
        font-size: 0.9rem;
        margin-bottom: 10px;
    }

    #localizacao p {
        font-size:0.8rem;
    }

    #social .social-link {
        display: block;
        margin: auto;
        text-align: center;
    }

    p#breadcrumbs, p#breadcrumbs span a {
        font-size:0.8rem;
    }


}

@media (max-width: 992px){
    .widget-area{
        margin-top: 40px;
    }
    .form-contato{
        margin-top: 40px;
    }
    .redes-sociais{
        text-align: right;
    }
    #main-menu {
        margin: 30px 0px 20px 0;
    }
}

@media (max-width: 991px) {
    #localizacao .marque-visita {
        padding-top: 0;
        text-align: center;
    }
#localizacao .div-map img {
    float: right;
    width: 100%;
}
    #localizacao .descricao {
        padding-top: 25px;
    }

    #localizacao .marque-visita a {
        display: inline-block;
        text-align: center;
        margin-left: 70px;
    }

    #localizacao h3 {
        text-align:center;
        margin-bottom:35px;
    }

    #localizacao p {
        text-align:center;
    }

    #localizacao .div-map {
        padding-right: 15px;
        text-align: center;
        display: block;
        margin-top: 19px;
    }
    .single:not(.postid-90):not(.postid-88):not(.postid-92):not(.postid-388) h1.entry-title {
        font-size:4rem;
    }
}

@media (min-width: 768px){
    .item-destaque {
        float: none;
        display: inline-block;
        margin: 0 -2px;
        width: 20%;
    }
}

@media (max-width: 824px) {
	.single:not(.postid-90):not(.postid-88):not(.postid-92):not(.postid-388) h1.entry-title {
        font-size:3rem;
    }

}

@media (max-width: 768px){

    .logo-ne{
        margin-top: 0px;
    }

    .logo-ne img {
        max-width: 100%;
    }

    footer.wrapper{
        padding-top: 15px;
    }

    #localizacao .marque-visita .perfil-home {
        display: block;
        text-align: center;
        margin: 0 auto 30px;
    }

}

@media (max-width: 767px) {
    .home .metaslider .caption-wrap h2 {
        font-size: 20px;
        margin-bottom: 15px;
        position: relative;
        text-shadow: 0 0 3px rgba(197, 83, 156, 0.71);
    }
    .home .metaslider .caption-wrap p{
        text-shadow: 0 0 3px rgba(197, 83, 156, 0.71);
    }
    .slider {
        /*display:none;*/
    }

    #social{
        padding-top:35px;
    }
    .navbar-brand img {
        text-align: left;
        margin-left: -60px;
    }

}


@media (min-width: 576px) {

    .navbar-toggleable-xs {
        display: block !important;
    }
    
}

@media (max-width: 576px){
    .fb-page{
        margin-bottom: 30px;
    }

    header {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    header.hfeed.site {
        padding-bottom: 10px;
    }

    #main-menu .dropdown-menu {
        box-shadow:none;
    }

    .navbar-dark .navbar-toggler {
        background: #d94093;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -25px;
        padding-top: 4px;
    }

    #main-menu li a{
        padding: 6px 10px;
    }
    .redes-sociais {
        text-align: center;
        margin-bottom: 20px;
    }

    #home-tratamentos {
        margin-top:20px;
    }

    #home-tratamentos .item {
        overflow: initial;
        position:initial;
        margin-bottom: 9px;
        height: initial;
    }

    #home-tratamentos .item img {
        display:none;
    }

    #home-tratamentos .item a {
        width:initial;
        height:initial;
        display:block;
        position:initial;
    }

    #home-tratamentos .item a .circle {
        padding: 15px 0 5px;
    }

    #home-tratamentos .item a h3 {
        color:white;
    }

    #home-tratamentos .row > [class*='col-'] {
        padding-right: 15px;
        padding-left: 15px;
    }

    #home-tratamentos .item a .circle {
        border-radius: initial;
        background: rgb(197, 83, 156);
        border: none;
        display: block;
        width: initial;
        height: initial;
        padding: 12px 0;
    }
    h1.entry-title {
    	font-size: 3rem;
    }
    .single:not(.postid-90):not(.postid-88):not(.postid-92):not(.postid-388) h1.entry-title {
    	font-size: 2rem;
    }
    .home .metaslider .caption-wrap {
        bottom: 0;
    }
}

.no-padding,
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

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