/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/

/* Workaround for SG-4: Superfish accordion menu is not working on Android 7 devices */


#block-startupgrowth-lite-content{
    font:18px/160% 'Roboto Slab', Trebuchet MS, Sans-serif;
    font-weight: 400 !important
}


/* MENU PRINCIPAL */

#block-startupgrowth-lite-main-menu ul.menu{
    display: flex;
    flex-wrap: wrap;
    margin:10px 0 0 0;
    padding: 0;
    list-style: none;
    justify-content: center;
    font:16px/160% 'Roboto Slab', Trebuchet MS, Sans-serif;
    text-transform: uppercase
}

#block-startupgrowth-lite-main-menu ul.menu li a:hover{color: #464646}


@media (min-width:992px){

    #block-startupgrowth-lite-main-menu ul.menu li{
        display: block;
        width: 150px !important
    }


    #block-startupgrowth-lite-main-menu ul.menu li a{
        display: block;
        padding: 34px 0 0 0;
        text-align: center;
        color: #000
    }
    
    


    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(1) a{
        background: url("../../images/home.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(2) a{
        background: url("../../images/profile.svg") top center no-repeat;
        background-size: auto 30px
    }
    
     #block-startupgrowth-lite-main-menu ul.menu li:nth-child(3) a{
        background: url("../../images/servicos2.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(4) a{
        background: url("../../images/livros.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(5) a{
        background: url("../../images/blog.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(7) a{
        background: url("../../images/music.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(6) a{
        background: url("../../images/trein.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(8) a{
        background: url("../../images/contact.svg") top center no-repeat;
        background-size: auto 30px
    }
    
    
}

@media (max-width:991px){
    
    #header{
        background: #000
    }
    
    #toggle-icon .label{display: none}
    
    #header-inside{
        margin: 0 !important;
        padding: 0 !important
    }
    
    #toggle-icon{
        display: block;
        margin-top: 10px
    }
    
    #block-startupgrowth-lite-main-menu ul.menu li{
        display: block;
        width: 30% !important;
        margin: 10px
    }


    #block-startupgrowth-lite-main-menu ul.menu li a{
        display: block;
        padding: 34px 0 0 0;
        text-align: center
    }


    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(1) a{
        background: url("../../images/home.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(2) a{
        background: url("../../images/profile.svg") top center no-repeat;
        background-size: auto 30px
    }
    
     #block-startupgrowth-lite-main-menu ul.menu li:nth-child(3) a{
        background: url("../../images/servicos2.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(4) a{
        background: url("../../images/livros.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(5) a{
        background: url("../../images/blog.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(7) a{
        background: url("../../images/music.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(6) a{
        background: url("../../images/trein.svg") top center no-repeat;
        background-size: auto 30px
    }

    #block-startupgrowth-lite-main-menu ul.menu li:nth-child(8) a{
        background: url("../../images/contact.svg") top center no-repeat;
        background-size: auto 30px
    }
    
}

/* ------------------ */

.banner {
  overflow: hidden;
}


#block-startupgrowth-lite-redessociais .content ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: center
}

#block-startupgrowth-lite-redessociais .content ul li{
    display: block;
    margin: 0 5px 0 5px
}


#block-startupgrowth-lite-redessociais .content ul li a{
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -50000px
}

#block-startupgrowth-lite-redessociais .content ul li:nth-child(1) a{
    background: url("../../images/insta.svg") center center no-repeat;
    background-size: 40px 40px
}


#block-startupgrowth-lite-redessociais .content ul li:nth-child(2) a{
    background: url("../../images/tik.svg") center center no-repeat;
    background-size: 40px 40px
}

#block-startupgrowth-lite-redessociais .content ul li:nth-child(3) a{
    background: url("../../images/youtube.svg") center center no-repeat;
    background-size: 40px 40px
}

#banner{
    display: block;
    padding: 20px 0 20px 0;
    background: #f1f1f1
}


/* PUBLICAÇÕES */


@media (min-width:992px){

    .view.view-blog .view-content ul{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        justify-content: center
    }

    .view.view-blog .view-content ul li{
        display: block;
        position: relative;
        margin: 15px;
        max-width: 240px;
        padding: 15px;
        background: #f1f1f1;
        border-radius: 3px
    }

    .view.view-blog .view-content ul li .views-field.views-field-title{
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin: 10px 0 0 0;
        font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
        text-transform: uppercase;
		color: #222222
    }

    .view.view-blog .view-content ul li .views-field.views-field-created{
        display: block;
        font-size: 13px
    }

    .view.view-blog .view-content ul li a{
        display: block;
        position: absolute;
        text-indent: -50000px;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0
    }


    .more-link{
        display: block;
        text-align: center
    }

}

.field.field--name-field-video{
    display: block;
    margin: 20px 0 20px 0;
}

.statistics-counter{
    display: block;
    color: #0066cc;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.views-field.views-field-totalcount{
    display: block;
    color: #0066cc;
    font-size: 12px;
    margin-top: 15px;
    text-transform: uppercase
}

@media (max-width:991px){
    .view.view-blog .view-content ul{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        justify-content: center
    }

    .view.view-blog .view-content ul li{
        display: block;
        position: relative;
        margin: 15px ;
        width: 100% !important;
        padding: 15px;
        background: #f1f1f1;
        border-radius: 3px
    }

    .view.view-blog .view-content ul li .views-field.views-field-title{
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin: 10px 0 0 0;
        font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
        text-transform: uppercase;
		color: #222;
    }

    .view.view-blog .view-content ul li .views-field.views-field-created{
        display: block;
        font-size: 13px
    }

    .view.view-blog .view-content ul li a{
        display: block;
        position: absolute;
        text-indent: -50000px;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0
    }


    .more-link{
        display: block;
        text-align: center
    }
}

/* LIVROS */ 

.field.field--name-field-imagem-do-livro img{
    display: block;
    max-width: 480px;
    margin: 0 auto;
    margin-bottom: 20px
}

.field.field--name-field-link-para-comprar a{
    display: block;
    background: #0066cc;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
    border: #000 solid 0;
    border-radius: 7px
}

.field.field--name-field-link-para-comprar a:hover{background: #437214}

/* LIVROS - VIEWS */

@media (min-width:992px){
    .view.view-livros .view-content ul{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        justify-content: center
    }

    .view.view-livros .view-content ul li{
        display: block;
        position: relative;
        margin: 15px;
        max-width: 240px;
        padding: 15px;
        background: #f1f1f1
    }

    .view.view-livros .view-content ul li .views-field.views-field-title{
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin: 10px 0 0 0;
        font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
        text-transform: uppercase;
		color: #222;
    }

    .view.view-livros .view-content ul li .views-field.views-field-created{
        display: block;
        font-size: 13px
    }

    .view.view-livros .view-content ul li a{
        display: block;
        position: absolute;
        text-indent: -50000px;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0
    }
    
}

@media (max-width:991px){
    .view.view-livros .view-content ul{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        justify-content: center
    }

    .view.view-livros .view-content ul li{
        display: block;
        position: relative;
        margin: 15px;
        max-width: 100%;
        padding: 15px;
        background: #f1f1f1
    }

    .view.view-livros .view-content ul li .views-field.views-field-title{
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin: 10px 0 0 0;
        font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
		color: #222;
    }

    .view.view-livros .view-content ul li .views-field.views-field-created{
        display: block;
        font-size: 13px
    }

    .view.view-livros .view-content ul li a{
        display: block;
        position: absolute;
        text-indent: -50000px;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0
    }
    
}

.views-field.views-field-field-autor-es{
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 0 10px 0;
    color: #0066cc;
    font-weight: 600 !important
}


/* SERVIÇOS */

.slick--field-imagens-do-servico--full{
    display: block;
    margin-bottom: 30px
}

.view.view-servicos .view-content .views-field.views-field-title{
    display: block;
    font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
    font-size: 26px;
    color:#4F493F !important;

}

.view.view-servicos .view-content  .views-row .views-row{
    display: block;
    padding: 25px;
    margin-top: 10px;
    border:#f1f1f1 solid 1px;
    border-left: #4F493F solid 7px;
}

.view.view-servicos .view-content  .views-row .views-row a {color:#4F493F !important }

.view.view-servicos .view-content  .views-row .views-row a:visited{color:#4F493F !important }

.view.view-servicos .view-content  .views-row .views-row a:hover{
    color:#000 !important;
    text-decoration: none
}

.view.view-servicos .view-content .ui-accordion-content-active{
    padding-top: 20px
}

.view.view-servicos .view-header{
    display: block;
    margin-bottom: 30px
}