Ir para o conteúdo

Predefinição:Processo estratégico WMB 2025/style.css

Grupo de Usuários Wiki Movimento Brasil
.mw-heading {
	border: none;
	margin: 2em 0;
	text-align: center;
}

h2 { color: #12589E; font-weight: bold; font-size: 2em; }
h3 { font-style: italic; font-weight: bold; font-size: 1.25em; }

.header-menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
	gap: 0.8em;
	margin-bottom: 1.6em;
}

.header-menu a {
	flex: 1;
	padding: 0.4em;
	transition: all 500ms ease;
	border-bottom-width: 0.8em;
	border-bottom-style: solid;
	border-bottom-color: #CACACA;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	background-color: #F1F1F1;
}

.header-menu .active-menu-item + a { background-color: #FAFAFA; color: #12589E;  border-bottom-color: #12589E; }

.header-menu a:hover { background-color: #FAFAFA; color: #12589E; }
.header-menu a:nth-child(odd):hover { border-bottom-color: #0B8933; }
.header-menu a:nth-child(even):hover { border-bottom-color: #CFB22B; }

.header-menu .active-menu-item + a:hover { background-color: #FAFAFA; color: #12589E;  border-bottom-color: #12589E; }

.custom-content {
	padding: 5%;
	border-width: 0.8em 0;
	border-style: solid;
	border-top-color: #0B8933;
	border-bottom-color: #CFB22B;
	font-size: 1.15em;
}
.text-highlight { text-align: center; }
.text_signature { text-align: right; font-style: italic; }

.methodology-table, .custom-table { border-collapse: collapse; width: 100%; }
.methodology-table { text-align: center; width: 100%; }
.methodology-table tr:nth-child(even), .custom-table tr:nth-child(odd) { background-color: #FAFAFA; }
.methodology-table tr:nth-child(odd), .custom-table tr:nth-child(even) { background-color: #FFFFFF; }
.methodology-table tr:nth-child(2), .custom-table tr:nth-child(1) { background-color: #CACACA; border-width: 2px 0; border-style: solid; border-color: black; }
.methodology-table tr:nth-child(1) { background-color: transparent; }
.methodology-table tr:last-child, .custom-table tr:last-child { border-bottom: 2px solid black; }
.methodology-table td, .custom-table td { padding: 0.25em 1em; }

.custom-table thead { display: table-header-group; }
.custom-table tr { display: table-row; }
.custom-table td, .custom-table th { display: table-cell; }


@media screen and (max-width: 768px) {
	.custom-content { padding: 0; margin:0; }
	.custom-table tr:first-child { display: none; }
	.custom-table thead { display: none; }
	.custom-table tr, .custom-table td { display: block; padding: 0 0.25em; }
	.custom-table td::before {
		display: block;
		content: attr(data-label);
		padding: 0 0.25em;
		background-color: #CACACA;
		border-width: 2px 0;
		border-style: solid;
		border-color: black;
	}
	.custom-table td:first-child::before { display: none; }
	
	.methodology-table { padding: 0; margin:0; }
	.methodology-table tr { display: none; }
	.methodology-table thead { display: none; }
	.methodology-table tr { display: block; padding: 0 0.25em; }
	.methodology-table td { display: flex; justify-content: space-between; padding: 0; }
	.methodology-table td::before {
		display: block;
		content: attr(data-label);
		padding: 0 0.25em;
		font-weight: bold;
	}
	.methodology-table tr:nth-child(2) { display: none; }
	.methodology-table tbody { display: block; }
	.methodology-table th { display: block; }
}