/*
*
*	Layout
*	#container #layout #cage
* 
*/

.l-container {
    padding: 0 2em;
    min-width: 320px;
}
@media screen and (max-width: 768px) {
	.l-container {
	    padding: 0 15px;
	}
}

.layout-container-fluid {
    padding: 0;
    margin-bottom: 5em;
}
body.secondaryMenuTop .layout-container-fluid {
    margin-bottom: 3em;
}

.l-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.l-header div:last-child {
    flex-basis: 100%;
}

.l-margin-top {
    margin-top: 2em;
}

.l-margin-top-2 {
    margin-top: 4em;
}

.l-margin-top-3 {
    margin-top: 6em;
}

.l-margin-top-0-5 {
    margin-top: 1em;
}

.l-margin-bottom {
    margin-bottom: 2em;
}

.l-margin-bottom-2 {
    margin-bottom: 4em;
}

.l-margin-bottom-0-5 {
    margin-bottom: 1em;
}

.l-reset-margins {
    margin: 0;
}

.l-content-container {
    margin-top: 1em;
}


@media screen and (min-width: 1140px) {

    .l-container {
        margin: 0 auto;
    }

    .l-margin-bottom {
        margin-bottom: 4em;
    }

    .l-indent {
        margin-left: 2em;
    }
} 


.l-sidebar-left {
   float: left;
   width: 300px;
}

.l-sidebar-left-placeholder {
    display: none;
}

@media screen and (min-width: 1366px) {
    
    body.has-menuInPagina .l-sidebar-left-placeholder {
       width: 300px;
       height: 50vh;
       display: block;
    }

}

.l-sidebar-right {
    margin-left: 340px;
}

body:not(.js-menuInPagina) .l-sidebar-left {
   float: none;
   width: auto;

}

body:not(.js-menuInPagina) .l-sidebar-right{
    margin-left: 0;
}