/*FONTS*/

@font-face {
    font-family: BrownRegular;
    src: url(fonts/brown/Brown-Regular.otf);
}

@font-face {
    font-family: BrownBold;
    src: url(fonts/brown/Brown-Bold.otf);
}

@font-face {
    font-family: BrownLight;
    src: url(fonts/brown/Brown-Light.otf);
}

@font-face {
    font-family: BrownThin;
    src: url(fonts/brown/Brown-Thin.otf);
}

@font-face {
    font-family: Fat;
    src: url(fonts/fat/fat.otf);
}

/***WORDPRESS TINYMCE***/
h1, h2, h3, h4, h5, h6, h7, h8{
    font-family:Fat;
    text-align:center;
    text-transform: uppercase;
}

/***GENERAL***/

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{
    background:0!important;
}

.mc4wp-response{
    font-size:8pt;
}

.wp-video{
    background-color:white;
}

.obg{
    overflow:hidden;
    background-size:cover !important;
    background-position:center !important;
    background-repeat: no-repeat !important;
    height:100%;
}

.obg img{
    visibility: hidden;
}

article a, article a:hover, article a:active, article a:focus{
    color:inherit;
}

html, body{
    overflow-x:hidden;
    width:100%;
}

.nofloat{
    float:none !important;
}

ul.lined li{
    display:inline-block;
    font-size:10pt;
    border:0;
}

ul.lined{
    font-size:0;
}

ul.lined li img{
    max-width:37px;
}

footer#colophon ul.lined.soc li{
    max-width:48%;
    margin:1%;
}

footer#colophon ul.lined.soc li a, footer#colophon ul.lined.soc li img, footer#colophon ul.lined.soc li{
    border:0;
    box-shadow: none;
    vertical-align:top;
    margin:0;
    padding:0;
    margin-right:10%;
}  

footer#colophon ul.lined.soc li a{
    
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: contain !important;
}

footer#colophon ul.lined.soc li a:hover{
    opacity:0.5;
}

footer#colophon.mobile ul.lined.soc li{
    margin:5px !important;
}

footer#colophon.mobile .textwidget p{
    margin-bottom:0;
}


footer.mobile{
    text-align:center;
    padding:1rem;
}


.esc{
    visibility: hidden;
}



span.edit-link{
    display:none;
}

p{
    letter-spacing: 2px;
}

*{
    outline:none !important;
}

b{
    font-weight: normal;
    font-family:BrownBold;
}

.orange{
    color:#ef4136;
    background-color:#ef4136;
}

.valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.valign.abs{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    padding:0 20px;
}

.inner.abs{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:20px;
}

div.next-posts-link{
    display:none;
}

.navigation-top{
    max-height:100px;
}

/*MENU HAMBURGUER*/
    @media screen and (min-width: 48em){

        .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul{
            display:none;  
        }

        .js .menu-toggle, .js .dropdown-toggle{
            display:block;
        }

        .navigation-top {
            top: 0;
            font-size: 14px;
            font-size: 0.875rem;
            left: auto;
            position: absolute;
            right: 0;
            z-index: 33;
            background-color: transparent;
            border: 0;
        }

    }

/*old icon hamburguer*/
    .icon.icon-bars{
        fill:white;
        margin:0;
        font-size:26pt;

    }

/*new hamburguer*/
.icon.icon-bars {
    fill: transparent;
    margin: 0;
    font-size: 0;
    width: 30px;
    height: 30px;
    background: url(img/hamburguer-18.png);
    background-size:contain !important;
    background-repeat:no-repeat !important;
}

    .icon.icon-close {
        font-size: 16pt;
        fill: white;
        z-index: 9;
        position:fixed;
        right:2rem;
        top:2rem;
    }  



    .menu-toggle:focus{
        outline:none;
    }

    .menu-toggle {
        display:none !important;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #222;
        display: none;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 1.5;
        margin: 1px 0 2px auto;
        padding: 1em;
        text-shadow: none;
        font-size:0;
    }


    /***INSIDE MENU***/
@media screen and (min-width: 48em){
    nav ul.menu{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.9);
    }

    nav ul.menu li{

        max-width:50%;
        margin:0 auto;
        display:block;
        text-align:center;

    }
}



/***LOGO***/

.custom-logo-link img{
    max-width:180px !important;
}


@media screen and (min-width: 48em){
    .site-branding{
        top: 0;
        display: block;
        left: 0;
        height: auto;
        padding-top: 0;
        position: absolute;
        width: 100%;
    }
    
    .custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img{
        /*filter:brightness(100000%);*/
    }

}

/***RESUME**/

.myexcerpt{
    display:none;
}

/**HOVER**/
.hvr-rectangle-in{
    background:#ef4136 !important;
    width:10%;
}

.hvr-rectangle-in:before{
    z-index:1;
}

/***HEADER***/

.js .menu-toggle, .js .dropdown-toggle{
    min-height:21px;
}

/*
a.custom-logo-link:hover{
    background:url(http://localhost/go4digital/wp-content/uploads/2017/05/logo-lar-18.png) !important;
}
*/

a.custom-logo-link.bg{
    background-size:contain !important;
    background-repeat: no-repeat !important;
}

a.custom-logo-link:not(:hover){
    transition:transform ease 1s;

}

a.custom-logo-link:hover{
    transform:scale(1.1);
}

.mymedia img{
    width:100%;
    max-height:100vh;
    object-fit:cover;
}

.mymedia{background-color:white}

.site-branding{
    max-width:50%;
}

body:not(.single, .home) #content{
    
}



body.home{
    border-top:5px solid #ef4136;
}

.wrap.full{min-width:100%;padding:0}

body:not(.home):not(.single), body:not(.home):not(.single) .site-content-contain{
    /*background-color:rgba(40, 42, 45, 0.9);*/
    background-color:#2a2c2f;
}

body.page:not(.home) h1.entry-title, h1.myentry-title{
    color:#636469;
    font-size:75pt;
    font-family:Fat;
    padding-left:1rem;
    text-transform: uppercase;
    letter-spacing:1px;
    margin-bottom:2rem;
    text-align:left;
}


h1.myentry-title span.withcircles.blue::after{
    background: url(img/go4digital-18w.png);
    max-width:30px;
    max-height:30px;
}

h1.myentry-title span.withcircles::after {
    content: " ";
    position: absolute;
    right: -80px;
    margin-left: 10px;
    top: 48%;
    transform: translateY(-50%);
    background: url(img/go4digital-18.png);
    width: 60px;
    height: 60px;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    vertical-align: top;
}

h1.myentry-title span.withcircles{
    position:relative;
}

body.page header.entry-header, body.page div.entry-content{
    min-width:100%;
    float:none;
}

/**ARTICLE**/

body.single div.mypost div.entry-content > div.entry-intro{
    max-width:1000px;
}


.wrap.bg.black2{
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
border-top:5px solid #ef4136;
    
}

.wrap.bg.black {
    background: url(img/shadow-24.png);
    background-size: 200px 122px !important;
    background-position-y: -13px;
    border-top: 5px solid #ef4136;
}


body.single .wrap.bg, body.single div.site-content:not(.defaultpost){
    /*background-color:#2a2c2f;*/
}

body.single div.site-content.defaultpost{
    padding-top:8rem;
    
}

/***PAGE**/

.page:not(.home) #content{
    padding-bottom:0;
    padding-top:9rem;
}

div.myentry-content{
    background-color:#2a2c2f;
}

div.myentry-content.lower{
    background-color:white;
}

div.myentry-content.portfolio{
    text-align:center;
    background-color:white;
    max-width:50%;
}

footer#pagination.white{
    background-color:white;
}

footer#pagination{
    border:0;
}

div.entry-intro.myentry:not(.white) *{
    color:white;
}

div.entry-intro.white{
    background-color:white;
    color:#636469;
}

div.pagecontactos div.entry-intro p{
    color:#636469;
    font-family:BrownRegular;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight:bold;
    font-size:18pt;
    margin:15px 0 5px;
    line-height:3rem;
}

div.pagecontactos div.entry-mission{
    text-align:right;
}

div.pagecontactos div.entry-vision{
    text-align:left;
}

div.pagecontactos div.entry-squares h1{
    margin:0;
    max-width:100%;
}

div.pagecontactos div.entry-squares{
    padding:25px;
}



div.myentry{
    font-size:14pt;
    text-align:center;
    padding:5% 10%;
}

div.myentry.redbar h1 {
    border-bottom: 2px solid #ef4136;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
    color:#636469;
    font-family:Fat;
    text-transform: uppercase;
    padding-bottom:5px;
    font-size:18pt;
}

div.myentry.redbar.nobar h1 {
    border-bottom: 0
}

div.myentry p{
    font-family:BrownLight;
    color:#636469;
    text-align:center;
}


#masthead .wrap{
    max-width:100%;
    padding:2rem;
}
#masthead .wrap.black{
    position:fixed;
    top:0;
    left:0;
    right:0;
}

@media screen and (min-width: 67em){
    
    .navigation-top .wrap{
        padding:0;
    }
    
}

/***SLIDESHOW**/

ul.flex-direction-nav{
    display:none;
}

.flexslider .slides > li{
    min-height:100vh;
}

.has-header-image .custom-header-media img{
    position:static;
    height:100vh;
}

div#slideshow figure figcaption::after {
    background-color: rgba(0,0,0,0.1);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    min-width:100vw;
}

div#slideshow figure{
    position:relative;
}

figure.s figcaption h1{
    z-index:1;
    position:relative;
    text-align:left;
    font-size:60pt;
    /*line-height:6rem;*/
}

ol.flex-control-nav{
    bottom:0;
    z-index:9;
}

.flex-control-paging li a{
    border-radius: 0;
    width: 70px;
    height: 7px;
    box-shadow:none;
    background-color:rgba(0,0,0,0.1);

}

.flex-control-paging li a.flex-active{
    background:url(img/screen6.png) left center/20px 20px no-repeat !important;;
    -webkit-animation: grow 5s linear;
}

@-webkit-keyframes grow {
    0% {
        background-size:0 100%;
    }    
    100% {
        background-size:100% 100%;
    }
}

div#slideshow, div#slideshow figure{
    margin:0;
}

figure.s{
    position:relative;
    display: table;

}



figure.s figcaption {
    display: table;
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100vh;
    color: white;
    width:50%;
    text-align:left;
}

figure.s figcaption b{
    font-size:22pt;
}


header#masthead:hover figure.s figcaption b{
    opacity:1;
    transition:opacity 1s;
}

figure.s figcaption *{
    display:table-cell;
    vertical-align: middle;
    font-family:Fat;
    font-size: 50pt;
    text-transform: uppercase;
}

div#slideshow{
    border:0;
  
}

/***MENU***/

ul#top-menu{
    padding-top:20vh;
}

.main-navigation li{
    border:0;
}

.navigation-top a{
    color:#bcbeac;
    font-family:BrownLight;
    font-size:18pt;
    letter-spacing: 3px;
}

.main-navigation a:hover{
    color:#ef4136;
}

/**LIVE EDIT**/
a.liveedit {
    position: absolute;
    /* top: 0; */
    left: 0;
    background:url(img/editar.png);
    background-repeat:no-repeat !important;
    background-size:contain !important;
    text-indent: -9999px;
    width:20px;
    height:20px;
    z-index:999999;
}

/**BLOCKS***/

main.squares article.square {
    font-size: 12pt;
    vertical-align: top;
    border:0 !important;
}

/***GRID VIEWS***/
.col{
    display:inline-block;
    vertical-align:top;
}

.col1{
    width:33.333%;
}

.col2{
    width:50%;
}

.col3{
    width:66.666%;
}

.col3 figure.b{
    height:100vh;
}

main.squares article{
    min-width:100%;
    float:none;
}


main.squares.small .col3 figure{
    height:50vh;
}

main.squares article.square figure.b{
    margin:0;
    position:relative;
}

.col1 article.square figure.b{
    height:50vh;
}

.col1 article.square figure.b{
    height:50vh;
}

main.squares.small .col1 article.square figure.b{
    height:25vw;
}

main.squares article.square figure img{
    height:100%;
    width:100%;
    object-fit:cover;
}

main.squares article.square figure.b img{
}


figure.b figcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family:BrownLight;
    font-size:20pt;
    text-transform: uppercase;
    letter-spacing:5px;
    background-color:transparent;
}

figure.b figcaption b{
    font-size:16pt;
}

figure.b{
    background:black;
}

main.squares article.square figure.b:hover > figcaption{
    opacity:1;
}

main.squares article.square figure.b figcaption div.inner div.txt_inner{
    color:white;
}

main.squares article.square figure.b figcaption div.inner div.txt_inner.valign{
    margin-top:17px;
}

h1.entry-title{
    position:relative;
}

main.squares article.square figure.b figcaption div.inner div.txt_inner::before, div.fakepost h1.entry-title::before {
    content: " ";
    width: 40px;
    height: 20px;
    background-position: bottom center !important;
    position: absolute;
    top: -30px;
    background-size: cover !important;
    background: url(img/go4digital-19.png);
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    opacity:0;
    margin: 0 auto;
}

div.txt_inner{
    opacity:0;
}

figure.effect-oscar:hover div.txt_inner, figure.effect-oscar:hover div.txt_inner::before {
    opacity: 1 !important;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    transition:opacity ease 1s;
}

div.mypost h1.entry-title.vbars::before{
    content: " ";
    width: 40px;
    height: 20px;
    background-position: bottom center !important;
    position: absolute;
    top: -30px;
    background-size: cover !important;
    background: url(img/go4digital-20.png);
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
}

main.squares, .linha{
    font-size:0;
}

figure.simple:hover figcaption div.inner{
    border:3px solid white;
    padding:20px;
}

/**FOOTER**/
footer#colophon{
    background-color:#2a2c2f;
    font-size:0;
    border:0;
}

footer#colophon.ph{
    background-color:transparent;
}


footer#colophon .textwidget{
    vertical-align:top;
    color:#bbbbbb;
}

footer#colophon .textwidget, footer#colophon form h2{
    font-size:10pt;
    font-family:BrownLight;
    text-transform: uppercase;
}

footer#colophon.mobile .textwidget, footer#colophon.mobile form h2{
    font-size:10pt;
}

footer#colophon .textwidget a{
    color:inherit;
    box-shadow:none;
}

.site-footer .widget-column.footer-widget-1{
    width:90%;
}

.textwidget img{
    margin-top:10px;
}

footer#colophon > .wrap{
    max-width:100%;
}

footer#colophon .frow{
    padding:1rem 0;
}

footer#colophon input[type="email"], input[type="email"]{
    background-color:transparent;
    border-radius:0;
    width:90%;
    padding-left:0.5rem;
}

input:focus{
    border-color:inherit !important;
}

footer#colophon h1 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Fat;
    font-size: 14pt;
    color: #636469;
    text-align:left;
}

footer#colophon.mobile h1{
    text-align:center;
}

footer#colophon form h2, input[type="email"]{
    color:#bbbbbb !important;
    font-family:BrownThin;
    font-size:10pt;
    font-weight:normal;
    
}

footer#colophon form div.inpts{
    font-size:0;
}

footer#colophon form div.inpts input {
    display: inline-block;
    padding: 0;
    height: 30px;
    vertical-align: top;
}


.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor:pointer;
}

.hvr-rectangle-in::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #bcbec0 url(img/setas-19b.png);
    background-repeat: no-repeat !important;
    background-size: auto 10px !important;
    background-position: center !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

footer#colophon form input[type="submit"] {
    padding: 0;
    /* padding: 0.75em 0; */
    border-radius: 0;
    background-color: #bcbec0;
    color: #2a2c2f;
    height:100%;
    font-family: BrownLight;
    font-size: 6pt;
    border: 1px solid #ef4136;
    width: 100%;
    background: #ef4136 url(img/setas-19c.png);
    background-repeat: no-repeat !important;
    background-size: auto 10px !important;
    background-position: center !important;
}

footer#colophon form input[type="email"] {
    width: 80%;
    /* height: 19px; */
    padding: 0.1rem 0.25rem;
    padding-left:0.5rem !important;
}

footer#colophon form input[type="email"], footer#colophon form a{
    height:30px;
    display: inline-block;
    vertical-align: top;
}


footer#colophon .insidecellold{
    padding-right:4.2rem;
}

footer#colophon form{
    font-size:0;
}
/*
form.newsletter input::placeholder{
    color:#bbbbbb;
    font-size:10pt;
    font-family:BrownThin;
    padding-top:1px;
    border:0;
    background-color:transparent;
}
*/

footer#colophon form input{
    color:#bbbbbb !important;
    font-family:BrownLight;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#bbbbbb !important;
    font-family:BrownLight;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#bbbbbb !important;
    font-family:BrownLight;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#bbbbbb !important;
    font-family:BrownLight;
}
:-moz-placeholder { /* Firefox 18- */
  color:#bbbbbb !important;
    font-family:BrownLight;
}

footer#colophon div.fcell{
    display:inline-block;
    width:20%;
    padding:0 1%;
    vertical-align: top;
}

footer#colophon:not(.mobile) div.fcell{
        transform:translateX(75px);

}

footer#colophon:not(.mobile) div.fcell:not(.fcell1){
    letter-spacing:2px;
}


footer#colophon div.frow.frow1{
    border-bottom:3px solid #ef4136;
    padding-bottom:0.3rem;
}

.site-footer .wrap{
    min-width:100%;
}

footer#colophon div.frow.frow2 .widget-title{
    display:none;
}

footer#colophon div.frow.frow3{
    text-align:center;
}

/**SINGLE POST**/
div.fakepost h1.entry-title{
    text-align:center;
    color:white;
    font-size:34pt;
    text-transform: uppercase;
    font-family:BrownLight;
    margin-bottom:50px;
}

div.mypost h1.entry-title{
    text-align:center;
    font-size:34pt;
    text-transform: uppercase;
    font-family:BrownLight;
    margin-bottom:50px;
}

div.mypost.grey h1.entry-title{
    color:#939598;
}

div.mypost h1.entry-title b{
    display:block;
}

div.fakepost div.entry-content p{
    color:white;
    font-family:BrownThin;
    text-align:center;
}

div.mypost div.entry-content p{
    color:#939598;
    font-family:BrownLight;
    text-align:center;
}

h1.bold{
    font-family:Fat !important;
    font-size:70pt;
    text-transform: uppercase;
    text-align: center;
}

h1.entry-title.atlink{
    display: block;
    background-color:#0099dd;
    padding:1rem;
    color:white;
}

h1.entry-title.atlink a{
    color:white;
}

h1.notop{
    padding-top: 0;
    margin-top: 0;
}

h1.nobottom{
    margin-bottom:0;
    padding-bottom:0;
}

div.mypost h2{
    font-family:Fat;
    font-size:60pt;
    text-transform: uppercase;
    text-align: center;
}

/*PORTFOLIO*/
div#primary.white{
    background-color:white;
}

h1.withbars::before{
    content:" ";
    background:url('img/go4digital-20.png');
    width:45px;
    height:35px;
    position:absolute;
    background-repeat: no-repeat;
    background-position:center;
    background-size:100% !important;
    left:-1rem;
    top:-1px;
}

h1.withbars.v::before{
    content:" ";
    background:url('img/go4digital-20.png');
    width:45px;
    height:35px;
    position:absolute;
    background-repeat: no-repeat;
    background-position:center;
    background-size:100% !important;
    left:0;
    right:0;
    margin:0 auto;
    top:-35px;
}

h1.withbars.v{
    text-align:center;
    margin-top:45px;
    font-family:BrownLight;
    font-size:14pt;
    padding-top:10px;
    margin-left:auto;
}

div.knowmore h1.withbars.v{
    text-align: center;
}

h1.withbars{
    position:relative;
    padding:0 50px;
    font-family:Fat;
    font-size:35px;
    line-height: 1;
    margin-left:3rem;
    color:#939598;
    text-transform: uppercase;
    text-align:left;
}

article.triggered{
    position:relative;
}

.navigation-top a{
    text-transform: uppercase;
}

@media only screen and (min-width:768px){
 
    .mobile{
        display:none;
    }
   
}



/*GALERIA*/

iframe.full{
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    left:0;
    right:0;
    height:100%;
}

 footer#colophon:not(.mobile) .fcell.fcell2{
        width:355px !important;
    }
    

/*ATIVACAO*/

div.ativacao > div.intro{
    max-width:1000px;
    margin:0 auto;
}

div.galerialink h1{
    font-size:40pt;
}

div.ativacao *{
    color:inherit;
}

div.ativacao h1.bold{
    font-size:40pt;
}

h1 a{
    box-shadow:none !important;
}

/*go4box*/
.go4digital-site-box div.knowmore{
    display:block;
    background-color:white;
    padding:2rem;
}

.go4digital-site-box .excerpt-content p{
    text-align:center;
    background-color:white;
    margin-bottom:0;
}


.go4digital-site-box .excerpt-content p:first-child{
    background-color:transparent;
    /*margin-bottom:40px;*/
}

.go4digital-site-box .entry-content{
    background-color:white;
    padding:2rem;
}

.go4digital-site-box header.entry-header{
    filter:brightness(200%);
}

.go4digital-site-box div.works{
    display:none;
}

div.knowmore{
    display:none;
}

.go4digital-site-box .myexcerpt{
    display:block;
}

.excerpt-content{
    background-color:transparent;
    padding:2rem;
}

.excerpt-content p{
    color:white;
}

/**Media queries**/
@media only screen and (max-width:768px){
    
    figure.s figcaption h1{
        font-size:30pt;
    }
    
    figure.s figcaption{
        max-height:75vh;
    }
    
    figure.s figcaption b{
        font-size:16pt;
    }
    
    footer#colophon input[type="email"], input[type="email"]{
        max-width:60%;
    }
    
    .col3 figure.b{
        max-height:50vh;
    }
    
    div.myentry-content.portfolio{
        max-width:100%;
    }
    
    .site-content-contain{
        margin-top:-1px;
    }
    
    body:not(.home){
                padding-top:5.5rem;

    }
    
    div.pagecontactos div.entry-intro p{
        font-size:12pt;
        letter-spacing: 1px;
    }
    
    div.pagecontactos div.entry-squares{
        text-align:center !important;
    }
    
    main.squares.small .col1 article.square figure.b{
        height:50vh;
    }
    
    h1.myentry-title span.withcircles::after {
        width: 15px;
        height: 15px;
        right: 0;
        top: -1rem;
        left: 0;
        margin: 0 auto;
    }
    
    h1.withbars{
        line-height:35px;
        font-size:18pt;
    }
    
    div.mypost h1.entry-title, body.page:not(.home) h1.entry-title, h1.myentry-title{
        font-size:18pt;
        text-align:center;
        padding:0;
    }
    
    body.single div.site-content.defaultpost{
        padding-top:1rem;
    }
    
    div.mypost div.entry-content p{
        padding:1rem;
    }
    

    footer#colophon div.fcell{
        margin-top:20px;
    }
    
   
     footer#colophon div.fcell, .site-footer .widget-column.footer-widget-1{
        width:100%;
    }
    
    footer.site-footer:not(.mobile){
        display:none;
    }
    
    footer.mobile{
        text-align:center;
        padding:1rem;
    }
    
    .menu-toggle .icon{
        margin-right:0;
    }
    
    .navigation-top a{
        font-size:1rem;
        
    }
    /*old menu*/
    ul#top-menu{
        border:0;
        text-align:center;
    }
    
    /*new menu
    
    ul#top-menu {
        padding-top: 1rem;
        background-color: black;
        border: 0;
        text-align: center;
        position: fixed;
        z-index: 12;
        transform: translateX(-100%);
        left: 0;
        right: 0;
        top: 0;
        transition: all 1s ease;

    }
    
    ul#top-menu.shown{
        transform:none;
    }
    */
    .col{
        min-width:100%;
    }
    
    .site-branding .wrap, .site-branding{
        padding:0 !important;
    }
    
    .site-branding{
        position:absolute;
        left:0;
        top:0;
        max-height:55px;
        margin:2rem;

    }
    
    .navigation-top a{
        /*color:#767676;*/
        color:white;
        
    }
    
    .icon.icon-close{
        /*position:static;*/
    }
    
    figure.b figcaption{
        font-size:14pt;
    }
    
     div.ativacao h1.bold{
        font-size:20pt;
         margin-bottom:0;
    }
    
     .navigation-top {
            top: 0;
            font-size: 14px;
            font-size: 0.875rem;
            left: 0;
            bottom:0;
            position: absolute;
            right: 0;
            z-index: 33;
            background-color: transparent;
            border: 0;
       
        }
    
    nav ul.menu{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.9);
    }
    
    body.single div.mypost.wrap, .single-post:not(.has-sidebar) #primary{
        max-width:100%;
        padding:0;
    }
    
}