/* - ploneCustom.css - */
@media all {
/* https://www.taguai.sp.leg.br/portal_css/ploneCustom.css?original=1 */
/* */
:root {
--azul-escuro:   #1a3a5c;
--azul-medio:    #3b73b9;
--azul-claro:    #e6f0fa;
--azul-link:     #a8d1ff;
--azul-footer:   #152e4a;
--cinza-borda:   #eaeaea;
--cinza-fundo:   #f4f6f8;
--cinza-texto:   #444444;
--cinza-suave:   #555555;
--cinza-claro:   #f8f9fa;
--branco:        #ffffff;
--sombra-card:   0 4px 15px rgba(0, 0, 0, 0.08);
--sombra-hover:  0 10px 25px rgba(0, 0, 0, 0.15);
--radius-sm:  4px;
--radius-md:  8px;
--radius-lg:  12px;
--transition-base: 0.2s ease;
--transition-med:  0.3s ease;
}
/* */
#header-banner {
background: linear-gradient(180deg, #fdfdfd 0%, #f2f4f7 100%) !important;
padding: 25px 0 !important;
border-bottom: 3px solid var(--azul-escuro) !important;
box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.02) !important;
}
/* */
#portal-siteactions {
background: rgba(26, 58, 92, 0.05) !important;
padding: 6px 20px !important;
border-radius: 0 0 15px 15px !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
border-top: none !important;
}
#portal-siteactions li a {
color: var(--cinza-suave) !important;
font-size: 11px !important;
transition: color var(--transition-base) !important;
}
#portal-siteactions li a:hover {
color: var(--azul-escuro) !important;
background: transparent !important;
}
/* */
#portal-logo img {
margin-top: 4px !important;
}
/* */
.LSBox {
background: var(--branco) !important;
border: 1px solid #d1d9e0 !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
#searchGadget::placeholder {
color: #adb5bd !important;
}
/* */
/* */
#siteTitle {
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
display: block !important;
margin-bottom: 10px !important;
}
/* */
#siteTitle::before {
content: "Câmara Municipal de" !important;
display: block !important;
font-size: 18px !important;
color: var(--cinza-suave) !important;
font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.5px !important;
visibility: visible !important;
line-height: 1.2 !important;
margin-left: -20px !important;
}
/* */
#siteTitle::after {
content: "TAGUAÍ" !important;
display: block !important;
font-size: 56px !important;
color: var(--azul-escuro) !important;
font-family: "Inter", "Segoe UI", "Arial Black", sans-serif !important;
font-weight: 800 !important;
letter-spacing: -2px !important;
visibility: visible !important;
line-height: 0.9 !important;
margin-top: -4px !important;
margin-left: -20px !important;
}
/* */
#siteDescription {
font-size: 0 !important;
color: transparent !important;
margin: 0 !important;
padding: 0 !important;
}
#siteDescription::after {
content: "Capital das Confecções" !important;
display: block !important;
font-size: 12px !important;
color: #666666 !important;
font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
font-weight: 300 !important;
font-style: italic !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
visibility: visible !important;
margin-top: -8px !important;
margin-left: -15px !important;
}
/* */
#main-navigation {
background: var(--azul-escuro) !important;
margin-top: 0 !important;
}
#main-navigation ul {
display: flex !important;
justify-content: center !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
#main-navigation li {
margin: 0 !important;
list-style: none !important;
list-style-image: none !important;
background: none !important;
background-image: none !important;
}
#main-navigation li a {
color: var(--branco) !important;
padding: 15px 25px !important;
font-weight: bold !important;
text-transform: uppercase !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
transition: all var(--transition-med) !important;
}
#main-navigation li a:hover,
#main-navigation li.selected a {
background-color: var(--azul-medio) !important;
text-decoration: none !important;
}
/* */
#main-navigation ul li::before,
#main-navigation ul li::after,
#main-navigation ul li a::before,
#main-navigation ul li a::after {
content: none !important;
display: none !important;
}
/* */
#portal-breadcrumbs {
padding: 10px 20px !important;
background: var(--cinza-fundo) !important;
border-bottom: 1px solid #eeeeee !important;
font-size: 11px !important;
color: #888888 !important;
}
/* */
/* */
body #column-one .portletWrapper dl.portlet dt.portletHeader span.portletTopLeft,
body #column-one .portletWrapper dl.portlet dt.portletHeader span.portletTopRight {
display: none !important;
}
/* */
body #column-one .portletWrapper dl.portlet {
background-color: var(--branco) !important;
border: 1px solid var(--cinza-borda) !important;
border-radius: var(--radius-md) !important;
overflow: hidden !important;
box-shadow: var(--sombra-card) !important;
margin-bottom: 25px !important;
}
/* */
body #column-one .portletWrapper dl.portlet dt.portletHeader {
background-color: var(--azul-escuro) !important;
background-image: none !important;
border: none !important;
padding: 16px 15px !important;
margin: 0 !important;
}
body #column-one .portletWrapper dl.portlet dt.portletHeader a {
display: block !important;
color: var(--branco) !important;
font-weight: 600 !important;
text-transform: uppercase !important;
text-shadow: none !important;
border: none !important;
}
/* */
body #column-one .portletWrapper dl.portlet dd.portletItem,
body #column-one .portletWrapper dl.portlet ul.navTree {
background-color: var(--branco) !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
list-style: none !important;
}
/* */
body #column-one .portletWrapper dl.portlet ul.navTree li.navTreeItem {
border-bottom: 1px solid #f2f2f2 !important;
margin: 0 !important;
}
body #column-one .portletWrapper dl.portlet ul.navTree li.navTreeItem:last-child {
border-bottom: none !important;
}
/* */
body #column-one .portletWrapper dl.portlet ul.navTree li.navTreeItem a {
display: block !important;
padding: 12px 15px !important;
color: var(--cinza-texto) !important;
border-left: 4px solid transparent !important;
background-color: transparent !important;
transition: all var(--transition-base) !important;
}
body #column-one .portletWrapper dl.portlet ul.navTree li.navTreeItem a:hover {
background-color: var(--cinza-claro) !important;
color: var(--azul-escuro) !important;
border-left: 4px solid var(--azul-escuro) !important;
padding-left: 18px !important;
}
/* */
/* */
body #column-two .portletWrapper dl.portlet dt.portletHeader span.portletTopLeft,
body #column-two .portletWrapper dl.portlet dt.portletHeader span.portletTopRight {
display: none !important;
}
/* */
body #column-two .portletWrapper dl.portlet {
background-color: var(--branco) !important;
border: 1px solid var(--cinza-borda) !important;
border-radius: var(--radius-md) !important;
overflow: hidden !important;
box-shadow: var(--sombra-card) !important;
margin-bottom: 25px !important;
}
/* */
body #column-two .portletWrapper dl.portlet dt.portletHeader {
background-color: var(--azul-escuro) !important;
background-image: none !important;
border: none !important;
padding: 16px 15px !important;
margin: 0 !important;
}
body #column-two .portletWrapper dl.portlet dt.portletHeader a,
body #column-two .portletWrapper dl.portlet dt.portletHeader span {
display: block !important;
color: var(--branco) !important;
font-weight: 600 !important;
text-transform: uppercase !important;
text-shadow: none !important;
border: none !important;
}
/* */
body #column-two .portletWrapper dl.portlet dd.portletItem,
body #column-two .portletWrapper dl.portlet dd.portletFooter {
background-color: var(--branco) !important;
border: none !important;
}
/* */
body #column-two .portlet-static-links-uteis a.external-link img,
body #column-two .portlet-static-links-uteis a.internal-link img {
border: none !important;
border-radius: var(--radius-md) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
transition: transform var(--transition-base), box-shadow var(--transition-base) !important;
}
body #column-two .portlet-static-links-uteis a.external-link:hover img,
body #column-two .portlet-static-links-uteis a.internal-link:hover img {
transform: translateY(-3px) !important;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2) !important;
}
/* */
body #column-two .portlet-static-links-uteis p:empty,
body #column-two .portlet-static-links-uteis p:has(br) {
display: none !important;
}
/* */
.botoes-uteis-container {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
padding: 15px !important;
}
a.btn-link-lateral {
display: block !important;
padding: 12px 15px !important;
background-color: var(--cinza-fundo) !important;
color: var(--azul-escuro) !important;
border: 1px solid #e2e2e2 !important;
border-radius: var(--radius-md) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
font-weight: bold !important;
font-size: 13px !important;
text-align: center !important;
text-decoration: none !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
transition: all var(--transition-med) !important;
}
body #column-two a.btn-link-lateral:hover {
background-color: var(--azul-escuro) !important;
color: var(--branco) !important;
border-color: var(--azul-escuro) !important;
transform: translateY(-3px) !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}
/* */
.social-icons-container {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 25px !important;
padding: 10px 0 20px 0 !important;
}
.social-icons-container a {
display: inline-block !important;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.social-icons-container a img {
width: 48px !important;
height: auto !important;
border: none !important;
}
.social-icons-container a:hover {
transform: translateY(-8px) scale(1.15) !important;
filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.25)) !important;
}
/* */
body #column-two dl.portletEvents dd.portletItem {
padding: 16px 15px !important;
border-bottom: 1px solid #f0f0f0 !important;
}
body #column-two dl.portletEvents dd.portletItem a.tile {
display: block !important;
color: var(--azul-escuro) !important;
font-weight: bold !important;
font-size: 14px !important;
text-decoration: none !important;
margin-bottom: 6px !important;
transition: color var(--transition-base) !important;
}
body #column-two dl.portletEvents dd.portletItem a.tile:hover {
color: var(--azul-medio) !important;
}
body #column-two dl.portletEvents .portletItemDetails {
display: block !important;
font-size: 12px !important;
color: #666666 !important;
line-height: 1.5 !important;
}
body #column-two dl.portletEvents dd.portletFooter {
background-color: var(--cinza-claro) !important;
padding: 12px 15px !important;
border-top: 1px solid var(--cinza-borda) !important;
text-align: center !important;
}
body #column-two dl.portletEvents dd.portletFooter a {
color: var(--azul-escuro) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
body #column-two dl.portletEvents dd.portletFooter a:hover {
text-decoration: underline !important;
}
/* */
body #column-two dl.portletCalendar dd.portletItem {
padding: 12px !important;
}
body #column-two table.ploneCalendar {
width: 100% !important;
border-collapse: collapse !important;
border: none !important;
}
body #column-two table.ploneCalendar th {
background-color: var(--cinza-fundo) !important;
color: var(--cinza-texto) !important;
font-weight: bold !important;
font-size: 12px !important;
padding: 8px 0 !important;
text-align: center !important;
border: none !important;
border-radius: var(--radius-sm) !important;
}
body #column-two table.ploneCalendar td {
text-align: center !important;
padding: 8px 0 !important;
border: 1px solid var(--cinza-claro) !important;
color: #555555 !important;
font-size: 13px !important;
}
body #column-two table.ploneCalendar td.cal_prev_month,
body #column-two table.ploneCalendar td.cal_next_month {
color: #cccccc !important;
background-color: #fefefe !important;
}
body #column-two table.ploneCalendar td.today {
background-color: var(--azul-escuro) !important;
color: var(--branco) !important;
font-weight: bold !important;
border-radius: var(--radius-sm) !important;
box-shadow: 0 2px 4px rgba(26, 58, 92, 0.3) !important;
}
body #column-two table.ploneCalendar td.cal_has_events {
background-color: var(--azul-claro) !important;
border-radius: var(--radius-sm) !important;
}
body #column-two table.ploneCalendar td.cal_has_events a {
display: block !important;
color: var(--azul-escuro) !important;
font-weight: bold !important;
text-decoration: none !important;
}
body #column-two table.ploneCalendar td.cal_has_events a:hover {
text-decoration: underline !important;
}
/* */
body #column-two dl.portletCalendar dt.portletHeader a.calendarPrevious,
body #column-two dl.portletCalendar dt.portletHeader a.calendarNext {
display: inline-block !important;
color: var(--branco) !important;
font-size: 18px !important;
padding: 0 10px !important;
text-decoration: none !important;
transition: transform var(--transition-base) !important;
}
body #column-two dl.portletCalendar dt.portletHeader a.calendarPrevious:hover {
transform: translateX(-3px) !important;
}
body #column-two dl.portletCalendar dt.portletHeader a.calendarNext:hover {
transform: translateX(3px) !important;
}
/* */
div.cover-richtext-tile.tile-content {
text-align: center !important;
}
div.tile-parlamentares {
display: inline !important;
}
div.tile-parlamentares a.external-link {
display: inline-block !important;
vertical-align: top !important;
background-color: var(--branco) !important;
border: 1px solid var(--cinza-borda) !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
margin: 10px 15px !important;
transition: transform var(--transition-med), box-shadow var(--transition-med) !important;
}
div.tile-parlamentares a.external-link:hover {
transform: translateY(-6px) !important;
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25) !important;
}
div.tile-parlamentares a.external-link img.image-inline {
display: block !important;
border-radius: 10px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
/* */
div.cover-carousel-tile {
border: 1px solid var(--cinza-borda) !important;
border-radius: var(--radius-lg) !important;
overflow: hidden !important;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
}
div.cover-carousel-tile .galleria-info {
background: rgba(26, 58, 92, 0.8) !important;
backdrop-filter: blur(5px);
border-radius: 0 10px 0 0 !important;
bottom: 15px !important;
left: 15px !important;
right: 15px !important;
padding: 15px !important;
height: auto !important;
width: auto !important;
}
div.cover-carousel-tile .galleria-info-title a {
color: var(--branco) !important;
font-size: 18px !important;
font-weight: bold !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
div.cover-carousel-tile .galleria-info-description {
color: #e0e0e0 !important;
font-size: 14px !important;
margin-top: 5px !important;
}
div.cover-carousel-tile .galleria-image-nav-left,
div.cover-carousel-tile .galleria-image-nav-right {
opacity: 0.6 !important;
transition: opacity var(--transition-med) !important;
}
div.cover-carousel-tile .galleria-image-nav-left:hover,
div.cover-carousel-tile .galleria-image-nav-right:hover {
opacity: 1 !important;
}
/* */
#ad8fdac1fde84a87963937de8c8cfe3c,
#f1db609007784534b22b1c05461dcac7 {
margin-bottom: 25px !important;
border: 1px solid var(--cinza-borda) !important;
border-radius: var(--radius-lg) !important;
overflow: hidden !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
transition: transform var(--transition-med), box-shadow var(--transition-med) !important;
}
#ad8fdac1fde84a87963937de8c8cfe3c:hover,
#f1db609007784534b22b1c05461dcac7:hover {
transform: translateY(-5px) !important;
box-shadow: var(--sombra-hover) !important;
}
#ad8fdac1fde84a87963937de8c8cfe3c img,
#f1db609007784534b22b1c05461dcac7 img {
display: block !important;
width: 100% !important;
height: auto !important;
border-radius: 10px !important;
}
/* */
.titulo-parlamentares-moderno {
display: block !important;
width: fit-content !important;
min-width: 300px !important;
background-color: var(--azul-escuro) !important;
color: var(--branco) !important;
border: none !important;
border-radius: var(--radius-md) !important;
padding: 15px 20px !important;
margin: 30px auto 20px auto !important;
font-weight: bold !important;
font-size: 1.4em !important;
text-align: center !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}
/* */
#af9a46450a444b4cbc6718d1d92a00b4 .cover-richtext-tile {
padding: 0 !important;
background: transparent !important;
}
/* */
/* */
body .tile-noticias .tile-content {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
justify-content: flex-start !important;
}
body .tile-noticias .tile-header,
body .tile-noticias .tile-footer {
flex: 0 0 100% !important;
}
body .tile-noticias .collection-item {
display: flex !important;
flex-direction: column !important;
flex: 1 1 calc(50% - 20px) !important;
min-width: 300px !important;
background-color: var(--branco) !important;
border: 1px solid var(--cinza-borda) !important;
border-radius: var(--radius-lg) !important;
padding: 20px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
margin: 0 !important;
}
body .tile-noticias .collection-item h2 a {
color: var(--azul-escuro) !important;
font-size: 1.2em !important;
font-weight: bold !important;
}
body .tile-noticias .collection-item p.description {
flex-grow: 1 !important;
font-size: 13px !important;
color: var(--cinza-suave) !important;
}
body .tile-noticias .collection-item img {
width: 100% !important;
height: 180px !important;
object-fit: cover !important;
border-radius: var(--radius-md) !important;
margin-top: 15px !important;
}
/* */
body .tile-noticias .tile-header {
margin: 50px auto 35px auto !important;
text-align: center !important;
border: none !important;
}
body .tile-noticias .tile-header h2 {
display: inline-block !important;
background-color: var(--azul-escuro) !important;
color: var(--branco) !important;
border: none !important;
border-radius: var(--radius-md) !important;
padding: 15px 40px !important;
font-weight: bold !important;
font-size: 1.4em !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
/* */
body .tile-noticias .tile-footer,
body #main-content .tile-noticias .tile-footer {
display: block !important;
float: none !important;
clear: both !important;
text-align: center !important;
padding: 40px 0 !important;
margin: 20px 0 !important;
border-bottom: 1px solid #dddddd !important;
}
body .tile-noticias .tile-footer a,
body #main-content .tile-noticias .tile-footer a {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
background-color: var(--azul-escuro) !important;
color: var(--branco) !important;
padding: 12px 40px !important;
border-radius: 25px !important;
font-weight: bold !important;
font-size: 0 !important; /* */
text-decoration: none !important;
opacity: 1 !important;
visibility: visible !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
/* */
body .tile-noticias .tile-footer a::after {
content: "MAIS NOTÍCIAS" !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
body .tile-noticias .tile-footer a:hover {
background-color: var(--azul-medio) !important;
color: var(--branco) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
}
/* */
.titulo-sessao-moderno,
body #main-content .titulo-sessao-moderno {
display: block !important;
width: fit-content !important;
background-color: var(--azul-escuro) !important;
color: var(--branco) !important;
border-radius: var(--radius-md) !important;
padding: 15px 40px !important;
margin: 20px auto 30px auto !important;
font-weight: bold !important;
font-size: 1.4em !important;
text-align: center !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
clear: both !important;
}
/* */
#e49645c0c4c24aebb99af5703855306f .cover-embed-tile {
display: flex !important;
flex-wrap: wrap !important;
gap: 25px !important;
justify-content: center !important;
padding: 20px 10px !important;
}
/* */
#e49645c0c4c24aebb99af5703855306f iframe {
flex: 1 1 calc(45% - 20px) !important;
min-width: 300px !important;
max-width: 560px !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
background-color: #000000 !important;
border: 1px solid var(--cinza-borda) !important;
border-radius: var(--radius-lg) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1) !important;
transition: transform var(--transition-med) !important;
}
#e49645c0c4c24aebb99af5703855306f iframe:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15) !important;
}
/* */
#footer-total {
background-color: var(--azul-escuro) !important;
border-top: 5px solid var(--azul-medio) !important;
padding: 0 !important;
}
.footer-premium {
display: flex;
align-items: flex-start;
gap: 50px;
max-width: 1100px;
margin: 0 auto;
padding: 60px 20px;
color: var(--branco);
}
/* */
.footer-brand {
flex: 1;
text-align: center;
}
.f-logo {
height: 100px;
margin-bottom: 20px;
}
.f-titles h2 {
font-size: 20px !important;
font-weight: 800 !important;
color: var(--branco) !important;
text-transform: uppercase;
margin: 0 !important;
}
.f-cnpj {
font-size: 12px;
color: var(--azul-link);
letter-spacing: 1px;
}
.f-slogan {
font-family: 'Georgia', serif;
font-style: italic;
font-size: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
padding-top: 15px;
margin-top: 25px;
}
/* */
.f-vertical-line {
width: 1px;
align-self: stretch;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3), transparent);
}
/* */
.footer-contact {
flex: 1.5;
}
.f-row {
display: flex;
gap: 15px;
font-size: 14px;
}
.f-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 25px;
}
.f-section h4 {
display: inline-block !important;
color: var(--azul-link) !important;
font-size: 13px !important;
font-weight: inherit !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
border-bottom: 1px solid rgba(168, 209, 255, 0.3) !important;
margin-bottom: 10px !important;
}
.f-section ul {
list-style: none !important;
padding: 0 !important;
}
.f-section li,
.f-section p {
font-size: 13px;
line-height: 1.8;
}
/* */
#footer-colophon {
background: var(--azul-footer) !important;
padding: 20px 0 !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.colophon-info {
font-size: 11px !important;
color: rgba(255, 255, 255, 0.5) !important;
}
/* */
@media (max-width: 767px) {
/* */
#content .cover-carousel-tile,
.galleria-container {
display: block !important;
visibility: visible !important;
width: 100% !important;
height: 280px !important;
}
.galleria-stage {
height: 220px !important;
}
.galleria-info {
bottom: 5px !important;
}
/* */
#header-banner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
padding: 80px 10px 20px 10px !important;
}
#portal-logo {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
margin: 0 auto !important;
}
#portal-logo img {
width: auto !important;
height: 60px !important;
margin-bottom: 15px !important;
}
/* */
#siteTitle {
display: block !important;
width: 100% !important;
font-size: 1px !important;
color: transparent !important;
line-height: 0 !important;
}
#siteTitle::before {
content: "Câmara Municipal de" !important;
display: block !important;
font-size: 14px !important;
color: #555555 !important;
visibility: visible !important;
line-height: 1.2 !important;
}
#siteTitle::after {
content: "TAGUAÍ" !important;
display: block !important;
font-size: 36px !important;
color: var(--azul-escuro) !important;
font-family: "Arial Black", sans-serif !important;
visibility: visible !important;
line-height: 1 !important;
margin-top: 2px !important;
}
#siteDescription::after {
content: "Capital das Confecções" !important;
display: block !important;
font-size: 14px !important;
letter-spacing: 1px !important;
visibility: visible !important;
margin-top: 5px !important;
}
/* */
#portal-siteactions {
position: absolute !important;
top: 5px !important;
left: 0 !important;
width: 100% !important;
justify-content: center !important;
}
/* */
#portal-searchbox {
position: relative !important;
width: 90% !important;
margin: 20px auto !important;
}
/* */
#main-navigation {
width: 100% !important;
}
#main-navigation ul {
flex-direction: column !important;
}
#main-navigation li a {
text-align: center !important;
padding: 12px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
}
}