/*
Theme Name: Histórias que ficam
Theme URI: http://historiasqueficam.com.br
Description: O tema do site do programa Histórias que ficam.
Author: flutuante
Author URI: http://flutuante.com.br
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Version: 2.0
Tags: one-column, two-columns, right-sidebar, custom-menu, editor-style, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

@import url( 'css/shame.css' );

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

img {
    border: 0;
}

::-moz-selection {
    color: #000;
    background: #fe6;
    text-shadow: none;
}

::selection {
    color: #000;
    background: #fe6;
    text-shadow: none;
}

/* =Base
-------------------------------------------------------------- */

html {
    overflow-y: scroll;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

body {
    font: 400 100%/1.5 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;

    margin: 0 auto;

    color: #444;
    background: #fff;
}

/* Links */

a,
a:visited {
    text-decoration: none;

    color: #111;
}

a:hover,
a:focus,
a:active {
    -webkit-transition: color .1s ease-in-out;
            transition: color .1s ease-in-out;

    color: #00a0c4;
    border: 0;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/* General typography */

abbr[title] {
    border-bottom: 1px dotted;
}

abbr,
dfn,
acronym {
    cursor: help;

    border-bottom: 1px dotted #666;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    font-weight: bold;

    color: #000;
    background-color: #fe6;
}

ins {
    text-decoration: none;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: .875em;
}

sub,
sup {
    font-size: .75em;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
    letter-spacing: .08em;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* Code */

pre,
code,
kbd,
samp {
    font-family: consolas, monospace, sans-serif;
    font-size: 14px;
    font-size: .88rem;
    line-height: 1.71;

    color: #666;

    _font-family: 'Courier New', monospace, sans-serif;
}

pre {
    font-size: 14px;
    font-size: .88rem;
    line-height: 1.71;

    overflow-x: auto;

    padding: 24px;
    padding: 1.5em;

    color: #6981a3;
    background: #fef7ea;
}

a code {
    color: inherit;
    border: 0;
    background: transparent;
}

pre code {
    display: block;
}

table {
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}

caption,
th,
td {
    font-weight: normal;

    text-align: left;
}


/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Sanchez', serif;
    font-weight: 400;

    margin: 0;

    word-wrap: break-word;
}

h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
}

h3 {
    font-size: 20px;
}

h4,
h5,
h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

/* Paragraphs / Quotes */

p {
    margin: 0;
}

* + p {
    margin-top: 1.5em;
}

blockquote {
    font-style: italic;

    margin: 0;
    padding: 0;
}

blockquote blockquote {
    border: 0;
}


/* Lists */

ul {
    list-style: square;
}
ul,
ol {
    margin: 0 0 1.5em;
    padding: 0;
}
ul li,
ol li {
    margin: 0 0 .5em;
    padding: 0;
}
nav ul,
nav ol {
    list-style: none;
}

dd {
    margin: 0;
}

/* Forms */

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;

    margin: 0;

    vertical-align: baseline;

    *vertical-align: middle;
}

button,
input {
    line-height: normal;

    *overflow: visible;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    line-height: 1;

    cursor: pointer;

    -webkit-appearance: button;
}

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}

input[type='search'] {
    box-sizing: content-box;

    -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;

    border: 0;
}

input[type='text'],
input[type='email'],
input[type='password'],
textarea {
    width: 100%;
}

fieldset {
    padding: 0;

    border: none;
}

textarea {
    overflow: auto;

    vertical-align: top;
}

embed,
iframe,
object {
    max-width: 100%;
}

/* Grid */

.grid {
    margin-left: -1.5rem;
}

.grid__item {
    position: relative;

    display: inline-block;

    padding-bottom: 1.5rem;
    padding-left: 1.5rem;

    vertical-align: top;
}

.one-whole {
    clear: both;

    width: 100%;
}

.one-half {
    width: 50%;
}

.one-third {
    width: 33.333%;
}

.two-thirds {
    width: 66.666%;
}

.cf:before,
.cf:after {
    display: table;

    content: ' ';
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.assistive-text {
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
}

.ir {
    overflow: hidden;

    border: 0;
    background-color: transparent;

    *text-indent: -9999px;
}

.ir:before {
    display: block;

    width: 0;
    height: 150%;

    content: '';
}

.bd {
    overflow: hidden;
    zoom: 1;

    _overflow: visible;
}

@media screen and (min-width: 40em) {

    .media .img {
        float: left;

        margin-right: 1.5rem;
    }

}

@media screen and (min-width: 40em) {

    .media-container .media:nth-child(odd) .img {
        float: right;

        margin-right: 0;
        margin-left: 1.5rem;
    }

}

a.post-edit-link {
    background-color: rgba(41,39,36,.4);
    color: #fff;
    display: inline-block;
    font-size: .88rem;
    line-height: 1.71;
    padding: 0 .5em;
}

a.post-edit-link:hover {
    background-color: rgba(41,39,36,.9);
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.no-results {
    font-style: italic;

    color: rgba(0,0,0,.3);
}

.button {
    font-family: 'Sanchez', serif;

    position: relative;

    display: inline-block;

    padding: .5em;

    cursor: pointer;
    -webkit-transition: background-color .3s ease-in-out;
            transition: background-color .3s ease-in-out;

    color: #fff!important;
    border: none;
    border-radius: 2px;
    background-color: #5daa33;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5),
    0 4px 0 #488327;
}

.button:hover {
    background-color: #4f902b;
}

.button:active {
    top: 2px;

    box-shadow: 0 2px 0 #488327;
}

a.highlight {
    line-height: 3;

    display: block;

    padding: 0 1em;

    text-align: center;

    color: #888 !important;
    border: 1px solid #dbd22f;
    background: #fdfddb !important;
}

.accept {
    line-height: 3;

    padding: 0 1em;

    text-align: center;

    color: #888;
    border: 1px solid #dbd22f;
    background: #fdfddb;
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;

    margin-right: 1em;
    margin-left: 0;
}

.alignright,
img.alignright {
    display: inline;
    float: right;

    margin-right: 0;
    margin-left: 1em;
}

.aligncenter,
img.aligncenter {
    display: block;
    clear: both;

    margin-right: auto;
    margin-left: auto;
}

.site-wrap {
    overflow: hidden;

    width: 98%;
    max-width: 1048px;
    margin: 2% auto;
    padding: 1.5rem;

    border: 1px solid #ededed;
    background: #fff;
}

.site-header {
    position: relative;
    margin-bottom: 3rem;
}

#main {
    margin-bottom: 3rem;
}

.content {
    margin: 0 auto;
}

.content--full {
    float: none;

    width: 100%;
    padding: 0 1.5rem;
}

.content--sidebarless {
    float: none;
}

.site-footer {
    padding: 1.5rem;

    background-color: rgba(41,39,36,.9);
}

.area-title {
    font-size: 1.25rem;
    line-height: 1.2;

    margin-bottom: 1.5rem;
}

.area-title a {
    color: #222;
    border-bottom: 1px dotted;
}

.area-title a:hover {
    color: #00a0c4;
}

.access {
    font-family: 'Sanchez', serif;

    clear: both;
}

.menu {
    clear: both;
}

.menu > li {
    margin: 0;

    text-align: left;

    border-bottom: 1px solid #fff;
}

.menu > li:first-child {
    border-left: none;
}

.menu a {
    display: block;

    padding: 0 1.3em;

    -webkit-transition: background-color .1s ease-out;
            transition: background-color .1s ease-out;

    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

.menu .current_page_item > a,
.menu .current-menu-item > a {
    background: #444;
}

.menu .menu-item-has-children {
    position: relative;
}

.menu .current_page_item,
.menu .current-menu-ancestor {
    position: static;
}

.menu .current_page_item > a,
.menu .current-page-ancestor > a,
.menu .current-menu-ancestor > a {
    background-color: rgba(41,39,36,1);
}

.menu .menu__title {
    padding: 0 1.3em;

    color: #444;
}

@media screen and (min-width: 40em) {

    .menu > li {
        float: left;

        text-align: left;

        border-bottom: none;
        border-left: 1px solid #fff;
    }

    .menu .menu-item-has-children > a:after {
        font-family: 'FontAwesome';

        margin-left: .5em;

        content: '\f107';
    }

}

.menu--main {
    font-size: 1.25rem;
    line-height: 2.4;
    margin: 0;
    position: relative;
    background-color: #00a0c4;
}

.menu--main a:hover {
    background: rgba(41,39,36,.9);
}

.menu--sub {
    font-size: 1rem;
    line-height: 1.44;

    margin-bottom: 1px;

    background-color: rgba(41,39,36,.6);
}

.menu--sub a:hover {
    background-color: rgba(41,39,36,.9);
}

@media screen and (min-width: 40em) {

    .menu--sub {
        float: right;
    }

}

.menu--user {
    border: 1px dotted #ccc;
    font-size: 1rem;
    line-height: 1.44;

    margin-bottom: 1px;
}

.menu--user a {
    color: rgba(41,39,36,.6);
    text-shadow: none;
}

.menu--user a:hover {
    color: rgba(41,39,36,1);
}

@media screen and (min-width: 40em) {

    .menu--user {
        float: right;
    }

}

.menu--mobile {
    background-color: #00a0c4;
    font-size: 1.25rem;
    line-height: 2.4;
}

.sub-menu {
    font-size: 1rem;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;

    margin: 0;

    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.sub-menu ul {
    top: 0;
    left: 100%;
}

.sub-menu a {
    color: #888;
    background: transparent;
    text-shadow: none;
}

.sub-menu a:hover {
    color: #00a0c4;
    background: transparent;
}

.sub-menu li {
    float: none;

    margin: 0;

    border: none;
}

.sub-menu .current-menu-item a {
    color: #111;
}

.sub-menu .current_page_item > a,
.sub-menu .current-menu-item > a {
    background: #ededed;
}

.menu .current_page_item > .sub-menu,
.menu .current-menu-ancestor > .sub-menu {
    position: static;
    z-index: 8888;

    background-color: #ededed;
    box-shadow: none;
    clip: inherit;
    overflow: inherit;
    height: inherit;
    width: inherit;
}

@media screen and (min-width: 40em) {

    .menu-item:hover > .sub-menu {
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
    }

    .menu .current_page_item > .sub-menu,
    .menu .current-menu-ancestor > .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ccc;
    }

    .menu .current_page_item > .sub-menu li,
    .menu .current-menu-ancestor > .sub-menu li {
        float: left;
    }
}

.access.opened {
    max-height: 9999px;
}

.disable-pointer-events {
    pointer-events: none !important;
}

@media screen and (min-width: 40em) {
    .js .access {
        position: relative;
    }
    .js .access.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }
}

@media only screen and (max-width: 40em) {
    .js .access {
        clip: rect(0 0 0 0);
        max-height: 0;
        position: absolute;
        display: block;
        overflow: hidden;
        zoom: 1;
    }

    .nav-toggle {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: rgba(41,39,36,.9);
        color: #fff;
        display: block;
        font-size: 1.25rem;
        line-height: 2.4;
        padding: 0 1.3em;
        text-decoration: none;
        position: relative;
        font-family: 'Sanchez', serif;
        overflow: hidden;
    }

    .nav-toggle.nav-toggle {
        color: #fff;
    }

    .nav-toggle:before {
        color: #fff;
        display: block;
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        font-size: 100%;
        text-transform: none;
        position: absolute;
        right: 1.3em;
        content: '\f0d7';
        text-indent: 0;
        speak: none;
        width: 1em;
    }

    .nav-toggle.active::before {
        content: '\f0d8';
    }
}

.no-menu {
    border: 1px dotted #ccc;
    clear: both;
    font-size: 1.25rem;
    line-height: 2.4;
    padding: 0 1.3em;
}

#branding {
    background: #ededed;
    padding: 24px;
    position: relative;
}

@media only screen and (min-width: 48em) {
    #branding {
        float: left;
        margin-left: -48px;
        margin-right: 1.5rem;
    }
    #branding:before {
        content: '';
        position: absolute;
        bottom: -24px;
        left: 0;
        border-width: 12px;
        border-style: solid;
        background: transparent;
        border-color: rgba(41,39,36,.4) rgba(41,39,36,.4) transparent transparent;
        /* Firefox 3.0 damage limitation */
        display: block; width: 0;
    }
}

.site-header .site-title {
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.site-title img {
    display: block;
}

@media only screen and (min-width: 48em) {
    .site-header .csn {
        float: right;
        margin-left: 1.5rem;
        margin-right: -48px;
    }
}

.quote {
    display: none;
    padding: 1.5rem 0;
}

.quote > p {
    font-family: 'Sanchez', serif;
    font-size: 1.13rem;
    font-style: italic;
    line-height: 1.33;

    color: #888;
}

.quote a {
    color: #00a0c4;
    border-bottom: 1px dotted;
}

@media only screen and (min-width: 48em) {
    .quote {
        display: block;
    }
}

.page__title {
    margin-bottom: 1.5rem;
}

.hentry {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;

    border-bottom: 1px dotted #888;
}

.hentry:last-child,
.single .hentry {
    border-bottom: none;
}

.entry-title {
    font-size: 2.25rem;
    line-height: 1.33;

    margin-bottom: 1.5rem;
}

.entry-title a {
    display: inline-block;

    color: #00a0c4;
}

.entry-title a:hover,
.single .entry-title a {
    color: #444;
}

.entry-date {
    font-size: .88rem;
    line-height: 1.71;

    color: #888;
}

.entry-format {
    font-size: .88rem;
    line-height: 1.71;

    display: inline-block;

    padding: 0 .5em;

    color: #fff !important;
    background-color: #00a0c4;
}

.entry__summary {
    margin-bottom: 1.5rem;
}

.entry__image {
    overflow: hidden;

    width: 998px;
    margin: 1.5rem 0 1.5rem -150px;
}

.entry__image img {
    display: block;
}

.entry__meta {
    font-size: .88rem;
    line-height: 1.75;

    margin-bottom: 1.5rem;
}

.entry__info {
    color: #fff;
    background: #00a0c4;
}

.entry__meta a {
    color: #fff;
}

/* =Entry content
-------------------------------------------------------------- */

.entry-content a {
    -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;

    color: #00a0c4;
    background: #ededed;
}

.entry-content a:hover {
    color: #444;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    margin: 24px 0;
    margin: 1.5rem 0;

    color: #00b1dd;
}

.entry-content h1,
.comment-content h1 {
    font-size: 21px;
    font-size: 1.31rem;
    line-height: 1.14;
}

.entry-content h2,
.comment-content h2 {
    font-size: 18px;
    font-size: 1.33rem;
}

.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: .88rem;
    line-height: 1.71;
}

.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    font-size: .81rem;
    line-height: 1.85;
}

.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    font-size: .75rem;
    line-height: 2;
}

.entry-content p,
.entry-summary p,
.comment-content p {
    line-height: 1.5;

    margin: 0 0 24px;
    margin: 0 0 1.5rem;

    -webkit-hyphens: auto;

       -moz-hyphens: auto;

        -ms-hyphens: auto;

            hyphens: auto;
}

.entry-content blockquote {
    font-size: 14px;
    font-size: .88rem;
    line-height: 1.71;

    position: relative;

    overflow: hidden;

    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 24px;
    padding: 1.5rem;

    background: #f5f5f5;
}

.entry-content blockquote p:last-child {
    margin-bottom: 0;
}

.comment-content blockquote {
    font-style: italic;

    padding: 24px;
    padding: 1.5rem;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
    line-height: 1.5;

    margin: 0 0 24px;
    margin: 0 0 1.5rem;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}

.entry-content ul,
.comment-content ul {
    list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}

.entry-content li,
.comment-content li {
    margin: 0 0 0 36px;
    margin: 0 0 0 2.25rem;
}

.entry-content table,
.comment-content table {
    font-size: 14px;
    font-size: .88rem;
    line-height: 1.71;

    width: 100%;
    margin: 0 0 24px;
    margin: 0 0 1.5rem;

    color: #777;
    border-bottom: 1px solid #ededed;
}

.entry-content table caption,
.comment-content table caption {
    margin: 24px 0;
    margin: 1.5rem 0;
}

.entry-content td,
.comment-content td {
    padding: 6px 10px 6px 0;

    border-top: 1px solid #ededed;
}

.entry-content address,
.comment-content address {
    line-height: 1.5;

    display: block;

    margin: 0 0 24px;
    margin: 0 0 1.5rem;
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 0 1.5em;
    padding: 0;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.gallery {
    margin: 1.5rem auto;
}

.gallery a {
    background-color: transparent;
}

.gallery-item {
    float: left;
    margin: 0;
    padding: 4px;
    text-align: center;
}

.gallery-columns-0 .gallery-item {
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.3333%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.67%;
}

.gallery-columns-7 .gallery-item {
    width: 14.29%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery .attachment-thumbnail {
    display: inline-block;
    height: auto;
    margin: 0 auto;
    padding: 2px;

    background: #fff;
    box-shadow: 0 0 6px rgba(192,192,192,.5);
    position: relative;
}

.gallery a:hover .attachment-thumbnail {
    top: -2px;
    box-shadow: 0 0 8px rgba(192,192,192,.8);
}

.gallery-caption {
    color: #999;
    font-size: .75rem;
    line-height: 2;
}

.entry-footer {
    font-size: .88rem;

    color: #888;
}

.related {
    padding: 1.5rem;

    border: 1px solid #ededed;
    background-color: #f5f5f5;
}

.related .entry-title {
    font-size: 1.13rem;
    line-height: 1.33;
}

.related .entry-title a {
    color: #00a0c4;
}

.entry-share .comments-link {
    float: left;
}

.entry-share .share-shortlink {
    display: none;
    float: right;
    position: relative;
    text-align: right;
    width: 40%;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.comments-title,
#reply-title {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1;

    margin-bottom: 1.5rem;

    color: #00a0c4;
}

.comments-title a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;

    float: right;

    padding: 0 .5em;

    color: #fff;
    background: #00a0c4;
}

.comments-title a:hover {
    -webkit-transition: all .1s linear;
            transition: all .1s linear;

    color: #fff;
    background: #222;
}

.comments-list {
    list-style: none;
}

.comments-list li {
    margin: 0;
    padding: 0;
}

.comment-container {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.comment,
.pingback {
    position: relative;

    overflow: hidden;

    margin-bottom: 24px;

    color: #666;
}

.comments-list .children {
    margin: 0 0 0 48px;
    margin: 0 0 0 3rem;
}

.comment-content {
    line-height: 1.5;

    position: relative;

    margin-bottom: 16px;
    margin-bottom: 1rem;
    padding: 24px;
    padding: 1.5rem;

    border-radius: 1rem;
    background: #f5f5f5;
}

.comment-content:after {
    position: absolute;
    bottom: -8px;
    bottom: -.5rem;
    left: 40px;
    left: 2.5rem;

    display: block;

    width: 0;

    content: '';

    border-width: 8px 8px 0;
    border-width: .5rem .5rem 0;
    border-style: solid;
    border-color: #f5f5f5 transparent;
}

.comment-content p {
    margin: 0;
}

.comment-content p + * {
    margin-bottom: 1.5rem;
}

.comment-meta {
    line-height: 1.5;

    position: relative;
    z-index: 1;

    overflow: hidden;

    margin: 0;
    padding: 0 24px;
    padding: 0 1.5rem;

    color: #999;
}

.comment-author-avatar,
.comment-author-avatar img {
    width: 48px;
    height: 48px;
}

.comment-author-avatar {
    float: left;

    margin-right: .75em;
}

.comment-meta .fn {
    font-style: normal;

    display: block;
}

.comment-meta .fn a {
    border-bottom: 1px dotted;
}

.comment-meta a {
    color: #999;
}

.comment-meta a:hover {
    color: #00a0c4;
}

.comment-on-hold {
    position: absolute;
    top: 0;
    left: 100px;

    background: yellow;
}

.comment-reply-link {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;

    *display: inline;
}

.comments-list .byuser .comment-content,
.comments-list .bypostauthor .comment-content {
    color: #333;
}

.comments-list .pingback {
    font-size: 14px;
    font-size: .88em;
    line-height: 16px;

    overflow: hidden;

    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 12px;
    padding: .75rem;

    border: 1px solid #ededed;
    background: #f5f5f5;
}

.pingback .favicon {
    float: left;

    margin-right: .7rem;
}

.pingback .comment-edit-link {
    color: #999;
}

#respond {
    overflow: hidden;

    padding: 24px;
    padding: 1.5rem;

    color: #666;
    border-top: 1px solid #ededed;
    background: #f5f5f5;
}

#cancel-comment-reply-link {
    font-size: 14px;
    font-size: .88rem;
    line-height: 1.71;

    color: #666;
}

#respond p {
    font-size: 12px;
    font-size: .75rem;
    line-height: 2;

    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.logged-in-as a,
.comment-notes a {
    border-bottom: 1px dotted;
}

#commentform label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;

    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;

    color: #999;

    *display: inline;
}

.comment-area {
    margin-bottom: 1.5rem;
}

.required {
    color: #666;
}

#commentform input[type='text'],
#commentform textarea {
    padding: 1em;

    border: 1px solid #ededed;
    outline: none;
}

#commentform input[type='text']:focus,
#commentform textarea:focus {
    -webkit-transition: border-color .2s linear;
            transition: border-color .2s linear;

    border-color: #222;
}

.form-allowed-tags {
    font-size: 12px;
    font-size: .75rem;
    line-height: 2;

    margin: 0;
    padding-top: 24px;
    padding-top: 1.5rem;
}

.form-allowed-tags code {
    color: #999;
}

#submit {
    font-size: 16px;
    font-size: 1rem;

    padding: .5em 1em;

    color: #fff;
    border: none;
}

.widget {
    margin-bottom: 1.5rem;
    padding: 1.5rem;

    border: 1px solid #ededed;
    background: #f5f5f5;
}

.widget a {
    color: #444;
}

.widget a:hover {
    color: #00a0c4;
}

.widget__title {
    font-size: 1rem;
    font-weight: normal;

    display: inline-block;

    margin: 0 0 1.5rem -1.5rem;
    padding: 0 .5em;

    color: #fff;
    background: #444;
}

.widget ul {
    font-size: .88rem;
    line-height: 1.71;

    list-style: none;
}

.site-footer .site-title {
    font-size: 1.13rem;
    line-height: 1.33;

    text-align: center;
}

.site-footer .site-title a {
    color: #fff;
}

.site-footer .site-title a:hover {
    color: #00a0c4;
}

.site-footer .site-description {
    font-size: .88rem;
    line-height: 1.71;

    text-align: center;

    color: #ccc;
}

.social {
    margin: 0;

    list-style: none;

    text-align: center;
}

.social > li {
    font-size: 30px;
    line-height: 48px;

    display: inline-block;

    margin-left: .5em;
}

.social a {
    position: relative;

    color: #fff;
}

.social a:hover {
    bottom: 2px;

    -webkit-transition: all .1s linear;
            transition: all .1s linear;
}

a.icon--twitter:hover {
    color: #55acee;
}

a.icon--facebook:hover {
    color: #3b5998;
}

a.icon--flickr:hover {
    color: #ff0084;
}

a.icon--vimeo:hover {
    color: #1ab7ea;
}

.logos {
    display: none;

    width: 98%;
    max-width: 1048px;
    margin: 0 auto 1.5rem auto;

    text-align: center;
}

.logos .gallery-caption {
    display: none;
}

.logos__group {
    position: relative;

    display: inline-block;

    margin: 0 1.5rem 1.5rem 0;
    padding-top: 1.5rem;
}

.logos h3 {
    font-size: .88rem;
    line-height: 1.75;

    position: absolute;
    top: 0;
    left: 0;

    text-align: left;

    color: #888;
}

.logos .gallery-item {
    display: inline-block;

    margin: 0;
    padding: 0 1.5rem 0 0;
}

.logos .gallery-icon {
    position: relative;
}

.logos .gallery-icon:hover {
    bottom: 2px;

    -webkit-transition: all .1s linear;
            transition: all .1s linear;
}

.logos .gallery-icon img {
    display: block;

    width: 75px;
}

.page .entry-summary {
    font-size: 1.13rem;
    font-style: italic;
    line-height: 1.33;

    color: #888;
}

.feature__info {
    position: absolute;
    top: 3rem;
    left: 0;

    margin: 0 72px 0 0;
}

.feature-title {
    margin: 0 0 1px 0;

    text-align: left;

    color: #fff;
}

.feature-title a {
    display: inline-block;

    padding: 0 1.5rem;

    color: inherit;
    background-color: rgba(41,39,36,.9);
}

.feature-title a:hover {
    padding: 0 2rem;

    -webkit-transition: padding .2s ease-in-out;
            transition: padding .2s ease-in-out;

    color: inherit;
}

.feature__author {
    font-family: 'Sanchez', serif;
    font-size: 1.13rem;
    line-height: 1.33;

    display: inline-block;

    padding: 0 1em;

    color: #888;
    background: #fff;
}

.box {
    position: relative;
}

.box .hentry {
    margin: 0;
    padding: 0;

    border: none;
}

.box--about {
    z-index: 2;

    padding: 1.5rem;

    color: #fff;
    background-color: #00a0c4;
    border-color: #00a0c4;
}

.box--about .area-title a,
.box--about .area-title a:hover {
    color: #fff;
}

@media screen and (min-width: 40em) {
    .box--about {
        margin-top: -3rem;
    }

    .box--about:before {
        position: absolute;
        top: -1.5rem;
        left: 1.5rem;

        display: block;

        width: 0;
        height: 0;

        content: ' ';

        border-bottom: 1.5rem solid #00a0c4;
        border-bottom-color: inherit;
        border-left: 1.5rem solid transparent;
        border-right: 1.5rem solid transparent;
    }
}

.box--mostra {
    padding: 1.5rem;

    background: #ededed;
}

.box--news {
    padding: 1.5rem;

    border-top: 4px solid #00a0c4;
    border-bottom: 4px solid #00a0c4;
}

.home-box .entry-title {
    font-size: 1.13rem;
    line-height: 1.33;

    overflow: hidden;

    margin: 0;
}

.box--user {
    padding: 1.5rem;

    border: 1px solid #ededed;
    background: #f5f5f5;
}

.box--user a {
    border-bottom: 1px dotted;
}

#loginform label {
    font-size: .88rem;
    line-height: 1.71;

    display: block;

    color: #888;
}

#loginform .input {
    font-size: .88rem;

    width: 100%;
    padding: 1em;

    border: 1px solid #ededed;
    background: #fff;
}

#loginform .button-primary {
    font-family: 'Sanchez', serif;

    position: relative;

    display: inline-block;

    padding: .5em;

    -webkit-transition: all 1s ease-in-out;

            transition: all 1s ease-in-out;

    color: #fff;
    border: none;
    border-radius: 2px;
    background: #5daa33;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5),
    0 4px 0 #488327;
}

#loginform .button-primary:hover {
    background: #4f902b;
}

#loginform .button-primary:active {
    top: 2px;

    box-shadow: 0 2px 0 #488327;
}

.box--user .lost-password {
    font-size: .88rem;
    line-height: 1.71;

    float: right;

    margin-top: -1.5rem;

    color: #888;
}

.box--user .lost-password:hover {
    color: #444;
}

.box--user .not-registered {
    border-bottom: none;
    margin: 1.5rem auto 0 auto;
}

.features {
    background-color: #ededed;
    box-shadow: inset 0 0 0 6px rgba(41,39,36,.1);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.features-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media screen and (min-width: 40em) {
    .features--subscriptions {
        float: left;
        width: 70%;
    }
}

.featured--inscricoes {
    position: relative;

    float: left;

    width: 70%;
    height: 480px;

    background: #ededed;
}

.featured__info {
    position: absolute;
    bottom: 0;
    left: 0;
}

.feature__title {
    font-size: 1.33rem;
    line-height: 2.13;
}

.feature__title a {
    font-weight: normal;

    display: inline-block;

    padding: 0 1em;

    color: #444;
    background: #fff;
}

.feature__title a:hover {
    color: #00a0c4;
}

.feature__title span {
    display: inline-block;

    margin-right: 1px;
    padding: 0 .5em;

    color: #fff;
    background: #444;
}

.feature__status {
    font-family: 'Sanchez', serif;

    position: absolute;
    top: 0;
    left: 0;

    margin: 0;
    padding: 1em;

    color: #fff;
    background-color: #00a0c4;
    max-width: 60%;
}

.featured__image {
    overflow: hidden;
}

.featured__image img {
    display: block;

    max-width: 100%;
    height: auto;
}

.featured__summary {
    position: absolute;
}

.features--promotion {
    margin-bottom: 1.5rem;
}

.features--promotion:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

/* Swiper Slider */

.swiper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    width: 100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper__slide {
    background: #000;
    float: left;
    height: 100%;
    margin: 0;
    width: 100%;
    position: relative;
}

.swiper__slide img {
    display: block;
    height: auto;
    max-width: 100%;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* Swiper Pagination */

.swiper__pagination {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 20;
    text-align: right;
    width: 100%;
}

.swiper-pagination-switch {
    background-color: rgba(255,255,255,.5);
    cursor: pointer;
    display: inline-block;
    width: 1.5rem;
    transition: background-color 0.3s ease;
}

.swiper-pagination-switch:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.swiper-active-switch {
    background-color: #fff;
    cursor: default;
}

.box--howto {
    position: relative;
    z-index: 9;

    margin: 0 0 1.5rem 0;
    padding: 1.5rem;

    color: #fff;
    background-color: rgba(41,39,36,.9);
}

.box--howto a {
    color: inherit;
    border-bottom: 1px dotted;
}

.box--howto a:hover {
    color: #00a0c4;
}

@media screen and (min-width: 40em) {
    .box--howto {
        margin-left: -1.5rem;
    }

    .box--howto:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: -1.5rem;

        display: block;

        width: 0;

        content: '';

        border-width: 1.5rem 1.5rem 1.5rem 0;
        border-style: solid;
        border-color: transparent rgba(41,39,36,.9);
    }
}

#map {
    width: 998px;
    height: 480px;
    margin: 1.5rem 0 1.5rem -150px;
}

.item__title {
    font-size: 1.13rem;
    line-height: 1.33;

    color: #00a0c4;
}

.entry__form {
    margin-top: 1.5rem;
    padding-top: 1.5rem;

    border-top: 1px dotted #888;
}

#contato-historias label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;

    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;

    color: #999;

    *display: inline;
}

#contato-historias input[type='text'],
#contato-historias textarea {
    padding: 1em;

    border: 1px solid #ededed;
    outline: none;
}

#contato-historias input[type='text']:focus,
#contato-historias textarea:focus {
    -webkit-transition: border-color .2s ease-in-out;
            transition: border-color .2s ease-in-out;

    border-color: #00a0c4;
}

/* =Registration
-------------------------------------------------------------- */

.finder-wrapper {
    margin-bottom: 1.5rem;
    padding: 1.5rem;

    border: 1px solid #f5f5f5;
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

.inscritos--lista td {
    font-size: .88rem;
    line-height: 1.7;

    padding: 1.5rem 1rem;

    vertical-align: top;

    border-right: 1px dotted #ccc;
}

.inscritos--lista td:last-child {
    border-right: none;
}

.inscritos--lista thead {
    font-family: 'Sanchez', serif;
    font-size: 1.13rem;
    line-height: 1.33;

    color: #fff;
    border-bottom: 1px solid #666;
    background: #888;
}

.inscritos--lista thead th {
    padding: 1em 1rem;
}

.inscritos--lista .subscription__curator {
    background: #444;
}

.inscritos--lista tbody tr {
    -webkit-transition: background-color .1s ease-in-out;
            transition: background-color .1s ease-in-out;

    border-bottom: 1px dashed #ccc;
}

.inscritos--lista tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.inscritos--lista tbody tr:hover {
    background-color: #ededed;
}

.inscritos--lista tbody tr:last-child {
    border-bottom: none;
}

.inscritos--lista .subscription__order {
    text-align: center;

    color: #999;
}

.inscritos--lista .subscription__title {
    font-family: 'Sanchez', serif;
    font-size: 1.13rem;
    line-height: 1.33;
}

.inscritos--lista .subscription__title small {
    font-size: .88rem;
    line-height: 1.71;
}

.inscritos--lista .subscription__status {
    font-size: 1.13rem;
    line-height: 1.33;

    text-align: center;
}

.form-controls {
    margin-bottom: 1.5rem;
}

.project-switcher {
    font-family: 'Sanchez', serif;
}

.form-application legend {
    font-family: 'Sanchez', serif;
    font-size: 1.13rem;
    line-height: 1.33;

    padding-bottom: 1.5rem;
}

.form-application label {
    display: block;

    color: #888;
}

.form-application .form__item--inline label {
    display: inline;
}

.form-application label a {
    background: #00a0c4;
    border-radius: 2px;
    color: #fff;
    padding: 0 .5em;
    font-size: .88rem;
    line-height: 1.71;
}

.form-application input[type='text'],
.form-application input[type='email'],
.form-application input[type='password'],
.form-application textarea {
    padding: 1em;

    border: 1px solid #ededed;
    background: #f5f5f5;
}

.form-application input[type='text']:focus,
.form-application input[type='email']:focus,
.form-application input[type='password']:focus,
.form-application textarea:focus {
    border-color: #888;
    outline: none;
}

.form-application textarea {
    height: 7rem;
}

.form-step {
    margin-bottom: 1.5rem;
    padding: 1.5rem;

    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}

.step__head {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;

    border-bottom: 2px dashed #ededed;
}

.step__title {
    font-size: 2.25rem;
    line-height: 1.33;

    margin-bottom: 0;

    color: #00a0c4;
}

.step__about {
    font-style: italic;

    margin-bottom: 1.5rem;

    color: #888;
}

.field__note {
    clear: both;
    font-size: .88rem;
    line-height: 1.71;

    color: #888;
}

.field__error {
    font-size: .88rem;
    line-height: 1.71;

    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    padding: 0 .5em;

    -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;

    color: #fff;
    background: #ed4747;
}

.step__advance {
    margin: 0;

    text-align: right;

    color: #888;
}

.form-not-yet {
    margin-bottom: 1.5rem;
    padding: 1.5rem;

    border: 1px solid #ededed;
    background: #fff;
}

.form-not-yet .step__title {
    color: #ccc;
}

.file-upload .button {
    margin: .75rem 0;
    position: relative;
}

.file-upload input[type='file'] {
    cursor: pointer;
}

#protocol-number {
    width: 40%;
    margin: 0 auto 1.5rem auto;
    padding: 1.5rem;

    text-align: center;

    color: #fff;
    background: #5daa33;
}

#protocol-number strong {
    font-size: 3rem;
    font-weight: normal;
    line-height: 1;

    display: block;
}

.featured-posts {
    margin-bottom: 3rem;
}

.featured-posts .hentry {
    position: relative;

    float: left;
    overflow: hidden;

    width: 25%;
    height: 10rem;
    margin: 0;
    padding: 0;

    border-right: 1px solid #fff;
    border-bottom: 0;
    background: #ededed;
}

.featured-posts .entry-title {
    font-size: 1.13rem;
    line-height: 1.33;

    position: absolute;
    bottom: 0;
    left: 0;

    margin: 0;
}

.featured-posts .entry-title a {
    display: inline;

    color: #444;
    background: #fff;
}

.featured-posts .entry-title a:hover {
    color: #00a0c4;
}

.featured-posts .wp-post-image {
    display: block;
}

/* =Evaluation Area
----------------------------------------------------------------------------- */

#evaluation-area {
	background-color: #fff;
	position: fixed;
	left: 1.5rem;
	right: 1.5rem;
	bottom: 0;
}

#evaluation-area.closed { height: 5px; }

.evaluation__comments {
	float: left;
	width: 55%;
}

.evaluation__comments label {
	display: block;
}

.evaluation__comments textarea {
	border: 1px solid #ccc;
	height: 4.5rem;
	outline: none;
	padding: .75rem;
	width: 100%;
}

.evaluation__comments textarea:focus {
	border-color: #00a0c4;
}

.evaluation__score {
	float: right;
	width: 40%;
}

.score-box {
	background-color: #ededed;
	color: #878787;
	font-family: 'Sanchez', serif;
	font-size: 1.13rem;
	line-height: 2.67;
	float: left;
	height: 3rem;
	width: 20%;
	vertical-align: middle;
	text-align: center;
}

.score-box:nth-child(3) {
	background-color: #e5e5e5;
}

.score-box:nth-child(4) {
	background-color: #dcdcdc;
}

.score-box:nth-child(5) {
	background-color: #d4d4d4;
}

.score-box:nth-child(6) {
	background-color: #cbcbcb;
}

.score-box label {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	transition: background-color .2s ease-in-out, color .2s linear, box-shadow .2s linear, box-shadow .2s linear, box-shadow .2s linear;
}

.score-box label:hover {
	box-shadow: inset 0 0 0 2px #00a0c4;
	color: #444;
}

.score-box.checked label {
	background-color: #00a0c4;
	color: #fff;
}

.score-box input {
	display: none;
}

.evaluation__toggle {
	background-color: #00a0c4;
	border: none;
	color: #fff;
	font-family: 'Sanchez', serif;
	height: 3rem;
	position: absolute;
	top: -3rem;
	padding: 0 1em;
}

.evaluation__toggle:before {
	content: '\e802';
	font-family: 'FontAwesome';
	margin-right: .5em;
}

#evaluation-area.minimized .evaluation__toggle:before {
	content: '\e803';
}

#evaluation-tabs { float:left; clear: both; width: 100%; margin: 0; padding: 0; }

/* jQuery tabs */
.ui-helper-reset { border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ui-tabs { position: relative;}
.ui-tabs .ui-tabs-nav {
	border-top: 4px solid #444;
	margin: 0;
	padding: 0;
}

.ui-widget-header { }

.ui-tabs-nav li {
	display: inline-block;
	line-height: 3;
	list-style: none;
	position: relative;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs-nav .ui-tabs-selected {
	background-color: #444;
}

.ui-tabs .ui-tabs-nav a {
	display: block;
	padding: 0 1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #fff;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	height: 10rem;
	border-width: 0;
	padding: 1.5rem;
}

.ui-tabs .ui-tabs-hide { display: none; }

.finish-eval {
	position: absolute;
	top: 4px;
	right: 1.5rem;
}

/* =Consultants
----------------------------------------------------------------------------- */

.consultant__avatar {
    background-size: cover;
    border-radius: 50%;
    height: 16rem;
    width: 16rem;
}

.consultant__name.consultant__name {
    font-size: 2.25rem;
    line-height: 1.33;

    display: inline-block;

    margin-bottom: 1.5rem;
    padding: 0 .5em;

    color: #fff;
    background: #00a0c4;
}

/* =Utility Classes
----------------------------------------------------------------------------- */

.u-pull-left {
    float: left;
}

.u-pull-right {
    float: right;
}

@media only screen and (min-width: 40em) {
    .site-wrap {
        overflow: visible;

        margin: 1.5rem auto;
    }

    .content {
        float: left;

        width: 70%;
    }

    .content--full {
        float: none;

        width: 100%;
        padding: 0 1.5rem;
    }

    .content--sidebarless {
        float: none;
    }

    .asides {
        float: right;

        width: 28%;
    }

    .site-footer .site-title {
        text-align: left;
    }

    .site-footer .site-description {
        text-align: left;
    }

    .social {
        float: right;
    }

    .logos {
        display: block;
    }

    .feature__info {
        top: 50%;

        margin: -1.5rem 72px 0 0;
    }

    .box {
        float: left;

        width: 33%;
    }

    .box--news {
        width: 34%;
        margin-top: -1.5rem;
    }
}