/**
 * @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;
}*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.header-top-highlighted{
    background: none !important
}

.logo-and-site-name-wrapper.clearfix{
    display: block !important;
    width: 280px;
    height: auto;
    margin: 0 auto;
}

.logo-and-site-name-wrapper.clearfix img{
    display: block;
    padding: 30px 0 30px 0;
    height: 280px
}

.clearfix.header-top.region--light-typography.region--dark-background{
    display: block;
    background: #003366 !important
}

.region.region-content{
    font: 17px/160% 'Roboto Slab', Trebuchet MS, Sans-serif;
}


/* MENU */

.header-container ul.menu{
    padding: 10px 0 0 0
}

.header-container ul.menu li a.mn_front{
    background: url("../../../../../../imagens/home.svg") center 2px no-repeat;
    background-size: 28px 28px
}

.header-container ul.menu li a.mn_front:hover{
    background: url("../../../../../../imagens/home2.svg") center 2px no-repeat;
    background-size: 28px 28px;
    color: #7cd300 !important
}

.header-container ul.menu li a.mn_sobre{
    background: url("../../../../../../imagens/sobre1.svg") center top no-repeat;
    background-size: 32px 32px
}

.header-container ul.menu li a.mn_sobre:hover{
    background: url("../../../../../../imagens/sobre2.svg") center top no-repeat;
    background-size: 32px 32px;
    color: #7cd300 !important
}

.header-container ul.menu li a.mn_produtos{
    background: url("../../../../../../imagens/produtos.svg") center top no-repeat;
    background-size: 32px 32px
}

.header-container ul.menu li a.mn_produtos:hover{
    background: url("../../../../../../imagens/produtos2.svg") center top no-repeat;
    background-size: 32px 32px;
    color: #7cd300 !important
}

.header-container ul.menu li a.mn_treinamentos{
    background: url("../../../../../../imagens/treinamento.svg") center top no-repeat;
    background-size: 32px 32px
}

.header-container ul.menu li a.mn_treinamentos:hover{
    background: url("../../../../../../imagens/treinamento2.svg") center top no-repeat;
    background-size: 32px 32px;
    color: #7cd300 !important
}

.header-container ul.menu li a.mn_contato{
    background: url("../../../../../../imagens/contato.svg") center top no-repeat;
    background-size: 32px 32px 
}

.header-container ul.menu li a.mn_contato:hover{
    background: url("../../../../../../imagens/contact2.svg") center top no-repeat;
    background-size: 32px 32px;
    color: #7cd300 !important
}


.header-container ul.menu li a.mn_servicos{
    background: url("../../../../../../imagens/servicos.svg") center top no-repeat;
    background-size: 32px 32px 
}

.header-container ul.menu li a.mn_servicos:hover{
    background: url("../../../../../../imagens/servicos2.svg") center top no-repeat;
    background-size: 32px 32px;
    color: #7cd300 !important
}

.header-container ul.menu li a.mn_parceiros{
    background: url("../../../../../../imagens/parceiros.svg") center top no-repeat;
    background-size: 32px 32px 
}

.header-container ul.menu li a.mn_parceiros:hover{
    background: url("../../../../../../imagens/parceiros2.svg") center top no-repeat;
    background-size: 32px 32px;
    color: #7cd300 !important
}


.header-container ul.menu li a.mn_curriculos{
    background: url("../../../../../../imagens/curriculos.svg") center top no-repeat;
    background-size: 32px 32px 
}

.header-container ul.menu li a.mn_curriculos:hover{
    background: url("../../../../../../imagens/curriculos2.svg") center top no-repeat;
    background-size: 32px 32px;
    color: #7cd300 !important
}

/* BANNERS */

.contextual-region.view.view-banners .views-slideshow-controls-bottom.clearfix{display: none}

.views_slideshow_cycle_teaser_section,
.views_slideshow_cycle_slide.views_slideshow_slide{width: 100% !important}

.views_slideshow_cycle_main.views_slideshow_main img{width: 100% !important}

.clearfix.banner.region--dark-typography.region--gray-background{
    padding: 0 !important;
    background: #000;
    margin-top: 1px !important
}


.contextual-region.view.view-banners img{
    width: 100% !important
}

 
/* PRODUTOS EM DESTAQUE */

.view.view-produtos .view-content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin: 0;
    padding: 0;
    list-style: none
}


.view.view-produtos .view-content ul li{
    display: block;
    position: relative;
    width: 24%;
    margin: 5px;
    padding: 20px;
    background: #fff;
    border-radius: 11px;
    text-align: center
}

.view.view-produtos .view-content ul li:hover{
    border: #0066cc solid 3px !important
}


.content-top{
    display: block;
    padding: 50px 0 50px 0 !important;
    background: #f7f7f7;
}

.content-top__section{
    display: block;
    margin: 0;
    padding: 0
}

.views-field.views-field-view-node{
    display: block;
    height: 1px
}

.views-field.views-field-view-node a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-indent: -50000px
}

.view.view-produtos .view-content ul li .views-field.views-field-title{
    display: block;
    margin-top: 15px
}


.view.view-produtos .view-content ul li .views-field.views-field-title .field-content{
    display: block;
    font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
    font-size: 12px !important;
    text-align: center;
    font-style: normal !important;
    font-weight:bold;
    color:#000;
    padding: 0 15px 0 15px 0 !important;
    text-transform: uppercase
}

.view.view-produtos .view-content ul li .views-field.views-field-field-categoria-do-produto{
    display: block;
    font-family: 'Roboto Slab', Trebuchet MS, Sans-serif;
    font-weight: bold;
    font-size: 10px;
    padding: 5px;
    background: #f4f4f4;
    color: #000;
    text-align: center;
    margin-top: 15px;
    border-radius: 5px;
    text-transform: uppercase
}


.path-produtos .main-content{
    background: #f7f7f7
}


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

.path-produtos .main-content .view.view-produtos .view-content ul li{
    display: block;
    position: relative;
    margin: 2px !important;
    padding: 20px;
    background: #fff;
    border-radius: 11px;
    text-align: center
}


.views-field.views-field-field-logotipo-da-marca{
    display: block;
    padding: 15px 0 15px 0;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    clear: both
}


.view-filters{
    display: block;
    padding:0 20px 0 20px;
    background: #fff;
    border-radius: 9px;
    margin-bottom: 20px
}

.form--inline .form-item{
    margin-right: 15px !important
}



/* SERVIÇOS */

.view.view-servicos .view-header {
    font: 17px/160% 'Roboto Slab', Trebuchet MS, Sans-serif;
}


.cycle-slideshow img{
    width: 100% !important
}


.imagefield_slideshow-wrapper{
    margin-bottom: 20px !important;
    border: none !important
}

.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;
    font: 17px/160% 'Roboto Slab', Trebuchet MS, Sans-serif !important;
}

.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
}

/* PARCEIROS */

.view.view-parceiros .view-header {
    font: 17px/160% 'Roboto Slab', Trebuchet MS, Sans-serif;
    margin-bottom: 20px
}

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

.view.view-parceiros .view-content ul li{
    display:flex;
    flex-wrap: wrap;
    position: relative;
    width: 250px;
    align-content: center;
    margin: 10px !important;
    padding: 10px;
    background: #fff;
    border-radius: 11px;
    text-align: center;
    vertical-align: middle !important;
    border:#c1c1c1 solid 1px
}


.view.view-parceiros .view-content ul li .views-field.views-field-title{display: none !important}