@import "lessfw";
/*
Geral
*/
html,
body {
height: 100%;
}
body {
background: #CFCFCF;
}
#wpadminbar { padding: 0px !important; } //admin bar fix conflito com Kube
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 20px;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
h1, h2, h3, h4, h5, h6 {
.fonte_titulo();
}
hr {
border-top: 1px dashed @fonte_padrao;
margin: 0 auto 30px;
width: 600px;
}
::-webkit-input-placeholder { color:#999; font-size: 12px; }
::-moz-placeholder { color:#999; font-size: 12px; } /* firefox 19+ */
:-ms-input-placeholder { color:#999; font-size: 12px;} /* ie */
input:-moz-placeholder { color:#999; font-size: 12px;}
.carregando {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
display: block;
height: 100%;
position: fixed;
width: 100%;
z-index: 999;
top:0;
left: 0;
display: none;
}
.carregando img {
top:50%;
left:50%;
margin-top: -45px;
margin-left: -45px;
position: absolute;
}
.role-pagina {
.fonte_titulo();
text-transform: uppercase;
color: @branco;
font-size: 18px;
span {
font-size: 28px;
}
a {
color: @branco !important;
:hover {
text-decoration: none !important;
}
}
}
/*
Efeitos Parallax
*/
.hsContainer {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.hsContent {
max-width: 450px;
margin: -150px auto 0 auto;
display: table-cell;
vertical-align: middle;
color: #ebebeb;
padding: 0 8%;
}
.bcg {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;
}
.curtainContainer {
width: 100%; height: 100%;
position: relative;
}
.curtainContainer .curtain {
width: 300%; height: 1px;
background-color: #000000;
position: absolute; top: 25%; left: 0;
opacity: 0
}
.curtainContainer .copy {
position: absolute;
bottom: 30%; left: 0;
width: 100%; text-align: center;
}
.container-rounded {
margin: 100px;
border-radius: 20px;
}
.logo-rounded {
text-align: center;
border-radius: 0px 0px 20px 20px;
overflow: hidden;
img {
max-width: 100%;
padding: 20px;
}
}
/*
Home
*/
.barra-ethos {
.box-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
background: #FFFFFF;
height: 30px;
position: fixed;
overflow: hidden;
width: 100%;
z-index: 9999;
top: 0;
.tit-ethos {
img {
max-height: 30px !important;
padding: 3px;
}
}
nav {
background: none !important;
border: 0px !important;
#nav-barra-ethos {
a {
.fonte_titulo();
font-size: 12px;
color: @marrom !important;
text-transform: uppercase;
padding: 7px !important;
}
}
}
}
/*
Intro Ethos
*/
.overlay-texto-home {
background: url('@{template_directory_uri}/img/home_intro_blur.jpg') no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 50%;
width: 100%;
height: 100%;
display: block;
z-index: 0;
position: absolute;
opacity: 0;
/* margin-left: 2000px; */
}
.overlay-texto-home2 {
background: url('@{template_directory_uri}/img/effect_2.png') repeat rgba(0,0,0,0.4);
width: 100%;
height: 100%;
display: block;
z-index: 0;
opacity: 0;
position: absolute;
/* margin-left: 2000px; */
}
#intro {
.bcg {
background-image: url('@{template_directory_uri}/img/home_intro.jpg');
}
.logo-ethos {
img {
max-width: 100%;
padding: 50px;
}
}
.role-pagina {
margin-top: 20px;
}
.slogan {
.fonte_titulo();
text-transform: uppercase;
color: @branco;
font-size: 50px;
padding: 100px 0px 20px;
text-align: left;
}
#texto-home {
opacity: 0;
.transform_scale(0.5);
padding-top: 100px;
background-size: cover;
background-attachment: fixed;
font-size: 14px;
color: @branco;
.col-md-8 {
padding-bottom: 30px;/* 150px; */
min-height: 1000px;
}
}
}
/*
HT Plus
*/
#ht-plus {
p, h1, h2, h3, h4, h5, h6 {
color: @verde;
line-height: 40px !important;
}
.container-rounded { background: @branco; }
.logo-rounded { background: @verde; }
.bcg { background-image: url('@{template_directory_uri}/img/home_laranja.jpg'); }
.logo-htplus {
img {
max-width: 300px;
}
}
.slogan {
color: @branco;
letter-spacing: 10px;
h1 {
margin: 100px 0px;
line-height: 50px !important;
}
}
.logo-amil {
margin-top: 80px;
padding-bottom: 20px;
img {
max-width: 150px;
}
span {
letter-spacing: 5px;
color: @verde;
font-size: 15px;
.fonte_titulo();
display: block;
margin-top: 20px;
}
}
a {
color: @laranja !important;
}
}
/*
Hospital Itatiba
*/
#hospital-itatiba {
.logo-rounded { background: #EFEFEF; }
.container-rounded { background: @branco; }
.bcg { background-image: url('@{template_directory_uri}/img/home_verde.jpg'); }
p, h1, h2, h3, h4, h5, h6 {
color: @verde;
}
.slogan {
color: @branco;
letter-spacing: 10px;
padding: 30px 0px;
h3 {
letter-spacing: 2px;
margin-bottom: 0px;
margin-top: 10px;
}
h1 {
margin: 100px 0px;
line-height: 50px !important;
}
p {
letter-spacing: 1px;
font-size: 14px;
margin-top: 30px;
margin-bottom: 20px;
}
}
.gallery {
img {
border: 0px;
border-radius: 20px;
max-width: 350px;
height: auto;
}
}
.footer {
text-align: center;
line-height: 25px;
letter-spacing: 5px !important;
font-size: 13px !important;
.fonte_titulo();
a {
color: @laranja !important;
font-size: 15px !important;
}
}
}
/*
ClĂnica CEM
*/
#clinica-cem {
.logo-rounded { background: #FFFFFF; }
.container-rounded { background: @branco; }
.bcg { background-image: url('@{template_directory_uri}/img/home_azul.jpg'); }
p, h1, h2, h3, h4, h5, h6 {
color: @azul;
.fonte_titulo();
}
.logo-clinica-cem {
img {
max-width: 300px;
}
}
.slogan {
color: @branco;
letter-spacing: 10px;
padding: 30px 0px;
p {
letter-spacing: 1px;
font-size: 18px;
margin-top: 10px;
margin-bottom: 20px;
line-height: 33px;
}
}
.foto {
margin-top: 40px;
li {
list-style: none;
img {
max-width: 100%;
margin-bottom: 20px;
border-radius: 20px;
}
}
}
.footer {
text-align: center;
line-height: 25px;
letter-spacing: 5px !important;
font-size: 13px !important;
.fonte_titulo();
a {
color: @laranja !important;
font-size: 15px !important;
}
}
}
/*
CMO Itatiba
*/
#cmo-itatiba {
.logo-rounded { background: @cinza; }
.container-rounded { background: @branco; }
.bcg { background-image: url('@{template_directory_uri}/img/home_vermelha.jpg'); }
p, h1, h2, h3, h4, h5, h6 {
color: #414241;
.fonte_titulo();
}
.logo-clinica-cem {
img {
max-width: 300px;
}
}
.slogan {
padding: 30px 0px;
p {
font-size: 14px;
margin-top: 10px;
margin-bottom: 30px;
line-height: 25px;
}
}
.foto {
margin-top: 40px;
li {
list-style: none;
img {
max-width: 100%;
margin-bottom: 20px;
border-radius: 20px;
}
}
}
blockquote {
background: @cinza;
padding: 20px;
border-radius: 20px;
max-width:500px;
margin: 0px auto;
p, h1, h2, h3, h4 {
color: @branco;
text-align: center;
margin: 0px !important;
padding: 0px;
}
}
.footer {
text-align: center;
line-height: 20px;
letter-spacing: 5px !important;
font-size: 12px !important;
.fonte_titulo();
p {
margin-bottom: 0px !important;
}
a {
color: @vermelho !important;
font-size: 15px !important;
}
}
}
/*
Audi Max
*/
#audimax {
.logo-rounded { background: #EFEFEF; }
.container-rounded { background: @branco; }
.bcg { background-image: url('@{template_directory_uri}/img/home_cinza.jpg'); }
p, h1, h2, h3, h4, h5, h6 {
color: @azul;
.fonte_titulo();
}
.slogan {
padding: 30px 0px;
p {
font-size: 14px;
line-height: 25px;
}
h1 {
text-transform: uppercase;
font-weight: bold;
font-size: 40px;
margin: 10px;
}
h2 {
text-transform: uppercase;
font-size: 20;
margin: 0px;
}
}
img {
max-width: 100%;
border-radius: 20px;
}
.bloco-audimax {
h6, h5 {
font-size: 18px;
text-transform: uppercase;
text-align: center;
line-height: 30px;
}
h5 {
color: @verde;
}
}
.foto {
margin-top: 40px;
li {
list-style: none;
img {
max-width: 100%;
margin-bottom: 20px;
border-radius: 20px;
}
}
}
.bloco-audimax2 {
margin: 20px 0px;
.col-md-5 {
background: @azul;
padding: 20px;
border-radius: 20px;
height: 350px;
p, h1, h2, h3, h4 {
color: @branco;
text-align: center;
margin: 0px;
padding: 0px;
}
h3 {
text-transform: uppercase;
.font_titulo();
margin: 10px 0px 20px 0px;
}
ul {
margin: 10px 0px;
padding-left: 10px;
li{
list-style: none;
color: @branco;
margin: 10px;
.font_titulo();
.glyphicon {
margin-right: 10px;
}
}
}
}
}
.footer {
margin-top: 40px;
text-align: center;
line-height: 20px;
letter-spacing: 5px !important;
font-size: 12px !important;
.fonte_titulo();
p {
margin-bottom: 0px !important;
}
a {
color: @verde !important;
font-size: 15px !important;
}
}
}