/* ------------------------------------------------------------------ Theme Name: Kendall Brasil - Agosto 2017 Description: Layout feito exclusivamente para o site a cima, proibido cópias ou modificações, SEJA CRIATIVO! =D =D =D Author: Mary P. Augusto 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: #f9f9f9 url(images/bg.png) no-repeat; background-position: top 125px center;} /* -- Básico -- */ a {color: #77aad4; text-decoration: none;outline:none;} a:visited {} a:hover, a:active {color: #000; text-decoration: none;} b, strong, bold {color: #f72c22;} 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; } h6{ width: 100%; margin: 10px; overflow: hidden; text-align: center; position: relative; font-size: 18px; } 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: 700; font-size: 14px; color: #000; } .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; width: 277px; height: auto; margin: 0; padding: 2px 2px 2px 5px; color: #c8add8;border-bottom:1px solid #ebebeb;} .links ul li a:hover {color: #a6cadd;} 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-right:2%; } .right, .alignright {float: right; 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: 'open sans', sans-serif; text-align: center; display: inline-block; letter-spacing: 0px; text-transform: uppercase; position: relative; color: #262626; border-radius: 2px; font-size: 12px; z-index: 10; padding: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: 800; } input, textarea, select, button { margin: 3px; width: 100%; padding:10px; font-size: 11px; background-color: #f2f2f2; 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: 12px; padding: 20px; margin-top: 10px; margin-bottom: 10px; line-height: 25px; color: #666; font-weight: 400; background: rgba(255,255,255,0.9); border-left: 5px solid #e5e5e5; } /* -- 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; overflow: hidden; width: 1100px; margin: 0px auto;} #main { background: transparent; position: relative; display: block; overflow: hidden; width: 1100px; margin: 12px auto;} #page-metade {display: block; width: 725px; position: relative; float: left; overflow: hidden; margin-bottom: 13px; margin-top: 20px; } /* -- Footer -- */ .final{ background: #fff; position: relative; display: block; width: 100%; height: 260px; margin-top: 40px; margin-bottom: 0px; } .final .main-final { background: #fff; height: auto; position: relative; width: 1100px; margin: 0px auto;} .final .logo {background: url(images/logofooter.png); width: 360px; height: 230px; position: absolute; top: 0px; left: 0px; } .final .disclaimer{display: block; width: 680px; height: auto; margin: 40px auto; padding: 20px; border: 1px solid #f0f0f0; font-family: open sans; font-style: italic; font-size: 13px; position: relative; color: #666; line-height: 24px; border-radius: 2px; float: right; right: 0px; position: absolute; top: 0px; } .final .disclaimer b {color: #77aad4;} .footer-info { background: #202020; position: relative; padding: 0px; cursor:pointer; width: 100%; font-family: 'open sans', sans-serif; font-weight: 500; text-transform: uppercase; padding-top: 10px; line-height: 40px; margin-top: 0px; color: #666; font-size: 11px; margin-top: 0px; margin-bottom: 0px; text-align: center;} .footer-info a { color: #666; } .footer-info a:hover { color: #fff;} .creditos {width: 100%; height: auto; float: right; right: 0px; margin-top: -44px; position: relative; display: block; } .creditos .icon{ background: url(images/creditos.png); width: 50px; height: 44px; float:right; right: 0px; position: relative; } /* -- Topo -- */ .topo img{height: 440px; text-align: center; display: block; overflow: hidden; position: relative;} .anuncio { width: 97%; height: 90px; margin-top: -10px; padding: 15px; border: 1px solid #f0f0f0; background: url(images/anuncio1.png) no-repeat; margin-bottom: 20px; background-position: right 15px top 15px; display:block; } /* -- Atualizado -- */ .atu{ width: 100%; text-align: center; margin: auto;} .atualizado { font-style: italic; padding: 10px; font-size: 12px; font-family: open sans; color: #666; line-height: 14px; display: inline-block; position: relative; padding-right: 20px; padding-left: 30px; background: url(images/rel.png) no-repeat; background-position: 0px 2px; padding-top: 5px; padding-bottom: 5px; top: -5px; margin-left: 20px; margin-bottom: 10px; } .atualizado a { font-weight: 600; color: #666; } .tituu { display: inline-block; color: #77aad4; font-family: 'open sans'; font-size: 16px; text-transform: uppercase; font-weight: 800; } /* Faixa menuzinho */ .faixamenu{ display:none; } .faixamenu .total { background: transparent; height: auto; position: relative; display: block; overflow: hidden; width: 1100px; margin: 0px auto;} .faixamenu .total li{ list-style-type: none; display: inline-block; position: relative; margin-left: 0px;} .faixamenu .networks {display: block; height: 24px; width: 280px; z-index: 1000; position: relative; top: 22px; left: 5px; } .faixamenu .networks .f { background: url(images/f.png); width: 20px; height: 20px; margin: -5px; position: relative; display: inline-block; } .faixamenu .networks .t { background: url(images/t.png); width: 20px; height: 20px; margin: -5px; position: relative; display: inline-block; } .faixamenu .networks .yt { background: url(images/yt.png); width: 20px; height: 20px; margin: -5px; position: relative; display: inline-block; } .faixamenu .networks .i { background: url(images/i.png); width: 20px; height: 20px; margin: -5px; position: relative; display: inline-block; } .faixamenu .sigla { height: 124px; background: url(images/sigla.png) no-repeat; width:222px; z-index: 1000; display: block; float: right; margin-top: -75px; right: 0px; position:relative; } .faixamenu #search { background: #f2f2f2; width:420px; top: 70px; float: left; left: 155px; z-index: 1000; border-radius: 5px; position: absolute; display: block; padding: 5px; } .faixamenu .icon { height: 32px; background: url(images/menu.png) no-repeat; width:32px; z-index: 1000; display: block; left: 10px; position:relative; top: 28px; } .faixa {height: 125px; display: inline-block; text-align: left; z-index: 2000; padding-left: 35px; position: fixed; top: 0px; width:100%; background: #f9f9f9; font-family: open sans; font-size: 14px; text-transform: uppercase; } .faixa a{color: #000; padding: 0px; margin-left: 10px; margin-right: 10px; } .faixa a:hover {color: #77aad4; border-bottom: 3px solid #EAEAEA; } .faixa c{color: #000; font-weight: 800; font-style: italic; padding: 0px; margin-left: 10px; margin-right: 10px;} .faixa-list {width: 95%; margin: 0 auto; position: relative; display: inline-block;} .faixa > ul {list-style-type: none;} .faixa > ul > li { list-style-type: none; display: inline-block; position: relative; margin-left: 0px;} .faixa > ul > li:first-child {margin-left: 0;} .faixa > ul > li > ul {z-index: 500000000; padding: 0; visibility: hidden; position: absolute; margin-top: 0px; top: 10px; margin-left: 0px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -moz-opacity: 0.00; opacity: 0.00; width: 230px; overflow: hidden; background: #fff;} .faixa > ul > li:hover > ul {overflow: hidden; top: 50px; margin-left: 0px; -moz-opacity: 1; opacity: 1;visibility: visible; text-align: left; z-index: 500000000; background: #fff; padding: 0; width: 230px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .faixa > ul > li > ul > li {z-index: 500000000; width: 230px; display: block; font-size: 12px;} .faixa > ul > li > ul > li > a {font-family: 'karla', sans-serif; background: #fbf7f4; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 12px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #666666; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} .faixa > ul > li > ul > li > a:hover {font-family: 'karla', sans-serif; background: #fff; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 12px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #af905f; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} /* Álbuns da galeria */ .fotos { width: 100%; height: auto; display: block; position: relative; margin: 15px auto; margin-bottom: 10px; } .fotos .camera { width: 100%; background: url(images/camera.png) top center no-repeat; height: 79px; display: block; position: relative; margin: auto; z-index: 1000;} .album {margin: auto; margin: 7px; display: inline-block; overflow: hidden; position: relative; width: 120px; height: 200px; margin-top: 25px; } .album img {display: block; height: 120px; width: 120px; -webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out; padding: 3px; background: #fff; border-bottom: 5px solid #f72c22; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .album:hover img { border-bottom: 5px solid #77aad4; -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-radius: 3px;} .alb{font-family: 'Playfair Display', serif; text-align: center; font-size: 14px; line-height: 22px; padding: 10px; color: #fff; margin-top: -40px; font-style: italic; font-weight: 800;} .album-titulo {font-family: 'Playfair Display', serif; text-align: center; font-size: 14px; line-height: 22px; padding: 10px; color: #fff; margin-top: -5px; display: block; overflow:hidden; font-weight: 800; -webkit-transition:All 0.9s ease-in-out; background: transparent; font-style: italic; } .album-titulo a { font-size: 14px; color: #000; margin: auto; } .album:hover .album-titulo { -webkit-transition:All 0.9s ease-in-out; -moz-transition:All 0.9s ease-in-out; -o-transition:All 0.9s ease-in-out; } .album:hover .album-titulo a{color: #77aad4; } /* -- Menu galeria -- */ .menugaleria {position: relative; width:98%; border: 1px solid #f2f2f2; text-transform: uppercase; text-align: center; margin: 20px auto; font-family: open sans; font-size: 10px; color: #999999; padding-top: 10px; padding-bottom: 10px; } .menugaleria a{color: #999999; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; margin: auto; } .menugaleria a:hover{color: #77aad4; padding-bottom: 2px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } /* -- Menu principal -- */ .menu {font-family: 'Open Sans'; font-size: 14px; width: 98%; padding: 0px; margin-left: 0px; height: 125px; top: 0px; position: relative; text-transform: uppercase; text-align: left; font-weight: 400; margin-bottom: 0px; letter-spacing: 0px; z-index: 1000; background: #f9f9f9; } .menu a {color: #000; padding: 0px; margin-left: 10px; margin-right: 10px;} .menu a:hover {color: #77aad4; border-bottom: 3px solid #EAEAEA; } .menu c {color: #000; font-weight: 800; font-style: italic; padding: 0px; margin-left: 10px; margin-right: 10px;} .menu .icon { height: 32px; background: url(images/menu.png) no-repeat; width:32px; z-index: 10000000; display: block; left: 20px; position:relative; top: 30px; } .menu-lista {width: 95%; left: 10px; margin: 3px auto; position: relative; display: block;} .menu > ul {list-style-type: none;} .menu > ul > li { list-style-type: none; display: inline-block; position: relative; margin-left: 0px;} .menu > ul > li:first-child {margin-left: 0;} .menu > ul > li > ul {z-index: 500000000; padding: 0; visibility: hidden; position: absolute; margin-top: 0px; top: 10px; margin-left: 0px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -moz-opacity: 0.00; opacity: 0.00; width: 230px; overflow: hidden; background: #fff;} .menu > ul > li:hover > ul {overflow: hidden; top: 50px; margin-left: 0px; -moz-opacity: 1; opacity: 1; visibility: visible; text-align: left; z-index: 500000000; background: #fff; padding: 0; width: 230px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .menu > ul > li > ul > li {z-index: 500000000; width: 230px; display: block; font-size: 11px;} .menu > ul > li > ul > li > a {font-family: 'karla', sans-serif; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 11px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #8e8e8e; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} .menu > ul > li > ul > li > a:hover {font-family: 'karla', sans-serif; height: 40px; text-align: left; line-height: 40px; font-weight: 500; border-bottom: 1px solid #f8f2ec; font-size: 11px!important; letter-spacing: 0px; padding: 10px; padding-bottom: 0px; padding-top: 0px; display: block; color: #93b1b7; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; margin: 0px!important; display: block;} a.menuanimado {display: none; } .menualign { display: none; } .menuinfo a { display: none; } .sigla { height: 124px; background: url(images/sigla.png) no-repeat; width:222px; z-index: 1000; display: block; float: right; margin-top: -150px; right: 0px; position:relative; } /* -- Networks -- */ .networks {display:block; height: 24px; width: 280px; left: 15px; z-index: 1000; position: relative; top: -53px;} .networks .f { background: url(images/f.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .networks .f:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .networks .t { background: url(images/t.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .networks .t:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .networks .yt { background: url(images/yt.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .networks .yt:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .networks .i { background: url(images/i.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .networks .i:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} /* --Post um -- */ .postum{float: left; overflow: hidden; position: relative; width: 560px; background: #fff; height: 340px; margin-right: 20px; margin-bottom: 25px; } .postum .postdestacada img{ width: auto; height: auto; margin-top: 0px; } .postum .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;} .postum .postdestacada .fundo { width: 280px; height: 340px; position: absolute; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0,.2)); top: 0px; left: 0px; } .postum .postdestacada .seta-esquerda:before {content: "";display: inline-block;vertical-align: middle;margin-right: 10px;width: 0; height: 0; position: absolute; margin-left: 270px; margin-top: 40px; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right: 10px solid #fff; } .postum .titulo a{ position: absolute; width: 270px; margin-left: 300px; top: 85px; text-align: left; font-family: 'Playfair Display', serif; font-size: 19px; overflow: hidden; line-height: 24px; z-index: 100; color: #000; font-weight: 600; font-style:italic; } .postum:hover .titulo a{ color: #AFAFAF; } .postum .data { color: #77aad4; border-bottom: 2px solid #77aad4; position: absolute; padding-bottom: 2px; font-family: open sans; font-size: 24px; z-index: 100; margin-left: 300px; top: 20px; z-index: 99; } .postum .data dia{ font-weight: 600; } .postum .data mes {font-weight: 300; } .postum .texto {font-family: open sans; font-size: 13px; font-style: italic; margin-left: 300px; position: absolute; width: 245px; padding: 0px; top: 180px; color: #AFAFAF; line-height: 20px;} .postum .texto a{font-weight: 600; color: #77aad4;} /* --Post dois -- */ .postdois{float: left; overflow: hidden; position: relative; width: 240px; height: 340px; margin-right: 20px; margin-bottom: 25px; } .postdois .postdestacada img{ width: auto; height: auto; margin-top: 0px; } .postdois .postdestacada img:hover { } .postdois .postdestacada .fundo { width: 200px; height: 300px; position: absolute; background: rgba(0, 0, 0,.2); top: 20px; left: 20px; } .postdois .titulo a{ position: absolute; width: 180px; margin-left: 35px; top: 170px; text-align: left; font-family: 'Playfair Display', serif; font-size: 19px; overflow: hidden; line-height: 24px; z-index: 100; color: #fff; font-weight: 600; font-style:italic; } .postdois .data { color: #fff; border-bottom: 2px solid #fff; position: absolute; padding-bottom: 2px; font-family: open sans; font-size: 24px; z-index: 100; margin-left: 38px; top: 40px; z-index: 99; } .postdois .data dia{ font-weight: 700; } .postdois:hover .titulo a{color: #77aad4;} .postdois:hover .fundo { background: rgba(0, 0, 0,.6); -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;} .postdois .data mes {font-weight: 300; } #page-total .postdois:nth-child(3) .titulo a{display: none; } #page-total .postdois:nth-child(3) .fundo{display: block; background: rgba(0, 0, 0,.1); } #page-total .postdois:nth-child(3) .data{display: none;} #page-total .postdois:nth-child(3):hover .titulo a{display: block; color: #fff;} #page-total .postdois:nth-child(3):hover .fundo{display: block; background: rgba(119, 170, 212,.7); -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; } #page-total .postdois:nth-child(3):hover .data{display: block; } /* --Post tres -- */ .posttres {float: left; overflow: hidden; position: relative; width: 345px; background: #fff; height: 340px; margin-right: 20px; margin-bottom: 25px; } .posttres .postdestacada img{ width: auto; height: auto; margin-top: 0px; } .posttres .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;} .posttres .postdestacada .fundo { width: 345px; height: 175px; position: absolute; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0,.1)); top: 0px; left: 0px; display: block;} .posttres .titulo a{ position: absolute; width: 310px; margin-left: 20px; top:190px; text-align: justify; font-family: 'Playfair Display', serif; font-size: 19px; overflow: hidden; line-height: 24px; z-index: 100; color: #000; font-weight: 600; font-style:italic; } .posttres:hover .titulo a{ color: #AFAFAF; } .posttres .data { color: #fff; position: absolute; padding-bottom: 2px; font-family: open sans; font-size: 24px; z-index: 100; margin-left: 10px; top: 10px; z-index: 99; } .posttres .data dia{ font-weight: 800; } .posttres .data mes {font-weight: 300; } .posttres .texto {font-family: open sans; font-size: 13px; font-style: italic; margin-left: 20px; position: absolute; width: 310px; padding: 0px; top: 280px; color: #AFAFAF; line-height: 20px;} .posttres .texto a{font-weight: 600; color: #77aad4;} .posttres .leia { font-family: 'Playfair Display', serif; font-size: 14px; font-style: italic; position: absolute; width: 310px; padding: 0px; bottom: 20px; line-height: 20px; display: none; } .posttres .leia a{font-weight: 600; color: #000; float: right; } .posttres .leia a:hover{font-weight: 600; color: #77aad4;} #page-total .posttres:nth-child(6) .postdestacada img{margin-top: 175px; position: relative;} #page-total .posttres:nth-child(6) .fundo{margin-top: 175px; position: absolute; z-index: 999; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0,.2)); } #page-total .posttres:nth-child(6) .data { color: #77aad4; position: absolute; padding-bottom: 2px; font-family: open sans; font-size: 24px; z-index: 100; margin-left: 20px; top: 130px; z-index: 99; } #page-total .posttres:nth-child(6) .texto{display: none;} #page-total .posttres:nth-child(6) .titulo a{ position: absolute; width: 310px; margin-left: 20px; top:30px; color: #f82f22; } #page-total .posttres:nth-child(6) .leia { top: 142px; display: block; } /* -- 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;} /* -- Post Single -- */ .post-single{display: block; width: 725px; margin: 0px; position: relative; float: right; margin-left: 0px; } .post-single .titulo-post-single { line-height: 24px; font-size: 20px; width: 550px; left: 130px; top: -70px; position: relative; text-align: justify; color: #262626; padding: 10px; font-weight: 800; font-style: italic; font-family: 'Playfair Display', serif; z-index: 10; height: auto; } .post-single .titulo-post-single a { color: #262626; } .post-single .titulo-post-single a:hover{ color: #77aad4; -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; } .post-single .titulo-post-single-page { line-height: 24px; font-size: 20px; width: 550px; left: 30px; top: 20px; position: relative; text-align: justify; color: #262626; padding: 10px; font-weight: 800; font-style: italic; font-family: 'Playfair Display', serif; z-index: 10; height: auto; } .post-single .texto-single-page { font-size: 12px; font-family: 'open sans', sans-serif; position: relative; color: #666; margin-top: -50px; padding: 80px 30px 30px 30px; line-height: 24px; margin-bottom: 30px; } .post-single .texto-single { font-size: 12px; font-family: 'open sans', sans-serif; position: relative; color: #666; margin-top: -140px; padding: 80px 30px 30px 30px; line-height: 24px; margin-bottom: 30px; } .post-single .texto-single a{ color: #77aad4; 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 { color: #ee2e1f; border-bottom: 2px solid #ee2e1f; position: relative; padding-bottom: 2px; font-family: open sans; font-size: 24px; z-index: 100; margin-left: 30px; margin-top: 20px; margin-bottom: 30px; display: inline-block; } .post-single .data dia{ font-weight: 600; } .post-single .data mes {font-weight: 300; } .post-single .categorias{color: #fff; font-family: open sans; text-align: right; background: rgba(0,0,0,0.3); font-size: 12px; margin-top: -50px; position: absolute; font-style: italic; right: 0px; padding: 10px; display: inline-block; z-index: 1000; } .post-single .categorias a{color: #77aad4; } .post-single .categorias a:hover{color: #fff; } .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 {padding-left: 15px; padding-top: 25px; width: 724px; height: 130px; background:#fff url(images/appgal.png) no-repeat left; margin-bottom: 10px; margin-left: -30px;} .post-single .texto-single h4 img { border-radius: 2px; cursor:pointer; padding: 5px; margin-right: 8px; border: 1px solid #A7C2DA; margin-top: -12px; width: 120px; height: 120px; } .post-single .texto-single h4 img:hover {background: #9CB5CB; } /* -- 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: 290px; 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 { padding: 4px; font: 15px 'open sans'; width: 210px; text-align: center; text-transform: uppercase; position: absolute; top: 230px; color: #000; } .relacionados .titulo a{color: #262626; overflow:hidden; line-height: 10px;} .relacionados .titulo a:hover{color: #ed0426; overflow:hidden; line-height: 10px;} /* -- caixinhas index -- */ .indexbox { width: 100%; height: 360px; position: relative; margin-top: 60px; margin-bottom: 20px; display: block;} .indexbox .box { width: 1100px; height: auto; position: relative; display: block; border-top: 3px solid #f2f2f2; 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:center; font-family: open sans; color: #666; display:block; position: relative; text-transform: uppercase; width: 309px; height: 52px; margin-bottom: 10px; letter-spacing: 1px; } .indexbox .caixinha .title c{ font-size: 11px; color: #666; } .indexbox .caixinha .title d{ font-weight: 800; font-size: 14px; color: #63bdec; } .indexbox .box .caixinha:nth-child(2) .title d{color: #3762a7; } .indexbox .box .caixinha:nth-child(3) .title d{color: #f72c22; } /* -- 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;} /* -- Botão modo completo -- */ .all{ font-family: 'open sans', sans-serif; text-align: right; font-style:italic; position: relative; color: #666; font-size: 13px; font-weight: 500; position: relative; top: 0px; width: 95%; padding: 3px; overflow: hidden; height: auto; cursor:pointer; margin-bottom: 10px; } .all a{ color: #666;} .all:hover a:hover{ color: #000;} .all c{ font-weight: 800; font-style: italic; } /* -- Sidebar -- */ aside#sidebar {width: 340px; 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: 340px; } aside#sidebar .caixinha-side bola {width: 40px; height: 40px; position: relative; border-radius: 50%; background: #fff; float: left; position: relative; margin-right: 10px; } aside#sidebar .caixinha-side .titu {top: 0px; line-height: 40px; padding: 0px; text-align:left; font-family: 'Playfair Display', serif; font-size: 18px; color: #000; display:block; position: relative; text-transform: uppercase; width: 300px; height: 52px; margin-bottom: 10px; letter-spacing: 0px; } aside#sidebar .caixinha-side texto {margin-top: 10px; font-family: open sans; font-size: 14px; color: #666; display:block; position: relative; background: #fff; padding: 10px; } aside#sidebar .caixinha-side texto b{color: #666; font-weight: 700; font-style: italic; } #side-post {width: 760px; height: auto; padding: 0px; color: #666; position: relative; display: inline-block; margin: 10px auto; } #side-post ul li {list-style: none;border-bottom: 1px solid #F2F2F2;margin-bottom: 10px;} #side-post ul {padding: 0;line-height: 18px;font-size: 14px;} #side-post ul.nav.nav-tabs {padding: 0;} #side-post .caixinha-side { padding: 20px; line-height: 24px;font-size: 13px; font-family: 'open sans', sans-serif; color: #666; display: inline-block; top: 10px; margin-bottom: 15px; position: relative; width: 330px; height: auto; text-align: justify; border: 1px solid #fff; border-radius: 2px; position: relative; } #side-post .caixinha-side .title {top: 0px; line-height: 40px; padding: 0px; text-align:left; font-family: open sans; font-size: 14px; color: #262626; display:block; position: relative; text-transform: uppercase; font-weight: 800; width: 350px; height: 52px; margin-bottom: 10px; letter-spacing: 0px; } #side-post .screen-reader-text{display: none;} #side-post .caixinha-side:nth-child(2) { top: 10px; float: right; } #side-post .caixinha-side:nth-child(3) { top: 10px; float: right; } #side-post .tagcloud{ line-height: 30px; } #side-post .tagcloud a{background: #fff; color: #666; padding: 5px; border-radius: 2px; } #side-post .tagcloud a:hover{ background: #666; color: #fff; } /* -- Segunda Sidebar -- */ #sidebar-dupla { display: block; width: 340px; position: relative; margin-bottom: 10px; margin: 10px auto;} /* -- 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: #FBFBFB; 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: #f7f7f7; 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: #000; font-size: 12px; font-weight: 800; } .comment-reply-link:hover {color: #000;background: #fff; } .comment-author .fn {font-style: none; color: #000; font-weight: 300; font-family: 'open sans'; 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; left: 0; 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;} /* -- Search -- */ #search { background: #f2f2f2; width:420px; top: 70px; float: left; left: 155px; z-index: 10000; border-radius: 5px; position: absolute; display: block; padding: 5px; } #search form {} #search fieldset {margin: 0;padding: 0;border: none; background: transparent;} #search p {margin: 0;font-size: 85%;} #s { width: 320px; margin-left: 40px; top: 0px; background: #f2f2f2; font-family: 'open sans', sans-serif; font-style: italic; font-size: 13px; color: #b0b0b0; letter-spacing: 0px; display: block; padding: 0px; } #s:focus { width: 320px; border:none; font-family: 'open sans', sans-serif; background: #f2f2f2; font-style: italic; font-weight: 500; font-size: 13px; color: #666; letter-spacing: 0px; display: block; padding: 0px; } #searchsubmit {font-weight: 500; font-family: 'open sans', sans-serif; background: url(images/lupa.png) no-repeat; border:none; color:#fff; display: inline-block; left: 0px; cursor:pointer; width: 36px; line-height: 36px; position: absolute; top: -5px; text-transform: uppercase; font-size: 0px;} #search2 { width:680px; margin-top: 30px; border: 1px solid #fafafa; z-index: 100; position: relative; padding: 5px; display: block; } #search2 form {} #search2 fieldset {margin: 0;padding: 0;border: none; background: transparent;} #search2 p {margin: 0;font-size: 85%;} #s2 {background: rgba(0,0,0,0.0); width: 500px; font-family: 'open sans', sans-serif; font-style: italic; font-size: 14px; color: #666; display: block; padding-right: 10px; padding-left: 10px; } #s2:focus { width: 500px; border:none; font-family: 'open sans', sans-serif; font-style: italic; font-weight: 500; font-size: 14px; color: #666; display: block; padding-right: 10px; padding-left: 10px; } #searchsubmit2 {font-weight: 500; font-family: 'open sans', sans-serif; background: url(images/lupa.png) no-repeat; border:none; color:#666; height: 36px; display: inline-block; right: 4px; cursor:pointer; width: 36px; position: absolute; top: 10px; 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; } /* -- Kendall -- */ .kendall {background: #fff; padding-top: 20px; padding-bottom: 20px; width: 100%; height: 570px; position: relative; margin-top: 20px; margin-bottom: 20px; display: block;} .kendall .video{width: 360px; height: 276px;} .kendall .bio { margin-left: 380px; margin-top: -280px; padding: 0px; height: auto; } .kendall .bio foto { height: 128px; background: url(images/kendall.png) no-repeat; width:121px; z-index: 1000; display: block; left: 0px; position:relative; top: 0px; } .kendall .bio .tex{font-size: 14px; font-family: 'open sans', sans-serif; position: relative; color: #666666; top: -120px; padding: 0px; line-height: 23px; font-style: italic; left: 135px; width: 565px; height: 128px; } .kendall .networks-ken {display:block; height: 24px; width: 280px; margin-left: 570px; z-index: 1000; position: relative; top: -150px;} .kendall .networks-ken .f { background: url(images/f.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .kendall .networks-ken .f:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .kendall .networks-ken .t { background: url(images/t.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .kendall .networks-ken .t:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .kendall .networks-ken .yt { background: url(images/yt.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .kendall .networks-ken .yt:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .kendall .networks-ken .i { background: url(images/i.png); width: 20px; height: 20px; margin: 5px; position: relative; display: inline-block; } .kendall .networks-ken .i:hover { opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .kendall .instagram { width: 365px; height: 131px; margin-left: 380px; top: 145px; position: absolute; display: block; overflow: hidden; } .kendall .instagram bg{ width: 366px; height: 131px; background: rgba(255,255,255,0.5) url(images/keninsta.png) right no-repeat; position: absolute; z-index: 1000; top:0px; display: block; overflow: hidden; } .kendall .tw { width: 228px; height: 131px; margin-left: 770px; top: 145px; position: absolute; display: block; overflow: hidden; } .kendall .tw .twitter { width: 228px; height: 131px; background: url(images/twitter.png); position: absolute; z-index: 1000; top:0px; display: block; overflow: hidden; } .kendall .tw .twitter a{ color: #fff; font-family: 'open sans', sans-serif; } .kendall .tw .twitter li {list-style: none; } .kendall .tw .twitter img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .widget_rotatingtweets_widget {width: 198px; left: 5px; position: relative; text-align: left; padding: 10px; margin-top: 0px; } .rtw_timestamp a {font-size: 10px; color: #000; font-family: 'georgia', sans-serif; font-weight: 600; font-style: italic;} .rtw_twitter_icon {display: none;} .rtw_id {font-size: 0px; display: block; clear: both; margin-bottom: 5px; } .rtw_icon {float: right; position: relative; margin-right: 10px; margin-top: -20px; } .rtw_icon img {width: 30px; height: 30px; } .rtw_name { color: #fff; display: block; letter-spacing: 0px; text-transform: uppercase; } .rtw_name a { font-family: 'open sans', sans-serif; font-size: 12px; line-height: 18px; padding: 5px; border-radius: 3px; font-weight: 600; color: #fff; } .rtw_intents {display: block; clear: both; float: right; margin-top: 0px;} .rtw_main { padding: 10px; border-radius: 3px; margin-top: 10px; font-style: italic; text-transform: none; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #262626; background: rgba(255,255,255,0.1); } .rtw_main a {color: #1b1f28;} .rtw_follow { top: 90px; left: 12px; position: absolute; z-index: 1000; } .kendall .face { width: 81px; height: 131px; float: right; right: 0px; top: 145px; position: absolute; display: block; overflow: hidden; } .kendall .face bg{ width: 81px; height: 131px; background: url(images/facebook.png); position: absolute; z-index: 1000; top:0px; display: block; overflow: hidden; } .kendall .site{ width: 353px; height: 240px; background: url(images/site.png); position: relative; margin-left: 0px; top:20px; display: block; overflow: hidden; border-left: 8px solid #f72c22;} .kendall .site:hover{ border-left: 8px solid #77aad4; } .kendall .projetos { width: 720px; height: auto; margin-left: 380px; top: -225px; position: relative; display: block; overflow: hidden; } .kendall titu { font-family: 'open sans', sans-serif; text-transform: uppercase; font-weight: 800; font-size: 14px; display: block; text-align: left; position: relative; color: #77aad4; } /* -- PROJETOS AQUI -- */ .kendall .u{width: 200px; height: auto; background: url(http://kendalljenner.com.br/wp-content/uploads/2019/01/1.png) top no-repeat; position: relative; display: block; overflow: hidden; margin-top: 10px; } .kendall .d{width: 200px; height: auto; background: url(http://kendalljenner.com.br/wp-content/uploads/2019/01/formawell.png) top no-repeat; position: relative; display: block; overflow: hidden; margin-top: -208px; margin-left: 220px; } .kendall .t{width: 200px; height: auto; background: url(http://kendalljenner.com.br/wp-content/uploads/2019/01/cavalli.png) top no-repeat; position: relative; display: block; overflow: hidden; margin-top: -208px; margin-left: 440px; } .kendall .seta{width: 35px; height: 36px; background: url(images/setapro.png); position: relative; display: block; overflow: hidden; margin-top: -115px; right: 0px; float: right; } .kendall .infos{ background: #fff; width: 80%; height: auto; padding: 10px; margin-left: 10px; margin-top: 100px; } .kendall .infos titu{ font-family: 'Playfair Display', serif; text-align: center; font-size: 14px; line-height: 22px; color: #77aad4; margin-top: 0px; font-style: italic; margin-bottom: 5px; font-weight: 800; text-transform: none; } .kendall .infos texto{ font-family: open sans; font-size: 13px; font-style: italic; color: #666; line-height: 20px; } .kendall .infos texto b{ color: #000; } /* -- Page pro -- */ .page-pro{display: block; width: 100%; height: auto; margin: 0px; position: relative; float: left; background: transparent; margin-left: 0px; } .page-pro .titulo { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 800; display: block; overflow: hidden; text-align: center; position: relative; font-size: 26px; color: #75aad4; top: -30px; margin-bottom: 0px; } .page-pro .texto { text-align: justify; font-size: 14px; font-family: 'open sans', sans-serif; position: relative; color: #666; margin-top: -20px; padding: 0px; line-height: 14px; margin-bottom: 10px; } .page-pro .pro-caixa { margin: 15px; position: relative; float: left; width: 330px; height: 188px; margin-bottom: 20px; display: block;} .page-pro .pro-caixa img { margin: 15px; width: 330px; height: 188px; } .page-pro .link-caixa {position: absolute; font-size: 12px; color: #fff; z-index: 1000; top: 55px; left: 15px; -webkit-transition:All 0.5s ease-in-out; -moz-transition:All 0.5s ease-in-out; -o-transition:All 0.5s ease-in-out; background: rgba(0,0,0,0.3); border-left: 3px solid #77aad4; padding: 10px; } .page-pro .pro-caixa:hover .link-caixa {position: absolute; background: rgba(255,255,255,0.9); border-left: 3px solid #f72d22; font-size: 12px; color: #000; z-index: 1000; left: 60px; border-radius: 3px; -webkit-transition:All 0.5s ease-in-out; -moz-transition:All 0.5s ease-in-out; -o-transition:All 0.5s ease-in-out;} .page-pro .link-caixa a {text-transform: none; font-weight: 800; font-family: 'open sans', sans-serif; color: #fff; font-size: 14px;} .page-pro .pro-caixa:hover .link-caixa a{ color: #75aad4;} /****** ------------------ Style Responsivo ------------------ ********/ /* === TELA MENOR === */ @media only screen and (min-width: 240px) and (max-width:320px) { #sli { display:none; } html, body {background-size: 250%; overflow-x: hidden; background-position: top 30px center; } #page-total {margin: 30px auto; width: 100%; position: relative; } #main {margin: 0 auto; width: 100%; position: relative; } #page-metade {margin: auto; width: 100%; padding-bottom: 10px; position: relative; } .topo img{width: 100%; height: auto; margin-top: 30px; } .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; } .menu {display:none;} destaque {width: 100%; position: relative; height: auto; margin: auto; } #search {display: none;} a.menuanimado {color: #fff; width: 90%; font-family: 'open sans', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 14px; display: block; text-align: left; position: relative; } a.menuanimado .icon { height: 32px; background: url(images/menu.png) no-repeat; width:32px; z-index: 10000000; display: block; left: 10px; position:fixed; top: 10px; } .tab { margin-top: 50px; } .menualign { top: 0%; background: #fff; width: 100%; height: 30px; padding: 10px; position: fixed; z-index: 1000000; display: block; } .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; top: 10px;} .menuinfo a { width: 88%; margin-bottom: 5px; text-align: left; background: rgba(255,255,255,0.5); display: inline-block; color: #000; padding-right: 10px; text-transform: uppercase; height: 40px; padding-left: 10px; line-height: 40px; font-family: 'open sans', sans-serif; font-weight: 400; font-size: 12px; -webkit-transition:All 0.3s ease-in-out; -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; padding-left: 40px; -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; } .post-single{width: 100%; position: relative; background: #fff; height: auto; margin: 5px auto; } .post-single .postdestacada img{ width: 100%; margin: 0 auto; height: auto; } .post-single .titulo-post-single { 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 .data-single{ margin: -15px auto; position: relative; z-index: 1000; } .post-single .texto-single { width: 80%; position: relative; background: #fff; padding: 30px 30px 30px 30px; margin: 10px auto; margin-bottom: 30px; } .compartilhe-single { display: none; } .faixa { display:none;} .faixa a{ display:none;} .disclaimer{display: block; width: 90%; height: auto; margin: 30px auto; top: 30px; padding: 20px; } .final { width: 100%; position: relative; height: auto; } .final .main-final { height: auto; position: relative; width: 100%; margin: 0px auto;} .final .logo { max-width: 342px; height: 273px; position: relative; top: 0px; margin: auto; } .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; } .anuncio { display:none; } .atu{ background: #f9f9f9; padding: 5px; } .postum{float: none; overflow: hidden; position: relative; margin: auto; width: 100%; height: auto; margin-right: 0px; padding: 10px; margin-bottom: 10px; } .postum .postdestacada img{ width: 30%; height: auto; } .postum .postdestacada .fundo { width: 30%; height: auto; } .postum .postdestacada .seta-esquerda:before {display:none; } .postum .titulo a{ position: absolute; width: 60%; margin-left: 32%; font-size: 15px; top: 50px; } .postum .data { position: absolute; margin-left: 32%; top: 10px; font-size: 14px; } .postum .texto { font-size: 12px; margin-left: 32%; position: absolute; width: 60%; top: 120px; } .postdois{float: none; overflow: hidden; position: relative; width: 100%; height: auto; } .postdois .postdestacada img{ width: 100%; height: auto; } .postdois .data { position: absolute; margin-left: 50px; top: 50px; font-size: 20px; } .postdois .postdestacada .fundo { width: 83%; height: 85%; display: block; z-index: 99; } .postdois .titulo a{ top: 110px; width: 75%; font-size: 24px; } .posttres {float: none; overflow: hidden; position: relative; max-width: 100%; height: 345px; margin: auto; margin-bottom: 25px; } .posttres .postdestacada img{ max-width: 100%; height: auto; margin: auto; } .posttres .titulo a{ width: 85%; top: 150px; } .posttres .texto { width: 85%; } .posttres .leia { width: 85%; } .posttres .postdestacada .fundo { display:none;} #page-total .posttres:nth-child(6) .titulo a{ width: 85%; } .fotos { width: 95%; height: auto; display: block; margin: 10px auto; } .fotos .camera {background-size: 300%; } .album { height: auto; width: 30%; margin: 3px; } .album img { height: auto; width: 100%; } .alb{width: 100%; height: auto; display: none; } .album-titulo {width: 100%; height: auto; display: none; } .kendall {width: 100%; height: auto; position: relative; margin: -30px auto; display: block;} .kendall .video{width: 100%; height: auto; position: relative; margin: auto; } .kendall .bio { margin-left: 10px; margin: 20px auto; padding: 0px; height: auto; } .kendall .bio foto {left: 10px; } .kendall .bio .tex{font-size: 14px; font-family: 'open sans', sans-serif; position: relative; color: #666666; padding: 0px; line-height: 23px; font-style: italic; width: 50%; height: auto; margin-left: 10px; } .kendall .networks-ken {display:block; height: 24px; width: 280px; margin-left: 10px; z-index: 1000; position: absolute; top: 450px;} .kendall .instagram { width: 100%; height: 131px; margin-left: 0px; top: -90px; position: relative; display: block; overflow: hidden; } .kendall .instagram bg{ width: 100%; height: 131px; position: absolute; z-index: 1000; top:0px; display: block; overflow: hidden; } .kendall .tw { width: 228px; height: 131px; margin-left: 10px; top: -70px; position: relative; display: block; overflow: hidden; } .kendall .face { width: 81px; height: 131px; float: left; margin-left: 250px; top: -200px; position: relative; display: block; overflow: hidden; } .kendall .site{ max-width: 353px; position: relative; margin-left: 0px; margin: auto; top: -180px; display: block; overflow: hidden; } .kendall .projetos { max-width: 200px; height: auto; margin-left: 10px; top: -150px; margin: auto; position: relative; display: block; overflow: hidden; } .kendall .u{margin-top: 10px; } .kendall .d{margin-top: 10px; margin-left: 0px; } .kendall .t{margin-top: 10px; margin-left: 0px; } .kendall .seta{ position: relative; display: block; overflow: hidden; margin-top: 20px; } .indexbox { width: 100%; height: auto; position: relative; margin: auto; display: block; top: -130px; background: #fff; } .indexbox .box { max-width: 320px; height: auto; position: relative; display: block; border-top: 3px solid #f2f2f2; margin: auto; } .indexbox .caixinha { margin-left: 0px; margin-right: 0px; margin-top: 20px; position: relative; max-width: 320px; height: auto; text-align: justify; } .final{ width: 100%; height: auto; margin-top: 40px; } .final .main-final { width: 100%; margin: 0px auto;} .final .logo {max-width: 360px; height: 230px; position: relative; margin: auto; top: 0px; left: 0px; } .final .disclaimer{display: block; width: 80%; height: auto; margin: 30px auto; font-size: 13px; position: relative; color: #666; line-height: 24px; border-radius: 2px; float: none; } .footer-info { width: 100%; line-height: 14px; } .creditos {display: none; } #search2 { width:100%; } #side-post {width: 100%; height: auto; padding: 0px; position: relative; display: inline-block; } #side-post .caixinha-side { position: relative; max-width: 95%; height: auto; margin: auto;} #side-post .caixinha-side:nth-child(2) { top: 10px; float: none; margin: auto; } #side-post .caixinha-side:nth-child(3) { top: 10px; float: none; margin: auto; } .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; } } /* === TELA MAIOR === */ @media only screen and (min-width: 320px) and (max-width: 800px) { html, body {background-size: 250%; overflow-x: hidden; background-position: top 30px center; } #page-total {margin: 30px auto; width: 100%; position: relative; } #main {margin: 0 auto; width: 100%; position: relative; } .faixa { display:none;} .faixa a{ display:none;} .menu {display:none;} aside#sidebar{max-width: 340px; margin: auto; margin-bottom: 10px; position: relative; float: none; overflow-x: hidden; overflow-y: hidden; } .menu {display:none;} destaque {width: 100%; position: relative; height: auto; margin: auto; } #search {display: none;} #page-metade {margin: auto; width: 100%; padding-bottom: 10px; position: relative; } .topo img{width: 100%; height: auto; margin-top: 30px; } .anuncio{ display: none; } .atu{ background: #f9f9f9; padding: 5px; } a.menuanimado {color: #fff; width: 90%; font-family: 'open sans', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 14px; display: block; text-align: left; position: relative; } a.menuanimado .icon { height: 32px; background: url(images/menu.png) no-repeat; width:32px; z-index: 10000000; display: block; left: 10px; position:fixed; top: 10px; } .tab { margin-top: 50px; } .menualign { top: 0%; background: #fff; width: 100%; height: 30px; padding: 10px; position: fixed; z-index: 1000000; display: block; } .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; top: 10px;} .menuinfo a { width: 88%; margin-bottom: 5px; text-align: left; background: rgba(255,255,255,0.5); display: inline-block; color: #000; padding-right: 10px; text-transform: uppercase; height: 40px; padding-left: 10px; line-height: 40px; font-family: 'open sans', sans-serif; font-weight: 400; font-size: 12px; -webkit-transition:All 0.3s ease-in-out; -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; padding-left: 40px; -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; } .postum{float: none; overflow: hidden; position: relative; margin: auto; width: 100%; height: auto; margin-right: 0px; padding: 10px; margin-bottom: 10px; } .postum .postdestacada img{ width: 30%; height: auto; } .postum .postdestacada .fundo { width: 30%; height: auto; } .postum .postdestacada .seta-esquerda:before {display:none; } .postum .titulo a{ position: absolute; width: 60%; margin-left: 32%; font-size: 15px; top: 50px; } .postum .data { position: absolute; margin-left: 32%; top: 10px; font-size: 14px; } .postum .texto { font-size: 12px; margin-left: 32%; position: absolute; width: 60%; top: 120px; } .postdois{ margin: 10px; width: 42%; height: auto; diplay: inline-block; overflow: hidden; position: relative; } .postdois .postdestacada img{ width: 100%; height: auto; margin-top: 0px; } .postdois .postdestacada img:hover { } .postdois .data { position: absolute; margin-left: 20px; top: 20px; font-size: 14px; } .postdois .postdestacada .fundo { width: 88%; height: 90%; top: 10px; left: 10px; } .postdois .titulo a{ top: 60px; width: 70%; font-size: 15px; margin-left: 20px; } .posttres {float: none; overflow: hidden; position: relative; max-width: 345px; height: 345px; margin: auto; margin-bottom: 25px; } .posttres .postdestacada img{ max-width: 345px; height: auto; margin: auto; } .fotos { width: 95%; height: auto; display: block; margin: 10px auto; } .album { height: auto; width: 30%; margin: 3px; } .album img { height: auto; width: 100%; } .alb{width: 100%; height: auto; display: none; } .album-titulo {width: 100%; height: auto; display: none; } .post-single {width: 100%; position: relative; background: #fff; height: auto; margin: 5px auto; } .post-single .postdestacada img{ width: 100%; margin: 0 auto; height: auto; } .post-single .titulo-post-single { 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 .data-single{ margin: -15px auto; position: relative; z-index: 1000; } .post-single .texto-single { width: 80%; position: relative; background: #fff; padding: 30px 30px 30px 30px; margin: 10px auto; margin-bottom: 30px; } .kendall {width: 100%; height: auto; position: relative; margin: -30px auto; display: block;} .kendall .video{width: 100%; height: auto; position: relative; margin: auto; } .kendall .bio { margin-left: 10px; margin: 20px auto; padding: 0px; height: auto; } .kendall .bio foto {left: 10px; } .kendall .bio .tex{font-size: 14px; font-family: 'open sans', sans-serif; position: relative; color: #666666; padding: 0px; line-height: 23px; font-style: italic; width: 50%; height: auto; margin-left: 10px; } .kendall .networks-ken {display:block; height: 24px; width: 280px; margin-left: 10px; z-index: 1000; position: absolute; top: 450px;} .kendall .instagram { width: 100%; height: 131px; margin-left: 0px; top: -90px; position: relative; display: block; overflow: hidden; } .kendall .instagram bg{ width: 100%; height: 131px; position: absolute; z-index: 1000; top:0px; display: block; overflow: hidden; } .kendall .tw { width: 228px; height: 131px; margin-left: 10px; top: -70px; position: relative; display: block; overflow: hidden; } .kendall .face { width: 81px; height: 131px; float: left; margin-left: 250px; top: -200px; position: relative; display: block; overflow: hidden; } .kendall .site{ max-width: 353px; position: relative; margin-left: 0px; margin: auto; top: -180px; display: block; overflow: hidden; } .kendall .projetos { max-width: 200px; height: auto; margin-left: 10px; top: -150px; margin: auto; position: relative; display: block; overflow: hidden; } .kendall .u{margin-top: 10px; } .kendall .d{margin-top: 10px; margin-left: 0px; } .kendall .t{margin-top: 10px; margin-left: 0px; } .kendall .seta{ position: relative; display: block; overflow: hidden; margin-top: 20px; } .indexbox { width: 100%; height: auto; position: relative; margin: auto; display: block; top: -130px; background: #fff; } .indexbox .box { max-width: 320px; height: auto; position: relative; display: block; border-top: 3px solid #f2f2f2; margin: auto; } .indexbox .caixinha { margin-left: 0px; margin-right: 0px; margin-top: 20px; position: relative; max-width: 320px; height: auto; text-align: justify; } .final{ width: 100%; height: auto; margin-top: 40px; } .final .main-final { width: 100%; margin: 0px auto;} .final .logo {max-width: 360px; height: 230px; position: relative; margin: auto; top: 0px; left: 0px; } .final .disclaimer{display: block; width: 80%; height: auto; margin: 30px auto; font-size: 13px; position: relative; color: #666; line-height: 24px; border-radius: 2px; float: none; } .footer-info {margin: auto; width: 95%; padding: 10px; text-align: center; line-height: 20px; } .creditos {display: none; } #search2 { width:100%; } #side-post {width: 100%; height: auto; padding: 0px; position: relative; display: inline-block; } #side-post .caixinha-side { position: relative; max-width: 95%; height: auto; margin: auto;} #side-post .caixinha-side:nth-child(2) { top: 10px; float: none; margin: auto; } #side-post .caixinha-side:nth-child(3) { top: 10px; float: none; margin: auto; } .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; } }