.main-grid {
display: grid;
display: -ms-grid;
grid-template-areas:
"menu-ingresso menu-perfil          menu-perfil          menu-perfil"
"menu          noticia              noticia              acesso-rapido"
"menu          grade-1              grade-2              grade-3"
"menu          grade-4              grade-5              grade-6";
-ms-grid-columns: 13em 3em 1fr 3em 1fr 3em 1fr;
grid-template-columns: 13em 1fr 1fr 1fr;
-ms-grid-rows: 210px 3em auto 3em auto 3em auto;
grid-template-rows: minmax(210px, auto) auto auto auto;
grid-gap: 3em;
}
@media (max-width: 990px) {
.main-grid {
display: -ms-grid;
display: grid;
grid-template-areas:
"menu-ingresso"
"menu-perfil"
"noticia"
"acesso-rapido"
"grade-1"
"grade-2"
"grade-3"
"grade-4"
"grade-5"
"grade-6";
-ms-grid-columns: auto;
grid-template-columns: auto;
grid-row-gap: 1em;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
} .menu-acesso-perfil {
display: -ms-grid;
display: grid;
padding: 0;
grid-area: menu-perfil;
text-shadow: #000 0 1px 2px;
-ms-grid-column: 3;
-ms-grid-column-start: 2;
-ms-grid-column-span: 5;
-ms-grid-row-start: 1;
-ms-grid-row: 1;
-ms-grid-row-end: 2;
-ms-grid-columns: auto;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.5%;
justify-content: space-between;
}
.menu-acesso-perfil a {
font-size: 1.7em;
font-weight: bold;
line-height: 1.1;
position: relative;
transition: background 0.3s;
color: white !important;
background-image: var(--imagem);
background-color: var(--cor-fundo-transparente);
background-position: center;
background-size: cover;
background-blend-mode: luminosity;
}
.menu-acesso-perfil a:hover {
background-color: var(--cor-fundo-hover);
}
.menu-acesso-perfil a span {
position: absolute;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 30%;
padding: 0.22em;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(0, 0, 0, 1) 100%
);
}
@media (max-width: 1200px) {
.menu-acesso-perfil a {
font-size: 1.4em;
}
.menu-acesso-perfil a span {
height: 35%;
}
}
@media (max-width: 990px) {
.menu-acesso-perfil {
-ms-grid-columns: 1fr 1.5% 1fr;
grid-template-columns: repeat(2, 1fr);
text-shadow: none;
}
.menu-acesso-perfil a {
font-size: 1.3em;
font-weight: bold;
transition-duration: 0;
max-width: 100%;
height: 100px;
max-height: 100%;
border-top: 0.25em solid var(--cor-borda);
background-image: none; }
.menu-acesso-perfil a span {
display: flex;
width: 100%;
height: 100%;
background: none;
text-align: center;
align-items: center;
justify-content: center;
}
}
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
.menu-acesso-perfil {
display: -ms-flexbox;
}
.menu-acesso-perfil a span {
width: 150px;
height: auto;
margin-bottom: 3em;
display: -ms-flexbox;
flex-position: row;
}
} .noticia-index {
-ms-grid-column: 3;
-ms-grid-column-span: 3;
-ms-grid-column-end: 4;
-ms-grid-row: 3;
-ms-grid-row-end: 3;
-ms-grid-column: span 2;
grid-area: noticia; overflow: hidden;
}
@media (max-width: 990px) {
.noticia-index {
-ms-grid-column-span: 1 !important;
grid-column: span 1 !important;
}
} .grid-portal {
display: -ms-grid;
display: grid;
grid-template-areas: "menus conteudo";
-ms-grid-columns: 13em 3em 1fr;
grid-template-columns: 13em auto;
grid-gap: 3em;
}
.menus {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
display: grid;
grid-template-areas: "menu-ingresso" "menu";
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
-ms-grid-rows: 210px 1em auto;
grid-template-rows: 210px auto;
grid-row-gap: 1em;
}
@media (max-width: 990px) {
.grid-portal {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto 0.5em auto;
grid-template-areas: "acesso-rapido" "conteudo";
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 0.5em;
}
.menus {
display: none;
}
}
.acesso-rapido-portal ul {
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.acesso-rapido-portal ul li {
flex: 1 0;
flex-basis: 24%;
padding: 0.5em;
margin: 0.2em;
}
@media (max-width: 990px) {
.acesso-rapido-portal ul li {
flex-basis: 33%;
}
}
.grid-portal .conteudo-portal .menu-item-icone {
padding-left: 0;
}
.acesso-rapido-portal .menu-com-icone-item .menu-item-icone {
padding-left: 0.25em;
}
.acesso-rapido-portal ul li {
background-color: var(--cor-fundo);
border-top: 0.25em solid var(--cor-borda);
overflow: hidden;
}
.acesso-rapido-portal ul li:hover {
background-color: var(--cor-fundo-hover);
}
.acesso-rapido-portal ul li a {
display: block;
height: 100%;
color: var(--cor-texto);
word-break: break-word;
}
.menus-esquerda {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-span: 3;
grid-row-end: 5;
font-size: 12.5px;
}
.conteudo-portal {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: conteudo;
}
.conteudo-portal .section-title {
text-transform: uppercase;
}
.conteudo-menus ul {
list-style: none;
padding: 0;
padding-bottom: 2em;
padding-top: 0.4em;
}
.conteudo-menus div > ul > li > a {
color: rgb(245, 203, 92);
font-weight: bolder;
font-size: 26px;
}
.conteudo-menus div ul ul {
color: black;
font-size: 16px;
}
.conteudo-menus div ul ul li {
display: flex;
flex-direction: row;
border-bottom: 0.1em solid #dfdfdf;
margin-bottom: 0.5em;
margin-top: 0.25em;
}
.conteudo-menus div ul ul li:last-child {
border-bottom: 0;
} .grid-evento-geral {
display: -ms-grid;
display: grid;
grid-template-areas: "menus-evento-geral conteudo-evento-geral";
grid-gap: 2.5em;
-ms-grid-columns: 150px 2.5em auto;
grid-template-columns: 150px auto;
}
.menus-evento-geral {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: menus;
-ms-grid-column-start: 1;
-ms-grid-column-end: 2;
-ms-grid-row-start: 2;
-ms-grid-row-end: 5;
display: -ms-grid;
display: grid;
grid-template-areas:
"menu-ingresso"
"menu";
-ms-grid-rows: 210px 1em auto;
grid-template-rows: 210px auto;
grid-row-gap: 1em;
}
@media (max-width: 990px) {
.conteudo-portal {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
}
.menus-evento-geral {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: menus-evento-geral;
}
.conteudo-evento-geral {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: conteudo-evento-geral;
}
.conteudo-single h2,
.conteudo-busca h2 {
margin-top: 0;
} .conteudo-perfil ul {
list-style: none;
padding: 0;
padding-bottom: 2em;
padding-top: 0.4em;
} .conteudo-perfil ul ul > li:before {
content: "\f054";
font-family: "FontAwesome";
margin-right: 1.2em;
}
.conteudo-perfil > ul > li {
color: var(--cor-titulo);
font-weight: bold;
font-size: 26px;
}
.conteudo-perfil ul li ul {
color: #333;
font-weight: initial;
font-size: medium;
padding-top: 0.5em;
}
.conteudo-perfil ul li ul li {
border-bottom: 0.1em solid #dfdfdf;
margin-bottom: 0.5em;
margin-top: 0.25em;
}
.conteudo-perfil ul li ul li:last-child {
border-bottom: 0;
}