/*  
Theme Name: Fabiana Paris
Author: Mustache
Author URI: https://mustache.com.br
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; }
img, fieldset {border: 0; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
/* set img max-width */
/* ie 8 img max-width */
@media \0screen {img { width: auto;} }

/*Formatação Geral*/
body {font-family: 'Montserrat', sans-serif; color: #666; }
a {; text-decoration: none; outline: none;}
a:hover {text-decoration: none; }
p {margin: 0 0 20px; padding: 0; }
ul, ol {margin: 0; padding: 0; line-height: 140%; }
li {margin: 0 0 .5em 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em; } 
h1 {font-size: 2em; } h2 {font-size: 1.8em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; }
.pagewidth {width: 70%; margin: 0 auto; }
html{scroll-behavior: smooth;}
.wppfloat {background: #25D366;width: 70px;height: 70px;color: #fff;font-size: 30px;text-align: center;line-height: 70px;border-radius: 50%;position: fixed;bottom: 30px;right: 30px;z-index: 1000; padding-top: 19px;}

/*Slide topo*/
.slide{background: #000 bottom center no-repeat; height: 600px; width: 100%;}
.slide #owl-destaques .item img{width: 100%; height: 600px; object-fit: cover; z-index: 800; position: relative; font-family: 'Montserrat', sans-serif; opacity: .8}
.slide #owl-destaques .item{height: 600px}
.slide #owl-destaques .item .titulo{height: 600px; margin-top: -600px; color: #fff; z-index: 999; position:  relative; width: 100%; text-align: center; justify-content: center; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 250%; line-height: 120%; text-transform: uppercase; display: flex; align-items: center;}
.slide #owl-destaques .item .mobile{display: none;}
.slide #owl-destaques .owl-nav:focus{outline: none; }
.slide button:focus {outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
.slide #owl-destaques .owl-nav {height: 600px!important; margin-top: -600px!important; width: 100%; z-index: 700; }
.slide #owl-destaques .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 31; border-radius: 50px; border: solid 0px transparent; } 
.slide #owl-destaques .owl-next {position: absolute; margin-top:280px; border: 0px; right: 2%; width: 60px; height: 60px; font-size: 20px; line-height: 52px; padding: 5px 5px 5px 8px; border-radius: 50%; background: transparent; color: #323a89; transition: .2s; }
.slide #owl-destaques .owl-prev {position: absolute; margin-top:280px; border: 0px; left: 2%; width: 60px; height: 60px; font-size: 20px; line-height: 52px; padding: 5px 8px 5px 5px; border-radius: 50%; background: transparent; color: #323a89; transition: .2s;} 
.slide #owl-destaques .owl-prev:hover {color: #fff; background: transparent;}
.slide #owl-destaques .owl-next:hover {color: #fff; background: transparent;}
.slide .owl-theme .owl-dots .owl-dot span {width: 20px; height: 20px; background: transparent!important; border: solid 1px #323a89; margin: 5px 5px;}
.slide .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #323a89!important; }
.slide .owl-theme .owl-nav.disabled+.owl-dots {margin-top: -100px; text-align: left;}
.slide .owl-dots{margin-top: 30px; display: flex; justify-content: center; align-items: center; padding-left: 0px}
.slide .owl-theme .owl-dots .owl-dot span {width: 12px; height: 12px; background: #323a89!important; border: solid 1px #323a89; margin: 0px 5px;}
.slide .owl-theme .owl-dots .owl-dot.active span {background: transparent!important; border: solid 1px #323a89; width: 12px; height: 12px; }
.slide .owl-theme .owl-dots .owl-dot:hover span {background: #007ebf!important; border: solid 1px #007ebf; }
.slide #owl-destaques .item .mobile{display: none;}

/*Menu*/
#header{width: 100%; height: 110px; padding: 15px 0px; position: sticky; top: 0; right: 0; left: 0; z-index: 1030; background: #fff; }
#site-logo {padding: 0px 0px; }
#site-logo img{height: auto; padding: 0px 0px; max-width: 100%;}
.header-cont {display: block; width: 100%; height: 100px; margin: 0; padding: 0px 0px; margin: 65px 0px 0px 0px; overflow:hidden; }
.head-content {max-width: 70%; margin: 0 auto; }
.header-navigation .navi {font-family: 'Montserrat', sans-serif; width: max-content; margin: 0 auto; display: block; }
.header-navigation .navi ul {font-family: 'Montserrat', sans-serif; height: 80px; text-transform: uppercase; vertical-align: middle; display: table-cell; font-size: 14px; margin: 0px; font-weight: 900; line-height: 16px; padding: 0px; text-align: right; }
.header-navigation .navi ul li {display: inline; padding-left: 25px; font-size: 110%; width: auto;  font-weight: 500; letter-spacing: 0px;}
.header-navigation .navi ul li a {color: #323a89; font-family: 'Montserrat', sans-serif; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-out; z-index: 180;}
.header-navigation .navi ul li a:hover {color: #007ebf; font-family: 'Montserrat', sans-serif; text-decoration: none; transition: all 0.2s ease-out; }
.header-navigation .navi .agende{background: #2e398f; padding: 10px 25px; border-radius: 51px; color: #fff; font-weight: unset; transition: .3s}
.header-navigation .navi .agende:hover{background: #007ebf; color: #Fff;}
.open-nav .mobile-toggle {transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.sticky {opacity: 1; top: 0px; }
.mobile-toggle {display: none; cursor: pointer; font-size: 20px; position: absolute; right: 15px; top: 35px; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.mobile-toggle span {width: 30px; height: 4px; margin-bottom: 6px; border-radius: 1000px; background: #323a89; display: block; }
.mobile-toggle:hover > span {background-color: #323a89; transition: 1s; }
.close-about-section {display: none; text-align: center; border-radius: 3px; margin: 5% 10%; height: 70px; padding: 10px 0px; width: 80%; }
.close-about-section .svg-close {z-index: 1; fill: #323a89; height: 50px; width: 40px; cursor: pointer; }
.close-about-section .svg-close:hover {fill: browm; transition: all 1s; }
#header .redes{margin: 0px 0px 0px auto; width: max-content} 
#header .redes .item{background: transparent; display: table-cell; padding: 8px 0px; text-align: left; color: #323a89; line-height: 50px; width: 40px; height: auto; border-radius: 40px; font-size: 130%; transition: 0.3s; margin-left: 10px;} 
#header .redes .item:hover{color: #007ebf;}

/*Clinica*/
#clinica{margin: -80px; padding: 80px 0px; width: 100%;}
.clinica{padding: 120px 0px; background: url(images/bgclinica.png) left top 100px no-repeat; background-size: 55%;}
.clinica .head{font-family: 'Montserrat', sans-serif; font-weight: 400; text-align: center; font-size: 250%; line-height: 100%; color: #323a89; text-transform: uppercase; margin: 100px 0% 0px;}
.clinica p{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 100%; line-height: 220%; color: #888888; text-align: justify; margin: 0px 0% 20px;}
.clinica .galeria{margin: 50px 0px 50px;}
.clinica .galeria .owl-theme .owl-nav{position: absolute; margin-top: -230px;}
.clinica .galeria  .owl-prev {outline: none; padding: 0px 0px; position: absolute; left: 25px; background: transparent; border: 0; color: #FFf; font-size: 170%; transition: .3s;}
.clinica .galeria .owl-next {outline: none; padding: 0px 0px; position: absolute; right: 50px; background: transparent; border: 0; color: #FFf; font-size: 170%; transition: .3s;}
.clinica .galeria .owl-next:hover, .clinica .galeria .owl-prev:hover{background: transparent; color: #323a89;}
.clinica .galeria .item{height: 500px; background: #323a89 }
.clinica .galeria .item img{object-fit: cover; width: 100%; height: 500px;}
.clinica .foto{background: #323a89; width: 100%; height: 450px; border-radius: 8px;}
.clinica .foto img{width: 100%; height: 450px; object-fit: cover;}
.clinica .nome{color: #323a89; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 200%; line-height: 130%;}
.clinica .crm{color: #323a89; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 120%;}
.clinica .sobre-dra{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 95%; line-height: 180%; color: #888888; text-align: justify;}
.clinica .lattes{margin-top: 10px;}
.clinica .lattes a{color: #323a89; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 90%; border: solid 1px; padding: 5px 10px; border-radius: 8px; margin-top: 10px;}

/*Tratamentos*/
#tratamentos{margin: -80px; padding: 80px 0px; width: 100%;}
.tratamentos{background: rgb(50,58,137); background: linear-gradient(125deg, rgba(0,126,191,1) 0%, rgba(50,58,137,1) 0%); padding: 120px 0px;}
.tratamentos .head{font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 270%; line-height: 100%; text-align: center; color: #fff; margin-bottom: 60px;}
.tratamentos .tratamento{background: url(images/olho.png) bottom 15px right 15px no-repeat #fff; background-size: 120px; transition: .3s; border-radius: 5px; padding: 70px 50px; font-weight: 500; display: flex; align-items: center;  margin-bottom: 30px; height: 180px;}
.tratamentos .tratamento p{margin: 0px; font-family: 'Montserrat', sans-serif; font-size: 110%; line-height: 150%; color: #323a89;}
.tratamentos .tratamento:hover{background: url(images/olhohover.png) bottom 15px right 15px no-repeat #007ebf; background-size: 120px;}
.tratamentos .tratamento:hover p{color: #fff;}
.tratamentos .modal-title {margin-bottom: 0; line-height: 1.5; margin: 0; color: #323a89;font-weight: 700;}
.tratamentos button{outline: none;}

/*Pagina*/
.page{padding: 120px 0px;}
.page  th, td {text-align: left; border: 1px solid #e8e9eb;padding: 10px 14px;}
.page{padding: 80px; text-align: justify; font-family: 'Montserrat', sans-serif; line-height: 180%; font-size: 120%;}
.page .titulo{color: #323a89; margin-top: 0px; margin-bottom: 40px; text-align: center; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 240%; text-transform: uppercase;}
.page a{color: #323a89;}
.page label{width: 100%; text-align: left}
.page select {text-transform: none; width: 100%; background: #f7f7f7; border: 0px; padding: 10px 10px; color: #323a89; }
.page input{width: 100%; background: #f7f7f7; color: #323a89; font-family: 'Montserrat', sans-serif; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.page textarea{width: 100%; height: 150px; background: #f7f7f7;font-family: 'Montserrat', sans-serif;color: #323a89; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.page input:focus, .page textarea:focu, .page select:focus{outline: none;  border: 0px; border: solid 1px #323a89;}
.page input[type=submit]{width: 100%; background: #323a89; font-family: 'Montserrat', sans-serif; color: #fff; padding: 10px 35px; width: auto; border: solid 1px #323a89; border-radius: 3px; transition: .3s}
.page input[type=submit]:hover{background: #323a89; color: #fff;}

/*Agendamento*/
#agendamento{margin: -80px; padding: 80px 0px; width: 100%;}
.agendamento{background: #f7f7f7; padding: 120px 0px; color: #323a89;}
.agendamento .pagewidth{width: 58%;}
.agendamento p{text-align: center; line-height: 180%; margin-top: 30px;}
.agendamento .agende {color: #323a89; text-align: center; font-size: 250%; font-family: 'Montserrat', sans-serif; font-weight: 300; text-transform: uppercase; line-height: 110%;}
.agendamento .agende b{font-weight: 600;}
.agendamento .botao{background: #323a89; padding: 20px 120px; transition: .3s; text-transform: uppercase; border-radius: 50px; color: #fff; width: max-content; text-align: center; margin: 20px auto 0px; font-size: 180%;}
.agendamento .botao i{padding-right: 5px;}
.agendamento .botao:hover{background: #007ebf;}

/*Rodape*/
.footer{padding: 60px 0px 40; }
.footer .pagewidth{width: 60%;}
.footer .logo{max-width: 60%; margin: 0px auto 30px; display: block;}
.footer p{text-align: center; color: #323a89; font-family: 'Montserrat', sans-serif;}
.footer a{color: #323a89;}
.copy{padding: 20px 0px; background: #323a89; width: 100%;}
.copy img{width: 40px; margin: 0 auto; display: block; }

/*Formatacao*/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {margin-bottom: 15px; } .alignleft {float: left; margin-right: 30px; } .alignright {float: right; margin-left: 30px; } .aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; }
/*Clear*/
.clear {clear: both; } .left {float: left; } .right {float: right; } .textleft {text-align: left; } .textright {text-align: right; } .textcenter {text-align: center; }
/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: block; zoom: 1; }