/*---------------------------

div{
border: 1px solid #000 !important;
box-sizing: border-box;
}*/



/* -- FONTS -- */

         /* Glosa Display Black */
        @font-face {
        font-family: 'GlosaDisplay-Black';
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/GlosaDisplay-Black.eot');
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/GlosaDisplay-Black.eot#iefix') format('embedded-opentype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/GlosaDisplay-Black.svg') format('svg'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/GlosaDisplay-Black.ttf') format('truetype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/GlosaDisplay-Black.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

        .fontGlosaDisplayBlack {
        font-family: 'GlosaDisplay-Black';
        letter-spacing: 0.02em;
        }



        /* Firme Black */
        @font-face {
        font-family: 'Firme-Black';
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Black.eot');
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Black.eot#iefix') format('embedded-opentype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Black.svg') format('svg'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Black.ttf') format('truetype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Black.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme Medium */
        @font-face {
        font-family: 'Firme-Medium';
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Medium.eot');
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Medium.eot#iefix') format('embedded-opentype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Medium.svg') format('svg'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Medium.ttf') format('truetype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Medium.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme Light */
        @font-face {
        font-family: 'Firme-Light';
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Light.eot');
        src: url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Light.eot#iefix') format('embedded-opentype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Light.svg') format('svg'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Light.ttf') format('truetype'),
             url('//cdn.impresa.pt/416/31f/12513636/Expresso_WebFonts/Firme-Light.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }





.clearfix:after { 
visibility: hidden; 
display: block; 
font-size: 0; 
content: " "; 
clear: both; 
height: 0; } *

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




html .clearfix { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

html {
/* 10 px equivale a 62.5% */
font-size: 10px; /* equivale a 1rem */
box-sizing: border-box;
width:100%;
 height:auto;
 min-height:100%;
}

body {
font-size: 1rem; /* equivale a 1em e a 10px */
background-color: #283138;
min-height: 100%;
margin: 0em;
}

a {
text-decoration: none;
background-color: transparent;
cursor: pointer;
}

.top {
position: relative;
top: 0;
width: 100%;
z-index: 2
}

.topnav {
/*position: fixed;*/
width: inherit; /*clearfix: para o parent reconhecer o filho floated*/
overflow: hidden; /*clearfix: para o parent reconhecer o filho floated*/
background-color: transparent;

position: fixed;
width: inherit;
overflow: hidden;
padding: 1.4em 0em;
background-color: #0095c7;
}

nav a.logo,
nav a.logo-mini,
nav a.top-right { 
white-space: normal;
user-select:none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;
}

nav a.logo {
display: block; /*torna toda a superficie clicável e nÃo apenas o texto*/
width: 35px;
}

nav a.logo-mini {
display: none;
width: 35px;
}

div.top nav.topnav a.logo div#swap-logo { 
background: url('http://images.impresa.pt/expresso/2018-08-28-E_azul_bebe.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
/*width: 100px;*/
height: 24px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}


div.top nav.topnav a.logo div#swap-logo:hover {
background: url('http://images.impresa.pt/expresso/2018-08-28-E_branco.png/original');
display: block;
background-size: 100px;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
/*width: 100px;*/
height: 24px;
border: 0px solid;
color: #f3f0f0;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}


nav a.top-right {
width: auto;
float: right;
text-align: center;
vertical-align: middle;
padding-top: 0.5em;
margin-left: 0rem;
margin-right: 1.3rem;
margin-top: 0em;
margin-bottom: 0em;
font-size: 1.6em;
line-height: 1.55em;
color: #7fcbe5;
}

nav a.work-title h1,
nav a.work-title p {
float: left;
padding-top: 0.3em;
margin-left: 1.1em;
margin-right: 0em;
margin-top: 0em;
margin-bottom: 0em;
font-family: "Firme-light",sans-serif;
color: #7fcbe5;
text-transform: uppercase;
font-weight: 800;
line-height: 1.6em;
font-size: 1.42em;
word-spacing: 0.3em;
}

nav a.work-title h1 {
margin-left: 0em;
}


nav a.work-title p {
margin-left: 1.1em;
}

nav a.work-title p.hide-small-devices {
display: block;
}

nav a.work-title h1 b {
font-family: "Firme-Block",sans-serif;
color: #FFFFFF;
font-weight: bolder;
font-size: 0.89em;
word-spacing: 0em;
}


nav a.top-right.facebook-item {
padding-right: 0.2em;
}


.logo img {
display: block;
max-width: 100%;
}


nav a.logo { 
display: block;
width: 35px;
float: left;
padding-right: 1rem;
margin-left: 1.6rem;
margin-top: 0em;
margin-bottom: 0em;
padding-top: 0.32em;
}




nav a.top-right:hover {
color: #FFFFFF;
}

.wrapper {
position: absolute;
display: flex;
flex-wrap: wrap;
width: 100%;
left: 0;
top: 55.3px;
}

.wrapper a {
 /*width: 25%;*/
 height: 33.33333333%;
 /*margin: auto;*/
}

.wrapper a .container{
 width: 100%;
 height: 100%;
}


.container {
position: relative;
display: inline-block;
float: left;
box-sizing: border-box;
border: 1px solid #7fcbe533;
overflow: hidden;
cursor: pointer;
}

img {
max-width: 100%; /*evita que as imagens estiquem e fiquem pixilizadas*/
display: block;
}

.container .text {
opacity:0;
}

.container:hover .text {
opacity:1;
}

.container .text {
background: #000000e6 none repeat scroll 0% 0%;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
position: absolute;
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 100%;

padding: 11% 16%;
}

.container .text p.interviewee {
font-family: "Firme-Bold",sans-serif;
font-size: 1.4em;
line-height: 1.5em;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 1.5em;
color: aliceblue;
opacity: 0.8;
}

.container .text h2 {
font-family: "Firme-light",sans-serif;
color: #FFFFFF;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
text-transform: uppercase;
font-weight: 800;
line-height: 1.6em;
font-size: 1.4em;
letter-spacing: 0.03em;
}

.container .text p.credits,
.container .text p.date {
font-family: "Firme-Light",sans-serif;
color: #7fcbe5;
transition: opacity 0.35s ease 0s,transform 0.35s ease 0s;
text-transform: uppercase;
font-weight: 800;
}

.container .text p.credits {
font-size: 1.25em;
line-height: 1.5em;
letter-spacing: 0.1em;
margin-top: 1.5em;
}

.container .text p.date {
font-size: 1.1em;
line-height: 1.5em;
letter-spacing: 0.1em;
margin-top: 0em;
}