/*** HELPERS & GENERAL ***/

@media (max-width: 1599.98px) {
	.container > .container:first-child {width: 100%; margin: 0 auto; max-width: 75%;}
}

@media (max-width: 1399.98px) {
	.container > .container:first-child {max-width: 80%;}
}

@media (max-width: 1199.98px) {
	.container > .container:first-child {max-width: 100%;}
}

@media (max-width: 991.98px) {
	.container {width: calc(100% - var(--un-xxl)); max-width: calc(100% - var(--un-xxl));}
}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {
	.container {width: calc(100% - var(--un-lg)); max-width: calc(100% - var(--un-lg));}
}

/*** COLOR & TYPOGRAPHY ***/

@media (max-width: 992px) {
	h1, h2, h3, h4, h5, h6 {line-height: 100% !important;}
	h1 {font-size: 3rem !important;}
	h2 {font-size: 3rem !important;}
	h3 {font-size: 2.25rem !important;}
	h4 {font-size: 1.15rem !important;}
	h5 {font-size: 1rem !important;}
	h6 {font-size: .875rem !important;}
}

@media (max-width: 768px) {
	h1, h2, h3, h4, h5, h6 {line-height: 100%;}
	h1 {font-size: 2.5rem !important;}
	h2 {font-size: 2.5rem !important;}
	h3 {font-size: 2rem !important;}
	h4 {font-size: 1.1rem !important;}
	h5 {font-size: 1rem !important;}
	h6 {font-size: .875rem !important;}
}

@media (max-width: 600px) {
	h1, h2, h3, h4, h5, h6 {line-height: 100%;}
	h1 {font-size: 2rem !important;}
	h2 {font-size: 2rem !important;}
	h3 {font-size: 1.5rem !important;}
	h4 {font-size: 1.05rem !important;}
	h5 {font-size: 1rem !important;}
	h6 {font-size: .875rem !important;}
}

/*** COMPONENTS ***/

/*** GRID SYSTEM ***/

@media (max-width: 1199.98px) {
	.grid.g-4 > .grid-item {width: calc(50% - var(--un-lg));}
	.grid.g-10 > .grid-item {width: calc(16.66% - var(--un-lg));}
}

@media (max-width: 991.98px) {
	.grid.g-2 > .grid-item {width: calc(50% - var(--un-lg));}
	.grid.g-3 > .grid-item {width: calc(50% - var(--un-lg));}
	.grid.g-5 > .grid-item {width: calc(33.33% - var(--un-lg));}
	.grid.g-10 > .grid-item {width: calc(20% - var(--un-lg));}
}

@media (max-width: 767.98px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--un-lg));}
}

@media (max-width: 575.98px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-2.g-img > .grid-item.gi-img {width: calc(100% - var(--un-lg));}
	.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(100% - var(--un-lg));}
	.grid.g-2.g-img > .grid-item.gi-img {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: var(--un);}
	.grid.g-3:not(.g-left) > .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-4 > .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-5 > .grid-item {width: calc(50% - var(--un-lg));}	
	.grid.g-10 > .grid-item {width: calc(25% - var(--un-lg));}
}

@media (max-width: 349.98px) {
	.grid.g-3.g-left .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-10 > .grid-item {width: calc(33.33% - var(--un-lg));}
}

/*** FORMS ***/
/*** GRID SYSTEM ***/
/*** HEADER ***/

@media (max-width: 1399.98px) {
	#header-logos hr {margin: 0 var(--un-me);}
	header ul li:not(:last-child) {margin-right: var(--un-me); padding-right: var(--un-me);}
}

@media (max-width: 1199.98px) {
	header {padding: var(--un-me);}
}

@media (max-width: 991.98px) {
	header {padding: var(--un);}
	header img {max-width: 100px !important;}
	header ul {display: none;}
	#header-logos hr {margin: 0 var(--un);}
}

@media (max-width: 575.98px) {
	#header-logos hr {margin: 0 var(--un-sm);}
}

/*** HOME ***/
/*** PAGES & ARCHIVES ***/
/*** POSTS & SINGLES ***/
/*** WP BLOCKS ***/
/*** FORMULAIRE DE REPONSE ***/

@media (max-width: 991.98px) {
	#reponse {padding: var(--un-lg) 0;}
	#campagne-header #campagne-couverture {border-radius: var(--un);}
	#campagne-header #campagne-couverture #campagne-logo {top: var(--un); left: var(--un); border-radius: var(--un-sm); width: var(--un-xl); height: var(--un-xl);}
	.no-svg .question-legende {display: none;}
	.question .question-legende span {font-size: .8rem;}
	#display-switch .btn {height: calc(var(--un-lg) + var(--un-sm)); padding: calc(var(--un-sm) + var(--un-xs));}
}

@media (max-width: 767.98px) {
	#display-switch {bottom: 40px; top: initial; transform: none; z-index: 9;}
	.question-header {text-align: center;}
	.question-header > h2 {font-size: 2rem;}
	.question-header h3::before {display: none;}
	.question .question-values {/* flex-direction: column; */ flex-wrap: wrap;}
	.question .question-values > div {width: 50%;}
	.question .question-values > div:first-child {width: 100%;}
	.question .question-values > div:first-child::before {content: '▾ Je ne sais pas ▾'; margin-bottom: var(--un-sm);}
	.question .question-values > div:first-child::after {content: '▾ Pas du tout d\'accord ▾'; margin-bottom: var(--un-sm-n); margin-top: var(--un-sm);}
	.question .question-values::after {content: '▴ Tout à fait d\'accord ▴'; text-align: center; width: 100%; margin-top: var(--un-sm); margin-bottom: var(--un);}
	#reponse-progress {position: fixed; bottom: 0; left: 0; margin: 0; border-radius: var(--un) var(--un) 0 0; background: #e6e6f4;}
	#reponse-progress #reponse-progress-indicator {border-radius: var(--un) var(--un) 0 0;}
	.acf-field[data-name=csp] {width: 100% !important;}
}

@media (max-width: 575.98px) {
	.question .question-legende span {font-size: .6rem;}
	.question .question-values > div > label {width: calc(var(--un-xxl) + var(--un)); height: calc(var(--un-lg) + var(--un)); border-radius: var(--un-xl)}
}

/*** FOOTER ***/

@media (min-width: 992px) {
	footer .container {min-width: 800px;}
}

@media (max-width: 991.98px) {
	footer .container {width: 100%; max-width: 100%;}
	footer .container #footer-container {border-radius: var(--un-lg) var(--un-lg) 0 0; padding: 0 var(--un-lg);}
	#footer-content, #copyright-content {flex-direction: column; text-align: center; align-items: center;}
	#footer-content img {margin-bottom: var(--un-lg) !important;}
}

/*** JS & VALIDATION ***/

@media (min-width: 992px) {
	.modal-dialog.modal-dialog-lg {max-width: 800px;}
}

/*** CHEATS ***/