/* Queries pour le formulaire de recherche avancé: */

.container-full {
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (min-width: 600px) { 
	.bps-form {
		-webkit-column-count: 2;
		-webkit-column-gap: 30px; 
		-webkit-column-rule: 0px solid #e5e5e5;
		-moz-column-count: 2;
		-moz-column-gap: 30px;  
		-moz-column-rule: 0px solid #e5e5e5;
		column-count: 2;
		column-gap: 30px; 
		column-rule: 0px solid #e5e5e5;
		
		width: 100%;
	}
	
	.bps-form .form-group {
		-webkit-column-break-inside: avoid; /* Chrome, Safari */
		page-break-inside: avoid;           /* Theoretically FF 20+ */
		break-inside: avoid-column;         /* IE 11 */
		display: table;                      /* Actually FF 20+ */
		
		max-width: 100%;
		width: 100%;
	}
	
	.bps-form .form-submit {
		float: right;
		font-weight: 700;
	}
	
	.bp-profile-loop-container {
		clear: both;
	}
}

@media only screen and (min-width: 800px) { 
	.bps-form {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 992px) { 
	.bps-form {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
	
	.container-full {
		max-width: 970px;
	}
	
}

@media only screen and (min-width: 1200px) { 
	.bps-form {
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
	}
	
	.container-full {
		max-width: 1170px;
	}
}

/* Queries pour le formulaire de recherche avancé: */

/*
 * Columns for the form pages
 * Useful: http://aaronlumsden.com/multicol/
*/

@media only screen and (min-width: 720px) {
	/* Profils en Mode Edition */
	/* Profils en Mode Vue */
	.kino-edit-profile,
	.bp-profile-loop-container .bp-profile-loop {
		-webkit-column-count: 2;
		-webkit-column-gap: 30px; 
		-webkit-column-rule: 0px solid #e5e5e5;
		-moz-column-count: 2;
		-moz-column-gap: 30px;  
		-moz-column-rule: 0px solid #e5e5e5;
		column-count: 2;
		column-gap: 30px; 
		column-rule: 0px solid #e5e5e5;
	}
	
	.kino-edit-profile .editfield,
	.bp-profile-loop dl.dl-horizontal {
		-webkit-column-break-inside: avoid; /* Chrome, Safari */
		page-break-inside: avoid;           /* Theoretically FF 20+ */
		break-inside: avoid-column;         /* IE 11 */
		display:table;                      /* Actually FF 20+ */
		display:inline-block;
		
		max-width: 100%;
		width: 100%;
	}
	
	.kino-edit-profile .editfield {
		margin: 0;
	}
	
	/* Profils en Mode Vue */
	
	.bp-profile-loop-container .bp-profile-loop {
		-webkit-column-rule: 4px double #ebebeb; 
		-moz-column-rule: 4px double #ebebeb;
		column-rule: 4px double #ebebeb;
	}
	
	/* Champs pour Edition Profil */
	
	.kino-edit-profile .editfield textarea,
	.kino-edit-profile .editfield input[type="text"],
	.kino-edit-profile .editfield input[type="number"],
	.kino-edit-profile .editfield select {
		max-width: 100%;
		width: 100% !important;
	}
	
	.kino-edit-profile .editfield .datebox select  {
		width: auto !important;
	}
	
	.kino-edit-profile .field_205 {
		-moz-column-break-after: always;
		-webkit-column-break-after: always;
		break-after: always;
	}
	
}

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

/*
 * Columns for the form pages
 * Useful: http://aaronlumsden.com/multicol/
*/

	.kino-edit-profile {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	
	/* Except for group5 - realisateur - where we keep 2 columns */ 
	
	.page-paged-5 .kino-edit-profile {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	/* page kabaret */
	.paged-17 .kino-edit-profile {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

}


@media (min-width: 1440px) {

	.container-full {
		max-width: 1280px;
	}
}

/*
 * Menu de navigation
 * Correctif
*/

@media (max-width: 991px) {
	
	#header .navbar-nav > li > a {
		padding-right: 2.5em;
	}
}