/*
	For large screens
*/

@media only screen and (min-width:36em){

}
@media only screen and (min-width:48em){
	.container{
		padding:0;
	}

	/* columns */
	.top-column, .bottom-column, .middle-column {
		flex-direction: row;
	}
	.les-partenaires  .middle-column {
		flex-direction: row;
	}
	.home .top-column .wp-block-column, .home .bottom-column .wp-block-column {
		padding: 4rem;
	}

	/* home */
	#hero-home {
		padding: 10rem 6vw 2rem;
	}
	#hero-home .details {
		flex-direction: row;
		align-self: unset;
	}
	#hero-home .details > div > p:last-of-type {
		font-size: 1rem;
	}
	#hero-home .details p:first-of-type  {
		text-align: left;
	}
	#hero-home h1 {
		width: 80%;
		font-size: 5rem;
	}
	#hero-home .subtitle {
		width: 80%;
	}

	#hero-home .details > div {
		margin: 0 2rem;
		padding: 2rem 2rem 0;
		flex: 1;
	}
	.details .jeunes > p:before {
		width: 4rem;
		height: 4rem;
	}
	.details .accompagnateurs > p:before {
		width: 3rem;
		height: 3rem;
	}
	.details .jeunes > p:first-of-type:before {
		left: -5rem;
	}
	.details .accompagnateurs > p:first-of-type:before {
		left: -4rem;
	}
	.details .jeunes > p:first-of-type:before, .details .accompagnateurs > p:first-of-type:before {
		content: '';
	}

	/* page parcours simple */
	#hero-simple h1 {
		font-size: 5rem;
	}
	#hero-simple + #main .content > h2 {
		padding: 1rem;
	}
	#hero-simple + #main .content > h2:first-of-type {
		padding: 0 10rem 6rem;
	}
	section.main-parcours .top-column .wp-block-column {
		margin: 0;
	}
	section.main-parcours .top-column .wp-block-column:first-of-type ol, section.main-parcours .top-column .wp-block-column:first-of-type ul, section.main-parcours .top-column .wp-block-column:first-of-type p {
		padding-right: 3rem;
	}
	section.main-parcours .top-column .wp-block-column:first-of-type figure {
		width: 60%;
	}
	.card-parcours > .wp-block-column {
		margin-bottom: 0;
		margin: 2rem 0;
	}
	#hero-simple + #main .card-parcours + h3 {
		margin-top: 8rem;
		margin-bottom: 2rem;
	}
	.card-parcours > .wp-block-column > .wp-block-media-text .wp-block-media-text__content {
		margin-left: 11rem;
	}

	/* page les ateliers */
	section.main-parcours .bottom-column .wp-block-column:last-of-type {
		padding: 4rem;
		font-size: 1.2rem;
	}
	.les-formations section.main-parcours .top-column {
		padding: 4rem;
	}
	.les-ateliers section.main-parcours .top-column, .les-ateliers section.main-parcours .middle-column {
		padding: 2rem 4rem;
	}
	.les-ateliers section.main-parcours .content > *, .les-formations section.main-parcours .content > * {
		flex-direction: row;
	}
	.les-ateliers .ateliers > .wp-block-column {
		padding: 4rem;
	}
	#maplist {
		padding-top: 8rem;
		flex-direction: row;
		min-height: unset;
	}
	#maplist .liste {
		padding: 0 4rem;
		flex: 2;
	}
	#map {
		flex: 3;
		height: 35rem;
	}
	/* videos */
	#hero-simple + #main .content .videos {
		padding: 2rem;
	}
	#hero-simple + #main .content .videos .wp-block-embed-youtube {
		margin: 1rem;
	}

	/* page les partenaires */
	#partenaires #liste-partenaires {
		padding: 0 6vw;
	}
	#partenaires .partenaire {
		width: 38%;
		margin: 1rem;
	}
}
@media only screen and (min-width:62em){
	/* header */
	#open-mobile-menu {
		display: none;
	}
	header#header {
		height: unset;
	}
	header#header #main-nav, header#header nav#supheader {
		display: flex;
	}

	#sidebar .inner-sidebar,#content{
		padding-top:2rem;
		padding-bottom:2rem;
	}
	#sidebar{
		background: transparent;
	}
		#sidebar .inner-sidebar{
			padding-left: 2rem;
			padding-right: 2rem;
			border-radius: 2rem 0 0 2rem;
			box-shadow: -10px 0 10px rgba(0,0,0,.2);
		}
		.single-parcours #sidebar{
			order:0;
		}
	section#main{
		background: white;
	}
	section#main{
		background: transparent;
	}
		section#main h1{
			margin-top:0;
		}
	#content, .single-parcours #content{
		padding-left:2rem;
		padding-right:2rem;
		border-radius: 0 2rem 2rem 2rem;
		box-shadow: 10px 0 10px rgba(0,0,0,.2);
	}
	form .rwmb-meta-box{
	    border-left: 2rem solid #ccc;
	    padding: 2rem;
	}
		form .rwmb-meta-box:focus-within{
			border-left: 2rem solid #4a4fa1;
		    background: #eff0ff;
		}
	form .rwmb-meta-box h2{
		display: block;
	    position: absolute;
	    top: 0;
	    left: -.5rem;
	    margin: 0;
	    transform: translateX(-100%) rotate(-90deg);
	    transform-origin: 100% 100%;
	    text-transform: uppercase;
	    color: rgba(0,0,0,.3);
	    font-size: 1rem;
	    transition: all .2s ease-in-out;
	}
		form .rwmb-meta-box:focus-within h2{
		    color:rgba(255,255,255,.8);
		}

	form .rwmb-field:last-child{
		padding-bottom:0;
	}

	#parcours-suivis .parcours{
		flex:1 0 40%;
		margin:0 1rem 2rem;
	}

}
@media only screen and (min-width:75em){
	#hero-simple h1 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	/* page les partenaires */
	#partenaires .partenaire {
		width: 25%;
	}
}