/******************************
 Cores do site
  - VERDE #6fa445
  - AZUL  #2d549a
  - Cor Success #30a94c
 *****************************/


.familia-parana {
	font-size: 3.5em;
	font-weight: bold;
	color: #3E8A49;
}

.hr-familia-parana {
	border-top: 3px solid #3E8A49;
	width: 40%;
}

.p-fatos {
	font-size: 3.5em;
	font-weight: bold;
	color: #3E8A49;
}

.hr-fatos {
	border-top: 3px solid #3E8A49;
	/* width: 40%; */
}

button.familia-parana-color {
	color: #3E8A49;
}

button:hover.familia-parana-color {
	color: #2a7235;
}


/******************************
 *	FONTS
 *****************************/
 * {
	font-family: 'Montserrat', sans-serif;
}


.bg-emendas {
	background-color: #3E8A49;
}

.topo-amarelo {
	background-color: #F7C244;
	height: 10px;
}

.footer-set {
	background-color: rgb(10,38,72);
	color: #fff;
	font-weight: 300;
	font-size: 0.8em;
}

body {
	color: #2d549a !important;
}
.verde {
	color: #5fb33f;
}

 .f-verde {
	color: #6fa445
 }

 .f-azul {
	color: #2d549a;
 }

 .b-verde {
	background-color: #6fa445
 }

 .b-azul {
	background-color: #2d549a;
 }

#todos-canais {
	color: #ffffff;
	background-color: #2d549a;
}


/******************************
 *	ICONES / BOTÕES / HR
 *****************************/
.icon-set:hover {
	color: #fff;
}

.icon-set-size {
	font-size: 2.5em;
}

.icon-youtube-tv {
	color: #f00;
	font-size: 2em;
	padding: 0px;
}

.hr-set-footer {
	background-color: #30a94c;
	width: 30%;
	margin-left: 0px;
	height: 2px;
	padding-top: 0px;
	padding-bottom: 0px; ;
}

/* Jumbotron */
ul#mvv>li>a.active {
	background-color: #30a94c;
	color: #fff;
}

ul#mvv>li>a {
	color: #30a94c;
}

p.caixa-titulo > a {
	color: #2d549a;
}

p.caixa-titulo > a:hover {
	color: #6fa445
}

.hr-set-link {
	background-color: #fff;
	width: 100%;
}

/******************************
 *	SUBMENU - CORES
 *****************************/
#menu-hamburguerer {
	background-color: #2d549a !important;
}

.navbar-toggler-icon {
	color: #ffffff !important;
}

.barra-menu-fundo {
	background-color: #dedede;
}

div>div>nav>div.container {
	padding: 0px;
}

#menu-menu-principal>li>a {
	color: #fff;
}

#menu-menu-principal>li.active>a {
	background-color: #2d549a;
	color: #fff !important;
}

 #menu-menu-principal>li>a:hover {
	color: #fff;
	background-color: #30a94c;
}

 /* Menu Fundo */
ul>li>ul.dropdown-menu {
	background-color: #eee;
	box-shadow: 1px 1px 5px #14416e80;
}
/* Menu Link */
li>ul>li>a.dropdown-item {
	color: #2d4731;
}
/* Menu Hover */
li>ul>li>a.dropdown-item:hover {
	color: #fff;
	background-color: #30a94c;
}


/******************************
 *	PAGINAÇÃO
 *****************************/
 div.pagination>ul>li>a {
	color: #3563b8 ;
 }

 div.pagination>ul>li>span.current{
	background-color: #2d549a !important;
}


/******************************
 *	CATEGORIAS E TAGS
 *****************************/
#categorias {
	margin-bottom: 0.7em;
}

#categorias>span, #tags>span {
	padding: 0em 0.5em;
	margin-right: 0.5em;
	margin-top: -0.1em;
}

#categorias>a, #tags>a {
	padding: 0.235em 0.5em;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	font-size: 0.8rem;
}
#categorias>a:hover, #tags>a:hover {
	border: 1px solid #317AC6;
	text-decoration: none;
}


/*****************************
*	COMENTÁRIOS
*****************************/
ol.comment-list {
	padding: 0px;
}
ol.comment-list, ol.children {
	list-style-type: none;
}
ol>li>div>div>img.avatar {
	border-radius: 25px;
}
div.comment-author{
	display: inline-block;
}
span.says {
	display: none;
}


div.comment-meta>a {
	font-size: 0.9em;
	text-decoration: none;
}
div.comment-meta{
	display: inline-block;
	padding-left: 1em;
	margin-bottom: 1.5em;
}
div.comment-body {
	border-top: 2px solid gray;
	padding-top: 25px;
	padding-left: 5px; }
div.comment-body>p {
	padding-left: 2.3em;
}


div>cite {
	font-size: 0.9em;
	padding-left: 1em;
}


div.reply {
	margin-bottom: 1.3em;
	margin-left: 2.8em;
	padding: 0.3em 1em;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	font-size: 0.8rem;
	display: inline-block;
}
div.reply:hover {
	border: 1px solid #317AC6;
}
div.reply>a:hover {
	text-decoration: none;
}


div#respond>h2 {
	border-top: 2px solid gray;
	padding-top: 1em;
	font-size: 1.25rem;
	font-weight: 300;
}
h2>small>a {
	margin-left: 1.5em;
}
p.comment-form-comment>label {
	display: block;
}
#cancel-comment-reply-link {
	-webkit-appearance: button;
	user-select: none;
	white-space: pre;
	align-items: flex-start;
	text-align: center;
	color: buttontext;
	background-color: buttonface;
	padding: 4px 7px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
	border-image: initial; }
#wp-comment-cookies-consent {
	margin-right: .3em;
}


nav.comment-navigation>h2.screen-reader-text {
	display: none;
}

/*****************************
*	IMAGENS - LARGURAS
*****************************/
.figure > *:not( .alignwide ):not( .alignfull ) {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.wp-block-image.alignwide {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.wp-block-image.alignfull {
	display: block;
	text-align: center;
}

.carrosel {
	background-color: #ddd;
}

.fundocarro {
	background-color: #3B5F41;
}

.modal-dialog {
	max-width: 800px;
	margin: 30px auto;
}

#contato-imagem-aroldo {
	margin: 10px auto 10px;
	width: 308px;
	height: 308px;
	border-radius: 50%;
	border: 1px solid #2d549a;
	box-shadow: inset 0 0 25px #393f38;
}

/******************************
 *	SOMBRA DE PAPEL
 *****************************/
	.sombra-papel {
		position: relative;
	}

	.sombra-papel:before, .sombra-papel:after {
		position: absolute;
		left: 5px;
		top: 60%;
		bottom: 10px;
		width: 30%;
		background: #777;
		box-shadow: 0px 15px 7px#777;
		transform: rotate(-2deg);
		content: "";
		z-index: -1;
	}

	.sombra-papel:after {
		right: 5px;
		left: auto;
		transform: rotate(2deg);
	}


/******************************
 *	ANIMAÇÃO
 *****************************/
@keyframes anime-arrow {
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-5px);
	}
	100%{
		transform: translate(0);
	}
}
.size-arrow {
	font-size: 1.1em;
}
.anime-arrow {
   /* animation: seta 1s ease-in-out; */

	animation-name: anime-arrow;
	animation-duration: 1s;
	animation-timing-function:ease-in-out;
	animation-iteration-count: infinite;
}

/* ANIMAÇÃO LOGO CAMPANHA */

.logo-principal {
	position: relative;
	width: 100vw;
	height: 14vmax;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo-principal .logo-svg {
	position: absolute;
	width: 90%;
}

.ban-a {
	animation: branco 5s ease-in-out infinite;
}
@keyframes branco { 
	0% { opacity: 0; }
	20% { opacity: 0; }
	65% { opacity: 1; }
	85% { opacity: 1; }
	100% { opacity: 0; }
}

.ban-m {
	animation: verde 5s ease-in-out infinite;
}
@keyframes verde { 
	0% { opacity: 0; }
	20% { opacity: 0; }
	65% { opacity: 1; }
	85% { opacity: 1; }
	100% { opacity: 0; }
}

#b2 {
	animation: bola-inf 5s ease-in-out infinite;
}
@keyframes bola-inf { 
	0% { opacity: 1; }
	20% { opacity: 1; }
	65% { opacity: 0; }
	85% { opacity: 0; }
	100% { opacity: 1; }
}

#b3 {
	animation: bola-sup 5s ease-in-out infinite;
}
@keyframes bola-sup { 
	0% { opacity: 1; }
	20% { opacity: 1; }
	65% { opacity: 0; }
	85% { opacity: 0; }
	100% { opacity: 1; }
}

.dep {
	animation: amarelo 5s ease-in-out infinite;
}
@keyframes amarelo { 
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

#camada3 .num3 {
	animation: numeros 5s ease-in-out infinite;
}
@keyframes numeros { 
	0% { opacity: 1; }
	20% { opacity: 1; }
	65% { opacity: 0; }
	85% { opacity: 0; }
	100% { opacity: 1; }
}

.num { animation: desenhar 5s cubic-bezier(1,0,0,1) infinite; }
.mar { animation: desenhar 5s cubic-bezier(1,0,0,1) infinite; }
.aro { animation: desenhar 5s cubic-bezier(1,0,0,1) infinite; }
.ban { animation: desenhar 5s cubic-bezier(1,0,0,1) infinite; }
@keyframes desenhar { 
	to { 
		stroke-dashoffset: 0; 
	}
}

/******************************
 *	MEDIA QUERYS
 *****************************/

/* LARGE
 ******************/
@media (min-width: 992px) {

	/* Menu */
	.dropdown-submenu { 
		position: relative; 
	}
	.dropdown-submenu .dropdown-menu { 
		top: 0; left: 99%; 
		margin-top: -9px; 
	}

	/* Carrossel */
	#titulo-carrossel {
		font-size: 2em;
	}

	#logo-noticias {
		height: 40px;
	}

	/* Jumbotrom */
	#titulo-jumbotrom {
		font-size: 5em;
	}

	.caixa-titulo{
		font-size: 1.8em;
		font-weight: bold;
	}

	/*	Sombra Papel */
	.sombra-papel:before, .sombra-papel:after {
		transform: rotate(-2deg);
	}
	.sombra-papel:after {
		transform: rotate(2deg);
	}


	.familia-parana {
		font-size: 3.5em;
		font-weight: bold;
		color: #3E8A49;
	}

	button.familia-parana-color {
		color: #3E8A49;
	}
	
	button:hover.familia-parana-color {
		color: #2a7235;
	}

}


/* MEDIUM
 ******************/
@media (min-width: 768px) and (max-width: 991.98px) {

	/* Menu multinível */
	.dropdown-submenu { 
		position: relative; 
	}

	.dropdown-submenu .dropdown-menu { 
		top: 0; left: 95%; 
		margin-top: 0px; 
	}

	/* Carrossel */
	#titulo-carrossel,
	#titulo-card {
		font-size: 1.5em;
	}

	/* Carrossel */
	#logo-noticias {
		height: 70px;
	}
	#titulo {
		font-size: 2em;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	/* Carrossel */
	#titulo-jumbotrom {
		font-size: 5em;
	}

	/*	Sombra Papel */
	.sombra-papel:before, .sombra-papel:after {
		bottom: 12px;
	}

	/* Título do Banner TV */
	div#tv-aroldo-banner > h1 {
		font-size: 2em;
	}

	.caixa-titulo{
		font-size: 1.5em;
		font-weight: bold;
	}

	.familia-parana {
		font-size: 2.5em;
		font-weight: bold;
		color: #3E8A49;
	}

	button.familia-parana-color {
		color: #3E8A49;
	}
	
	button:hover.familia-parana-color {
		color: #2a7235;
	}

}

/* SMALL
 ******************/
@media (max-width: 767.98px) {

	/* Menu multinível */
	.dropdown-submenu { 
		position: relative; 
	}

	.dropdown-submenu .dropdown-menu { 
		top: 0; left: 95%; 
		margin-top: 0px; 
	}

	/* Carrossel */
	#titulo-carrossel,
	#titulo-card {
		font-size: 1.5em;
	}

	/* Carrossel */
	#logo-noticias {
		height: 50px;
	}
	#titulo {
		font-size: 2em;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	/* Carrossel */
	#titulo-jumbotrom {
		font-size: 2.7em;
	}

	/*	Sombra Papel */
	.sombra-papel:before, .sombra-papel:after {
		width: 50%;
		bottom: 14px;
	}

	/* Título do Banner TV */
	div#tv-aroldo-banner > h1 {
		font-size: 1.8em;
	}

	.caixa-titulo{
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.familia-parana {
		font-size: 2.5em;
		font-weight: bold;
		color: #3E8A49;
	}

	button.familia-parana-color {
		color: #3E8A49;
	}
	
	button:hover.familia-parana-color {
		color: #2a7235;
	}

}