/*

ENG:

	Please do not steal. 
	I worked hard on this.
	Even if there is another way to make hearts, I wanted to make my own.

ESP:

	Por favor no robar.
	Trabjé duro en esto.
	Aún si hay otras maneras de hacer corazones, quise hacer el mío.

*/



/*

SIDEBAR'S HEART

*/

/*heart's wrapper -- contenedor del corazón*/

#w-heart_w4{
	position:relative;
	margin:0px -100px;
	width:365px;
	height:290px;
	-webkit-transform: rotate(-15deg) scale(0.6);
	-moz-transform: rotate(-15deg) scale(0.6);
	-o-transform: rotate(-15deg) scale(0.6);
	-ms-transform: rotate(-15deg) scale(0.6);
	transform: rotate(-15deg) scale(0.6);
}


/*heart's left half -- parte izquierda del corazón*/

#w-heart_l4{
	width:250px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:150px 100px 0px  0px;
	-webkit-transform: rotate(-65deg) scale(1);
	-moz-transform: rotate(-65deg) scale(1);
	-o-transform: rotate(-65deg) scale(1);
	-ms-transform: rotate(-65deg) scale(1);
	transform: rotate(-65deg) scale(1);
	overflow:hidden;
}


/*heart's right half -- parte derecha del corazón*/

#w-heart_r4{
	width:250px;
	height:250px;
	position:absolute;
	top:2px;
	left:124px;
	border-radius:0px 0px 100px  150px;
	-webkit-transform: rotate(-115deg) scale(1);
	-moz-transform: rotate(-115deg) scale(1);
	-o-transform: rotate(-115deg) scale(1);
	-ms-transform: rotate(-115deg) scale(1);
	transform: rotate(-115deg) scale(1);
	overflow:hidden;
}


/* heart's background wrapper -- contenedor del fondo del corazón */

#w-heart_i-4{
	position:absolute;
	top:4px;
	left:4.5px;
	width:365px;
	height:290px;
}


/*heart's background left half -- parte izquierda del fondo del corazón*/

#w-heart_il4{
	width:250px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:150px 100px 0px  0px;
	-webkit-transform: rotate(-65deg) scale(1);
	-moz-transform: rotate(-65deg) scale(1);
	-o-transform: rotate(-65deg) scale(1);
	-ms-transform: rotate(-65deg) scale(1);
	transform: rotate(-65deg) scale(1);
	overflow:hidden;
}


/*heart's background right half -- parte derecha del fondo del corazón*/

#w-heart_ir4{
	width:250px;
	height:250px;
	position:absolute;
	top:0px;
	left:120px;
	border-radius:0px 0px 100px  150px;
	-webkit-transform: rotate(-115deg) scale(1);
	-moz-transform: rotate(-115deg) scale(1);
	-o-transform: rotate(-115deg) scale(1);
	-ms-transform: rotate(-115deg) scale(1);
	transform: rotate(-115deg) scale(1);
	overflow:hidden;
}


/* first image as bakground (must be two) -- primera imagen de fondo (deben ser dos)*/

.w-heart_i1-4 img{
	-webkit-transform: rotate(65deg);
	-moz-transform: rotate(65deg);
	-o-transform: rotate(65deg);
	-ms-transform: rotate(65deg);
	transform: rotate(65deg);
	background-size:cover;
	position:absolute;
	top: 20px;
	left: -55px;
	width:380px;
	height:350px;
}


/* second image as bakground (must be two) -- segunda imagen de fondo (deben ser dos)*/

.w-heart_i2-4 img{
	-webkit-transform: rotate(115deg);
	-moz-transform: rotate(115deg);
	-o-transform: rotate(115deg);
	-ms-transform: rotate(115deg);
	transform: rotate(115deg);
	background-size:cover;
	position:absolute;
	top: -106px;
	left: -62px;
	width:380px;
	height:350px;
}




/*

POSTS' HEART

*/

/*heart's wrapper -- contenedor del corazón*/

#w-heart_w4-p{
	position:relative;
	margin:0px;
	width:365px;
	height:290px;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}


/*heart's left half -- parte izquierda del corazón*/

#w-heart_l4-p{
	width:250px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:150px 100px 0px  0px;
	-webkit-transform: rotate(-65deg) scale(1);
	-moz-transform: rotate(-65deg) scale(1);
	-o-transform: rotate(-65deg) scale(1);
	-ms-transform: rotate(-65deg) scale(1);
	transform: rotate(-65deg) scale(1);
	overflow:hidden;
}


/*heart's right half -- parte derecha del corazón*/

#w-heart_r4-p{
	width:250px;
	height:250px;
	position:absolute;
	top:2px;
	left:124px;
	border-radius:0px 0px 100px  150px;
	-webkit-transform: rotate(-115deg) scale(1);
	-moz-transform: rotate(-115deg) scale(1);
	-o-transform: rotate(-115deg) scale(1);
	-ms-transform: rotate(-115deg) scale(1);
	transform: rotate(-115deg) scale(1);
	overflow:hidden;
}


/* heart's background wrapper -- contenedor del fondo del corazón */

#w-heart_i-4-p{
	position:absolute;
	top:4px;
	left:4.5px;
	width:365px;
	height:290px;
}


/*heart's background left half -- parte izquierda del fondo del corazón*/

#w-heart_il4-p{
	width:250px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:150px 100px 0px  0px;
	-webkit-transform: rotate(-65deg) scale(1);
	-moz-transform: rotate(-65deg) scale(1);
	-o-transform: rotate(-65deg) scale(1);
	-ms-transform: rotate(-65deg) scale(1);
	transform: rotate(-65deg) scale(1);
	overflow:hidden;
}


/*heart's background right half -- parte derecha del fondo del corazón*/

#w-heart_ir4-p{
	width:250px;
	height:250px;
	position:absolute;
	top:0px;
	left:120px;
	border-radius:0px 0px 100px  150px;
	-webkit-transform: rotate(-115deg) scale(1);
	-moz-transform: rotate(-115deg) scale(1);
	-o-transform: rotate(-115deg) scale(1);
	-ms-transform: rotate(-115deg) scale(1);
	transform: rotate(-115deg) scale(1);
	overflow:hidden;
}