.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}@font-face {
font-family: 'Open Sans Condensed';
src: url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLight-webfont.eot);
src: url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLight-webfont.eot?#iefix) format('embedded-opentype'),
url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLight-webfont.woff) format('woff'),
url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLight-webfont.ttf) format('truetype'),
url(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondBold-webfont.eot);
src: url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondBold-webfont.eot?#iefix) format('embedded-opentype'),
url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondBold-webfont.woff) format('woff'),
url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondBold-webfont.ttf) format('truetype'),
url(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLightItalic-webfont.eot);
src: url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLightItalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLightItalic-webfont.woff) format('woff'),
url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLightItalic-webfont.ttf) format('truetype'),
url(//sur.conectas.org/wp-content/themes/revistasur/_fonts/OpenSans-CondLightItalic-webfont.svg#open_sansCnLtIt) format('svg');
font-weight: 300;
font-style: italic;
}  * {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;
} 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;
} 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;} ::-moz-placeholder {color: #999191; opacity: 1;} :-ms-input-placeholder {color: #999191; opacity: 1;} @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 {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;
}
} .eddetail {font-size: 11px; font-weight: 600; text-transform: lowercase; position: absolute; right: 180px; top: 23px;} .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%;
} .menuIcon {position: absolute; left:340px; top: 70px; z-index: 10; height: 35px; line-height: 35px; background: url(//sur.conectas.org/wp-content/themes/revistasur/_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;} .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;} .searchIcon {position: absolute; left:738px; bottom:-4px; width: 35px; height: 35px; line-height: 35px; background: url(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_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;} .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;} #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 {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 .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 {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;} .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;} .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 {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; } .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 {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-flex; flex-flow: column; text-align: left;}
.itemHover .innerContent {align-items: center; position: absolute; bottom: 7%; left: 5%; right: 5%; 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;} .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 .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.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;}   #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;}  #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;}  #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(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_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;} #edicoes-carrousel .slick-next {right: -3%; background-position: left bottom;} #edicoes-carrousel .slick-disabled {opacity: 0.3;} #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;} .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;}  #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;} .postid-25573 #hero h1, .postid-25735 #hero h1, .postid-25736 #hero h1 {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 {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-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(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_sidenav.png) left center no-repeat; display: inline-block; margin-right: 11px; vertical-align: sub;} .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-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(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_images/theme_white.png) center top no-repeat; margin-top: 10px; cursor: pointer; float: right; clear: right;}
.luz.dark { background:url(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_images/pager.png) center top no-repeat; float: right; clear: right; margin-bottom: 5px; text-indent: -9999px;}
.pager a.active {background-position: center bottom;} #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;} .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 {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;} 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;} .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 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;} .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;} .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;} .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;}  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;}  #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);
} .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);
} .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 {position: fixed; width: 100%; height: 100%; padding-top: 64px; z-index:1; background-color: #000; opacity:0;} .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(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_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; color: #fff; line-height: 1.5;}
.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;} #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(//sur.conectas.org/wp-content/themes/revistasur/_images/nav_prev.png); left: 23px;}
#gallery .slick-next {background-image: url(//sur.conectas.org/wp-content/themes/revistasur/_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;} .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;} #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;} #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;} .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;} #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(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_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 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;} .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(//sur.conectas.org/wp-content/themes/revistasur/_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(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_pgnv-left.png) center center no-repeat; text-indent: -9999px;}
.nextpostslink {background: url(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_pgnv-right.png) center center no-repeat;} .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 {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(//sur.conectas.org/wp-content/themes/revistasur/_images/footer_ico_facebook.png) center top no-repeat;}
.sfInstagram {background: url(//sur.conectas.org/wp-content/themes/revistasur/_images/footer_ico_instagram.png) center top no-repeat;}
.sfLinkedin {background: url(//sur.conectas.org/wp-content/themes/revistasur/_images/footer_ico_linkedin.png) center top no-repeat;}
.sfRss {background: url(//sur.conectas.org/wp-content/themes/revistasur/_images/footer_ico_rss.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;} .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;} .grecaptchamsg {font-size: 0.6rem; line-height: 1.3; text-align: right; padding-top: 10px; float: left;}
.grecaptcha-badge {visibility: hidden;}  .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;} .issuuembed { width: 100% !important; height: auto !important; position: relative; padding-bottom: 80%;}
.issuuembed iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;} 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;} .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;}@media only screen and (min-width: 1390px ) {
#hero {background-size:cover;}
} @media only screen and (max-width: 1320px ) {
.sideSocial {display: none;}
.sidePdf {position: absolute; top: 123px; right: 0;}
#searchForm {left:588px; bottom: -23px;}
#header.small #searchForm {left:506px; bottom: -23px;}
} @media only screen and ( min-width: 1211px ) {
.side-nav {left: 0 !important;}
}
@media only screen and ( max-width: 1210px ) {
.side-nav {left: -264px;}
.sidenavClose {display: block;}
#page .wrapper {padding: 0 5%;}
#issues .wrapper {padding: 0 8%;}
.rodape {text-align: left; padding:48px 150px 20px 10px;}
}
@media only screen and ( max-width: 1080px ) {
.searchIcon {left: auto; right: 300px;}
#searchForm {left: auto; right: 150px;}
#header.small .searchIcon {left:auto; right: 240px; }
#header.small #searchForm {left:auto; right: 90px;}
.menuIcon {display: block;}
#header.small .menuIcon {left: 260px;}
#header.gallery .menuIcon {left: 80px;}
.menu {width: 200px; background-color: #E1E1E1; position: absolute; left: 340px; top: 118px; bottom: auto; z-index: 10; display: none;}
#header.small .menu {bottom: auto; left: 260px; top: 64px;}
#header.gallery .menu {left: 80px;}
.menu.opened {display: block;}
.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;}
.menu > ul > li:last-child {border-bottom: 0px;}
.menu > ul > li > a {padding: 0 8px; color: #949494; display: block;}
.menu > ul > li > a:hover, .menu > ul > li.current-menu-item > a, .menu > ul > li.active > a {color:#000;} #header.gallery .languageheader {display: none;} .phNav {bottom: 50px;} #segunda .article .article-box {padding: 0 20px;}
#segunda .article:last-child .article-box {border-right: 0px;}
#terceira .article .article-box { padding:0 10px;}
#terceira .article:last-child .article-box {border-right: 0px;} .logoSurFooter {left: 260px;}
.col-3 {width: 100%; float: left; clear: left; margin: 0 0 40px 0;}
.col-3:first-child {margin-top: 50px;}
#page dt {font-size: 24px;}
}
@media only screen and ( max-width: 920px ) { .cfpBanner h3 {font-size: 30px;} #header h1 {font-size: 23px;}
#start .innerTable {padding: 0 5%;} #issues .wrapper {padding: 0 5%;}
#issues .issue {width: 25%;}
.advanced .advRow {padding: 0;}
.wpcf7 {max-width: 80%;} .right-nav {right: 15px; margin: 0;}
}
@media only screen and ( max-width: 830px ) { .logo img {width: auto; height: 93px; margin-right: 20px;}
.logo span {margin-top: 59px; font-size: 21px;} .item h2 {font-size: 21px;}
.item h4 {font-size: 12px;}
.item p {font-size: 15px;}
.item .itemHover p {font-size: 14px;}
#segunda .article {width: 50%;}
#segunda .article .article-box {padding: 0 30px;}
#segunda .article:nth-child(2n) .article-box {border: 0; padding-right:10px;}
#terceira {margin-bottom: -50px;}
#terceira .article {width: 33.3%; margin-bottom: 50px;}
#terceira .article .article-box { max-height: 170px; padding:0 20px;}
#terceira .article:nth-child(3n) .article-box {border: 0; padding-right:10px;}
.cf {max-width: 80%;}
.cfpIssue span {font-size: 110px;}
.cfpBanner h3 {font-size: 25px;}
.cfpBanner p {font-size: 16px;} #callforpaper.callLarge .cfpIssue {width: 140px;}
#callforpaper.callLarge .cfpIssue span {font-size: 120px;}
#callforpaper.callLarge .cfpBanner {padding-right: 25px;}
#callforpaper.callLarge .cfpBanner h3 {font-size: 55px; margin-bottom: 25px;}
#callforpaper.callLarge .cfpBanner p.extra {font-size: 20px; margin-bottom: 25px;}
#callforpaper.callLarge .cfpBanner p {font-size: 18px;} .content .wrapper, .fullimage .wrapper {padding: 0 60px;} .logoSurFooter {left: 190px;}
.col, .col:last-child {width: 100%; float: left; clear: left; margin-bottom: 30px;}
.faketitle {display: none;}
}
@media only screen and ( max-width: 783px ) {
#newsletter {margin-top: 74px;}
#newsletter h3 {font-size: 27px;}
#highlights {margin-top: 10px;} #header h1 {display: none;}
.menu, #header.small .menu {right: auto; left: 80px;}
.menuIcon, #header.small .menuIcon {top: 15px; left: 80px; right: auto;}
.logo span {display: none;}
.cfpIssue span {font-size: 90px; line-height: 125px;}
.cfpBanner h3 {font-size: 20px;}
.searchIcon, #header.small .searchIcon {position: absolute; left:132px; top: 15px; width: 35px; height: 35px; line-height: 35px; background: url(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_searchbtn.png) left top no-repeat; cursor: pointer; display: block;}
#header.small #searchForm {top: 68px; right: auto; left: 10px; display: none;} #header h1 {font-size: 20px;}
#start .innerTable {padding: 0 8%;}
#start h1 {font-size: 30px; margin-bottom: 20px;}
#start h4 {margin-bottom: 25px;}
#start .author {font-size: 15px; margin-bottom: 20px;}
#start p.tagline {font-size: 16px; margin-bottom: 25px;}
#start .curatorBio {left: 0; bottom: 0; width: 100%; font-size: 13px; font-weight: 400;}
.introduction, .preface, .entrar {margin: 15px;}
.galSingle {padding: 40px 15px;}
#gallery .slick-arrow {display: none !important;}
#gallery .slick-dots {bottom: 5px; padding: 0 30px;}
#gallery .slick-dots li {width: 10px; height: 10px;}
#gallery .slick-dots li button {width: 8px; height: 8px;}
.infoBtn {display: block;}
.photoInfoWrapper, .phIcoVerInfo {display: none;}
.phNav, .phtInfo, .phtCredits {width: 100%; max-width: 100%; left: auto; top: auto; bottom: auto; padding: 20px; float: left; clear: left; position: relative; opacity: 1;}
.phtbox h2 {font-size: 20px;}
.phtbox p {font-size: 13px; line-height: 1.3;} .sidePdf {top: 68px;}
#highlights {margin-top: 10px;} .pageTitle {margin-top: 100px; height: auto; line-height: 60px; padding: 15px 0;}
.pageTitle h1 {font-size: 50px;}
.alternado {padding: 40px 0;}
#page h2, #page .alternado h2 {font-size: 30px; margin-bottom: 20px;} #callforpaper.callLarge .cfpIssue {width: auto; bottom: 5px;}
#callforpaper.callLarge .cfpIssue span {font-size: 40px; line-height: 1;}
#callforpaper.callLarge .cfpBanner {padding:0 10px;}
#callforpaper.callLarge .cfpBanner h3 {font-size: 43px; margin-bottom: 15px;}
#callforpaper.callLarge .cfpBanner p.extra {font-size: 18px; margin-bottom: 15px;}
#callforpaper.callLarge .cfpBanner p {font-size: 16px;} #hero, .admin-bar #hero {height: 436px; margin-top: 64px; z-index: -1;}
#hero .innerTable {padding: 0 5%;}
#hero h1 {font-size: 45px;}
#hero h4 {margin-bottom: 30px;}
#hero p.author {font-size: 20px;}
#hero p.tagline {font-size: 22px;}
#intern {margin-top: 500px;}
.right-nav {top: 75px;}
.content {padding-top: 20px;}
.nota .cit-texto, .nota.pright .cit-texto, .nota.large .cit-texto {position: fixed; bottom: 0; left: 0; right: 0; top: auto; z-index: 999; width: 100%; max-height: 50%; overflow: auto; padding-top: 25px;}
.closeNota {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: 8px; right:8px; z-index: 999; cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
}
.logoSurFooter .description {margin-left: 20px;}
}
@media only screen and ( max-width: 719px ) {
.currentDetails {padding-left: 200px;}
.currentDetails h2 {font-size: 26px;}
#issues .issue {width: 33.33333%;} #highlightsInner {position: relative; height: auto !important;}
.grid-sizer {display: none;}
.item {width: 100%; height: 100vw !important; max-height: 345px; float: left; clear: left; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; margin-bottom: 5px; position: relative; transform:none !important;}
.itemDefault, .itemHover {height: 100vw !important; max-height: 345px; }
.item, .item.w2, .item.w3, .item.w4, .item.w5, .grid-sizer {width: 100%;}
.item h2 {font-size: 26px;}
.item h4 {font-size: 18px;}
.item p {font-size: 20px;}
.item .itemHover p {font-size: 19px;} .content table.tabelaMenor {width: 100%; float: left; clear: left; margin:10px 0px;} #page dl {width: 100%; float: left; clear: left; margin-bottom: 50px;}
#page dt {width: 100%; float: left; clear: left; margin-bottom: 20px; font-size: 30px;}
#page dd {width: 100%; float: left; clear: left;} #footer {padding-top:0px;}
.menufooter {display: none;} .logoSurFooter {position: relative; left: auto; float: left; clear: left; margin: 15px 0 0 0;}
.logoSurFooter .description {max-width:220px; font-size: 16px; position: relative; left: auto; float: left; margin:47px 0 0 20px;}
.languagefooter {position: relative; top: auto; right: auto; float: right; clear: right; margin: 29px 6px 0 0;}
.socialmedia {position: relative; top: auto; right: auto; float: right; clear: right; margin:22px 0 0; }
.conectasFooter {position: relative; top: auto; right: auto; float: right; clear: right; margin: 20px 0 0 0;}
.creativecommons {position: relative; top: auto; right: auto; float: right; clear: right; margin: 17px 11px 0 0;}
.rodape {margin-top: -40px;} #start .curatorBio {font-size: 16px;}
}
@media only screen and ( max-width: 620px ) { #callforpaper.callLarge .cfpBanner h3 {font-size: 33px; padding-left: 0px;} #intern {padding-top: 20px;}
.side-nav {background-color: #f3ece3;}
.side-button {top: 20px; left: -35px; background-color: #f3ece3;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: rotate(0deg);
}
.right-nav {position: absolute !important; top: 25px; width: 100%;}
.right-nav img, .luz {clear: none; margin-right: 10px;}
.copyWrapper {display: none;}
.pager {display: none;}
.content .wrapper, .fullimage .wrapper {padding: 0 5%;}
.content h2 {font-size: 26px;}
.content blockquote {padding: 0 5%;}
}
@media only screen and ( max-width: 590px ) { #segunda .article {width: 100%;}
#segunda .article .article-box, #segunda .article:nth-child(2n) .article-box {border: 0; padding: 0 5%;}
#terceira .wrapper {padding: 0;}
#terceira .article {width: 50%;}
#terceira .article .article-box, #terceira .article:nth-child(3n) .article-box {border-right: 1px solid #999; padding: 0 10%;}
#terceira .article:nth-child(2n) .article-box {border: 0;} .cfpIssue {width: 80px; top: 30px;}
.cfpIssue span {font-size: 60px; line-height: 70px;}
.cfpBanner {padding:0 20px 0 95px; background-position: center center !important;}
.cfpBanner h3 {font-size: 24px; margin-top: 15px;}
.cfpBanner p {font-size: 16px; line-height: 1.2;}
#issues .issue {width: 50%;}
.advanced .searchbox {width: 100%; margin-bottom: 12px;}
.wpcf7 {max-width: 90%;} .phtbox h2 {font-size: 18px;}
.phtbox p {font-size: 12px; line-height: 1.3;} .logoSurFooter { width: 100%; max-width: 100%; min-height: 170px; margin: 0 auto; float: none; padding-top: 20px; overflow: hidden;}
.logoSurFooter img {position: absolute; left: 0;}
.logoSurFooter .description {max-width:100%; width: 100%; font-size: 17px; margin:44px 0 0 0; padding-left: 130px;}
.socialmedia {float: left; clear: left;}
.creativecommons {float: left; clear: left; margin:21px 0 0 19px;}
.rodape {padding:60px 10px 20px 10px; text-align: center;}
.content p {padding-left: 0 !important;}
}
@media only screen and ( max-width: 450px ) { .eddetail {display: none;}
#header #searchForm, #header .languageheader {display: none;}
br.noBr {display: none;} .currentLogo {left: 5%; min-width: 0;}
.currentedThumb {width: 130px; height: 130px; font-size: 32px; line-height: 110px; background:url(//sur.conectas.org/wp-content/themes/revistasur/_images/bg_edition_large.png) no-repeat scroll 12px 14px; left: 0; margin-left: 0;}
.currentDetails {padding-left: 160px;}
.currentDetails h2 {font-size: 21px;}
#issues h2 {font-size: 30px;}
.cf {max-width: 100%;} #hero h1 {font-size: 30px;}
#hero h4 {margin-bottom: 20px;}
#hero p.author {font-size: 18px;}
#hero p.tagline {font-size: 16px;}
.authorAvatar {width: 100%; float: left; clear: left; margin-bottom: 20px; text-align: center;}
.alignleft, .alignright, .alignnone, .alignleft img, .alignright img, .alignnone img { width: 96% !important; height: auto; margin: 15px 2%;}
.content .wp-caption.alignleft, .content .wp-caption.alignright, .content .wp-caption.alignnone {width: 100% !important; margin: 15px 0 !important;}
}
@media only screen and ( max-width: 386px ) {
#header .conectas, #header.small .conectas {display: none;}
}
@media only screen and ( max-width: 350px ) {
.currentDetails {padding-left: 150px;}
.currentDetails p {line-height: 1.6;}
.currentDetails a {display: block; margin-bottom: 15px;}
#issues .issue {width: 100%;} .logoSurFooter .description {margin: 23px 0 0 0; font-size: 16px;}
}
@media only screen and ( max-height: 520px ) {
.social-share {width: auto; top: 74px; right: 10px; left: auto; margin: 0;}
.social-share img {width: 27px; margin: 0 0 0 5px;}
}
@media only screen and ( max-height: 400px ) {
#header {display: none;}
.sidePdf {top: 5px;}
#highlights {margin-top: 39px;}
#hero {margin-top:0px; height: 98%;}
#gallery {padding-top: 0;} #hero h1 {font-size: 30px;}
#hero h4 {margin-bottom: 20px;}
#hero p.author {font-size: 18px;}
#hero p.tagline {font-size: 16px;}
} @media  only screen and (-webkit-min-device-pixel-ratio: 1.5) and ( max-width: 783px ),
only screen and (   min--moz-device-pixel-ratio: 1.5) and ( max-width: 783px ),
only screen and (     -o-min-device-pixel-ratio: 3/2) and ( max-width: 783px ),
only screen and (        min-device-pixel-ratio: 1.5) and ( max-width: 783px ),
only screen and (min-resolution: 192dpi) and ( max-width: 783px ) {
.menuIcon  {
background-image: url(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_menu@2x.png);
background-size: 35px 35px;
}
.searchIcon {
background-image: url(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_searchbtn@2x.png);
background-size: 35px 35px;
}
.sfFacebook {
background-image: url(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_facebook_ftr@2x.png);
background-size: 35px 35px;
}
.sfTwitter {
background-image: url(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_twitter_ftr@2x.png);
background-size: 35px 35px;
}
.sfRss {
background-image: url(//sur.conectas.org/wp-content/themes/revistasur/_images/ico_rss_ftr@2x.png);
background-size: 35px 35px;
}
}