/* DISPLAY */

.u-fr-display--block{ display:block !important }
.u-fr-display--flex{ display:flex !important }
.u-fr-display--inline{ display:inline !important }
.u-fr-display--inline-block{ display:inline-block !important }
.u-fr-display--none{ display:none !important }
@media (min-width: 35em) { .u-fr-display--none-desktop{ display:none !important } }
@media (max-width: 35em) { .u-fr-display--none-mobile{ display:none !important } }

/* END DISPLAY */

/* MARGIN */

.u-fr-margin--none{ margin:0 !important }
.u-fr-margin--top-none{ margin-top:0 !important }
.u-fr-margin--right-none{ margin-right:0 !important }
.u-fr-margin--bottom-none{ margin-bottom:0 !important }
.u-fr-margin--left-none{ margin-left:0 !important }

.u-fr-margin--xsmall{ margin:0.5em !important }
.u-fr-margin--top-xsmall{ margin-top:0.5em !important }
.u-fr-margin--right-xsmall{ margin-right:0.5em !important }
.u-fr-margin--bottom-xsmall{ margin-bottom:0.5em !important }
.u-fr-margin--left-xsmall{ margin-left:0.5em !important }

.u-fr-margin--small{ margin:1em !important }
.u-fr-margin--top-small{ margin-top:1em !important }
.u-fr-margin--right-small{ margin-right:1em !important }
.u-fr-margin--bottom-small{ margin-bottom:1em !important }
.u-fr-margin--left-small{ margin-left:1em !important }

.u-fr-margin--medium{ margin:2em !important }
.u-fr-margin--top-medium{ margin-top:2em !important }
.u-fr-margin--right-medium{ margin-right:2em !important }
.u-fr-margin--bottom-medium{ margin-bottom:2em !important }
.u-fr-margin--left-medium{ margin-left:2em !important }

.u-fr-margin--large{ margin:4em !important }
.u-fr-margin--top-large{ margin-top:4em !important }
.u-fr-margin--right-large{ margin-right:4em !important }
.u-fr-margin--bottom-large{ margin-bottom:4em !important }
.u-fr-margin--left-large{ margin-left:4em !important }

/* END MARGIN */

/* PADDING */

.u-fr-padding--none{ padding:0 !important }
.u-fr-padding--top-none{ padding-top:0 !important }
.u-fr-padding--right-none{ padding-right:0 !important }
.u-fr-padding--bottom-none{ padding-bottom:0 !important }
.u-fr-padding--left-none{ padding-left:0 !important }

.u-fr-padding--xsmall{ padding:.5em !important }
.u-fr-padding--top-xsmall{ padding-top:.5em !important }
.u-fr-padding--right-xsmall{ padding-right:.5em !important }
.u-fr-padding--bottom-xsmall{ padding-bottom:.5em !important }
.u-fr-padding--left-xsmall{ padding-left:.5em !important }

.u-fr-padding--small{ padding:1em !important }
.u-fr-padding--top-small{ padding-top:1em !important }
.u-fr-padding--right-small{ padding-right:1em !important }
.u-fr-padding--bottom-small{ padding-bottom:1em !important }
.u-fr-padding--left-small{ padding-left:1em !important }

.u-fr-padding--medium{ padding:2em !important }
.u-fr-padding--top-medium{ padding-top:2em !important }
.u-fr-padding--right-medium{ padding-right:2em !important }
.u-fr-padding--bottom-medium{ padding-bottom:2em !important }
.u-fr-padding--left-medium{ padding-left:2em !important }

.u-fr-padding--large{ padding:4em !important }
.u-fr-padding--top-large{ padding-top:4em !important }
.u-fr-padding--right-large{ padding-right:4em !important }
.u-fr-padding--bottom-large{ padding-bottom:4em !important }
.u-fr-padding--left-large{ padding-left:4em !important }

/* END PADDING */

/* POSITION */

.u-fr-position--absolute{ position:absolute !important }
.u-fr-position--relative{ position:relative !important }
.u-fr-position--top-0{ top:0 !important }
.u-fr-position--bottom-0{ bottom:0 !important }

/* END POSITION */

/* TEXT ALIGN */

@media (min-width: 60em) { .u-fr-text--left-desktop { text-align:left !important } }
@media (min-width: 60em) { .u-fr-text--right-desktop { text-align:right !important } }
@media (min-width: 60em) { .u-fr-text--center-desktop { text-align:center !important } }

@media (min-width: 35em) and (max-width: 59.999em) { .u-fr-text--left-tablet { text-align:left !important } }
@media (min-width: 35em) and (max-width: 59.999em) { .u-fr-text--right-tablet { text-align:right !important } }
@media (min-width: 35em) and (max-width: 59.999em) { .u-fr-text--center-tablet { text-align:center !important } }

@media (max-width: 34.999em) { .u-fr-text--left-mobile { text-align:left !important } }
@media (max-width: 34.999em) { .u-fr-text--right-mobile { text-align:right !important } }
@media (max-width: 34.999em) { .u-fr-text--center-mobile { text-align:center !important } }

/* END TEXT ALIGN */

/* FLOAT ALIGN */

@media (min-width: 60em) { .u-fr-align--left-desktop { float:left !important } }
@media (min-width: 60em) { .u-fr-align--right-desktop { float:right !important } }
@media (min-width: 60em) { .u-fr-align--center-desktop { margin-left:auto !important; margin-right:auto !important } }

@media (min-width: 35em) and (max-width: 59.999em) { .u-fr-align--left-tablet { float:left !important } }
@media (min-width: 35em) and (max-width: 59.999em) { .u-fr-align--right-tablet { float:right !important } }
@media (min-width: 35em) and (max-width: 59.999em) { .u-fr-align--center-tablet { margin-left:auto !important; margin-right:auto !important } }

@media (max-width: 34.999em) { .u-fr-align--left-mobile { float:left !important } }
@media (max-width: 34.999em) { .u-fr-align--right-mobile { float:right !important } }
@media (max-width: 34.999em) { .u-fr-align--center-mobile { margin-left:auto !important; margin-right:auto !important } }

/* END FLOAT ALIGN */