/**
 * Theme Name:     gupp
 * Author:         mciglesias91
 * Template:       gutentools
 * Text Domain:	   gupp
 * Description:    para guppy theme
 */
 a{
	 text-decoration: none !important;
 }
 a:hover{
	 color: #b8effa !important;	 
 }
 main{
	 background: #b8effa !important;
 }
 .wp-block-cover{
	 display: none !important;
 }
 
 
 /*pagina para los peces */
 
 .curva-pez{
	z-index: 1 !important;
    position: relative;
    margin-top: -15% !important;
 }
 .pez-item{
	 z-index:2 !important;
	 position: relative;
	 margin-top: -12% !important;
 }
 .gutentools-post-slider-wrapper-inner{
	background-color: #ffff !important;	 
    margin: 8% !important;
    box-shadow: 1px 1px 5px 6px #92BEC7 !important;
	border-bottom-left-radius: 50px !important;
 }
 .gutentools-post-slider-image{
	 border-bottom-right-radius: 50px !important;
	 padding: 1% !important;
 }
 .gutentools-post-title {
	 text-align: right;
	     margin-top: 1% !important;
 }
 .gutentools-post-excerpt {
	 text-align: justify;
	 margin-bottom: 0 !important;
 }
 .gutentools-slider-btn-wrapper{
	 margin-left: 70% !important;
 }
 
.has-white-background-color{
	 background: #b8effa !important;
 }
 .fondo-pez{
	 margin-top: -80px !important;
 }
 .wp-block-button.is-style-outline--3 .wp-block-button__link{
	 border-width: 0px !important;
 }
 .fondo-pagina-pez{
	 margin-top: -50% !important;
 }
 
 .peces-columna{
	 z-index:2 !important;
	 position: relative;
 }
  .peces-columna-ultima{
		 z-index: 3 !important;
  position: relative !important;
  }
 .boton-pez-regresar{
	 z-index: 9 !important;
    position: relative;
    margin-top: -20% !important;
 }
 
 @media only screen and (max-width: 599px) {
	.gutentools-post-slider-image {

	width: 250px !important;
    height: 100px !important;
	}
	
	.gutentools-post-slider-image {
    border-bottom-right-radius: 40px !important;
	}
	
	.gutentools-post-slider-wrapper{
		width: 100% !important;
	}
	
	.gutentools-post-title {
        padding-top: 4% !important;
		font-size: 14px !important;
		}
	
	.gutentools-post-excerpt{
		font-size: 14px !important;
	
	}
	.gutentools-slider-btn {
		font-size: 12px !important;
	
	}
	
	.gutentools-slider-btn-wrapper {
		margin-left: 20% !important;
	}
	 .foto-banner{
		max-width: 40% !important;
		transform: translateX(70%);
	 }
	 .pez-item-col{
		 max-width: 45% !important;
	 }
	 .curva-pez{
		 z-index: 1 !important;
		 position: relative !important;
	 }
	 .pez-item{
		 z-index: 2 !important;
		 position: relative !important;
		 margin-top: -16% !important;
	 }
	 .text-front{
		 margin-left: 11% !important;
		 margin-top: 20% !important;
		 font-size: 29px !important;
	 }
 }
 
 @media only screen and (min-width: 600px) and (max-width: 1024px){
	 
	 .gutentools-post-slider-image{
		width: 160px !important;
		height: 115px !important;
	 }
	 
	 .gutentools-post-title{
			padding-top: 5% !important;
			font-size: 18px !important;
	 }
	 
	 .gutentools-post-excerpt{
		 font-size: 14px !important;
	 }
	 .gutentools-slider-btn-wrapper {
    margin-left: 30% !important;
	}
	 
	 .gutentools-slider-btn {
		  font-size: 14px !important;
	 }
	 
	 .gutentools-post-slider-wrapper {
		 width: 45% !important;
	 }
	 
	 .slick-track {
		 width: 100% !important;
	 }
	 
	 .foto-banner{
		 max-width: 35% !important;
	 }
	 
	 .pez-item-col{
		 max-width: 45% !important;
	 }
	 .pez-item{
		 position: relative;
		 z-index: 5 !important;
		 margin-top: -12% !important;
		 margin-left: 15% !important;
	 }
	 
	 .text-front-peces{
		margin-top: 16% !important;
        font-size: 30px !important;
        margin-left: 40% !important;
        margin-right: 5% !important;
	 }
	 
	 .pez-columna-col{
		 max-width: 30% !important;
	 }
	 .peces-columna-ultima{
		 z-index: 3 !important;
		 position: relative !important;
		 margin-bottom: 2% !important;
	 }
	 .fondo-pagina-pez{
		 margin-bottom: 2% !important;
	 }
	 
	 
	 .text-front-crust{
		margin-left: 0 !important;
		margin-top: 12% !important;
		font-size: 30px !important;
		margin-right: 5% !important;
	 }
	 .text-front-planta{
		margin-left: 0 !important;
		margin-top: 12% !important;
		font-size: 30px !important;
		margin-right: 5% !important;
	 }
	 .text-front-mascotas{
		margin-left: 0 !important;
		margin-top: 12% !important;
		font-size: 30px !important;
		margin-right: 5% !important;
	 }
	 .text-front-sust{
		margin-left: 0 !important;
		margin-top: 12% !important;
		font-size: 30px !important;
		margin-right: 5% !important;
	 }
	 .text-front-acc{
		margin-left: 0 !important;
		margin-top: 12% !important;
		font-size: 30px !important;
		margin-right: 5% !important;
	 }
 }
 
  /*fin pagina pez*/
 
 /* Inicio pagina plantas */
 .fondo-pagina-alga{
	 margin-top: -50% !important;
 }
 
 @media only screen and (max-width: 599px){
	.text-front-planta{
		margin-left: 10% !important;
        margin-top: 20% !important;
        font-size: 29px !important;    
	}
 }
  
 /*fin pagina algas*/
 /*Inicio pagina crustaceo*/
 .fondo-pagina-crusta{
	  margin-top: -30% !important;
 }
 @media only screen and (max-width: 599px){
 .text-front-crust{
	margin-left: 8% !important;
    margin-top: 20% !important;
    font-size: 24px !important;
    }
 } 
 
 /* Fin pagina crustaceo*/
 /*inicio pagina mascota*/
 
  .fondo-pagina-masc{
	  margin-top: -40% !important;
  }
  
  @media only screen and (max-width: 599px){ 
  .text-front-mascotas{
	  margin-left: 11% !important;
      margin-top: 20% !important;
      font-size: 28px !important;
  }
  }
   /* Fin pagina mascota*/
    /*inicio pagina sustratos*/
   .fondo-pagina-sust{
	  margin-top: -40% !important;
  }	
   @media only screen and (max-width: 599px){  
  .text-front-sust{
	margin-left: 11% !important;
    margin-top: 20% !important;
    font-size: 26px !important;
  }
  
   }
	/* Fin pagina sustratos*/
    /*inicio pagina accesorios*/
	.fondo-pagina-acces{
	  margin-top: -50% !important;
  }	
    @media only screen and (max-width: 599px){  
  .text-front-acc{
	margin-left: 4% !important;
    margin-top: 20% !important;
    font-size: 26px !important;
  }
	}
  
	/* Fin pagina accesorios*/
.wp-block-search__input {
	appearance: none;
    border: 1px solid #949494;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 1px !important;
    text-decoration: unset !important;
	width: 180px !important;
}

.wp-element-button:hover, .wp-block-button__link:hover, a.wp-block-post-excerpt__more-link:hover{
	background-color: #7ea2a9 !important;
}

.header-menu{
	z-index: 5 !important;
	position: relative !important;
}

.banner{
	z-index: 1 !important;
}
.curva{
	margin-block-start: 0 !important;
	position: relative !important;
    z-index: 3 !important;
    margin-top: -317px !important;
}

.textopez{
	position: relative !important;
	z-index: 3 !important;
	margin-top: -660px !important;
}
.text-center{
	text-align: justify;
}
.peces-layer{
	position:relative !important;
	margin-top: -18% !important;
	z-index: 2 !important;
}

@media only screen and (min-width: 1024px) {
	
	.peces-col{
	position: relative !important;
	margin-top: -38% !important;
	z-index: 3 !important;
}
}


.col-shadow{
	box-shadow: 1px 1px 5px 6px #92BEC7 !important;
}

.curva-azul{	
	position: relative !important;
	margin-top: -6% !important;
	z-index: 2 !important;
}

.algas-layer{
	position:relative !important;
	margin-top: -130px !important;
	z-index: 1 !important;
}
.plantas-col{
	position: relative !important;
	margin-top: -56% !important;
	z-index: 2 !important;
}

.curva-azul1{ 
	position: relative !important;
	margin-top: -4% !important;
	z-index: 2 !important;
}

.crustaceo-layer{ position:relative !important; z-index: 1 !important; 
	margin-top: -2% !important;
}

.crustaceo-col{
	position: relative !important;
	margin-top: -36% !important;
	z-index: 3 !important;
}
.curva-azul2{	
	position: relative !important;
	margin-top: -5% !important;
	z-index: 2 !important;
}
.mascotas-layer{
	position: relative !important;
	margin-top: -80px !important;
	z-index: 1 !important;
}
.mascotas-col{
	position: relative !important;
	margin-top: -39% !important;
	z-index: 3 !important;
}
.curva-azul3{	
	position: relative !important;
	margin-top: -6% !important;
	z-index: 2 !important;
}
.sustratos-layer{
	position: relative !important;
	margin-top: -120px !important;
	z-index: 1 !important;
}
.sustratos-col{
	position: relative !important;
	margin-top: -35% !important;
	z-index: 3 !important;
}
.curva-azul4{	
	position: relative !important;
	margin-top: -5% !important;
	z-index: 2 !important;
}
.accesorios-layer{
	position: relative !important;
	margin-top: -140px !important;
	z-index: 1 !important;
}
.accesorios-col{
	position: relative !important;
	margin-top: -37% !important;
	z-index: 4 !important;
}
.footer{
	z-index: 3 !important;
	margin-top: -92px !important;
}

@media only screen and (max-width: 599px) {
	
	
	/* Items*/
	.image-item-front{
		max-width: 40% ! important;
	}
	.image-front{
	margin-top: 20% !important;
    margin-bottom: 20% !important;
    width: 100% !important;
	}
	
	.text-item-front{
		max-width: 40% !important;
		margin-top: 20% !important;
	}
	.text-front{
		margin-top: 10% !important;
        font-size: 12px !important;
        margin-left: 0px !important;
	}
	.text-front-bajo{
		margin-top: 25% !important;
		font-size: 22px !important;
		margin-left: 0 !important;
	}
	
	/*Items*/
	.header-menu{
	z-index: 9999 !important;
	position: relative !important;
	}
	
	.text-link{
	margin-left: 25% !important;
    margin-right: 25% !important;
    font-size: 11px !important;
	}	
	
	.banner{
	z-index: 5 !important;
	position: relative !important;
	margin-top: 0px !important;
	}

	.curva{
	z-index: 6 !important;
	position: relative !important;
	margin: 0 auto !important;
	transform: translateY(-68%);
	}
	
	.textopez{
	position: relative !important;
	z-index: 6 !important;
	margin-top: -335px !important;
	width : 30% !important;
}
	.textopez-font{
		font-size: 9px !important;
        text-align: right !important;
        margin: 0 auto !important;
        padding-top: 40px !important;
        padding-right: 31px !important;
        margin-right: 60% !important;
	}
	.textopez-font1{
		font-size: 9px !important;
        text-align: right !important;
        margin: 0 auto !important;
        padding-top: 10px !important;
        padding-right: 200px !important;
        margin-right: 17% !important;
	}
	
	.textopez-font2{
		text-align: right !important;
        font-size: 9px !important;
        margin-top: 5px !important;
        padding-left: 50% !important;
        margin-right: 1% !important;
	}
	.peces-layer{
		z-index: 5;
		position: relative !important;
		margin-top: 56% !important;
		}	
		
	.pez-fondo{
		margin-top: -180% !important;
	}
	.col-text-link{
		padding-left: 0 !important;
	}
	
	.text-img{
		    margin-right: 5px !important;
	}
	
	.pez-fondo{
		margin-top: -100% !important;
	}
	.peces-col{
			margin-top: -150% !important;
			z-index: 6 !important;
			position: relative !important;
	}
	
	.pez-col{
		max-width: 100% !important;
		margin: 0 auto !important;
	}
	.curva-azul{
		z-index: 5 !important;
		position: relative !important;
		margin-top: -12% !important;
    }
	.algas-layer{
		z-index: 5;
		position: relative !important;
		margin-top: 160% !important;		
	}
	
	.alga-fondo{
		margin-top: -215% !important;
	}
	
	.plantas-col{
		z-index: 6 !important;
		position: relative !important;
		margin-top: -225% !important;
	}
	.curva-azul1{
		z-index: 5 !important;
		position: relative !important;
		margin-top: -12% !important;

	}
	.crustaceo-layer{
		z-index: 4 !important;
		position: relative !important;
		margin-top: 190% !important;
		
	}
	
	.crustaceo-fondo{
		margin-top: -200% !important;
	}
	
	.crustaceo-col{
		z-index: 6 !important;
		position: relative !important;
		margin-top: -245% !important;
	}
	.curva-azul2{
		z-index: 5 !important;
		position: relative !important;
		margin-top: -12% !important;
	}
	
	.mascotas-layer{
		z-index: 4 !important;
		position: relative !important;
		margin-top: 130% !important;
	}
	
	.mascota-fondo{
		margin-top: -180% !important;
	}
	
	.mascotas-col{
		z-index: 6 !important;
		position: relative !important;
		margin-top: -205% !important;
	}
	.curva-azul3{
		z-index: 5 !important;
		position: relative !important;
		margin-top: -12% !important;
	}
	.sustratos-layer{
		z-index: 4 !important;
		position: relative !important;
		margin-top: -90px !important;
	}
	.sustratos-col{
		z-index: 6 !important;
		position: relative !important;
		margin-top: -115% !important;
	}	
	.curva-azul4{
		z-index: 5 !important;
		position: relative !important;
		margin-top: -12% !important;
	}
	.accesorios-layer{
		z-index: 4 !important;
		position: relative !important;
		margin-top: -90px !important;
		
	}
	.accesorios-fondo{
		margin-top: -10% !important;
	}
	.accesorios-col{
		z-index: 6 !important;
		position: relative !important;
		margin-top: -115% !important;
	}
	.footer{
		background-color: #b8effa !important; 
		margin-top: -30px !important;
	}
	.footer-text2{
		margin-top: 15px !important;
	}
	.footer-text3{
		text-align: center !important;
	}
	
	.footer-text4{
		display: none !important;
	}
	.footer-img{
		margin-bottom: 15px !important;
	}
	.footer-img1{
		width: 40px !important;
		height: 40px !important;
	}
	
	}
	

	
@media only screen and (min-width: 600px) and (max-width: 1024px){
	
	/* Items*/
	.image-item-front{
		max-width: 40% ! important;
	}
	.image-front{
	margin-top: 25% !important;
    margin-bottom: 25% !important;
    width: 100% !important;
	}
	
	.text-item-front{
		max-width: 40% !important;
		margin-top: 20% !important;
	}
	.text-front{
		margin-top: 12% !important;
        font-size: 27px !important;
        margin-left: 0px !important;
	}
	.text-front-bajo{
		margin-top: 20% !important;
		font-size: 30px !important;
        margin-left: 0 !important;
        margin-right: 5% !important;
	}
	
	/*Items*/
	
	
	
	/* css para el header */
	.texto-logo-header{
		    font-size: 10px !important;
	}
	.logo-header{
		    gap: 3px !important;
	}
	.header-menu-menu{
		gap: 6px !important;
	}
	.menu-pez{
		font-size: 9px !important;
	}
	.header-menu{
		padding-left: 2px !important;
		padding-right: 2px !important; 
	}
	/* css para el cuerpo */
	
	.banner{
		z-index: 5 !important;
	}
	.curva{
		z-index: 6 !important;
		margin-top: -23% !important;
	}
	.textopez{
	position: relative !important;
	z-index: 6 !important;
	margin-top: -50% !important;

}
	.textopez-font{
		font-size: 15px !important;
		text-align: justify !important;
        
	}
	.textopez-font1{
		font-size: 9px !important;
        text-align: justify !important;
		margin-left: 7% !important;
	}
	
	.textopez-font2{
	    text-align: right !important;
        font-size: 10px !important;
        margin-top: -4% !important;       
		transform: translateX(-18%);
	}
	
	.wp-container-core-columns-is-layout-28f84493 {
		gap: 0 !important;
	}
	.col-pez-fondo{
		padding-top: 0 !important;
	}
	.peces-layer{
		position: relative !important;
		z-index: 2 !important;
		margin-top: -3% !important;
	}	
	.peces-col{
		position: relative !important;
		z-index: 6 !important;
		margin-top: -35% !important;
	}
	
	.col-text-link{
		max-width: 20% !important;		
	}
	.text-text-link{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.pez-col{
		position: relative !important;
		z-index: 5 !important;
		max-width: 75% !important;
        margin: 0 auto !important;
	}
	
	.pez-fondo{		
		    margin-top: -3% !important;
			width: 280px !important;
			margin-left: 0 !important;
	}
	.text-link{
	margin-left: 0% !important;
    margin-right: 0% !important;
    font-size: 9px !important;
	}	
	.curva-azul{
		position: relative !important;
        z-index: 5 !important;
        margin-top: -2% !important;
	}
	
	.algas-layer{
		z-index: 4 !important;
        position: relative !important;
        margin-top: 0% !important;
        padding-bottom: 0% !important;
        padding-top: 0% !important;
	}
	.alga-fondo{		
		margin-top: -3% !important;
        width: 250px !important;
        margin-left: 0 !important;
        margin-bottom: 0% !important;
	}
	.col-alga-fondo{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.plantas-col{
		z-index: 6 !important;
        position: relative !important;
        margin-top: -35% !important;
	}
	.curva-azul1{
		z-index: 5 !important;
		position: relative !important;
		margin-top: -2% !important;

	}
	.crustaceo-layer{
		z-index: 4 !important;
		margin-top: 0% !important;
	}
	.col-crustaceo-fondo{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.crustaceo-fondo{		
		margin-top: -3% !important;
        width: 280px !important;
        margin-left: 0 !important;
        margin-bottom: 0% !important;
	}
	.crustaceo-col {
    position: relative !important;
    margin-top: -28% !important;
    z-index: 6 !important;
	}
	.curva-azul2{
	position: relative !important;
    margin-top: -2% !important;
    z-index: 2 !important;
	}
	
	.mascotas-layer{
		z-index: 4 !important;
		margin-top: 0% !important;
	}
	
	.col-mascota-fondo{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.mascota-fondo{		
		margin-top: -3% !important;
        width: 250px !important;
        margin-left: 0 !important;
        margin-bottom: 0% !important;
	}
	
	.mascotas-col {
    position: relative !important;
    margin-top: -47% !important;
    z-index: 6 !important;
	}
	
	.curva-azul3{
	position: relative !important;
    margin-top: -2% !important;
    z-index: 5 !important;
	}
	
	.sustratos-layer{
		z-index: 4 !important;
		margin-top: 0% !important;
	}
	
	.col-sustratos-fondo{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.sustratos-fondo{		
		margin-top: -3% !important;
        width: 250px !important;
        margin-left: 0 !important;
        margin-bottom: 0% !important;
	}
	
	.sustratos-col {
    position: relative !important;
    margin-top: -40% !important;
    z-index: 6 !important;
	}
	
	.curva-azul4{
	position: relative !important;
    margin-top: -2% !important;
    z-index: 5 !important;
	}
	
	.accesorios-layer{
	    z-index: 4!important;
        margin-top: 0% !important;
        padding-top: 4% !important;
        padding-bottom: 4% !important;
	}
	
	.col-accesorios-fondo{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.accesorios-fondo{		
		margin-top: -3% !important;
        width: 250px !important;
        margin-left: 0 !important;
        margin-bottom: 0% !important;
	}
	.accesorios-col {
    position: relative !important;
    margin-top: -29% !important;
    z-index: 6 !important;
	}
	
	.footer{
		position: relative !important;
	background-color: #b8effa !important; 
	z-index: 2 !important;
	margin-top: -6% !important;
	}
	.footer-text3, .footer-text2{
		text-align: center !important;
	}
	
}

/* inicio de los Items*/

.onda-item{
	position: relative;
    z-index: 2 !important;
    margin-top: -16% !important;
}

.enlace-item>a:hover{
	color: blue !important;
}

.grupo-pez-1{
	
}
.grupo-pez-2{
	
}
.grupo-pez-3{
	
}