/*
 Theme Name:     Fundación_Violeta_Barrios_deChamorro
 Theme URI:      http://webnus.biz/themes/california-wp/
 Description:    Adaptación para Fundación Violeta Barrios de Chamorro
 Author:         Sofá Rojo S.A
 Author URI:     http://detrasdelsofarojo.com
 Template:       california-wp
 Version:        1.6.2
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


@media (max-width: 319px) {
  .xs-no-background {
    background-image:none !important;
  }
  #L2-img{left:0px !important; top:10px !important;}
  #wrap .ls-inner .ls-l {display: block !important; max-width: 80% !important}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
    .ls-slide>img{width:800px;}
	#header.sm-rgt-mn .logo-wrap .logo img{margin-top: 0px !important; margin-bottom: 0px !important}
	#header.sm-rgt-mn #menu-icon{margin-top: 10px !important;}
.svt-cd-timeline-img.svt-cd-green {
    left: 15% !important;
    margin-left: -19px !important;
	}
	.svt-cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #c6c4bd;
	}
	.svt-cd-timeline-img.svt-cd-blue {
    left: 10%;
    
	}
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
#L2-img{left:50px !important;top:50px !important;}
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
#L2-img{left:5px !important;top:120px;}
}

/* Punto medio entre smartphone y tablet ----------- */
@media only screen
and (min-width : 480px)
and (max-width : 767px) {
	#L2-img{left:75px !important;top:100px;}
	#header.sm-rgt-mn .logo-wrap .logo img{margin-top: 0px !important; margin-bottom: 0px !important}
	#header.sm-rgt-mn #menu-icon{margin-top: 10px !important;}
	.svt-cd-timeline-img.svt-cd-green {
    left: 10% !important;
    margin-left: -20px !important;
	}
	.svt-cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #c6c4bd;
	}
	.svt-cd-timeline-img.svt-cd-blue {
    left: 5%;
    margin-left: -4px !important;
	}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	#header.sm-rgt-mn .logo-wrap .logo img{margin-top: 0px !important; margin-bottom: 0px !important}

}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
#L2-img{left:480px !important;top:120px!important;}
#header.sm-rgt-mn .logo-wrap .logo img{margin-top: 35px !important; margin-bottom: 35px !important}
.svt-cd-timeline-img.svt-cd-green {
    left: 5% !important;
    margin-left: -30px !important;
	}
	.svt-cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #c6c4bd;
	}
	.svt-cd-timeline-img.svt-cd-blue {
    left: 0%;
    margin-left: 13px !important;
	}
}

@media only screen
and (min-width : 790px)
and (max-width : 860px)
and (orientation : landscape) {
#L2-img{left:230px !important; top:120px!important;}
#header.sm-rgt-mn .logo-wrap .logo img{margin-top: 0px !important; margin-bottom: 0px !important}
.svt-cd-timeline-img.svt-cd-green {
    left: 0% !important;
    margin-left: 13px !important;
	}
	.svt-cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #c6c4bd;
	}
	.svt-cd-timeline-img.svt-cd-blue {
    left: 0%;
    margin-left: 13px !important;
	}
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
#L2-img{left:280px !important; top:120px!important;}
.svt-cd-timeline-img.svt-cd-green {
    left: 5% !important;
    margin-left: -20px !important;
	}
	.svt-cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #c6c4bd;
	}
	.svt-cd-timeline-img.svt-cd-blue {
    left: 0;
    margin-left: 13px !important;
	}
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
 #L2-img{left:680px !important;}
}
 /*Large Screens*/
 @media only screen
and (min-width : 1425px)
and (max-width: 1823px) {
 #L2-img{left:980px !important;top:130px !important;}
}
 
/* huge screens ----------- */
@media only screen
and (min-width : 1824px) {
 #L2-img{left:1150px !important;top:180px !important;}
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}