/*
Theme Name: Revista Sur
Version: 2015
Author: Saulo Padilha
Author URI: http://www.spadilha.com
*/


/* ========================================================================================================
    FONT FACE
======================================================================================================== */
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('_fonts/OpenSans-CondLight-webfont.eot');
    src: url('_fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('_fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('_fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('_fonts/OpenSans-CondBold-webfont.eot');
    src: url('_fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('_fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('_fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('_fonts/OpenSans-CondLightItalic-webfont.eot');
    src: url('_fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('_fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('_fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('_fonts/OpenSans-CondLightItalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: 300;
    font-style: italic;

}


/* ========================================================================================================
    RESET
======================================================================================================== */
/* apply a natural box layout model to all elements */
* {margin: 0; padding: 0; border: 0; vertical-align: baseline; background:transparent; outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ========================================================================================================
    BODY
======================================================================================================== */
html, body {height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color:#514C4E; line-height:1; background-color: #fff;

    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;

}

input {
    -webkit-appearance: none;
    border-radius: 0;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}

input, select, textarea {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; color: #514C4E; padding: 0; border: 0;}
textarea {overflow: auto; line-height: 17px;}

::-webkit-input-placeholder {color: #999191; opacity: 1;}
:-moz-placeholder {color: #999191; opacity: 1;} /* Firefox 18- */
::-moz-placeholder {color: #999191; opacity: 1;} /* Firefox 19+ */
:-ms-input-placeholder {color: #999191; opacity: 1;}


/* STYLE SCROLL BAR ONLY LARGER THAN IPAD */
@media only screen and ( min-width:1025px ) {

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 11px;
}

::-webkit-scrollbar-thumb {
    background-color: #D8D1C9;
}

::-webkit-scrollbar-track {
    background-color: #000;
}

}


h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif; font-weight:700;}

a {text-decoration:none; color:#8e1536;
    -webkit-transition:color 0.2s ease-in, background-color 0.2s ease-in;
    -moz-transition:color 0.2s ease-in, background-color 0.2s ease-in;
    -o-transition:color 0.2s ease-in, background-color 0.2s ease-in;
    transition:color 0.2s ease-in, background-color 0.2s ease-in;
}
a:hover {color: #8e1536;}

ol, ul {list-style: none;}

sup {vertical-align: super;}

table {border-collapse: collapse; margin: 15px 0;}
table th, table td {padding: 5px; border: 1px solid #514C4E;}

.row {width: 100%; float: left; clear: left;}
.col {width: 47%; float: left;}
.col:last-child {width: 47%; float: right;}

.col-3 {width: 33.3%; float: left; text-align: center; margin: 55px 0 80px;}

.fitVids {width: 100%; float: left; clear: left;}
.fitVids iframe {width: 100%; height: auto;}
.fitVids .issuuembed {width: 100% !important; max-width: 700px;}

.flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    justify-content: space-between;
}

.circleImage {
    margin:10px 30px 60px 0 !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.wrapper {max-width: 1058px; width: 100%; margin: 0 auto; position: relative; padding: 0 10px;}

#header .wrapper, #newsletter .wrapper, #highlights .wrapper, #callforpaper .wrapper, #anteriores .wrapper, #footer .wrapper, .rowLarge .wrapper {max-width: 1270px;}

/* ====================================================
    HEADER
==================================================== */
#header {width: 100%; height: 118px; float: left; clear: left; position: fixed; z-index: 999;}
#header .wrapper {height: 100%;}


@media only screen and ( min-width: 750px ) {
    #header, #header img, #header span, #header div {
        -webkit-transition: width 0.05s ease-in, height 0.05s ease-in, left 0.05s ease-in, right 0.05s ease-in, top 0.05s ease-in, margin 0.05s ease-in;
        -moz-transition: width 0.05s ease-in, height 0.05s ease-in, left 0.05s ease-in, right 0.05s ease-in, top 0.05s ease-in, margin 0.05s ease-in;
        -o-transition: width 0.05s ease-in, height 0.05s ease-in, left 0.05s ease-in, right 0.05s ease-in, top 0.05s ease-in, margin 0.05s ease-in;
        transition: width 0.05s ease-in, height 0.05s ease-in, left 0.05s ease-in, right 0.05s ease-in, top 0.05s ease-in, margin 0.05s ease-in;
    }

    #header #edicao_hdr {
        -webkit-transition: all 0.05s ease-in;
        -moz-transition: all 0.05s ease-in;
        -o-transition: all 0.05s ease-in;
        transition: all 0.05s ease-in;

    }
}
/* Edition Details */
.eddetail {font-size: 11px; font-weight: 600; text-transform: lowercase; position: absolute; right: 180px; top: 23px;}


/* LOGO */
.logo {position: absolute; left: 10px; top: 0; max-height: 118px; overflow: hidden;}
.logo img {width: 76px; height: auto; float: left; margin:13px 30px 0 0;}
.logo span {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 26px; text-align: left; text-transform: lowercase; border-top: 1px solid #9597B3; display: inline-block; margin-top: 51px; padding: 4px 5px 0;}
.logo span:after{
   content: "";
   display: inline-block;
   width: 100%;
}



/* MENU */
.menuIcon {position: absolute; left:340px; top: 70px; z-index: 10; height: 35px; line-height: 35px; background: url('_images/ico_menu.php?vcor=333333') left top no-repeat; background-size: 35px 35px; cursor: pointer; display: block; text-indent: -9999px; padding-left: 35px; display: none;}


.menu {position: absolute; left: 330px; bottom: 13px; z-index: 10;}

.menu > ul > li {font-size: 13px; font-weight: 600; color: #fff; text-transform: uppercase; display: inline-block;}
.menu > ul > li:last-child {border-bottom: 0px;}
.menu > ul > li > a {padding: 0 6px; color: #fff; display: block;}
.menu > ul > li > a:hover, .menu > ul > li.current-menu-item > a, .menu > ul > li.active > a {color:#000;}



/* LANGUAGE */
.languageheader {position: absolute; bottom:13px; right: 180px; text-align: center; color: #FFF; z-index: 1; }
.language a {font-size: 12px; color: #FFF; font-weight: 600; display: inline-block; padding: 0 3px;}
.language a:hover, .language a.active {color: #FFF799;}

/* SEARCH */
.searchIcon {position: absolute; left:738px; bottom:-4px; width: 35px; height: 35px; line-height: 35px; background: url('_images/ico_search.php') left top no-repeat; background-size: 25px auto; cursor: pointer; display: block;}


#searchForm {width: 190px; height: 28px; background-color: #E1E1E1; position: absolute; bottom: 6px; left:765px;
    display: none; padding: 0 10px 0 15px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
}

.searchSubmit {width: 34px; height: 28px; background:url('_images/ico_search.png') center center no-repeat; background-size: 17px auto; cursor: pointer; float: right;}
.searchField {width: 130px; height: 28px; line-height: 28px; background-color: transparent; float: left; font-size: 14px; font-style: italic; color: #797171;}


/* Logo Conectas */
.byconectas {position: absolute; right: 225px; top: 10px; font-size: 12px; color: #a5a8c2; display: none;}
.byconectas a {color: #a5a8c2;}
.conectas {position: absolute; right: 156px; top: 8px; display: none;}
.conectas img {width: 106px;}

/* EDIÇÃO */
#edicao_hdr {font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 112px; position: relative; padding-left: 21px; position: absolute; right: 10px; top: 5px;}
#edicao_hdr span {font-family: 'Open Sans', sans-serif; font-weight:500; font-size: 18px; width: 22px; position: absolute; left: -5px; bottom: 14px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);
}


/* ====================================================
    HEADER SMALL
==================================================== */
#header.small {height: 64px;}
#header.small .logo img {width: 44px; height: auto; margin-top:6px;}
#header.small .logo span {width: 128px; font-size: 16px; margin-top: 22px; padding-top: 2px;}

#header.small .eddetail {right: 120px; top: 12px;}

#header.small .menuIcon {top: 23px;}
#header.small .menu {bottom: 10px; left: 250px;}

#header.small .languageheader  {bottom:11px; right: 118px;}


#header.small .searchIcon {left:658px; bottom:-6px; }
#header.small #searchForm {left: 688px; bottom: 4px;}


#header.small #edicao_hdr {top: 0; font-size: 60px;}
#header.small #edicao_hdr span {font-size: 13px; left: 0px;}

#header.small .byconectas {display: none;}
#header.small .conectas {right: 112px; top: 13px;}
#header.small .conectas img {width: 86px; height: auto;}



/* ====================================================
    HEADER GALLERY
==================================================== */
#header.gallery .menuIcon {right: auto; left: 80px; top: 15px; display: block;}
#header.gallery .menu {width: 200px; background-color: #E1E1E1; left: 80px; top: 64px; bottom: auto; z-index: 10; display: none;}

#header.gallery .menu > ul > li {width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #949494; text-transform: uppercase; border-bottom: 1px solid #CCCCCC; float: left; clear: left;}
#header.gallery .menu > ul > li:last-child {border-bottom: 0px;}
#header.gallery .menu > ul > li > a {padding: 0 8px; color: #949494; display: block;}
#header.gallery .menu > ul > li > a:hover, #header.gallery .menu > ul > li.current-menu-item > a, #header.gallery .menu > ul > li.active > a {color:#000;}

#header.gallery .menu.opened {display: block;}



#header.gallery .conectas {top: 13px; right: 112px;}
#header.gallery .languageheader  {top: 33px; left: 151px; bottom: auto; right: auto;}

#header h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 30px; line-height: 64px; text-transform: uppercase; text-align: center; cursor: pointer;}
#header h1:hover {color: #fff;}


/* ====================================================
    POPUP
==================================================== */
#popup {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; text-align: center; justify-content: center; align-items: center;}

.popup-bg {width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); position: absolute; left: 0; top: 0; z-index: 1;}

.popup-inner {width: 90%; max-width: 700px; position: relative; z-index: 10;}
.popup-inner img {width: 100%; height: auto;}

.closePopup {width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; z-index: 15; cursor: pointer}
.closePopup svg {width: 100%; height: auto;}
.closePopup svg path {fill:#ffff;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    transition:all 0.3s linear 0s;
}
.closePopup:hover svg path {fill:#D8D1C9;}

/* ====================================================
    SOCIAL MEDIA SIDE
==================================================== */
.sideSocial {position: fixed; left:0; top: 158px; z-index: 100;}
.sideSocial img {float: left; clear: left; margin-bottom: 3px;
    -webkit-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}
.sideSocial img:hover {opacity: 0.8;}


/* ========================================================================================================
    HOME
======================================================================================================== */
.sidePdf {width: 140px; height: 29px; line-height: 28px; background-color: #c9bfbf; position: fixed; right: -112px; top: 158px; z-index: 100; padding: 0 4px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 14px; color: #fffefe;
    -webkit-transition:right 0.3s ease-in;
    -moz-transition:right 0.3s ease-in;
    -o-transition:right 0.3s ease-in;
    transition:right 0.3s ease-in;
}
.sidePdf:hover {right: 0;}


.sectionTitle {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 30px; color: #636363; text-transform: uppercase; text-align: center; margin: 30px 0 20px 0;}

.sectionTitle a {color: #636363;}


/* ====================================================
    NEWSLETTER
==================================================== */
#newsletter {min-height: 97px; margin-top: 158px; text-align: center;}
#newsletter.newsletterFull {background-color: #D8D1C9; margin-top: 100px;}
#newsletter .wrapper {height:100%;}
#newsletterInner {width: 100%; min-height: 97px; background-color: #D8D1C9;}

#newsletter h3 {padding-top: 10px; margin:0 0 10px 0;}
#newsletter .cf {height: 40px; max-width: 260px; }



/* ====================================================
    ARTICLES
==================================================== */
.hideHome {opacity: 0;
    -webkit-transition:opacity 1s ease;
    -moz-transition:opacity 1s ease;
    -o-transition:opacity 1s ease;
    transition:opacity 1s ease;
}
.hideHome.active {opacity: 1;}


/* HIGHLIGHTS */
#highlights {margin-top: 4px; padding-bottom: 55px;}

.hlLinks {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10;}

.gutter-sizer {width: 0.38%;}

.item, .grid-sizer {width: 19.68%; height: 170px; background-position: center center; background-size: cover;}
.item.w2 { width: 39.76%; }
.item.w3 { width: 59.84%; }
.item.w4 { width: 79.92%; }

.item.h2 {height: 345px;}
.item.h3 {height: 520px;}
.item.h4 {height: 695px;}


.itemDefault, .itemHover {width: 100%; height: 100%; display: table; position: absolute; z-index: 20;
    -webkit-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}
.itemHover {z-index: 30; opacity: 0; background: rgba(255,255,255,0.2);}

.item:hover .itemDefault {opacity: 0;}
.item:hover .itemHover {opacity: 1;}


#highlightsInner .innerTable {display: table-cell; vertical-align: middle; text-align: center; padding: 0 7%; }
#highlightsInner .innerContent {display: inline-block; text-align: left;}

.itemHover .innerContent {position: absolute; bottom: 7%; left: 7%; right: 7%; overflow: hidden;}


.item h2 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 26px; color: #fff; text-transform: uppercase; margin-bottom: 8px; line-height: 1.1; word-wrap:break-word; }
.item h4 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 18px; color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 25px; position: relative; z-index: 50; word-wrap:break-word;}
.item a {color: #fff;}
.item p {font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2;}
.item p.nobold {font-weight: 600;}
.item p.meta span {font-weight: 400; font-style: italic; display: inline-block;}

.item .itemHover p {font-size: 19px; font-weight: normal;}

.catIcon {position: absolute; top: 9px; right: 7px; z-index: 50;}


/* OTHER ARTICLES */
.rowLarge {padding: 70px 0;}

.article {text-align: center; float: left;}

.article .thumb {width: 158px; height: 158px; display:inline-block; margin-bottom: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

.article .thumb .thumbInner {width: 100%; height: 100%; display: block;
    -webkit-transition:background 0.2s ease-in;
    -moz-transition:background 0.2s ease-in;
    -o-transition:background 0.2s ease-in;
    transition:background 0.2s ease-in;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.article .thumb:hover {opacity: 0.8;}


.article img {width: 100%; height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.article h4.cat {height: 35px; text-align: center; display: inline-block; margin:0 6% 20px; position: relative;}

.article h4.cat span {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; line-height: 1.2; font-size:17px; color: #32476D; text-transform: uppercase; display: inline;}

.article h4.cat span:before, .article h4.cat span:after {content:"-"; position: absolute; top: 0; left: -10px;}
.article h4.cat span:after {left: auto; right: -10px;}

.article .cat a {color: #32476D;}
.article .cat a:hover {color: #8e1536;}

.article h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 24px; color: #3A3838; text-transform: uppercase; margin-bottom: 8px; line-height: 1.3; text-align: left;}
.article p {font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700; font-style: normal; color: #000; line-height: 1.3; text-align: left;}
.article p span {font-weight: 400; font-style: italic; display: inline-block;}

.article a {color: #3A3838;}


.article-box {width: 100%; min-height: 170px; border-right: 1px solid #999; float: left; clear: left;}


/* SEGUNDA LINHA */
#segunda .wrapper {display: flex; flex-flow:wrap; justify-content: center;}
#segunda .article {width: 25%; margin-bottom: 40px;}
#segunda .article h3 {font-size: 20px;}
#segunda .article p {font-size: 14px;}
#segunda .article .article-box { padding:0 40px;}
#segunda .article:nth-child(4n) .article-box, #segunda .article:last-child .article-box {border-right: 0;}

.rowCinza {background-color: #f2efef;}

/* TERCEIRA LINHA */
#terceira.noMarginTop {padding-top: 0; margin-top: -50px;}
#terceira .wrapper {display: flex; flex-flow:wrap; justify-content: center;}
#terceira .article {width: 20%;}
#terceira .article .article-box { padding:0 20px;}
#terceira .article:nth-child(6n) .article-box, #terceira .article:last-child .article-box {border-right: 0;}
#terceira .article h3 {font-size: 18px;}
#terceira .article p {font-size: 14px;}
#terceira .article .thumb {width: 135px; height: 135px;}

/* CENTRALIZA POSTS SE TIVER MENOS QUE 6
APLICAR APENAS ANTES DA PRIMEIRA QUEBRA */

/*@media only screen and ( min-width: 830px ) {
    #terceira.has1 .article:first-child {margin-left: 41.5%;}
    #terceira.has2 .article:first-child {margin-left: 33.2%;}
    #terceira.has3 .article:first-child {margin-left: 24.9%;}
    #terceira.has4 .article:first-child {margin-left: 16.6%;}
    #terceira.has5 .article:first-child {margin-left: 8.5%;}
}
*/
/* ====================================================
    CALL FOR PAPER
==================================================== */
#callforpaper {height: 135px; margin-top: 0px;}

#callforpaper .wrapper {height: 100%;}

.cfpIssue {width: 140px; font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 20px; color: #fff; position: absolute; top: 5px; left: 20px; z-index: 6;}
.cfpIssue span {font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 120px; line-height: 100px; clear: left;}

.cfpBanner {width: 100%; max-width: 937px; height: 135px; margin: 0px auto; padding-right: 115px;
    justify-content: flex-end;
    align-items: center;
}
.cfpBanner h1, .cfpBanner h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 38px; color: #fff; text-transform: uppercase; float: right; margin-bottom:7px; text-align: right;}
.cfpBanner p {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight:700; color: #fff; float: right; clear: right;}

/*.cfpBanner br {display: none;}*/


/* CALL FOR PAPER LARGE */
#callforpaper.callLarge {height: 255px; margin:158px 0 70px;}


#callforpaper.callLarge .cfpIssue {width: 210px; font-size: 28px; top: auto; bottom: 10px; left: 20px;}
#callforpaper.callLarge .cfpIssue span {font-size: 172px; line-height: 136px;}

#callforpaper.callLarge .cfpBanner {height: 255px; max-width: 1030px; float: right; padding-right: 60px;}
#callforpaper.callLarge .cfpBanner h1 {font-size: 60px; margin:10px 0 15px; text-align: right; padding-left: 220px;}
#callforpaper.callLarge .cfpBanner p {font-size: 22px; color: #fff; text-align: right;}
#callforpaper.callLarge .cfpBanner p.extra {font-weight: 300; font-size: 21px; margin-bottom: 10px;}

/*#callforpaper.callLarge  .cfpBanner br {display: inline;}*/





/* ====================================================
    EDIÇÕES ANTERIORES
==================================================== */
#anteriores {padding: 55px 0 85px; opacity: 0;
    -webkit-transition:opacity 1s ease;
    -moz-transition:opacity 1s ease;
    -o-transition:opacity 1s ease;
    transition:opacity 1s ease;
}
#anteriores.active {opacity: 1;}

#edicoes-carrousel {width: 94%; margin-left: 3%; margin-top: 27px;}
.edAnterior {float: left; text-align: center;}
.edAnterior h2 {font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; color: #3B3939; margin-bottom: 5px;}
.edAnterior h3 {font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; font-style: italic; color: #3B3939; margin-bottom: 5px;}
.edAnterior p {font-family: 'Open Sans', sans-serif; font-size: 12px; color: #8E1537; text-transform: uppercase; padding-bottom: 10px;}



.edAnterior .edThumb {width: 102px; height: 102px; line-height: 84px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 32px; color: #fff; text-align: center; display: block; background: url('_images/bg_edition_large.png') 9px 11px no-repeat; background-size: 44px 80px; display: block; margin: 0 auto 22px auto;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;

    -webkit-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}

.edAnterior .edThumb:hover {opacity: 0.8;}

.edAnterior img {margin-bottom: 22px; display: inline-block;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}
.edAnterior:hover img {opacity: 0.8;}

#edicoes-carrousel .slick-prev, #edicoes-carrousel .slick-next {width: 12px; height: 54px; display: block; background: url('_images/setas_nav.png') left top no-repeat; text-indent: -9999px; position: absolute; top: 28px; z-index: 30; cursor: pointer;}
#edicoes-carrousel .slick-prev {left: -3%; background-position: left top;}
/*.slick-prev:hover {background-position: left bottom;}*/

#edicoes-carrousel .slick-next {right: -3%; background-position: left bottom;}
/*.slick-next:hover {background-position: right bottom;}*/

#edicoes-carrousel .slick-disabled {opacity: 0.3;}


/* ========================================================================================================
    CAPA EDIÇÕES ANTIGAS (1 a 20)
======================================================================================================== */
#capa {margin-top: 200px;}
#capa h1 {font-size: 40px; font-weight: 300; color: #33486e; text-transform: uppercase;}
#capa h3 {font-size: 26px; font-weight: 300; color: #33486e; text-transform: uppercase; margin-bottom: 50px;}
#capa p {font-size: 18px; font-weight: 300; line-height: 1.4; margin-bottom: 20px;}

.capa {width: 26%; float: left; text-align: center;}
.capa img {max-width: 100%; height: auto; margin-bottom: 30px;
    -webkit-transition:opacity 0.2s ease;
    -moz-transition:opacity 0.2s ease;
    -o-transition:opacity 0.2s ease;
    transition:opacity 0.2s ease;
}
.capa a {font-size: 16px; font-weight: bold; color: #8e1536; text-transform: uppercase;}
.capa a:hover {color: #333;}
.capa a:hover img {opacity: 0.9;}

.edInfo {width: 68%; float: right;}


.fullTitle {margin-top: 80px; text-align: left; background-color: #dacecf;}
.fullTitle h3 {font-size: 40px; font-weight: 300; color: #434242; padding: 30px 0; margin: 0; text-transform: uppercase;}

/* OLD ARTICLES */
.oldArticle {padding: 50px 0; background-color: #f2f2f2;}
.oldArticle:nth-child(odd) {background-color: #efecec;}

.oldArticle h2 {font-size: 22px; color: #434242; font-weight: 500; margin-bottom: 5px; line-height: 1.3;}
.oldArticle h2 a {color: #434242;}
.oldArticle p {font-size: 18px; font-weight: 500; font-style: italic; color: #465069; margin-bottom: 22px;}

.oldButton {font-size: 16px; font-weight: bold; color: #8e1536; text-transform: uppercase; background-color: #dacfd0; display: inline-block; padding: 5px 10px; margin-right: 25px;}
.oldButton:hover {color: #333; background-color: #ccc;}

/* ========================================================================================================
    INTERNAS
======================================================================================================== */


/* ====================================================
    HERO
==================================================== */
#hero {position: fixed; top: 0px; height: 570px; z-index:1;  background-position: center top; background-repeat: no-repeat; margin-top: 118px; }
.admin-bar #hero {margin-top: 150px;}
#hero .wrapper {height: 100%; display: table;}

#hero .innerTable {display: table-cell; vertical-align: middle; text-align: center; padding: 0 5%; }
#hero .innerTable > :last-child {margin-bottom: 0;}

#hero h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 60px; color: #fff; text-transform: uppercase; margin-bottom: 27px; line-height: 1.2;}

/* DIMINUI TAMANHO DA FONTE PARA TEXTOS ESPECÍFICOS (pelo post ID no <body>) */
.postid-25573 #hero h1, /* PT */
.postid-25735 #hero h1, /* PT */
.postid-25736 #hero h1  /* ES */
{font-size: 48px;}

#hero h1 .nota {vertical-align: top; top: 19px; margin-left: -7px;}
#hero h1 .nota .cit-index {font-size: 14px; color: #fff; background: none;}
#hero h1 .nota .cit-texto {font-family: 'Open Sans', sans-serif; font-weight: 400; color: #514C4E; line-height: 1.3; text-transform:none; text-align: left; width: 380px; right: 5px; left: auto;}

#hero h4 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; display: inline-block; border:1px solid #fff; padding: 2px 7px; margin-bottom: 50px;}
#hero h4 img {height: 15px; width: auto; vertical-align: middle; margin-left: 5px;}


#hero p.author {font-weight: bold; font-size: 24px; color: #fff; line-height: 1.2; margin-bottom: 30px;}

#hero p.tagline {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.4; color: #fff; font-style: italic; line-height: 1.2; position: relative;}

#hero p.tagline:before, #hero p.tagline:after {content:'\2022'; position: absolute; top: 0; left: -20px; font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 400; color: #fff; line-height: 1; font-style: normal;}
#hero p.tagline:after {left: auto; right: -20px;}

#hero .herocredit {position: absolute; right: 15px; bottom: 6px; font-size: 11px; font-weight: 300; color: #c5b8b8; text-align: right;}
#hero .herocredit a {color: #c5b8b8; text-decoration: underline; font-style: italic; font-weight: 400;}


/* ====================================================
    INTERN
==================================================== */
#intern {margin-top: 688px; position: relative; background: #fff; z-index: 5; padding-bottom: 30px;}


.btnDefault {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:20px; color: #b7b1ab; text-transform: uppercase; background-color: #f1f0f0; padding: 3px 15px; border: 1px solid  #d7d7d7; margin: 20px 0 40px; display: inline-block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* ====================================================
    SIDE NAV
==================================================== */
/* Side Buton */
.side-button {width: 118px; height: 43px; line-height: 43px; font-family: 'Open Sans Condensed', sans-serif; font-size: 15px; font-weight: bold; color: #33486e; text-transform: uppercase; text-align: right; background-color:#fbf7f3; position: absolute; left: -40px; top: 50px; z-index: 19; padding-right: 13px; border: 1px solid #d9d6d5; cursor: pointer;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);

    -moz-transform-origin: 50%  51%;
    -webkit-transform-origin: 50%  51%;

}

.side-button span {width: 16px; height: 19px; background: url('_images/ico_sidenav.png') left center no-repeat; display: inline-block; margin-right: 11px; vertical-align: sub;}


/* Side Nav */
.side-nav {width: 264px; background-color:#fbf7f3; position: absolute; left:0; top: 0; z-index: 20; padding: 40px;}


.sidenavClose {width: 18px; height: 18px; line-height: 14px; text-align: center; display: inline-block; font-size: 13px; font-weight: bold; background-color: #d7cacb; color: #8e1537; position: absolute; top: 12px; right:12px; cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    display: none;

}

.side-nav h2 {font-family: 'Open Sans Condensed', sans-serif; font-size: 15px; color: #33486e; text-transform: uppercase; text-align: center; border-bottom: 1px solid #d8cece; padding:20px 0; width: 100%; float: left; clear: left; display: block;}

.side-nav article {width: 100%; float: left; clear: left; padding:8px 2px; border-bottom: 1px solid #d8cece;}
.side-nav article h3 {font-size: 13px; font-style: italic; font-weight: 400; line-height: 1.3; color: #797272; margin-bottom: 5px;}
.side-nav article p {font-size: 13px; font-weight: bold; line-height: 1.2;  color: #797272;}

.side-nav article:hover h3, .side-nav article:hover p {color: #8e1536;}


/* ====================================================
    RIGHT BUTTONS
==================================================== */
.right-nav {width: 35px; position: absolute; right: 50%; margin-right: -435px; top:76px; z-index: 5;}
.right-nav img {float: right; clear: right; margin-bottom: 10px;}


.copyWrapper {float: right; clear: right; margin-bottom: 10px; position: relative;}

.copyWrapper .btnCopy {width: 36px; height: 36px; display: inline-block; background: url('_images/ico_side_copy.png') center center no-repeat; cursor:pointer;}
.copyWrapper .btnCopy.active {opacity: 0.6;}

.copyWrapper .citacao {position: absolute; top: 36px; right: 18px; width: 600px; background-color:#dcdcdc; border:1px solid #a4abb7; font-size: 12px; line-height: 1.4; padding: 12px; display: none;}
.dark .copyWrapper .citacao {color: #514c4e;}


.dateformat {text-transform: capitalize;}
.copy-es .dateformat {text-transform: lowercase;}

.right-nav.fixed {position: fixed; top: 135px;}
.right-nav.bottom {position: absolute; bottom: 95px; top: auto;}


.luz {width: 35px; height: 16px; background:url('_images/theme_white.png') center top no-repeat; margin-top: 10px; cursor: pointer; float: right; clear: right;}
.luz.dark { background:url('_images/theme_dark.png') center top no-repeat;}


.pager {float: right; clear: right; margin:20px 10px 0 0;}
.pager a {width: 17px; height: 17px; display: inline-block; background: url('_images/pager.png') center top no-repeat; float: right; clear: right; margin-bottom: 5px; text-indent: -9999px;}

.pager a.active {background-position: center bottom;}



/* ====================================================
    SINGLE
==================================================== */
#pagesWrapper {padding-top: 35px;}

.content {position: relative;}

.content .wrapper, .fullimage .wrapper, .authorWrapper .wrapper  {max-width:670px;}

.content h2 {font-size: 40px; font-weight: 600; line-height: 1.2; margin:50px 0;}
.content h3 {font-size: 30px; font-weight: 600; line-height: 1.2; margin:40px 0 20px 0;}
.content h4 {font-size: 20px; font-weight: 600; line-height: 1.2; margin:40px 0 20px 0;}
.content h5 {font-size: 20px; font-weight: 600; line-height: 1.2; margin:40px 0 20px 0; font-style: italic;}
.content p {line-height: 1.57; margin-bottom: 30px;}
.content div {line-height: 1.57; margin-bottom: 30px;}

/* Pergunta */
.content p span.pergunta {color: #691d33; margin: 60px 0 -15px; display: block;}
.pagenumber#page1 + p span.pergunta {margin-top: 0;}

.content ul, .content ol {list-style: inside disc; padding-left: 20px; margin:-10px 0 30px;}
.content ul.listnone {list-style-type:none;}
.content ol {list-style:decimal; padding-left: 30px;}
.content li {line-height: 1.57; margin-bottom: 10px;}

.content ul ul, .content ol ul {margin-top: 10px;}
.content ul ul {list-style: inside circle;}

.content .wp-caption {max-width: 100%;}
.content img.aligncenter, .content .aligncenter img {max-width: 100%; height: auto;}
.content .alignnone img {width: 100%;}
.content p.wp-caption-text {font-size: 12px; font-weight: 500; color: #333; text-align: right; margin-bottom: 0;}

.content .alignright p.wp-caption-text {text-align: left;}

.first-row > div > p:first-of-type:first-letter {font-size: 90px; font-weight: 600; line-height: 0.7; float: left; padding-right: 5px; margin-top: 5px;}
.first-row > div > p.noFirst:first-of-type:first-letter {font-size: initial; font-weight: normal; line-height: 1.57; float: none; padding: 0; margin-top: 0;}

.intro-row {padding-top: 80px;}

.content blockquote {padding: 0 15%; margin: 60px 0 40px 0; text-align: center;}
.content blockquote p {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 30px; color: #8E1537; line-height: 1.3; text-align: left; display: inline-block; }


.header-article {margin-bottom: -100px;}
.embed-wrap {padding-top: 60px;}


.content h4 + table {margin-top: -10px;}

.content table {width: 100%; float: left; clear: left; margin: 20px 0;}
.content table caption {background-color: #d2d0d0; border: 1px solid #d2d0d0; padding: 5px; line-height: 1.4; font-weight: bold; margin-bottom: 5px;}
.content table th, .content table td {font-size: 14px; line-height: 1.3; padding: 10px 5px;}
.content table th {font-size: 16px; vertical-align: middle;}
.content table td {font-size: 12px; line-height: 1.3; padding: 10px; vertical-align: middle;}
.content table td.darkcell {background-color: #f5f5f5;}

.content table.borderTable {border-collapse: collapse;}
.content table.borderTable td {border: 0; padding: 12px 6px;}
.content table.borderTable tr.hasBorder td {border-top: 1px solid #70AD47; }
.content table.borderTable tr td:first-child {padding-left: 0;}
.content table.borderTable tr td:last-child {padding-right: 0;}

.content table.borderTable.greenTable td {border: 1px solid #70AD47; padding: 5px;}
.content table.borderTable.greenTable tr td:first-child {padding: 5px;}
.content table.borderTable.greenTable tr td:last-child {padding: 5px;}

.content table.borderTable.greenTable tr.lastRowNoBorder td {border: 0;}


.content table.tabelaMenor {width: 52%; float: right; margin-left: 20px; text-align: center;}
.content table.tabelaMenor caption {font-size: 14px;}
.content table.tabelaMenor th {font-size: 13px;}
.content table.tabelaMenor td {padding: 6px 3px; text-align: center;}

.content table.centerTable td {text-align: center;}
.content table.centerTable.firstLeft td:first-child {text-align: left;}


.text-box {width: 100%; background-color: #f3f3f3; padding: 5%; border: 1px solid #ccc;}


/* ABSTRACT */
.abstract {width: 100%; background-color: #F1F1F1; padding: 30px; margin-bottom: 70px; float: left; clear: left;}
.abstract h2 {font-size: 16px; font-weight: normal; color: #ACACAC; margin:5px 0 20px 0;}
.abstract h3 {font-size: 12px; font-weight: 600; color: #ABABAB; text-transform: uppercase; margin-bottom: 10px; margin-top: 30px;}
.abstract p {font-style: italic; color: #797171; line-height: 1.57; margin-bottom: 5px;}
.abstract a {color: #8e1536;}
.abstract a:hover {color: #ABABAB;}

.abstract p.tags {font-size: 12px; font-style: normal; color: #ABABAB; line-height: 1.7;}
.abstract p.tags a {color: #ABABAB;}
.abstract p.tags a:hover {color: #8e1536;}

.abstract p.received {font-size: 13px; font-style: normal;  color: #797171; margin-bottom: 10px;}
.abstract p.received span {font-weight: 400; font-style: normal; color: #797171;}

.content .dots {width: 100%; font-family: 'Open Sans', sans-serif; font-size: 23px; font-weight: 400; color: #d5cbcb; line-height: 1; text-align: center; margin: 40px 0;}


/* PAGE NUMBER */
span.pagenumber {padding-left: 66px; font-size: 18px; font-weight: 300; color: #C7BFBF; position: relative; margin:50px 0 40px;}
span.pagenumber:before {content:""; width: 56px; height: 8px; background-color: #C7BEBE; position: absolute; left:0px; top: 5px;}

.intro-row span.pagenumber {margin: 0; height: 1px; overflow: hidden;}


/* FULL IMAGE */
.fullimage {margin-top: 40px;}
.fullimage img {width: 100%; height: auto; float: left; clear: left; margin-bottom: 8px; position: relative; z-index: 5;}
.fullimage p {font-size: 11px; font-weight: 300; color: #c5b8b8; text-align: right; padding:12px 0 0 0;}
.fullimage a {color: #c5b8b8; text-decoration: underline; font-style: italic; font-weight: 400;}


/* REFERENCES AND NOTES */

.references h4 {font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #ccc; width: 100%; display: inline-block; padding-bottom: 12px;}
.references p, .references li {font-size: 12px; line-height: 1.6; margin-bottom: 14px; word-break: break-word;}
.references ol {margin-bottom: 15px;}
.references li {margin-bottom: 3px;}



/* AUTHOR */
.authorWrapper {margin-top: 30px;}
.authorWrapper:last-child .boxauthor {margin-bottom: 70px;}

.boxauthor {width: 100%; background-color: #e5e1dd; padding: 30px 30px 10px; float: left; clear: left;}

.authorAvatar {float: left; margin-right: 30px;}
.authorAvatar img {margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.boxauthor h4 {font-size: 14px; color: #514D4D; margin:3px 0 5px;}
.boxauthor h4 span {font-weight: 400; font-style: italic;}


.authordetails {display: table;}
.authordetails p {font-size: 13px; color: #514D4D; line-height: 1.54; margin-bottom: 20px;}

.authordetails p.email {font-style: italic; color: #7B7476;}
.authordetails p.email span {font-weight: 600; font-style: normal; color: #656061;}

.authordetails p.received {color: #7B7476;}
.authordetails p.received span {font-weight: 400; color: #656061;}




/* NOTAS */
.nota, .content sup {width: 10px; display: inline-block; position: relative; vertical-align: super; font-size: smaller;}

.nota .cit-index, .content sup a {width: 16px; height: 16px; line-height: 16px; text-align: center; display: inline-block; font-size: 11px; font-weight: bold; background: none; color: #8e1537; position: absolute; top: -15px; left:-3px; cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;

}

.content sup a {background: none;}
.nota .cit-index:hover, .content sup a:hover {background-color: #d7cacb;}


h2 .nota .cit-index, h3 .nota .cit-index, h4 .nota .cit-index {left: 1px;}

/*.content sup a {font-size: 100px;}*/

.nota .cit-texto {width: 290px; position: absolute; left: 20px; bottom: 0; z-index: 25; background-color: #f1f2f2; border:1px solid #d6d8df; color: #514c4e; font-size: 12px; font-weight: normal; text-align: left; line-height: 1.5; display: none; padding: 10px; word-wrap:break-word;}
.nota .cit-texto span {font-weight: bold; color: #8e1537;}
.nota .cit-texto sup {display: inline;}

.nota.pright .cit-texto {left: auto; right: 20px;}

.nota.large .cit-texto {width: 400px;}

.closeNota {display: none;}

/*.content sup {vertical-align: super; color: #691d33;}*/


/* ====================================================
    DARK STYLES
==================================================== */
body, #intern, .side-nav, .cit-texto {
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.dark .side-nav {background-color:#1F1F1F;}
.dark .side-nav h2 {color: #a0baea;}
.dark .side-nav article h3, .dark .side-nav article p {color: #fff;}

.dark, .dark #intern {background-color:#343232; color: #fff;}
.dark .nota .cit-texto {background-color:#1F1F1F; color: #fff;}
.dark .content blockquote p { color: #fff;}
.dark .content p span.pergunta {color: #fff;}
.dark .content p.wp-caption-text {color: #fff;}

.dark .nota .cit-index, .dark .content sup a, .dark .nota .cit-texto span {color: #f44336;}

.dark .right-nav #btnCopy .citacao {color: #514c4e;}



/* ========================================================================================================
    GALLERY
======================================================================================================== */

/* ====================================================
    START
==================================================== */
#start {position: absolute; width: 100%; height: 100%; padding-top: 64px; z-index:5; background-position: center top; background-size:cover;}
#start .wrapper {height: 100%; display: table;}

#start .innerTable {display: table-cell; vertical-align: middle; text-align: center; padding: 0 20%; }


#start h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 50px; color: #fff; text-transform: uppercase; margin-bottom: 27px; line-height: 1.2;}

#start h4 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; display: inline-block; border:1px solid #fff; padding: 2px 7px; margin-bottom: 50px;}
#start h4 img {height: 15px; width: auto; vertical-align: middle; margin-left: 5px;}


#start .author, #start .autoria {font-weight: bold; font-size: 24px; color: #fff; margin-bottom: 30px; cursor: pointer;}
#start .autoria {cursor: default;}
#start .author:hover {text-decoration: underline;}

#start .curatorBio {width: 40%; position: fixed; left: 20px; bottom: 20px; z-index: 90; font-weight: 300; font-size:18px; line-height: 1.4; text-align: left; background-color: rgba(0,0,0,0.75); padding: 20px; display: none;}
#start .author:hover .curatorBio {text-decoration: none;}

#start p.tagline {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.4; color: #fff; font-style: italic; line-height: 1.2; position: relative; margin-bottom: 50px;}

#start p.tagline:before, #start p.tagline:after {content:'\2022'; position: absolute; top: 0; left: -20px; font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 400; color: #fff; line-height: 1; font-style: normal;}
#start p.tagline:after {left: auto; right: -20px;}


.introduction, .preface, .entrar {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 37px; color: #fff; text-transform: uppercase; border-bottom: 2px solid #fff; display: inline-block; padding: 0 1px 2px; cursor: pointer;}

.introduction, .preface {margin-right: 30px;}


.galSingle {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: rgba(0,0,0,0.95); color: #fff; padding:70px 100px 40px; overflow: auto; opacity: 0;

    -webkit-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}

.galSingle.active {opacity: 1; z-index: 100;

    -webkit-transition:opacity 0.7s ease-in-out;
    -moz-transition:opacity 0.7s ease-in-out;
    -o-transition:opacity 0.7s ease-in-out;
    transition:opacity 0.7s ease-in-out;

}


.galSingle h2 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 50px; color: #fff; text-transform: uppercase; margin-bottom: 27px; line-height: 1.2; text-align: center;}
.galSingle h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 40px; color: #fff; text-transform: uppercase; margin:70px 0 30px; line-height: 1.2; text-align: center;}

.galSingle p {font-size: 17px; color: #fff; line-height: 1.8; margin-bottom: 15px; }

.galSingle ul {padding-left: 20px;}
.galSingle li {font-size: 17px; color: #fff; line-height: 1.8; margin-bottom: 10px; }




.social-share {width: 200px; position: absolute; left: 50%; top: 84px; z-index: 90; margin-left: -100px; text-align: center;}
.social-share img {display: inline-block; margin: 0 5px; width: 35px; height: auto;}


.closeText {width: 28px; height: 28px; position: absolute; right: 25px; top: 25px; z-index: 200; cursor: pointer; display: block; text-indent: -9999px;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}

.closeText .hamburguer {position: absolute; top: 50%; z-index: 5; margin-top: -1px; width: 100%; height: 2px; background-color: #fff; position: relative;

    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.closeText .hamburguer:before, .closeText .hamburguer:after {content: ''; width: 100%; height: 100%; background-color: #fff; display: block; position: absolute; top: 0; z-index: -1;}

.closeText .hamburguer:after {

    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.closeText .hamburguer:before {

    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

/* Menu Active/Close HOVER */
.closeText:hover .hamburguer {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.closeText:hover .hamburguer:before {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

/* TRANSITION ANIMATION */
.closeText .hamburguer, .closeText .hamburguer:before, .closeText .hamburguer:after {
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


/* ====================================================
    GALLERY
==================================================== */
#gallery {position: fixed; width: 100%; height: 100%; padding-top: 64px; z-index:1; background-color: #000; opacity:0;}
/* admin-bar fix */
.admin-bar #gallery {height: calc(100% - 32px);}



#gallery h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 60px; color: #fff; text-transform: uppercase; margin-bottom: 27px; line-height: 1.2;}
#gallery h4 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; display: inline-block; border:1px solid #fff; padding: 2px 7px; margin-bottom: 50px;}
#gallery h4 img {height: 15px; width: auto; vertical-align: middle; margin-left: 5px;}

#gallery p.author {font-weight: bold; font-size: 24px; color: #fff; margin-bottom: 30px;}

#gallery p.tagline {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.4; color: #fff; font-style: italic; line-height: 1.2; position: relative;}
#gallery p.tagline:before, #gallery p.tagline:after {content:'\2022'; position: absolute; top: 0; left: -20px; font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 400; color: #fff; line-height: 1; font-style: normal;}
#gallery p.tagline:after {left: auto; right: -20px;}



.infoBtn {position: absolute; left: 10px; bottom: 10px; z-index: 90; width: 18px; height: 18px; line-height: 18px; background:url('_images/ico_info.svg') center center no-repeat;cursor: pointer; display: none;}

.photoInfoWrapper {width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}

.phNav, .phtInfo, .phtCredits {background-color: rgba(0,0,0,0.85); padding: 20px; position: absolute; left: 5%; z-index: 50;}

.phIcoVerInfo {width: 24px; height: 24px; position: absolute; left: 5.2%; bottom: 25px; z-index: 49; background:url('_images/ico_info.svg') center center no-repeat; opacity: 0.8;}


.phNav {bottom: 20px; opacity: 0; padding: 30px;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.phNav:hover {opacity: 1;}
.phNav h2 {font-weight: 400; font-size: 16px; color: #d5cbcb; margin-bottom: 12px; text-transform: uppercase;}
.phNav h3 {font-weight: 400; font-size: 14px; color: #d5cbcb; margin-bottom: 8px; line-height: 1.3;}
#gallery .phNav h4 {margin-bottom: 20px;}
.phNav h5 {font-weight: 400; font-size: 12px; color: #d5cbcb; margin: -7px 0 15px; line-height: 1.3;}

.phNav p {font-weight: 600; font-size: 14px; color: #fffefe; text-transform: uppercase;}
.phNav p span {font-weight: 400; text-decoration: underline; cursor: pointer;}



.phtbox {width: 100%; max-width: 500px; top: 20px; display: none;}
.phtbox h2 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 26px; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
.phtbox h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 24px; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
.phtbox p {font-size: 16px; color: #fff; line-height: 1.5; margin-bottom: 15px; }
.phtbox a {color: #D90000;}

.phtInfo.active, .phtCredits.active {display: block;}


/* GALLEY JQUERY SLICK */
#gallery .slick-slider {width: 100%; height: 100%;}
#gallery .slick-list {width: 100%; height: 100%;}
#gallery .slick-track {height: 100%;}

#gallery .slick-arrow {width: 18px; height: 56px; position: absolute; top: 50%; margin-top: -28px; z-index: 10; text-indent: -9999px; cursor: pointer; background-position: center; background-repeat: no-repeat;
    -moz-background-size: 18px 56px;
    -webkit-background-size: 18px 56px;
    background-size: 18px 56px;
}
#gallery .slick-prev {background-image: url("_images/nav_prev.png"); left: 23px;}
#gallery .slick-next {background-image: url("_images/nav_next.png"); right: 23px;}

#gallery .slick-dots {position: absolute; bottom: 10px; right: 15px; display: block; padding: 0; list-style: none; text-align: center;}
#gallery .slick-dots li {position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer;}
#gallery .slick-dots li button {width: 10px; height: 10px; text-indent: -9999px; display: inline-block; border:1px solid #d5cbcb; cursor: pointer;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    outline: none;

    -webkit-transition:background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
    -o-transition:background 0.2s ease-in-out;
    transition:background 0.2s ease-in-out;
}
#gallery .slick-dots li.slick-active button, #gallery .slick-dots li button:hover {background-color: #d5cbcb;}

#gallery .slide {position: relative; background-size: contain; background-repeat: no-repeat; background-position: center top; }
#gallery .slide.portrait {background-size:contain;}



/* ========================================================================================================
    PAGES
======================================================================================================== */

.pageTitle {background-color:#dcd0d1; margin: 158px 0 25px; padding: 15px 0;}
.pageTitle h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 60px; color: #fff; text-transform: uppercase;}



/* ====================================================
    DEFAULT PAGES
==================================================== */
#page {position: relative; background: #fff; z-index: 5; padding-bottom: 30px;}

#page h2 {font-weight: 300; font-size: 40px; color: #33486e; text-transform: uppercase; line-height: 1.2; margin:60px 0 40px;}
#page h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 36px; color: #9a777a; text-transform: uppercase; margin:60px 0 40px; line-height: 1.1;}

#page h4 {font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 1.4; padding: 20px 0 10px;}

#page p {font-size: 17px; font-weight: 300; line-height: 1.6; margin-bottom: 20px;
    -webkit-font-smoothing:subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}
#page p strong {font-weight: 600;}


#page ul {list-style: none outside; padding-left: 50px;}
#page ul li {font-size: 17px; font-weight: 300; line-height: 1.6; margin-bottom: 20px; position: relative;
    -webkit-font-smoothing:subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}
#page ul li:before {content:"·"; font-size:30px; font-weight: 600; line-height: 100%; position: absolute; left: -14px;}

#page ul li ul li:before {content: "";}
#page ul li ul {padding-left: 20px;}
#page ul li ul li {margin-bottom:0px;}

#page p a, #page li a {font-weight: bold;}
#page p .cit-texto a {font-weight: normal; border: none !important;}
#page p .cit-texto a:hover {text-decoration: underline;}

#page dl {width: 100%; float: left; clear: left; margin-bottom: 50px;}
#page dt {width: 25%; font-weight: 300; font-size: 22px; color: #33486e; text-transform: uppercase; line-height: 1.2; float: left;}
#page dd {width: 72%; float: right;}


.faketitle {font-weight: 300; font-size: 40px; color: #33486e; text-transform: uppercase; line-height: 1.2; margin:60px 0 48px; width: 100%;float: left; clear: left;}


/* TEXT BOX SHORTCODE */
#page .text-box {width: 100%; padding: 40px 40px 0; background-color: #f2f2f2; border: 1px solid #e3e3e3;}
#page .text-box h4 {font-size: 16px; font-weight: 600; text-transform: uppercase; color: #acacac; margin-bottom: 13px;}
#page .text-box p {margin-bottom: 40px;}


.post-template-default #page p a {font-weight: 600;border-bottom: 2px solid #fff;
    -webkit-transition:border 0.3s;
    -moz-transition:border 0.3s;
    -o-transition:border 0.3s;
    transition:border 0.3s;
}
.post-template-default #page p a:hover {border-bottom: 2px solid #8e1536;}

/* ====================================================
    BOX ALTERNADA
==================================================== */
.alternado {padding: 70px 0;}
.alternado:nth-child(2n) {background-color: #f2f2f2;}


#page .alternado h2 {margin-top: 0;}



#page .contato {background-color: #e9e6ea; padding: 50px 0;}
#page .contato p {font-size: 14px; line-height: 1.2; font-weight: 600; color: #616161; margin-bottom: 10px; text-transform: uppercase;}
#page .contato a {color: #9a9999; text-transform:none; }
#page .contato a:hover {text-decoration: underline;}

/* ====================================================
    ISSUES
==================================================== */

#currentIssue {background-color:#e9e6ea;}

.currentLogo {min-width: 268px; min-height: 248px; position: absolute; left: -37px; top:0px; height: 100%;}

.currentedThumb {width: 168px; height: 168px; line-height: 145px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 40px; color: #fff; text-align: center; display: block; background: url('_images/bg_edition_highlight.png') 12px 17px no-repeat; display: block; position: absolute; left: 50%; top:50%; margin: -84px 0 0 -84px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;

    -webkit-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}


.currentDetails {width: 100%; padding:40px 0 40px 220px;}
.currentDetails h2 {font-weight: 300; font-size: 36px; color: #514d4e; line-height: 1.4; margin-bottom: 10px; }
.currentDetails p {font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 14px; color: #6e6b6b; text-transform: uppercase; line-height: 1.2; margin-bottom: 30px; }
.currentDetails a {font-size: 16px; font-weight: 600; color: #6e6b6b; text-transform: uppercase; margin-right: 20px;}
.currentDetails a:hover {color: #8e1536;}

#issues {position: relative; background: #fff; z-index: 5; padding-bottom: 30px;}

#issues h2 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 36px; line-height: 1.3; color: #9a777a; text-transform: uppercase; margin:60px 0 40px;}



.issue {width: 20%; float: left; position: relative; text-align: center; margin-bottom: 90px;}

.issue p {font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 14px; color: #6e6b6b; text-transform: uppercase; line-height: 1.2; margin-bottom: 30px; }

.issue .edThumb {width: 130px; height: 130px; line-height: 110px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 32px; color: #fff; text-align: center; display: block; background: url('_images/bg_edition_large.png') 12px 14px no-repeat; display: block; margin: 0 auto 20px auto;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;

    -webkit-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}

.issue .edThumb:hover {opacity: 0.8;}

.issue .edBtns {width: 112px; display: block; margin: 0 auto; border: 1px solid #d9cdce;

    -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.22);
    -moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.22);
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.22);

    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.issue .edBtns a {width: 100%; height: 22px; line-height: 22px; font-size: 13px; font-weight: 600; color: #6e6b6b; text-transform: uppercase; display: inline-block; clear: left;}

.issue .edBtns a:first-child {background-color:#d9cdce;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.issue .edBtns a:hover {color: #8e1536;}

/* ====================================================
    LIST PAGES
==================================================== */
#list h2 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 36px; color: #9a777a; text-transform: uppercase; margin-bottom: 55px;}

.noresults {font-weight: 700; font-size: 15px; padding-bottom: 30px;}




/* RESULTS */
.result {margin-bottom: 50px; position: relative;}

.result h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 21px; line-height: 1.2; text-transform: uppercase; margin-bottom: 8px;}
.result h3 span {font-weight: 700; color: #33486e;}

.result h3 a {color: #3b3939;}
.result h3 span a {color: #33486e;}

.result h3 a:hover {color:#8e1536;}

.result p {font-weight: 700; font-size: 15px; line-height: 1.1;}
.result p.tagline {line-height: 1.2; font-weight: 300; font-style: italic; font-size: 18px; margin-bottom: 8px;}

.result .edThumb {width: 67px; height: 67px; line-height: 65px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 32px; color: #fff; text-align: center; display: block; background: url('_images/bg_edition.png') 6px 7px no-repeat; position: absolute; left: 0; top: 0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

.result .resultDetails {width: 100%; float: left; clear: left; padding-left: 100px;}


.wp-pagenavi {width: 100%; float: left; clear: left; margin: 25px 0; text-align: center;}

.wp-pagenavi a, .wp-pagenavi span {height: 23px; line-height: 19px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; color: #33486e; padding: 2px 3px; margin: 0 2px;  display: inline-block;}
.wp-pagenavi a:hover {text-decoration: underline;}
.wp-pagenavi span.current {color: #8e1536;}

.previouspostslink, .nextpostslink {width: 16px; background: url('_images/ico_pgnv-left.png') center center no-repeat; text-indent: -9999px;}
.nextpostslink {background: url('_images/ico_pgnv-right.png') center center no-repeat;}

/* ====================================================
    ADVANCED SEARCH FORM
==================================================== */
.advanced {background-color: #e9e6ea; margin-bottom: 70px; padding:25px 20px;}

.advRow {width: 100%; padding: 0 13%; float: left; clear: left;}

.searchbox {width: 33%; float: left; padding: 0 1.5%;}
.searchbox h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 30px; color: #636363; margin-bottom: 10px;}

.searchbox .advField {width: 100%; height: 35px; background-color: #fff; padding: 0 15px; float: left; clear: left;

    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}
.searchbox input, .searchbox select {width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #b7b1ab; float: left;}
.searchbox select {padding: 5px; height: 29px; margin-top: 3px;}
.searchbox select option {padding: 2px 5px; color: #514C4E;}

.advSubmit {width: 96px; height: 29px; padding: 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #616161; background-color: #aaa5a5; border:2px solid  #fff; cursor: pointer; float: left; clear: left; margin:30px 0 0 1.5%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.advSubmit:hover {background-color:#676767; color: #fff;}









/* ========================================================================================================
    FOOTER
======================================================================================================== */
#footer {background-color: #666; color: #A9A5A5; padding-top: 55px; position: relative; z-index: 5;}
#footer.isgallery {display: none;}



.menufooter {min-height: 155px; float: left;}
.menufooter ul li {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 23px; color: #B2ADAD; text-transform: uppercase; margin-bottom: 10px;}
.menufooter ul li a {color: #B2ADAD;}
.menufooter ul li a:hover {text-decoration: underline;}




.logoSurFooter {position:absolute; left: 407px;}
.logoSurFooter img {width: 117px; height: auto; float: left;}
.logoSurFooter .description {float: left; margin: 44px 0 0 40px; max-width: 247px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 18px; color: #A9A5A5; line-height: 1.4;}



.languagefooter {position: absolute; right: 16px; top: 0px;}

.socialmedia {position: absolute; right: 10px; top: 45px;}
.socialmedia a {width: 35px; height: 35px; float: left; margin-left: 9px; text-indent: -9999px;
    -webkit-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}
.socialmedia a:hover {opacity: 0.8;}

.sfFacebook {background: url('_images/ico_facebook_ftr.png') center top no-repeat;}
.sfTwitter {background: url('_images/ico_twitter_ftr.png') center top no-repeat;}
.sfRss {background: url('_images/ico_rss_ftr.png') center top no-repeat;}


.conectasFooter {position: absolute; right: 10px; top: 107px;}
.conectasFooter img {width: 140px;}


.creativecommons {position: absolute; right: 20px; top: 195px;}
.creativecommons img {width: 100px; height: auto;}


.rodape {background-color: #666; color: #A9A5A5; text-align: center; clear: left; padding:48px 0 20px; position: relative; z-index: 4;}
.rodape.isgallery {display: none;}
.rodape p {font-size: 14px; line-height: 1.5;}




/* ====================================================
    NEWSLETTER FORM
==================================================== */
.cf {width: 100%; max-width: 50%; margin: 0 auto; overflow: hidden;}

.line {width: 100%; float: left; clear: left; margin-bottom: 6px; position: relative;}

.cf-text {width: 100%; height: 35px; padding: 0 12px; background-color: #E1E1E1; border:2px solid  #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.wrapSelect {width: 100%; height: 35px; padding: 0 12px; background-color: #E1E1E1; border:2px solid  #fff; float: left; clear: left;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.cf-select {width: 100%; height: 27px; margin-top: 2px; font-size: 14px; color: #514C4E; float: left;}



.cf-submit {width: 96px; height: 29px; padding: 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #616161; background-color: #aaa5a5; border:2px solid  #fff; cursor: pointer; float: right; margin-top: 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.cf-submit:hover {background-color:#676767; color: #fff;}


.cf-loader {float: right; margin:6px 4px 0 0;}
.errado input, .errado .wrapSelect {border-color: #D80E00;}
.cf-not-valid-tip {display: none;}
.cf-response-output {width: 81%; font-size: 12px; font-weight: 600; color:#fff; line-height: 15px; float:left; clear: left; display: none; margin-top: 16px;}
.cf-mail-sent-ok {color:#368F6F;}
.cf-validation-errors {color:#C90101;}

.screen-reader-response {display: none;}


/* reCaptcha */
.grecaptchamsg {font-size: 0.6rem; line-height: 1.3; text-align: right; padding-top: 10px; float: left;}
.grecaptcha-badge {visibility: hidden;}




/* ====================================================
    CONTACT FORM 7
==================================================== */
/*.wpcf7 {width: 100%; max-width: 50%; margin: 0 auto; overflow: hidden;}
.wpcf7-text {width: 100%; height: 35px; padding: 0 12px; background-color: #E1E1E1; border:2px solid  #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.wrapSelect {width: 100%; height: 35px; padding: 0 12px; background-color: #E1E1E1; border:2px solid  #fff; float: left; clear: left; margin-bottom: 6px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.wpcf7-select {width: 100%; height: 27px; margin-top: 2px; font-size: 14px; color: #514C4E; float: left;}

.wpcf7-form-control-wrap {width: 100%; float: left; clear: left; margin-bottom: 6px; position: relative;}

.wpcf7-submit {width: 96px; height: 29px; padding: 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #616161; background-color: #aaa5a5; border:2px solid  #fff; cursor: pointer; float: right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.wpcf7-submit:hover {background-color:#676767; color: #fff;}
*/

.ajax-loader {float: right; margin:6px 4px 0 0;}
.wpcf7-not-valid {border-color: #D80E00;}
.cf-select.wpcf7-not-valid {color: #D80E00;}
.file-not-valid {border-color: #D80E00;}
.wpcf7-not-valid-tip {display: none;}
.wpcf7-response-output {width: calc(100% - 100px); font-size: 12px; font-weight: 600; color:#fff; line-height: 15px; float:left; clear: left; display: none; margin-top: -28px;}
.wpcf7-mail-sent-ok {color:#368F6F;}
.wpcf7-validation-errors {color:#C90101;}

.screen-reader-response {display: none;}


#form_msgs {font-size: 12px; font-weight: bold; line-height: 1.4; padding: 0 105px 0 10px; display: block;}
#form_msgs.error {color: #8e1536;}
#form_msgs.enviado {color: #427976; font-size: 16px; padding: 40px 0px 100px 0px; text-align: center;}


#newsletter #form_msgs {padding: 0;}







/* EMBED USSUU */
.issuuembed { width: 100% !important; height: auto !important; position: relative; padding-bottom: 80%;}
.issuuembed iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/*
REMOVING GOOGLE ADDS IFRAME HEIGHT ISSUE
http://stackoverflow.com/questions/18467529/google-remarketing-tag-iframe-height-issue
*/
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}
iframe[id^="oauth2relay"] { position: fixed !important; }

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices, .stButton .stButton_gradient, .stButton .stArrow {height: 23px !important;}

/* ========================================================================================================
    PRE DEFINED CLASSES
======================================================================================================== */
.hidden {display: none;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.asLink {cursor:pointer;}

.fLeft {float:left;}
.fRight {float:right;}

.cLeft {clear:left;}
.cRight {clear:right;}

.aCenter {text-align:center;}

.alignnone {margin: 10px 0 20px;}
.aligncenter {display: block; margin:15px auto;}
.alignright {float:right; margin:15px 0 15px 25px; clear: right;}
.alignleft {float:left; margin:15px 25px 15px 0; clear: left;}

.invisible {visibility:hidden;}

.relative {position:relative;}