/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

.bg_header{
  background: linear-gradient(to right, #0339a6 16%, #4cb1f7 100%);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.6);
}
.bg_gradient1{
  background: linear-gradient(to right, #0339a6 16%, #4cb1f7 100%);
}
.bg_post-container{
  background: linear-gradient(to right,  #ffffff 50%,#f0f0f0 100%);
}

.asidemenu a{
  font-family: var(--wp--preset--font-family--lato);   
  color: #A7A9AC;
  display: block;
  padding: 12px 10px;
  border-bottom: solid 1px rgba(0, 0, 0, .1);
}

/* Estado Hover (cuando pasa el cursor) */
.asidemenu a:hover {
  color: var(--orange);
  background-color: rgba(0, 0, 0, 0.03); 
}

/* Estado Activo (el post/página en la que está el usuario) */
.asidemenu a[aria-current="page"] {
  color:  var(--orange); 
  font-weight: 700;
  border-right: 3px solid var(--orange);
  background-color: rgba(0, 0, 0, 0.03); 
}

.sub-menu li{
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
.sub-menu li a:hover{
  background: var(--color3);
  transition: opacity 0.2s, transform 0.35s;
}


/* Hacer que el enlace se comporte como un bloque y respete las dimensiones */
.archive_item-thum a {
  display: block;
  width: 100%;
  height: 200px; /* La misma altura que tenías */
  overflow: hidden;
}

/* Forzar a la imagen a llenar el enlace */
.archive_item-thum a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}



/* Small devices  */
@media only screen and (min-width: 300px) {
  .asidemenu a{
    font-size: 19px; 
    text-align: center;
  }
}
/* Tablet */
@media only screen and (min-width: 768px) {
}
/* Laptop */
@media only screen and (min-width: 1366px) {
  .asidemenu a{
    font-size: 17px; 
    text-align: right;
  }
}
/* desktop */
@media only screen and (min-width: 1400px) {
}








/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--e-global-color-accent) #E5E5E5;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #E5E5E5;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--e-global-color-accent);
  border-radius: 20px;
  border: 3px solid #E5E5E5;
}