/*
Theme Name: Universal Music 2016
Author: Andre Pacheco
Author URI: http://andrepacheco.com/
Version: 2
*/

@import url('https://fonts.googleapis.com/css?family=Catamaran:400,700|Open+Sans:300,300i,600,600i');
@font-face {font-family:'fontello'; src:url('assets/icon.woff') format('woff'); font-weight:normal; font-style:normal;}

/* normalize */
audio, canvas, video {display:inline-block;} audio:not([controls]) {display:none; height:0;} [hidden], template {display:none;} html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} a:focus {outline:0;} a:active, a:hover {outline:0;} abbr[title] {border-bottom: 1px dotted;} dfn {font-style:italic;} hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;} mark {background:#ff0; color:#000;} code, kbd, pre, samp {font-family:monospace, serif; font-size:1em;} pre {white-space:pre-wrap;} small {font-size:80%;} sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} img {border:0;} svg:not(:root) {overflow:hidden;} figure {margin:0;} fieldset {border:1px solid #c0c0c0; margin:0 1px; padding:0.35em 0.625em 0.75em;} legend {border:0; padding:0;} button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;} button, input {line-height:normal;} button, select {text-transform:none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;} button[disabled], html input[disabled] {cursor:default;} input[type="checkbox"], input[type="radio"] {box-sizing:border-box; /* 1 */ padding:0; /* 2 */} input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; /* 2 */ box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} textarea {overflow:auto; vertical-align:top;} table {border-collapse:collapse; border-spacing:0;}

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} ul, ol {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* base */
::selection {color:#f9f9f9; background-color:#111;}
::-moz-selection {color:#f9f9f9; background-color:#111;}

body {overflow-x:hidden; color:#111; font:400 1em/1em Catamaran, sans-serif; background:#f9f9f9;}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img {display:block; width:100%; height:auto;}

a {color:#3ea2db; text-decoration:none;}
a:hover {color:#111;}

.clear {clear:both;}

#universalmusic {position:relative; padding:0;}

/* tipografia */
h1, h2, h3, h4, h5, h6,
.topo nav,
.show-menu,
.rodape li,
.link-botao span,
.mosaic-social,
.mosaic-ctanews a,
.share a,
.navegacao-posts .seta,
.paginacao,
.caixa-itens .titulo,
.sidebar-tags a,
.sidebar-ctanews
{font-weight:700;}

h1, h2, h3, h4, h5, h6 {color:#3ea2db;}

h5.arquivo {margin-bottom:2em; font-size:180%; line-height:80%; text-align:center;}
h5.arquivo span {display:block; color:#555; font-size:50%; text-transform:uppercase;}

h6 {position:relative; color:#555; font-size:80%; line-height:100%; text-transform:uppercase; letter-spacing:.1em;}
h6 span {position:relative; z-index:100; padding-right:.75em; background:#f9f9f9;}
h6:after {content:''; position:absolute; z-index:90; top:50%; right:0; left:0; height:.25em; margin-top:-.1em; background:#3ea2db;}

.link-botao {overflow:hidden; display:inline-block; position:relative; height:2em; color:#555; line-height:0; white-space:nowrap; background:#ccc; border-radius:1px;}
.link-botao:after {content:''; display:table; clear:both;}
.link-botao:hover {color:#fff; background:#3ea2db;}
.caixa-botao, .icone-botao {float:left; display:block; height:100%;}
.caixa-botao {padding:1.5em .8em 0 .8em; font-size:70%; line-height:0;}
.icone-botao {position:relative; width:2em; background:rgba(0,0,0,.2);}
.icone-botao.direita {border-radius:0 1px 1px 0;}
.icone-botao.esquerda {border-radius:1px 0 0 1px;}
.link-botao i {position:absolute; top:50%; left:50%; padding-top:.1em; font-size:70%; line-height:0;
-webkit-transform:translate(-50%,-50%); -ms-transform:translateY(-50%,-50%); transform:translateY(-50%,-50%);}

p {margin:1.5em 0; font:300 90%/150% 'Open Sans', sans-serif;}

.text-right {text-align:right;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	h5.arquivo {margin-bottom:1em; font-size:90%;}
	h5.arquivo span {font-size:70%;}
	h6 {font-size:60%;}
	h6:after {margin-top:-.2em;}
	.link-botao {font-size:90%;}
	p {margin:1em 0; font-size:75%;}
}

/* topo */
.topo {position:relative; z-index:100; border-width:2em; border-style:solid; border-color:transparent; background:#111;}

.logo-topo {position:relative; height:4em;}
.logo-topo svg {display:block; width:auto; height:100%; margin:0 auto; fill:#f9f9f9;}
.topo h5 {opacity:0; position:absolute; top:50%; left:50%; color:#f9f9f9; font-size:120%; letter-spacing:.05em;
-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.topo h5 span {color:#3ea2db;}

.logo-topo svg {-webkit-animation:fadelogo 15s infinite; -moz-animation:fadelogo 15s infinite; animation:fadelogo 15s infinite;}
.topo h5 {-webkit-animation:fadehash 15s infinite;-moz-animation:fadehash 15s infinite;animation:fadehash 15s infinite;}

@-webkit-keyframes fadelogo {0%,49% {opacity:1;} 50%,99% {opacity:0;}}
@-moz-keyframes fadelogo {0%,49% {opacity:1;} 50%,99% {opacity:0;}}
@keyframes fadelogo {0%,49% {opacity:1;} 50%,99% {opacity:0;}}
@-webkit-keyframes fadehash {0%,49% {opacity:0;} 50%,99% {opacity:1;}}
@-moz-keyframes fadehash {0%,49% {opacity:0;} 50%,99% {opacity:1;}}
@keyframes fadehash {0%,49% {opacity:0;} 50%,99% {opacity:1;}}

.show-menu {display:none;}

.topo nav li {float:left; height:2em;}
.topo nav a {display:block; position:relative; height:100%; border-radius:1px;}

.topo-principal {left:0;}
.topo-principal li {margin-right:.2em;}
.topo-principal a {padding:1.75em .9em 0 1em; color:#f9f9f9; font-size:60%; line-height:0; letter-spacing:.1em; text-transform:uppercase; background:#333;}
.topo-principal a.ativo, .topo-principal a:hover {color:#fff; background:#3ea2db;}

.topo-redes {right:0;}
.topo-redes li {width:2em; margin-left:.2em;}
.topo-redes a {color:#f9f9f9; background:#333;}
.topo-redes a:hover {color:#fff;}
.topo-redes i {width:100%; padding-top:.2em; font-size:65%; line-height:0; text-align:center;}
.topo-redes a:hover .title {opacity:1; visibility:visible;}
.topo-redes .title {opacity:0; visibility:hidden; bottom:-4em; display:block; padding:1em; font-size:60%; line-height:100%; border-radius:1px;
-webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out;}
.topo-redes .title:after {content:''; top:-.8em; border-right:.8em solid transparent; border-left:.8em solid transparent; border-bottom:1em solid;}

.topo nav, .topo-redes i {position:absolute; top:50%;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.topo-redes .title, .topo-redes .title:after {position:absolute; left:50%;
-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}

.topo-redes .facebook a:hover, .topo-redes .facebook .title {background:#3b5998;}
.topo-redes .instagram a:hover, .topo-redes .instagram .title {background:#c4018a;}
.topo-redes .twitter a:hover, .topo-redes .twitter .title {background:#55acee;}
.topo-redes .youtube a:hover, .topo-redes .youtube .title {background:#cd201f;}
.topo-redes .snapchat a:hover, .topo-redes .snapchat .title {background:#ffb700;}
.topo-redes .playlists a:hover, .topo-redes .playlists .title {background:#60a72d;}

.topo-redes .facebook .title:after {border-bottom-color:#3b5998;}
.topo-redes .instagram .title:after {border-bottom-color:#c4018a;}
.topo-redes .twitter .title:after {border-bottom-color:#55acee;}
.topo-redes .youtube .title:after {border-bottom-color:#cd201f;}
.topo-redes .snapchat .title:after {border-bottom-color:#ffb700;}
.topo-redes .playlists .title:after {border-bottom-color:#60a72d;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.topo {border-width:.75em;}
	.logo-topo {height:2.5em;}
	.logo-topo svg {margin:0;}
	.topo h5 {left:0; padding-top:.15em; font-size:70%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(0,-50%);}
	.show-menu {display:block; position:absolute; top:.6em; right:0;}
	.show-menu, .show-menu:hover {color:#f9f9f9;}
	.show-menu.show .icon-menu:before {content:'\e809';}
	.hold-menu {overflow:hidden; visibility:hidden; height:0;}
	.hold-menu.show {visibility:visible; height:auto; padding-top:1em;}
	.topo nav li {float:none;}
	.topo-principal {left:auto;}
	.topo-principal li {margin:0 0 .25em 0;}
	.topo-redes {right:auto;}
	.topo-redes li {width:100%; margin:0 0 .25em 0;}
	.topo-redes a {padding:.25em 0 0 2.5em; color:#f9f9f9; background:#333;}
	.topo-redes a:hover {color:#fff;}
	.topo-redes i {left:0; width:3.2em; height:100%; line-height:300%; background:rgba(0,0,0,.1);}
	.topo-redes .title {opacity:1; visibility:visible; bottom:auto; display:inline; padding:0; font-size:70%; background:none !important; border-radius:0;}
	.topo-redes .title:after {display:none;}
	.topo nav {position:relative; top:auto; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
	.topo-redes .title {position:relative; left:auto; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
	.topo-redes .facebook a {background:#3b5998;}
	.topo-redes .instagram a {background:#c4018a;}
	.topo-redes .twitter a {background:#55acee;}
	.topo-redes .youtube a {background:#cd201f;}
	.topo-redes .snapchat a {background:#ffb700;}
	.topo-redes .playlists a {background:#60a72d;}
}

/* footer */
.rodape {padding:2em; text-align:center; background:#555;}

.rodape h5 {position:relative; color:#aaa;}
.rodape h5 span {position:relative; z-index:100; padding:0 .75em; font-size:120%; line-height:100%; background:#555;}
.rodape h5:after {content:''; position:absolute; z-index:90; top:50%; right:25%; left:25%; height:.15em; margin-top:-.1em; background:#3ea2db;}

.rodape li {display:inline-block; margin:0 .35em;}
.rodape li a {color:#aaa; letter-spacing:.1em; text-transform:uppercase;}
.rodape li a:hover {color:#3ea2db;}

.rodape-principal {margin:1em 0 0 0;}
.rodape-principal a {font-size:65%;}

.rodape-redes {margin-bottom:1em;}
.rodape-redes a {font-size:55%;}

.copy, .copy a {color:#888;}
.copy {font-size:55%;}
.copy a {border-bottom:1px solid #888;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.rodape {padding:.75em;}
	.rodape h5 span {padding:0 .5em; font-size:80%;}
	.rodape h5:after {right:.5em; left:.5em;}
	.rodape li {display:block; margin:0 0 .25em 0;}
	.rodape li a {display:block; padding:.5em 0 .3em 0; border:1px solid #aaa; border-radius:2px;}
	.copy {line-height:100%;}
	.copy .separador {display:none;}
	.copy .politica {display:block; border:0 !important;}
}

/* variacoes home */
.hold-top {position:relative; height:100vh;}
.topo.home {position:absolute; right:0; left:0; bottom:0; padding:0; border-width:0 inherit; background:none;}
.topo.home nav a {color:#555; background:#f9f9f9;}
.topo.home .topo-principal a:hover {color:#fff; background:#3ea2db;}
.topo.home .topo-redes a:hover {color:#f9f9f9;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.hold-top {height:auto; padding-top:100vh; background:#111;}
	.topo.home {position:relative; right:auto; left:auto; bottom:auto;}
	.topo.home .topo-principal a {color:#f9f9f9; background:#333;}
	.topo.home .topo-redes a {color:#f9f9f9;}
	.topo.home .topo-redes .facebook a {background:#3b5998;}
	.topo.home .topo-redes .instagram a {background:#c4018a;}
	.topo.home .topo-redes .twitter a {background:#55acee;}
	.topo.home .topo-redes .youtube a {background:#cd201f;}
	.topo.home .topo-redes .snapchat a {background:#ffb700;}
	.topo.home .topo-redes .playlists a {background:#60a72d;}
}	

/* mosaico */
.mosaic-hold {position:absolute; z-index:90; top:0; right:0; left:0; background:#111;}
.mosaic-hold, .mosaic-internal, .mosaic-internal article, .mosaic-internal figure {height:100vh;}

.mosaic-internal article {float:left; width:100%; background:#111;}

.mosaic-image {position:absolute; top:0; right:0; bottom:0; left:0;}
.mosaic-internal figure {position:relative; overflow:hidden;}
.mosaic-internal img {position:absolute; top:50%; left:50%; width:auto; height:100%;
-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
-webkit-filter:grayscale(100%); filter:grayscale(100%);}

.mosaic-box {position:absolute; top:50%; left:4em; right:4em; text-transform:uppercase; text-align:center;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.mosaic-internal h3 {position:relative; z-index:90; color:#3ea2db;}
.mosaic-internal h3 span {opacity:.5; font-size:600%; line-height:80%;}

.mosaic-social li {position:relative; z-index:100; display:inline-block; margin:1em .5em 0 .5em;}
.mosaic-social a {opacity:.5; color:#fff; font-size:75%; letter-spacing:.1em;
-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.mosaic-social a:hover {opacity:1; color:#3ea2db;}

.mosaic-internal article figure {opacity:.1;
-webkit-transition:opacity 1.5s ease-in-out; -moz-transition:opacity 1.5s ease-in-out; transition:opacity 1.5s ease-in-out;}
.mosaic-internal article.is-selected figure {opacity:.3;}

.flickity-enabled {position:relative;}
.flickity-enabled:focus {outline:none;}
.flickity-viewport {overflow:hidden; position:relative; height:100%;}
.flickity-slider {position:relative; width:100%; height:100%;}
.flickity-enabled.is-draggable {-webkit-tap-highlight-color:transparent; tap-highlight-color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor:move; cursor:webkit-grab; cursor:grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor:-webkit-grabbing; cursor:grabbing;}

.flickity-prev-next-button {cursor:pointer; position:absolute; top:2em; width:2em; height:2em; border:0; background:#111;}
.flickity-prev-next-button:hover {background:#3ea2db;}
.flickity-prev-next-button.previous {right:4em; border-radius:1px 0 0 1px;}
.flickity-prev-next-button.next {right:2em; border-radius:0 1px 1px 0;}

.flickity-prev-next-button svg {position:absolute; top:50%; left:50%; width:25%; height:25%; margin:-12.5% 0 0 -12.5%;}
.flickity-prev-next-button .arrow {fill:#fff;}

.mosaic-ctanews {position:absolute; z-index:200; top:2em; left:2em; height:2em;}
.mosaic-ctanews a {display:block; height:100%; padding:.5em 1.1em; color:#fff; font-size:60%; text-transform:uppercase;background:#3ea2db; border-radius:1px;}
.mosaic-ctanews a:hover {color:#f9f9f9; background:#111;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.mosaic-hold, .mosaic-internal, .mosaic-internal article, .mosaic-internal figure {height:100vh;}
	.mosaic-box {left:.75em; right:.75em;}
	.mosaic-internal h3 span {font-size:120%; line-height:80%;}
	.mosaic-social li {display:block; margin:.25em 0 0 0; line-height:100%;}
	.mosaic-social a {font-size:55%;}
	.flickity-prev-next-button {top:auto; bottom:.75em; width:1.5em; height:1.5em;}
	.flickity-prev-next-button.previous {right:2.25em;}
	.flickity-prev-next-button.next {right:.75em;}
	.mosaic-ctanews {display:none;}
}

/* conteudo */
.conteudo {position:relative; z-index:80; border-width:2em; border-style:solid; border-color:transparent;}
.conteudo:before {content:''; position:absolute; z-index:-1; top:0; right:0; bottom:0; left:66%; border-left:1px dashed #ccc;}
.conteudo:after {content:''; display:table; clear:both;}

.mostra-conteudo {float:left; width:66%; border-right:2em solid transparent;}
.sidebar {float:left; width:34%; margin-top:-2em; border-left:2em solid transparent;}

.conteudo.full:before {display:none;}
.conteudo.full .mostra-conteudo {float:none; width:100%; border-right:0;}

.post-edit-link {color:#d95358; font-size:70%; font-weight:700; text-transform:uppercase;}

.conteudo p a {color:#111; text-shadow:2px 2px 0 #f9f9f9, -2px 2px 0 #f9f9f9, 2px 0 0 #f9f9f9, -2px 0 0 #f9f9f9;
box-shadow:inset 0 -2px 0 0 #f9f9f9, inset 0 -3px 0 0 #3ea2db;}
.conteudo p a:hover {box-shadow:inset 0 -2px 0 0 #f9f9f9, inset 0 -3px 0 0 #ccc;}

.share {margin:2em 0;}
.share:after {content:''; display:table; clear:both;}
.share .box {float:left; margin-right:.25em;}
.share .link-botao {display:block; color:#fff;}
.facebook-share .link-botao {background:#3b5998;}
.twitter-share .link-botao {background:#55acee;}
.pinterest-share .link-botao {background:#cb2027;}
.share .link-botao:hover {color:#555; background:#ccc;}

h1.titulo-post {font-size:180%; line-height:120%;}
h1.titulo-pagina {font-size:280%; line-height:100%;}
h1.titulo-pagina span {display:block; color:#666; font-size:60%;}

.post-info {color:#999; font-size:75%;}
.post-info a {color:#3ea2db; font-weight:700;
text-shadow:1px 1px 0 #f9f9f9, -1px 1px 0 #f9f9f9, 1px 0 0 #f9f9f9, -1px 0 0 #f9f9f9;
box-shadow:inset 0 -1px 0 0 #f9f9f9, inset 0 -4px 0 0 #ccc;}
.post-info a:hover {color:#999; box-shadow:inset 0 -1px 0 0 #f9f9f9, inset 0 -4px 0 0 #3ea2db;}

.artista-imagem {margin-bottom:1em;}
.artista-imagem img {border-radius:1px;}

.acompanhe-artista {margin:1em 0 1em 0;}
.acompanhe-artista:after {content:''; display:table; clear:both;}
.acompanhe-artista ul {margin-top:1em;}
.acompanhe-artista li {float:left; margin-right:.25em;}
.acompanhe-artista .site-oficial {float:right; margin:0;}
.acompanhe-artista .link-botao {display:block; color:#fff;}
.acompanhe-artista .facebook .link-botao {background:#3b5998;}
.acompanhe-artista .instagram .link-botao {background:#c4018a;}
.acompanhe-artista .twitter .link-botao {background:#55acee;}
.acompanhe-artista .youtube .link-botao {background:#cd201f;}
.acompanhe-artista .site-oficial .link-botao {background:#666;}
.acompanhe-artista .link-botao:hover {color:#555; background:#ccc;}

.link-ouca {display:block; margin:0; font-size:180%;}
.link-ouca {color:#fff;  background:#60a72d;}

.mostra-selos li {position:relative; margin-top:.75em;}
.mostra-selos li:after {content:''; display:table-cell; clear:both;}
.mostra-selos img {width:20%; border-radius:2px; -webkit-filter:grayscale(100%); filter:grayscale(100%);}
.nome-selos {position:absolute; top:50%; left:20%; margin-left:1em; font-size:70%;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.conteudo {border-width:1em .75em;}
	.conteudo:before {display:none;}
	.mostra-conteudo, .sidebar {float:none; width:100%; margin-top:0; border:0;}
	.share {margin:1em 0;}
	.share .box {float:left; margin-right:.1em;}
	.share .caixa-botao {display:none;}
	h1.titulo-post, h1.titulo-pagina {font-size:110%; line-height:100%;}
	h1.titulo-pagina span {display:block; color:#666; font-size:60%;}
	.post-info {font-size:60%;}
	.artista-imagem {margin-bottom:.5em;}
	.acompanhe-artista {margin:.5em 0 0 0;}
	.acompanhe-artista ul {margin-top:0;}
	.acompanhe-artista li, .acompanhe-artista .site-oficial {float:none; margin:0;}
	.acompanhe-artista li+li {margin-top:.25em !important;}
	.link-ouca {display:block; margin-top:.25em; font-size:inherit;}
	.link-ouca {color:#fff;  background:#60a72d;}
	.link-ouca strong {display:none;}
}

/* embed */
.post-video {overflow:hidden; position:relative; height:0; margin:2.2em 0;  padding:0 0 56.25% 0 !important;}
.post-video iframe, .post-video object, .post-video embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* feed */
.link-botao.link-mais {margin:1.2em 0 0 0; font-size:120%;}

.post-box+.post-box {margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.post-box:after {content:''; display:table; clear:both;}
.post-box figure {overflow:hidden; float:left; width:50%; padding-bottom:34%; position:relative; background:#111; border-radius:1px;}
.post-box img {position:absolute; left:50%; width:auto !important; height:100%;
-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.post-box article {float:left; width:50%; padding-top:.25em; border-left:1em solid transparent;}
.post-box article.sem-imagem {float:none; width:100%; padding:0; border:0;}
.post-box h1 {font-size:110%; line-height:100%;}
.post-box p {margin:.75em 0 .25em 0; font-size:80%; line-height:120%;}
.post-box .data {color:#999; font-size:70%;}

.artista-hold {margin:1em 0 0 -1em;}
.artista-hold:after {content:''; display:table; clear:both;}
.artista-box {overflow:hidden; float:left; width:33.333%; border-width:0 0 2em 1em; border-style:solid; border-color:transparent;}
.artista-box figure {overflow:hidden; position:relative; height:7.5em; margin-bottom:.5em; background:#999; border-radius:1px;}
.artista-box h1 {font-size:90%; line-height:100%; white-space:nowrap;}

.artista-feed {margin-top:2em; padding:2em; background:#eee; border-radius:1px;}
.artista-feed h6 {margin-bottom:2em;}
.artista-feed h6 span {background:#eee;}
.artista-feed p.nada {margin:0;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.link-botao.link-mais {margin:.5em 0 0 0; font-size:90%;}
	.post-box+.post-box {margin-top:1em; padding-top:1em;}
	.post-box figure, .post-box article {float:none; width:100%;}
	.post-box figure {padding-bottom:67%}
	.post-box article {border-left:0;}
	.post-box h1 {font-size:80%;}
	.post-box p {margin:.5em 0 0 0; font-size:60%;}
	.post-box .data {color:#999; font-size:60%;}
	.artista-hold {margin:.5em 0 0 -.5em;}
	.artista-box {width:50%; border-width:0 0 .5em .5em;}
	.artista-box figure {overflow:hidden; position:relative; height:2.5em; margin-bottom:.1em; background:#999; border-radius:1px;}
	.artista-box h1 {font-size:60%;}
	.artista-feed {margin-top:1em; padding:.5em;}
	.artista-feed h6 {margin:.5em 0 1em 0;}
}

/* navegacao posts */
.navegacao-posts {position:relative; margin-top:2em; border-top:1px dashed #ccc;}
.navegacao-posts:before {content:''; position:absolute; top:1em; bottom:0; left:50%; width:1px; border-left:1px dashed #ccc;}
.navegacao-posts:after {content:''; display:table; clear:both;}

.navegacao-posts .box {position:relative; width:50%; padding:1em;}
.navegacao-posts figure {overflow:hidden; position:relative; padding-bottom:67%; background:#111; border-radius:1px;}
.navegacao-posts img {position:absolute; left:50%; width:auto !important; height:100%;
-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}

.navegacao-posts .seta {margin-top:.5em; color:#999; letter-spacing:.1em; text-transform:uppercase;}
.navegacao-posts .seta span {font-size:60%;}

.navegacao-posts h3 span {display:block; font-size:80%; line-height:120%;}
.navegacao-posts a h3 {color:#555;}
.navegacao-posts a:hover h3 {color:#3ea2db;}

.navegacao-posts .box.next {float:left; padding-left:0;}
.navegacao-posts .box.previous {float:right; padding-right:0; text-align:right;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.navegacao-posts {margin-top:1em;}
	.navegacao-posts:before {top:.25em;}
	.navegacao-posts .box {padding:.25em;}
	.navegacao-posts .seta {margin:-.3em 0;}
	.navegacao-posts .seta span {font-size:45%;}
	.navegacao-posts h3 span {font-size:60%; line-height:110%;}
}

/* paginacao */
.paginacao {position:relative; clear:both; height:2em; margin-top:2em; text-align:center;}
.paginacao .first, .paginacao .before, .paginacao .last, .paginacao .next {position:absolute; top:0; margin:0;}
.paginacao .first {left:0; text-indent:-.025em;}
.paginacao .before {left:2.3em; text-indent:-.025em;}
.paginacao .last {right:0; text-indent:.025em;}
.paginacao .next {right:2.3em; text-indent:.025em;}
.paginacao i {font-size:70%; line-height:100%;}
.paginacao span {font-size:70%;}
.paginacao div {position:relative; display:inline-block; width:2em; height:2em; margin:0 .15em; background:#ccc; border-radius:1px;}
.paginacao a {display:block; height:100%; color:#555;}
.paginacao a:hover, .paginacao .selected {color:#fff; background:#3ea2db;}
.paginacao i, .paginacao span {display:block; position:relative; top:50%;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.paginacao span {padding-top:.1em;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.paginacao {height:1.3em; margin-top:1em;}
	.paginacao .first, .paginacao .last {display:none;}
	.paginacao .before {left:0;}
	.paginacao .next {right:0;}
	.paginacao div {width:1.3em; height:1.3em; margin:0 .1em;}
}

/* search box */
.search-box {margin:1.5em 0 2em 0;}
.search-box.home {margin-top:0;}
.sidebar-item .search-box {margin:0;}

.form-search {position:relative; height:3.5em;}
.form-search:before {content:''; position:absolute; z-index:80; top:0; right:0; bottom:0; width:3.5em; background:rgba(0,0,0,.2); border-radius:1px;}
.form-search input {outline:none; position:absolute; padding:0; border:0;}
.input-search, .button-search {height:100%;}
.input-search {z-index:70; left:0; width:100%; padding-top:.2em !important; color:#555; border-right:4em solid transparent !important; font-weight:700; text-indent:1em; background:#ccc; border-radius:1px;}
.button-search {z-index:100; cursor:pointer; right:0; width:3.5em; color:transparent; background:transparent;}
.show-icon {position:absolute; z-index:90; top:50%; right:0; width:3.5em; padding-top:.2em; color:#555; font-size:100%; text-align:center;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.form-search input[type=text]:focus {color:#fff; background:#3ea2db;}
.form-search input:focus + .show-icon {color:#fff !important;}

.form-search input::-webkit-input-placeholder {color:#555;}
.form-search input:-moz-placeholder {color:#555;}

.form-search input:focus::-webkit-input-placeholder {color:transparent;}
.form-search input:focus:-moz-placeholder {color:transparent;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.search-box {margin:1em 0;}
	.form-search {height:2em;}
	.form-search:before {width:2em;}
	.input-search {width:100%; border-right-width:3.5em !important; font-size:60%;}
	.button-search {width:2em;}
	.show-icon {width:3.2em; font-size:60%; text-align:center;}
}

/* sidebar */
.sidebar-item {margin-top:2em;}

.sidebar-item .link-botao {margin-top:1em;}

.mostra-noticias li {position:relative; margin-top:.75em;}
.mostra-noticias li:after {content:''; display:table-cell; clear:both;}
.mostra-noticias li+li {padding-top:.75em; border-top:1px dashed #ccc;}
.mostra-noticias figure {overflow:hidden; position:relative; padding-bottom:67%; background:#111; border-radius:1px;}
.mostra-noticias img {-webkit-filter:grayscale(100%); filter:grayscale(100%);
position:absolute; left:50%; width:auto !important; height:100%;
-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.mostra-noticias .titulo, .mostra-noticias .data {display:block; line-height:130%}
.mostra-noticias .titulo {margin-top:.5em; font-size:90%;}
.mostra-noticias .titulo a {color:#555;}
.mostra-noticias .titulo a:hover {color:#3ea2db;}

.sidebar-tags {margin-top:.75em;}
.sidebar-tags:after {content:''; display:table; clear:both;}
.sidebar-tags li {float:left; margin:.2em .2em 0 0;}
.sidebar-tags a {display:inline-block; padding:1.3em .75em 1.2em .75em; color:#555; font-size:70%; line-height:0; white-space:nowrap; background:#ccc; border-radius:1px;}
.sidebar-tags a:hover {color:#fff; background:#3ea2db;}

.sidebar-ctanews {position:relative; padding:2em; text-transform:uppercase; text-align:center; background:#f2f2f2; border-radius:1px;}
.sidebar-ctanews:after {content:''; position:absolute; top:.5em; right:.5em; bottom:.5em; left:.5em; border:.1em solid #ccc; border-radius:1px;}
.sidebar-ctanews h5, .sidebar-ctanews .link-botao {position:relative; z-index:100;}
.sidebar-ctanews h5 {color:#666; font-size:70%; line-height:120%;}
.sidebar-ctanews h5 i {display:block; margin-bottom:.5em; font-size:170%;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.sidebar-item {margin-top:1em;}
	.sidebar-item .link-botao {margin-top:.5em;}
	.mostra-noticias li {margin-top:.5em;}
	.mostra-noticias li+li {padding-top:.25em;}
	.mostra-noticias .titulo {margin-top:.5em; font-size:70%;}
	.sidebar-tags {margin-top:.25em;}
	.sidebar-tags li {float:left; margin:.1em .1em 0 0;}
	.sidebar-tags a {padding:1.2em .75em 1.2em .75em; font-size:55%;}
	.sidebar-ctanews { padding:1em;}
	.sidebar-ctanews:after {border-width:.05em;}
	.sidebar-ctanews h5 {font-size:60%;}
	.sidebar-ctanews .link-botao {margin-top:1em; font-size:80%;}
}

/* instagram feed */
.instagram-feed {position:relative; z-index:100;}
.instagram-rss {overflow:hidden; min-height:10em; background:#111;}
.instagram-rss:after {content:''; display:table; clear:both;}
.instagram-rss figure {opacity:.4; float:left; width:10%;}
.instagram-rss img {-webkit-filter:grayscale(100%); filter:grayscale(100%);}
.instagram-hold {position:absolute; top:50%; width:100%; color:#f9f9f9; text-align:center;
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.instagram-feed .link-botao {margin:0;
 -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.instagram-feed .link-botao:hover {color:#fff; background:#c4018a;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.instagram-rss figure {width:25%;}
	.instagram-feed .link-botao {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
	.instagram-feed .hide-mobile {display:none;}
}

/* contato */
.form-hold {margin-top:3em; font-size:70%;} 
.form-area,
.form-quiz .wpcf7-form-control-wrap
{display:block; position:relative; height:3.5em; margin:0; padding:0 0 0 6em;}

.form-title,
.wpcf7-quiz-label
{display:block; position:absolute; top:50%; left:0; width:6em; padding:.15em .75em 0 0; font-weight:700; text-transform:uppercase; text-align:right; 
-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.form-area input,
.form-quiz input,
.form-text textarea
{width:100%; margin:0; border:0 none; color:#111; font:300 100% Open Sans, sans-serif; background:#eee; border-radius:1px;}
.form-area input,
.form-quiz input
{height:3.5em; padding:0 1em;}
.form-text textarea {height:25em; padding:.75em;}

.form-area, .form-text textarea {margin-bottom:1em;}

.form-button {float:right; position:relative; width:30%; height:3.5em;}
.form-button input {width:100%; height:100%; padding-top:.2em; color:#f9f9f9; border:0; font-weight:700; text-transform:uppercase; letter-spacing:.1em; background:#111; border-radius:1px; outline:none;} 
.form-button input:hover {color:#fff; background:#3ea2db;}
.form-button:after {content:''; display:table; clear:both;}

.form-quiz {float:left; width:49%;}
.form-quiz br {display:none;}
.notice {display:block; margin-top:.5em; color:#999; font:400 90% Open Sans;}

.form-hold input[type=text]:focus, .form-hold  input[type=email]:focus, .form-hold textarea:focus {background:#fff6d2;}
.form-hold input[type=text], .form-hold input[type=email], .form-hold textarea {outline:none;}

div.wpcf7-response-output {clear:both; position:relative; top:2em; padding:1.5em .75em; color:#fff; font:700 60%/150% Catamaran; text-align:center; background:#3ea2db; border-radius:1px;}
div.wpcf7 .screen-reader-response {display:none;}

.wpcf7-not-valid-tip {position:absolute; z-index:100; top:-75%; left:7.45em; padding:.75em; color:#fff; font:700 80%/150% Catamaran; background:#d95358; border-radius:1px;}
.wpcf7-not-valid-tip:after {content:''; position:absolute; bottom:-7px; left:5px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #d95358;}
.form-quiz .wpcf7-not-valid-tip {}

span.wpcf7-list-item {margin-left:0.5em;}
.wpcf7-display-none {display:none;}
div.wpcf7 img.ajax-loader {position:absolute; left:-65px; bottom:1em; width:auto;}
div.wpcf7 div.ajax-error {display:none;}
div.wpcf7 .placeheld {color:#888;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.form-hold {margin-top:1em; font-size:55%;} 
	.form-area, .form-quiz .wpcf7-form-control-wrap {height:2.5em; margin:0; padding:0 0 0 4em;}
	.form-title, .wpcf7-quiz-label { width:4em; text-align:left;}
	.form-area input, .form-quiz input {height:2.5em; padding:0 .5em;}
	.form-text textarea {height:15em; padding:.5em;}
	.form-area, .form-text textarea {margin-bottom:.5em;}
	.form-button {float:none; margin:0 auto;}
	.form-quiz {float:none; width:100%;}
	.notice {margin:.5em 0 1em 0;}
	div.wpcf7-response-output {top:auto; margin:.5em 0; padding:.5em;}
	.wpcf7-not-valid-tip {top:-100%; left:0;}
}

/* cookie bar */
.cookies-bar {position:fixed; z-index:999; right:1em; bottom:1em; padding:.5em .5em .5em .75em; color:#f9f9f9; background:rgba(17,17,17,.8); border-radius:1px;}
.cookies-bar:after {content:''; display:table; clear:both;}

.text-cookie, .link-cookie {font-family:Catamaran; line-height:100%;}

.text-cookie {float:left; padding-top:.8em; font-size:65%; line-height:120%;}
.buttons-cookie {float:right; width:auto; padding-left:.5em; text-align:right; white-space:nowrap;}

.link-cookie {cursor:pointer; display:inline-block; margin-left:.25em; padding:.8em 1em .6em 1em; color:#fff; font-size:60%; font-weight:700; text-transform:uppercase; letter-spacing:.1em; border-radius:1px;}
.link-cookie.more {background:#666;}
.link-cookie.agree {background:#3ea2db;}
.link-cookie:hover {color:#111; background:#f9f9f9;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.cookies-bar {right:0; bottom:0; left:0; padding:.5em; border-radius:0;}
	.text-cookie, .buttons-cookie {float:none; padding:0;}
	.link-cookie {display:block; margin:.25em 0 0 0; padding:1em 0 .8em 0; text-align:center;}
}

/* icons */
[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-search:before{content:'\e800'}.icon-play:before{content:'\e801'}.icon-comment:before{content:'\e802'}.icon-globe:before{content:'\e803'}.icon-mail:before{content:'\e804'}.icon-music:before{content:'\e805'}.icon-headphones:before{content:'\e806'}.icon-ok:before{content:'\e807'}.icon-bookmark:before{content:'\e808'}.icon-cancel:before{content:'\e809'}.icon-clock:before{content:'\e80a'}.icon-tag:before{content:'\e80b'}.icon-star:before{content:'\e80c'}.icon-twitter:before{content:'\f099'}.icon-facebook:before{content:'\f09a'}.icon-rss:before{content:'\f09e'}.icon-menu:before{content:'\f0c9'}.icon-pinterest:before{content:'\f0d2'}.icon-gplus:before{content:'\f0d5'}.icon-double-left:before{content:'\f100'}.icon-double-right:before{content:'\f101'}.icon-angle-left:before{content:'\f104'}.icon-angle-right:before{content:'\f105'}.icon-laptop:before{content:'\f109'}.icon-youtube:before{content:'\f16a'}.icon-instagram:before{content:'\f16d'}.icon-spotify:before{content:'\f1bc'}.icon-copy:before{content:'\f1f9'}.icon-at:before{content:'\f1fa'}.icon-snapchat:before{content:'\f2ac'}