/*
Theme Name: Blogaragem Blog 
Theme URL: 
Description: Tema desenvolvido para o site Blogaragem
Version:1.0
Author: QUBE Design
Author URL: 
Tags: 
*/



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@100;300;400;500;700&display=swap');
*{
	font-family: 'Poppins', sans-serif;
	letter-spacing:1px;
}

ul{
	list-style:none;
	padding:0;
	margin:0;
}

a{
	line-height:1;
}

b, strong {
  font-weight: 600;
}

/*HEADER*/
.bg-preto{
	background:#05009d;
}
.navbar-nav{	
	text-transform:uppercase;
	text-align:center;
}
.navbar-nav a{
	color:#FFF;
	font-size:18px;
}
.dropdown-menu{
	text-align:center;
}
.dropdown-menu a{
	color:#979A99 !important;
	text-align:center;
	font-size:14px;
}
.nav-link{
	color:#FFF;
}
.nav-link:hover{
	color:#979A99;
}
.nav-link:active{
	color:#979A99;
}
.nav-link:focus{
	color:#979A99;
}
.nav-item{
	padding:0 15px;
}
.nav-item.dropdown:hover .dropdown-menu {
      display: block;
    }
ul.navbar-nav li{
	float:left;
}
.lupa{
	color:#FFF;
	float:right;
	background:none;
	display:table;
	border:0;
	font-size:34px;
}	

/*BANNER*/
.banner{
	width:1300px;
	margin:20px auto;
}
.banner background-image{
	width:80%;
}
.carousel-indicators ::marker{
font-size:0;
}
.banner{
    position: relative;
    height: 450px; /* Ajuste a altura do banner conforme necessário */
    background:no-repeat ;
    background-position: right;
	border-radius:5px;
}
.banner h3{
	clear:both;
	padding-top:20px;
	font-size:24px;
}
.square{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    width: 450px;
	padding:25px 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#05009d), to(#2E7B99));
    background: -moz-linear-gradient(top, #05009d, #2E7B99)
    align-items: center;
    justify-content: center;
    color: #fff; /* Cor do texto */
	border-radius:5px;
	opacity: 0.9;
}


.square a{
	color:#FFF;
	text-decoration:none;
}
.categoria-banner ul li{
	float:left;
	margin-right:10px;
}
.categoria-banner ul li a{
	color:#FFF;
	text-transform:uppercase;
	border-radius:3px;
	text-decoration:none;
	font-size:14px;
	font-weight:300;
}



	
/*GLOBAIS*/
.titulo-sessao{
	font-size:34px;
	font-weight:400;
	margin-bottom:25px;
}
.titulo-sessao i{
	color:#05009D;
}
.titulo-pagina{
	font-size:40px;
	font-weight:600;
	margin-bottom:25px;
	margin-bottom:40px;
}
	
	
/*LOOP DE POSTS*/	
.post-comum{
    margin-bottom: 40px;
	display:table;
}
.post-comum img{
    width: 100%;
	border-radius:5px;
    height: auto;
}
.conteudo-post-comum{
	padding: 0 25px;
}
.post-title-comum a{
	text-decoration:none;
	color:#000;
	font-weight:600;	
    font-size: 22px;
	line-height:3px !important;
}
.post-title-comum a:hover{
	color:#333;
}
.post-title-comum{
    padding: 15px 0 0 0;
	clear:both;
	line-height: 0.8;
}
.post-description-comum{
    margin-bottom: 25px;
	color:#999;
}

.post-date-comum{
	color: #888;
	float:left;	
	text-transform:uppercase;
	font-size:14px;
}
.post-leia-mais{
	color: #888;
	float:right;
	text-transform:uppercase;
	text-decoration:none;	
	font-size:14px;
}
.categoria-loop{
	margin-top:15px;
}
.categoria-loop ul li{
	float:left;
	margin-right:15px;
}
.categoria-loop ul li a{
	color:#333;
	text-transform:uppercase;
	border-radius:3px;
	text-decoration:none;
	font-size:14px;
	font-weight:400;
}

.loop-posts{
	margin-bottom:30px;
}

	
/*BANNER AD HOME*/
.ad-home{
	padding:15px 35px 0 35px;
}
.ad-home img{
	width:100%;
	display:table;
	margin:0 auto;
}


/*LOOP DE POSTS COM IMAGEM DE BACKGROUND*/
.post{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.post img{
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}
.maislido-titulo{
	bottom:25px;
	left:25px;
	right:25px;
	position:absolute;
}
.post h3{
    font-size:24px;
}
.post h3 a{
	color:#FFF;
	text-decoration:none;
}
.post p{
	font-size:14px;
}
.post .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    opacity: 1;
    transition: opacity 0.3s ease;
    padding: 20px;
}
.post:hover .overlay {
    opacity: 0.9;
}
.categoria-loop-bg ul li{
	float:left;
	margin-right:10px;
}
.categoria-loop-bg ul li a{
	color:#666;
	background:#ddd;
	display:table; 
	border-radius:3px;
	text-decoration:none;
	font-size:12px;
	font-weight:600;
	padding:4px 6px;
	z-index: 8;
}

.link-post-bg{
    padding: 0;
    margin: 26px 0 -18px -20px;
    background: none !important;
    z-index: 7;
    position: absolute;
    width: 100%;
    height: 80%;
}



/*SINGLE POST*/
.single-topo{
	text-align:center;
	margin-bottom:40px;
}
.single-topo h1{
	font-weight:600;
	padding:0 20%;
	margin-bottom:5px;
}
.single-topo img{
	border-radius:10px 10px 0 0;
	max-width:100%;
}
.single-conteudo{}
.single-conteudo p{
	font-size:18px;
	font-weight:300;
	margin-bottom:25px;
	color:#000;
}
.single-conteudo ul{
	margin:0 0 25px 40px;
	
}
.single-conteudo li{
	font-size:20px;
	list-style:initial;
}
.single-conteudo h2{
	font-weight: 700;
}
.data-post{
	text-transform:uppercase;
	font-size:14px;
}
/*SINGLE LISTA CATEGORIAS*/
.single-topo ul{
	margin:10px auto 20px;
	display:table;	
}
.single-topo ul li{
	float:left;
	margin:0 10px;
}
.single-topo ul li a{
	color:#666;
	background:#ddd;
	border-radius:3px;
	text-decoration:none;
	font-size:12px;
	font-weight:600;
	padding:4px 6px;
	text-transform:uppercase;
}

/*SIDEBAR*/
.post-sidebar{
	clear:both;
	margin-bottom:20px;
	display:table;
}
.titulo-sidebar{
	background:#1F5082;
	color:#FFF;
	text-transform:uppercase;
	font-size:16px;
	font-weight:500;
	padding:14px 20px;
	width:100%;
	border-radius:5px;
	margin-bottom:15px;
}
.img-post-sidebar img{
	float:left;
	border-radius:10px;
	margin-right:15px;
}
.titulo-post-sidebar a{
	text-decoration:none;
}
.titulo-post-sidebar a h4{
	color:#000;
	font-size:20px;
	font-weight:500;
	margin-top:25px;
}
.titulo-post-sidebar a h4:hover{
	color:#333;
}
.banner-sidebar{
	padding-top:30px;
	clear:both;
}
.banner-sidebar img{
	/*min-width:100%;*/
	display:table;
	margin:0 auto;
	border-radius:5px;
}


/*FOOTER*/	
.footer {
      padding: 20px 0;
    }
.footer h6{
		font-size:14px;
		font-weight:normal;
		float:left;
		margin:20px 15px 0 0 ;
	}
.texto-footer{
	color:#FFF;
}
.footer-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
	  border-bottom:1px dotted #FFF; 
	  padding:15px 0;
	  margin-bottom:45px;
    }
.footer-column {
	margin-bottom: 15px;
    }
.footer-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 15px;
      color: #979A99; /* Título em branco */
    }
.footer-links {
      padding: 0;
    }
.footer-links li {
      margin-bottom: 5px;
	  list-style: none;
    }
.footer-links a {
      color: #FFF; /* Cor dos links */
      text-decoration: none;
	  font-size:16px;
    }
.footer-links a:hover {
		color:#979A99;
	}
.footer-links i {
      color: #979A99; /* Cor dos links */
      text-decoration: none;
	  margin-top:18px;
	  float:right;
    }
.footer-menus{
		padding:45px 0;
		 border-bottom:1px dotted #FFF; 
	}
.footer-direitos{
		color:#FFF;
		text-align:center;
		font-size:16px;
		padding:20px 0;
		margin-top:15px;
	}
	
.back-top a{
	color: #FFF;
	background: #979A99;
	padding:8px;
	border-radius:50px;
	margin-top:10px;
	float:right;
}

/*REDES SOCIAIS RODAPÉ*/	
.social-links {
      list-style: none;
      padding: 0;	 
    }
.social-links li {
      margin-bottom: 5px;
	   background:#00ABE7;
	  border-radius:50px;
	  display:table;	  
	  padding:13px 15px;
	  float:left;
	  margin: 0 10px 0 0;
    }
.social-links a {
      color: #FFF; 
      font-size:24px;
    }
.social-links li:hover{
		background: #0070B4;
	}
	
	
	
	
/* Estilos para dispositivos móveis */
@media (max-width: 767px){
.square{
	width: 400px;
	padding:20px 40px;
	margin:10px;
	opacity: 0.8;
}
.banner{
    height: 450px; /* Ajuste a altura conforme necessário */
}
.banner img{
	max-width:100%;
}
.overlay{
    width: 100%;
    height: 50%; /* 50% da altura do banner */
}
.dots{
    bottom: 10px;
}
.social-links li {
      margin-bottom: 5px;
	   background:#00ABE7;
	  border-radius:50px;
	  display:table;	  
	  padding:8px 14px;
	  float:left;
	  margin: 8px 10px 0 0;
    }
.social-links a {
      color: #FFF; 
      font-size:12px;
    }
.footer-links {
       margin:0 0 35px 0;
    }

/*dropbown menu mobile*/
ul.navbar-nav li {
    float: none;
}
.nav-link  a{
	color:#979A99 !important;
}


.navbar-toggler {
    background-color: #fff;
    border: 1px solid #fff;
	}

.single-topo h1{
	font-weight:600;
	padding:0 5%;
	margin-bottom:5px;
}

}