/*
Author: Saulo Padilha
Author URI: http://www.spadilha.com
*/


/*--------------------------------------------------------------------------------------------------
										RESPONSIVE
--------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1390px ) {
	#hero {background-size:cover;}
}
/* ====================================================
    LARGE SCREEN
==================================================== */
@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;}

}


/* ====================================================
    TABLET
==================================================== */

@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 */
	#header.gallery .languageheader {display: none;}

	/* GALLERY */
	.phNav {bottom: 50px;}

	/* HOME */
	#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;}

	/* FOOTER */
	.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 ) {


	/* HOME */
	.cfpBanner h3 {font-size: 30px;}


	/* GALLERY */
	#header h1 {font-size: 23px;}
	#start .innerTable {padding: 0 5%;}



	/* PAGES */
	#issues .wrapper {padding: 0 5%;}
	#issues .issue {width: 25%;}


	.advanced .advRow {padding: 0;}

	.wpcf7 {max-width: 80%;}


	/* SINGLE */
	.right-nav {right: 15px; margin: 0;}

}



@media only screen and ( max-width: 830px ) {

	/* HEADER */
	.logo img {width: auto; height: 93px; margin-right: 20px;}
	.logo span {margin-top: 59px; font-size: 21px;}

	/* HOME */
	.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;}


	/* CALL FOR PAPER */
	#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;}



	/* SINGLE */
	.content .wrapper, .fullimage .wrapper {padding: 0 60px;}


	/* FOOTER */
	.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 */
	#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('_images/ico_searchbtn.png') left top no-repeat; cursor: pointer; display: block;}

	#header.small #searchForm {top: 68px; right: auto; left: 10px; display: none;}


	/* SUPER GALLERY */
	#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;}


	/* HOME */
	.sidePdf {top: 68px;}

	#highlights {margin-top: 10px;}


	/* PAGES */
	.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;}

	/* CALL FOR PAPER */
	#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;}


	/* SINGLE */
	#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%;}


	/* HOME */
	#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;}


	/* SINGLE */
	.content table.tabelaMenor {width: 100%; float: left; clear: left; margin:10px 0px;}


	/* PAGES */
	#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 */
	#footer {padding-top:0px;}

	.menufooter {display: none;}
	/*.menufooter ul li {display: inline-block; margin:0 10px 20px;}*/

	.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;}


	/* GALLERY */
	#start .curatorBio {font-size: 16px;}


}

@media only screen and ( max-width: 620px ) {

	/* CALL FOR PAPERS */
	#callforpaper.callLarge .cfpBanner h3 {font-size: 33px; padding-left: 0px;}


	/* SINGLE */
	#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 ) {




	/* HOME */
	#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;}


	/* PAGES */
	.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%;}


	/* GALLERY */
	.phtbox h2 {font-size: 18px;}
	.phtbox p {font-size: 12px; line-height: 1.3;}


	/* FOOTER */
	.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 ) {

	/* HEADER */
	.eddetail {display: none;}
	#header #searchForm, #header .languageheader {display: none;}



	 br.noBr {display: none;}

	/* PAGES */
	.currentLogo {left: 5%; min-width: 0;}
	.currentedThumb {width: 130px; height: 130px; font-size: 32px; line-height: 110px; background:url("_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%;}


	/* SINGLE */
	#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%;}


	/* FOOTER */
	.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;}

	/* SINGLE */
	#hero h1 {font-size: 30px;}
	#hero h4 {margin-bottom: 20px;}
	#hero p.author {font-size: 18px;}
	#hero p.tagline {font-size: 16px;}



}



/*-------------------------------------------------
	RETINA BACKGROUND IMAGES
-------------------------------------------------*/
@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('_images/ico_menu@2x.png');
		background-size: 35px 35px;
	}

	.searchIcon {
		background-image: url('_images/ico_searchbtn@2x.png');
		background-size: 35px 35px;
	}

	.sfFacebook {
		background-image: url('_images/ico_facebook_ftr@2x.png');
		background-size: 35px 35px;
	}
	.sfTwitter {
		background-image: url('_images/ico_twitter_ftr@2x.png');
		background-size: 35px 35px;
	}
	.sfRss {
		background-image: url('_images/ico_rss_ftr@2x.png');
		background-size: 35px 35px;
	}


}