/*

######################################################################

CSS for gpEasy Slider Factory - Inner Box Classes

Author: J. Krausz

Date: 2016-10-22

Version: 1.0.2

######################################################################

*/



/*

 *

 * These Box classes are meant to be used for ELEMENTS INSIDE slides and NOT for the slides themselves!

 * You can use them for sub-sections if the slides themselves are section wrappers

 *

 * Never use "display:none" for inner element hiding as it might break 

 * reponsive height calculations - use visibility:hidden instead.

 *

 */





.innerBox-lighten, 

.innerBox-darken {

position:relative;

margin-top:2.5em;

margin-bottom:5em;

padding:1.5em 2em 1.5em 2em;

}



.innerBox-lighten>div>*:first-child, 

.innerBox-darken>div>*:first-child {

margin-top:0;

}



.innerBox-lighten>div>*:last-child, 

.innerBox-darken>div>*:last-child {

margin-bottom:0;

}



.innerBox-lighten { 

background-color:rgba(255,255,255,0.5);

}



.innerBox-darken {

background-color:rgba(0,0,0,0.5);

}