/*
Stuff outside of the style
Gabriel Fernandez
*/




/* 
   General 
------------------------------------------------------------------- */
.description-block {
    line-height: 1.7; /* Sets line height to 1.7 (for p)*/
    /* Add other styles as needed */
}

.product-container {
	height: max-content;
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
}

.downloadButton:hover {
	background-color: #54d777;
	color: white;
}

.downloadButton {
	box-shadow: 1px 1px 2px 0px #043b1680;
	background-color: #44c767;
	border-radius: 16px;
	border: 1px solid #18ab29;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 30px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #2f6627;
}
/*
.downloadButton {
	box-shadow: 1px 1px 2px 0px #043b16;
	background-color:#44c767;
	border-radius:16px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}*/

.downloadButton:active {
	position:relative;
	top:1px;
}

/*
Texto de los productos dentro de la imagen
*/


.product-image-text-block {
	display: none;	
	position: absolute;
	width: 220px;
}

/* Original
.product-image-text p {
	display: none;
	position: relative;
	color: #5363a6c8;
	background: #666666;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow:  1px 1px 1px #20202040;
	font-size: 1.7em;
}		*/

.product-image-text-small, .product-image-text {
	position: relative;
	color: #7288e1f0;
	text-shadow: 1px 1px 1px #20202059;
	margin-bottom: 8px;
}

.product-image-text	  { color: #2e55f0bd;	font-size: 1.7em; }
.product-image-text-small { 	font-size: 1.2em; }

.product-image {
   display: none;
   animation-duration: 1.5s; 
   animation-name: fadeIn; 
}

.animated { 
   animation-duration: 6s; 
   animation-fill-mode: none; 
} 


@keyframes fadeIn { 
    0% {opacity: 0;} 
	100% {opacity: 1;} 
} 

@keyframes fadeOut { 
    0% {opacity: 1;} 
	100% {opacity: 0;} 
} 


.animated-fadeIn { 
   animation-duration: 2s; 
   /*animation-fill-mode: none; */
   animation-name: fadeIn; 
} 
.animated-fadeOut { 
   animation-duration: 1s; 
   /*animation-fill-mode: none; */
   animation-name: fadeOut; 
}