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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.unidades .uk-overlay-background{
  background: rgba(255, 255, 255, 0.5);
}

.uk-article-meta{display:none !important;}

.unidades h2{
  color: #009BA3;
}
h1, .uh-h1, h2, .uk-h2, h3 {
  font-family: 'Fira Sans', sans-serif;
}
.uk-text-primary {
  color: #133a68 !important
}
.tm-block-toolbar .tm-toolbar-container{
  min-height: 30px;
  width: 100%;
}

.tm-block-toolbar {
    background-color: #646a6f;
    color: #fff;
}

.tm-block-toolbar a{
  color: #ffffff;
}

.home #tm-top-d{
   background-image: url(../../../images/apoio/fundo-home-exames.jpg);
}
.home #tm-top-d h3{
  margin-bottom: 0px;
}
.home #tm-top-d .uk-margin{
  margin-top: 5px;
}
#tm-footer {
   padding: 11px 0px;
}
.uk-block-default + .uk-block-default{
  border: none;
}
.cdi .mvv .uk-panel{
  border: 2px solid #005556;
}
.cdi #tm-main{
  background-image: url(../../../images/apoio/bg-cdi.jpg);
}
.cdi #tm-bottom-b{
  background-image: url(../../../images/apoio/call-to-action.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.home #tm-top-b .uk-grid-collapse div:nth-child(1) .uk-panel-box{
  background: #005d9f; /* Old browsers */
  background: -moz-linear-gradient(left, #005d9f 31%, #183a68 100%, #005d9f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #005d9f 31%,#183a68 100%,#005d9f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #005d9f 31%,#183a68 100%,#005d9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d9f', endColorstr='#005d9f',GradientType=1 ); /* IE6-9 */
}
.home #tm-top-b .uk-grid-collapse div:nth-child(2) .uk-panel-box{
background: #007ede; /* Old browsers */
background: -moz-linear-gradient(left, #007ede 2%, #1e6995 53%, #1e6995 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #007ede 2%,#1e6995 53%,#1e6995 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #007ede 2%,#1e6995 53%,#1e6995 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ede', endColorstr='#1e6995',GradientType=1 ); /* IE6-9 */
}
.home #tm-top-b .uk-grid-collapse div:nth-child(3) .uk-panel-box{
background: #005d9f; /* Old browsers */
  background: -moz-linear-gradient(left, #005d9f 31%, #183a68 100%, #005d9f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #005d9f 31%,#183a68 100%,#005d9f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #005d9f 31%,#183a68 100%,#005d9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d9f', endColorstr='#005d9f',GradientType=1 ); /* IE6-9 */
}
.home #tm-top-b .uk-grid-collapse div:nth-child(4) .uk-panel-box{
  background: #007ede; /* Old browsers */
background: -moz-linear-gradient(left, #007ede 2%, #1e6995 53%, #1e6995 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #007ede 2%,#1e6995 53%,#1e6995 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #007ede 2%,#1e6995 53%,#1e6995 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ede', endColorstr='#1e6995',GradientType=1 ); /* IE6-9 */
}

.home #tm-top-b .uk-panel-box a{
  color: #fff;
  font-weight: bold;
}
.home #tm-top-b .uk-panel-box {
  border: none;
  border-radius: 0px;
  transition: all 0.8s ease;
}
.home #tm-top-b .uk-grid-collapse .uk-panel-box:hover{
  -webkit-transform: translate(0px, -19px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
  -moz-transform: translate(0px, -19px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
  -o-transform: translate(0px, -19px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
  -ms-transform: translate(0px, -19px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
  transform: translate(0px, -19px) rotate(0deg) skew(0deg, 0deg) scale(1,1);
}
.home .tm-top-c{
  margin-top: 100px;
}
#tm-bottom-e {
  background-color: #373435;
}
h1, h2, h3, h4, h5, h6{
  color: #373435;
}

.tm-toolbar-container .uk-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.tm-toolbar-container .uk-panel > div {
  width: 100%;
}
.contato-toolbar {
  text-align: right;
}

/* Porteira de unidades */
.porteira .uk-button-dropdown {
  display: block;
  padding-top: 40px;
  text-align: left;
}
.porteira .uk-dropdown-bottom {
  width: 100%;
  top: 60px !important;
}
.porteira .dropdown {
    float: left;
    padding: 10px 20px;
    color: #004548;
    background: rgba(255, 255, 255, 0.67);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.porteira .uk-icon-chevron-down {
  float: right;
}
.porteira .uk-nav-dropdown li a {
  text-decoration: none;
}

.nome-medicos h3, .nome-ultrassom h3{

color: #ffffff;

}

.vitrine .fundo {

background-color: #57adec47;

}


/* ========================================================================
   Grid
========================================================================== */
.grid-1 { grid-area: institucional1; }
.grid-2 { grid-area: institucional2; background-image: url(../../../images/home-estrutura/inst-9.png); }
.grid-3 { grid-area: institucional3; background-image: url(../../../images/home-estrutura/equipamento-novo.png); }
.grid-4 { grid-area: institucional4; background-image: url(../../../images/home-estrutura/inst-3.jpg); }
.grid-5 { grid-area: institucional5; background-image: url(../../../images/home-estrutura/inst-4.jpg); }
.grid-6 { grid-area: institucional6; }
.grid-7 { grid-area: institucional7; background-image: url(../../../images/home-estrutura/inst-5.jpg); }

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7
{
  background-size: cover;
  background-position: center;
}
.grid .item {
  width: 100%;
  min-height: 200px;
  background-color: #fdfdfd;
  text-align: center;
}
.grid .item p{
  margin: 20px;
}
.grid-1, .grid-6 {
  -webkit-justify-content: center;
  display: flex;
  -webkit-align-items:center;
}
.grid-1 >, .grid-6 > {
  flex:1;
}
@media only screen and (min-width : 768px) {
  .home #tm-top-a .uk-margin{
    margin-left: 100px;
  }
  .home #tm-top-b .uk-container{
    margin-top: -200px;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-gap: 2px;
    grid-template-areas:
   "institucional1 institucional1 institucional2 institucional2 institucional3 institucional3"
   "institucional4 institucional4 institucional2 institucional2 institucional3 institucional3"
   "institucional5 institucional6 institucional6 institucional6 institucional7 institucional7"
   "institucional5 institucional6 institucional6 institucional6 institucional7 institucional7"
 }
}
@media only screen and (max-width : 768px) {
  .grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-gap: 2px;
    grid-template-areas:
   "institucional1"
   "institucional2"
   "institucional3"
   "institucional4"
   "institucional5"
   "institucional6"
   "institucional7"
 }
}

#btn1_0{

	color: #ffffff !important;
}

/* LOGO de Desenvolvimento */
ul.selo {
  list-style: none;
  position: absolute;
  top: -5px;
  right: 0px;
  margin: 0;
}
.tm-footer {
  position:relative;
}
.selo li a.logo-superix {
  background-image: url(../images/logo-superix-criacao-site.png);
}
ul.selo li a {
  background-position: right top;
  width: 105px;
  height: 37px;
  display: block;
  text-indent: -9999px;
}
/* Bullet de Desenvolvimento */
@media only screen and (max-width : 700px) {
  .selo li a.logo-superix {
    background:url(../images/logo-b-superix-criacao-site.png) no-repeat;
  }
  ul.selo li a {
    background-position: left top;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
  }
  ul.selo {
    bottom: 3px;
    right: 3px;
  }
}
@media only screen and (max-width : 480px) {
  ul.selo {
    top: 0px;
    right: 0px;
  }
}