/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,900&display=swap');

body {font-size: 16px; color: #333; line-height: 26px; background: #fff!important; background-image: none!important;}

.uk-block-default {background-image: none;}

#tm-main p {text-align: justify;}

.tm-toolbar {height: auto;}
.tm-toolbar .uk-subnav {margin-top: 15px;}
.pg-home .tm-toolbar .uk-subnav {margin-top: 30px;}
.tm-toolbar .uk-subnav li {padding: 0; margin-left: 5px;}
.tm-toolbar .uk-subnav a {color: #fff; font-size: 0; border-radius: 50%; padding: 5px; line-height: 35px; width: 35px; text-align: center; height: 35px;}
.tm-toolbar .uk-subnav a:hover {color: #fff;}
.pg-home .tm-toolbar .uk-subnav a {color: #fff;}
.tm-toolbar .uk-subnav a i {font-size: 25px; line-height: 35px;}

.tm-toolbar .uk-subnav a.facebook {background:rgba(59, 89, 152, 0.8);}
.tm-toolbar .uk-subnav a.facebook:hover {background:rgba(59, 89, 152, 1);}
.tm-toolbar .uk-subnav a.instagram {background: rgba(195, 42, 163, 0.8);}
.tm-toolbar .uk-subnav a.instagram:hover {background: rgba(195, 42, 163, 1);}
.tm-toolbar .uk-subnav a.whatsapp {background: rgba(37, 211, 102, 0.8);}
.tm-toolbar .uk-subnav a.whatsapp:hover {background: rgba(37, 211, 102, 1);}

.tm-isblog .uk-sticky-placeholder {margin-top: 35px!important;}
.tm-navbar {padding: 0;}
.tm-navbar.uk-active {box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.tm-toolbar {position: absolute; right: 0; z-index: 10;}
.tm-toolbar > .uk-container.uk-container-center,
.tm-navbar > .uk-container.uk-container-center {max-width: initial;}
.tm-logo img,
.uk-visible-small .logo-branca img {max-width: 250px;}
.tm-navbar.uk-active > .uk-container.uk-container-center {padding: 10px;}
.tm-navbar.uk-active > .uk-container.uk-container-center .tm-logo {padding: 0;}
.tm-navbar.uk-active > .uk-container.uk-container-center .tm-logo img {padding-left: 70px;}

.tm-navbar .uk-navbar-nav {margin-left: 50px;}
.tm-navbar .uk-navbar-nav > li {margin: 0 5px;}
.tm-navbar .uk-navbar-nav > li > a {font-size: 18px; color: #2a5f95!important; padding: 0 20px; border-radius: 50px;}
.tm-navbar .uk-navbar-nav > li > a:hover,
.tm-navbar .uk-navbar-nav > li.uk-active > a {background: #2a5f95; color: #fff!important;}
.tm-navbar .uk-navbar-nav > li > a:after {display: none;}

.tm-navbar .uk-dropdown-navbar {background: #2a5f95; border-radius: 10px;}
.tm-navbar .uk-dropdown-navbar .uk-nav-navbar > li > a {color: rgba(255,255,255,0.8)!important; font-weight: bold;}
.tm-navbar .uk-dropdown-navbar .uk-nav-navbar > li > a:hover {color: rgba(255,255,255,1)!important;}

.pg-home .tm-navbar .uk-navbar-nav > li > a {color: rgba(255,255,255,0.8)!important; font-weight: bold; background: #2a5f95;}
.pg-home .tm-navbar .uk-navbar-nav > li > a:hover {background: #2c77c3;}

.tm-navbar .uk-navbar-nav > li:nth-child(4),
.tm-navbar .uk-navbar-nav > li:nth-child(5),
.tm-navbar .uk-navbar-nav > li:nth-child(6) {display: none;}

.pg-home .tm-navbar.uk-active .uk-navbar-nav > li > a {color: #2a5f95!important; font-weight: bold; background: none;}
.pg-home .tm-navbar.uk-active .uk-navbar-nav > li > a:hover,
.pg-home .tm-navbar.uk-active .uk-navbar-nav > li.uk-active > a {color: #fff!important; background: #2a5f95;}

.pg-home .tm-navbar.uk-navbar .logo-branca,
.pg-home .tm-navbar.uk-navbar.uk-active .logo-padrao,
.tm-navbar.uk-navbar .logo-padrao {display: block;}

.tm-navbar.uk-navbar .logo-branca,
.tm-navbar.uk-navbar.uk-active .logo-branca,
.pg-home .tm-navbar.uk-navbar .logo-padrao {display: none;}

.tm-navbar .uk-navbar-toggle {color: #fff;}
.tm-navbar.uk-active .uk-navbar-toggle {color: #2a5f95;}

.tm-top-a {padding-top: 200px;}
.pg-home .tm-top-a {padding-top: 0;}
.pg-home #tm-main {padding: 0!important;}
#tm-main {padding-top: 50px!important;}

#tm-bottom-a {background: #2a5f95;}
#tm-bottom-a .uk-button.whatsapp {background: #25d366; font-size: 18px; font-weight: 900; font-family: "Montserrat"; color: #fff;}
#tm-bottom-a .uk-button.whatsapp:hover {background: #35ff80; color: #fff;}
.uk-button.whatsapp {background: #25d366; color: #fff;}
.uk-button.whatsapp:hover {background: #35ff80; color: #fff;}

.uk-block-primary .uk-panel-box {background-color: #7cceff; color: #2a5f95;}

#tm-footer {padding-bottom: 50px!important;}
.tm-footer-left {width: 100%;}
.tm-footer-left .uk-panel {font-family: "Poppins"; font-size: 13px;}
.tm-footer-left .uk-panel h4 {margin-bottom: 0;}
.tm-footer-left .nav.menu {margin-top: 30px;}
.tm-footer-left .nav.menu .small {font-size: 13px;}

/* OFFCANVAS */
.uk-offcanvas-bar {background: #fff;}
.uk-offcanvas-bar .uk-nav-offcanvas > li > a {color: #2a5f95;}
.uk-offcanvas-bar .uk-nav-offcanvas ul a {color: #999;}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {color: #2a5f95; font-weight: bold;}

/* ARTIGOS */
.tm-blog-single > img + .uk-article-title {margin-top: 0;}
.tm-blog-single > .uk-article-title, .tm-blog-single > .uk-article-meta {text-align: left;}



/* MÓDULOS */
.mod-destaque .uk-overlay-panel > div > .uk-margin {position: absolute; bottom: 35px; right: 35px;}
.mod-destaque .uk-overlay-panel > div > .uk-margin address {text-align: right;}
.mod-destaque .uk-h1 {font-family: "Montserrat"; font-weight: 900; text-transform: uppercase;}
.mod-destaque .uk-overlay-background {background: rgba(38, 54, 90, 0.6);}
.mod-destaque .uk-overlay-panel h3 span {color: #f9a4a4;}

.mod-title > .uk-panel-title,
.mod-header h1 {font-family: "Montserrat"; font-weight: 900; text-transform: uppercase; text-align: center; font-size: 28px; line-height: 50px; position: relative; margin-bottom: 50px;}
.mod-title > .uk-panel-title:before,
.mod-header h1:before {content: ""; position: absolute; width: 150px; height: 5px; left: 50%; margin-left: -75px; top: -30px; background: #7cceff;}

.mod-especialidades .uk-overlay {border: 5px solid #7cceff; border-radius: 5px;}
.mod-especialidades .uk-overlay img {width: 100%;}
.mod-especialidades .uk-panel-title {text-transform: uppercase; font-size: 20px;}

.mod-galeria .uk-overlay-background {background: rgba(38, 54, 90, 0.5);}
.mod-galeria figure {border: 5px solid #7cceff; border-radius: 5px;}

.mod-header h1 {font-family: "Montserrat"; font-weight: 900; text-transform: uppercase; text-align: center;}

.mod-consultorios .uk-panel-box {border-radius: 5px;}
.mod-consultorios .uk-panel .uk-panel-title,
.mod-consultorios .uk-panel-box .uk-panel-title {font-size: 25px; color: #fff; font-family: "Montserrat"; text-transform: uppercase; font-weight: 900;}
.mod-consultorios address {font-weight: bold;}
.mod-consultorios .uk-overlay {border: 5px solid #7cceff; border-radius: 5px;}

.nav.menu .parent > .nav-child {margin-left: 15px;}


/* RESPONSIVIDADE */
@media (max-width: 1100px) {
  .pg-home .tm-toolbar .uk-subnav {flex-direction: column;}
  .pg-home .tm-toolbar .uk-subnav li:nth-child(n + 2) {margin-top: 5px;}
}
@media (max-width: 768px) {
  #tm-top-b, #tm-top-c {margin-top: 80px;}
}
@media (max-width: 570px) {
  .logo-branca img {width: 150px;}
  .mod-destaque .uk-h1 {font-size: 40px; line-height: 50px;}
  .uk-block {padding-top: 100px!important; padding-bottom: 100px!important;}
  #tm-top-a {padding-top: 0!important; padding-bottom: 0!important;}
  #tm-bottom-a h2 {font-size: 28px; font-weight: bold;}
}