/********************************************************* geral */
:root {
    font-size: 62.5%; /*  62.5% = 10px (a cada 1rem será considreado 10px) */
}
body.view-page{
	background: #fff;
}
body.view-category:not(.layout-blog) .bannergroup {
    margin-bottom: 0;
}
body,
p {
    font-family: arial !important;
    font-size: 1.6rem;
}
a {
    color: #221A1A;
}
a:hover {
    color: #221A1A;
}
blockquote {
    color: #ef3f48;
    font-size: 2.0rem;
    font-style: italic;
    hyphens: none;
    text-align: center;
    padding-top: 10px;

}
.jg_catdescr p span {
    font-size: 1.4rem !important;
}
b, strong {
    font-weight: bold;
}
/*------------------------------ Largura do Contaniers */
.container > .row>* {
        /* max-width: 100%;*/
        padding: 0;
        margin: 0; 
} 
#sp-component{
    max-width: 1170px;
}

/*------------------------------ Paginador */
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ef3f48;
    border-color: #ef3f48;
}

/*------------------------------ container conteudo */
#sp-main-body{
    padding: 0;
}
 #sp-main-body .container {
  max-width: 1170px;
  margin-top: 100px;
}
.view-article #sp-main-body {
    padding-top: 0px;
    padding-bottom: 0;
}
/*------------------------------ Icone lateral pagina*/
#icone{
background-color: #ef3f48;
display: flex;
width: 48px;
height: 48px;
margin-bottom: -48px;
position: absolute;
align-items: center;
justify-content: center;
}
.icone-pagina .fa{
 font: normal normal normal 14px/1 FontAwesome;
 font-size: 23px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 color: #fff
}
/*------------------------------ Icone geral*/
.fa {
    font-size: 23px;
}

.close-offcanvas i.fa{
    font-size: 16px;
}

body.view-featured{
	background: #fff;
}
/*------------------------------ Titulos Módulos */
#sp-ultimas-noticias .sp-module h3.sp-module-title,
#sp-informativo .sp-module h3.sp-module-title,
#sp-opiniao-classista .sp-module h3.sp-module-title {
    color: #656565;
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 20px;
}
/*----------------------- Conteúdo */
.item.item-page .entry-header h2 {
    margin-bottom: 20px;
}
.item.item-page .entry-header {
    padding: 0 !important;
    padding: 60px 20px 20px 20px !important;
    margin-left: 0;
}
.post-format {
    left: 0px;
}
.pagenavigation ul{
    display: flex;
    justify-content: space-between;
}
.pagination {
    padding-right: 61px;
    padding-left: 5px;
}
.pagination [class^="icon-"], [class*=" icon-"] {
    line-height: 19px;
}


.blog-details-content .blog-content-wrap {
    padding: 0 190px 10px;
}
/*------------------------------ Resustado Busca */
body.com-search.view-search .search:not(.top-search) {
    color: #656565;
}
.page-title{
    margin-top: 25px;
}
.search h2 {
    font-weight: 500;
    font-size: 36px;
    color: #000000;
}
.search .search-results dt.result-title {
    margin-top: 5px;
}
.search .search-results dd{
	margin: 0;
}
dt.result-title {
 font-weight: 700;
}
dd.result-category {
 padding: 0;
}
dd.result-text{
 line-height: 1.5;
 padding-bottom: 20px;
}
.search dd.result-created{
    font-size: 12px;
    font-weight: 700;
}
.badge {
    display: inline-block;
    font-size: .75em;
    font-weight: 700;
    line-height: 0.8;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 9px;
    background-color: #ef3f48;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    padding-right: 9px;
    padding-left: 9px;
}
.element-invisible{
    flex-basis: 237px;
}
.search .btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    float: right;
}
.searchintro{
    margin-bottom: 30px;
}
.search .phrases .phrases-box .controls label {
    display: inline-block;
    margin: 0;
}
.form-check-input:checked {
    background-color: #ef3f48;
    border-color: #ef3f48;
}
.search .phrases{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.search .phrases legend{
    flex-basis: 100%;
    padding-bottom: 0px;
}
.search .only{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.search .only legend{
    flex-basis: 100%;
    padding-bottom: 0px;
    margin: 0;
}
.search .only label {
    margin: 0;
margin-right: 5px;
}
.busca-checkbox{
margin: 0;
padding: 0;
}
.search .form-limit select{
    width: 85px;
}
.search .counter{
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding-bottom: 8px;
    font-weight: 700;
}
.com-search.view-search .btn-toolbar {
    display: flex;
    align-items: end;
    margin-left: -153px;
    margin-top: 30px;
    margin-bottom: 0px;
  }
.sp-module {
    margin-top: 0;
}

/*--------------------------------------- menu hamburguer */
#offcanvas-toggler {
    float: right;
    line-height: 55px;
    margin-left: 2rem;
    margin-top: 8px;
    font-size: 2.0rem;
}
#offcanvas-toggler > i {
    color: #fff;
    font-size: 35px;
}
/*********************************************************sp-redes-topo*/
#sp-redes-topo > .container {
    width: 100%;
    max-width: 1170px;
    height: 40px;
    background: #221A1A;
} 

#sp-redes-topo > .container > .row {
    display: grid;
    grid-template-columns: 50px 3fr 1fr;
    justify-items: end;
    align-items: center;
    margin: 0;
    padding: 0;
    height: inherit;
    column-gap: 20px;
}

#sp-redes-topo .col-lg-4 {
    max-width: auto;
    width: auto;
    padding: 0;
    margin: 0; 
}
#sp-redes-topo  > .container > .row>* {
    max-width: 100%;
}



#sp-redes-topo .redes{
    display: flex;
    margin: 0;
    padding: 0;
}
#sp-redes-topo .area-seeb{
    display: flex;
}
#sp-redes-topo .fa {
    font-size: 1.8rem;
    color: #fff;
    padding-left: 8px;
}



/*********************************************************sp-topo */
#sp-topo > .container {

    width: 100%;
    height: 131px;
    max-width: 1170px;
    padding: 0;
} 
#sp-topo > .container > .row {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    margin: 0;
    padding: 0;
    justify-items: end;
    height: inherit;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
}
#sp-topo .col-lg-4 {
    max-width: auto;
    width: auto;
    padding: 0;
    margin: 0; 
}
#sp-topo  > .container > .row>* {
    max-width: 100%;
}

/*------ logo -----*/
#sp-logo .sp-column .logo {
    margin-left: 0;
}
#sp-logo img {
    min-width: 285px;    
}



/********************************************************* sp-menu */
#sp-header{
	background: #222a33 !important;
	border-bottom: 5px solid #f24d34;
	max-width: 100%;
	height: 62px;
	z-index: 99999999;
}
#sp-header > .container {
    width: 100%;
    max-width: 1170px;
    padding: 0;
} 
#sp-header > .container > .row {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    margin: 0;
    align-items: center;
}
#sp-menu.col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    padding: 0;
}
#sp-menu.col-lg-9{
    padding: 0;
    margin: 0;
    width: 100%;
}

 /*---------------------------------------------------------------- menu*/
 .sp-megamenu-parent > li > a {
    font-family: 'Open Sans';
    font-weight: normal !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase;
    color: #fff;
    line-height: 57px;
    padding: 0 10px;
    border-left: 1px solid #2c3742;
    border-right: 1px solid #181d24;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
    color: #fff;
    background-color: #F5232A !important;
}
#sp-header .sp-megamenu-wrapper {
    float: left;
    padding-right: 0;
	margin-left: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #BF2023;
    padding: 0;
}
 /*---------------------------------------------------------------- submenu*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
	background: none repeat scroll 0% 0% #BF2023;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 99999;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 10px;
    cursor: pointer;
    font-family: Calibri !important;
    font-weight: normal !important;
    font-size: 20px !important;
    text-shadow: 2 1px #b71b1b;
    letter-spacing: 0.7px !important;
    text-transform: capitalize !important;
    color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a ,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus {
	transition: none;
    color: #fff;
    position: relative;
    background-color: #F5232A !important;
    display: block;
    text-shadow: 0 1px #b71b1b;
}

 /*---------------------------------------------------------------- Busca*/
.adminform button, #adminForm button, .button, button[type="submit"], input[type="submit"], input[type="button"]#sp-search input#mod-search-searchword, input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="email"], select, textarea, .inputbox{
    transition: all 400ms ease 0s;
}
#mod-search-searchword {
  margin: 0;
  position: relative;
  z-index: 999;
}
div.busca form i.icon-search{
	display:none;
}
.busca input#mod-search-searchword, .busca
 input#mod-finder-searchword {
	width:190px;
	border:1px solid #d7d7d7;
	border-radius: 0;
	background: #fff url(../images/style3/search.png) no-repeat 96% 50%;
	/* position: absolute;
	right: 0px;
	top: 13px; */
}
.busca input#mod-search-searchword:hover, .busca
 input#mod-finder-searchword:hover{
	background-color: #fff;
}
.busca input#mod-search-searchword:focus, .busca
 input#mod-finder-searchword:focus{
	width:190px;
}
/********************************************************* sp-slide */
#sp-slider > .container {
    width: auto;
    max-width: 1170px;
    padding: 0;
    margin-top: 20px;
} 
#sp-slider > .container > .row {
    display: grid !important;
    grid-template-columns: 2fr 1fr;
    column-gap: 20px;
    padding: 0;
    margin: 0;

}

#sp-slider .col-lg-9, #sp-slider .col-lg-3  {
    max-width: auto;
    width: auto;
    padding: 0;
    margin: 0; 
}
#sp-slider  > .container > .row>* {
    max-width: 100%;
}





/*************************************************************************** Responsivo */
/* Ajusta para telas a partir de 1171px */
@media (min-width: 1171px) {

    /*----------- Área sp-redes-topo ---------*/
    #sp-redes-topo .area-seeb{
       padding-right: 10px;
    }
}

/* Ajusta para telas a partir de 1170px */
@media only screen and (max-width: 1170px) {

    /*----------- Área Container sp-redes-topo ---------*/
     #sp-redes-topo > .container {
        padding: 0 20px;
    }     
    /*----------- Área Container menu ---------*/
     #sp-topo > .container {
         padding: 0 20px;
     }
    /*----------- Área Container menu ---------*/
    #sp-header > .container {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 992px) and  (max-width: 1093px) {}
@media only screen and (max-width: 991px){
    #sp-topo > .container > .row {
        display: grid;
        grid-template-columns: 1fr 2fr;
        justify-items: end;
    }
}
@media only screen and (max-width: 600px) {
    #sp-topo > .container > .row {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
    }
    #sp-banner-topo{
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    #sp-redes-topo > .container > .row {
        display: grid;
        grid-template-columns: 50px 3fr;
        justify-items: end;
        align-items: center;
        margin: 0;
        padding: 0;
        height: inherit;
        column-gap: 20px;
    }
}

@media only screen and (max-width: 360px) {
    #sp-redes-topo > .container {
        padding: 0 10px;
    }
    #sp-redes-topo > .container > .row {
        column-gap: 0px;
    }
}
  
  

  /*------------------------------ imagens */
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    width: 100% !important;
  }