/*------------------------------------------------------------
*Filename: mobile.css
*Version: 1.1.1 (2018-06-21)
*Description : mise en page de tous les éléments utilisés uniquement sur tablette ou smartphone avec une résolution < 1023px.

==INDEX=======================================================
_MASQUAGES-DES-BLOCS-POUR-ORDI
_HEADER
_NAVIGATION-BURGER
_NAVIGATION-LOCALE
_ARTICLE
_ARTICLE-CAROUSEL
_HOMEPAGE-EDITO
_FOOTER
==============================================================
------------------------------------------------------------*/

/***********************************
== _MASQUAGES-DES-BLOCS-POUR-ORDI ==
************************************/
@media only screen and (min-width: 640px) and (max-width: 1023px){
#search,
nav#barre-corp,
nav#navigation,
#topbox,
#block-zone_editoriale-zone_editoriale_mobile{
   display:none !important;
}
}
/************
== _HEADER ==
*************/
header{
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

/*Second logo*/
header.dedic .logo.second img{
	margin: 0;
}

/*Bouton Burger*/
button.burger{
	background-image:linear-gradient(to bottom,  #e6142d 0%, #e6142d 20%, white 20%, white 40%, #e6142d 40%, #e6142d 60%, white 60%, white 80%, #e6142d 80%, #e6142d 100%);
   width:3em; /*7vw;*/
   height:2em;/*5vw;*/
   margin:2em; /*5vw;*/
  border:none;
}


/************************
== _NAVIGATION-BURGER ==
************************/

/*Tous les menus*/

#allMenus{
   background-color:white;
   box-shadow: 0.125rem 0 0.5rem rgba(0,0,0,0.6);
   position:absolute;
   top:0;
   left:-2000px;
   z-index:100;
   width:50%;
}

#allMenus #close-menu,
#allMenus #block-search-0,
#allMenus #block-nice_menus-1,
#block-topboxes-custom,
#allMenus #block-barre_corp-menu_corporate{
	border-top:none;
	margin: 0;
}

#allMenus h2{
    position: absolute;
    left: -5000px;
}

#allMenus a{
background: #FFF url(http://www.sciencespo.fr/sites/all/themes/SPresponsive/images/fleche-menu-grise.png) no-repeat 95% 50%;
color: #2A2A2A;
padding: 0.5rem;
text-transform:uppercase;
}

#allMenus a:hover, #allMenus a:active, #allMenus a:focus{
	padding: 0.5rem;
background: #707070 url(http://www.sciencespo.fr/sites/all/themes/SPresponsive/images/fleche-menu-blanche.png) no-repeat 95% 50%;
color: #FFF;
text-decoration:none;
}

#allMenus #close-menu a{
	background:none;
}

#allMenus #close-menu img{
   height:2em;
   margin-top: 0.5em;
}

#allMenus #close-menu{
padding: 0 0.5rem;
}

#allMenus ul,
#allMenus ul ul,
#allMenus li,
nav#navigation ul ul,
nav#barre-corp ul ul{
  list-style:none;
  background-color:white;
  color:#2A2A2A;
  margin:0;
  padding:0;
}

#allMenus li{
	height: auto;
	line-height: 2em;
	border-bottom: 1px solid #bbb;
}

#allMenus ul#nice-menu-1{
	border-bottom: 3px solid #bbb;
}

#allMenus ul#nice-menu-1 > li > a{
	font-weight:bold;
}

#block-nice_menus-1 .content > ul ul{
	border-top: 1px solid #bbb !important;
	border-left: none !important;
	border-bottom: none !important;
	border-right: none !important;
}

#allMenus ul#nice-menu-1 li.niveau2 a{
	font-size: 0.95em;
}


#allMenus ul#navcorporate li a{
	font-weight: normal;
}

#allMenus ul#navcorporate li.normal a img{
	display:none;
}




/*Topbox liens utiles*/
#block-topboxes-custom .first{
	display: none;
	}

#block-topboxes-custom .content a{
	display: block;
	}

#block-topboxes-custom ul{
	border-bottom: 3px solid #bbb;
	}

/*Zone de recherche*/

#allMenus #block-solr_ajax_search-searchSP{
	background-color:#EAEAED;
	border-bottom:3px solid #bbb;
	margin-top: 0.5em;
	padding: 0.5rem;
}

#allMenus #block-solr_ajax_search-searchSP .form-item{
	width:100%;
}

#allMenus #block-solr_ajax_search-searchSP input[type="text"]{
	color:#2a2a2a;
	text-transform: uppercase;
	width:100%;
}

/*Boutons réseaux sociaux et langue*/

#allMenus ul#navcorporate li.rezosocial{
	float: left;
display: block;
width: 14.2857%;
background-color: #EAEAED;
text-align: center;
border-bottom:none;
}

#allMenus ul#navcorporate li.rezosocial a{
	background:#EAEAED;
}

#allMenus ul#navcorporate li.rezosocial a:hover{
	background-color:#707070;
}

#allMenus ul#navcorporate li.langue-li{
	border-top:1px solid #bbb;
	display:block;
	clear:both;
	float:none;
}

#allMenus ul#navcorporate li.langue-li a{
	background-color:#bbbbbb;
	font-weight:bold;
}

#allMenus ul#navcorporate li.langue-li a:hover{
	background: #707070 url(http://www.sciencespo.fr/sites/all/themes/SPresponsive/images/fleche-menu-blanche.png) no-repeat 95% 50%;
}

/***********************
== _NAVIGATION-LOCALE==
***********************/

#titre-mobile-menu-local.fr::after{
   content:url(https://www.sciencespo.fr/sites/all/themes/SPresponsive/images/fleche-menu-deroulant-corp-black.png);
}
#titre-mobile-menu-local.en::after{
   content:url(https://www.sciencespo.fr/sites/all/themes/SPresponsive/images/fleche-menu-deroulant-corp-black.png);
}

#sidebar_first nav.local-menu .content{
	border-bottom: 1px solid #2A2A2A;
	margin: 0 0.5rem 1rem 0.5rem;
}

#titre-mobile-menu-local{
	font-size: 1.15em;
	margin: 0 0.5rem;
	height: 3rem;
	line-height: 3rem;
	text-transform: uppercase;
}

#menu-local-container{
	background-color:#F2F2F2;
	border-top: 1px solid #2a2a2a;
	left:-2000px;
	position:absolute;
	width:auto;
	z-index: 50;
}

#sidebar_first nav.local-menu h2{
	background-color:#f2f2f2;
	color:#2a2a2a;
}

#sidebar_first nav.local-menu h2 a{
	color:#2a2a2a;
	font-size:1rem;
	/* padding:0.5rem 0.5rem 0.5rem 1.5rem; */
}


#menu-local-container ul.local-menu-list > ul > li > a{
	padding:0.5rem 0.5rem 0.5rem 2rem;
}

#menu-local-container ul.local-menu-list ul li.active + ul a{
	padding:0.5rem 0.5rem 0.5rem 3rem;
}

/********************
== _HOMEPAGE-EDITO ==
*********************/
/* .region-edito .titre{ */
    /* margin-bottom: 0.25em;; */
/* } */

.region-edito .titre h2{
	font-size:2.2vw;
}

.region-edito .titre p.sous-titre{
	font-size: 1.7vw;
}

.region-edito .titre p.sous-titre-2{
	font-size: 1.5vw;
}


/*************
== _ARTICLE ==
*************/

#sidebar_second{
  max-width:100%;
  padding: 0;
}

#sidebar_first .block, #sidebar_second .block{
	margin: 0 0.5rem 3rem 0.5rem;
}

/*uniquement pour tablette et pas pour smartphones*/

@media only screen and (min-width: 640px) and (max-width: 1023px){
	#sidebar_second{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
	}
	#sidebar_first .block, #sidebar_second .block{
		flex: 1 1 auto;
		width:45%;
	}
	#carousel_dernieres_publications li.li-scpocarousel{
		display: flex;
		flex-direction: row;
	}
	#carousel_dernieres_publications li .dernieres_publications{
		max-width:50%;
	}
}

/*Images des types publications, partenaires et scpo web passent à droite*/
/* #publications li .image, #partenaires li .image, #scpo_web li .image{ */
	/* float:right; */
	/* margin: 0.5rem; */
/* } */

/**********************
== _ARTICLE-CAROUSEL ==
**********************/

@media only screen and (min-width: 700px){
	.not-front .scpocarousel ul.ul-scpocarousel li.li-scpocarousel img.imagefield{
		height: auto!important;
		max-width: 672px;
	}
	
	.not-front .content-row .scpocarousel iframe{
		width:672px;
		height:400px;
	}
	
	.not-front .content-row .scpocarousel,
	.not-front .content-row .scpocarousel ul.ul-scpocarousel li.li-scpocarousel{
		/* max-width:672px; */
	}
	
	.not-front .content-row .scpocarousel .alt-display-container{
		display:block;
		float:none;
	}
}

/************
== _FOOTER ==
************/
footer{
  flex-direction:column;
}

footer #footer-wrapper{
  display:flex;
  flex-direction:column;
  margin:auto;
  text-align:center;
  padding:2rem 0;
}

#footer-wrapper .block{
	margin-bottom:1rem;
	}