/* Base layout and reset */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: #002B54; text-decoration: none; transition: color 0.2s ease-out; }
a:hover { color: #868786; }
@font-face {
  font-family: 'leitura_newsitalic_1';
  src: url('../fonts/LEITURANEWS-ITALIC1-webfont.eot');
  src: url('../fonts/LEITURANEWS-ITALIC1-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/LEITURANEWS-ITALIC1-webfont.woff2') format('woff2'),
       url('../fonts/LEITURANEWS-ITALIC1-webfont.woff') format('woff'),
       url('../fonts/LEITURANEWS-ITALIC1-webfont.ttf') format('truetype'),
       url('../fonts/LEITURANEWS-ITALIC1-webfont.svg#leitura_newsitalic_1') format('svg');
  font-weight: normal;
  font-style: normal;
}
body { font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 18px; line-height: 28px; font-weight: 300; color: #868786; background: #fff; }
body.home { overflow: hidden; position: relative; }

.wrapper { margin: 0 auto; width: 1160px; }
@media (max-width: 1255px) { .wrapper { margin: 0 4%; width: 92%; } }

header {
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .wrapper {
  position: static;
  display: flex;
  align-items: center;
}
header img.logo {
  position: static;
  max-height: 140px;
}
header .logo-tagline { display: none; position: absolute; top: 124px; left: 120px; font-size: 11px; letter-spacing: 0.4px; color: #868786; text-transform: uppercase; }
@media (max-width: 901px) { header img.logo { width: 93%; max-width: 360px; } }
@media (max-width: 640px), (max-height: 456px) { header { height: 140px; } }

nav#mainNav { height: 60px; text-transform: uppercase; }
nav#mainNav .wrapper { display: block; }
nav#mainNav a { margin: 0 40px 0 0; color: #868786; }
nav#mainNav a:hover, nav#mainNav a.active { color: #002B54; }
div.trigger, #mobileNavTrigger, span.menu { display: none; }

#mobileNavTrigger {
  position: relative;
  display: block;
  float: left;
  padding: 8px 0 0 0;
  cursor: pointer;
  font-size: 30px;
  line-height: 28px;
  color: #868786;
}
#mobileNavTrigger::before { content: '\2261'; }
div.trigger { float: right; }
span.menu { font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 18px; line-height: 28px; font-weight: 300; }

@media (min-width: 902px) { nav#mobileNav { display: none; } }
@media (max-width: 901px) {
  nav#mainNav a { display: none; }
  nav#mobileNav a { color: #868786; }
  div.trigger { display: block; }
  #mobileNavTrigger { display: block; }
  #mobileNavTrigger:hover { color: #002B54; }
  span.menu { display: block; float: right; padding: 0 0 0 10px; }
  nav#mobileNav { z-index: 9999; position: absolute; background: #d9d5d4; width: 100%; text-align: right; bottom: initial; }
  nav#mobileNav a { display: block; padding: 2% 4% 2% 0; width: 96%; border-bottom: #c7c7c7 solid 1px; }
  nav#mobileNav a:hover, nav#mobileNav a.active { background: #002B54; color: #fff; }
}
@media (max-width: 700px) { span.menu { display: none; } }

#mask { position: relative; line-height: 1px; overflow: hidden; width: 100%; }
#mask .Title { position: absolute; bottom: 11%;  }
#mask .Title h1 { font-family: 'Open Sans', Arial, Verdana, sans-serif; text-transform: uppercase; line-height: 100%; color: white; font-weight: 300; }
@media (max-width: 1025px) { #mask .Title { width: 60%; } }
@media (max-width: 768px) { #mask .Title { width: 50%; } }
@media (max-width: 520px) { #mask .Title h1 { font-size: 20px; } }
@media (max-width: 320px) { #mask .Title h1 { font-size: 18px; } }
#mask .Title h1.mobileTitle { display: none; }
@media (max-width: 480px) {
  #mask .Title h1.mobileTitle { display: block; }
  #mask .Title h1:not(.mobileTitle) { display: none; }
}
.homeQuote { width: 45%; line-height: 47px; position: absolute; right: 5%; bottom: 5%; text-transform: none; font-size: 18px; }
@media (max-width: 1024px) { .homeQuote { width: 48%; } }
@media (max-width: 760px) { .homeQuote { font-size: 10px; width: 75%; } }
@media (max-width: 676px) { .homeQuote { font-size: 10px; } }
@media (max-width: 400px) { .homeQuote { font-size: 8px; line-height: 297%; } }
@media (max-height: 652px) { .homeQuote { font-size: 8px; line-height: 22px; width: 65%; } }
@media (max-height: 480px) and (min-width: 845px) { .homeQuote { width: 40%; } }
.autor { font-size: 22px; line-height: 37px; }
@media (max-width: 760px) { .autor { font-size: 16px; } }
@media (max-width: 400px) { .autor { font-size: 14px; } }
.homeQuote h1 { color: white; font-weight: 300; font-style: italic; font-family: 'leitura_newsitalic_1', Arial, Verdana, sans-serif; }
#blueBox { display: block; position: absolute; transform: rotate(40deg); background: rgba(0, 43, 84, 0.64); }
#blueBoxHome { display: block; position: absolute; transform: rotate(-40deg); background: rgba(0, 43, 84, 0.64); }
#mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#mask.homeMask img { width: auto; height: 100%; }
#mask.homeMask { background-image: url(../img/sliderdefault.jpg); background-repeat: no-repeat; background-position: left; background-size: cover; }

section { overflow: hidden; }
article { margin: 65px 0 0 0; }
h2 { font-weight: 300; text-transform: uppercase; }
h1.mobileContentTitle { display: none; }
@media (max-width: 480px) { h1.mobileContentTitle { display: block; color: #002B54; text-transform: uppercase; font-weight: 300; } }
aside { display: none; }

footer, footer a { margin: 81px 0 0 0; color: #d9d5d4; font-size: 12px; }
footer a:hover { color: #868786; }
footer .wrapper { border-top: solid 1px #d9d5d4; padding: 11px 0 0 0; display: block; }
.toTop { float: right; color: #002B54; text-decoration: none; font-size: 0; line-height: 0; width: 24px; height: 24px; position: relative; }
.toTop::before { content: '↑'; position: absolute; left: -2px; top: -6px; font-size: 32px; line-height: 24px; color: #002B54; }

body.home footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}

#printHeader, h1.printTitle, #homePrint { display: none; }
@media print {
  header, footer, nav, #mask { display: none; }
  .wrapper.printHeader { border-bottom: 1px solid; padding-bottom: 20px; }
  #printHeader { display: block; margin: 4% 0 0 0; height: 137px; width: 1024px; }
  #printHeader img { float: left; }
  #printHeader div { float: right; text-align: right; }
  article, .wrapper { width: 1024px; }
  h1.printTitle { display: block; color: #002B54; text-transform: uppercase; font-weight: 300; }
  #homePrint { display: block; }
  #homePrint .wrapper { margin: 30px; }
  #homePrint h2 { color: #002B54; font-weight: 300; font-style: italic; font-family: 'leitura_newsitalic_1', Arial, Verdana, sans-serif; line-height: 40px; }
}

a.partner { display: block; margin: 0 0 40px 3%; float: left; width: 31.3333%; }
a.partner:hover { opacity: 0.6; color: #bd8c41; }
a.partner img { width: 100%; }
a.partner:nth-child(3n+1) { margin: 0 0 40px 0; }
@media (max-width: 1023px) {
  a.partner { width: 48%; margin: 0 0 40px 0; }
  a.partner:nth-child(2n) { margin: 0 0 40px 3%; }
}
@media (max-width: 700px) {
  a.partner { width: 100%; margin: 0 0 40px 0; }
  a.partner:nth-child(2n) { margin: 0 0 40px 0; }
}

#mobileNav { display: none; }