@charset "UTF-8";
/*
Theme Name: LAM 2
Author: design - www.kaiva.studio, programmed - www.flinkefolk.com
Author URI:
Description: The Theme for Lycée des Arts et Métiers. Updated in 2027.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, white, light, red, flexible-width, one-column, two-column, featured-images, left-sidebar,
custom-header, custom-menu, editor-style, arts
Text Domain: ltam

Historique. Le 14 mars 1996, la "Handwierkerschoul", jusqu'en septembre 2015 "Lycée Technique des Arts et Métiers" et actuellement 
"Lycée des Arts et Métiers"est devenue centenaire.
Tradition et innovation. Fondé en 1896, le Lycée des Arts et Métiers est le plus ancien des lycées techniques publics du Luxembourg.
*/

.block-editor-inner-blocks {
	border-right: 4px lightgrey solid;
	outline-offset: 25px;
}

@media only screen and (max-width: 599px) {
    .landing-bottom-widget-area {
        background:#e0e0e0
    }
}

.lam-grey-boxed {
    background: #e0e0e0
}

.lam-boxed {
    padding-bottom:20px
}

@media only screen and (max-width: 599px) {
    .lam-boxed {
        background:#e0e0e0;
		/*min-height:850px*/
    }
}

@media only screen and (min-width: 600px) {
    .lam-boxed {
        padding: 5em 0em 5em 0em;
        /*min-height:850px*/
    }
}

@media only screen and (max-width: 600px) {
    .lam-boxed .lam-boxed-container {
        padding-top:2em;
        width: calc(100% - 80px);
        padding-left: 1.2em;
    }
}

@media only screen and (min-width: 601px) and (max-width: 1023px) {
    .lam-boxed .lam-boxed-container {
        padding-top:3em;
		/*min-height:1350px*/
    }
    .lam-boxed .lam-boxed-container {
        padding-left: 1.3em;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1900px) {
    .lam-boxed .lam-boxed-container {
       width: 74%;
       margin:0 auto
    }
}

@media only screen and (min-width: 1900px) {
    .lam-boxed .lam-boxed-container {
        width: 1300px;
        margin:0 auto
    }
}

.lam-boxed .lam-boxed-container h1 {
    font-size: 2.5rem;
    line-height:1.2
}

@media only screen and (max-width: 600px) {
    .lam-boxed .lam-boxed-container h1 {
        width: 80%;
        margin:0 auto
    }
}

@media only screen and (min-width: 601px) and (max-width: 900px) {
    .lam-boxed .lam-boxed-container h1 {
        width: 500px;
        margin:0 auto
    }
}

.lam-boxed .lam-boxed-container h3 {
    font-size: 1.2rem;
    font-weight: 100;
    font-family: "Fauna One";
	margin-bottom:10px
}

@media only screen and (max-width: 600px) {
    .lam-boxed .lam-boxed-container h3 {
        width: 80%;
        margin:0 auto
    }
	.lam-boxed .lam-boxed-container p {
        width: 80%;
        margin:0 auto
    }
}

@media only screen and (min-width: 601px) and (max-width: 900px) {
    .lam-boxed .lam-boxed-container h3 {
        width: 500px;
        margin:0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .lam-boxed .lam-boxed-container h3 {
        font-size:1.5rem
    }
}

.lam-boxed .lam-boxed-container .selectors-container {
    display:flex
}

@media only screen and (max-width: 600px) {
    .lam-boxed .lam-boxed-container .selectors-container {
        flex-direction: column;
        width: 80%;
        margin:2.5em auto
    }
}

@media only screen and (min-width: 601px) and (max-width: 900px) {
    .lam-boxed .lam-boxed-container .selectors-container {
        flex-direction: column;
        width: 500px;
        margin:2.5em auto
    }
}

@media only screen and (min-width: 901px) {
    .lam-boxed .lam-boxed-container .selectors-container {
        margin:5em 0em 4em
    }
}

.lam-boxed .lam-boxed-container .lam-posts-area {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom:1.6em
}

@media only screen and (max-width: 900px) {
    .lam-boxed .lam-boxed-container .lam-posts-area {
        flex-direction:column
    }
}

.lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-3 {
    width: 33.33%;
    transition: background-color .5s ease-in-out;
    position: relative;
    flex-direction:column
}

.lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-2 {
    width: 50%;
    transition: background-color .5s ease-in-out;
    position: relative;
    flex-direction:column
}
.lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-1 {
    width: 100%;
    transition: background-color .5s ease-in-out;
    position: relative;
    flex-direction:column
}


@media only screen and (max-width: 600px) {
    .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box {
        width: 100%;
        border-top:7px solid white
    }
}

@media only screen and (min-width: 601px) {
    .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box {
        margin:0px -1px 20px 0px
    }
}

@media only screen and (min-width: 601px) and (max-width: 900px) {
    .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box, .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-2, .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-3 {
        width: 500px;
        margin:20px auto
    }
}

@media only screen and (min-width: 901px) and (max-width: 1279px) {
    .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box, .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-2, .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-3 {
        width:50%;
		margin-bottom:30px;
    }
}
@media only screen and (max-width: 600px) {
    .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box, .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-2, .lam-boxed .lam-boxed-container .lam-posts-area .lam-post-box-3 {
        width:100%;
		margin-bottom: 30px;
    }
}

.lam-video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.lam-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}