/*** HELPERS & GENERAL ***/

:root {
	--blue: #000091;
	--blue-a: rgba(0,0,145,.1);
	--blue-a-l: rgba(0,0,145,.05);
	--blue-a-w: #e6e6f4;
	--red: #e1000f;
	--red-a: rgba(225,0,15,.1);
	--red-a-l: rgba(225,0,15,.05);
	--red-a-w: #fce6e7;
	--grey: #707070;
	--grey-a: rgba(112,112,112,.1);
	--grey-a-l: rgba(112,112,112,.05);
	--grey-a-w: #f1f1f1;

	--white: #ffffff;
	--white-d: #fafafa;
	--black: #000000;
	--black-l: #212121;

	--success: #4fb89e;
	--success-a: rgba(79,183,157,.1);
	--success-w: #8CC3A9;
	--success-a-w: #eef8f6;
	--warning: #fbc54e;
	--warning-a: rgba(250,196,78,.1);
	--warning-w: #ffe1a3;
	--warning-a-w: #fffaee;
	--error: #e35169;
	--error-a: rgba(227,81,105,.1);
	--error-w: #ED9AA2;
	--error-a-w: #fdeef1;
	--info: #518ecb;
	--info-a: rgba(81,142,203,.1);
	--info-w: #ED9AA2;
	--info-a-w: #eef4fa;

	--white-a: rgba(255,255,255,.1);
	--white-a-l: rgba(255,255,255,.05);
	--black-a: rgba(0,0,0,.1);
	--black-a-l: rgba(0,0,0,.05);

	--un-xs: 5px;
	--un-xs-n: -5px;
	--un-sm: 10px;
	--un-sm-n: -10px;
	--un: 20px;
	--un-n: -20px;
	--un-me: 30px;
	--un-me-n: -30px;
	--un-lg: 40px;
	--un-lg-n: -40px;
	--un-xl: 80px;
	--un-xl-n: -80px;
	--un-xxl: 120px;
	--un-xxl-n: -120px;

	--border: 2px solid var(--blue-a-l);

	--shadow: 0 5px 20px rgba(0,0,0,.05);
	--shadow-lg: 0 5px 20px rgba(0,0,0,.1);
	--shadow-blue: 0 0 10px var(--blue);
	--shadow-red: 0 0 10px var(--red);
	--shadow-success: 0 0 10px var(--success);
	--shadow-warning: 0 0 10px var(--warning);
	--shadow-error: 0 0 10px var(--error);
	--shadow-info: 0 0 10px var(--info);

	--transition: .3s;
	--transition-bezier: .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

* {font-family: 'Karla', sans-serif; color: var(--black);}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	overflow-x: hidden;
	background: #f1f1ff;
}

body {
/*	justify-content: center;*/
}

body.admin-bar {min-height: calc(100vh - 32px);}

#wpadminbar {z-index: 99997 !important;}
#wp-admin-bar-root-default {margin-top: -20px !important;}
#wp-admin-bar-top-secondary {margin-top: 0 !important;}

::selection {color: var(--blue); background: rgba(254,226,65,.66);}
::-moz-selection {color: var(--blue); background: rgba(254,226,65,.66);}

i {vertical-align: middle;}
img, svg {vertical-align: middle; width: 100%; user-select: none; pointer-events: none;}
iframe, video {vertical-align: middle; width: 100%; user-select: none;}

/*iframe::after {*/
	/*content: '';*/
	/*position: relative;*/
	/*padding-bottom: 66.66%;*/
/*}*/

.container {
	width: calc(100% - calc(var(--un-xxl) * 4));
	max-width: calc(100% - calc(var(--un-xxl) * 4));
	padding: 0;
	/*margin-left: var(--un-xxl) !important;*/
	/*margin-right: var(--un-xxl) !important;*/
}

.container.large-container {
	width: calc(100% - calc(var(--un-xxl) * 2));
	max-width: calc(100% - calc(var(--un-xxl) * 2));	
}

main {
/*	flex: 1 0 auto;*/
/*	padding-top: var(--un-xl);*/
	display: flex;
	flex-direction: column;
	min-height: 70vh;
	justify-content: center;
	animation: 1s animMain;
}

@keyframes animMain {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

main.main-top {justify-content: flex-start;}

hr {
	margin: var(--un-lg) 0;
	border: 0;
	background: var(--blue-a);
	height: 2px;
	width: 100%;
	opacity: 1;
}

/*** COLOR & TYPOGRAPHY ***/

.blue, .has-blue-background-color {background: var(--blue) !important;}
.light-blue, .has-light-blue-background-color {background: var(--light-blue) !important; color: var(--blue) !important;}
.grey, .has-grey-background-color {background: var(--grey) !important;}
.white, .has-white-background-color {background: var(--white) !important;}
.success, .has-success-background-color {background: var(--success) !important;}
.warning, .has-warning-background-color {background: var(--warning) !important;}
.error, .has-error-background-color {background: var(--error) !important;}
.info, .has-info-background-color {background: var(--info) !important;}

.has-blue-a-w-background-color {background: var(--blue-a-w) !important;}
.has-red-a-w-background-color {background: var(--green-a-w) !important;}
.has-grey-a-w-background-color {background: var(--grey-a-w) !important;}
.has-white-a-w-background-color {background: var(--white-a-w) !important;}
.has-success-a-w-background-color {background: var(--success-a-w) !important;}
.has-warning-a-w-background-color {background: var(--warning-a-w) !important;}
.has-error-a-w-background-color {background: var(--error-a-w) !important;}
.has-info-a-w-background-color {background: var(--info-a-w) !important;}

.hoverable {transition: var(--transition);}
.hoverable:hover, .blue.hoverable:hover, .btn:hover, .blue.btn:hover, .wp-block-button__link:hover, .has-blue-background-color:hover, .hoverable:focus, .blue.focusable:focus, .btn:focus, .blue.btn:focus, .wp-block-button__link:focus, .has-blue-background-color:focus {background: var(--blue-a-w) !important; color: var(--blue) !important; box-shadow: 0 0 0 2px var(--blue) inset !important;}
.red.hoverable:hover, .red.btn:hover, .has-red-background-color, .red.hoverable:focus, .red.btn:focus, .has-red-background-color {background: var(--red-a-w) !important; color: var(--blue) !important; box-shadow: 0 0 0 2px var(--red) inset !important;}
.grey.hoverable:hover, .grey.btn:hover, .has-grey-background-color:hover, .grey.hoverable:focus, .grey.btn:focus, .has-grey-background-color:focus {background: var(--grey-a-w) !important; color: var(--grey) !important; box-shadow: 0 0 0 2px var(--grey) inset !important;}
.success.hoverable:hover, .success.btn:hover, .has-success-background-color:hover, .success.hoverable:focus, .success.btn:focus, .has-success-background-color:focus {background: var(--success-a-w) !important; color: var(--success) !important; box-shadow: 0 0 0 2px var(--success) inset !important;}
.warning.hoverable:hover, .warning.btn:hover, .has-warning-background-color:hover, .warning.hoverable:focus, .warning.btn:focus, .has-warning-background-color:focus {background: var(--warning-a-w) !important; color: var(--warning) !important; box-shadow: 0 0 0 2px var(--warning) inset !important;}
.error.hoverable:hover, .error.btn:hover, .has-error-background-color:hover, .error.hoverable:focus, .error.btn:focus, .has-error-background-color:focus {background: var(--error-a-w) !important; color: var(--error) !important; box-shadow: 0 0 0 2px var(--error) inset !important;}
.info.hoverable:hover, .info.btn:hover, .has-info-background-color:hover, .info.hoverable:focus, .info.btn:focus, .has-info-background-color:focus {background: var(--info-a-w) !important; color: var(--info) !important; box-shadow: 0 0 0 2px var(--info) inset !important;}

.blue-text, .has-blue-color, .has-blue-color * {color: var(--blue) !important;}
.red-text, .has-red-color, .has-red-color * {color: var(--red) !important;}
.grey-text, .has-grey-color, .has-grey-color * {color: var(--grey) !important;}
.white-text, .has-white-color, .has-white-color *, .has-white-dk-color, .has-white-dk-color * {color: var(--white) !important;}
.success-text, .has-success-color, .has-success-color * {color: var(--success) !important;}
.warning-text, .has-warning-color, .has-warning-color * {color: var(--warning) !important;}
.error-text, .has-error-color, .has-error-color * {color: var(--error) !important;}
.info-text, .has-info-color, .has-info-color * {color: var(--info) !important;}

.facebook {background: #1877f2 !important;}
.facebook:hover {background: #1162c4 !important;}
.linkedin {background: #0077b5 !important;}
.linkedin:hover {background: #005a87 !important;}

.center-align {text-align: center !important;}
.left-align {text-align: left !important;}
.right-align {text-align: right !important;}
.justify {text-align: justify !important;}
.bold {font-weight: 600 !important;}
.light {font-weight: 300 !important;}
.help-cursor {cursor: help;}

small, em, i, b, strong, sup, del {color: inherit;}

h1, h2, h3, h4, h5 {font-family: 'Figtree', sans-serif;}

h1, h2, h3, h4, h5, p, blockquote, ul, ol {margin: var(--un) 0 !important; color: inherit;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child, blockquote:first-child, ul:first-child, ol:first-child {margin-top: 0 !important;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, p.last-child, blockquote:last-child, ul:last-child, ul.last-child, ol:last-child, ol.last-child {margin-bottom: 0 !important;}

h2 {font-size: 2.5rem; font-weight: bold; color: var(--blue);}

h3 {color: var(--grey);}

h4 {font-size: 1.4rem; font-weight: bold; color: var(--blue);}

h5 {font-size: 1rem; color: var(--grey);}

.mdi {color: inherit;}

a {color: var(--blue); text-decoration: none;}
a:hover {color: var(--blue); text-decoration: underline;}

blockquote {font-size: 1.2rem; font-weight: 600; border-left: var(--un-xs) solid var(--green); padding-left: var(--un)}

span, strong, b, em, i, sub, sup, del {color: inherit;}

ul, ol {padding-left: 0;}
ul li, ol li {list-style-type: none;}
ul.list-margin li, ul.list-margin ol {margin: var(--un-sm) 0;}
ul.list-margin li:first-child, ol.list-margin li:first-child {margin-top: 0;}
ul.list-margin li:last-child, ol.list-margin li:last-child {margin-bottom: 0;}

/*** COMPONENTS ***/

.btn,
.wp-block-button__link {
	font-size: 1rem;
	display: inline-flex;
	align-items: center;
	font-family: 'Figtree', sans-serif;
	background: var(--blue);
	border-radius: var(--un-xl);
	border: 0 !important;
	color: var(--white);
	font-weight: 600;
	padding: var(--un-sm) var(--un-me);
	cursor: pointer;
	min-height: 44px;
	transition: .3s;
}

.btn.btn-td {
	padding: var(--un-sm) var(--un);
}

.btn.disabled {
	background: var(--blue-a-l) !important;
	cursor: not-allowed;
	position: relative;
	z-index: -1;
}

.btn:hover,
.wp-block-button__link:hover {
	border: 0 !important;
}

.btn.download-graph {
	background: transparent;
	box-shadow: 0 0 0 2px var(--blue-a) inset;
	color: var(--blue);
	padding: var(--un-sm) var(--un);
}

.btn .mdi {
	margin-right: var(--un-xs);
	font-size: 1.2rem;
	line-height: 1rem;
}

.btn.btn-i .mdi {margin-right: 0;}

.card {
	border: 0;
	box-shadow: none;
	border-radius: var(--un);
}

.card.card-campagne {border: var(--border);}

.card.card-campagne .card-actions {
	padding: var(--un);
	padding-top: 0;
}

.card .card-number {
	padding: var(--un);
	display: flex;
	align-items: center;
}

.card .card-number h2  {
	border: var(--border);
	width: var(--un-xl);
	height: var(--un-xl);
	border-radius: var(--un);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	margin-right: var(--un) !important;
}

.card .card-content {padding: var(--un);}

.alert, .acf-notice {
	font-weight: 600;
	background: var(--blue-a) !important;
	color: var(--blue) !important;
	padding: var(--un) !important;
	border-radius: var(--un) !important;
	border: 0 !important;
	display: none;
	text-align: justify;
}

.alert.success, .acf-notice.-success {
	background: var(--success-a) !important;
	color: var(--success) !important;
}

.alert.warning, .acf-notice.-warning {
	background: var(--warning-a) !important;
	color: var(--warning) !important;
}

.alert.error, .acf-notice.-error  {
	background: var(--error-a) !important;
	color: var(--error) !important;
}

.alert.info {
	background: var(--info-a) !important;
	color: var(--info) !important;
}

.alert a {font-weight: 600;}

.acf-notice p:nth-last-child(2) {margin-bottom: 0 !important;}

.big-icon {
	display: inline-block;
	color: var(--blue);
	background: var(--blue-a);
	height: var(--un-xxl);
	width: var(--un-xxl);
	line-height: var(--un-xxl);
	font-size: 4rem;
	border-radius: var(--un-lg);
	text-align: center;
}

.big-icon.red-text {background: var(--red-a);}

.big-icon.success-text {background: var(--success-a);}

.table-container {
	overflow-x: auto;
	overflow-y: scroll;
	max-height: 70vh;
	border: var(--border);
	border-radius: var(--un) 0 0 var(--un);
}

table {
	width: 100%;
	position: relative;
}

table thead tr th {
	padding-bottom: calc(var(--un) - var(--un-xs));
	white-space: nowrap;
	position: sticky;
	top: 0;
	background: #f1f1ff;
}

table thead tr th .help-cursor {font-variant-numeric: tabular-nums;}

table thead tr th::after {
	content: '';
	display: block;
	position: absolute;
	height: var(--un-xs);
	width: 100%;
	left: 0;
	bottom: 0;
	background: var(--blue-a);
	margin-top: var(--un-xs-n);
}

table thead tr th:first-child::after {border-radius: var(--un-xs) 0 0 var(--un-xs);}

table thead tr th:last-child::after {border-radius: 0 var(--un-xs) var(--un-xs) 0;}

table tr th, table tr td {
	padding: var(--un-sm);
	line-height: 100%;
}

table tr:nth-child(even) {background: var(--blue-a-l);}

table tr td:first-child {border-radius: var(--un-sm) 0 0 var(--un-sm);}

table tr td:last-child {border-radius: 0 var(--un-sm) var(--un-sm) 0;}

table tr td pre {margin: 0;}

.td-result {
	display: block;
	text-align: center;
	width: var(--un-lg);
	text-align: center;
	border: var(--border);
	border-radius: var(--un-xs);
	margin: var(--un-xs);
	font-weight: 600;
	color: var(--blue);
	margin: 0 auto;
	height: calc(var(--un) + 4px);
	line-height: var(--un);
}

.td-comment {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 200px;
	line-height: 106%;
}

.td-code {font-family: monospace;}

.td-adresse {
	min-width: 120px;
	display: inline-flex;
}

.results-error {
	width: 100%;
	background: var(--error-a);
	border: 0;
	color: var(--error);
	border-radius: var(--un-xs);
	padding: var(--un-xs) var(--un);
}

.badge-status {
	height: var(--un);
	width: var(--un);
	border-radius: var(--un);
	background: var(--blue-a-l);
	display: block;
	margin: 0 auto;
	border: var(--border);
	cursor: help;
}

.badge-status.success {
	animation: 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) animBadgeSuccess infinite;
}

.table-btns {display: flex;}

.table-btns .btn:not(:last-child) {margin-right: var(--un-xs);}

@keyframes animBadgeSuccess {
	0% {transform: scale(.8); opacity: .8;}
	50% {transform: scale(1); opacity: 1;}
	100% {transform: scale(.8); opacity: .8;}
}

.nav {
	margin: var(--un-sm-n) !important;
	margin-bottom: calc(var(--un) - var(--un-xs)) !important;
}

.nav .nav-item {
	width: calc(20% - var(--un));
	margin: var(--un-sm);
}

.nav .nav-item .nav-link {
	color: var(--blue);
	transition: background var(--transition);
	font-weight: 600;
	display: flex;
	border-radius: var(--un-sm);
	justify-content: center;
	align-items: center;
	border: var(--border);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.nav .nav-item .nav-link .mdi {margin-right: var(--un-xs);}

.nav .nav-item .nav-link.disabled {
	border: 0;
	background: var(--black-a);
	color: var(--grey);
}

.nav .nav-item .nav-link.active {
	background: var(--blue);
	color: var(--white);
}

.nav .nav-item .nav-link:not(.active):hover {background: var(--blue-a);}

.tab-pane > h4:first-child {display: flex;}

.tab-pane > h4:first-child .mdi {margin-right: var(--un-sm);}

.empty {
	padding: var(--un-xxl);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: var(--border);
	border-radius: var(--un);
}

.graph svg {pointer-events: all;}

.title-w-i i {margin-right: var(--un-sm);}

.image-helper {
	border-radius: var(--un);
	border: var(--border);
}

.btn-helper {
	pointer-events: none;
	padding: 0px 12px;
	max-height: 7px;
	min-height: 32px;
	margin: var(--un-sm-n) 0;
}

.block-btns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: var(--un-xs-n);
}

.block-btns .btn {margin: var(--un-xs);}

.social-share {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: var(--un-xs-n);
}

.social-share li a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: var(--un-xs);
	background: var(--blue-a-l);
	height: calc(var(--un-lg) + var(--un));
	width: calc(var(--un-lg) + var(--un));
	border-radius: var(--un-sm);
	transition: var(--transition);
}

.social-share li a:hover {background: var(--blue-a);}

.social-share li a i {font-size: 2rem;}

.social-share li a img {
	width: 32px;
	height: 32px;
	padding: var(--un-xs);
}

/*** FORMS ***/

.acf-field[data-name=ville] .acf-input-wrap, .acf-field[data-name=adresse] .acf-input-wrap {overflow: visible;}

.input-geo-clear {
	position: absolute;
	top: 6px;
	right: 15px;
	font-size: 1.45rem;
	color: var(--blue);
	cursor: pointer;
	transition: var(--transition);
}

.input-geo-clear:hover {color: var(--error);}

input:not(.disabled) + span.input-geo-clear {opacity: 0;}

input.disabled {
	background: var(--blue-a-l);
	pointer-events: none;
}

.acf-fields {margin: var(--un-sm-n);}

.acf-fields .acf-fields.-border {
	margin: 0;
	border: var(--border);
	border-radius: var(--un);
	padding: var(--un-sm);
}

.acf-field {
	border: 0 !important;
	padding: var(--un-sm) !important;
}

.acf-field label {
	margin: 0;
	color: var(--grey);
}

.acf-field p.description {
	margin-top: 0 !important;
	font-size: .9rem;
	line-height: 1.1rem;
	text-align: justify;
}

.acf-form-submit {margin-top: var(--un);}

ul.acf-radio-list, ul.acf-checkbox-list {border: 0 !important;}

ul.acf-radio-list label, ul.acf-checkbox-list label {
	font-size: 1rem;
	cursor: pointer;
}

input, select, textarea {
	border-radius: var(--un-lg) !important;
	border: var(--border) !important;
	font-size: 1rem !important;
	padding: var(--un-sm) var(--un) !important;
	transition: border-color var(--transition) !important;
	outline: none !important;
	vertical-align: middle;
}

input:hover, select:hover, textarea:hover {border-color: var(--blue-a) !important;}

input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {border-color: var(--blue) !important;}

textarea {
	border-radius: var(--un) !important;
	padding: var(--un) !important;
	position: relative;
}

.character-count::after {
	content: attr(data-count);
	display: block;
	position: absolute;
	bottom: var(--un);
	right: var(--un);
	z-index: 1;
	color: var(--blue);
	padding: var(--un-xs) var(--un-sm);
	background: var(--blue-a);
	border-radius: var(--un-xs);
}

.acf-input .acf-switch {
	border: var(--border) !important;
	background: var(--blue-a-l);
	border-radius: var(--un-lg);
	height: var(--un-lg);
	display: flex;
	align-items: center;
}

.acf-fields.-border .acf-input .acf-switch {height: 45px !important;}

.acf-input .acf-switch.-on {background: var(--success);}

.acf-input .acf-switch span {
	text-shadow: none !important;
	font-weight: 600;
	padding: 0 var(--un);
}

.acf-input .acf-switch .acf-switch-off {color: var(--grey);}

.acf-input .acf-switch .acf-switch-slider {
	border-radius: var(--un-lg);
	border: 0 !important;
}

.acf-table {
	border: 0 !important;
	margin-bottom: 0;
	background: transparent !important;
}

.acf-table thead {display: none;}

.acf-table tr {box-shadow: none !important;}

.acf-repeater .acf-row-handle.order {
	background: var(--black-a);
	border-radius: var(--un-sm);
	border: 0 !important;
}

.acf-repeater .acf-row-handle.order span {
	text-shadow: none;
	transition: var(--transition);
}

.acf-repeater .acf-row-handle.order span:hover {color: var(--blue) !important;}

.acf-repeater .acf-row-handle.order span::after {
	content: '\F01DD';
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(360deg);
	transition: var(--t-b);
}

.acf-table tr td.acf-field {
	padding-left: var(--un-sm) !important;
	padding-right: 0 !important;
}

.acf-image-uploader .image-wrap {
	border: var(--border);
	border-radius: var(--un);
	overflow: hidden;
}

a.acf-icon.-cancel {
	text-decoration: none;
	background: var(--error);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: var(--un-xs);
	margin-top: var(--un-xs);
	border: var(--border) !important;
	border-color: var(--error) !important;
	transition: var(--transition);
}

a.acf-icon.-cancel:hover {
	background: var(--error-a-w) !important;
	color: var(--error) !important;
}

/*** GRID SYSTEM ***/

.grid,
.is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	margin: var(--un-n);
	justify-content: center;
	transition: var(--transition);
	gap: 0 !important;
}

.grid.g-small-margin {margin: var(--un-sm-n);}

.grid.narrowed {
	margin-left: 8.33%;
	margin-right: 8.33%;
}

.grid.centered {align-items: center;}

.grid.g-left {justify-content: flex-start;}

.grid.g-overflow {
	max-height: 600px;
	overflow-y: auto;
}

.grid-item, .is-layout-flex > * {
	margin: var(--un) !important;
	transition: var(--transition);
}

.g-small-margin .grid-item,
.is-layout-flex > * {
	margin: var(--un-sm) !important;
}

.grid.g-small-margin .grid-item {margin: var(--un-sm);}

.grid-item.empty {
	width: calc(100% - var(--un)) !important;
	background: var(--white-lt);
	padding: var(--un-xxl);
	text-align: center;
	font-style: italic;
	color: var(--grey-dk);
	border-radius: var(--un-sm);
}

.grid.g-1 > .grid-item,
.is-layout-flex:not(.wp-block-buttons).columns-1 > * {
	width: calc(100% - var(--un-lg));
}

.grid.g-2 > .grid-item,
.is-layout-flex:not(.wp-block-buttons).columns-2 > * {
	width: calc(50% - var(--un-lg));
}

.grid.g-2.g-img > .grid-item.gi-img {width: calc(33.33% - var(--un-lg));}

.grid.g-2.g-img > .grid-item.gi-img:first-child {padding-right: var(--un-lg);}

.grid.g-2.g-img > .grid-item.gi-img:last-child {padding-left: var(--un-lg);}

.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(66.66% - var(--un-lg));}

.grid.g-3 > .grid-item,
.is-layout-flex:not(.wp-block-buttons) > * {
	width: calc(33.33% - var(--un-lg));
}

.grid.g-4 > .grid-item,
.is-layout-flex:not(.wp-block-buttons).columns-4 > * {
	width: calc(25% - var(--un-lg));
}

.grid.g-5 > .grid-item,
.is-layout-flex:not(.wp-block-buttons).columns-5 > * {
	width: calc(20% - var(--un-lg));
}

.grid.g-6 > .grid-item,
.is-layout-flex:not(.wp-block-buttons).columns-6 > * {
	width: calc(16.66% - var(--un-lg));
}

.grid.g-small-margin.g-2 > .grid-item {width: calc(50% - var(--un));}

.grid.g-small-margin.g-2.g-img > .grid-item.gi-img {width: calc(33.33% - var(--un));}

.grid.g-small-margin.g-2.g-img > .grid-item.gi-img:first-child {padding-right: var(--un);}

.grid.g-small-margin.g-2.g-img > .grid-item.gi-img:last-child {padding-left: var(--un);}

.grid.g-small-margin.g-2.g-img > .grid-item:not(.gi-img) {width: calc(66.66% - var(--un));}

.grid.g-small-margin.g-3 > .grid-item {width: calc(33.33% - var(--un));}

.grid.g-small-margin.g-4 > .grid-item {width: calc(25% - var(--un));}

.grid.g-small-margin.g-5 > .grid-item {width: calc(20% - var(--un));}

.grid.g-small-margin.g-6 > .grid-item {width: calc(16.66% - var(--un));}

.grid.grid-list {
	flex-direction: column;
	margin: 0;
}

.grid.grid-list > .grid-item {
	width: 100% !important;
	margin: 0;
}

/*** HEADER ***/

header {
	padding: 40px;	
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--white);
	margin-left: var(--un-xl);
	border-radius: var(--un-xl) 0 0 var(--un-xl);
}

#header-logos {
	display: flex;
	align-items: center;
}

#header-logos hr {
	width: 2px;
	height: var(--un-lg);
	margin: 0 var(--un-lg);
	background: var(--blue-a-l);
}

header #logo-da {width: 180px;}

header img:not(#logo-da) {width: 90px;}

header ul {
	margin-top: 0 !important;
	display: flex;
	align-items: center;
}

header ul li:not(:last-child) {
	margin-right: var(--un-lg);
	padding-right: var(--un-lg);
	border-right: var(--border);
}

header ul li a {
	color: var(--black);
	font-family: 'Figtree', sans-serif;
	display: flex;
	align-items: center;
}

header ul li a i {font-size: 1.2rem;}

header ul li a i:first-child {margin-right: var(--un-xs);}

header ul li a i:last-child:not(:first-child) {margin-left: var(--un-xs);}

/*** HOME ***/

/*** PAGES & ARCHIVES ***/

#campagne-titre {
	display: flex;
	align-items: center;
}

#campagne-titre .badge-status {
	margin: 0;
	margin-right: var(--un-sm);
	display: inline-block;
}

#campagne-infos ul {
	display: flex;
	flex-wrap: wrap;
	margin: var(--un-sm-n) !important;
}

#campagne-infos ul + ul {margin-top: var(--un-sm) !important;}

#campagne-infos ul li {
	background: var(--blue-a-l);
	border-radius: var(--un-sm);
	padding: var(--un-sm) var(--un);
	margin: var(--un-sm);
}

#campagne-infos ul li span {display: inline-flex;}

#campagne-infos ul li span .mdi {margin-right: var(--un-xs);}

#campagne-infos ul li span.campagne-infos-option:not(:last-child)::after {
	content: '/';
	margin-left: var(--un-xs);
}

#campagne-infos #campagne-questions .grid-item, #campagne-infos #campagne-questions-comp .grid-item {align-self: stretch;}

#campagne-infos #campagne-questions .grid-item .card, #campagne-infos #campagne-questions-comp .grid-item .card {height: 100%;}

#campagne-infos #campagne-questions ul li, #campagne-infos #campagne-questions-comp ul li {
	background: transparent;
	border: var(--border);
	padding: var(--un);
	min-width: calc(100% - var(--un));
}

#share-options {
	display: flex;
	align-items: center;
}

#qr-code {
	border: var(--border);
	border-radius: var(--un);
	margin-right: var(--un);
}

#qr-code img {width: 200px;}

#share-link {
	background: var(--blue-a);
	padding: var(--un-sm) var(--un);
	display: inline-flex;
	border-radius: var(--un-sm);
	color: var(--blue);
	border: var(--border);
}

#share-link:hover {
	text-decoration: underline;
}

#share-link i {margin-right: var(--un-sm);}

#merci h1 {
	font-size: 4rem;
	margin: var(--un-lg) 0 !important;
}

#page-background {
	background: #F1F1FF;
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
}

#page-background img {
	position: absolute;
	width: 100%;
	height: 100%;
	mix-blend-mode: overlay;
	object-fit: cover;
}

#page-background #page-background-gradient {
	position: relative;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom,  rgba(241,241,255,1) 0%,rgba(241,241,255,0) 100%);
}

ul.pagination {
	display: flex;
	justify-content: center;
	margin-top: var(--un) !important;
}

.pagination .page-item {margin: var(--un-xs);}

.pagination .page-item .page-link {
	padding: var(--un-sm);
	border-radius: var(--un-sm);
	border: 0;
	font-size: 1rem;
	line-height: 1rem;
	background: var(--blue-a);
	color: var(--blue);
	box-shadow: none !important;
}

.pagination .page-item .page-link.active {
	background: var(--blue);
	color: var(--white);
}

.pagination .page-item .page-link:not(.active):hover {
	background: var(--blue);
	color: var(--white);
}

.pagination .page-item .page-link.disabled {
	background: var(--black-a-l);
	color: var(--grey);
}

/*** POSTS & SINGLES ***/

/*** WP BLOCKS ***/

.wp-content hr {
	background: var(--blue-a);
	border: 0;
}

.wp-content > p {text-align: justify;}

.wp-content > ul li {
	list-style-type: disc;
	margin-left: var(--un);
}

/*** FORMULAIRE DE REPONSE ***/

#display-switch {
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
}

#display-switch .btn {
	height: calc(var(--un-lg) + var(--un));
	padding: var(--un);
}

#display-switch .btn:first-child {border-radius: 0 var(--un) 0 0;}

#display-switch .btn:last-child {border-radius: 0 0 var(--un) 0;}

#reponse {
	opacity: 0;
	padding: var(--un-xl) 0;
	max-height: 100vh;
}

#reponse.loaded {
	opacity: 1;
	max-height: initial;
	animation: 2s animReponse;
}

@keyframes animReponse {
	0% {opacity: 0; transform: scale(.8);}
	100% {opacity: 1; transform: scale(1);}
}

#reponse-progress {
	height: var(--un-sm);
	width: 100%;
	background: var(--black-a);
	border-radius: var(--un);
	margin-bottom: var(--un-lg);
}

#reponse-progress #reponse-progress-indicator {
	width: 0%;
	max-width: 100%;
	background: var(--blue);
	height: var(--un-sm);
	border-radius: var(--un-sm);
	transition: var(--transition-bezier);
}

#reponse-progress #reponse-progress-indicator.success {
	background: var(--success);
}

#campagne-header #campagne-couverture {
	border-radius: var(--un-lg);
	overflow: hidden;
	position: relative;
}

#campagne-header #campagne-couverture::after {
	content: '';
	position: relative;
	display: block;
	padding-bottom: 50%;
}

#campagne-header #campagne-couverture #campagne-logo {
	background: var(--white);
	position: absolute;
	width: var(--un-xxl);
	height: var(--un-xxl);
	border-radius: var(--un);
	top: var(--un-lg);
	left: var(--un-lg);
	z-index: 2;
	padding: var(--un-sm);
}

#campagne-header #campagne-couverture #campagne-logo img {
	height: 100%;
	object-fit: contain;
}

#campagne-header #campagne-couverture > img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*.question {margin-top: var(--un-lg);}*/

.question-header h3::before {content: '— ';}

#reponse.no-svg .logo-labels {display: none;}

.logo-labels svg {
	pointer-events: all;
}

.logo-labels > svg > * {
	opacity: .5;
	outline: none;
	cursor: pointer;
	transition: var(--transition-bezier);
}

.logo-labels > svg > *:hover, .logo-labels > svg > *.active {opacity: 1;}

.logo-labels > svg > *:first-child {fill: var(--info);}
.logo-labels > svg > *:nth-child(2) {fill: var(--error);}
.logo-labels > svg > *:nth-child(3) {fill: var(--error);}
.logo-labels > svg > *:nth-child(4) {fill: var(--warning);}
.logo-labels > svg > *:nth-child(5) {fill: var(--warning);}
.logo-labels > svg > *:nth-child(6) {fill: var(--success);}
.logo-labels > svg > *:nth-child(7) {fill: var(--success);}

#reponse.anime-letters .logo-labels > svg > *:first-child {animation: 1s animLetter; animation-delay: .6s;}
#reponse.anime-letters .logo-labels > svg > *:nth-child(2) {animation: 1s animLetter; animation-delay: .7s;}
#reponse.anime-letters .logo-labels > svg > *:nth-child(3) {animation: 1s animLetter; animation-delay: .8s;}
#reponse.anime-letters .logo-labels > svg > *:nth-child(4) {animation: 1s animLetter; animation-delay: .9s;}
#reponse.anime-letters .logo-labels > svg > *:nth-child(5) {animation: 1s animLetter; animation-delay: 1s;}
#reponse.anime-letters .logo-labels > svg > *:nth-child(6) {animation: 1s animLetter; animation-delay: 1.1s;}
#reponse.anime-letters .logo-labels > svg > *:nth-child(7) {animation: 1s animLetter; animation-delay: 1.2s;}

@keyframes animLetter {
	0% {opacity: .5;}
	50% {opacity: 1;}
	100% {opacity: .5;}
}

.question .question-values {
	display: none;
	justify-content: space-between;
}

#reponse.no-svg .question .question-values {display: flex;}

.question .question-values label {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 1.2rem;
}

.question .question-values > div {
	display: flex;
	flex-direction: column;
	margin-top: var(--un);
	justify-content: center;
	align-items: center;
}

.question .question-values > div > label {
	border: var(--border);
	display: block;
	width: var(--un-xl);
	height: var(--un-xl);
	border-radius: var(--un);
	color: var(--blue);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: var(--transition);
}

.question .question-values > div > label:hover, .question .question-values > div > input:checked + label {
	color: var(--white);
	background: var(--success);
	border-color: var(--success);
}

.question .question-values > div:nth-child(5) > label:hover, .question .question-values > div:nth-child(5) > input:checked + label {
	background: var(--warning);
	border-color: var(--warning);
}

.question .question-values > div:nth-child(4) > label:hover, .question .question-values > div:nth-child(4) > input:checked + label {
	background: var(--warning);
	border-color: var(--warning);
}

.question .question-values > div:nth-child(3) > label:hover, .question .question-values > div:nth-child(3) > input:checked + label {
	background: var(--error);
	border-color: var(--error);
}

.question .question-values > div:nth-child(2) > label:hover, .question .question-values > div:nth-child(2) > input:checked + label {
	background: var(--error);
	border-color: var(--error);
}

.question .question-values > div:nth-child(1) > label:hover, .question .question-values > div:nth-child(1) > input:checked + label {
	background: var(--info);
	border-color: var(--info);
}

.question .question-values > div > input {display: none;}

.question .question-legende {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: var(--un) 0;
}

.no-svg .question .question-legende span:first-child {
	min-width: 15%;
	margin-right: initial;
	text-align: initial;
}

.question .question-legende span:first-child {
	min-width: 21%;
	margin-right: 2%;
	text-align: center;
}

.question .question-legende span {
	white-space: nowrap;
	color: var(--grey);
	font-weight: 600;
}

.question .question-legende hr {margin: 0 var(--un);}

.question .question-btns {
	display: flex;
	justify-content: space-between;
}

/*** FOOTER ***/

/*footer {margin-top: var(--un-xl)}*/

#footer-container {
	background: var(--white);
	border-radius: var(--un-xl) var(--un-xl) 0 0;
	padding: 0 var(--un-xl);
}

#footer-content {
	display: flex;
	padding: var(--un-xl) 0;
}

#footer-container div:not(#footer-content) img {
	max-width: 50%;
	margin: 0 auto;
}

#footer-content img {width: 180px;}

#footer-content hr {
	width: 2px;
	min-width: 2px;
	background: var(--blue-a);
	border: 0;
	margin: 0 var(--un-lg);
	height: auto;
}

#copyright {
	border-top: var(--border);
	padding: var(--un) 0;
	margin: 0 var(--un-lg);
}

#copyright-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/*** JS & VALIDATION ***/

#input-geocoding, .search-field-results {text-transform: capitalize;}

/*input:focus + .search-field-results {
	opacity: 1;
	transition: opacity .3s;
	pointer-events: all;
}

input:not(:focus) + .search-field-results {
	opacity: 0;
	pointer-events: none;
}
*/
.search-field-results {
	position: absolute;
	width: calc(100% - var(--un-lg));
	margin-top: 0 !important;
	margin-left: var(--un) !important;
	border: var(--border);
	border-top: 0;
	border-radius: 0 0 var(--un-sm) var(--un-sm);
	max-height: 430px;
	overflow: auto;
	z-index: 9;
	background-color: var(--white);
}

.search-field-results:empty {display: none;}

.search-field-results li {text-align: left;}

.search-field-results li:not(:last-child) {border-bottom: var(--border);}

.search-field-results li a {
	padding: var(--un-sm);
	display: block;
	transition: .3s;
}

.search-field-results li a:hover {
	background-color: var(--blue);
	color: #ffffff !important;
	text-decoration: none;
}

.search-field-results li a * {text-decoration: none;}

.search-field-results li a span {
	display: block;
	font-weight: 600;
	text-decoration: none !important;
	line-height: 100%;
}

.search-field-results li a span:not(:first-child) {
	font-weight: 300;
	color: var(--black);
	transition: .3s;
}

.search-field-results li a:hover span:not(:first-child) {color: var(--white);}

.search-field-results li a pre {display: none;}

.search-field-results .search-field-empty {
	padding: var(--un-xs) var(--un-sm);
	color: var(--grey);
	font-size: .9rem;
	font-weight: 300;
	font-style: italic;
}

#grid-item-map {
	display: flex;
	flex-direction: column;
}

#wordcloud-container, #map-container {
	width: 100%;
	position: relative;
	border: var(--border);
	border-radius: var(--un);
}

#map-container {
	overflow: hidden;
	height: 100%;
}

#map-container #map {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: var(--border) !important;
	border-radius: 8px !important;
}

.leaflet-touch .leaflet-bar a:first-child {
	border-radius: var(--un-xs) var(--un-xs) 0 0 !important;
	border-bottom: var(--border) !important;
}

.leaflet-touch .leaflet-bar a:last-child {
	border-radius: 0 0 var(--un-xs) var(--un-xs) !important;
	border-top: 0;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	border-radius: var(--un-xs) !important;
	box-shadow: var(--shadow) !important;
	padding: 0 !important;
}

.leaflet-popup-content {
	margin: 0 !important;
	padding: var(--un-sm) !important;
	text-align: center;
}

.leaflet-container a {
	color: var(--blue) !important;
	font-weight: 600 !important;
	font-family: 'Montserrat', sans-serif !important;
}

.leaflet-container a:hover {text-decoration: underline;}

#wordcloud-container::after {
	content: '';
	display: block;
	padding-bottom: 50%;
}

#wordcloud {
	position: absolute;
/*	height: 200px;*/
	width: 100% !important;
	height: 100% !important;
}

#dynacloud {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: var(--un-xs-n);
	user-select: none;
}

#dynacloud a {
	margin: var(--un-xs);
	display: flex;
	align-items: center;
	border: var(--border);
	padding: 0 var(--un);
	font-weight: 600;
	border-radius: var(--un);
	text-transform: lowercase;
}

#dynacloud a span {user-select: all;}

.acf-field-6501a4fac8cc4, .acf-field-650812ac08b9b, .acf-field-650812bc08b9c, .acf-field-6711415886106 {display: none !important;}

/*.acf-ui-datepicker {display: none !important;}*/

/*#reponse-data .acf-fields {display: none;}*/

#reponse-data .acf-form-submit {margin: 0;}

#acf-editor-53, #acf-editor-54, #wp-acf-editor-53-editor-tools, #wp-acf-editor-54-editor-tools {display: none;}

.acf-editor-wrap .wp-editor-container {display: none;}

.ql-editor {
	min-height: 100px;
	font-size: 1rem;
}

.ql-editor a {color: var(--blue);}

.ql-toolbar.ql-snow {
	border: var(--border);
	border-radius: var(--un) var(--un) 0 0;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
	border: var(--border);
	border-top: 0;
	border-radius: 0 0 var(--un) var(--un);
}

.ql-toolbar .ql-formats:first-child {display: none;}

.ql-toolbar .ql-formats button:hover svg path, .ql-toolbar .ql-formats button:hover svg line {stroke: var(--blue) !important;}

.ql-toolbar .ql-formats button:hover svg rect, .ql-toolbar .ql-formats .ql-list:hover svg path:nth-child(5) {fill: var(--blue) !important;}

.ql-toolbar .ql-formats button.ql-active svg path, .ql-toolbar .ql-formats button.ql-active svg line {stroke: var(--success) !important;}

.ql-toolbar .ql-formats button.ql-active svg rect, .ql-toolbar .ql-formats .ql-list.ql-active svg path:nth-child(5) {fill: var(--success) !important;}

.ql-toolbar .ql-formats .ql-list svg path:nth-child(5) {stroke: none !important;}

.ql-snow .ql-tooltip {
	border-radius: var(--un);
	border: var(--border);
	box-shadow: var(--shadow-lg);
	color: var(--black);
}

.ql-snow .ql-tooltip input {padding: var(--un-xs) var(--un-sm) !important;}

.ql-snow .ql-tooltip[data-mode=link]::before {content: 'URL :';}

.ql-snow .ql-tooltip::before {content: 'Accéder à l\'URL :';}

.ql-snow .ql-tooltip a.ql-action::after {content: 'Modifier';}

.ql-snow .ql-tooltip a.ql-remove::before {content: 'Retirer';}

.ql-snow .ql-tooltip a.ql-action, .ql-snow .ql-tooltip a.ql-remove, .ql-snow .ql-tooltip a.ql-preview {
	font-weight: 600;
	color: var(--blue);
}

.ql-snow .ql-tooltip a.ql-remove {color: var(--error);}

.ql-snow .ql-tooltip a.ql-action:hover, .ql-snow .ql-tooltip a.ql-remove:hover, .ql-snow .ql-tooltip a.ql-preview:hover {text-decoration: underline;}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
	content: 'Enregistrer';
	margin-left: var(--un-sm);
}

.modal-content {
	border-radius: var(--un-lg);
	box-shadow: var(--shadow-lg);
}

.modal-header {
	padding: var(--un-lg);
	border-bottom: var(--border);
}

.modal-header .modal-title {
	padding: 0;
	margin-bottom: 0 !important;
	line-height: 2rem;
}

.modal-body {padding: var(--un-me);}

.modal-body .organisateur-header {
	display: flex;
	align-items: center;
	margin-bottom: var(--un);
	position: relative;
}

.modal-body .organisateur-header:not(:first-child) {
	border-top: var(--border);
	padding-top: var(--un);
	margin-top: var(--un);
}

.modal-body .organisateur-header:not(:first-child)::before {
	content: '&';
	position: absolute;
	top: -24px;
	font-size: 2rem;
	font-weight: 600;
	color: var(--grey);
	background: var(--white);
	left: 50%;
	transform: translateX(-50%);
}

.modal-body .organisateur-header h3 {margin: 0 !important;}

.modal-body .organisateur-logo {
	display: flex;
	justify-content: center;
	border: var(--border);
	border-radius: var(--un);
	overflow: hidden;
	padding: var(--un-sm);
	width: 20%;
	max-width: 200px;
	margin-right: var(--un);
}

.modal-body .organisateur-logo img {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0 auto;
}

.modal-close {
	border: 0;
	background: transparent;
	color: var(--black);
	transition: .3s;
}

.modal-close:hover {
	box-shadow: none;
	color: var(--error);
}

.modal-close i {
	font-size: 2rem;
	line-height: 2rem;
}

.modal-footer {
	padding: var(--un);
	border-top: var(--border);
}

/*** CHEATS ***/

.margin-un {margin: var(--un) 0 !important;}
.margin-un-xs {margin: var(--un-xs) 0 !important;}
.margin-un-sm {margin: var(--un-sm) 0 !important;}
.margin-un-me {margin: var(--un-me) 0 !important;}
.margin-un-lg {margin: var(--un-lg) 0 !important;}
.margin-un-xl {margin: var(--un-xl) 0 !important;}
.margin-un-xxl {margin: var(--un-xxl) 0 !important;}
.margin-t-un {margin-top: var(--un) !important;}
.margin-b-un {margin-bottom: var(--un) !important;}
.margin-t-un-xs {margin-top: var(--un-xs) !important;}
.margin-t-un-sm {margin-top: var(--un-sm) !important;}
.margin-t-un-me {margin-top: var(--un-me) !important;}
.margin-t-un-lg {margin-top: var(--un-lg) !important;}
.margin-t-un-xl {margin-top: var(--un-xl) !important;}
.margin-t-un-xxl {margin-top: var(--un-xxl) !important;}
.margin-b-un-xs {margin-bottom: var(--un-xs) !important;}
.margin-b-un-sm {margin-bottom: var(--un-sm) !important;}
.margin-b-un-me {margin-bottom: var(--un-me) !important;}
.margin-b-un-lg {margin-bottom: var(--un-lg) !important;}
.margin-b-un-xl {margin-bottom: var(--un-xl) !important;}
.margin-b-un-xxl {margin-bottom: var(--un-xxl) !important;}
.margin-un-n {margin: var(--un-n) 0 !important;}
.margin-t-un-n {margin-top: var(--un-n) !important;}
.margin-b-un-n {margin-bottom: var(--un-n) !important;}
.margin-t-un-xs-n {margin-top: var(--un-xs-n) !important;}
.margin-t-un-sm-n {margin-top: var(--un-sm-n) !important;}
.margin-t-un-me-n {margin-top: var(--un-me-n) !important;}
.margin-t-un-lg-n {margin-top: var(--un-lg-n) !important;}
.margin-t-un-xl-n {margin-top: var(--un-xl-n) !important;}
.margin-t-un-xxl-n {margin-top: var(--un-xxl-n) !important;}
.margin-b-un-xs-n {margin-bottom: var(--un-xs-n) !important;}
.margin-b-un-sm-n {margin-bottom: var(--un-sm-n) !important;}
.margin-b-un-me-n {margin-bottom: var(--un-me-n) !important;}
.margin-b-un-lg-n {margin-bottom: var(--un-lg-n) !important;}
.margin-b-un-xl-n {margin-bottom: var(--un-xl-n) !important;}
.margin-b-un-xxl-n {margin-bottom: var(--un-xxl-n) !important;}

.no-margin {margin: 0 !important;}
.no-margin-t {margin-top: 0 !important;}
.no-margin-b {margin-bottom: 0 !important;}

.padding-un {padding: var(--un) 0 !important;}
.padding-un-xs {padding: var(--un-xs) 0 !important;}
.padding-un-sm {padding: var(--un-sm) 0 !important;}
.padding-un-me {padding: var(--un-me) 0 !important;}
.padding-un-lg {padding: var(--un-lg) 0 !important;}
.padding-un-xl {padding: var(--un-xl) 0 !important;}
.padding-un-xxl {padding: var(--un-xxl) 0 !important;}
.padding-t-un {padding-top: var(--un) !important;}
.padding-b-un {padding-bottom: var(--un) !important;}
.padding-t-un-xs {padding-top: var(--un-xs) !important;}
.padding-t-un-sm {padding-top: var(--un-sm) !important;}
.padding-t-un-me {padding-top: var(--un-me) !important;}
.padding-t-un-lg {padding-top: var(--un-lg) !important;}
.padding-t-un-xl {padding-top: var(--un-xl) !important;}
.padding-t-un-xxl {padding-top: var(--un-xxl) !important;}
.padding-b-un-xs {padding-bottom: var(--un-xs) !important;}
.padding-b-un-sm {padding-bottom: var(--un-sm) !important;}
.padding-b-un-me {padding-bottom: var(--un-me) !important;}
.padding-b-un-lg {padding-bottom: var(--un-lg) !important;}
.padding-b-un-xl {padding-bottom: var(--un-xl) !important;}
.padding-b-un-xxl {padding-bottom: var(--un-xxl) !important;}
.padding-un-n {padding: var(--un-n) 0 !important;}
.padding-t-un-n {padding-top: var(--un-n) !important;}
.padding-b-un-n {padding-bottom: var(--un-n) !important;}
.padding-t-un-xs-n {padding-top: var(--un-xs-n) !important;}
.padding-t-un-sm-n {padding-top: var(--un-sm-n) !important;}
.padding-t-un-me-n {padding-top: var(--un-me-n) !important;}
.padding-t-un-lg-n {padding-top: var(--un-lg-n) !important;}
.padding-t-un-xl-n {padding-top: var(--un-xl-n) !important;}
.padding-t-un-xxl-n {padding-top: var(--un-xxl-n) !important;}
.padding-b-un-xs-n {padding-bottom: var(--un-xs-n) !important;}
.padding-b-un-sm-n {padding-bottom: var(--un-sm-n) !important;}
.padding-b-un-me-n {padding-bottom: var(--un-me-n) !important;}
.padding-b-un-lg-n {padding-bottom: var(--un-lg-n) !important;}
.padding-b-un-xl-n {padding-bottom: var(--un-xl-n) !important;}
.padding-b-un-xxl-n {padding-bottom: var(--un-xxl-n) !important;}

.no-padding {padding: 0 !important;}
.no-padding-t {padding-top: 0 !important;}
.no-padding-b {padding-bottom: 0 !important;}

.hidden {display: none !important;}
.nowrap {white-space: nowrap;}