/* INDICE
1. Definição de Box-sizing
2. CSS RESET
3. Formatação geral de elementos
4. Formatação de textos e ícons-as-fonts
5. Cores
6. Opacity
7. Bordas e rounds
8. iFrames, imagens e ícones
9. Campos de input
10. Layout de botões
11. Layout das barras dos menus
12. Largura de conteúdos
13. Posicionamento de textos
14. Alinhamentos e espaçamentos
15. Alteração do estilo da navbar com scroll
16. Exibir/ocultar conteúdos
17. Fixar o rodapé ao final da página quando existe pouco conteúdo na página
18. Clearfix
19. Responsive Web Design - Grid-View
20. Media queries para controlar o layout responsivo
21. Media queries para controlar quando deve ser exibido o menu desktop/mobile de acordo com o tamanho da viewport
22. Media queries para controlar o tamanho de títulos
23. Media queries para o tamanho da foto do Profissional
24. Media queries para o tamanho da logo na página inicial
25. Media queries para o tamanho do mapa
26. Media queries para os textos gerais
27. Media querie para definir layout do botão do whats
*/
/* ============================================================================================================================================== */
/* 1 */
/* Definição de Box-sizing */
html{box-sizing:border-box;}*, /*The width and height properties (and min/max properties) includes content, padding and border,
but not the margin */
*:after, /*o modelo box-sizing é aplicado antes de qualquer elemento */
*:before{ /*o modelo box-sizing é aplicado após qualquer elemento */
box-sizing:inherit;} /*o modelo box-sizing é herdado do elemento Pai */
/* ============================================================================================================================================== */
/* 2 */
/*********************************************************************************************************************************/
/* INICIO DO CSS RESET - Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
/*********************************************************************************************************************************/
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;}
body{margin:0;}
/* navegadores antigos não reconhecem estes elementos, logo serão exibidos como elementos de linha. */
/*É preciso então declará-los explicitamente como sendo de bloco */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{display:block;}
audio,canvas,progress,video{display:inline-block;} /* Correct `inline-block` display not defined in IE 8/9. */
progress{vertical-align:baseline;} /* Corrige o alinhamento vertical para a barra de progresso */
audio:not([controls]){ /* Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
display:none;
height:0;}[hidden],
template{display:none;}
a{
background-color:transparent;
-webkit-text-decoration-skip:objects;}
a:active, /* Remove the outline on focused links when they are also active or hovered */
a:hover{outline-width:0;} /* An outline is a line that is drawn around elements (outside the borders) to make the element "stand out" */
abbr[title]{ /* Remove the outline on focused links when they are also active or hovered */
/* Seleciona todos os componentes abbr com o atributo title */
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted;}
dfn{font-style:italic;} /* dfn => definição de um termo em HTML */
/* Exemplo:
HTML is the standard markup language for creating web pages.
*/
mark{ /* Define texto destacado */
background:#ff0;
color:#000;}
small{font-size:80%;}
sub,sup{ /* sub e sup são os texto deslocados acima e abaixo, como utilizado no 2 na fórmula H2O */
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;}
sub{bottom:-0.25em;} /* Prevent `sub` affecting `line-height` in all browsers. */
sup{top:-0.5em;} /* Prevent `sup` affecting `line-height` in all browsers. */
figure{margin:1em 40px;} /* a unidade de medida 'em': relacionado ao tamanho da fonte do elemento/*
/* Exemplo:
div {
font-size: 30px;}
span {
font-size: 0.5em;}
The font-size of the div element is set to 30px.
The span element inside the div element has a font-size of 0.5em, which equals to 0.5x30 = 15px.
*/
img{ border-style:none;}
svg:not(:root){overflow:hidden;} /* corrige problema de renderização de SVG no IE9 */
/* overflow define o que deve ocorrer se o conteúdo ultrapassar a caixa do elemento. Neste caso deve esconder o que */
/* não couber na caixa do elemento */
code, /* define fonte para estas tags em específico */
kbd,
pre,
samp{
font-family:monospace,monospace;
font-size:1em;}
hr{ /* utilizado para separar conteúdo. Traça uma linha divisória */
box-sizing:content-box; /* Default. The width and height properties (and min/max properties) includes only the content.
Border, padding, or margin are not included */
height:0;
overflow:visible;} /* overflow define o que deve ocorrer se o conteúdo ultrapassar a caixa do elemento. Neste caso deve exibir o que */
/* não couber para fora da caixa do elemento */
/*Exemplo:
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;} */
button,
input,
select,
textarea{
font:inherit; /* herda a fonte do elemento Pai */
margin:0;}
optgroup{font-weight:bold;} /*utilizado pra agrupar opções relacionadas em uma lista */
/* */
button,
input{overflow:visible;}
button,
select{text-transform:none;} /* The text-transform property controls the capitalization of text */
button,
html [type=button],[type=reset],[type=submit]{/* Seleciona todos os componentes com os types informados e define a aparência de botão */
-webkit-appearance:button;}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{
border-style:none; /* ajuste de botões para o Mozilla */
padding:0;}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{
outline:1px dotted ButtonText;} /* An outline is a line that is drawn around elements (outside the borders)
to make the element "stand out". */
fieldset{
border:1px solid #c0c0c0; /* The