/* Theme Name:  DIARIO21 2018
Theme URI: http://www.diario21.com.br
Description: modelo1
Version: 1.0
Author: DIARIO21 
URI: http://diario21.com.br
Tags: VP
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:500,700,900');

 
body {
    background: #fff;
    color: #0a0a0a;
    font-family: 'Raleway', sans-serif;
		letter-spacing: -0.55px;
		font-weight: 500;
}

		body.sem-margem{
			padding: 0px !important;
			margin-top: 0px;
		}

		.logo {
			margin: 0px auto;
			display: table;
		}
		
		.logo img {
			margin: 20px auto 20px auto;
			height: auto; 
			max-width: 100%;
		}
		
		@media (min-width: 971px) {		body { padding-top: 105px; }		}
		@media (max-width: 970px) {		body { padding-top: 65px; }		}
		
		.cabecalho {
			background: #fff;
			margin-bottom: 30px;
		}
		
		.container-full {
			margin: 0 auto;
			width: 100%;
		}		
		
    a, h1, h2, h3, a:link, a:visited, a:active { 
        color: #D62D29; 
        text-decoration: none !important; 
				font-weight: bold;
    }
		a:hover { 
				color: #ffd600;  
		}
		.vermelho a { color: #D2222C !important; } 
		.azul a { color: #2980B9 !important; }
		.verde a { color: #0DAC51 !important; }
		.vermelho * { border-color: #D2222C !important; }
		.azul * { border-color: #2980B9  !important; }
		.verde * { border-color: #0DAC51 !important; }
		
		.s16 {
			font-size: 16px;
		}
				
    .modal-body * {
        max-width: 100%;  
        overflow: hidden;
    }
    .navbar { 
        background: #ffffff;
				border: 0px;				
        border: 0px solid #C32115;
        border-bottom: 5px solid #efefef;
        box-shadow: 0 1px 40px rgba(0,0,0,.2) !important;  
        min-height: 105px;
				border-radius: 0 !important;
				margin-bottom: 0px;
    }
		
		.navbar-brand { padding: 5px 15px !important;  }
		.navbar-brand img{ max-height: 70px;  }
				
		.container_nav { 
				max-width: 1149px;
				margin: 0px auto;
    }
		
		
		

			.navbar-inverse .navbar-toggle {
					border-color: #CC1721;
					color: #CC1721;
			}		
			
			.navbar-inverse .navbar-collapse,  .navbar-inverse .navbar-form {
					border-color: transparent;
			}		
			
			.navbar-inverse .navbar-toggle .icon-bar {
					background: #CC1721 !important;
			}		
			
			.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle .icon-bar {
					background-color: transparent;
			}		
			
				
			
			.navbar .busca-ico {
					float: right;
					font-size: 60px;
					padding: 0 20px 0 0;
			}
			.navbar .container_nav {
					margin-top: 10px;
			}
			
					@media (max-width: 970px) {
						.navbar { min-height: 70px; }
						.navbar-brand { padding: 0px 15px !important;  }
						.navbar-brand img{ max-height: 45px; }
								
					}
					
					@media (min-width: 970px) {
						.navbar .navbar-nav {
							/*margin: 0px auto;*/
							display: table;
							float: right;
							margin-top: 15px;
						}
						
					}
			
					.navbar .navbar-nav a:link, .navbar .navbar-nav a:active, .navbar .navbar-nav a:visited  {
						background: none !important;
						color: #D62D29;
						font-size: 18px;
						font-weight: 900;
						letter-spacing: 0.02em;
					}
						
					.navbar .navbar-nav a:hover {
							color: #CC1721 !important;
					}
						
						

								
        .page-title {
            background: #D62D29;
            box-sizing: padding-box;
            margin: -30px 0 30px 0;
            padding: 30px 0 30px 0;   
            text-align: center;

						min-height: 80px;
						/* border-radius: 7px; */				
        }
            .page-title h2 {
								font-size: 35px;
                margin: 0px auto;
                max-width: 60%;
            }
                .page-title a {
                    color: #fff;
                }
								
				
/* TITULOS */

				#materia_principal_big  {
					background: #E3E7ED;
					background: #FFE0E0;
					width: 100%;
					margin-bottom: 20px;
					padding: 10px;
					font-size: 22px;
					color: #D62D29;
				}	
				

					#materia_principal_big a {
							font-size: 50px;
							line-height: 1.1;
							font-weight: 900;
					}	
					
					#materia_principal_big {
						background: #E3E7ED;
						font-size: 18px;
					}
					#materia_principal_big.enquete_big a {
						font-size: 30px;
						line-height: 1.1;
						font-weight: 900;
					}	
					

				.materia_principal  {
						margin-bottom: 30px;
				}	
					
					.materia_principal a {
							font-size: 30px;
							line-height: 1.1;
							font-weight: 900;
					}			
						
				@media (min-width: 970px) {
					#materia_principal_big div {
						text-align: center;
						margin: 20px auto 20px auto;
						max-width: 80%;
						
					}
				}
						
				@media (max-width: 750px) {
					.materia_principal a {
						font-size: 26px;
					}
					
					#materia_principal_big a {
						font-size: 34px;
					}		
					
					#materia_principal_big.enquete_big a {
						font-size: 24px;
					}							
				}



				
				.manchete a {
						font-size: 20px;
						font-weight: 700;
						line-height: 1.2;
				}		
				
				
				
				@media (min-width: 750px) {
					/* borda lateral */

					.manchete-2 > a:first-of-type, .manchete > a:first-of-type, .manchete-3 > a:first-of-type {
							position: relative;
							display:table;
							height: 93%;	
							padding-left: 0px;
					}
					
					/* fim borda lateral */
					
				}
					
					.manchete-2 a {
							font-size: 16px;
							line-height: 1.2;
							font-weight: 700;
					}			
				
				.manchete-3 a {
						font-size: 16px;
						line-height: 1.2;
				}				

				

				@media (max-width: 750px) {
					.manchete a, .manchete-2 a, .manchete-3 a {
							font-size: 18px;
							line-height: 1.2;
					}
				}
				

								
/* FIM TITULOS */	
	
/* ITEM */	

				.item  {
					margin-bottom: 15px;
				}
				
				.item .thumb  { margin-bottom: 15px; }
				.item .thumb img  { border-radius: 9px; }
				
				@media (max-width: 750px) {
					.thumb.mini img {
						max-height: 110px;
					}
				}
				
				.item .tema  {
					color: #666;
					font-size: 12px;
					font-family: "Montserrat", Arial;
					letter-spacing: 0.02em;
					margin-bottom: 5px;			
					text-transform: uppercase;
				}
				
			@media (min-width: 970px) {
				.item .tema  {
					font-size: 12px;
					margin-bottom: 16px;
					margin-top: -44px;
					background: #ededed;
					display: table;
					padding: 2px 7px;
					border-radius: 10px;
										
				}
				
				.col-md-12 .tema {
					margin-left: 7px;		
				}
				
			}
	
/* FIM ITEM */		


						
								
        .manchetes {
            margin-top: 0px;   
        }
				
				.chamadas {
					margin-top: 20px; 
					margin-bottom: 10px; 
				}
				

					.chamadas .titulo h2 {
						font-size: 20px;
						font-weight: bold; 
						color: #D62D29;
						line-height: 0.5;
						margin-bottom: 20px;
					}
					
			@media (max-width: 750px) {					
					.chamadas .titulo h2{
						margin-bottom: 10px;
					}
					
					.chamadas .titulo h2 a {
						color: #D2222C;
						font-size: 16px;
					}					
			}
			
					.chamadas .veja-mais {
						display: block;
						font-size: 14px;
						margin-top: 5px;
					}



			.manchete-square {
					margin-top: 40px;
			} 
					.manchete-square .side-manchetes {
							padding-left: 0px;   
					}
					.manchete-square .square {
							padding-right: 0px;   
					}
							.square div {
									overflow: hidden;
									background-position: center center !important;
									background-repeat: no-repeat !important;
									background-size: cover !important;
									width: 100%; 
							} 
							
		@media (min-width: 960px) {			
				.lista-itens-index .item {
					min-height: 260px;
				}
		}
    .lista-noticias {
           
    }
        .banner-miolo {
            margin-bottom: 50px;
            text-align: left;
        }
            .banner-miolo div {
                margin: 0;
            }
						
						.lista-noticias .item {
								display: table;
								/* width: 100%; */
						}
				
            .lista-noticias .item .tema {
							margin-top: 0;
						}
						

						
            .lista-noticias .item small {
                color: #777;
            }
            body[data-tela=xs] .item small, body[data-tela=sm] .item small {
                margin-bottom: 5px;
                display: block;
            }
            .lista-noticias .item .square {
                padding: 0px;
            }
                .lista-noticias .item .quadrado {
                    height: 118px !important;
                    margin: 0px auto;
                    width: 118px;
                }
@media (min-width: 960px) {
            .lista-noticias .item .titulo {
                font-size: 20px;
                line-height: 1.1;
                margin: 0px 0 11px 0;
            }
            .lista-noticias .item p {
                color: #777;
                font-size: 17px;
                line-height: 24px;
                margin: 0px 0 10px 0;
            }
}	

@media (max-width: 750px) {
    
            .lista-noticias .item .titulo {
                font-size: 18px;
            }
						
            .lista-noticias .item .thumb img {
                height: 120px !important;
            }						
}

/* banners */

    .banner-container {
        box-sizing: content-box;
        margin-bottom: 30px;
    }
        .banner * { 
            max-width: 100%;
            
        }
            .banner h2 { 
                font-size: 22px;
            }
						
            .banner-full {

							margin-bottom: 20px;
						}
						
							.banner-full div {
								margin: 10px auto 20px auto !important;
								display: table;
								width: 100%;
								max-width: 100%;
							}
							
								.banner-full img {
										height: auto;
										max-height: 90px;
										margin: 0px auto;
										display: table;
										max-width: 100%;
								}			
							
            .banner-465x60 {
                height: 60px;
                margin: 0px auto;
                overflow: hidden;        
                max-width: 465px;
            }
						
            .banner-728x90 div img, .banner-728x90 div object,
						.banner-250x90 div img, .banner-250x90 div object {
								height: auto;
								display: table;
                max-height: 90px;
                margin: 0px auto;
                overflow: hidden;  
								
                max-width: 100%;
            }
						
						.banner-250x90 div * {
								float: right;
								margin-left: 10px;
                max-width: 250px;
            }
            .banner-300x250 div {
							border: 1px solid #f1f1f1;
							margin-bottom: 20px;
							width: 100%;
							display: table;
						}

            .banner-responsivox250 div {
							border: 1px solid #f1f1f1;
							margin-bottom: 20px;
							width: 100%;
							display: table;
						}
						
							.banner-300x250 div img, .banner-300x250 div object {
									display: table;
									height: auto;
									margin: 0px auto;
									overflow: hidden;    
									width: 100%;
									max-width: 300px;
							}
							
							.banner-300x250 div object {
								min-height: 250px;

							}
							
            .banner-300x80 {
                height: 80px;
                margin: 0px auto;
                overflow: hidden;        
                max-width: 300px;
								
								
            }
        .noticia {
            
        }
                
            .noticia h1 {
                font-size: 45px;
                margin: 0px 0 20px 0 !important;
								font-weight: 900;
								line-height: 1.1;
            }
						
						@media only screen and (min-width: 960px) {	
							.noticia .titulo * {
								text-align: center;
							}
						}
									
						
						@media (max-width: 750px) {
							.noticia h1 {
									font-size: 30px;
							}
						}
            .noticia .banner-728x90 {
                float: left;
                margin-bottom: 30px;
            }
            .noticia .conteudo .texto {
                font-size: 18px;
                line-height: 1.5;
            }
						
            .noticia .conteudo .texto  p {
                margin-bottom: 16px;
								font-weight: 500;
								font-size: 18px;
            }						
						
						.meta {
							border: 1px solid #e6e6e6;
							border-left: 4px solid #D62D29;							
							/* border-radius: 4px; */

							display: table;
							width: 100%;
							padding: 10px 0 10px 0;
							margin-bottom: 20px;
						}
						
						.veja-mais-noticias {
							font-size: 18px; 
							font-weight: bold;
						}
						
						.reticula {
							/* border-radius: 4px; */  
							border: 1px solid #e6e6e6; 
							margin-bottom: 20px;
						}
								
						.autoria { text-align: right; line-height: 1.4; }	
						@media (max-width: 750px) {	.autoria { text-align: left; margin-top: 10px; }	}		
	
	
						.embed-container iframe[src*="youtube.com"], .embed-container object, .embed-container embed { 
							width: 100%;
							height: 350px;
						}
	
	
	
	.noticia .texto img.alignleft { float: left; margin-right: 20px; }
	.noticia .texto img.alignright  { float: right; margin-left: 20px; }

	.noticia .texto .wp-caption.alignleft { float: left; margin-right: 20px; }
	.noticia .texto .wp-caption.alignright  { float: right; margin-left: 20px; }

	.noticia .texto .wp-caption img { margin: 0px !important; max-width: 100%; display: table; }

	.noticia .texto .wp-caption { background: #f7f7f7; border: 1px solid #d1d1d1; padding: 10px; max-width: 100%; margin-bottom: 10px; }
	.noticia .texto .wp-caption p { margin: 10px 0 0 0; line-height: 1.1; font-size: 12px !important; }
	
	@media (max-width: 769px){ 
		.texto .wp-caption, .texto img.alignleft, .texto img.aligncenter, .texto img.alignright { 
			min-width: 80%; 
			margin-left: auto !important; 
			margin-right: auto !important; 
			float: none !important; 
			display: block !important; 
		}
		
		.texto .wp-caption img { 
			width: 100%; 
		}
	}

	.conteudo h1 { font-size: 26px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 10px; }
	.conteudo h2 { font-size: 23px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 10px; }
	.conteudo h3 { font-size: 21px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 10px; }
	.conteudo h4 { font-size: 19px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 10px; }
	.conteudo h5 { font-size: 17px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 10px; }	
	
	
	/* TABELAS */
	.texto table {
		margin: 10px 0 10px 0;	
		max-width: 90%;
		font-size: 16px;
	}

	.texto td, thead {
		border: 1px solid #000 !important;
		padding: 5px;
	}

	.texto thead {
		background: #ededed;
	}
	/* FIM TABELAS */
	
	
	@media (max-width: 769px){ 
		.noticia .wp-caption, .noticia .texto  img { float: none !important; }

	}
									
	.noticia .conteudo img {
		height: auto;
	}
            .noticia .conteudo p * {
                max-width: 100%;
            }
            .noticia .texto > img, .noticia .texto p > img, .noticia .texto a > img {
                margin: 10px 0 10px 0; 
								/* border-radius: 4px; */
            }

            .pagination>li>a, .pagination>li>span, .pagination>li>a:hover {
                color: #D62D29; 
            }
            .pagination>.active>a {
                background: #D62D29 !important;
                border-color: #D62D29 !important;
            }
						
						.conteudo blockquote {
							font-style: italic;
						}
						

            .rodape  {
							font-size: 16px;
							background: #ededed;
						}
						
							.rodape *, .rodape *:hover {
								color: #D62D29;
							}
								
							.rodape .nav {
									background: none;
							}
							
							.rodape .final {
								background: #e1e1e1;
								text-align: center; 
								margin-top: 25px; 
								padding: 15px 0 15px 0; 
							}
								.rodape .final a, .rodape .final a:hover{
									color: #666;
								}
						
						/*
								Multicoloured Hover Variations
						*/
						 
						 #social-fb:hover {
								 color: #D2222C;
						 }
						 #social-tw:hover {
								 color: #D2222C;
						 }
						 #social-ig:hover {
								 color: #D2222C;
						 }
						 #social-em:hover {
								 color: #D2222C;
						 }

						/* fim botoes sociais */						
						
						@media (max-width: 970px) { 
							.rodape .container { text-align: center; padding-bottom: 30px; } 
							.rodape .final {	padding: 15px 0 45px 0;  }
						}						
						
            .rodape .assinatura {
                color: #D62D29 !important;
                box-sizing: border-box;
                padding: 30px 0 0px 0;
            }
                .rodape .titulo {
                    font-size: 25px;
                    line-height: 1.2;
                    margin: 0 0 0px 0;
                }
                .rodape .assinatura a {
                    color: #D62D29;
                }
            .rodape .logo_plug {
            }
                .rodape .logo_plug a {
                    bottom: 0px !important;
                    font-size: 16px;
                    position: relative; 
                }
								
								



.sm { margin-right: 0px !important;  }
.sm-left { margin-left: 0px !important;  }
.sp { padding-right: 0px !important;  }

@media (max-width: 750px) { .sp-xs { padding-right: 0px; } }
@media (max-width: 970px) { .sp-sm { padding-right: 0px; } }
@media (min-width: 970px) { .pull-right-md { float: right; } }


.row.no-gutter, .no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutter > [class^="col-"],
.row.no-gutter > [class*=" col-"], 
.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* RODAPE MAIL */
#botao-rodape{
	position: fixed;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
  z-index: 9999;
}



.sem_padding {
	padding: 0px;
}


.defasado {
	background: #ededed !important;
	text-decoration: none !important;
	color: #999 !important;
}


	.def_48 {
		background: yellow !important;
		text-decoration: none;
	}
	
	.def_72 {
		background: pink !important;
		text-decoration: none;
	}	
	
	
/* POP UP */
	/*
			#popup_lira {
				display: none;
				position: fixed;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
				
				width: auto;
				max-width: 75%;
				max-height: 500px;
				z-index:114 !important;
			} 
			
				#popup_lira .fechar_pop {
					float: right;
					right: 0;
					margin-top: -30px;
					position: absolute;
					z-index:120 !important;
				}
				
				#popup_lira .image_pop img{
					
					-webkit-box-shadow: 0px 0px 78px -9px rgba(0,0,0,0.5);
					-moz-box-shadow: 0px 0px 78px -9px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 78px -9px rgba(0,0,0,0.5);
					
					max-width: 100%;
					height: auto; 
					width: auto;
					max-height: 500px;
				} 
		*/
		
		

			#popup_lira {
				display: none;
				position: fixed;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
				
				width: 85%;
				max-width: 400px;
				height: 85%;
				max-height: 500px;
				z-index: 1040 !important; 
			} 
			
				#popup_lira .fechar_pop {
					float: right;
					right: 0;
					margin-top: -30px;
					position: absolute;
					z-index:120 !important;
				}
				
				#popup_lira .image_pop img{
					
					-webkit-box-shadow: 0px 0px 78px -9px rgba(0,0,0,0.5);
					-moz-box-shadow: 0px 0px 78px -9px rgba(0,0,0,0.5);
					box-shadow: 0px 0px 78px -9px rgba(0,0,0,0.5);
					
					height: auto;
					width: 500px;
					max-width: 100%;
					height: auto; 
					max-height: 60% !important;
					
				} 

/* FIM POP UP */


/* GALERIA */

.galeria-de-fotos {
	background: #D62D29;
}



	.galeria-de-fotos .currentImage  {
		text-align: center;
	}
	
	.galeria-de-fotos .currentImage img {
		margin: 0px auto !important;
		max-width: 100%;
	}

		.galeria {
			padding: 20px;
				/* background: #00122b; */
		}
				
		.galeria-de-fotos .foto_horizontal {
			min-width: 100% !important;
			max-width: 100% !important;
		}

		.galeria-de-fotos .galeria{
			padding-top: 20px;
			width: 100%;
			height: 130px;
		}
		
		.galeria-de-fotos .galeria .galeriaThumbs{
			overflow: hidden;
			width: 100%;
			position: relative;
			margin: 0;
			height: 90px;
			padding: 0;
		}	
		
		.galeria-de-fotos .galeria .galeriaThumbs_wrapper {

		}	

			.galeria-de-fotos .galeria .galeriaThumbs .foto-item{
				float: left;
				display: inline;
			}				
		
		
		.galeria-btn-next, .galeria-btn-prev {		
			font-size: 20px;
			padding:10px;
			color:#D2222C;
			cursor:pointer;
		}
		
			.galeria-btn-next {
				margin-top: 25%;
				float:right;
			}
			
			.galeria-btn-prev {
				margin-top: 25%;
				float:left;
			}			
		
		.imgBig {
			position:relative;
		}
			.imgBig .is-overlay {
				padding:10px 10px 0 10px;
			}
		.legenda {
			color: #fff;
			background: #222;
			font-size: 14px !important;
			padding: 10px;
			min-height: 60px;
			width: 100%;
			text: left;
		}
		
			.legenda a {
				color: #fff !important;
				font-weight: bold;
			}



.galeriaThumbs .selected img {
	outline: 3px solid white;
  outline-offset: -4px;
	
	
  opacity:0.65 !important;
  -moz-opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -khtml-opacity: 0.65 !important;
}

.galeria-de-fotos .is-overlay {
	top:17px;
	left:17px;
	
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;

}

/* FIM GALERIA */


#banner-fixo-rodape {
	max-width: 100% !important;
}
	
#banner-fixo-rodape img {
	max-width: 100% !important;
}