/*
THEME NAME: Dicas de Fotografia - 2015
DESCRIPTION: Tema para o Dicas de Fotografia
VERSION: 1.0
AUTHOR: Claudia Regina
AUTHOR URI: http://www.claudiaregina.com/
*/

/* general */
* {margin: 0; padding: 0; list-style: none;}
html, body {font-family: 'PT Sans', sans-serif; min-height: 100%;}
.floatleft {float: left;}
.floatright {float: right;}
a > img{
    border: 0;
}

/* header */
header {
	background: url(i/header-bg.jpg) right bottom; height: 100vh; border-bottom: 1px dashed #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header img {background: #00a19b; padding: 30px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-left: -205px; margin-top: -75px; opacity: 0.95;}

.page header {height: 80vh;}
.page-id-5432 header, .page-id-5434 header {height: 20vh;}
.page-id-5432 header img, .page-id-5434 header img {padding: 30px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -205px; opacity: 0.95;}
.page-id-5432 .social-share, .page-id-5432 #faq, .page-id-5432 #baixar-livro, .page-id-5432 footer, .page-id-5434 .social-share, .page-id-5434 #faq, .page-id-5434 #baixar-livro, .page-id-5434 footer {display: none;}

/* download livro */

#baixar-livro {background: #666 url(i/book-bg.jpg) center center; text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

	#baixar-livro h2 {color: #fff; font-weight: 400; padding-top: 100px; font-size: 2em; opacity: 0.9; line-height: 150%;}
	#baixar-livro h2 strong {background: #202020; padding: 5px; font-weight: 400;}
	#baixar-livro h3 {font-family: 'Arvo', serif; font-size: 6em; color: #00a19b; font-weight: 400; margin-bottom: 20px;}
	#baixar-livro p {padding-bottom: 100px; opacity: 0.9;}
	#baixar-livro p a {color: #fff; background: #202020; text-decoration: none; padding: 15px; font-size: 1.5em;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		}
	#baixar-livro p a:hover {background: #00a19b;}

/* faq */

#faq {padding: 35px; overflow: hidden; color: #494949; border-top: 1px dashed #00a19b; border-bottom: 1px dashed #00a19b;}
	#faq h2 {font-family: 'Arvo', serif; font-weight: 700; font-size: 1.5em; line-height: 140%; text-align: center;}
	#faq h2 strong {font-weight: 400; font-size: 1.3em;}
	#faq ul li a {text-decoration: none; color: #494949; text-transform: uppercase; font-size: 1.3em;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	}
	#faq ul li a:hover {opacity: 0.5;}
	#faq ul li {float: left; width: 25%; text-align: center;}

@media (min-width: 1200px) {
	#faq h2 {width: 10%; float: left; line-height: 140%; text-align: left; padding-top: 30px;}
	#faq ul {float: right;}
	#faq ul li {float: left; text-align: center; margin: 0 40px; max-width: 165px; text-align: center;}
}

/* posts */

#posts ul {overflow: hidden;}
	#posts ul li {width: 49.6%; height: 40vh; margin-bottom: 10px; position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	}
	#posts ul li:hover {opacity: 0.8;}
	#posts ul li:nth-child(3n-1) {float: left;}
	#posts ul li:nth-child(3n) {float: right;}
	#posts ul li:nth-child(1), #posts ul li:nth-child(3n+1) {width: 100%; clear: both;}
	#posts ul li a {width: 100%; height: 100%; display: block; font-size: 1.6em; text-transform: uppercase; color: #fff; opacity: 0.9; }
	#posts ul li a p {position: absolute; bottom:0; width: 50%; text-align: center; margin: 40px 25%;}
	
/* navigation */
	
.infinite-navigation a {background: #00a19b; width: 100%; clear: both; font-size: 1.8em; display: block;width: 100%; background: #00a19b; text-align: center; cursor: pointer; color: #fff; font-family: 'Arvo', serif; padding: 15px;}
.infinite-navigation a:hover {opacity: 0.5;}
.infinity-end nav {display: none;}
	
/* footer */

footer {background: #2e2e2e; color: #ccc; padding: 130px 50px; overflow: hidden; position: relative;}
	footer img {opacity: 0.9;}
	.footer-logo {float: left; width: 250px;}
	.footer-wp {float: right;}
	footer p {float: left; width: 60%; margin-bottom: 15px; margin-left: 70px; font-size: 0.7em; line-height: 150%;}
	footer a:hover {opacity: 0.5;}


/* header single */
.header-single {
	background-position: center center; height: 80vh; border-bottom: 1px dashed #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.header-single a {margin: 0 auto; position: absolute; top: 20px; left: 50%; margin-left: -100px; opacity: 0.9;}
.header-single a:hover {opacity: 0.7;}
.header-single img {width: 200px;}

/* article */

.adwix {width: 728px; margin: 10px auto;}

article {max-width: 850px; margin: 60px auto; color: #333; padding: 0 40px;}
	article h1 {font-family: 'Arvo', serif; font-weight: 400; font-size: 2.6em; line-height: 110%; text-align: center; margin-bottom: 10px; color: #333; padding: 0 80px;}
	article time {text-transform: uppercase; text-align: center; font-size: 0.8em; display: block; font-weight: 700; color: #333; margin-bottom: 60px;}
		.thecontent {font-size: 1.2em; line-height: 160%; margin-bottom: 30px;}
		.thecontent * {color: #444;}
		.thecontent p {margin: 25px 0; font-family: 'PT Serif', serif;}
		.thecontent p strong {font-weight: 700;}
		.thecontent h2, .thecontent h3, .thecontent h4, .thecontent h5, .thecontent h6 {margin-top: 40px; margin-bottom: 15px; font-family: 'Arvo', serif; font-weight: 400; line-height: 150%;}
		.thecontent h2 {font-size: 1.8em; color: #00a19b;} .thecontent h3 {font-size: 1.2em;} .thecontent h4 {font-size: 1.2em;} .thecontent h5 {font-size: 0.7em;} .thecontent h6 {font-size: 0.5em;}
		.thecontent blockquote p {padding: 30px; background: #e5e5e5; color: #00a19b; border-left: 2px solid #00a19b;} .thecontent blockquote p a {color: #00a19b;} .thecontent blockquote p a:hover {text-decoration: none;}
		.thecontent a:hover {text-decoration: none;}
		.thecontent ul, .thecontent ol, .thecontent li {font-family: 'PT Serif', serif;}
		.thecontent li {padding-left: 10px; margin: 5px 20px;}
		.thecontent ul li {list-style: disc;}
		.thecontent ol li {list-style: decimal;}
		.thecontent h1 {margin-top: 50px;}
		
/* caption */

p img, .wp-caption {margin-top: 0.4em; margin-bottom: 0.4em;}
.wp-caption {max-width: 100%; position: relative;}
.wp-caption img {display: block; margin: 0; max-width: 100%;}
.wp-caption .wp-caption-text, .gallery-caption.rs-caption {
	position: absolute;
	top: auto;
	color: white;
	font-size: 0.6em;
	background: #00a19b;
	padding: 6px 14px;
	margin:0;
	left: 10px;
	bottom: 10px;
	border: none;
	width: auto !important;
	max-width: 60%;
	max-height: 34%;
/*	box-shadow: none;*/
	line-height: 120%;
}

.wp-caption a {color: #fff;}
.wp-caption a:hover {background: none; text-decoration: none;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block !important; margin-left: auto !important; margin-right: auto !important;}

/* social share */

.social-share {margin:80px auto; text-align:center; width:54%;}
.social-share h3 {font-size: 1.5em; font-weight:400; margin-bottom:15px; color:#444; line-height:20px; font-family:'Arvo', serif;}
.social-share ul.social {margin:0; overflow:hidden;}
.social-share ul.social li {float:left; margin:0 25px 0 0;}
.social-share ul.social li:last-child {margin:0;} 
.social-share ul.social li:hover {text-decoration:none; cursor:pointer;}
.social-share ul.social li a {text-align:center; font-size:1em; text-decoration:none; display:inline-block; width:130px; padding: 8px 0; font-family:'Arvo', serif;}
	.social-share ul.social li a.facebook {border:2px solid #3f67c0; color:#3f67c0;}
	.social-share ul.social li a.twitter {border:2px solid #35b5eb; color:#35b5eb;}
	.social-share ul.social li a.google {border:2px solid #fc5241;color:#fc5241;}
	.social-share ul.social li a.facebook:hover{border:2px solid #3f67c0;background:#3f67c0;color:#fff;}
	.social-share ul.social li a.twitter:hover{border:2px solid #35b5eb;background:#35b5eb;color:#fff;}
	.social-share ul.social li a.google:hover{border:2px solid #fc5241;background:#fc5241;color:#fff;}

/* author */

.author {border-top:1px dashed #cbcbcb; border-bottom:1px dashed #cbcbcb; font-size: 1em; line-height: 150%; padding: 15px 0;}
.author h6 {font-family: 'Arvo', serif; font-size: 1.5em; font-weight: 400; margin-top: 10px; margin-bottom: 15px;}
.author img {float: left; margin: 0 25px 25px 0;}
.author p {margin-bottom: 15px; font-size: 1em;}
.author p a {background-color: #00a19b; padding: 5px; color: #fff; text-decoration: none;}
.author p a:hover {opacity: 0.8;}

/* related posts */

.relatedposts {clear: both; margin: 70px 0; overflow: hidden; color: #444;}
	.relatedposts h3 {font-family: 'Arvo', serif; font-weight: 400; font-size: 1.5em; text-align: center; margin-bottom: 15px;}
	.relatedposts ul li a {text-decoration: none; color: #494949; font-size: 1em; opacity: 0.5;}
	.relatedposts ul li a:hover {opacity: 1;}
	.relatedposts ul li {float: left; width: 23%; text-align: center; border-right: 4px solid #fff; border-left: 4px solid #fff;}
	.relatedposts ul li img {width: 100%; height: auto;}

/* ads */

.ads {background: #eaeaea; padding: 1px 0; text-align: center;}
.adscontainer {max-width: 950px; margin: 60px auto; color: #333; padding: 0 40px;}
.ads img {margin: 0 2px;}
.ads h3 {font-family: 'Arvo', serif; font-weight: 400; font-size: 1em; margin-bottom: 15px; color: #666; margin-left: 2px; text-align: left;}

/* 404 */

.erro h2 {background: #00a19b; font-family: 'Arvo', serif; font-weight: 400; padding: 30px; text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-left: -230px; margin-top: -65px; opacity: 0.95; font-size: 1.8em;}
.erro h2 a {color: #fff; font-size: 0.67em;}
.erro h2 a:hover {text-decoration: none;}

/* qual camera comprar page */

#qualcamera li {padding:0; margin: 0;}
#qualcamera {padding-top: 30px;}
#qualcamera li {list-style: none; border-bottom: 2px dotted #00a19b; padding: 20px 0;}
#qualcamera li:first-child {border-top: 2px dotted #00a19b;}
#qualcamera li .cameratype {float: left; margin-right: 20px; margin-bottom: 15px;}
#qualcamera li h2 {font-size: 1.2em; margin-top: 20px; margin-bottom: 0;}
#qualcamera li p {font-size: 0.8em;}
#qualcamera a:hover {text-decoration: none; background: #f0d77d;}

/* ebook subscribe */

#formlivro {border: 1px dashed #00a19b; padding: 40px 20px; text-align: center;}
#formlivro label {font-family: 'PT Serif', serif;}
#formlivro input[type=text] {margin: 10px; font-family: 'PT Serif', serif; font-size: 1.2em; padding: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 0; background: #f0d77d; color: #666;
}
#formlivro input[type=submit] {background: #00a19b; font-family: 'PT Sans', sans-serif; padding: 8px; text-transform: uppercase; border: 0; color: #fff; font-size: 1em;}
#formlivro input[type=submit]:hover {cursor: pointer; opacity: 0.8;}

/* responsive */

@media (max-width: 480px) {
	#qualcamera li .cameratype {float: none; display: block; margin-left: auto; margin-right: auto;}
	#qualcamera li h2 {text-align: center;}
}

@media (max-width: 751px) {

    header {background-image: url(i/mobile-header-bg.jpg);}

    #baixar-livro h2 {font-size: 1.2em;}
    #baixar-livro h3 {font-size: 4em;}
    #baixar-livro p a {font-size: 1.2em;}

	#faq h2 {font-size: 1.4em;}
    #faq ul {margin-top: 15px;}
    #faq ul li {width: 50%;}

	#posts ul li, #posts ul li:nth-child(1), #posts ul li:nth-child(3n+1) {width: 100%;}
	#posts ul li a {font-size: 1.2em;}
	
	article {margin: 40px auto;}
	article h1 {font-size: 1.9em; padding: 0;}
	.thecontent .cameratype {width: 150px; height: 150px;}
	
	.relatedposts ul li a {font-size: 1.1em; text-transform: uppercase;}
	.relatedposts ul li {float: left; width: 48%; text-align: left; border: 0; margin-bottom: 30px;}
	.relatedposts ul li:nth-child(even) {padding-left: 10px;}
	.relatedposts ul li img {width: 100%; height: auto;}

	.author h6 {font-size: 1.2em; margin-top: 0; margin-bottom: 15px;}
	.author p {font-size: 0.8em;}
	.author p a {text-align: center;}

}

@media (max-width: 930px) {
	.thecontent img {width: 100%; height: auto;}
	.thecontent p {font-size: 16px;}
	.social-share {width:100%;}
	.social-share ul.social li {float:none; margin:0 0 10px 0;}
	.social-share ul.social li:last-child {margin:0 0 10px 0;}
	.social-share ul.social li a {text-align:center; font-size:1em; text-decoration:none; display:inline-block; width:60%;}	
	
	.ads h3 {text-align: center;}
}

@media (max-width: 1080px) {	
footer {text-align: center; padding: 60px 50px;}
	.footer-logo, .footer-wp, footer p {float: none;}
	.footer-logo {margin-bottom: 30px;}
	.footer-wp {position: absolute; bottom: 10px; right: 15px;}
	.footer-wp img {width: 30px; opacity: 0.7;}
	footer p {width: 100%; margin: 0; padding: 0;}
}

@media (max-height:850px) {
	#posts ul li {height: 70vh;}	
}