Predefinição:Estratégia/style.css

/*BODY*/
.desktop { background-color:white; border-radius:2em 2em 2em 0 }
h2 { margin:0; padding:1em; color:white; font-size:1.5em; }
h3 { margin:0; padding:0.5em; color:white; }
h4 { color:#7c7e43 }
.dashed { border-style:dashed; }
.dotted { border-style:dotted; }
.r_tl { border-top-left-radius: 1.5em; } /* Round Top Left */
.r_tr { border-top-right-radius: 1.5em; } /* Round Top Right */
.r_br { border-bottom-right-radius: 1.5em; } /* Round Bottom Right */
.r_bl { border-bottom-left-radius: 1.5em; } /* Round Bottom Left */
.text { flex-grow:1; padding:1em; border-width:0 2px 2px 2px; }
.pad1 { padding-top: 1em; }
.pad2 { padding-top: 2em; }

/*NAVBAR*/
.strategynavbar { display:flex; flex-direction:row; gap:1em; align-items:stretch; font-family: Verdana, sans-serif; text-align:center; }
.tab_1, .tab_2, .tab_3, .tab_5, .tab_6 { border-radius:1.5em 1.5em 0 0; border-bottom: 8px solid #939045; background-color: #d1cfa7; font-size:larger; flex-grow:1; }
.tab_4 { border-radius:1.5em 1.5em 0 0; border-bottom: 8px solid #516f29; background-color: #DCEAC8; font-size:larger; flex-grow:1; }
.strategynavbar a { color:#47461d }

/*HEADER*/
#header { background-color:#516f29; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; padding:1.5em; text-align:center; color:white; }
#headerTitle { font-size:2.5em; font-weight:bold; }
#header a { color:white; }

/*RESUMO EXECUTIVO*/
.section { display:flex; flex-direction:row; gap:1em; align-items:stretch; }
#image_1 { overflow:hidden; height:300px; width:535px; }
#block_executiveSummary { display:flex; flex-direction:column; align-items:stretch; flex-shrink: 5; }
.executiveSummarybg { background-color:#516f29; }
.executiveSummarybd { border-color:#516f29; }

/*METODOLOGIA E HISTÓRICO*/
.methodologybg { background-color:#587F1B; }
.methodologybd { border-color:#516f29; }
.historicbg { background-color:#e48872; }
.historicbd { border-color:#e48872; }
#block_methodology { display:flex; flex-direction:column; align-items:stretch; flex-basis:21%; }
#block_visualDocument { display:flex; flex-direction:column; align-items:center; flex-basis:1%; flex-grow:1; border-width:2px; border-color:#516f29; text-align:center }
#block_historic { display:flex; flex-direction:column; align-items:stretch; flex-basis:50%; flex-grow:2; }

/*DECLARAÇÕES INSTITUCIONAIS*/
.section_2 { display:flex; flex-direction:column; align-items:stretch; }
.institutionalDeclarationsbg { background-color:#939045; }
.institutionalDeclarationsbd { border-color:#939045; }
.box_begin { display:flex; flex-direction:column; align-items:stretch; flex-grow:1; }
.flexGrow { flex-grow:1; }
#institutionalDeclarations h3 { background-color:#939045; border-radius:1.5em 1.5em 0 0; text-align:center; }
#text_purpose { font-size:1.25em; text-align:center; }

/*EIXOS ESTRATÉGICOS*/
.strategicAxisbg { background-color:#d1b382; }
.strategicAxisbd { border-color:#d1b382; }
.intentionality { font-size:1.25em; text-align:center; margin:1em; }
.axis1Header { background-color:#455C33; color:#D7B072; text-align:center; font-size:1.5em; }
.axis2Header { background-color:#1C2F04; color:#ABAC6C; text-align:center; font-size:1.5em; }
.axis3Header { background-color:#232F1C; color:#DF8761; text-align:center; font-size:1.5em; }
.axis4Header { background-color:#3D551E; color:#96975A; text-align:center; font-size:1.5em; }
.axis5Header { background-color:#516F29; color:#DF8761; text-align:center; font-size:1.5em; }
.axis1Content { background-color:#D7B072; border-color:#455C33; }
.axis2Content { background-color:#ABAC6C; border-color:#1C2F04; }
.axis3Content { background-color:#DF8761; border-color:#232F1C; }
.axis4Content { background-color:#96975A; border-color:#3D551E; }
.axis5Content { background-color:#DF8761; border-color:#516F29; }

/*OBJETIVOS*/
.objectivesbg { background-color:#B28867; }
.objectivesbd { border-color:#B28867; }

/*ANÁLISE DE AMBIENTE*/
.environmentAnalysisHeader { background-color:#573831 }
.environmentAnalysisContent { border-color:#573831 }
.environmentAnalysisBlock { display:flex; flex-direction:column; align-items:stretch; flex-basis:50% }
.swot_s { background-color:#7783C9; text-align:center; }
.swot_w { background-color:#C9A14F; text-align:center; }
.swot_o { background-color:#B8C956; text-align:center; }
.swot_t { background-color:#DC8464; text-align:center; }
#swot_s { background-color:#c8cff7; border-color:#7783C9; }
#swot_w { background-color:#fadfa7; border-color:#C9A14F; }
#swot_o { background-color:#f0fab9; border-color:#B8C956; }
#swot_t { background-color:#fcc9b6; border-color:#DC8464; }

/*PLANO DE IMPLEMENTAÇÃO*/
.implementationPlanHeader { background-color:#605A73; }
.implementationPlanContent { border-color:#605A73; }
.implementationPlanSubHeader { background-color:#605A73; text-align:center; }

/*QUERIES*/
@media screen and (min-width:1330px) {
	.desktop { padding:1em; }
}

@media screen and (max-width:1329px) {
	.section { flex-direction:column; }
	#image_1 { border-radius:2em; height:unset; width:unset }
	.strategynavbar { flex-direction:column; gap:0; }
	.tab_2 { border-radius:0; }
	.tab_3 { border-radius:0 0 1.5em 1.5em; }
	.tab_4 { border-radius:1.5em; }
	.tab_5 { border-radius:1.5em 1.5em 0 0; }
	.tab_6 { border-radius:0 0 1.5em 1.5em; }
}