/* --------------------------------------------------------------------------
Theme Name: Paulo Arthur
Version: 1.0
Author: Bruno Correia */

/* --------------------------------------------------------------------------
   html5 display definitions
   -------------------------------------------------------------------------- */
article, aside, details,
figcaption, figure, footer,
header, hgroup, nav, section            { display:block; }

audio, canvas, video                    { display:inline-block; *display:inline; *zoom:1; vertical-align: middle; }

audio:not([controls])                   { display:none; height:0; }
[hidden]                                { display:none; }

/* --------------------------------------------------------------------------
   normalize
   -------------------------------------------------------------------------- */
*                                       { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
* :focus,
* :active                               { outline:none !important; -moz-outline-style:none; }

html                                    { -webkit-text-size-adjust:none; /* width:100%; */ }
img                                     { border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; }
svg:not(:root)                          { overflow:hidden; }

textarea                                { overflow:auto; vertical-align:top; resize:vertical; }
input                                   { -webkit-appearance:none; line-height:120%; }
button                                  { line-height:120%; }
button[disabled], input[disabled]       { cursor:default; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]                    { -webkit-appearance:button; cursor:pointer; *overflow:visible; }

input[type="checkbox"],
input[type="radio"]                     { box-sizing:border-box; padding:0; *width:13px; *height:13px; }

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner  { border:none; }

input[type="search"]                    { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }

textarea,
input[type="text"],
input[type="submit"]                    { background:#FFF; width:100%; border:none; padding:0 18px; margin:0 0 12px 0; border-radius: 0; -webkit-appearance:none; line-height: 1; }

textarea,
input[type="text"]                      { -webkit-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.175); -moz-box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.175); box-shadow:inset 0 2px 2px rgba(0, 0, 0, 0.175); }

textarea                                { padding:18px !important; line-height: inherit; }
input[type="text"]                      { min-height: 30px; line-height: 1 !important; }
input[type="submit"]                    { min-height: 30px; line-height: 1 !important; width:auto; margin: 0; }

input[type="text"]:focus                { border-color:#C0D4DB; box-shadow:none; }

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

input:-moz-placeholder                  { color:#999; }
input::-webkit-input-placeholder        { color:#999; }
input:-ms-input-placeholder             { color:#999; }

textarea:-moz-placeholder               { color:#999; }
textarea::-webkit-input-placeholder     { color:#999; }
textarea:-ms-input-placeholder          { color:#999; }

fieldset                                { border:none; margin:0; padding:0; }

table                                   { border-collapse:collapse; border-spacing:0; }
td                                      { vertical-align:top; }

hr                                      { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

ul, ol, li,
dl, dt, dd                              { margin:0; padding:0; }

figure,
figcaption                              { margin:0; padding:0; }

/* --------------------------------------------------------------------------
   typography
   -------------------------------------------------------------------------- */
body, input, textarea, address          { font:normal normal 400 15px/1.6 "proxima-nova-alt", Helvetica, Arial, Verdana, sans-serif; color:#EAEAEA; }
pre                                     { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

sub, sup                                { font-size:75%;sition:relative; vertical-align:baseline; }
sup                                     { top:-0.5em; }
sub                                     { bottom:-0.25em; line-height:0;o }

h1                                      { margin:0; font-size: 0; }
p                                       { margin:0 0 18px 0; }
p:last-child                            { margin-bottom:0; }

.hyphenate                              { hyphens:auto; -webkit-hyphens:auto; -moz-hyphens:auto; }
.antialiased                            { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; }

a                                       { color:inherit; font-size:100%; vertical-align:baseline; background:transparent; }

blockquote                              { padding:10px; }
blockquote:before                       { content:open-quote; }
blockquote:after                        { content:close-quote; }

/* --------------------------------------------------------------------------
   layout
   -------------------------------------------------------------------------- */
body                                    { background: #2D2E33; padding-left: 330px; }
header                                  { padding: 54px 40px; position:fixed; top:0; left: 0; width: 330px; height: 100%; }
header .brand                           { display:block; padding-bottom: 48px; }

nav                                     { letter-spacing: 0.08em; padding-bottom: 60px; }
nav li                                  { list-style: none; padding: 0 0 6px 0; }
nav li:last-child                       { border:none; }
nav li a                                { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; padding: 0 4px; }
nav li a:hover,
nav li a:focus,
.current-menu-item a                    { background: #00A385; text-decoration: none; color: #EAEAEA; }

.entries                                { min-width:480px; max-width: 1560px; width: 100%; overflow: hidden; }
.entries [class*="col-"]                { padding: 0; }
.entries .container .row                { padding: 0; }

.entries a                              { overflow: hidden; display: block; }
.entries a:hover                        { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
.entries img                            { display: block; float: left; width: 100%; }
.entries figcaption                     { padding: 10px 0 12px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 300; letter-spacing: 0.04em; color:#898B89; font-size: 14px; }
.entries figure                         { display:block; float: left; width: 50%; margin:auto; padding-right:18px; max-width: 260px; }

@media (min-width: 890px) {
    .entries figure                         { width: 33.333%; }
}

@media (min-width: 1170px) {
    .entries figure                         { width: 25%; }
}

@media (min-width: 1370px) {
    .entries figure                         { width: 20%; }
}

@media (min-width: 1630px) {
    .entries figure                         { width: 16.666%; }
}

.bio                                    { padding: 32px 0; }
.bio p                                  { letter-spacing: 0.04em; font-weight: 300; }

.publicidade                            { text-align: center; padding-top: 200px; color: #00B593; text-transform: uppercase; }

footer                                  { position: absolute; bottom: 54px; }
footer p                                { overflow: hidden; padding: 0; margin: 0 0 20px 0; clear: both; font-size: 14px; color: #BCBEBC; }
footer a:hover                          { text-decoration: underline; color: inherit; }

footer .address                         { background: url(./images/pin.png) 0 0 no-repeat; background-size: 22px; padding:36px 0 0 0; letter-spacing: 0.02em; }
footer p:last-child                     { margin: 0; color: #898B89; }

.fancybox-overlay                       { background: rgba(255, 255, 255, .95); }
.container                              { max-width: 1300px; width: 100%; }

.slides                                 { padding-bottom: 66.5%; position: relative; overflow-y: hidden; animation: fade-in 2s; }
.slides figure                          { opacity: 0; position: absolute; }
.slides figure:first-child              { opacity: 1; }
.slides figure img                      { width: 100vw; display: block; }

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --------------------------------------------------------------------------
   box-shadow: inset | x-value | y-value | blur | spread | color
   -------------------------------------------------------------------------- */

.dropshadow {
    -webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.5);
       -moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.5);
            box-shadow:0 0 12px rgba(0, 0, 0, 0.5);
}

.dropshadow-bottom {
    -webkit-box-shadow:0 2px 6px  rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 2px 6px  rgba(0, 0, 0, 0.4);
            box-shadow:0 2px 6px  rgba(0, 0, 0, 0.4);
}
.dropshadow-top {
    -webkit-box-shadow:0 -2px 6px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 -2px 6px rgba(0, 0, 0, 0.4);
            box-shadow:0 -2px 6px rgba(0, 0, 0, 0.4);
}

.dropshadow-soft {
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
       -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
            box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
}

/* --------------------------------------------------------------------------
   property | duration | easing | delay | ease-in, ease-out, linear
   -------------------------------------------------------------------------- */
.transition-all {
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

/* --------------------------------------------------------------------------
   non-semantic helper classes
   -------------------------------------------------------------------------- */
.ir                                     { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0; } /* image replacement */
.ir br                                  { display:none; }

.hidden                                 { display:none; }
.invisible                              { visibility:hidden; }

.left                                   { float:left; }
.right                                  { float:right; }

.clearfix:before, .clearfix:after       { content:" "; display:table; }
.clearfix:after                         { clear:both; }
.clear                                  { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.clear-left                             { clear: left; }
.clear-right                            { clear: right; }

.unselectable                           { -moz-user-select:none; -webkit-user-select:none; }
.nowrap                                 { white-space:nowrap; }

/* --------------------------------------------------------------------------
   embed media: iframes, objects and embed
   -------------------------------------------------------------------------- */
.embed                                  { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.embed iframe,
.embed object,
.embed embed                            { position:absolute; left:0; top:0; width:100%; height:100%; display:block; }