/**/

img.imagem-destacada { max-width:100%; height:auto; margin:0 auto; }


/**/


main > article { display:block; width:100%; margin:0 auto; }

main > article header { z-index:2; }
main > article header h1 { font-size:24px; line-height:32px; margin:0 0 10px; }
main > article header h2 { font-family:'Montserrat', sans-serif; font-weight:500; font-size:12px; line-height:20px; color:#797979; margin:0; }
main > article header h2 strong { font-weight:600; }
main > article header h2 strong span { color:#1d1d1d; }

main > article header h1 .passo { position:absolute; top:-3px; left:-47px; font-family:'Montserrat', sans-serif; font-weight:600; color:#fff; }
main > article header h1 .passo span { border-radius:100%; text-align:center; }
main > article header h1 .passo span:first-child { display:inline-block; width:30px; height:30px; font-size:16px; line-height:32px; background-color:#224b87; }
main > article header h1 .passo span:last-child { position:absolute; top:-7px; right:-10px; width:20px; height:20px; font-size:10px; line-height:21px; background-color:#ef076f; }


/**/


hr { margin:40px 0; border:0; border-bottom:1px solid #ccc; }

blockquote { margin:40px 0 45px 0; padding:5px 0 5px 40px; font-style:italic; }
blockquote:before { position:absolute; top:0; left:0; width:3px; height:100%; background-color:#ccc; content:""; }
blockquote *:last-child { margin-bottom:0; }



/* imagens com legenda */

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter,
.wp-caption.alignnone { float:none; display:block; width:auto !important; max-width:500px !important; height:auto; margin:0 auto; }

.wp-caption.aligncenter .wp-caption-dt,
.wp-caption.alignnone .wp-caption-dt { width:100%; }
.wp-caption.aligncenter img { width:100% !important; }
.wp-caption.alignnone img { max-width:100% !important; height:auto; margin:0 auto; }

/* legendas */

.wp-caption-dd, .wp-caption-text { position:absolute; bottom:75px; left:100%; width:calc(50vw - 250px); max-width:300px; box-sizing:border-box; font-size:16px; line-height:24px; text-align:left; margin:0; padding:0 25px; }
p.wp-caption-text { font-size:16px !important; line-height:24px !important; }

/* imagens sem legenda */

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone { float:none; margin:0 auto; }

/* Separador */

.wp-caption { margin:40px auto !important; padding:80px 0; }
.wp-caption:before,
.wp-caption:after { position:absolute; left:50%; width:340px; height:1px; margin-left:-170px; background-color:#ccc; content:""; }
.wp-caption:before { top:0; }
.wp-caption:after { bottom:0; }

.wp-caption:first-child { margin-top:0 !important; padding-top:0 !important; }
.wp-caption:first-child:before { display:none; }

.wp-caption + .wp-caption { margin-top:0 !important; padding-top:40px !important; }

.wp-caption + .wp-caption:before { display:none; }

/**/

.wp-caption img { display:block; max-width:500px !important; height:auto; margin:0 auto; box-shadow:0 0 40px 0 rgba(0,0,0,.3); }



.gallery { clear:both; margin:30px 0 !important; }
.gallery:after { display:table; clear:both; content:""; }
.gallery br { display:none; }
.gallery-item { margin-top:0 !important; margin-bottom:0 !important; padding:0; box-sizing:border-box; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.gallery img { z-index:1; max-width:100%; height:auto; border:0 !important; display:block; cursor:pointer; }
.gallery-caption { display:none; margin-left:0; margin:10px 0 0 0; text-align:left; font-size:12px; line-height:16px; opacity:.7; }
.gallery-item a { background-color:#fff; }
.gallery-item img { opacity:.8; transition:all 100ms ease-in-out; }
.gallery-item .fundo { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#fff; }
.gallery-item .overlay { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#5c3c67; mix-blend-mode:exclusion; /*background-color:#945875; mix-blend-mode:multiply;*/  pointer-events:none; transition:all 100ms ease-in-out; }
.gallery-item:hover img { opacity:1; }
.gallery-item:hover .overlay { opacity:0; }

.video { margin:40px 0; }
.video video { position:absolute; top:0; left:0; width:100%; height:100%; }
.video div { }
.video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

audio { width:100%; margin:30px 0; }

.playlist { margin:30px 0; }
.playlist .video,
.playlist audio { display:block; margin:0; }
.playlist ul { width:90%; margin:0 0 0 5%; box-sizing:border-box; padding:20px 20px; list-style:none; background-color:#e0e2e3; }
.playlist ul li { padding:0 10px; border-bottom:1px solid rgba(0,0,0,.2); cursor:pointer; }
.playlist ul li:hover { background-color:rgba(0,0,0,.1); }
.playlist ul li:last-child { border-bottom:0; }
.playlist h6 { font-size:18px; line-height:22px; color:#333; margin:0; padding:7px 0; }
.playlist ul li.ativo h6 { color:#d52127; }



@media screen and (min-width:1220px) {
	
	main > article { max-width:1100px; margin:70px auto; }
	
	main > article header { margin-bottom:40px; }
	
}


@media screen and (min-width:1000px) and (max-width:1219px) {
	
	main > article { max-width:calc(100% - 120px); }
	
	/**/
	
	.wp-caption-dd, .wp-caption-text { width:calc(50vw - 300px); }
	
}


@media screen and (min-width:750px) and (max-width:999px) {
	
	main > article { max-width:calc(100% - 120px); }
	
	/**/
	
	.wp-caption.alignleft,
	.wp-caption.alignright,
	.wp-caption.aligncenter,
	.wp-caption.alignnone { max-width:420px !important; }
	.wp-caption img { max-width:420px !important; }
	
	.wp-caption-dd, .wp-caption-text { bottom:auto; left:auto; display:block; width:100%; max-width:none; padding:25px 25px 0; }
	
	.wp-caption { padding:60px 0; }
	.wp-caption:before,
	.wp-caption:after { width:280px; margin-left:-140px; }
	
	.wp-caption + .wp-caption { padding-top:30px !important; }
	
}


@media screen and (max-width:749px) {
	
	main > article { max-width:calc(100% - 90px); }
	
	/**/
	
	.wp-caption.alignleft,
	.wp-caption.alignright,
	.wp-caption.aligncenter,
	.wp-caption.alignnone { max-width:300px !important; }
	.wp-caption img { width:300px; max-width:100% !important; }
	
	.wp-caption-dd, .wp-caption-text { bottom:auto; left:auto; display:block; width:100%; max-width:none; padding:25px 25px 0; }
	
	.wp-caption { padding:60px 0; }
	.wp-caption:before,
	.wp-caption:after { left:0; width:100%; margin-left:0; }
	
	.wp-caption + .wp-caption { padding-top:30px !important; }
	
	
	.video { margin:30px 0; }
	
	audio { margin:20px 0; }
	
	.playlist { margin:20px 0; }
		
	
	
}


@media screen and (max-width:450px) {
	
	.gallery-item { width:50% !important; }	
	
	.playlist ul { width:80%; margin:0 0 0 10%; }
	
}