/**
 * @file    css/__normalize.css
 * @brief   Normalization stylesheet.
 *
 * @ingroup BLNG_CSS
 */

 /**
 * Table of Contents
 *
 * 1.0 - Normalize
 *   1.1 - Wrappers
 *   1.2 - Elements
 *   1.3 - Forms
 *   1.4 - Typography
 *   1.5 - Links
 *   1.6 - Alignements
 *   1.7 - Clearings
 *   1.8 - Accessibility
 */

/*===========================================================================*/
/* 1.0 Normalize                                                             */
/*===========================================================================*/
/**
 * 1.1 - Wrappers
 */
html {
  font-family: Arial, Helvetica Neue,Helvetica,Verdana sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  width: 100%;
  height: 100%;
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
embed,
iframe,
object,
progress,
video {
  max-width: 100%;
  display: block;
  margin: auto;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 600;
}

small {
}

sub,
sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

select {
  text-transform: none;
}

button {
  overflow: visible;
}

button,
input,
select,
textarea {
  max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
  opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid lightgrey;
  margin: 0 0 1.75em;
  padding: 0.875em;
}

fieldset > :last-child {
  margin-bottom: 0;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

optgroup {
  font-weight: bold;
}

/**
 * 1.2 - Elements
 */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

hr {
  background-color: lightgrey;
  border: 0;
  height: 1px;
  margin: 0 0 1.75em;
}

ul,
ol {
  margin: 1.1em 0 0 1.5em;
  padding: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

li > p {
  margin: 0;
}

dl {
  margin: 0 0 1.75em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 0 1.75em;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

del {
  opacity: 0.8;
}

table,
th,
td {
  border: 1px solid lightgrey;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 1.75em 0;
  max-width: 100% !important;
}

tbody td,
td {
  border-width: 0 1px 1px 0;
  font-weight: 300;
  text-align: left;
  padding: 0.4375em;
}

thead td,
th {
  border-width: 0 1px 1px 0;
  font-weight: 400;
  color: white;
  text-align: center;
  padding: 0.4375em;
}

thead td,
thead th {
  background-color: grey;
}

th {
  background-color: lightgrey;
  border-color: white;
}

th:last-child {
  border-right-color: lightgrey;
}

tr:last-child th {
  border-bottom-color: lightgrey;
}

.hidden {
  font-size: 0;
  height: 0;
  display: none;
  visibility: hidden;
}

/**
 * 1.3 - Forms
 */
select,
input,
textarea,
option,
.button {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  padding: 8px;
  width: 99%;
  border: 1px solid lightgrey;
  background-color: white;
  border-radius: 4px;
  margin: 0 auto 10px;
  vertical-align: baseline;
  display: block;
  height: auto;
  cursor: default;
}

select:hover,
select:focus,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
option:hover,
option:focus,
.button:hover,
.button:focus {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  box-shadow: 0 0 5px lightblue;
  border: 1px solid lightblue;
  outline: none;
}

label:focus {
  outline: none;
}

input[type='submit'],
input[type='button'],
input[type='reset'],
.button {
  color: white !important;
  text-align: center;
}

input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover,
.button:hover {
  opacity: 0.8;
}

: -moz-placeholder {
  color: grey;
  font-weight: 300;
  line-height: 1.5;
  font-family: Arial, Helvetica Neue,Helvetica,Verdana sans-serif;
  font-style: italic;
}

::-webkit-input-placeholder {
  color: grey;
  font-weight: 300;
  line-height: 1.5;
  font-family: Arial, Helvetica Neue,Helvetica,Verdana sans-serif;
  font-style: italic;
}

::-moz-placeholder {
  color: grey;
  font-weight: 300;
  line-height: 1.5;
  font-family: Arial, Helvetica Neue,Helvetica,Verdana sans-serif;
  font-style: italic;
}

:-ms-input-placeholder {
  color: grey;
  font-weight: 300;
  line-height: 1.5;
  font-family: Arial, Helvetica Neue,Helvetica,Verdana sans-serif;
  font-style: italic;
}

.post-password-form input[type="password"] {
  margin-top: 0.4375em;
}

.post-password-form > :last-child {
  margin-bottom: 0;
}

.search-form {
  position: relative;
}

input[type="search"] {
  width: 100%;
  margin: 0;
}

input[type="search"].search-field {
  width: 100%;
}

.post-password-form {
  margin-bottom: 1.75em;
}

.post-password-form label {
  color: grey;
  display: block;
  margin-bottom: 1.75em;
  text-transform: uppercase;
}

/* Color management */
input[type='submit'],
input[type='button'],
.button {
  background-color: lightskyblue;
  border-color: transparent;
}

input[type='submit']:hover,
input[type='submit']:focus,
input[type='button']:hover,
input[type='button']:focus,
.button:hover,
.button:focus {
  box-shadow: 0 0 5px lightskyblue;
}

input[type='reset'] {
  background-color: lightcoral;
}

input[type='reset']:hover,
input[type='reset']:focus {
  box-shadow: 0 0 5px lightcoral;
}

/**
 * 1.4 - Typography
 */
button,
input,
select,
textarea {
  color: black;
  font-family: Arial, Helvetica Neue,Helvetica,Verdana sans-serif;
  letter-spacing: 0.04em;
  word-spacing: 0.07em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.0;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 1.92em;
  color: dimgrey;
}

h2 {
  font-size: 1.71em;
  color: dimgrey;
}

h3 {
  font-size: 1.50em;
  color: darkgrey;
}

h4 {
  font-size: 1.28em;
  color: darkgrey;
}

h5 {
  font-size: 1.14em;
  color: grey;
}

h6 {
  font-size: 1.0em;
  color: grey;
}

p {
  margin: .9em 0 0 0;
}

p b,
ul b,
ol b {
  font-weight: 700;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  border: 0 solid lightgrey;
  color: grey;
  border-left-width: 4px;
  font-size: 1.4em;
  font-weight: 400;
  font-style: italic;
  margin: 10px 0;
  padding: 2px 0 2px 10px;
  clear: both;
}

blockquote p {
  margin: 5px 0 0 0;
}

blockquote p:first-child {
  margin-top: 0 !important;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote cite,
blockquote small {
  color: darkgrey;
  display: block;
}

blockquote cite:before,
blockquote small:before{
  content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

blockquote strong,
blockquote b {
  font-weight: 400;
}

blockquote > :last-child {
  margin-bottom: 0;
}

address {
  font-style: italic;
  margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
  font-family: Inconsolata, monospace;
  font-size: 14px;
  line-height: 1.2;
}

pre {
  border: 1px solid lightgrey;
  margin: 0 0 1.75em;
  max-width: 100%;
  overflow: auto;
  padding: 1.75em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  background-color: lightgrey;
  padding: 0.125em 0.25em;
}

abbr,
acronym {
  border-bottom: 1px dotted lightgrey;
  cursor: help;
}

mark,
ins {
  background: white;
  color: white;
  padding: 0;
  text-decoration: none;
}

/**
 * 1.5 - Links
 */
a {
  color: blue;
  font-weight: normal;
  letter-spacing: 0.04em;
  word-spacing: 0.07em;
  line-height: 1.5;
  text-decoration: none;
  opacity: 1.0;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
}

a:hover,
a:active {
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

a > img {
  -webkit-transition: filter 0.3s ease-in;
  -moz-transition: filter 0.3s ease-in;
  -ms-transition: filter 0.3s ease-in;
  -o-transition: filter 0.3s ease-in;
  -webkit-filter: brightness(100%); /* Chrome, Safari, Opera */
  filter: brightness(100%);
}

a:hover > img {
  -webkit-transition: filter 0.3s ease-out;
  -moz-transition: filter 0.3s ease-out;
  -ms-transition: filter 0.3s ease-out;
  -o-transition: filter 0.3s ease-out;
  -webkit-filter: brightness(105%); /* Chrome, Safari, Opera */
  filter: brightness(105%);
}

a .icon:before{
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}

a:hover .icon:before,
a:active .icon:before{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

/**
 * 1.6 - Alignements
 */
.alignleft {
  float: left;
  margin: 14px 1.2em 0.2em 0;
}

.alignright {
  float: right;
  margin: 14px 0 0.2em 1.2em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0.4em auto 1.2em auto;
}

blockquote.alignleft {
  margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
  margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
  margin-bottom: 1.473684211em;
}

/**
 * 1.7 - Clearings
 */
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.main-content > article:before,
.main-content > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
  content: "";
  display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.main-content > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
  clear: both;
}

/**
 * 1.8 - Accessibility
 */
.says,
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.site .skip-link {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  display: block;
  font-weight: 700;
  left: -9999em;
  outline: none;
  padding: 15px 23px 14px;
  text-decoration: none;
  text-transform: none;
  top: -9999em;
}

.logged-in .site .skip-link {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}

.site .skip-link:focus {
  clip: auto;
  height: auto;
  left: 6px;
  top: 7px;
  width: auto;
  z-index: 100000;
}