/* ------------------------------------------------------------------ Theme Name: Bruna Santana - Nov 2018 Description: Layout feito exclusivamente para o site a cima, proibido cópias ou modificações, SEJA CRIATIVO! =D =D =D Author URL: http://www.priim.com.br/ ********************************************************************* Curta o Priim no facebook: https://www.facebook.com/priimwebdes/ Gostou do layout? Entre em contato e solicite um orçamento! http://www.priim.com.br/#contato -------------------------------------------------------------------*/ /* -- Css -- */ html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;} html, body {height: auto; font: 12px sans-serif, arial, Trebuchet MS; text-align: justify; color: #7b7b7b; background: #fff url(images/bg.png) top center no-repeat; } /* -- Básico -- */ a {color: #a6627f; text-decoration: none;outline:none;} a:visited {} a:hover, a:active {color: #000; text-decoration: none;} b, strong, bold {color: #b9c832;} u {color: #777; text-decoration:none; } underline {color: #aaa; padding-bottom: 2px; border-bottom: 1px dashed #ccc; text-decoration:none; } i {font-family: georgia; color: #999999; } em {font-family: georgia; color: #999999; } t {font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 18px; overflow: hidden; color: #182020; } h2{font-family: roboto slab; font-style: italic; color: #262626;} h6{ width: 100%; margin: 10px; font-family: roboto slab; overflow: hidden; text-align: center; position: relative; font-weight:300; font-size: 30px; } h7{font-style: italic; font-family: 'Open-Sans,' sans-serif; line-height: 20px; margin-top: 20px; font-size: 14px; font-weight: 500; color: #666; } /* -- Demais Formatações -- */ .more-link{font-family: 'Open-Sans,' sans-serif; font-weight: 800; font-size: 15px; text-transform: uppercase; background: #f9f9f9; color: #e03b8e; padding: 5px; letter-spacing: 1px;} .links {width: 100%; margin: 0 0 5px 0;} .links ul,.links ul li {float:left; margin: 0; padding: 0; list-style-type:none;} .links li a {display: block; margin: 0; padding: 2px 2px 2px 5px; } .links ul li a:hover {} img.alignright {float: right; margin-left: 10px; margin-bottom: 1px; margin-top: 10px; } img.alignleft {float: left; margin-right: 10px; margin-bottom: 1px; margin-top: 10px; } .aligncenter {margin: 0 auto; display: block; }.left, .alignleft {float: left; margin-left: 10px; margin-right:2%; } .right, .alignright {float: right; margin-right: 10px; margin-left:2%;} .alignnone {display: block; margin-left: -20px;} .wp-caption {position: relative; } .wp-caption-text {margin: 0 3% 0 0; padding: 3px 10px; position: absolute; left: 10px; bottom: 10px; background: url(images/back-caption.png) repeat; color: #fff; text-align: left; font: 12px Arial, serif; font-style: italic;} hr {clear: both; height: 1px;margin: 5px 0; border-top: 1px dotted #ebebeb; border-bottom: 0; border-left: 0; border-right: 0;} .seta-cima:before { content: ""; display: inline-block; position: absolute; margin-right: 10px; margin-top: -30px; margin-left: 30px; margin-bottom: 5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #9cb3b7;} destaque{width: 100%; font-family: 'roboto slab', sans-serif; text-align: center; display: inline-block; letter-spacing: 0px; position: relative; color: #262626; border-radius: 2px; font-size: 12px; z-index: 10000; padding: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: 300; } input, textarea, select, button { margin: 3px; width: 100%; padding:10px; font-size: 11px; background-color: #f8f8f8; color: #414141; border: 0px solid #ebebeb; outline:none;} .on{width: 100%; font-family: 'open sans', sans-serif; font-style: italic; text-align: center; display: inline-block; position: relative; color: #666; font-size: 14px; padding: 10px; margin-top: 5px; margin-bottom: 10px; border-bottom: 3px solid #EAEAEA; } /* -- Quote -- */ blockquote {font-size: 13px; padding: 20px; margin-top: 10px; margin-bottom: 10px; line-height: 25px; color: #666; font-weight: 400; background: rgba(255,255,255,0.3); border-left: 10px solid #fff; } /* -- Font Face -- */ @font-face {font-family: 'Nouvelle Vague'; src: url('fontes/NouvelleVague-Black.eot'); src: url('fontes/NouvelleVague-Black.eot?#iefix') format('embedded-opentype'), url('fontes/NouvelleVague-Black.woff') format('woff'), url('fontes/NouvelleVague-Black.ttf') format('truetype'); font-weight: 900; font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Italic.eot');src: url('fontes/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('fontes/OpenSans-Italic.woff') format('woff'), url('fontes/OpenSans-Italic.ttf') format('truetype');font-weight: normal;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Bold.eot');src: url('fontes/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-Bold.woff') format('woff'),url('fontes/OpenSans-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-SemiboldItalic.eot');src: url('fontes/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-SemiboldItalic.woff') format('woff'),url('fontes/OpenSans-SemiboldItalic.ttf') format('truetype');font-weight: 600;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans.eot');src: url('fontes/OpenSans.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans.woff') format('woff'),url('fontes/OpenSans.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-ExtraboldItalic.eot');src: url('fontes/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-ExtraboldItalic.woff') format('woff'),url('fontes/OpenSans-ExtraboldItalic.ttf') format('truetype');font-weight: 800;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Light.eot');src: url('fontes/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fontes/OpenSans-Light.woff') format('woff'),url('fontes/OpenSans-Light.ttf') format('truetype');font-weight: 300;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-BoldItalic.eot');src: url('fontes/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-BoldItalic.woff') format('woff'),url('fontes/OpenSans-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Semibold.eot');src: url('fontes/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-Semibold.woff') format('woff'),url('fontes/OpenSans-Semibold.ttf') format('truetype');font-weight: 600;font-style: normal;} @font-face {font-family: 'Open Sans';src: url('fontes/OpenSans-Extrabold.eot');src: url('fontes/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSans-Extrabold.woff') format('woff'),url('fontes/OpenSans-Extrabold.ttf') format('truetype');font-weight: 800;font-style: normal; } @font-face {font-family: 'Open Sans';src: url('fontes/OpenSansLight-Italic.eot');src: url('fontes/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),url('fontes/OpenSansLight-Italic.woff') format('woff'),url('fontes/OpenSansLight-Italic.ttf') format('truetype');font-weight: 300;font-style: italic;} /* -- Area inicial -- */ #page-total { background: transparent; height: auto; position: relative; display: block; width: 1100px; margin: 0px auto; margin-bottom: 0px; } #main { background: transparent; position: relative; display: block; overflow: hidden; width: 1100px; margin: 0px auto;} #page-metade { width: 750px; position: relative; float: left; margin-bottom: 13px; margin-top: 60px; } /* -- Final widgets -- */ .final{ background: #f7f7f7; height: auto; display: block; position: relative; margin-top: 30px; padding-top: 80px; padding-bottom: 30px;} .final .main-final { background: transparent; height: auto; position: relative; width: 1100px; margin: 0px auto;} .final .main-final .caixinha { padding: 0px;line-height: 24px;font-size: 13px; font-family: 'open sans', sans-serif; color: #666; display: inline-block; margin: 30px; position: relative; width: 300px; height: 300px; text-align: justify; } .final .main-final .caixinha .title {top: 0px; line-height: 40px; padding: 0px; text-align:center; font-family: open sans; font-size: 14px; color: #262626; background: #fff; display:block; position: relative; text-transform: uppercase; font-weight: 300; background: url(images/titu-side.png) no-repeat; width: 309px; height: 52px; margin-bottom: 10px; letter-spacing: 2px; } /* -- Footer e creditos -- */ .footer-info{ background: url(images/footer.png) center; width: 100%; height: 270px; overflow: hidden; } .footer-info .creditos {position: relative; cursor:pointer; font-family: 'open sans', sans-serif; font-weight: 500; text-transform: uppercase; padding-top: 10px; line-height: 35px; margin-top: 210px; color: #fff; font-size: 11px; text-align: right; background: url(images/creditos.png) right no-repeat; height: 44px; padding-right: 60px; } .footer-info .creditos a { color: #fff; } .footer-info .creditos a:hover { color: #b9c832;} /* -- Topo -- */ .topo img{height: 713px; text-align: center; display: block; margin-top: 0px; overflow: hidden; position: relative;} .logo img{height: 246px; text-align: center; display: block; margin-left: 0px; overflow: hidden; position: relative;} .anuncio{width: 1100px; background: url(images/anuncio.png) no-repeat; height: 110px; top: -15px; position: relative; } .welcome { width: 650px; top: 40px; margin-left: 340px; position: absolute; padding: 30px; border-radius: 4px; border: 1px solid #e6e6e6; } .welcome texto{font-size: 14px; font-family: 'open sans', sans-serif; position: relative; color: #666666; padding: 10px; line-height: 26px; font-style: italic; width: 100%; } /* -- disclaimer -- */ .disclaimer{display: block; width: 350px; height: auto; margin-left: 350px; margin-top: -230px; padding: 20px; font-family: open sans; font-style: italic; font-size: 12px; position: relative; color: #006564; line-height: 20px; background: #00aca9; } .disclaimer b {color: #006564;} /* Álbuns da galeria */ .fotos { width: 100%; background: #f6f6f6; height: auto; display: block; position: relative; margin: 40px auto; margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; } .fotos .camera { width: 100%; background: url(images/camera.png) top center no-repeat; height: 61px; margin-bottom: 30px; display: block; position: relative; z-index: 1000;} .album {margin: 10px; display: inline-block; overflow: hidden; position: relative; width: 160px; height: 250px; } .album img {display: block; height: 150px; width: 150px; -webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out; border: 1px solid #DDDDDD; padding: 3px; } .album:hover img{opacity: 0.5;} .album:hover { background: #fff url(images/foto.png) top center no-repeat; margin: 10px; display: inline-block; overflow: hidden; position: relative; width: 160px; height: 250px; opacity: 0.9; } .album-titulo {font-family: 'open sans', serif; text-align: center; font-size: 12px; background: #f3f3f4; line-height: 22px; padding: 10px; color: #000; margin-top: 5px; display: block; overflow:hidden; font-weight: 600; -webkit-transition:All 0.9s ease-in-out; text-transform: uppercase; } .album-titulo a { color: #666; margin: auto; } /* -- Menu galeria -- */ .menugaleria {position: relative; width:100%; text-align: center; margin: 20px auto; font-family: 'Playfair Display', serif; font-size: 14px; color: #000; padding-top: 10px; padding-bottom: 10px; line-height: 22px; font-weight: 800; } .menugaleria a{color: #e781a6; padding: 5px; border-bottom: 4px solid #fff; margin-left: 3px; margin-right: 3px; background: #fff; border-radius: 3px; } .menugaleria a:hover{color: #000; padding-bottom: 2px; background: #f6f6f6; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; border-bottom: 4px solid #000; } /* -- Menu principal -- */ .menualign { top: 0px; width: 1100px; height: 40px; padding: 0px; position: fixed; z-index: 100; display: block; } .menualign a.menuanimado {color: #fff; width: 100%; font-family: 'open sans', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 14px; display: block; text-align: left; position: relative; } .menualign a.menuanimado .icon { height: 32px; background: #af5d7a url(images/menu.png) no-repeat; width:100px; z-index: 10000000; display: block; right: 0px; position:fixed; margin-top: 20px; float: right; position: relative; border-radius: 4px; } .menualign a.menuanimado .icon:hover {background: rgba(0,0,0,0.3) url(images/menu.png) no-repeat; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; } .menuinfo{-webkit-border-radius: 0px 10px 0 0; border-radius: 0px 10px 0 0; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; line-height: 35px; color: #fff; width: 50%; margin-top: 70px; float: right; right: 10px; position: absolute; } .menuinfo a { width: 100%; margin-bottom: 5px; text-align: right; background: rgba(0,0,0,0.3); display: inline-block; color: #fff; padding-right: 10px; text-transform: uppercase; height: 40px; line-height: 40px; font-family: 'open sans', sans-serif; font-weight: 400; font-size: 12px; -webkit-transition:All 0.3s ease-in-out; right: 0px; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; -webkit-border-radius: 3px; border-radius: 3px;} .menuinfo a:hover {color: #000; background: rgba(255,255,255,0.1); -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; font-weight: 800; } /* -- Redes -- */ .redes {display:block; height: 30px; width: 230px; z-index: 10000000; position: absolute; top: 10px; left: 0px; } .redes .f { background: url(images/f2.png); border-radius: 50%; width: 30px; height: 30px; margin: 3px; position: relative; display: inline-block; } .redes .f:hover { background: rgba(0,0,0,0.0) url(images/f2.png); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .redes .t { background: url(images/t2.png); border-radius: 50%; width: 30px; height: 30px; margin: 3px; position: relative; display: inline-block; } .redes .t:hover { background: rgba(0,0,0,0.0) url(images/t2.png); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .redes .i { background: url(images/i2.png); border-radius: 50%; width: 30px; height: 30px; margin: 3px; position: relative; display: inline-block; } .redes .i:hover { background: rgba(0,0,0,0.0) url(images/i2.png); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .redes .y { background: url(images/yt.png); border-radius: 50%; width: 20px; height: 20px; margin: 7px; position: relative; display: inline-block; } .redes .y:hover { background: rgba(0,0,0,0.0) url(images/yt.png); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} /* -- Slide -- */ .pix_diapo { height: 280px; width: 300px; overflow: hidden; position: relative; margin-bottom: 10px; } .pix_diapo > div { height: 280px; width: 300px; overflow: hidden; } #pix_prev, #pix_next { cursor: pointer; height: 40px; position: absolute; top: 50%; width: 40px; z-index: 1001;} #pix_prev { background: url(images/prev.png) no-repeat; left: 10px;} #pix_next { background: url(images/next.png) no-repeat; left: auto!important; right: 10px!important;} .imgFake {cursor: pointer;} .elemHover {position: relative;} .caption { text-align: left; } .caption a {color: #fff; padding: 10px; } .caption a:hover{color: #000;} .ui-loader {display: none;} /* -- Destaques-- */ .destaques { height: 280px; background: #fff url(images/slide.png) no-repeat; width: 300px; overflow: hidden; position: relative; display: block; } .destaques:hover { background: #d9ea3b; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; } .destaques .postdestacada img{ width: auto; height: auto; opacity: 0.2; } .destaques .titulo a{font-size: 18px; width: 90%; line-height: 20px; left: 20px; bottom: 20px; font-family: 'open sans', sans-serif; position: absolute; color: #fff; font-weight: 300; z-index: 100; text-align: left; text-transform: none; } .destaques .titulo a:hover{color: #000; } .destaques .data {font-size: 14px; width: 40px; bottom: 65px; left: 20px; font-family: 'open sans', sans-serif; position: absolute; color: #000; font-weight: 800; z-index: 100; text-align: center; background: #fff; padding: 1px 3px 1px 3px; } .destaques cat {font-size: 13px; top: 20px; left: 20px; font-family: 'open sans', sans-serif; position: absolute; color: #fff; letter-spacing: 2px; font-weight: 300; z-index: 100; text-align: center; text-transform: uppercase; } /* -- Compartilhe -- */ .compartilhe-pequeno {width: 30px; right: 10px; height: 90px; top: 10px; text-align: center; position: absolute; z-index: 1000; } .compartilhe-pequeno a {margin-top: -2px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .compartilhe-pequeno a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .compartilhe-pequeno .twi {height: 30px; line-height: 20px; background: #55acee url(images/share-twi.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block; width: 30px; } .compartilhe-pequeno .face {line-height: 20px; width: 30px; height: 30px; background: #4862a3 url(images/share-face.png) no-repeat; background-size: 100%; background-position: 0px; display: inline-block; } .compartilhe-pequeno .goo {height: 30px; background: #e92c2c url(images/share-goo.png) no-repeat; background-size: 100%; background-position: top left; line-height: 20px; width: 30px; display: inline-block;} .compartilhe-single {width: 100px; right: 15px; float: right; height: 30px; top: 70px; text-align: center; position: absolute; z-index: 1000; } .compartilhe-single a {margin-top: 0px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .compartilhe-single a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .compartilhe-single .twi {height: 30px; line-height: 20px; background: #55acee url(images/share-twi.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block; width: 30px; } .compartilhe-single .face {line-height: 20px; width: 30px; height: 30px; background: #4862a3 url(images/share-face.png) no-repeat; background-size: 100%; background-position: 0px; display: inline-block; } .compartilhe-single .goo {height: 30px; background: #e92c2c url(images/share-goo.png) no-repeat; background-size: 100%; background-position: top left; line-height: 20px; width: 30px; display: inline-block;} /* -- Instagram -- */ .instagram {width: 100%; position: relative; z-index: 1000; } .instagram .icon {height: 30px; line-height: 20px; background: rgba(0,0,0,0.3) url(images/instacol.png) left no-repeat; padding: 5px; border-radius: 5px; width: 150px; margin: auto; color: #fff; position: relative; top: 130px; text-transform: uppercase; font-family: open sans; font-weight: 800; font-size: 10px; line-height: 30px; text-align: right;} /* -- Ultimos posts -- */ .larg {width: 1200px; margin-top: 30px; } .last-post{float: left; overflow: hidden; position: relative; width: 335px; height: 500px; margin-right: 25px; margin-bottom: 25px; } .last-post .postdestacada img{ width: auto; height: auto; margin-top: 0px; } .last-post .postdestacada img:hover { opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .last-post .titulo{position: relative; font-weight: 800; height: auto; margin-left: 0px; color: #000; padding: 10px; margin-top: 0px; text-align: left; border-bottom: 1px solid #f4f4f4; } .last-post .titulo a{ font-family: 'Playfair Display', serif; font-style: italic; font-size: 20px; overflow: hidden; line-height: 26px; letter-spacing: 0px; background: #fff; color: #000; } .last-post:hover .titulo a{ color: #e56997; } .last-post .data { width: 40px; height: 40px; color: #fff; text-transform: uppercase; letter-spacing: 0px; font-weight: 800; font-family: open sans; font-size: 12px; text-align: center; position: absolute; top: 10px; left: 10px; border-radius: 100%; margin: auto; padding: 3px; z-index: 100; background: rgba(202,105,148,0.7); line-height: 40px;} .last-post .categorias{color: #c5c5c5; letter-spacing: 1px; font-family: open sans; margin-left: 15px; font-size: 9px; top: 15px; position: relative; text-transform: uppercase; } .last-post .categorias a{color: #e56997; } .last-post .categorias a:hover{color: #262626; } .last-post .texto {font-family: open sans; font-size: 12px; position: relative; padding: 20px; top: 10px; color: #666; line-height: 20px;} #page-total .last-post:nth-child(2) .data{ background: rgba(0,0,0,0.7); } #page-total .last-post:nth-child(2) .titulo a{ color: #e56997; font-weight: 800; } #page-total .last-post:nth-child(4) .data{ background: rgba(0,0,0,0.7); } #page-total .last-post:nth-child(4) .titulo a{ color: #e56997; font-weight: 800;} #page-total .last-post:nth-child(6) .data{ background: rgba(0,0,0,0.7); } #page-total .last-post:nth-child(6) .titulo a{ color: #e56997; font-weight: 800; } /* -- Post Single -- */ .post-single{display: block; width: 725px; margin: 0px; position: relative; float: right; margin-left: 0px; } .post-single .titulo{position: relative; font-weight: 800; height: auto; margin-left: 0px; color: #000; padding: 10px; margin-top: 0px; text-align: center; border-bottom: 1px solid #f4f4f4; } .post-single .titulo a{ font-family: 'Playfair Display', serif; font-style: italic; font-size: 28px; overflow: hidden; line-height: 26px; letter-spacing: 0px; color: #a6627f; } .post-single:hover .titulo a{ color: #e56997; } .post-single .texto { font-size: 12px; font-family: 'open sans', sans-serif; position: relative; color: #666; margin-top: 10px; padding: 30px 30px 30px 30px; line-height: 24px; margin-bottom: 30px; } .post-single .texto a{ color: #000; font-weight: 800; font-family: 'open sans', sans-serif; font-style: italic; } .post-single .postdestacada img{ width: auto; margin: 0 auto; height: auto; } .post-single .data { width: 40px; height: 40px; color: #fff; text-transform: uppercase; letter-spacing: 0px; font-weight: 800; font-family: open sans; font-size: 12px; text-align: center; position: absolute; top: 10px; left: 10px; border-radius: 100%; margin: auto; padding: 3px; z-index: 100; background: rgba(202,105,148,0.7); line-height: 40px; } .post-single .categorias{color: #666; font-family: open sans; text-align: center; font-size: 9px; top: 30px; position: relative; display: inline-block; z-index: 1000; margin: auto; text-transform: uppercase; width: 100%; line-height: 24px;} .post-single .categorias a{color: #666; border-radius: 2px; background: #f2f2f2; padding: 3px 5px 3px 5px; } .post-single .categorias a:hover{color: #538786; } .post-single .h2{ margin: auto; width: 100%; text-align: center; display: inline-block; border-top: 1px solid #e5e9ea; border-bottom: 1px solid #e5e9ea; padding: 5px; border-radius: 0px; color: #6f6f6f; margin-top: 20px; margin-bottom: 10px; position: relative; font-family: 'open sans', sans-serif; font-size: 10px; z-index: 10; text-transform: uppercase; } /* -- Galeria: miniaturas e links dos álbuns -- */ .post-single .texto-single h4 {width: 95%; overflow: hidden; text-align: center; margin: 20px auto; height: auto; position: relative; padding-left: 20px; padding-bottom: 20px; border-top: 0px solid #E5E5E5; border-bottom: 0px solid #E5E5E5;} .post-single .texto-single h4 img { width: 130px; height: 130px; cursor:pointer; background: #fff; padding: 10px; float: left; margin-left: 0px; margin-right: 10px; margin-top: 20px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;} .post-single .texto-single h4 img:hover { background: #00aca9; float: left; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; } /* -- New Share -- */ .newshare {width: 200px; height: 26px; margin-top: 0px; margin-bottom: 20px; text-align: center; position: relative; z-index: 1000; } .newshare a {margin-top: 5px; margin-right: 15px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .newshare a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .newshare .twicol { width: 25px; height: 26px; line-height: 20px; background: url(images/twicol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} .newshare .facecol { width: 23px; height: 26px; line-height: 20px; background: url(images/facecol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} .newshare .wppcol { width: 27px; height: 26px; line-height: 20px; background: url(images/wppcol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} .newshare .goocol { width: 27px; height: 26px; line-height: 20px; background: url(images/goocol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} /* -- Posts relacionados -- */ .postsrelacionados {position: relative; display: block; margin-top: 10px; padding: 0px; margin-bottom: 10px; overflow: hidden;} .relacionados {position: relative; float: left; width: 220px; height: 330px; border-radius: 3px; margin: 10px; overflow: hidden; } .relacionados:hover{ opacity: 0.5;-moz-transition-property: all;-moz-transition-duration: 0.5s;-webkit-transition-property: all;-webkit-transition-duration: 0.5s;-o-transition-property: all;-o-transition-duration: 0.5s;transition-property: all;transition-duration: 0.5s;border-radius: 0px; } .relacionados .titulo { font: 14px 'roboto slab'; position: relative; margin-top: 10px; color: #f0a9b2; padding: 10px; border: solid #dddddd 1px; border-radius: 3px; width: 196px; } .relacionados .titulo a{color: #262626; overflow:hidden; line-height: 10px;} .relacionados .titulo a:hover{color: #9ca0b2; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;} .relacionados .data { width: 60px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-family: open sans; font-size: 11px; text-align: center; height: auto; position: absolute; top: 10px; left: 10px; border-radius: 3px; margin: auto; padding: 3px; z-index: 100; background: rgba(161,166,182,0.7); } /* -- Compartilhe -- */ .compartilhe-single {width: 200px; left: 20px; height: 30px; margin-top: -50px; font-family: 'vidaloka', sans-serif; text-align: center; position: relative; z-index: 1000; font-weight: 400;font-style: italic; color: #202020; font-size: 14px; letter-spacing: 0px; } .compartilhe-single a {margin-top: 5px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .compartilhe-single a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .compartilhe-single .twi {height: 30px; line-height: 20px; background: #55acee url(images/share-twi.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block; width: 30px; } .compartilhe-single .face {line-height: 20px; width: 30px; height: 30px; background: #4862a3 url(images/share-face.png) no-repeat; background-size: 100%; background-position: 0px; display: inline-block; } .compartilhe-single .goo {height: 30px; background: #e92c2c url(images/share-goo.png) no-repeat; background-size: 100%; background-position: top left; line-height: 20px; width: 30px; display: inline-block;} .newshare {width: 200px; height: 26px; margin-top: 0px; text-align: center; position: relative; z-index: 1000; } .newshare a {margin-top: 5px; margin-right: 15px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: none;} .newshare a:hover {opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .newshare .twicol { width: 25px; height: 26px; line-height: 20px; background: url(images/twicol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} .newshare .facecol { width: 23px; height: 26px; line-height: 20px; background: url(images/facecol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} .newshare .wppcol { width: 27px; height: 26px; line-height: 20px; background: url(images/wppcol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} .newshare .goocol { width: 27px; height: 26px; line-height: 20px; background: url(images/goocol.png) no-repeat; background-size: 100%; background-position: top left; display: inline-block;} /* -- Botão modo completo -- */ .all{ font-family: 'open sans', sans-serif; width: 90%; text-align: left; position: relative; font-size: 13px;font-weight: 600; letter-spacing: 1px; position: relative; margin: 10px; color: #00aca9; border: 1px solid #e6e6e6; padding: 20px; text-transform: uppercase; overflow: hidden; height: auto; cursor:pointer; } .all a{ color: #e56997; } .all c{color: #e56997; font-weight: 800; } .all:hover{ color: #262626;} .all2{ font-family: 'open sans', sans-serif; width: 96%; text-align: center; position: relative; font-size: 13px;font-weight: 600; letter-spacing: 1px; position: relative; margin-top: 0px; color: #00a2a8; background: #f3f3f4; padding: 20px; text-transform: uppercase; overflow: hidden; height: auto; cursor:pointer; } .all2 a{ color: #00a2a8; } .all2 c{color: #b9c832; font-weight: 800; } .all2 a:hover{ color: #000;} /* -- Sidebar -- */ aside#sidebar {width: 300px; padding: 0px; color: #666; position: relative; display: block; margin: 10px auto; float: right;} aside#sidebar .caixinha-side { padding: 0px;line-height: 25px;font-size: 14px; font-family: 'open sans', sans-serif; color: #666; display: block; margin-top: 10px; margin-bottom: 15px; position: relative; width: 300px; } aside#sidebar .caixinha-side .titu {top: 0px; line-height: 40px; height: 42px; padding-left: 10px; width: 300px; margin-left: 0px; text-align:left; font-family: playfair display; font-size: 22px; color: #331223; display:block; position: relative; font-weight: 300; } aside#sidebar .caixinha-side texto {margin-top: 10px; font-family: open sans; font-size: 13px; color: #666; display:block; position: relative; padding: 10px; } aside#sidebar .caixinha-side .feedtt {width: 300px; height: 500px; background: url(images/feedtwitter.png); position: relative; display: block; } /* -- Segunda Sidebar -- */ #sidebar-dupla { display: block; width: 300px; position: relative; margin-bottom: 10px; margin: 10px auto;} /* -- caixinhas index -- */ .indexbox { width: 100%; height: auto; position: relative; margin-top: 60px; padding-bottom: 20px; margin-bottom: 20px; display: block; background: #2a292b; } .indexbox .box { width: 1100px; height: auto; position: relative; display: block; margin: auto; } .indexbox .caixinha { padding: 0px;line-height: 24px;font-size: 13px; font-family: 'open sans', sans-serif; color: #666; display: inline-block; margin-left: 20px; margin-right: 20px; margin-top: 30px; position: relative; width: 320px; height: auto; text-align: justify; } .indexbox .caixinha .title {top: 0px; line-height: 20px; padding: 0px; text-align:left; font-family: open sans; color: #666; display:block; position: relative; width: 309px; height: 52px; margin-bottom: 10px; } .indexbox .caixinha .title c{ color: #dba56a; font-size: 26px; } .indexbox .caixinha .title d{ font-size: 13px; color: #617f84; font-family: georgia; font-style: italic; } .indexbox .caixinha .title .faceamarelo{width: 33px; height: 31px; background: url(images/faceamarelo.png) no-repeat; background-size: 100%; background-position: top right; display: block; float: right; right: 0px; top: 0px; } .indexbox .caixinha .title .insamarelo{width: 30px; height: 30px; background: url(images/insamarelo.png) no-repeat; background-size: 100%; background-position: top right; display: block; float: right; right: 0px; top: 0px; } .indexbox .caixinha .title .coraamarelo{width: 35px; height: 31px; background: url(images/coraamarelo.png) no-repeat; background-size: 100%; background-position: top right; display: block; float: right; right: 0px; top: 0px; } .indexbox .caixinha .quadro{ background: #1f1e1f; padding: 20px; } /* -- Random -- */ .random{display: block; width: 300px; position: relative; } .random img{border-radius: 3px; margin-top: 10px; } .random .titulo{ padding: 20px; width: 82%; font: 14px 'roboto slab'; color: #9ca0b2; border: 1px solid #dddddd; margin-top: 5px; margin-bottom: 5px; font-weight: 500; position: relative; border-radius: 3px; text-align: left; } .random .titulo a{ font: 14px 'roboto slab'; position: relative; color: #f0a9b2; } .random .titulo a:hover {color: #9ca0b2; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .random .texto {font-family: open sans; font-size: 12px; position: relative; padding: 0px; top: 10px; color: #666; line-height: 20px;} .random .data { width: 60px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-family: open sans; font-size: 11px; text-align: center; height: auto; position: relative; float: right; right: 10px; line-height: 14px; margin-top: 0px; margin-left: 0px; padding: 3px; border-radius: 3px; padding: 3px; z-index: 100; background: rgba(205,132,141,0.5); } /* -- Tooltip -- */ #tooltip {font-family: 'open sans', sans-serif; max-width: 200px; padding: 3px; margin: 20px 0px 0px 0px; background-color: #fff; font-size: 9px; text-transform: uppercase; letter-spacing: 0px; color: #1b1f28; z-index: 500000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 1px;} /* -- Comentários -- */ .coments { background: #fff; padding: 20px; line-height: 20px; } /* -- Search -- */ #search { width:180px;height:40px; top: 0px; float: left; left: 150px; z-index: 10000000000; position: absolute; padding: 10px; display: block; } #search form {} #search fieldset {margin: 0;padding: 0;border: none; background: transparent;} #search p {margin: 0;font-size: 85%;} #s {background: rgba(0,0,0,0.0); width: 140px; margin-left: 30px; border: 1px solid rgba(255,255,255,0.0); font-family: 'open sans', sans-serif; font-style: italic; font-size: 12px; color: #a9a1b0; letter-spacing: 0px; display: block; padding-right: 10px; padding-left: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;} #s:focus { background: rgba(28,28,28,0.0); margin-left: 30px; border:none; font-family: 'open sans', sans-serif; font-style: italic; font-weight: 500; font-size: 12px; color: #a9a1b0; letter-spacing: 0px; display: block; padding-right: 10px; padding-left: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;} #searchsubmit {font-weight: 500; font-family: 'open sans', sans-serif; background: url(images/lupa.png) no-repeat; border:none; color:#a9a1b0; height: 36px; display: inline-block; left: 4px; cursor:pointer; width: 36px; position: absolute; top: 13px; margin-top: 0px; text-transform: uppercase; font-size: 0px;} /* -- Paginação -- */ .paginacao a, .paginacao span { float:left; padding: 10px; width: 20px; height: 20px; line-height: 20px; margin-top: 20px; text-align:center; font-family: 'Montserrat', sans-serif; border:1px solid #FFFFFF; background: #FFFFFF; margin-right:10px; border-radius:50%; font-weight:400; position: relative; font-size: 14px; } .paginacao a, .paginacao span:hover { border:1px solid #FFFFFF; } /* -- Parceiros -- */ .parceiros {background: #fff; padding: 5px; display: block; width: 300px; right: 0px; float: right; margin-top: -250px; position: relative; height: 234px; } .parceiros img { height: 234px; width: 300px; } .parceiros .umparceiro { height: 234px; width: 300px; } .parceiros .umparceiro img { height: 234px; width: 300px; } .titlepar {display: inline-block; z-index: 1000; position: absolute; font-family:"open sans"; font-size: 20px; font-weight: 800; color: #00aca9; text-align: right; padding: 3px; right: 10px; margin-top: -300px; } .titlepar c {display: inline-block; bottom: 10px; z-index: 1000; position: absolute; font-family:"open sans"; font-size: 12px; font-weight: 500; color: #b9c832; text-align: right; padding: 3px; right: 10px; font-style:italic; } .parceiros .umparceiro .titu {display: inline-block; bottom: 10px; z-index: 1000; position: absolute; font-family:"open sans"; font-size: 14px; font-weight: 800; color: #00aca9; text-align: right; padding: 3px; right: 10px; text-transform:uppercase; background: #fff; } /* -- Comentários -- */ .coments { background: #fff; margin-top: 30px; padding: 20px; line-height: 20px; } .comments-area { margin: 30px auto;max-width: 100%;font-size: 12px;} .comments-area textarea {width: 100%;} .comments-area a{font-family: 'open sans'; text-transform: uppercase; font-size: 10px;} .comment-body { border: 1px solid #ddd; background: #fff; width: 95%; padding: 15px; margin-bottom: 10px;} .comment-reply-title, .comments-title {font-size: 14px; text-align: center; width: 80%; margin: auto; color: #000; font-family: 'open sans', sans-serif; font-weight: 500; } .comment-list {list-style: none; left: 0px; } .comment-author {font-size: 14px;line-height: 1.7142857142;} .comment-list .reply,.comment-metadata {font-size: 10px;text-transform: uppercase;} .comment-reply-link {padding: 5px 10px;color: #fff;display: inline-block;background: #666; font-family: 'roboto slab'; font-size: 12px; font-weight: 800; } .comment-reply-link:hover {color: #666;background: #fff; } .comment-author .fn {font-style: none; color: #f0a9b2; font-weight: 300; font-family: 'roboto slab'; text-align: left; font-size: 20px; } .comment-list article, .comment-list .pingback,.comment-list .trackback {border-top: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 24px;padding-top: 24px;} .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child {border-top: 0;} .comment-author {position: relative;} .comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); height: 18px; padding: 2px;position: absolute; top: 0; right: 0; float: right; width: 18px;} .says { display: none;} .comment-author, .comment-awaiting-moderation, .comment-content, .comment-metadata { padding-left: 0px; } .comment-edit-link { margin-left: 10px;} .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word;} .comment-content ul, .comment-content ol { margin: 0 0 24px 22px;} .comment-content li > ul, .comment-content li > ol { margin-bottom: 0;} .comment-content > :last-child { margin-bottom: 0;} .comment-list .children { list-style: none; margin-left: 10px;} .comment-respond { margin-bottom: 24px; padding: 0;} .comment .comment-respond { margin-top: 24px;} .comment-respond h3 { margin-top: 0; margin-bottom: 24px;} .comment-notes,.comment-awaiting-moderation,.logged-in-as,.no-comments,.form-allowed-tags, .form-allowed-tags code { color: #767676;} .comment-notes,.comment-awaiting-moderation, .logged-in-as {font-size: 14px; line-height: 1.7142857142;} .no-comments {font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px;text-transform: uppercase;} .comment-form label {display: block;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%;} .form-allowed-tags, .form-allowed-tags code { font-size: 12px;line-height: 1.5;} .required { color: #c0392b;} .comment-reply-title small a {color: #2b2b2b; float: none; overflow: hidden; font-size: 12px; display: block;clear: both;} .comment-navigation { font-size: 12px; line-height: 2;margin-bottom: 48px;text-transform: uppercase;} .comment-navigation .nav-next, .comment-navigation .nav-previous { display: inline-block;} .comment-navigation .nav-previous a {margin-right: 10px;} #comment-nav-above { margin: 15px 0;} /****** ------------------ Style Responsivo ------------------ ********/ @media only screen and (min-width: 240px) and (max-width: 800px) { #sli{display:none; } html, body { background-size: 170%; overflow-x: hidden; background-position: top 0px center; position: relative; } #page-total {margin: 0 auto; width: 100%; position: relative; } #main {margin: 0 auto; width: 100%; position: relative; } #page-metade {margin: auto; width: 100%; padding-bottom: 10px; position: relative; } .anuncio { display:none; } .barra{ display:none; } .welcome { width: 80%; top: 0px; margin: 0px auto; position: relative; padding: 30px; border-radius: 4px; border: 1px solid #e6e6e6; } .topo img{width: 100%; display:block; height: auto; } .logo img{height: 246px; text-align: center; display: block; margin: 0px auto; overflow: hidden; position: relative;} .postdestacada img{ width: 100%; margin: 0px auto; position: relative; } aside#sidebar{max-width: 340px; margin: auto; margin-bottom: 10px; position: relative; float: none; overflow-x: hidden; overflow-y: hidden; } destaque {width: 100%; position: relative; height: auto; margin: 30px auto; } #search {display: none;} .atu { margin: 20px auto; } .final{ width: 100%; height: auto; margin-top: 40px; } .final .main-final { width: 100%; margin: 0px auto;} .disclaimer{display: block; max-width: 300px; height: auto; margin: 0px auto; } .parceiros {max-width: 300px; float: none; margin: 80px auto; position: relative; } .titlepar { margin-top: 0px; } .footer-info{ width: 100%; } .fotos {display:none; } .album {display:none; } .menugaleria{display:none; } .redes {display:none; } .larg{ width: 90%; margin: auto; } .last-post{float: none; margin-right: 0px; position: relative; max-width: 310px; margin: auto; margin-bottom: 10px; } .post-single{width: 100%; position: relative; background: #fff; height: auto; margin: 20px auto; } .post-single .postdestacada img{ width: 100%; margin: 0px auto; position: relative; } .post-single .titulo { width: 80%; height: auto; padding: 5px; left: 0px; position: relative; top: 10px; margin: auto; } .post-single .categorias{ background: #fff; color: #666; text-align: center; margin-top: -20px; position: relative; padding-left: 30px; } .post-single .texto { width: 80%; position: relative; background: #fff; margin-bottom: 30px; } .post-single .texto h4 {width: 100%;} .post-single .texto h4 img{width: 20%; height: auto; padding: 5px; margin-right: 3px; } .post-single .leia{ width: 100%; text-align: center; top: 20px; z-index: 100000000;} .post-single .com{ width: 100%; display: inline-block; position: relative;font-size: 14px; font-family: 'open sans', sans-serif;font-weight: 800; text-align: right; right: 20px; top: 5px;} .compartilhe-single { display: none; } .postsrelacionados {position: relative; display: block; padding: 0px; margin-bottom: 10px; overflow: hidden; width: 100%; } .relacionados {position: relative; float: none; max-width: 220px; height: 300px; margin: auto; overflow: hidden; } .comments-area { margin: 30px auto; max-width: 80%;} .menualign { width: 97%;} }