/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ 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 { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .bold { font-weight: 700 !important; } .italic { font-style: italic !important; } @media screen and (min-width: 1920px) { .titulo3, .anteTitulo3, .citacao1, .assinatura1, .assinatura2, .assinatura3, .assinatura4, .paragrafo1, .subtitulo1, .citacao2, .citacao3, .citacao4, .citacao5, .partilhar2, .anteTitulo4, .arranqueLegenda1, .legenda1, .subtitulo2, .arranqueLegenda2, .interTitulo1, .label, .titulo2, .titulo3a, .texto1, .texto2, .link1, .twitterTitulo, .twitterAutor, .twitterLink, .twitterTitulo2, .twitterAutor2, .twitterLink2, .titulo, .arranqueAssinatura, .lead, .tituloParagrafo, .slide1Caption, .slide1TituloParagrafo, .slide1AnteTitulo, .slide2Titulo, .citacao5 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .subtitulo1, .citacao2, .citacao3, .citacao5 { letter-spacing: -0.02em; } } .titulo3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 5.5rem; line-height: 5.8rem; letter-spacing: -0.01em; color: black; text-transform: uppercase; } .anteTitulo3 { font-weight: 700; font-family: 'Roboto Condensed', sans-serif; font-size: 1.6rem; line-height: 1.8rem; letter-spacing: -0.01em; color: white; text-transform: uppercase; } .citacao1 { font-family: 'Merriweather', serif; font-weight: 300; font-style: italic; font-size: 3.5rem; line-height: 3.8rem; letter-spacing: -0.01em; color: black; } .assinatura1, .assinatura2, .assinatura3, .assinatura4 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 1rem; line-height: 1rem; letter-spacing: -0.03em; color: black; text-transform: uppercase; } @media screen and (min-width: 1024px) { .assinatura1, .assinatura2, .assinatura3, .assinatura4 { font-size: 1.2rem; line-height: 1.5rem; } } .assinatura3 { font-weight: 400; text-transform: none; font-family: 'Merriweather', serif; } .assinatura2 { font-family: 'Merriweather', serif; } .assinatura1 { color: #1d5874; } .assinatura4 { letter-spacing: 0; } @media screen and (min-width: 1024px) { .assinatura4 { letter-spacing: -0.03em; } } .capitular1 { font-family: 'Roboto Slab', serif; font-size: 10.9rem; line-height: 8.0rem; letter-spacing: -0.02em; font-weight: 100; color: #1d5874; float: left; letter-spacing: 0.1em; } @media screen and (min-width: 1024px) { .capitular1 { line-height: 10rem; font-size: 14.1rem; } } @media screen and (min-width: 1920px) { .capitular1 { font-size: 16.0rem; line-height: 11.5rem; } } .paragrafo1 { font-family: 'Merriweather', serif; font-weight: 300; font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.02em; color: black; } @media screen and (min-width: 1024px) { .paragrafo1 { font-size: 2rem; line-height: 2.8rem; } } @media screen and (min-width: 1920px) { .paragrafo1 { font-size: 2.2rem; line-height: 3.2rem; } } .subtitulo1 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 2.2rem; line-height: 2.8rem; } .citacao2 { font-family: 'Tinos', serif; font-weight: 400; font-size: 11rem; line-height: 4.3rem; color: #1d5874; font-style: normal; } .citacao3 { font-family: 'Merriweather', serif; font-weight: 700; font-style: italic; font-size: 3.4rem; line-height: 3.8rem; color: black; } .citacao4 { font-family: 'Gentium Book Basic', serif; font-weight: 400; font-size: 12.4rem; line-height: 4.1rem; color: black; font-style: normal; } .citacao5 { font-family: 'Merriweather', serif; font-size: 3.4rem; line-height: 3.8rem; font-weight: 700; font-style: italic; color: #1d5874; } @media screen and (min-width: 1024px) { .citacao5 { letter-spacing: -0.02em; } } .partilhar2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 800; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: -0.02em; } .anteTitulo4 { font-family: 'Source Sans Pro', sans-serif; font-weight: 800; font-size: 1.3rem; line-height: 1.3rem; letter-spacing: -0.01em; color: #1d5874; text-transform: uppercase; } @media screen and (min-width: 1024px) { .anteTitulo4 { font-size: 1.6rem; line-height: 1.8rem; } } .titulo4 { font-family: 'Merriweather', serif; font-weight: 900; font-size: 3.5rem; line-height: 4.3rem; letter-spacing: -0.01em; color: black; } @media screen and (min-width: 1024px) { .titulo4 { font-size: 5.0rem; line-height: 5.6rem; } } @media screen and (min-width: 1920px) { .titulo4 { font-size: 6.2rem; line-height: 7.0rem; } } .entrada3 { font-family: 'Merriweather', serif; font-style: italic; font-weight: 300; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.02em; color: black; margin-top: -4.3rem; margin-bottom: 3rem; } @media screen and (min-width: 1024px) { .entrada3 { font-size: 2.5rem; line-height: 3.8rem; } } @media screen and (min-width: 1920px) { .entrada3 { font-size: 2.8rem; line-height: 4.1rem; } } .arranqueLegenda1 { font-family: 'Source Sans Pro', sans-serif; color: #1d5874; font-weight: 800; font-size: 1.0rem; line-height: 1.3rem; letter-spacing: -0.02em; text-transform: uppercase; } @media screen and (min-width: 1024px) { .arranqueLegenda1 { font-size: 1.23rem; line-height: 1.6rem; } } .legenda1 { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 1.33rem; line-height: 1.3rem; letter-spacing: -0.02em; color: black; } @media screen and (min-width: 1024px) { .legenda1 { font-size: 1.5rem; line-height: 1.6rem; } } .creditosLegenda1 { font-family: 'Merriweather', serif; font-weight: 300; font-size: 0.8rem; line-height: 1.3rem; letter-spacing: 0; color: black; } @media screen and (min-width: 1024px) { .creditosLegenda1 { font-size: 1.0rem; line-height: 1.6rem; } } .subtitulo2 { font-weight: 800; font-family: 'Source Sans Pro', sans-serif; font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.02em; color: #1d5874; text-transform: uppercase; } @media screen and (min-width: 1024px) { .subtitulo2 { font-size: 2.0rem; line-height: 2.8rem; } } .titulo5 { font-family: 'Source Sans Pro', sans-serif; font-weight: 800; font-size: 1.4rem; line-height: 2rem; color: #8d8d7f; text-transform: uppercase; } @media screen and (min-width: 1024px) { .titulo5 { font-size: 2.0rem; line-height: 2.2rem; } } .subtitulo3 { font-family: 'Source Sans Pro', sans-serif; font-weight: 800; font-size: 1.4rem; line-height: 2rem; letter-spacing: 0; color: #1d5874; } @media screen and (min-width: 1024px) { .subtitulo3 { font-size: 1.8rem; line-height: 2.2rem; } } .paragrafo2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 1.4rem; line-height: 2rem; color: black; } @media screen and (min-width: 1024px) { .paragrafo2 { font-size: 1.8rem; line-height: 2.2rem; } } @media screen and (min-width: 1920px) { .paragrafo2 { letter-spacing: -0.015em; } } .titulo6 { font-family: 'Merriweather', serif; font-weight: 900; font-size: 1.4rem; line-height: 1.5rem; color: #1d5874; } @media screen and (min-width: 1024px) { .titulo6 { font-size: 2.0rem; line-height: 2.2rem; } } .arranqueLegenda2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 800; font-size: 1.0rem; line-height: 1.3rem; letter-spacing: -0.02em; color: #969682; text-transform: uppercase; } @media screen and (min-width: 1024px) { .arranqueLegenda2 { font-size: 1.2rem; line-height: 1.6rem; } } .arranqueCaixa1 { font-family: 'Source Sans Pro', sans-serif; font-size: 1.8rem; line-height: 2.2rem; letter-spacing: 0; color: black; font-weight: 800; } .numero { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 7.2rem; line-height: 8rem; color: black; } .interTitulo1 { font-weight: 300; font-size: 2.4rem; line-height: 3.4rem; font-family: 'Merriweather', serif; color: black; text-transform: uppercase; } @media screen and (min-width: 1024px) { .interTitulo1 { letter-spacing: -0.02em; } } .label { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 1.6rem; line-height: 1.8rem; color: #bfbfbf; text-transform: uppercase; } @media screen and (min-width: 1024px) { .label { letter-spacing: -0.015em; } } .titulo1a { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 1.2rem; line-height: 1.8rem; color: #0096c8; text-transform: uppercase; } .titulo2 { font-family: 'Merriweather', serif; font-weight: 900; font-size: 1.8rem; line-height: 2.0rem; text-transform: uppercase; color: black; } @media screen and (min-width: 1024px) { .titulo2 { letter-spacing: -0.02em; } } .titulo3a { font-family: 'Merriweather', serif; font-weight: 900; font-size: 1.8rem; line-height: 2.0rem; text-transform: uppercase; color: white; } @media screen and (min-width: 1024px) { .titulo3a { letter-spacing: -0.02em; } } .texto1 { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.8rem; color: black; } @media screen and (min-width: 1024px) { .texto1 { letter-spacing: -0.015em; } } .texto2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.8rem; color: white; } @media screen and (min-width: 1024px) { .texto2 { letter-spacing: -0.015em; } } .link1 { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.8rem; color: #0096c8; } @media screen and (min-width: 1024px) { .link1 { letter-spacing: -0.015em; } } .twitterTitulo { font-family: 'Merriweather', serif; font-weight: 300; font-size: 3.6rem; line-height: 4.0rem; color: white; } @media screen and (min-width: 1024px) { .twitterTitulo { letter-spacing: -0.02em; } } .twitterAutor { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 1.6rem; line-height: 1.8rem; color: #dcdcdc; } @media screen and (min-width: 1024px) { .twitterAutor { letter-spacing: -0.015em; } } .twitterLink { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.8rem; color: white; } @media screen and (min-width: 1024px) { .twitterLink { letter-spacing: -0.015em; } } .twitterTitulo2 { font-size: 3.6rem; font-weight: 300; line-height: 4rem; color: #0096c8; font-family: 'Merriweather', serif; } @media screen and (min-width: 1024px) { .twitterTitulo2 { letter-spacing: -0.02em; } } .twitterAutor2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 1.6rem; line-height: 1.8rem; color: #262626; } @media screen and (min-width: 1024px) { .twitterAutor2 { letter-spacing: -0.015em; } } .twitterLink2 { font-weight: 300; font-family: 'Source Sans Pro', sans-serif; font-size: 1.6rem; line-height: 1.8rem; color: #262626; } @media screen and (min-width: 1024px) { .twitterLink2 { letter-spacing: -0.015em; } } .seccao { font: 1.6rem/1.6rem 'Merriweather', serif; font-weight: 800; color: white; } .anteTitulo { font-family: 'Source Sans Pro', sans-serif; font-size: 1.2rem; line-height: 1.2rem; letter-spacing: 0; font-weight: 700; text-transform: uppercase; } .titulo { font-family: 'Roboto Condensed', sans-serif; font-size: 4.0rem; line-height: 4.2rem; font-weight: 700; color: black; text-transform: uppercase; } @media screen and (min-width: 1024px) { .titulo { letter-spacing: -0.01em; } } .arranqueAssinatura { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 1.2rem; line-height: 1.2rem; } @media screen and (min-width: 1024px) { .arranqueAssinatura { letter-spacing: -0.03em; } } .assinatura { font-family: 'Merriweather', serif; font-weight: 900; color: black; font-size: 1.2rem; line-height: 1.2rem; text-transform: uppercase; } .lead { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 2.3rem; line-height: 2.5rem; color: black; } @media screen and (min-width: 1024px) { .lead { letter-spacing: -0.02em; } } .paragrafo { font-weight: 300; font-family: 'Merriweather', serif; font-size: 2.0rem; line-height: 2.8rem; color: black; } .tituloParagrafo { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 2.3rem; line-height: 2.8rem; text-transform: uppercase; display: block; } @media screen and (min-width: 1024px) { .tituloParagrafo { letter-spacing: -0.02em; } } .side1Caption { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.6rem; color: white; text-transform: uppercase; text-align: center; } @media screen and (min-width: 1024px) { .side1Caption { letter-spacing: -0.01em; } } .side1Titulo { font-family: 'Merriweather', serif; font-size: 2.4rem; line-height: 2.8rem; color: black; font-weight: 900; font-style: italic; } .side1Titulo::before { content: "ÔÇ£"; } .side1Titulo::after { content: 'ÔÇØ'; } .side1Paragrafo { font-family: 'Merriweather', serif; font-weight: 300; font-size: 1.6rem; line-height: 2.0rem; color: black; } .side1TituloParagrafo { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 1.6rem; line-height: 2.0rem; color: black; display: block; } @media screen and (min-width: 1024px) { .side1TituloParagrafo { letter-spacing: -0.02em; } } .side1Assinatura { font-family: 'Merriweather', serif; font-size: 1.2rem; line-height: 1.5rem; color: black; font-weight: 700; border-top: 1px solid #000; } .side1AnteTitulo { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 1.2rem; line-height: 1.2rem; color: black; } @media screen and (min-width: 1024px) { .side1AnteTitulo { letter-spacing: -0.01em; } } .side2Titulo { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 2.0rem; line-height: 2.2rem; } @media screen and (min-width: 1024px) { .side2Titulo { letter-spacing: -0.02em; } } .side2Paragrafo { font-family: 'Merriweather', serif; font-weight: 300; font-size: 1.6rem; line-height: 2.0rem; color: black; } .manchete1 { font: 5rem/5.2rem 'Merriweather', serif; font-weight: 900; color: white; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .manchete1 { font-size: 2.3rem; line-height: 2.8rem; } } @media screen and (min-width: 1024px) { .manchete1 { font-size: 8.0rem; line-height: 9.5rem; } } .arranque1 { font: 1.4rem/1.4rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #f06432; letter-spacing: -0.02em; } @media screen and (min-width: 1024px) { .arranque1 { font-size: 1.8rem; line-height: 2.2rem; } } .anteTitulo1 { font: 1.2rem/1.4rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #f06432; letter-spacing: -0.01em; } @media screen and (min-width: 1024px) { .anteTitulo1 { font-size: 1.6rem; line-height: 1.6rem; } } .entrada1 { font: 1.8rem/2rem 'Source Sans Pro', sans-serif; font-weight: 400; color: white; letter-spacing: -0.02em; } @media screen and (min-width: 1024px) { .entrada1 { font-size: 2.2rem; line-height: 2.4rem; } } .titulo1 { font: 2rem/2.2rem 'Merriweather', serif; font-weight: 400; color: white; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .titulo1 { font-size: 1.5rem; line-height: 1.6rem; } } @media screen and (min-width: 1024px) { .titulo1 { font-size: 2.4rem; line-height: 2.6rem; } } .partilhar1 { font: 1.2rem/1.4rem 'Source Sans Pro', sans-serif; font-weight: 800; color: white; letter-spacing: -0.02em; } .anteTitulo2 { font: 1.6rem/1.8rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #fad000; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .anteTitulo2 { font-size: 1.3rem; line-height: 1.3rem; } } @media screen and (min-width: 1024px) { .anteTitulo2 { font-size: 2.0rem; line-height: 2.2rem; } } .titulo2a { font: 1.6rem/1.8rem 'Source Sans Pro', sans-serif; font-weight: 400; font-style: italic; color: white; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .titulo2a { font-size: 1.3rem; line-height: 1.3rem; } } @media screen and (min-width: 1024px) { .titulo2a { font-size: 2.0rem; line-height: 2.2rem; } } .manchete2 { font: 5rem/5.2rem 'Merriweather', serif; font-weight: 900; color: black; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .manchete2 { font-size: 2.3rem; line-height: 2.8rem; } } @media screen and (min-width: 1024px) { .manchete2 { font-size: 8.0rem; line-height: 9.5rem; } } .arranque2 { font: 1.4rem/1.8rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #f06432; letter-spacing: -0.02em; } @media screen and (min-width: 1024px) { .arranque2 { font-size: 1.6rem; line-height: 2.2rem; } } .entrada2 { font: 1.8rem/2rem 'Source Sans Pro', sans-serif; font-weight: 400; color: black; letter-spacing: -0.02em; } @media screen and (min-width: 1024px) { .entrada2 { font-size: 2.2rem; line-height: 2.4rem; } } .manchete3 { font: 2rem/2.2rem 'Merriweather', serif; font-weight: 400; color: white; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .manchete3 { font-size: 1.5rem; line-height: 1.6rem; } } @media screen and (min-width: 1024px) { .manchete3 { font-size: 2.8rem; line-height: 3.0rem; } } .titulo7 { font: 4rem/4.2rem 'Merriweather', serif; font-weight: 900; color: black; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .titulo7 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo7 { letter-spacing: 0; } } .anteTitulo5 { font: 1.2rem/1.2rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #1d5874; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .anteTitulo5 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .anteTitulo5 { letter-spacing: 0; } } .lead { font: 2.3rem/2.5rem 'Source Sans Pro', sans-serif; font-weight: 400; color: black; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .lead { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .lead { letter-spacing: 0; } } .capitular2 { font: 2rem/2.8rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #1d5874; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .capitular2 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .capitular2 { letter-spacing: 0; } } .titulo8 { font: 1.2rem/1.4rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #595959; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .titulo8 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo8 { letter-spacing: 0; } } .titulo9 { font: 1.5rem/1.8rem 'Source Sans Pro', sans-serif; font-weight: 600; color: #1d5874; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .titulo9 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo9 { letter-spacing: 0; } } .seccaoa { font-family: 'Merriweather', serif; font-weight: 900; font-size: 1.6rem; line-height: 1.6rem; color: white; letter-spacing: 0; text-transform: uppercase; } @media screen and (min-width: 768px) { .seccaoa { color: black; } } .titulo10 { font-size: 1.8rem; line-height: 2.2rem; font-family: 'Merriweather', serif; font-weight: 300; color: black; letter-spacing: -0.02em; text-transform: uppercase; } @media screen and (max-width: 768px) { .titulo10 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo10 { letter-spacing: 0; } } .titulo11 { font: 1.8rem/2.2rem 'Merriweather', serif; font-weight: 700; color: white; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .titulo11 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo11 { letter-spacing: 0; } } .anteTitulo6 { font-size: 1.2rem; line-height: 1.2em; font-family: 'Source Sans Pro', sans-serif; font-weight: 800; color: #1d5874; letter-spacing: -0.01em; text-transform: uppercase; } @media screen and (max-width: 768px) { .anteTitulo6 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .anteTitulo6 { letter-spacing: 0; } } .titulo12 { font: 1.8rem/2.2rem 'Merriweather', serif; font-weight: 700; color: #aa0f14; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .titulo12 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo12 { letter-spacing: 0; } } .assinatura5 { font: 1.2rem/1.5rem 'Roboto Condensed', sans-serif; font-weight: 700; color: #aa0f14; letter-spacing: -0.03em; } @media screen and (max-width: 768px) { .assinatura5 { font-size: 1.0rem; line-height: 1.0rem; } } @media screen and (min-width: 1024px) { .assinatura5 { letter-spacing: 0; } } .arranqueLegenda3 { font: 1.2rem/1.6rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #aa0f14; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .arranqueLegenda3 { font-size: 1.0rem; line-height: 1.3rem; } } @media screen and (min-width: 1024px) { .arranqueLegenda3 { letter-spacing: 0; } } .capitular3 { font: 11rem/8.4rem 'Source Sans Pro', sans-serif; float: left; margin-left: -7px; font-weight: 800; color: #1d5874; letter-spacing: -0.02em; } @media screen and (min-width: 1024px) { .capitular3 { letter-spacing: 0; margin-left: -10px; font-size: 14.2rem; line-height: 10.6rem; } } .subtitulo4 { font: 2rem/2.8rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #aa0f14; letter-spacing: -0.02em; line-height: 5.9rem; } @media screen and (max-width: 768px) { .subtitulo4 { font-size: 1.4rem; line-height: 2.2rem; } } @media screen and (min-width: 1024px) { .subtitulo4 { letter-spacing: 0; } } .titulo13 { font: 1.5rem/1.8rem 'Source Sans Pro', sans-serif; font-weight: 600; color: #aa0f14; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .titulo13 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo13 { letter-spacing: 0; } } .arranqueLegenda4 { font: 1.3rem/1.4rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #f50707; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .arranqueLegenda4 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .arranqueLegenda4 { letter-spacing: 0; } } .legenda2 { font: 1.5rem/1.8rem 'Merriweather', serif; font-weight: 400; color: black; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .legenda2 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .legenda2 { letter-spacing: 0; } } .creditosLegenda2 { font: 1rem/1.8rem 'Merriweather', serif; font-weight: 300; color: black; letter-spacing: 0em; } @media screen and (max-width: 768px) { .creditosLegenda2 { font-size: 1.4rem; line-height: 2.2rem; } } .numeroFoto { font: 6.4em/3.8rem 'Roboto Slab', serif; font-weight: 400; color: black; letter-spacing: -0.04em; } @media screen and (max-width: 768px) { .numeroFoto { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .numeroFoto { letter-spacing: 0; } } .titulo14 { font: 4rem/4.2rem 'Merriweather', serif; font-weight: 700; color: black; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .titulo14 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .titulo14 { letter-spacing: 0; } } .destaque { font: 2.3rem/2.5rem 'Merriweather', serif; font-weight: 300; color: #1d5874; letter-spacing: 0; } .cabeca1 { font: 2.8em/2.8rem 'Merriweather', serif; font-weight: 300; color: #dcdcdc; letter-spacing: -0.01em; } @media screen and (max-width: 768px) { .cabeca1 { letter-spacing: 0; } } @media screen and (min-width: 1024px) { .cabeca1 { letter-spacing: 0; } } .assinaturaOpinador { font: 1.5rem/1.8rem 'Merriweather', serif; font-weight: 700; color: white; letter-spacing: 0; } .emailOpinador { font: 1.2rem/1.4rem 'Merriweather', serif; font-weight: 300; font-style: italic; color: white; letter-spacing: 0; } .cabeca2 { font: 2.8rem/2.8rem 'Merriweather', serif; font-weight: 300; color: #1d5874; letter-spacing: 0; } /** Adicionados por faltarem no ficheiro **/ .citacao6 { font-size: 3.4rem; line-height: 3.8rem; font: 3.4rem/3.8rem 'Roboto Condensed', sans-serif; letter-spacing: -0.02em; text-transform: uppercase; font-weight: 700; color: #1d5874; } .side1Separador { position: relative; padding-left: 0px; clear: both; } .side1Separador .line { border-bottom: 1px solid black; } .side1Separador .triangle { position: absolute; top: 1px; right: 30px; left: calc(50% - 30px); width: 0px; height: 0px; border-style: solid; border-width: 10px 25px 0 25px; border-color: #000 transparent transparent transparent; } .side1Separador .fill { top: 0; border-color: #fff transparent transparent transparent; } .entrada4 { font: 1.8rem/2rem 'Source Sans Pro', sans-serif; font-weight: 400; color: black; letter-spacing: -0.02em; font-weight: 600; } @media screen and (min-width: 1024px) { .entrada4 { font-size: 2.2rem; line-height: 2.4rem; } } .citacao7 { font: 2.3rem/2.8rem 'Source Sans Pro', sans-serif; font-weight: 800; color: #1d5874; text-transform: uppercase; } .citacao8 { font: 1.3rem/2.8rem 'Source Sans Pro', sans-serif; } .black { font-weight: 800 !important; } /** Formato 1: **/ /** Formato 2: **/ /** Formato 3: **/ /** Formato 4: **/ /** Formato 5: **/ /** Formato 6: **/ /** Formato 7: **/ .adWrapper { overflow: hidden; margin: 0 auto; display: block; background-color: #bfbfbf; } .adWrapper.formato1 { width: 728px; height: 90px; } @media screen and (min-width: 768px) { .adWrapper.formato1 { width: 768px; height: 60px; } } @media screen and (min-width: 1024px) { .adWrapper.formato1 { width: 1024px; height: 60px; } } @media screen and (min-width: 1280px) { .adWrapper.formato1 { width: 1280px; height: 60px; } } @media screen and (min-width: 1440px) { .adWrapper.formato1 { width: 1440px; height: 60px; } } @media screen and (min-width: 1920px) { .adWrapper.formato1 { width: 1920px; height: 60px; } } .adWrapper.formato2 { width: 20px; height: 50px; } @media screen and (min-width: 768px) { .adWrapper.formato2 { width: 20px; height: 50px; } } @media screen and (min-width: 1024px) { .adWrapper.formato2 { width: 20px; height: 50px; } } @media screen and (min-width: 1280px) { .adWrapper.formato2 { width: 20px; height: 50px; } } @media screen and (min-width: 1440px) { .adWrapper.formato2 { width: 20px; height: 50px; } } @media screen and (min-width: 1920px) { .adWrapper.formato2 { width: 20px; height: 50px; } } .adWrapper.formato3 { width: 30px; height: 90px; } @media screen and (min-width: 768px) { .adWrapper.formato3 { width: 30px; height: 90px; } } @media screen and (min-width: 1024px) { .adWrapper.formato3 { width: 30px; height: 90px; } } @media screen and (min-width: 1280px) { .adWrapper.formato3 { width: 30px; height: 90px; } } @media screen and (min-width: 1440px) { .adWrapper.formato3 { width: 30px; height: 90px; } } @media screen and (min-width: 1920px) { .adWrapper.formato3 { width: 30px; height: 90px; } } .adWrapper.formato4 { width: 54px; height: 875px; } @media screen and (min-width: 768px) { .adWrapper.formato4 { width: 54px; height: 875px; } } @media screen and (min-width: 1024px) { .adWrapper.formato4 { width: 54px; height: 875px; } } @media screen and (min-width: 1280px) { .adWrapper.formato4 { width: 54px; height: 875px; } } @media screen and (min-width: 1440px) { .adWrapper.formato4 { width: 54px; height: 875px; } } @media screen and (min-width: 1920px) { .adWrapper.formato4 { width: 54px; height: 875px; } } .adWrapper.formato5 { width: 600px; height: 58px; } @media screen and (min-width: 768px) { .adWrapper.formato5 { width: 600px; height: 58px; } } @media screen and (min-width: 1024px) { .adWrapper.formato5 { width: 600px; height: 58px; } } @media screen and (min-width: 1280px) { .adWrapper.formato5 { width: 600px; height: 58px; } } @media screen and (min-width: 1440px) { .adWrapper.formato5 { width: 600px; height: 58px; } } @media screen and (min-width: 1920px) { .adWrapper.formato5 { width: 600px; height: 58px; } } .adWrapper.formato6 { width: 20px; height: 400px; } @media screen and (min-width: 768px) { .adWrapper.formato6 { width: 20px; height: 400px; } } @media screen and (min-width: 1024px) { .adWrapper.formato6 { width: 20px; height: 400px; } } @media screen and (min-width: 1280px) { .adWrapper.formato6 { width: 20px; height: 400px; } } @media screen and (min-width: 1440px) { .adWrapper.formato6 { width: 20px; height: 400px; } } @media screen and (min-width: 1920px) { .adWrapper.formato6 { width: 20px; height: 400px; } } .adWrapper.formato7 { width: 200px; height: 341px; } @media screen and (min-width: 768px) { .adWrapper.formato7 { width: 200px; height: 341px; } } @media screen and (min-width: 1024px) { .adWrapper.formato7 { width: 200px; height: 341px; } } @media screen and (min-width: 1280px) { .adWrapper.formato7 { width: 200px; height: 341px; } } @media screen and (min-width: 1440px) { .adWrapper.formato7 { width: 200px; height: 341px; } } @media screen and (min-width: 1920px) { .adWrapper.formato7 { width: 200px; height: 341px; } } /* MFG Labs iconset 1.0 ------------------------------------------------------- License ------------------------------------------------------- ÔÇó The MFG Labs iconset font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL ÔÇó MFG Labs inconset CSS files are licensed under the MIT License - http://opensource.org/licenses/mit-license.html ÔÇó The MFG Labs iconset pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ ÔÇó Attribution is no longer required in Font Awesome 3.0, but much appreciated: MFG Labs inconset by MFG Labs Contact ------------------------------------------------------- Email: martin.charpentier@mfglabs.com Twitter: http://twitter.com/mfg_labs */ @font-face { font-family: 'mfg_labs_iconsetregular'; src: url('font/mfglabsiconset-webfont.eot'); src: url('font/mfglabsiconset-webfont.eot?#iefix') format('embedded-opentype'), url('font/mfglabsiconset-webfont.woff') format('woff'), url('font/mfglabsiconset-webfont.ttf') format('truetype'), url('font/mfglabsiconset-webfont.svg#mfg_labs_iconsetregular') format('svg'); font-weight: normal; font-style: normal; } i, .icon { font-family: 'mfg_labs_iconsetregular'; font-style: normal; speak: none; font-weight: normal; font-size: 1em; -webkit-font-smoothing: antialiased; } .icon2x { font-size: 2em; } .icon3x { font-size: 3em; } /* style exemples */ .gradient { color: #999; text-shadow: 1px 1px 1px rgba(27, 27, 27, 0.19); background-image: -webkit-gradient(linear, left top, left bottom, from(#b6b6b6), to(#3c3c3c)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .gradient:hover, .gradient .current { color: #eee; text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.25); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bbbbbb)); } /* MFG Labs iconset uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons. We also use semantic unicode when they are available for the icon we provide. */ .icon-cloud:before { content: "\2601"; } .icon-at:before { content: "\0040"; } .icon-plus:before { content: "\002B"; } .icon-minus:before { content: "\2212"; } .icon-arrow_up:before { content: "\2191"; } .icon-arrow_down:before { content: "\2193"; } .icon-arrow_right:before { content: "\2192"; } .icon-arrow_left:before { content: "\2190"; } .icon-chevron_down:before { content: "\f004"; } .icon-chevron_up:before { content: "\f005"; } .icon-chevron_right:before { content: "\f006"; } .icon-chevron_left:before { content: "\f007"; } .icon-reorder:before { content: "\f008"; } .icon-list:before { content: "\f009"; } .icon-reorder_square:before { content: "\f00a"; } .icon-reorder_square_line:before { content: "\f00b"; } .icon-coverflow:before { content: "\f00c"; } .icon-coverflow_line:before { content: "\f00d"; } .icon-pause:before { content: "\f00e"; } .icon-play:before { content: "\f00f"; } .icon-step_forward:before { content: "\f010"; } .icon-step_backward:before { content: "\f011"; } .icon-fast_forward:before { content: "\f012"; } .icon-fast_backward:before { content: "\f013"; } .icon-cloud_upload:before { content: "\f014"; } .icon-cloud_download:before { content: "\f015"; } .icon-data_science:before { content: "\f016"; } .icon-data_science_black:before { content: "\f017"; } .icon-globe:before { content: "\f018"; } .icon-globe_black:before { content: "\f019"; } .icon-math_ico:before { content: "\f01a"; } .icon-math:before { content: "\f01b"; } .icon-math_black:before { content: "\f01c"; } .icon-paperplane_ico:before { content: "\f01d"; } .icon-paperplane:before { content: "\f01e"; } .icon-paperplane_black:before { content: "\f01f"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-color_balance:before { content: "\f020"; } .icon-star:before { content: "\2605"; } .icon-star_half:before { content: "\f022"; } .icon-star_empty:before { content: "\2606"; } .icon-star_half_empty:before { content: "\f024"; } .icon-reload:before { content: "\f025"; } .icon-heart:before { content: "\2665"; } .icon-heart_broken:before { content: "\f028"; } .icon-hashtag:before { content: "\f029"; } .icon-reply:before { content: "\f02a"; } .icon-retweet:before { content: "\f02b"; } .icon-signin:before { content: "\f02c"; } .icon-signout:before { content: "\f02d"; } .icon-download:before { content: "\f02e"; } .icon-upload:before { content: "\f02f"; } .icon-placepin:before { content: "\f031"; } .icon-display_screen:before { content: "\f032"; } .icon-tablet:before { content: "\f033"; } .icon-smartphone:before { content: "\f034"; } .icon-connected_object:before { content: "\f035"; } .icon-lock:before { content: "\F512"; } .icon-unlock:before { content: "\F513"; } .icon-camera:before { content: "\F4F7"; } .icon-isight:before { content: "\f039"; } .icon-video_camera:before { content: "\f03a"; } .icon-random:before { content: "\f03b"; } .icon-message:before { content: "\F4AC"; } .icon-discussion:before { content: "\f03d"; } .icon-calendar:before { content: "\F4C5"; } .icon-ringbell:before { content: "\f03f"; } .icon-movie:before { content: "\f040"; } .icon-mail:before { content: "\2709"; } .icon-pen:before { content: "\270F"; } .icon-settings:before { content: "\9881"; } .icon-measure:before { content: "\f044"; } .icon-vector:before { content: "\f045"; } .icon-vector_pen:before { content: "\2712"; } .icon-mute_on:before { content: "\f047"; } .icon-mute_off:before { content: "\f048"; } .icon-home:before { content: "\2302"; } .icon-sheet:before { content: "\f04a"; } .icon-arrow_big_right:before { content: "\21C9"; } .icon-arrow_big_left:before { content: "\21C7"; } .icon-arrow_big_down:before { content: "\21CA"; } .icon-arrow_big_up:before { content: "\21C8"; } .icon-dribbble_circle:before { content: "\f04f"; } .icon-dribbble:before { content: "\f050"; } .icon-facebook_circle:before { content: "\f051"; } .icon-facebook:before { content: "\f052"; } .icon-git_circle_alt:before { content: "\f053"; } .icon-git_circle:before { content: "\f054"; } .icon-git:before { content: "\f055"; } .icon-octopus:before { content: "\f056"; } .icon-twitter_circle:before { content: "\f057"; } .icon-twitter:before { content: "\f058"; } .icon-google_plus_circle:before { content: "\f059"; } .icon-google_plus:before { content: "\f05a"; } .icon-linked_in_circle:before { content: "\f05b"; } .icon-linked_in:before { content: "\f05c"; } .icon-instagram:before { content: "\f05d"; } .icon-instagram_circle:before { content: "\f05e"; } .icon-mfg_icon:before { content: "\f05f"; } .icon-xing:before { content: "\F532"; } .icon-xing_circle:before { content: "\F533"; } .icon-mfg_icon_circle:before { content: "\f060"; } .icon-user:before { content: "\f061"; } .icon-user_male:before { content: "\f062"; } .icon-user_female:before { content: "\f063"; } .icon-users:before { content: "\f064"; } .icon-file_open:before { content: "\F4C2"; } .icon-file_close:before { content: "\f067"; } .icon-file_alt:before { content: "\f068"; } .icon-file_close_alt:before { content: "\f069"; } .icon-attachment:before { content: "\f06a"; } .icon-check:before { content: "\2713"; } .icon-cross_mark:before { content: "\274C"; } .icon-cancel_circle:before { content: "\F06E"; } .icon-check_circle:before { content: "\f06d"; } .icon-magnifying:before { content: "\F50D"; } .icon-inbox:before { content: "\f070"; } .icon-clock:before { content: "\23F2"; } .icon-stopwatch:before { content: "\23F1"; } .icon-hourglass:before { content: "\231B"; } .icon-trophy:before { content: "\f074"; } .icon-unlock_alt:before { content: "\F075"; } .icon-lock_alt:before { content: "\F510"; } .icon-arrow_doubled_right:before { content: "\21D2"; } .icon-arrow_doubled_left:before { content: "\21D0"; } .icon-arrow_doubled_down:before { content: "\21D3"; } .icon-arrow_doubled_up:before { content: "\21D1"; } .icon-link:before { content: "\f07B"; } .icon-warning:before { content: "\2757"; } .icon-warning_alt:before { content: "\2755"; } .icon-magnifying_plus:before { content: "\f07E"; } .icon-magnifying_minus:before { content: "\f07F"; } .icon-white_question:before { content: "\2754"; } .icon-black_question:before { content: "\2753"; } .icon-stop:before { content: "\f080"; } .icon-share:before { content: "\f081"; } .icon-eye:before { content: "\f082"; } .icon-trash_can:before { content: "\f083"; } .icon-hard_drive:before { content: "\f084"; } .icon-information_black:before { content: "\f085"; } .icon-information_white:before { content: "\f086"; } .icon-printer:before { content: "\f087"; } .icon-letter:before { content: "\f088"; } .icon-soundcloud:before { content: "\f089"; } .icon-soundcloud_circle:before { content: "\f08A"; } .icon-anchor:before { content: "\2693"; } .icon-female_sign:before { content: "\2640"; } .icon-male_sign:before { content: "\2642"; } .icon-joystick:before { content: "\F514"; } .icon-high_voltage:before { content: "\26A1"; } .icon-fire:before { content: "\F525"; } .icon-newspaper:before { content: "\F4F0"; } .icon-chart:before { content: "\F526"; } .icon-spread:before { content: "\F527"; } .icon-spinner_1:before { content: "\F528"; } .icon-spinner_2:before { content: "\F529"; } .icon-chart_alt:before { content: "\F530"; } .icon-label:before { content: "\F531"; } /**/ .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } a { text-decoration: none; } [data-template="single_column"] { /*& > p + div, & > div + p, & > p + p, & > figure + p, & > aside + p, & > p + aside, & > figure + aside, & > p + figure, & > figure + figure { margin-top: 30px !important; }*/ } [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { margin: 0 30px; } @media screen and (min-width: 768px) { [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { margin: 0 auto; width: 440px; padding: 0; } } @media screen and (min-width: 1024px) { [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { width: 492px; } } @media screen and (min-width: 1280px) { [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { width: 700px; } } @media screen and (min-width: 1440px) { [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { width: 700px; } } @media screen and (min-width: 1920px) { [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { width: 700px; } } [data-template="single_column"] .fullWidthImageContainer, [data-template="single_column"] .fullWidthImageContainer .fullWidthImageContainer_Image, [data-template="single_column"] .imageContainer_Image { width: 100%; } [data-template="single_column"] .fullWidthImageContainer figcaption, [data-template="single_column"] .fullWidthImageContainer .fullWidthImageContainer_Image figcaption, [data-template="single_column"] .imageContainer_Image figcaption { margin: 10px 0 0 20px; } [data-template="single_column"] .fullWidthImageContainer, [data-template="single_column"] .imageContainer { position: relative; } [data-template="single_column"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column"] .imageContainer .imageCaptionRight, [data-template="single_column"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column"] .imageContainer .imageCaptionLeft, [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column"] .imageContainer .imageCaptionSideRight, [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideLeft, [data-template="single_column"] .imageContainer .imageCaptionSideLeft { border-bottom: 1px solid black; padding-bottom: 20px; margin: 10px 0px 10px 0px; } @media screen and (min-width: 768px) { [data-template="single_column"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column"] .imageContainer .imageCaptionRight, [data-template="single_column"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column"] .imageContainer .imageCaptionLeft, [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column"] .imageContainer .imageCaptionSideRight, [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideLeft, [data-template="single_column"] .imageContainer .imageCaptionSideLeft { padding: 0; width: 150px; border-bottom: none; } [data-template="single_column"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column"] .imageContainer .imageCaptionLeft { float: left; margin-left: 3%; } [data-template="single_column"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column"] .imageContainer .imageCaptionRight { float: left; margin-left: 3%; } [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column"] .imageContainer .imageCaptionSideRight, [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideLeft, [data-template="single_column"] .imageContainer .imageCaptionSideLeft { margin: 0; float: left; left: -170px; position: absolute; bottom: 0; } } @media screen and (min-width: 1024px) { [data-template="single_column"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column"] .imageContainer .imageCaptionRight { float: right; margin-right: 11%; } [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column"] .imageContainer .imageCaptionSideRight { margin: 0; float: right; right: -170px; left: auto; position: absolute; bottom: 0; } } @media screen and (max-width: 768px) { [data-template="single_column"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column"] .fullWidthImageContainer .imageCaptionSideLeft { margin: 10px 30px 10px 30px; } } [data-template="single_column"] .fullWidthImageContainer .imageCaption { margin: 10px 0 0 10%; } [data-template="single_column"] .imageContainer .imageCaption { margin-top: 10px; } [data-template="single_column"] .imageContainer + .quoteContainer { margin-top: 10px; } [data-template="single_column"] .galleryContainer { padding: 10px 0 15px 0; border: 1px solid black; border-right-width: 0; border-left-width: 0; box-sizing: border-box; margin: 0 10px; position: relative; } [data-template="single_column"] .galleryContainer .gallery { margin-top: 10px; position: relative; } [data-template="single_column"] .galleryContainer .gallery img { width: 100%; } [data-template="single_column"] .galleryContainer .caption { margin-top: 5px; } [data-template="single_column"] .galleryContainer .previousImageButton, [data-template="single_column"] .galleryContainer .nextImageButton { height: 40px; width: 40px; display: inline-block; background-color: rgba(255, 255, 255, 0.8); position: absolute; } [data-template="single_column"] .galleryContainer .previousImageButton i, [data-template="single_column"] .galleryContainer .nextImageButton i { position: absolute; font-size: 1em; } [data-template="single_column"] .galleryContainer .previousImageButton { position: absolute; top: 50%; left: 0; margin-top: -28px; } [data-template="single_column"] .galleryContainer .previousImageButton:after { content: ''; position: relative; bottom: -40px; right: 0; border-top: 14px solid rgba(255, 255, 255, 0.8); border-right: 14px solid transparent; display: block; } [data-template="single_column"] .galleryContainer .previousImageButton i { top: 17px; left: 14px; } [data-template="single_column"] .galleryContainer .nextImageButton { position: absolute; top: 50%; right: 0; margin-top: -14px; } [data-template="single_column"] .galleryContainer .nextImageButton:before { content: ''; position: relative; top: -14px; right: 0; border-bottom: 14px solid rgba(255, 255, 255, 0.8); border-left: 14px solid transparent; display: block; } [data-template="single_column"] .galleryContainer .nextImageButton i { top: 4px; left: 19px; } @media screen and (min-width: 768px) { [data-template="single_column"] .galleryContainer { margin: 0 185px 0 auto; width: 595px; } [data-template="single_column"] .galleryContainer .previousImageButton, [data-template="single_column"] .galleryContainer .nextImageButton { height: 62px; width: 62px; } [data-template="single_column"] .galleryContainer .previousImageButton i, [data-template="single_column"] .galleryContainer .nextImageButton i { font-size: 2em; } [data-template="single_column"] .galleryContainer .previousImageButton { margin-top: -44px; } [data-template="single_column"] .galleryContainer .previousImageButton:after { bottom: -62px; } [data-template="single_column"] .galleryContainer .previousImageButton i { top: 20px; left: 19px; } [data-template="single_column"] .galleryContainer .nextImageButton { margin-top: -22px; } [data-template="single_column"] .galleryContainer .nextImageButton i { top: 7px; left: 25px; } [data-template="single_column"] .galleryContainer .caption { margin-top: 15px; } } @media screen and (min-width: 1024px) { [data-template="single_column"] .galleryContainer { margin: 0 auto; width: 960px; } } [data-template="single_column"] .article_PreTitleBox .anteTitulo3 { background-color: #1d5874; padding: 3px; display: inline-block; } [data-template="single_column"] .article_PreTitle, [data-template="single_column"] .article_PreTitleBox { margin-top: 20px; } @media screen and (min-width: 768px) { [data-template="single_column"] .article_PreTitle, [data-template="single_column"] .article_PreTitleBox { margin-top: 10px; } } [data-template="single_column"] .article_Signature.bordered { display: block; margin-top: 15px !important; border: 1px solid black; border-left-width: 0; border-right-width: 0; padding: 5px 0 8px 0; } [data-template="single_column"] .article_Header + .article_Paragraph { margin-top: 38px !important; } [data-template="single_column"] .article_Paragraph .article_ParagraphTitle { margin-bottom: 5px; display: block; } [data-template="single_column"] .quoteContainerFree .quote::before { content: 'ÔÇ£'; } [data-template="single_column"] .quoteContainerFree .quote::after { content: 'ÔÇØ'; } [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .quoteContainerFullWidthSerif { display: block; } [data-template="single_column"] .quoteContainer .quote, [data-template="single_column"] .quoteContainerFree .quote, [data-template="single_column"] .quoteContainerFullWidthSerif .quote { display: block; } [data-template="single_column"] .quoteContainer { border: 1px solid #8d8d7f; border-left-width: 0; border-right-width: 0; } [data-template="single_column"] .quoteContainerSans, [data-template="single_column"] .quoteContainer { padding: 15px 0; } [data-template="single_column"] .quoteContainerFullWidthSerif { width: 100%; background-color: #ebe6b9; padding: 30px 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [data-template="single_column"] .top_margins { /*& > p + div, & > div + p, & > p + p, & > figure + p, & > aside + p, & > p + aside, & > figure + aside, & > p + figure, & > figure + figure { margin-top: 30px !important; }*/ } [data-template="single_column"] .top_margins > * + *:not(.article_Header), [data-template="single_column"] .top_margins > article > * + *:not(.article_Header) { margin-top: 30px; } [data-template="single_column"] .paragraphLeadUppercase { text-transform: uppercase; } [data-template="single_column"] > * + *:not(.article_Header), [data-template="single_column"] > article > * + *:not(.article_Header) { margin-top: 30px; } [data-template="single_column"] aside .fullWidthImageContainer .imageCaption, [data-template="single_column"] .article_Header .fullWidthImageContainer .imageCaption, [data-template="single_column"] aside .article_Paragraph, [data-template="single_column"] .article_Header .article_Paragraph, [data-template="single_column"] aside .article_Signature, [data-template="single_column"] .article_Header .article_Signature, [data-template="single_column"] aside .imageContainer, [data-template="single_column"] .article_Header .imageContainer, [data-template="single_column"] aside .quoteContainer, [data-template="single_column"] .article_Header .quoteContainer, [data-template="single_column"] aside .quoteContainerFree, [data-template="single_column"] .article_Header .quoteContainerFree, [data-template="single_column"] aside .article_PreTitleBox, [data-template="single_column"] .article_Header .article_PreTitleBox, [data-template="single_column"] aside .article_PreTitle, [data-template="single_column"] .article_Header .article_PreTitle, [data-template="single_column"] aside .article_Title, [data-template="single_column"] .article_Header .article_Title, [data-template="single_column"] aside .article_InterTitle, [data-template="single_column"] .article_Header .article_InterTitle, [data-template="single_column"] aside .article_Lead, [data-template="single_column"] .article_Header .article_Lead, [data-template="single_column"] aside .galleryContainer, [data-template="single_column"] .article_Header .galleryContainer { margin-left: 0; margin-right: 0; width: 100%; left: auto; } [data-template="single_column"] aside { border: 1px solid #8d8d7f; border-left-width: 0; border-right-width: 0; position: relative; box-sizing: border-box; padding-bottom: 15px; z-index: 1; /*& > p + div, & > div + p, & > p + p, & > figure + p, & > aside + p, & > p + aside, & > figure + aside, & > p + figure, & > figure + figure { margin-top: 30px !important; }*/ } [data-template="single_column"] aside.left, [data-template="single_column"] aside.right { clear: both; } [data-template="single_column"] aside.left .quoteContainer { text-align: right; } @media screen and (min-width: 768px) { [data-template="single_column"] aside.left, [data-template="single_column"] aside.right { float: left; margin: 37px 50px 15px 110px; width: 275px; position: relative; left: 130px; } } @media screen and (min-width: 1024px) { [data-template="single_column"] aside.right { float: right; margin: 30px 110px 15px 50px; } [data-template="single_column"] aside.right, [data-template="single_column"] aside.left { width: 350px; left: 0; } } @media screen and (min-width: 1280px) { [data-template="single_column"] aside.right, [data-template="single_column"] aside.left { width: 380px; } } @media screen and (min-width: 1440px) { [data-template="single_column"] aside.right, [data-template="single_column"] aside.left { width: 430px; } } @media screen and (min-width: 1920px) { [data-template="single_column"] aside.right, [data-template="single_column"] aside.left { width: 460px; } [data-template="single_column"] aside.right { margin: 30px 200px 15px 50px; } [data-template="single_column"] aside.right { margin: 30px 50px 15px 200px; } } [data-template="single_column"] aside .article_Paragraph .article_ParagraphTitle { margin-bottom: 0; } [data-template="single_column"] aside > * + *:not(.article_Header), [data-template="single_column"] aside > article > * + *:not(.article_Header) { margin-top: 30px; } [data-template="single_column"] aside .imageContainer { width: 100%; } [data-template="single_column"] aside .imageContainer, [data-template="single_column"] aside .fullWidthImageContainer { left: 0; margin: 10px 0 0 0; } [data-template="single_column"] aside .imageContainer .imageCaptionRight, [data-template="single_column"] aside .fullWidthImageContainer .imageCaptionRight, [data-template="single_column"] aside .imageContainer .imageCaptionLeft, [data-template="single_column"] aside .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column"] aside .imageContainer .imageCaptionSideRight, [data-template="single_column"] aside .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column"] aside .imageContainer .imageCaptionSideLeft, [data-template="single_column"] aside .fullWidthImageContainer .imageCaptionSideLeft { margin: 10px 0 0 0; float: none; width: 100%; margin-left: 0; margin-right: 0; position: static; } [data-template="single_column"] aside .imageContainer:last-child figcaption, [data-template="single_column"] aside .fullWidthImageContainer:last-child figcaption { border-bottom-width: 0; padding-bottom: 0; } [data-template="single_column"] aside .asideHeading { border-bottom: 1px solid #8d8d7f; display: block; margin-top: 20px; } [data-template="single_column"] aside .asideHeading + p { margin-top: 30px; } [data-template="single_column"] aside .numero + p { margin-top: 0; } [data-template="single_column"] aside .quoteContainer { border: none; padding-bottom: 0; } @media screen and (min-width: 768px) { [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { position: relative; left: 130px; } } @media screen and (min-width: 1024px) { [data-template="single_column"] .article_Paragraph, [data-template="single_column"] .imageContainer, [data-template="single_column"] .quoteContainer, [data-template="single_column"] .quoteContainerFree, [data-template="single_column"] .article_InterTitle, [data-template="single_column"] .article_Header, [data-template="single_column"] .galleryContainer, [data-template="single_column"] .side1Separador, [data-template="single_column"] aside { left: 0; } } [data-template="single_column"] .article_Title { margin-top: 10px; margin-bottom: 55px; } [data-template="redes"] * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [data-template="redes"] .categoryBox { background-color: black; font-size: 16px !important; text-transform: uppercase; padding: 12px 10px; margin-bottom: 0; } @media screen and (min-width: 768px) { [data-template="redes"] .categoryBox { margin-bottom: 20px; } } [data-template="redes"] .grayBox { background-color: #dcdcdc; } [data-template="redes"] .blueBox .box_Title, [data-template="redes"] .blackBox .box_Title { border-bottom: 1px solid white; } [data-template="redes"] .blackBox { background-color: black; } [data-template="redes"] .blueBox { background-color: #0096c8; } [data-template="redes"] .box_Title { padding: 15px 10px 13px 10px; text-align: center; border-bottom: 1px solid black; } [data-template="redes"] .box_ParagraphTitle { margin-bottom: 20px; } [data-template="redes"] .box_Content { padding: 12px 10px 20px 10px; } [data-template="redes"] .box_ContentQuote { text-align: center; padding: 17px 10px 20px 10px; } [data-template="redes"] .box_ContentQuote .box_ParagraphTitle { font-style: italic; } [data-template="redes"] .masonry-sizer { display: none; } [data-template="redes"] .mosaico > div, [data-template="redes"] .masonry-sizer, [data-template="redes"] .categoryBox { width: 100%; margin-bottom: 20px; word-wrap: break-word; } [data-template="redes"] .mosaico > div > .media, [data-template="redes"] .masonry-sizer > .media, [data-template="redes"] .categoryBox > .media { width: 100%; } @media screen and (min-width: 768px) { [data-template="redes"] .mosaico > div, [data-template="redes"] .masonry-sizer, [data-template="redes"] .categoryBox { width: 236px; } [data-template="redes"] .mosaico > div.wide, [data-template="redes"] .masonry-sizer.wide, [data-template="redes"] .categoryBox.wide { width: 492px; } } @media screen and (min-width: 1280px) { [data-template="redes"] .mosaico > div, [data-template="redes"] .masonry-sizer, [data-template="redes"] .categoryBox { width: 300px; } [data-template="redes"] .mosaico > div.wide, [data-template="redes"] .masonry-sizer.wide, [data-template="redes"] .categoryBox.wide { width: 620px; } } [data-template="cover"] { height: 100%; position: relative; } [data-template="cover"] p { margin-bottom: 0; } [data-template="cover"].hasTopAd { height: calc(100% - 111px); } [data-template="cover"] * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [data-template="cover"] .topAd { background-color: white; border-bottom: 1px solid black; padding-bottom: 10px; width: 100%; margin: 0 auto 9px auto; overflow: hidden; z-index: 1; } [data-template="cover"] .topAd + header { top: 110px; } @media screen and (min-width: 768px) { [data-template="cover"] { padding-left: 160px; } [data-template="cover"] .topAd { width: calc(100% + 160px); left: -160px; position: relative; } [data-template="cover"] main { margin-left: 10px; } } @media screen and (min-width: 1280px) { [data-template="cover"] { padding-left: 230px; } [data-template="cover"] .topAd { width: calc(100% + 230px); left: -230px; } } @media screen and (min-width: 1920px) { [data-template="cover"] { padding-left: 310px; } [data-template="cover"] .topAd { width: calc(100% + 310px); left: -310px; } } [data-template="cover"] > header { height: 105px; margin-bottom: 5px; } [data-template="cover"] > header .brand, [data-template="cover"] > header .featured, [data-template="cover"] > header .featuredArticles { float: left; height: 100%; } [data-template="cover"] > header .brand { width: 90px; text-align: center; /** remover quando houver imagem para logo **/ color: white; /**********/ } [data-template="cover"] > header .brand span { display: block; padding: 5px; margin: 0 10px; } [data-template="cover"] > header .brand span + span { border-top: 1px solid white; } [data-template="cover"] > header .brand, [data-template="cover"] > header .sharingButton { background-color: #1d5874; } [data-template="cover"] > header .sharingButton { display: none; color: white; border: 1px solid white; border-left-width: 0; border-right: 0; margin: 0 20px; text-align: center; padding: 10px 0; cursor: pointer; } [data-template="cover"] > header .sharingButton i { display: inline-block; font-size: 1.2em; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } [data-template="cover"] > header .featured { margin-left: 5px; background-color: #568297; width: calc(50% - 5px); text-align: center; padding: 5px; } [data-template="cover"] > header .featured + .featured { background-color: #8EACBA; } [data-template="cover"] > header .featured h4 { text-transform: uppercase; margin-top: 34px; } [data-template="cover"] > header .featuredArticles { width: calc(100% - 90px); } @media screen and (min-width: 768px) { [data-template="cover"] > header { background-color: #1d5874; height: 100%; width: 160px; float: left; position: absolute; top: 0; left: 0; bottom: 0; margin-bottom: 0; } [data-template="cover"] > header .brand, [data-template="cover"] > header .sharingButton { z-index: 1; position: relative; } [data-template="cover"] > header .sharingButton { display: block; } [data-template="cover"] > header .brand span { margin: 0 20px; } [data-template="cover"] > header .brand, [data-template="cover"] > header .featured, [data-template="cover"] > header .featuredArticles { float: none; height: auto; width: auto; margin-left: 0; margin-right: 0; } [data-template="cover"] > header .featured, [data-template="cover"] > header .featuredArticles { background-color: transparent !important; } [data-template="cover"] > header .featured { margin: 0 20px; } [data-template="cover"] > header .featured h4 { margin-top: 0; } [data-template="cover"] > header .featured + .featured { padding-top: 20px; margin-top: 20px; border-top: 1px solid white; } [data-template="cover"] > header .featuredArticles { position: absolute; bottom: 70px; } } @media screen and (min-width: 1280px) { [data-template="cover"] > header { width: 230px; } } @media screen and (min-width: 1920px) { [data-template="cover"] > header { width: 310px; } } [data-template="cover"] .boxPrimary .box_Paragraph, [data-template="cover"] .boxPrimary h1, [data-template="cover"] .boxSecondary h2, [data-template="cover"] .boxSecondary .box_Paragraph { max-width: 1000px; } [data-template="cover"] .boxPrimary, [data-template="cover"] .boxSecondary, [data-template="cover"] .boxTertiary { position: relative; margin-bottom: 5px; width: 100%; } @media screen and (min-width: 768px) { [data-template="cover"] .boxPrimary, [data-template="cover"] .boxSecondary, [data-template="cover"] .boxTertiary { margin-bottom: 10px; } } [data-template="cover"] .boxPrimary .box_Paragraph, [data-template="cover"] .boxSecondary .box_Paragraph { display: none; } @media screen and (min-width: 768px) { [data-template="cover"] .boxPrimary .box_Paragraph, [data-template="cover"] .boxSecondary .box_Paragraph { display: block; } } [data-template="cover"] .boxPrimary img, [data-template="cover"] .boxSecondary img { width: 100%; } [data-template="cover"] .boxSecondary { padding: 10px 20px; background-color: #dcdcdc; } @media screen and (min-width: 768px) { [data-template="cover"] .boxSecondary { padding: 30px 25px 20px 25px; } [data-template="cover"] .boxSecondary .box_Paragraph { margin-top: 20px; } } [data-template="cover"] .boxPrimary { height: 205px; overflow: hidden; position: relative; display: table; background: url('../imgs/Cairo.JPG'); background-position: 50% 50%; background-size: cover; clear: both; } [data-template="cover"] .boxPrimary .infoContainer { padding: 10px 20px; background-color: rgba(0, 0, 0, 0.65); } [data-template="cover"] .boxPrimary .arrowBottom { content: ''; border-color: rgba(0, 0, 0, 0.65) transparent transparent transparent; border-style: solid; border-width: 10px 12px 0px 12px; position: relative; display: block; bottom: -20px; margin: 0px auto; width: 25px; } [data-template="cover"] .boxPrimary .articleInfo { display: table-cell; vertical-align: middle; min-width: 100%; position: relative; bottom: 5%; } @media screen and (min-width: 768px) { [data-template="cover"] .boxPrimary { min-height: 504px; } [data-template="cover"] .boxPrimary .infoContainer { padding: 40px 40px 20px 40px; } [data-template="cover"] .boxPrimary .arrowBottom { border-width: 30px 37px 0px 37px; bottom: -50px; } [data-template="cover"] .boxPrimary .box_Paragraph { margin-top: 20px; } [data-template="cover"] .boxPrimary.fullHeight { min-height: 100% !important; } } @media screen and (min-width: 1024px) { [data-template="cover"] .boxPrimary { min-height: 768px; } } @media screen and (min-width: 1280px) { [data-template="cover"] .boxPrimary { min-height: 800px; } } @media screen and (min-width: 1440px) { [data-template="cover"] .boxPrimary { min-height: 900px; } } @media screen and (min-width: 1920px) { [data-template="cover"] .boxPrimary { min-height: 1200px; } } [data-template="cover"] .boxTertiary { width: calc(50% - 2.5px); height: 160px; float: left; overflow: hidden; position: relative; } [data-template="cover"] .boxTertiary > img { height: 100%; min-width: 100%; } [data-template="cover"] .boxTertiary .box_Paragraph { background-color: rgba(29, 88, 116, 0.65); padding: 8px; position: absolute; bottom: 0; left: 0; right: 0; min-height: 84px; } [data-template="cover"] .boxTertiary .box_Paragraph .articleLead { display: none; } [data-template="cover"] .boxTertiary:nth-child(2n+2) { margin-left: 5px; } @media screen and (min-width: 768px) { [data-template="cover"] .boxTertiary { height: 198px; width: calc(100%/2 - 10px/2); } [data-template="cover"] .boxTertiary > img { width: 100%; min-height: 100%; height: auto; min-width: auto; } [data-template="cover"] .boxTertiary .box_Paragraph { min-height: 113px; } [data-template="cover"] .boxTertiary .box_Paragraph .articleLead { display: block; } [data-template="cover"] .boxTertiary:nth-child(2n+2) { margin-left: 10px; } } @media screen and (min-width: 1024px) { [data-template="cover"] .boxTertiary { width: calc(100%/3 - 20px/3); } [data-template="cover"] .boxTertiary:nth-child(2n+2) { margin-left: auto; } [data-template="cover"] .boxTertiary:nth-child(3n+3), [data-template="cover"] .boxTertiary:nth-child(3n+2) { margin-left: 10px; } } @media screen and (min-width: 1280px) { [data-template="cover"] .boxTertiary { height: 241px; } [data-template="cover"] .boxTertiary .box_Paragraph { min-height: 138px; } } @media screen and (min-width: 1920px) { [data-template="cover"] .boxTertiary { height: 326px; } [data-template="cover"] .boxTertiary .box_Paragraph { min-height: 111px; } } [data-template="cover"] main { height: 100%; } @media screen and (min-width: 768px) { [data-template="cover"] main { float: left; overflow-y: scroll; } } [data-template="articles-with-menu"] aside { background-color: #dcdcdc; -webkit-user-select: none; -moz-user-select: none; user-select: none; } [data-template="articles-with-menu"] aside h2 { margin-top: 0; } [data-template="articles-with-menu"] aside .newsType { height: 44px; background-color: #1d5874; padding: 12px 20px 10px 20px; border-bottom: 1px solid black; position: relative; z-index: 1; } [data-template="articles-with-menu"] aside .articleList { z-index: 0; position: relative; height: calc(100% - 84px); } @media screen and (max-width: 767px) { [data-template="articles-with-menu"] aside .articleList { bottom: 0 !important; } } @media screen and (min-width: 768px) { [data-template="articles-with-menu"] aside .articleList { overflow-y: scroll; } [data-template="articles-with-menu"] aside .articleList a.activeArticle { background-color: #262626; } [data-template="articles-with-menu"] aside .articleList a.activeArticle p { color: white !important; } } [data-template="articles-with-menu"] aside .articleList a { padding: 20px; overflow: auto; display: block; text-decoration: none; } [data-template="articles-with-menu"] aside .articleList a img { width: 100%; } [data-template="articles-with-menu"] aside .articleList a img + h2 { margin-top: 20px; } [data-template="articles-with-menu"] aside .articleList a:focus { outline: none; } [data-template="articles-with-menu"] aside .articleList a + a { border-top: 1px solid black; } [data-template="articles-with-menu"] aside .articleButtons { display: none; cursor: pointer; position: relative; z-index: 1; } [data-template="articles-with-menu"] aside .articleButtons .prevArticle, [data-template="articles-with-menu"] aside .articleButtons .nextArticle { float: left; width: 50%; height: 40px; background-color: #1d5874; position: relative; color: white; font-size: 20px; } [data-template="articles-with-menu"] aside .articleButtons i { font-size: 1.5em; } [data-template="articles-with-menu"] aside .articleButtons .prevArticle { border-right: 1px solid white; } [data-template="articles-with-menu"] aside .articleButtons .prevArticle i { position: absolute; right: 30px; } [data-template="articles-with-menu"] aside .articleButtons .nextArticle i { position: absolute; left: 30px; } @media screen and (min-width: 768px) { [data-template="articles-with-menu"] { padding-left: 240px; } [data-template="articles-with-menu"] aside { position: fixed; left: 0; top: 0; bottom: 0; width: 240px; border-right: 1px solid black; min-height: 100%; } [data-template="articles-with-menu"] aside .newsType { background-color: #dcdcdc; } [data-template="articles-with-menu"] aside .articleButtons { display: block; } } @media screen and (min-width: 1024px) { [data-template="articles-with-menu"] { padding-left: 266px; } [data-template="articles-with-menu"] aside { width: 266px; } } @media screen and (min-width: 1280px) { [data-template="articles-with-menu"] { padding-left: 330px; } [data-template="articles-with-menu"] aside { width: 330px; } } [data-template="single_column_contained"] { /*& > p + div, & > div + p, & > p + p, & > figure + p, & > aside + p, & > p + aside, & > figure + aside, & > p + figure, & > figure + figure { margin-top: 30px !important; }*/ /* padding-top: 20px; .fullWidthImageContainer + .defaultContainer, .defaultContainer + .defaultContainer { margin: 30px auto 0 auto; } .side1Separador { margin: 0 auto 0 0; width: 90%; } .article_Paragraph .article_ParagraphTitle { display: block; } .defaultContainer { padding: 0 30px; margin: 0 auto; @media screen and (min-width: @threshold1){ width: @defaultContainerWidth768; } @media screen and (min-width: @threshold2){ width: @defaultContainerWidth1024; } @media screen and (min-width: @threshold3){ width: @defaultContainerWidth1280; } & > * + *:not(.article_Header) { margin-top: 30px; } } .article_Header { margin-bottom: 25px; } .fullWidthImageContainer { figcaption { margin: 10px 0 0 30px; @media screen and (min-width: @threshold1){ margin: 10px 0 0 20px; } } img { width: 100%; } }*/ } [data-template="single_column_contained"] .article_Paragraph, [data-template="single_column_contained"] .imageContainer, [data-template="single_column_contained"] .quoteContainer, [data-template="single_column_contained"] .quoteContainerFree, [data-template="single_column_contained"] .article_InterTitle, [data-template="single_column_contained"] .article_Header, [data-template="single_column_contained"] .galleryContainer, [data-template="single_column_contained"] .side1Separador, [data-template="single_column_contained"] aside { margin: 0 30px; } @media screen and (min-width: 768px) { [data-template="single_column_contained"] .article_Paragraph, [data-template="single_column_contained"] .imageContainer, [data-template="single_column_contained"] .quoteContainer, [data-template="single_column_contained"] .quoteContainerFree, [data-template="single_column_contained"] .article_InterTitle, [data-template="single_column_contained"] .article_Header, [data-template="single_column_contained"] .galleryContainer, [data-template="single_column_contained"] .side1Separador, [data-template="single_column_contained"] aside { margin: 0 auto; width: 364px; padding: 0; } } @media screen and (min-width: 1024px) { [data-template="single_column_contained"] .article_Paragraph, [data-template="single_column_contained"] .imageContainer, [data-template="single_column_contained"] .quoteContainer, [data-template="single_column_contained"] .quoteContainerFree, [data-template="single_column_contained"] .article_InterTitle, [data-template="single_column_contained"] .article_Header, [data-template="single_column_contained"] .galleryContainer, [data-template="single_column_contained"] .side1Separador, [data-template="single_column_contained"] aside { width: 492px; } } @media screen and (min-width: 1280px) { [data-template="single_column_contained"] .article_Paragraph, [data-template="single_column_contained"] .imageContainer, [data-template="single_column_contained"] .quoteContainer, [data-template="single_column_contained"] .quoteContainerFree, [data-template="single_column_contained"] .article_InterTitle, [data-template="single_column_contained"] .article_Header, [data-template="single_column_contained"] .galleryContainer, [data-template="single_column_contained"] .side1Separador, [data-template="single_column_contained"] aside { width: 700px; } } @media screen and (min-width: 1440px) { [data-template="single_column_contained"] .article_Paragraph, [data-template="single_column_contained"] .imageContainer, [data-template="single_column_contained"] .quoteContainer, [data-template="single_column_contained"] .quoteContainerFree, [data-template="single_column_contained"] .article_InterTitle, [data-template="single_column_contained"] .article_Header, [data-template="single_column_contained"] .galleryContainer, [data-template="single_column_contained"] .side1Separador, [data-template="single_column_contained"] aside { width: 700px; } } @media screen and (min-width: 1920px) { [data-template="single_column_contained"] .article_Paragraph, [data-template="single_column_contained"] .imageContainer, [data-template="single_column_contained"] .quoteContainer, [data-template="single_column_contained"] .quoteContainerFree, [data-template="single_column_contained"] .article_InterTitle, [data-template="single_column_contained"] .article_Header, [data-template="single_column_contained"] .galleryContainer, [data-template="single_column_contained"] .side1Separador, [data-template="single_column_contained"] aside { width: 700px; } } [data-template="single_column_contained"] .fullWidthImageContainer, [data-template="single_column_contained"] .fullWidthImageContainer .fullWidthImageContainer_Image, [data-template="single_column_contained"] .imageContainer_Image { width: 100%; } [data-template="single_column_contained"] .fullWidthImageContainer figcaption, [data-template="single_column_contained"] .fullWidthImageContainer .fullWidthImageContainer_Image figcaption, [data-template="single_column_contained"] .imageContainer_Image figcaption { margin: 10px 0 0 20px; } [data-template="single_column_contained"] .fullWidthImageContainer, [data-template="single_column_contained"] .imageContainer { position: relative; } [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column_contained"] .imageContainer .imageCaptionRight, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column_contained"] .imageContainer .imageCaptionLeft, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .imageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideLeft, [data-template="single_column_contained"] .imageContainer .imageCaptionSideLeft { border-bottom: 1px solid black; padding-bottom: 20px; margin: 10px 0px 10px 0px; } @media screen and (min-width: 768px) { [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column_contained"] .imageContainer .imageCaptionRight, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column_contained"] .imageContainer .imageCaptionLeft, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .imageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideLeft, [data-template="single_column_contained"] .imageContainer .imageCaptionSideLeft { padding: 0; width: 150px; border-bottom: none; } [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column_contained"] .imageContainer .imageCaptionLeft { float: left; margin-left: 3%; } [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column_contained"] .imageContainer .imageCaptionRight { float: left; margin-left: 3%; } [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .imageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideLeft, [data-template="single_column_contained"] .imageContainer .imageCaptionSideLeft { margin: 0; float: left; left: -170px; position: absolute; bottom: 0; } } @media screen and (min-width: 1024px) { [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column_contained"] .imageContainer .imageCaptionRight { float: right; margin-right: 11%; } [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .imageContainer .imageCaptionSideRight { margin: 0; float: right; right: -170px; left: auto; position: absolute; bottom: 0; } } @media screen and (max-width: 768px) { [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionRight, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column_contained"] .fullWidthImageContainer .imageCaptionSideLeft { margin: 10px 30px 10px 30px; } } [data-template="single_column_contained"] .fullWidthImageContainer .imageCaption { margin: 10px 0 0 10%; } [data-template="single_column_contained"] .imageContainer .imageCaption { margin-top: 10px; } [data-template="single_column_contained"] .imageContainer + .quoteContainer { margin-top: 10px; } [data-template="single_column_contained"] .galleryContainer { padding: 10px 0 15px 0; border: 1px solid black; border-right-width: 0; border-left-width: 0; box-sizing: border-box; margin: 0 10px; position: relative; } [data-template="single_column_contained"] .galleryContainer .gallery { margin-top: 10px; position: relative; } [data-template="single_column_contained"] .galleryContainer .gallery img { width: 100%; } [data-template="single_column_contained"] .galleryContainer .caption { margin-top: 5px; } [data-template="single_column_contained"] .galleryContainer .previousImageButton, [data-template="single_column_contained"] .galleryContainer .nextImageButton { height: 40px; width: 40px; display: inline-block; background-color: rgba(255, 255, 255, 0.8); position: absolute; } [data-template="single_column_contained"] .galleryContainer .previousImageButton i, [data-template="single_column_contained"] .galleryContainer .nextImageButton i { position: absolute; font-size: 1em; } [data-template="single_column_contained"] .galleryContainer .previousImageButton { position: absolute; top: 50%; left: 0; margin-top: -28px; } [data-template="single_column_contained"] .galleryContainer .previousImageButton:after { content: ''; position: relative; bottom: -40px; right: 0; border-top: 14px solid rgba(255, 255, 255, 0.8); border-right: 14px solid transparent; display: block; } [data-template="single_column_contained"] .galleryContainer .previousImageButton i { top: 17px; left: 14px; } [data-template="single_column_contained"] .galleryContainer .nextImageButton { position: absolute; top: 50%; right: 0; margin-top: -14px; } [data-template="single_column_contained"] .galleryContainer .nextImageButton:before { content: ''; position: relative; top: -14px; right: 0; border-bottom: 14px solid rgba(255, 255, 255, 0.8); border-left: 14px solid transparent; display: block; } [data-template="single_column_contained"] .galleryContainer .nextImageButton i { top: 4px; left: 19px; } @media screen and (min-width: 768px) { [data-template="single_column_contained"] .galleryContainer { margin: 0 185px 0 auto; width: 595px; } [data-template="single_column_contained"] .galleryContainer .previousImageButton, [data-template="single_column_contained"] .galleryContainer .nextImageButton { height: 62px; width: 62px; } [data-template="single_column_contained"] .galleryContainer .previousImageButton i, [data-template="single_column_contained"] .galleryContainer .nextImageButton i { font-size: 2em; } [data-template="single_column_contained"] .galleryContainer .previousImageButton { margin-top: -44px; } [data-template="single_column_contained"] .galleryContainer .previousImageButton:after { bottom: -62px; } [data-template="single_column_contained"] .galleryContainer .previousImageButton i { top: 20px; left: 19px; } [data-template="single_column_contained"] .galleryContainer .nextImageButton { margin-top: -22px; } [data-template="single_column_contained"] .galleryContainer .nextImageButton i { top: 7px; left: 25px; } [data-template="single_column_contained"] .galleryContainer .caption { margin-top: 15px; } } @media screen and (min-width: 1024px) { [data-template="single_column_contained"] .galleryContainer { margin: 0 auto; width: 960px; } } [data-template="single_column_contained"] .article_PreTitleBox .anteTitulo3 { background-color: #1d5874; padding: 3px; display: inline-block; } [data-template="single_column_contained"] .article_PreTitle, [data-template="single_column_contained"] .article_PreTitleBox { margin-top: 20px; } @media screen and (min-width: 768px) { [data-template="single_column_contained"] .article_PreTitle, [data-template="single_column_contained"] .article_PreTitleBox { margin-top: 10px; } } [data-template="single_column_contained"] .article_Signature.bordered { display: block; margin-top: 15px !important; border: 1px solid black; border-left-width: 0; border-right-width: 0; padding: 5px 0 8px 0; } [data-template="single_column_contained"] .article_Header + .article_Paragraph { margin-top: 55px !important; } [data-template="single_column_contained"] .article_Paragraph .article_ParagraphTitle { margin-bottom: 5px; display: block; } [data-template="single_column_contained"] .quoteContainerFree .quote::before { content: 'ÔÇ£'; } [data-template="single_column_contained"] .quoteContainerFree .quote::after { content: 'ÔÇØ'; } [data-template="single_column_contained"] .quoteContainer, [data-template="single_column_contained"] .quoteContainerFree, [data-template="single_column_contained"] .quoteContainerFullWidthSerif { display: block; } [data-template="single_column_contained"] .quoteContainer .quote, [data-template="single_column_contained"] .quoteContainerFree .quote, [data-template="single_column_contained"] .quoteContainerFullWidthSerif .quote { display: block; } [data-template="single_column_contained"] .quoteContainer { border: 1px solid #8d8d7f; border-left-width: 0; border-right-width: 0; } [data-template="single_column_contained"] .quoteContainerSans, [data-template="single_column_contained"] .quoteContainer { padding: 15px 0; } [data-template="single_column_contained"] .quoteContainerFullWidthSerif { width: 100%; background-color: #ebe6b9; padding: 30px 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [data-template="single_column_contained"] .top_margins { /*& > p + div, & > div + p, & > p + p, & > figure + p, & > aside + p, & > p + aside, & > figure + aside, & > p + figure, & > figure + figure { margin-top: 30px !important; }*/ } [data-template="single_column_contained"] .top_margins > * + *:not(.article_Header), [data-template="single_column_contained"] .top_margins > article > * + *:not(.article_Header) { margin-top: 30px; } [data-template="single_column_contained"] .paragraphLeadUppercase { text-transform: uppercase; } [data-template="single_column_contained"] > * + *:not(.article_Header), [data-template="single_column_contained"] > article > * + *:not(.article_Header) { margin-top: 30px; } [data-template="single_column_contained"] aside .fullWidthImageContainer .imageCaption, [data-template="single_column_contained"] .article_Header .fullWidthImageContainer .imageCaption, [data-template="single_column_contained"] aside .article_Paragraph, [data-template="single_column_contained"] .article_Header .article_Paragraph, [data-template="single_column_contained"] aside .article_Signature, [data-template="single_column_contained"] .article_Header .article_Signature, [data-template="single_column_contained"] aside .imageContainer, [data-template="single_column_contained"] .article_Header .imageContainer, [data-template="single_column_contained"] aside .quoteContainer, [data-template="single_column_contained"] .article_Header .quoteContainer, [data-template="single_column_contained"] aside .quoteContainerFree, [data-template="single_column_contained"] .article_Header .quoteContainerFree, [data-template="single_column_contained"] aside .article_PreTitleBox, [data-template="single_column_contained"] .article_Header .article_PreTitleBox, [data-template="single_column_contained"] aside .article_PreTitle, [data-template="single_column_contained"] .article_Header .article_PreTitle, [data-template="single_column_contained"] aside .article_Title, [data-template="single_column_contained"] .article_Header .article_Title, [data-template="single_column_contained"] aside .article_InterTitle, [data-template="single_column_contained"] .article_Header .article_InterTitle, [data-template="single_column_contained"] aside .article_Lead, [data-template="single_column_contained"] .article_Header .article_Lead, [data-template="single_column_contained"] aside .galleryContainer, [data-template="single_column_contained"] .article_Header .galleryContainer { margin-left: 0; margin-right: 0; width: 100%; left: auto; } [data-template="single_column_contained"] aside { border: 1px solid #8d8d7f; border-left-width: 0; border-right-width: 0; position: relative; box-sizing: border-box; padding-bottom: 15px; z-index: 1; /*& > p + div, & > div + p, & > p + p, & > figure + p, & > aside + p, & > p + aside, & > figure + aside, & > p + figure, & > figure + figure { margin-top: 30px !important; }*/ } [data-template="single_column_contained"] aside.left, [data-template="single_column_contained"] aside.right { clear: both; } [data-template="single_column_contained"] aside.left .quoteContainer { text-align: right; } @media screen and (min-width: 768px) { [data-template="single_column_contained"] aside.left, [data-template="single_column_contained"] aside.right { float: left; margin: 30px 50px 15px 110px; width: 275px; position: relative; left: 130px; } [data-template="single_column_contained"] aside.right { float: right; margin: 30px 110px 15px 50px; } [data-template="single_column_contained"] aside.right, [data-template="single_column_contained"] aside.left { width: 350px; left: 0; } } @media screen and (min-width: 1024px) { [data-template="single_column_contained"] aside.right { float: right; margin: 30px 110px 15px 50px; } [data-template="single_column_contained"] aside.right, [data-template="single_column_contained"] aside.left { width: 350px; left: 0; } } @media screen and (min-width: 1280px) { [data-template="single_column_contained"] aside.right, [data-template="single_column_contained"] aside.left { width: 380px; } } @media screen and (min-width: 1440px) { [data-template="single_column_contained"] aside.right, [data-template="single_column_contained"] aside.left { width: 430px; } } @media screen and (min-width: 1920px) { [data-template="single_column_contained"] aside.right, [data-template="single_column_contained"] aside.left { width: 460px; } [data-template="single_column_contained"] aside.right { margin: 30px 200px 15px 50px; } [data-template="single_column_contained"] aside.right { margin: 30px 50px 15px 200px; } } [data-template="single_column_contained"] aside .article_Paragraph .article_ParagraphTitle { margin-bottom: 0; } [data-template="single_column_contained"] aside > * + *:not(.article_Header), [data-template="single_column_contained"] aside > article > * + *:not(.article_Header) { margin-top: 30px; } [data-template="single_column_contained"] aside .imageContainer { width: 100%; } [data-template="single_column_contained"] aside .imageContainer, [data-template="single_column_contained"] aside .fullWidthImageContainer { left: 0; margin: 10px 0 0 0; } [data-template="single_column_contained"] aside .imageContainer .imageCaptionRight, [data-template="single_column_contained"] aside .fullWidthImageContainer .imageCaptionRight, [data-template="single_column_contained"] aside .imageContainer .imageCaptionLeft, [data-template="single_column_contained"] aside .fullWidthImageContainer .imageCaptionLeft, [data-template="single_column_contained"] aside .imageContainer .imageCaptionSideRight, [data-template="single_column_contained"] aside .fullWidthImageContainer .imageCaptionSideRight, [data-template="single_column_contained"] aside .imageContainer .imageCaptionSideLeft, [data-template="single_column_contained"] aside .fullWidthImageContainer .imageCaptionSideLeft { margin: 10px 0 0 0; float: none; width: 100%; margin-left: 0; margin-right: 0; position: static; } [data-template="single_column_contained"] aside .imageContainer:last-child figcaption, [data-template="single_column_contained"] aside .fullWidthImageContainer:last-child figcaption { border-bottom-width: 0; padding-bottom: 0; } [data-template="single_column_contained"] aside .asideHeading { border-bottom: 1px solid #8d8d7f; display: block; margin-top: 20px; } [data-template="single_column_contained"] aside .asideHeading + p { margin-top: 30px; } [data-template="single_column_contained"] aside .numero + p { margin-top: 0; } [data-template="single_column_contained"] aside .quoteContainer { border: none; padding-bottom: 0; } [data-template="single_column_contained"] .article_Title { margin-top: 10px; margin-bottom: 20px; } [data-template="single_column_contained"] .article_PreTitle, [data-template="single_column_contained"] .article_PreTitleBox { margin-top: 0; } [data-template="single_column_contained"] .side1Separador { margin: 30px auto 30px 20px; width: 85%; } [data-template="single_column_contained"] article { padding-top: 10px; }