/* FONTES*/


        /* GlosaDisplay-Black */
        @font-face {
        font-family: 'GlosaDisplay-Black';
        src: url('../Expresso_WebFonts/GlosaDisplay-Black.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Black.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Black.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Black.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Black.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* GlosaDisplay-Bold */
        @font-face {
        font-family: 'GlosaDisplay-Bold';
        src: url('../Expresso_WebFonts/GlosaDisplay-Bold.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Bold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Bold.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Bold.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Bold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* GlosaDisplay-Medium */
        @font-face {
        font-family: 'GlosaDisplay-Medium';
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }





        /* GlosaDisplay-BoldItalic */
        @font-face {
        font-family: 'GlosaDisplay-BoldItalic';
        src: url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

    
        /* GlosaDisplay-Medium */
        @font-face {
        font-family: 'GlosaDisplay-Medium';
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme BooK */
        @font-face {
        font-family: 'Firme-Book';
        src: url('../Expresso_WebFonts/Firme-Book.eot');
        src: url('../Expresso_WebFonts/Firme-Book.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Book.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Book.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Book.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


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


        /* Firme Bold */
        @font-face {
        font-family: 'Firme-Bold';
        src: url('../Expresso_WebFonts/Firme-Bold.eot');
        src: url('../Expresso_WebFonts/Firme-Bold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Bold.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Bold.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Bold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme Extra Bold */
        @font-face {
        font-family: 'Firme-ExtraBold';
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot');
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-ExtraBold.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }



        /* Firme Bold Italic*/ 
        @font-face {
        font-family: 'Firme-Bold-Italic';
        src: url('../Expresso_WebFonts/Firme-BoldItalic.eot');
        src: url('../Expresso_WebFonts/Firme-BoldItalic.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-BoldItalic.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-BoldItalic.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-BoldItalic.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

        /*@font-face {
        font-family: 'Firme-Bold-Italic';
        src: url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.eot');
        src: url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.eot#iefix') format('embedded-opentype'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.svg') format('svg'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.ttf') format('truetype'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }*/




        /*https://sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/*/


        /* Firme Medium */
        @font-face {
        font-family: 'Firme-Medium';
        src: url('../Expresso_WebFonts/Firme-Medium.eot');
        src: url('../Expresso_WebFonts/Firme-Medium.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Medium.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Medium.ttf') format('truetype'),
             url('../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('../Expresso_WebFonts/Firme-Light.eot');
        src: url('../Expresso_WebFonts/Firme-Light.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Light.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Light.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Light.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }





body {
/*equivale a 10px*/
font-size: 62.5%;
font-family: 'Merriweather', serif;
background: #233d92;
}

h1 { font-size: 3.2em;}
h2 { font-size: 2.4em;}
h3 { font-size: 1.9em;}
h4 { font-size: 1.6em;} 
h5 { font-size: 1.4em;} 
h6 { font-size: 1.3em;}

a {text-decoration: none;}

img {
max-width: 100%;
}


/*-- HEADER --*/
.header {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 57px;
background: #e7c51d;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.wrap1 {
position: relative;
width: 96%;
height: 100%;
margin: 0px auto;
}

.logo-menu {
position: relative;
bottom: -17px;
float: left;
width: 21px;
margin-left: 0px;
}

.work-title2 {
display:none;
}

.work-title h1,
.work-title p,
.work-title2 h1,
.work-title2 p {
float: left;
padding-top: 1.6em;
margin-left: 1.1em;
margin-right: 0em;
margin-top: 0em;
margin-bottom: 0em;
font-family: "Firme-light",sans-serif;
color: #f2f2f2;
text-transform: uppercase;
font-weight: 800;
line-height: 1.4em;
font-size: 1.25em;
letter-spacing: 0.1em;
word-spacing: 0.3em;
}


.work-title p,
.work-title2 p {
margin-left: 1.1em;
}

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


/*---REDES SOCIAIS---*/  
.redes-sociais {
position: relative;
bottom: -23px;
float: right;
/*margin-right: 7px;*/
}

.fa-lg {
font-size: 1.5em;
line-height: 0.75em;
font-weight: 800;
} 

.redes-sociais ul > li {
display: inline-block;
}

.redes-sociais ul > li:first-child {
padding-right: 14px;
}

.redes-sociais ul > li:nth-child(2) {
}


.redes-sociais li > a {
position: relative;
color: #233d92;
}

.redes-sociais li > a:hover {
color: #233d92;
}

/* unvisited link */
.redes-sociais a:link {
text-decoration: none;
color: #233d92;
}

/* visited link */
.redes-sociais a:visited {
text-decoration: none;
color: #233d92;
}

/* mouse over link */
.redes-sociais a:hover {
text-decoration: none;
color: #233d92;
}

/* selected link */
.redes-sociais a:active {
text-decoration: none;
color: #233d92;
}



/*-- WRAPPER DA INTRO --*/

.background {
position: relative;
width: 100%;
padding-top: 6em;
padding-bottom: 6em;
}

.background div.module-centered {
height: 100%;
}


.background div.module-centered.landscape {
white-space: normal;
user-select: none;
cursor: pointer;
border: none;
outline: none;
text-decoration: none;
background: url('//images.impresa.pt/expresso/2019-05-21-bitola_europeias.png/original');
background-size: 100px;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
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;
}


.background div.module-centered.portait {
height: 100%;
}

.background div.module-centered.portait div.stars {
position: relative;
white-space: normal;
user-select: none;
cursor: pointer;
outline: none;
text-decoration: none;
margin: 0 auto;
padding: 0;
background: url(//images.impresa.pt/expresso/2019-05-23-estrelas.png/original);
width: 100%;
height: 24em;
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;

margin-bottom: 3%;
}


/*.wrapper {
position: relative;
width: 100%;
margin-right: auto;
margin-left: auto;
}*/

.clearfix {
content: "";
display: table;
clear: both;
}


.intro-abertura {
position: relative;
width: 40%;
margin-right: auto;
margin-left: auto;
}

.background div.module-centered.portait div.lead  {
position: relative;
margin: 0 auto;
display: inherit;
text-align: center;
}

.background div.module-centered.portait div.lead h1 {
font-family: 'GlosaDisplay-Bold',serif;
font-size: 6.7em;
color: #f2f0f1;
position: relative;
display: block;
padding-right: 0em;
width: 53%;
margin: 0 auto 0 auto;
}

.background div.module-centered.portait div.lead p {
font-family: Firme-Medium, sans-serif;
font-size: 2.5em;
color: #f2f0f1;
position: relative;
display: block;
margin-top: 1.43em;
width: 60%;
margin: 1.43em auto 0 auto;
line-height: 1.2em;
}

/* CRÉDITOS DE TODO O TRABALHO */

div.background div.module-centered p.creditos-sem-imagem,
.background div.module-centered.portait div.lead p.creditos-sem-imagem {
position: relative;
font-size: 1.7em;
text-align: center;
line-height: 1.18em;
width: 40%;
text-transform: uppercase;
border: 0.5px solid #e7c51d;
border-left-width: 0;
border-right-width: 0;
padding: 0.4em 0 0.4em 0;
margin: 2.6em auto 0 auto;
}

div.background div.module-centered p.creditos-sem-imagem,
.background div.module-centered.portait div.lead p.creditos-sem-imagem {
display: block;
} 

div.background div.module-centered p.creditos-sem-imagem .papel,
.background div.module-centered.portait div.lead p.creditos-sem-imagem .papel {
font-family: Firme-Book, sans-serif;
padding-left: 0em;
color: #e7c51d;
}

div.background div.module-centered p.creditos-sem-imagem .autor,
.background div.module-centered.portait div.lead p.creditos-sem-imagem .autor {
font-family: Firme-Black, sans-serif;
/*padding-left: 0.2em;*/
padding-right: 0.4em;
text-transform: uppercase;
font-weight: 900;
color: #f2f0f1;
}








/*--AGREGADOR---*/
.agregador {
position: relative;
width: 100%;
background-color: rgb(242, 242, 242);
margin: 0 auto;
}

.agregador::after {
content: '';
clear: both;
display: block;
}

.agregador .item-hover {
position: relative;
float: left;
width: 25%;
margin: 0px;
padding: 0px;
cursor: pointer;
box-sizing: border-box;
/*overflow: hidden;*/
overflow: visible;
border: 1px solid rgb(242, 242, 242);
}

.agregador .item-hover figure {
position: relative;
background: #000 none repeat scroll 0% 0%;    
}

img {
max-width: 100%;
}

.agregador .item-hover img {
width: 100%;
height: auto;
}

.agregador .item-hover figure img.capa {
z-index: 0;
}

.agregador .item-hover figure img.fundo {
opacity: 0;
transition: opacity 0.25s ease 0s;
background: rgba(47, 70, 93, 0.41) none repeat scroll 0% 0%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}


.agregador .item-hover figure div.fundo {
opacity: 0.70;
transition: opacity 0.25s ease 0s;
background: #233d92 none repeat scroll 0% 0%;
background: -moz-linear-gradient(top, rgba(147,13,26,1) 0%, rgba(147,13,26,1) 13%, rgba(141,12,25,1) 16%, rgba(135,12,24,0.95) 19%, rgba(68,6,7,0.97) 53%, rgba(11,1,1,0.99) 89%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgb(35, 61, 146) 0%,rgb(35, 61, 146) 13%,rgb(35, 61, 146) 16%,rgb(35, 61, 146) 19%,rgb(7, 21, 64) 53%,rgba(11,1,1,0.99) 89%,rgba(0,0,0,1) 96%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgb(35, 61, 146) 0%,rgb(35, 61, 146) 13%,rgb(35, 61, 146) 16%,rgb(35, 61, 146) 19%,rgb(3, 16, 56) 53%,rgba(11,1,1,0.99) 89%,rgba(0,0,0,1) 96%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930d1a', endColorstr='#000000',GradientType=0 );
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.agregador .item-hover figure div.fundo2 {
opacity: 0;
transition: opacity 0.25s ease 0s;
/*background: #920207 none repeat scroll 0% 0%;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#930d1a+100,000000+100&0+20,0.99+84,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.99) 84%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,0.99) 84%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,0.99) 84%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.agregador .item-hover .item-legendas {
/*display: inline-block;
text-decoration: none;
position: absolute;
top: 79%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 82%;
z-index: 2;*/
display: inline-block;
text-decoration: none;
position: absolute;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0);
width: 82%;
z-index: 2;
bottom: 3%;
opacity: 1;
}

.agregador a div.item-hover div.item-legendas p.interviewee {
font-family: "Firme-Black",sans-serif;
font-size: 1.2em;
line-height: 1.5em;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 1.5em;
color: #e7c51d;
text-align: center;
}

.agregador a div.item-hover div.item-legendas h2 {
font-family: Firme-Bold, sans-serif;
font-size: 1.2em;
letter-spacing: 0.06em;
color: #FFF;
display: block;
line-height: 1.4em;
text-align: center;
z-index: 100;
text-transform: uppercase;
text-shadow: 1px 1px #050505;
}

/*-- :hover --*/

.agregador a div.item-hover:hover div.item-legendas h2,
.agregador a div.item-hover:hover div.item-legendas p.interviewee {
opacity: 1;
}

.agregador .item-hover:hover .fundo2 {
opacity: 1;
}

.agregador .item-hover:hover .fundo {
opacity: 0;
}




@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

/*.agregador .item-hover .item-legendas p.credits,
.agregador .item-hover .item-legendas p.date {
font-family: "Firme-Light",sans-serif;
color: rgb(185, 185, 185);
transition: opacity 0.35s ease 0s,transform 0.35s ease 0s;
text-transform: uppercase;
font-weight: 800;
}

.agregador .item-hover .item-legendas p.credits {
font-size: 1.25em;
line-height: 1.5em;
letter-spacing: 0.1em;
margin-top: 1.5em;
}

.agregador .item-hover .item-legendas p.date {
font-size: 1.1em;
line-height: 1.5em;
letter-spacing: 0.1em;
margin-top: -1em;
}

.agregador .item-hover .item-legendas p.creditos-sem-imagem .papel {
color: #DB2B25;
padding-left: 0em;
font-weight: 900;
letter-spacing: 0.01em;
}

.agregador .item-hover .item-legendas p.creditos-sem-imagem .autor {
color: #E4E4E4;
padding-left: 0.2em;
padding-right: 0.8em;
text-transform: uppercase;
font-weight: 900;
}*/




/*--FOOTER---*/
.footer {
position: fixed;
width: 100%;
height: 3.2em;
bottom: 0;
margin-top: 0.1em;
}
a
.wrap2 {
position: relative;
height: 100%;
margin: 0px auto;
width: 100%;
}

.footer p {
letter-spacing: 0.1em;
/*color: #F2F2F2;*/
color: #f2f2f24f;
text-align: center;
padding-left: 0.5em;
line-height: 0em;
font-weight: 700;
font-size: 1em;
padding-top: 1.8em;
font-family: Firme-ExtraBold, sans-serif;
text-transform: uppercase;
border-top: 1px solid #f2f2f214;
}