/*
Theme Name:		Marco Regulatório 3.0
Theme URI:		https://marcoregulatorio.jundiai.sp.gov.br/
Author:			CIJUN
Author URI:		https://cijun.sp.gov.br/
Description:	Site do Marco Regulatório das Organizações da Sociedade Civil.
Template:		jundiai-tema-base
Version:		3.0
*/

/* ----- BLOCO DETALHES -------------------------------------------------------------- */

.wp-block-details summary {
	background: #00a898;
    color: #fff;
    margin: 0 auto 20px;
    padding: 10px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
}

.contraste .wp-block-details summary {
	background: transparent;
    color: var(--highlight);
}

.wp-block-details {
	margin-bottom: 60px;
}

.wp-block-details p {
	margin-left: 30px;
}

.wp-block-details ul,
.wp-block-details ol {
	margin: 0 0 0 60px;
	padding: 0;
}


/* ----- LINHA DO TEMPO -------------------------------------------------------------- */

.page-linha-do-tempo .wp-block-details summary {
    font-size: 32px;
    font-weight: 600;
}

.page-linha-do-tempo .wp-block-details p {
	color: #003371;
}

.contraste.page-linha-do-tempo .wp-block-details p {
	color: #fff;
}

/* bloco HTML (até 2023) */

#lista-historico,
#lista-historico ul,
#lista-historico li,
#lista-historico a {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#lista-historico {
	background: url(images/background-timeline.png) repeat-y 10px 0;
	padding-bottom: 30px;
}

/* primeiro nível */
#lista-historico > ul > li > a {
	background: #00a898;
	color: #fff;
	margin: 30px auto 0px;
	padding: 10px;
	display: inline-block;
    font-size: 32px;
    font-weight: 600;
	text-align: center;
	text-decoration: none;
}

#lista-historico ul ul {
	display: none;
}

#lista-historico blockquote {
	color: #003371;
	padding-left: 20px;
}

#lista-historico h6 {
	background: #003371;
	color: #fff;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	width: 230px;
	height: 30px;
	margin-left: 30px;
	margin-top: 40px;
	padding: 0 12px;
	position: relative;
	line-height: 30px;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
}
 
#lista-historico h6:before {
	content: "";
	border-color: transparent #003371 transparent transparent;
	border-width: 15px 15px 15px 0;
	border-style: solid;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;	
	left: -15px;
}

/* cores das datas */

#lista-historico h6.cinza {
	background: #999;
}

#lista-historico h6.cinza:before {
	border-color: transparent #999 transparent transparent;
}

#lista-historico blockquote.cinza {
	color: #666;
}

#lista-historico h6.azul {
	background: #0474bc;
}

#lista-historico h6.azul:before {
	border-color: transparent #0474bc transparent transparent;
}

#lista-historico blockquote.azul {
	color: #0474bc;
}


/* ----- FAQ DO MANUAL DE PROCEDIMENTOS ---------------------------------------------- */

.page-manual-de-procedimentos .wp-block-details {
    background: url(images/background-timeline.png) repeat-y 10px 0;
    margin-top: -20px;
}

.contraste.page-manual-de-procedimentos .wp-block-details {
	background: none;
}