@font-face {
  font-family: 'HouschkaHead-Regular';
  font-style: normal;
  src: url(../fonts/HouschkaHead-Light.otf); }
@font-face {
  font-family: 'HouschkaHead-Medium';
  font-style: normal;
  src: url(../fonts/HouschkaHead-Medium.otf); }
@font-face {
  font-family: 'HouschkaHead-Bold';
  font-style: normal;
  src: url(../fonts/HouschkaHead-Bold.otf); }
/*
background: F9F9FB;
blue corporative: 012168;
dark blue corp: 031A4F;
footer background: F1F1F1;
*/
.section, .nav-posts, .page__content {
  padding-bottom: 2rem;
  padding-top: 2rem; }

@media only screen and (min-width: 768px) {
  .section, .nav-posts, .page__content {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem; } }
@media only screen and (min-width: 1024px) {
  .section, .nav-posts, .page__content {
    padding-bottom: 2.75rem;
    padding-top: 2.75rem; } }
@media only screen and (min-width: 1280px) {
  .section, .nav-posts, .page__content {
    padding-bottom: 2.75rem;
    padding-top: 2.75rem; } }
.flash_down, .header--active {
  animation: flash_down .6s ease-in-out both; }

@keyframes flash_down {
  0% {
    opacity: 0;
    transform: translateY(-150px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
picture,
img {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none;
  list-style-type: none; }

blockquote,
q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*:focus {
  outline: 0px; }

select {
  -webkit-appearance: none; }

input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 13px;
  font-family: Arial; }

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0; }

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  width: 13px;
  height: 13px; }

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none; }

/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto; }

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none; }

/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto; }

/* Selects
-----------------------------------------------*/
select[multiple] {
  /* Move the label to the top */
  vertical-align: top; }

/* avoid iPad/iPhone buttons style */
input[type="submit"],
button {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  overflow-x: hidden; }

body {
  background: #F9F9FB;
  color: #231F20;
  font-family: "HouschkaHead-Medium", sans-serif;
  font-size: 62.5%;
  font-weight: normal;
  min-height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

.body-normal--active {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%; }

strong {
  font-weight: bold; }

a {
  color: inherit; }

::-moz-selection {
  background: #EF2E24;
  color: #fff; }

::selection {
  background: #EF2E24;
  color: #fff; }

.grid-content, .page__content, .category__content, .list-of-posts,
.grid,
.nav-posts,
.top-header__content,
.home-last-post,
.home-new-content__title,
.home-new-content__header,
.hero__content,
.pie__content,
.newsletter__wrap,
.footer__content,
.header__content,
.last-posts,
.article-first__wrap,
.article-first__thumbnail-pie,
.header-mobile__content,
.home-new-content,
.home-file-post {
  padding-left: 12px;
  padding-right: 12px; }

.grid, .nav-posts, .top-header__content, .home-last-post, .home-new-content__title, .home-new-content__header, .hero__content, .pie__content, .newsletter__wrap, .footer__content, .header__content, .last-posts, .article-first__wrap, .article-first__thumbnail-pie, .header-mobile__content, .home-new-content, .home-file-post {
  max-width: 1200px; }

.grid-content, .page__content, .category__content, .list-of-posts {
  max-width: 980px; }

.layout,
.layout-grid {
  justify-content: space-between;
  display: flex;
  flex-flow: row wrap;
  margin: auto;
  width: 100%; }

.layout-grid {
  max-width: calc( 1200px + calc( 32px/2 ) );
  width: 95%; }

@media only screen and (min-width: 768px) {
  .grid-content, .page__content, .category__content, .list-of-posts,
  .grid,
  .nav-posts,
  .top-header__content,
  .home-last-post,
  .home-new-content__title,
  .home-new-content__header,
  .hero__content,
  .pie__content,
  .newsletter__wrap,
  .footer__content,
  .header__content,
  .last-posts,
  .article-first__wrap,
  .article-first__thumbnail-pie,
  .header-mobile__content,
  .home-new-content,
  .home-file-post {
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    width: 85%; } }
.category-link a {
  color: #EF2E24;
  display: none;
  font-family: "HouschkaHead-Bold", sans-serif;
  text-transform: uppercase;
  font-size: .75rem;
  margin-right: 0.85rem;
  text-decoration: none; }
.category-link a:first-child {
  display: inline-block; }

@media only screen and (min-width: 768px) {
  .category-link a {
    font-size: .85rem; } }
.search-form {
  color: #fff;
  font-size: 1rem; }

.search-form__input {
  border-radius: 6px;
  background: #fff url("../img/search-black.svg") 15px 16px no-repeat;
  background-size: 14px;
  color: #231F20;
  min-width: 100px;
  font-family: "HouschkaHead-Medium", sans-serif;
  font-size: .9rem;
  padding: .8rem 1rem;
  text-indent: 24px; }
  .search-form__input::placeholder {
    color: #888F96;
    opacity: .6; }

.author a {
  color: #EF2E24;
  font-family: "HouschkaHead-Medium", sans-serif;
  text-decoration: none; }
  .author a:hover {
    text-decoration: underline; }

.subtitle, .related-posts__title, .last-posts__title, .article-first__subtitle {
  color: #888F96;
  font-family: "HouschkaHead-Bold", sans-serif;
  text-transform: uppercase;
  font-size: .7rem;
  padding-bottom: .75rem; }

.time {
  display: inline-block; }

.time:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #888F96;
  content: '';
  border-radius: 100%;
  transform: translateY(-2px);
  margin: 0 .25rem 0 0; }

.post-resume {
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 2rem;
  background: #fff;
  border-radius: 6px 6px 0 0;
  border-bottom: 2px solid #EF2E24;
  transition: transform .2s;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.1); }

.post-resume:hover {
  transform: translateY(-0.5rem); }

.post-resume__flex {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between; }

.post-resume__date {
  font-size: .75rem;
  font-family: "HouschkaHead-Regular", sans-serif;
  padding-bottom: 1rem; }

.post-resume__thumb {
  flex: 0 1 30%; }
  .post-resume__thumb picture {
    border-radius: 6px; }

.post-resume__content {
  flex: 0 1 60%; }
  .post-resume__content .time {
    margin-left: .5rem; }

.post-resume__picture {
  background: #f0f0f0;
  position: relative;
  overflow: hidden; }
  .post-resume__picture:before {
    content: '';
    display: block;
    padding-top: 100%;
    width: 100%; }
  .post-resume__picture > img {
    border-radius: 6px;
    object-fit: cover;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    width: 100%; }

.post-resume__link {
  text-decoration: none; }

.post-resume__category {
  padding: 0 0 .5rem 0; }

.post-resume__title {
  color: #231F20;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: 1rem;
  line-height: 1.35rem; }

.post-resume__paragraph {
  color: #888F96;
  display: none;
  font-family: "HouschkaHead-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.75rem; }

.post-resume__meta {
  color: #888F96;
  display: flex;
  flex-flow: row nowrap;
  font-size: .85rem;
  padding: 1rem 0 0 0; }

.post-resume__author a {
  color: #EF2E24; }
  .post-resume__author a:hover {
    text-decoration: underline; }

.post-resume__readmore {
  font-size: 1rem;
  text-decoration: none;
  color: #EF2E24;
  font-family: "HouschkaHead-Bold", sans-serif;
  display: block;
  padding: 1rem 0; }
  .post-resume__readmore:hover {
    text-decoration: underline; }

.post-resume__time {
  margin-left: .5rem;
  color: #888F96;
  font-family: "HouschkaHead-Regular", sans-serif; }

@media only screen and (min-width: 768px) {
  .post-resume__thumb {
    flex: 0 1 30%; }

  .post-resume__content {
    flex: 0 1 60%; }

  .post-resume__title {
    font-size: 2rem;
    line-height: 2.5rem; }

  .post-resume__paragraph {
    display: block; }

  .post-resume__date {
    font-size: .85rem; } }
.main {
  font-family: "HouschkaHead-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.75rem; }
  .main div,
  .main p,
  .main ul,
  .main ol,
  .main img {
    display: block;
    margin: 1rem 0;
    max-width: 100%; }
  .main div,
  .main img {
    margin: 2rem 0; }
  .main img {
    height: auto; }
  .main h1,
  .main h2,
  .main h3,
  .main h4,
  .main h5,
  .main h6 {
    font-family: "HouschkaHead-Bold", sans-serif;
    padding: 1rem 0; }
  .main h1,
  .main h2 {
    font-size: 2rem;
    line-height: 2.25rem; }
  .main h3 {
    font-size: 1.5rem;
    line-height: 2.25rem; }
  .main h4 {
    font-size: 1.25rem;
    line-height: 2rem; }
  .main h5 {
    font-size: 1.25rem;
    line-height: 1.75rem; }
  .main h6 {
    font-size: 1rem;
    line-height: 1.5rem; }
  .main ol,
  .main ul {
    padding-left: 1.5rem; }
    .main ol li,
    .main ul li {
      padding-bottom: .75rem; }
  .main ul {
    list-style-type: disc; }
  .main ol {
    list-style-type: upper-roman; }
  .main b,
  .main strong {
    font-weight: bold;
    font-family: "HouschkaHead-Medium", sans-serif; }
  .main i {
    font-style: italic; }
  .main a {
    color: #EF2E24;
    border-bottom: 1px solid #EF2E24;
    text-decoration: none !important; }
    .main a:hover {
      border-bottom: 0; }
  .main blockquote {
    font-family: "HouschkaHead-Bold", sans-serif;
    color: #EF2E24;
    font-size: 1.5rem;
    line-height: calc( 1.5rem + .25rem);
    text-transform: uppercase;
    padding: 1rem 0; }
  .main iframe,
  .main embed {
    max-width: 100%;
    min-height: 300px; }

@media only screen and (min-width: 1024px) {
  .main {
    font-size: 1.25rem;
    line-height: 2.2rem; }
    .main blockquote {
      font-size: 2.5rem;
      line-height: calc( 2.5rem + .25rem);
      padding: 2rem 0; }
      .main blockquote:before {
        height: 8px;
        width: 120px; } }
.widgets {
  margin-top: 4rem; }
  .widgets div {
    background: #1CAADE;
    border-radius: 4px;
    color: #fff;
    font-family: "HouschkaHead-Regular", sans-serif; }
  .widgets .rounded {
    font-size: 1.5rem;
    line-height: 1.75rem;
    padding: 2rem 2rem 1rem 2rem; }
  .widgets .textwidget {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0 2rem 2rem 2rem; }
    .widgets .textwidget a {
      display: inline-block;
      padding-top: 2rem;
      font-family: "HouschkaHead-Bold", sans-serif;
      font-size: 1.15rem; }

@media only screen and (min-width: 1024px) {
  .widgets {
    margin-top: 20rem; } }
.last-posts__post {
  transition: transform .2s; }
  .last-posts__post .post-resume-vertical__picture {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1); }

.last-posts__post:hover {
  transform: translateY(-0.5rem); }

.post-resume-vertical__picture {
  background: #f0f0f0;
  position: relative;
  overflow: hidden;
  width: 95%; }
  .post-resume-vertical__picture:before {
    content: '';
    display: block;
    padding-top: 66.6666666667%;
    width: 100%; }
  .post-resume-vertical__picture > img {
    border-radius: 6px;
    object-fit: cover;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    width: 100%; }

.post-resume-vertical__date {
  font-size: .85rem;
  font-family: "HouschkaHead-Regular", sans-serif;
  padding-bottom: 1rem; }

.post-resume-vertical__category {
  padding: 0 0 .5rem 0; }

.post-resume-vertical__content {
  background: #fff;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 6px 6px 0 0;
  border-bottom: 2px solid #EF2E24;
  transform: translate(1rem, -4rem);
  transition: box-shadow .2s;
  width: calc( 100% - 1rem ); }

.post-resume-vertical__link {
  text-decoration: none;
  display: block; }

.post-resume-vertical__title-post {
  color: #231F20;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.7rem; }

.post-resume-vertical__meta {
  display: flex;
  color: #888F96;
  font-family: "HouschkaHead-Medium", sans-serif;
  flex-flow: row nowrap;
  font-size: .85rem;
  padding-top: 1rem; }
  .post-resume-vertical__meta .time {
    margin-left: .5rem; }

.post-resume-vertical__author a {
  color: #EF2E24; }
  .post-resume-vertical__author a:hover {
    text-decoration: underline; }

.post-resume-vertical__time {
  margin-left: .5rem;
  color: #888F96; }

.nav-posts {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

.nav-posts__back a,
.nav-posts__next a {
  background: #EF2E24;
  color: #fff;
  display: inline-block;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: .85rem;
  padding: 1rem;
  text-decoration: none; }

.top-header {
  background: #231F20;
  display: none;
  padding: .8rem 0; }

.top-header__content {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

.top-header__link a {
  color: #fff;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: .85rem;
  text-decoration: none; }

.top-header__list-link {
  text-decoration: none;
  font-family: "HouschkaHead-Medium", sans-serif;
  color: #fff;
  opacity: .6;
  font-size: 14px;
  padding: 0 1rem;
  transition: opacity .2s; }
  .top-header__list-link:hover {
    opacity: 1; }

.top-header__rrss {
  align-items: center;
  color: #fff;
  display: flex;
  flex-flow: row nowrap; }
  .top-header__rrss .rrss__icon {
    margin-left: 1rem; }

.top-header__rrss--message {
  margin-right: 1.5rem; }

@media only screen and (min-width: 1024px) {
  .top-header {
    display: block; } }
.related-posts {
  display: none;
  padding-top: 8rem; }

.related-posts__title {
  padding-bottom: 1rem; }

.related-posts__link {
  display: block;
  text-decoration: none;
  padding: .5rem 0; }
  .related-posts__link:hover .related-post__title-post {
    color: #EF2E24; }
  .related-posts__link:hover .related-posts__picture {
    opacity: .4; }

.related-posts__post {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0 0 1rem 0; }

.related-posts__thumb {
  flex: 0 1 30%;
  max-width: 120px; }

.related-posts__picture {
  background: #f0f0f0;
  position: relative;
  overflow: hidden;
  transition: opacity .2s; }
  .related-posts__picture:before {
    content: '';
    display: block;
    padding-top: 100%;
    width: 100%; }
  .related-posts__picture > img {
    border-radius: 6px;
    object-fit: cover;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    width: 100%; }

.related-posts__content {
  flex: 0 1 60%; }

.related-posts__date {
  font-size: .75rem;
  font-family: "HouschkaHead-Regular", sans-serif;
  padding-bottom: .5rem; }

.related-post__title-post {
  color: #231F20;
  font-size: 1rem;
  line-height: 1.45rem;
  font-family: "HouschkaHead-Bold", sans-serif;
  transition: color .2s; }

.related-posts__readmore {
  display: inline-block;
  padding-top: 1rem;
  color: #EF2E24;
  font-size: .85rem;
  text-decoration: none; }
  .related-posts__readmore:hover {
    text-decoration: underline; }

@media only screen and (min-width: 1024px) {
  .related-posts {
    display: block; } }
.home-last-post {
  height: 80vh;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem; }

.home-last-post__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  height: 100%; }

.home-last-post__content {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  padding: 4rem 1rem;
  z-index: 20; }

.home-last-post__link {
  text-decoration: none; }

.home-last-post__title {
  font-size: 2rem;
  color: #EF2E24;
  line-height: 2.75rem;
  font-family: "HouschkaHead-Bold", sans-serif; }

.home-last-post__readmore {
  font-family: "HouschkaHead-Regular", sans-serif;
  color: #1CAADE;
  text-decoration: none;
  font-size: 1rem;
  display: block;
  padding-top: 1rem;
  transition: transform .4s; }
  .home-last-post__readmore:hover {
    transform: translateX(0.5rem); }

@media only screen and (min-width: 1024px) {
  .home-last-post__content {
    padding: 4rem;
    position: absolute;
    width: 60%; } }
.home-new-content__title {
  color: #EF2E24;
  font-size: 1.5rem;
  margin-top: 1rem; }

@media only screen and (min-width: 1024px) {
  .home-new-content__title {
    font-size: 2rem;
    margin-top: 2rem; } }
.home-new-content__header--first {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }
  .home-new-content__header--first .home-new-content__view-more {
    display: none;
    transform: translateY(2rem); }

.home-new-content__view-more {
  display: inline-block;
  padding: .85rem;
  background: #EF2E24;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  color: #fff;
  border-radius: 8px;
  transform: translateY(0.5rem);
  margin-bottom: 2rem; }

.home-new-content__header-title {
  color: #EF2E24;
  font-size: 1.5rem;
  margin-top: 1.5rem; }

@media only screen and (min-width: 1024px) {
  .home-new-content__header-title {
    font-size: 2rem; }

  .home-new-content__view-more {
    display: none; }

  .home-new-content__header--first .home-new-content__view-more {
    display: block !important; } }
/*
@import 'components/home-newsletter';
*/
.rrss {
  align-items: center;
  display: flex;
  flex-flow: row nowrap; }

.rrss__icon {
  display: inline-block;
  height: 22px;
  transition: opacity .4s;
  width: 22px; }
  .rrss__icon .icon {
    fill: #fff; }

.rrss:hover .rrss__icon {
  opacity: .4; }
.rrss:hover .rrss__icon:hover {
  opacity: 1; }

.hero {
  background: transparent url("../img/category/wall.jpg") center no-repeat;
  background-size: cover;
  padding: 2rem 0 !important;
  margin-top: 2rem; }

.hero__content {
  align-items: center;
  color: #fff;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: 2rem;
  display: flex;
  flex-flow: row nowrap; }

.hero__book {
  width: 200px;
  display: block;
  align-items: flex-start;
  display: none;
  margin-left: 4rem;
  justify-content: flex-start;
  height: 170px;
  background: transparent url("../img/book.png") left top no-repeat;
  background-size: 100% auto; }

.hero__title {
  font-family: "HouschkaHead-Medium", sans-serif;
  padding: 1rem 0;
  max-width: 400px; }

.hero__link {
  border-radius: 6px;
  background: #EF2E24;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 1rem;
  font-size: 1rem;
  transition: padding .2s; }

.hero__link:hover {
  padding: 1rem 1.25rem; }

@media only screen and (min-width: 1024px) {
  .hero__title {
    font-size: 1.5rem;
    line-height: 2rem; }

  .hero__book {
    display: block; } }
.pie {
  background: #231F20;
  color: #fff;
  padding: 2rem 0; }

.pie__logo {
  opacity: .4;
  background: transparent url("../img/adecco-logo.svg") center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 120px;
  height: 60px;
  text-decoration: none;
  text-indent: -9999999px;
  transition: opacity .2s; }
  .pie__logo:hover {
    opacity: 1;
    cursor: pointer; }

.pie__list li a {
  color: #fff;
  opacity: .6;
  font-size: 1rem;
  text-decoration: none;
  display: block;
  padding: 1rem 0;
  transition: opacity .2s; }
  .pie__list li a:hover {
    opacity: 1; }

@media only screen and (min-width: 1024px) {
  .pie__content {
    align-items: center;
    display: flex;
    flex-flow: row nowrap; }

  .pie__list {
    padding-left: 2rem; }
    .pie__list li {
      display: inline-block; }
      .pie__list li a {
        padding: 1.65rem 1rem 1rem 1rem; } }
.share-rrss {
  align-items: center;
  background: #fff;
  position: fixed;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  bottom: 0;
  width: 100%;
  border-top: 4px solid #f0f0f0;
  padding: 1rem 0;
  z-index: 100;
  z-index: 5; }

.share-rrss__hidden {
  background: #F9F9FB;
  position: relative;
  z-index: 10; }

.share-rrrss__box {
  flex: 0 1 calc( 100%/4 );
  text-align: center; }

.share-rrss__link {
  height: 24px;
  width: 24px;
  display: inline-block;
  opacity: .4;
  transition: opacity .2s !important; }
  .share-rrss__link .icon-linkedin {
    height: 35px !important;
    width: 35px !important;
    transform: translate(-4px, -4px); }
  .share-rrss__link .icon-facebook {
    height: 30px !important;
    width: 30px !important;
    transform: translate(-4px, 2px); }

.share-rrss__link:hover {
  opacity: 1; }

@media only screen and (min-width: 1024px) {
  .share-rrss {
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
    border-radius: 0 8px 8px 0;
    align-items: center;
    flex-flow: column wrap;
    max-width: 60px;
    bottom: 30%;
    left: 0%; }

  .share-rrss__link {
    display: block;
    margin: 1rem 0;
    height: 30px;
    width: 30px; }
    .share-rrss__link .icon-linkedin {
      height: 35px !important;
      width: 35px !important;
      transform: translate(-4px, -4px); }
    .share-rrss__link .icon-facebook {
      height: 35px !important;
      width: 35px !important;
      transform: translate(-4px, -4px); } }
.newsletter {
  background: #394448;
  background-size: cover;
  color: #fff; }

.newsletter--single .newsletter__wrap {
  padding-bottom: 4rem;
  border-bottom: 1px solid #6f6f6f; }

.newsletter__wrap {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.newsletter__box {
  flex: 0 1 100%;
  padding: 2rem 0; }

.newsletter__title {
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: 1.75rem;
  line-height: 2.25rem;
  padding-bottom: 1rem; }

.newsletter__description {
  font-size: 1.25rem;
  line-height: 1.75rem; }

.newsletter__aviso {
  font-size: .85rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.25rem; }

.newsletter__form .response {
  background: green;
  padding: 1rem;
  display: inline-block;
  color: white;
  font-size: 1rem;
  font-weight: bold; }
.newsletter__form input {
  border-radius: 6px;
  margin: 1rem 0; }
.newsletter__form label {
  display: block;
  padding: 0;
  margin: 0 0 .5rem 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .75rem; }
.newsletter__form input[type="text"],
.newsletter__form input[type="email"] {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  display: block;
  width: 100%;
  max-width: 320px;
  padding: 1rem;
  font-size: .85rem;
  font-weight: bold; }
.newsletter__form input[type="submit"] {
  background: #EF2E24;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1rem 1.5rem;
  transition: .4s padding; }
.newsletter__form input[type="submit"]:hover {
  cursor: pointer;
  padding: 1rem 2rem; }
.newsletter__form .mce_inline_error {
  color: white;
  font-size: .85rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 1rem 0;
  padding: .5rem 0; }

@media only screen and (min-width: 768px) {
  .newsletter {
    padding: 4rem 0; }

  .newsletter__box {
    flex: 0 1 50%;
    padding: 0; }

  .newsletter__box--form {
    flex: 0 1 35%; }

  .newsletter__title {
    font-size: 2rem;
    line-height: 2.75rem; } }
.page {
  padding-bottom: 0;
  padding-top: 0; }

.page__header {
  background: transparent url("../img/category/wall.jpg") center no-repeat;
  background-size: cover;
  color: #fff;
  padding: 5rem 0; }

.page__title {
  font-family: "HouschkaHead-Bold", sans-serif;
  text-align: center;
  font-size: 1.5rem; }

.page__date {
  color: #888F96;
  font-size: .85rem;
  font-family: "HouschkaHead-Regular", sans-serif; }

.page__header--home {
  padding-top: 2rem;
  padding-bottom: 2rem; }

@media only screen and (min-width: 768px) {
  .page__title {
    font-size: 1.75rem; }

  .page__header--home .page__title {
    font-size: 1.5rem; } }
@media only screen and (min-width: 1024px) {
  .page__header {
    padding: 8rem 0; }

  .page__title {
    font-size: 2.5rem; }

  .page__header--home {
    padding-top: 2rem;
    padding-bottom: 2rem; }
    .page__header--home .page__title {
      font-size: 1.5rem; } }
.footer {
  background: #394448;
  color: #fff;
  font-family: "HouschkaHead-Medium", sans-serif;
  padding: 2rem 0; }

.footer__copy,
.footer__columns {
  padding-top: 2rem;
  padding-bottom: 0; }

.footer__box {
  flex: 0 1 25%;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-bottom: .5rem; }

.footer__list-link {
  color: #fff;
  display: block;
  opacity: .6;
  padding: 0 0 1rem 0;
  text-decoration: none;
  transition: opacity .2s; }
  .footer__list-link:hover {
    opacity: 1; }

.footer__rrss {
  padding-bottom: 1rem; }
  .footer__rrss .rrss__icon {
    height: 30px;
    margin-right: 1.05rem;
    width: 30px; }
    .footer__rrss .rrss__icon .icon {
      fill: #888F96; }
  .footer__rrss .rrss__icon--googleplus {
    height: 28px;
    width: 28px; }
  .footer__rrss .icon-youtube {
    height: 49px !important;
    width: 49px !important;
    transform: translate(-11px, -9px); }
  .footer__rrss .rrss__icon--youtube {
    margin-right: 1.5rem; }
  .footer__rrss .icon-linkedin {
    transform: translate(-4px, -10px);
    width: 35px;
    height: 40px; }

.footer__title {
  color: #fff;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: .85rem;
  padding-bottom: 1.5rem;
  text-transform: uppercase; }

@media only screen and (min-width: 768px) {
  .footer__columns {
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap; }

  .footer__copy {
    flex-flow: row wrap; }

  .footer__box {
    flex: 0 1 calc( 100%/2 );
    padding-bottom: 2rem; }

  .footer__box--rrss {
    padding-top: 2rem; }

  .footer__pages {
    text-align: right; }
    .footer__pages li {
      display: inline; }
    .footer__pages a {
      padding: 0 0 0 2rem; } }
@media only screen and (min-width: 1024px) {
  .footer__copy,
  .footer__columns {
    padding-top: 3rem;
    padding-bottom: 3rem; }

  .footer__box {
    flex: 0 1 calc( 100%/4 );
    padding-bottom: 0; } }
@media only screen and (min-width: 1280px) {
  .footer__columns {
    flex-flow: row nowrap; }

  .footer__box {
    flex: 0 1 calc( 100%/5 ); }

  .footer__box--rrss {
    padding-top: 0; } }
.header {
  background: #EF2E24;
  padding: 0.75rem 0; }

.header--active {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.4);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100; }

.header__content {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

.header__logo {
  background: transparent url("../img/logo.svg") center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 30px;
  text-decoration: none;
  text-indent: -9999999px;
  transition: opacity .2s;
  width: 120px; }

.header__logo:hover {
  opacity: .6; }

.header__search {
  align-items: center;
  display: none;
  flex-flow: row nowrap; }

.header__ul {
  margin-right: 1rem;
  position: relative; }

.header__category-link {
  display: block;
  color: #fff;
  font-size: 1rem;
  font-family: "HouschkaHead-Bold", sans-serif;
  width: 200px;
  position: relative;
  z-index: 75; }

.header__category-link:hover {
  cursor: auto !important; }

/*
.header__list-category {
  border-radius: $border-radius;
  display: none;
  position: absolute;
  top: -.75rem;
  left: -.75rem;
  padding: 3rem 2rem 1rem 1rem;
  background: $color-white;
  z-index: 50;

  a {
    color: $color-black;
    font-size: 1rem;
    font-family: $font-family-content;
    font-weight: bold;
    display: block;
    padding: .5rem 0;
    text-decoration: none;

    &:hover {
      color: $color-corporative;
      text-decoration: underline;
    }
  }
}

*/
.header__search:hover .header__category-link {
  color: #EF2E24;
  cursor: pointer; }

.header__search:hover .header__list-category {
  display: block; }

.header__list-category {
  margin-right: 15px;
  position: relative; }
  .header__list-category li {
    display: inline-block; }
    .header__list-category li a {
      font-weight: bold;
      color: #fff;
      display: inline-block;
      padding: 1rem 1rem 1rem 0;
      text-decoration: none;
      font-size: 14px;
      position: relative;
      z-index: 50; }
      .header__list-category li a:hover {
        text-decoration: underline; }
  .header__list-category li:hover a + ul.children {
    display: block; }
  .header__list-category ul.children {
    position: absolute;
    padding: 2rem 2rem 1rem 1rem;
    z-index: 49;
    display: none;
    top: 1rem;
    width: 300px; }
    .header__list-category ul.children li {
      background: #fff;
      display: block; }
    .header__list-category ul.children a {
      color: #231F20;
      font-size: 14px;
      font-family: "HouschkaHead-Regular", sans-serif;
      font-weight: bold;
      display: block;
      padding: 1rem;
      text-decoration: none;
      transition: color .1s; }
      .header__list-category ul.children a:hover {
        color: #EF2E24;
        text-decoration: underline; }

@media only screen and (min-width: 1024px) {
  .header {
    padding: 0.6rem 0; }

  .header__logo {
    width: 110px; }

  .header__search {
    display: flex; } }
.last-posts__title {
  padding: 2rem 0 3rem 0;
  font-size: 1.25rem; }

.last-posts__list {
  justify-content: space-between;
  display: flex;
  flex-flow: column nowrap; }

@media only screen and (min-width: 768px) {
  .last-posts__list {
    flex-flow: row wrap; }

  .last-posts__post {
    flex: 0 1 45%; } }
@media only screen and (min-width: 1024px) {
  .last-posts__list {
    flex-flow: row wrap; }

  .last-posts__post {
    flex: 0 1 32%; } }
@media only screen and (min-width: 1280px) {
  .last-posts__list {
    flex-flow: row wrap; }

  .last-posts__post {
    flex: 0 1 30%; } }
.category {
  padding-bottom: 0;
  padding-top: 0; }

.category__header {
  background: #EF2E24;
  color: #fff;
  padding: 3rem 0;
  position: relative; }

.category__thumb {
  height: 100%;
  object-fit: cover;
  opacity: .4;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5; }

.category__header--searchresults {
  background: transparent;
  padding: 2rem 0 0 0; }
  .category__header--searchresults .category__subtitle {
    color: #231F20; }
  .category__header--searchresults .category__title {
    color: #1CAADE; }

.category__header--category {
  background-size: cover;
  padding: 6rem 0 !important; }
  .category__header--category .category__description {
    color: #231F20; }
  .category__header--category .category__title {
    background: #EF2E24;
    color: #fff;
    display: inline;
    font-family: "HouschkaHead-Bold", sans-serif;
    font-size: 1.85rem;
    line-height: 0;
    padding: .5rem .5rem 0 .5rem;
    transform: translateY(-10px); }

.category__credits {
  padding: 1rem;
  font-size: .65rem;
  font-family: "HouschkaHead-Regular", sans-serif;
  color: #888F96;
  text-align: right; }

.category__content {
  position: relative;
  z-index: 10; }

.category__title,
.category__subtitle {
  font-family: "HouschkaHead-Regular", sans-serif; }

.category__title {
  font-size: 2rem;
  padding: 1rem 0 2rem 0; }

.category__subtitle {
  font-size: 1rem; }

.category__description {
  background: #fff;
  color: #fff;
  font-family: "HouschkaHead-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  max-width: 600px;
  padding: 1.5rem 1rem 1rem 1rem; }

.category__message {
  font-size: 1.5rem;
  line-height: 2.05rem;
  color: #888F96; }
  .category__message a {
    font-size: 1.25rem;
    color: #EF2E24;
    font-family: "HouschkaHead-Bold", sans-serif;
    display: block;
    padding: 2rem 0; }
    .category__message a:hover {
      text-decoration: none; }

@media only screen and (min-width: 1024px) {
  .category__header {
    padding: 4rem 0 0 0; }

  .category__message {
    font-size: 1.85rem; }

  .category__header--category {
    padding: 10rem 0 !important; }
    .category__header--category .category__title {
      font-size: 2.75rem; } }
.article-first {
  padding: 2rem 0 0 0; }

.article-first__wrap {
  border-radius: 6px;
  box-sizing: border-box; }

.article-first__title {
  color: #231F20;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: 1.75rem;
  line-height: 2.25rem;
  padding: 1rem 0; }

.article-first__thumbnail-pie {
  color: #888F96;
  font-family: "HouschkaHead-Regular", sans-serif;
  padding-top: 1rem;
  font-size: .75rem;
  text-align: right; }

.article-first__meta {
  display: flex;
  flex-flow: row nowrap; }

.article-first__box {
  padding: .5rem 2rem .5rem 0; }

.article-first__info {
  padding-right: .5rem;
  font-family: "HouschkaHead-Regular", sans-serif;
  font-size: .88rem; }
  .article-first__info .time {
    margin-left: .5rem; }

.article-first__picture {
  display: block;
  width: 100%;
  margin-bottom: 2rem; }
  .article-first__picture img {
    border-radius: 6px; }

.article-first__info-second {
  padding-top: .5rem;
  font-family: "HouschkaHead-Regular", sans-serif;
  color: #888F96;
  font-size: .85rem; }

.aticle-first__tags {
  margin-top: 1rem; }

.widgetbook {
  margin-top: 4rem;
  background: #fff;
  box-sizing: border-box;
  padding: 2rem 1rem;
  text-align: center; }

.widgetbook__title {
  color: #231F20;
  font-size: 1.25rem;
  padding: 1rem 0 2rem 0; }

.widgetbook__book {
  width: 150px;
  margin: auto;
  display: block;
  align-items: flex-start;
  justify-content: flex-start;
  height: 150px;
  background: transparent url("../img/book.png") left top no-repeat;
  background-size: 100% auto; }

.widgetbook__link {
  border-radius: 6px;
  background: #EF2E24;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 1rem;
  font-size: 1rem;
  transition: padding .2s; }

.widgetbook__link:hover {
  padding: 1rem 1.25rem; }

@media only screen and (min-width: 768px) {
  .article-first__title {
    font-size: 2.25rem;
    line-height: 2.75rem; } }
@media only screen and (min-width: 1024px) {
  .article-first {
    padding: 4rem 0 0 0; }

  .article-first__single-sidebar {
    justify-content: space-between;
    display: flex;
    flex-flow: row nowrap; }

  .article-first__post {
    flex: 0 1 65%; }

  .article-first__sidebar {
    flex: 0 1 25%; }

  .article-first__title {
    font-size: 3rem;
    line-height: 3.5rem; }

  .article-first__subtitle {
    display: block; }

  .article-first__box {
    padding: 1rem 0; }

  .article-first__box--author {
    display: block; } }
.header-mobile {
  background: #EF2E24;
  transform: translateY(-1400px);
  opacity: 0;
  height: 100vh;
  display: block;
  left: 0;
  overflow-x: scroll;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 100;
  transition: opacity .4s, transform .5s; }

.nav-oculto-active {
  opacity: 1;
  transform: translateY(0); }

.header-mobile__menu-link,
.header-mobile__link-close {
  display: inline-block;
  height: 28px;
  overflow: hidden;
  text-indent: 999999px;
  transition: opacity .2s;
  width: 28px; }
  .header-mobile__menu-link:hover,
  .header-mobile__link-close:hover {
    opacity: .2; }

.header-mobile__menu-link {
  background: transparent url("../img/nav.svg") no-repeat center;
  background-size: 100% auto; }

.header-mobile__link-close {
  background: transparent url("../img/close.svg") no-repeat center;
  background-size: 80% auto; }

.header-mobile__content {
  padding-bottom: 2rem;
  padding-top: .75rem; }

.header-mobile__close,
.header-mobile__buscador,
.header-mobile__subtitle,
.header-mobile__list,
.header-mobile__rrss {
  padding-bottom: 2rem; }

.header-mobile__close {
  padding-top: .5rem;
  text-align: right; }

.header-mobile__subtitle {
  color: #fff;
  font-family: "HouschkaHead-Regular", sans-serif;
  font-size: 1.5rem;
  opacity: .8; }

.header-mobile__buscador .search-form__input {
  box-sizing: border-box;
  width: 100%; }

.header-mobile__list li a {
  color: #fff;
  display: block;
  padding: 1rem 0;
  font-family: "HouschkaHead-Bold", sans-serif;
  font-size: 1rem;
  text-decoration: none; }
.header-mobile__list ul.children {
  display: block;
  padding-left: 1rem;
  border-left: 2px solid #fff; }
  .header-mobile__list ul.children li a {
    font-size: .85rem; }

.header-mobile__rrss .rrss__icon {
  height: 28px;
  margin-right: 2rem;
  width: 28px; }
.header-mobile__rrss .rrss__icon--googleplus {
  height: 31px;
  width: 31px; }

@media only screen and (min-width: 1024px) {
  .header-mobile {
    display: none; }

  .header-mobile__menu {
    display: none; } }
.home-new-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.home-file-post,
.home-new-content__list {
  padding-top: 3rem !important;
  padding-bottom: 1rem !important; }

.home-file-post {
  margin-bottom: -2rem; }

.home-new-content--last {
  padding-bottom: 4rem; }

.home-new-content__list .post-resume:first-child .post-resume__content {
  padding-top: 1rem; }

.home-new-content__archive {
  text-align: center;
  padding: 4rem 0; }

.home-new-content__archive-link {
  border: 2px solid #EF2E24;
  display: inline-block;
  padding: 1rem;
  background: #fff;
  color: #EF2E24;
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 4px;
  transition: background .2s, color .2s; }
  .home-new-content__archive-link:hover {
    background: #EF2E24;
    color: #fff; }

@media only screen and (min-width: 1024px) {
  .home-new-content__archive-link {
    font-size: 1.25rem; }

  .home-new-content__list {
    overflow: hidden; }
    .home-new-content__list .post-resume:first-child {
      float: left; }
      .home-new-content__list .post-resume:first-child .post-resume__picture {
        background: #f0f0f0;
        position: relative;
        overflow: hidden; }
        .home-new-content__list .post-resume:first-child .post-resume__picture:before {
          content: '';
          display: block;
          padding-top: 66.6666666667%;
          width: 100%; }
        .home-new-content__list .post-resume:first-child .post-resume__picture > img {
          border-radius: 6px;
          object-fit: cover;
          height: 100%;
          top: 0;
          position: absolute;
          left: 0;
          width: 100%; }
      .home-new-content__list .post-resume:first-child .post-resume__title {
        font-size: 1.85rem;
        padding-top: .5rem;
        line-height: 2.25rem; }
      .home-new-content__list .post-resume:first-child .post-resume__flex {
        display: block; }
    .home-new-content__list .post-resume {
      width: 48%;
      float: right; }
      .home-new-content__list .post-resume .post-resume__title {
        font-size: 1.5rem;
        line-height: 2rem; }
      .home-new-content__list .post-resume .post-resume__picture {
        background: #f0f0f0;
        position: relative;
        overflow: hidden; }
        .home-new-content__list .post-resume .post-resume__picture:before {
          content: '';
          display: block;
          padding-top: 66.6666666667%;
          width: 100%; }
        .home-new-content__list .post-resume .post-resume__picture > img {
          border-radius: 6px;
          object-fit: cover;
          height: 100%;
          top: 0;
          position: absolute;
          left: 0;
          width: 100%; }
      .home-new-content__list .post-resume .post-resume__paragraph {
        display: none; }

  .home-new-content {
    padding-bottom: 2rem; } }
.home-file-post--last .last-posts__post:nth-child(3) {
  display: block; }

@media only screen and (min-width: 768px) {
  .home-file-post--last .last-posts__post:nth-child(3) {
    display: none; } }
@media only screen and (min-width: 1024px) {
  .home-file-post--last .last-posts__post:nth-child(3) {
    display: block; } }
.error {
  position: fixed;
  top: 0;
  z-index: 500;
  background: #231F20 url("../img/error.jpg") top right no-repeat;
  background-size: auto 100%;
  display: flex;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  color: #fff; }

.error__content {
  width: 90%;
  max-width: 1200px;
  margin: auto; }

.error__title,
.error__description {
  max-width: 600px; }

.error__title {
  font-size: 3rem; }

.error__description {
  padding: 2rem 0;
  line-height: 2rem;
  font-size: 1.25rem;
  opacity: .4; }

.error__link {
  border-radius: 4px;
  background: #EF2E24;
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  display: inline-block;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  transition: transform .2s; }

.error__link:hover {
  transform: translateX(1rem);
  cursor: pointer; }

.error-page-header .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; }

/*# sourceMappingURL=main.css.map */