/* ===============================================
SHORT CODES
================================================== */
.fw-regular                     { font-weight: var(--fw-regular) !important; }
.fw-medium                      { font-weight: var(--fw-medium) !important; }
.fw-bold                        { font-weight: var(--fw-bold) !important; }
.fw-bolder                      { font-weight: var(--fw-bolder) !important; }
.fw-black                       { font-weight: var(--fw-black) !important; }

.clearfix                       { clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0; }

.display-none                   { display: none !important; }
.display-inherit                { display: inherit !important; }
.display-inline                 { display: inline !important; }
.display-block                  { display: block !important; }
.display-inline-block           { display: inline-block !important; }
.display-flex                   { display: flex !important; }
.display-inline-flex            { display: inline-flex !important; }

.visibility-visible             { visibility: visible !important; }
.visibility-hidden              { visibility: hidden !important; }

.text-left                      { text-align: left !important; }
.text-right                     { text-align: right !important; }
.text-center                    { text-align: center !important; }

.float-left                     { float: left !important; }
.float-right                    { float: right !important; }

.order-1                        { order: 1 !important; }
.order-2                        { order: 2 !important; }
.order-3                        { order: 3 !important; }
.order-4                        { order: 4 !important; }
.order-5                        { order: 5 !important; }
.order-6                        { order: 6 !important; }
.order-7                        { order: 7 !important; }
.order-8                        { order: 8 !important; }
.order-9                        { order: 9 !important; }
.order-10                       { order: 10 !important; }
.order-11                       { order: 11 !important; }
.order-12                       { order: 12 !important; }

.mt-auto                        { margin-top: auto !important; }
.mt-0                           { margin-top: 0rem !important; }

.mb-auto                        { margin-bottom: auto !important; }
.mb-0                           { margin-bottom: 0rem !important; }

.ml-auto                        { margin-left: auto !important; }
.ml-0                           { margin-left: 0rem !important; }

.mr-auto                        { margin-right: auto !important; }
.mr-0                           { margin-right: 0rem !important; }

.pt-auto                        { padding-top: auto !important; }
.pt-0                           { padding-top: 0rem !important; }

.pb-auto                        { padding-bottom: auto !important; }
.pb-0                           { padding-bottom: 0rem !important; }

.pl-auto                        { padding-left: auto !important; }
.pl-0                           { padding-left: 0rem !important; }

.pr-auto                        { padding-right: auto !important; }
.pr-0                           { padding-right: 0rem !important; }


/* ===============================================
SCREEN - small
================================================== */
@media handheld, only screen and (max-width: 640px)
{
    .display-s-none                   { display: none !important; }
    .display-s-inherit                { display: inherit !important; }
    .display-s-inline                 { display: inline !important; }
    .display-s-block                  { display: block !important; }
    .display-s-inline-block           { display: inline-block !important; }
    .display-s-flex                   { display: flex !important; }
    .display-s-inline-flex            { display: inline-flex !important; }

    .visibility-s-visible             { visibility: visible !important; }
    .visibility-s-hidden              { visibility: hidden !important; }

    .text-s-left                      { text-align: left !important; }
    .text-s-right                     { text-align: right !important; }
    .text-s-center                    { text-align: center !important; }

    .order-s-1                        { order: 1 !important; }
    .order-s-2                        { order: 2 !important; }
    .order-s-3                        { order: 3 !important; }
    .order-s-4                        { order: 4 !important; }
    .order-s-5                        { order: 5 !important; }
    .order-s-6                        { order: 6 !important; }
    .order-s-7                        { order: 7 !important; }
    .order-s-8                        { order: 8 !important; }
    .order-s-9                        { order: 9 !important; }
    .order-s-10                       { order: 10 !important; }
    .order-s-11                       { order: 11 !important; }
    .order-s-12                       { order: 12 !important; }

    .mt-s-auto                        { margin-top: auto !important; }
    .mt-s-0                           { margin-top: 0rem !important; }

    .mb-s-auto                        { margin-bottom: auto !important; }
    .mb-s-0                           { margin-bottom: 0rem !important; }

    .ml-s-auto                        { margin-left: auto !important; }
    .ml-s-0                           { margin-left: 0rem !important; }

    .mr-s-auto                        { margin-right: auto !important; }
    .mr-s-0                           { margin-right: 0rem !important; }

    .pt-s-auto                        { padding-top: auto !important; }
    .pt-s-0                           { padding-top: 0rem !important; }

    .pb-s-auto                        { padding-bottom: auto !important; }
    .pb-s-0                           { padding-bottom: 0rem !important; }

    .pl-s-auto                        { padding-left: auto !important; }
    .pl-s-0                           { padding-left: 0rem !important; }

    .pr-s-auto                        { padding-right: auto !important; }
    .pr-s-0                           { padding-right: 0rem !important; }
}


/* ===============================================
SCREEN - medium
================================================== */
@media only screen and (min-width: 641px)
{
    .display-m-none                   { display: none !important; }
    .display-m-inherit                { display: inherit !important; }
    .display-m-inline                 { display: inline !important; }
    .display-m-block                  { display: block !important; }
    .display-m-inline-block           { display: inline-block !important; }
    .display-m-flex                   { display: flex !important; }
    .display-m-inline-flex            { display: inline-flex !important; }

    .visibility-m-visible             { visibility: visible !important; }
    .visibility-m-hidden              { visibility: hidden !important; }

    .text-m-left                      { text-align: left !important; }
    .text-m-right                     { text-align: right !important; }
    .text-m-center                    { text-align: center !important; }

    .order-m-1                        { order: 1 !important; }
    .order-m-2                        { order: 2 !important; }
    .order-m-3                        { order: 3 !important; }
    .order-m-4                        { order: 4 !important; }
    .order-m-5                        { order: 5 !important; }
    .order-m-6                        { order: 6 !important; }
    .order-m-7                        { order: 7 !important; }
    .order-m-8                        { order: 8 !important; }
    .order-m-9                        { order: 9 !important; }
    .order-m-10                       { order: 10 !important; }
    .order-m-11                       { order: 11 !important; }
    .order-m-12                       { order: 12 !important; }

    .mt-m-auto                        { margin-top: auto !important; }
    .mt-m-0                           { margin-top: 0rem !important; }

    .mb-m-auto                        { margin-bottom: auto !important; }
    .mb-m-0                           { margin-bottom: 0rem !important; }

    .ml-m-auto                        { margin-left: auto !important; }
    .ml-m-0                           { margin-left: 0rem !important; }

    .mr-m-auto                        { margin-right: auto !important; }
    .mr-m-0                           { margin-right: 0rem !important; }

    .pt-m-auto                        { padding-top: auto !important; }
    .pt-m-0                           { padding-top: 0rem !important; }

    .pb-m-auto                        { padding-bottom: auto !important; }
    .pb-m-0                           { padding-bottom: 0rem !important; }

    .pl-m-auto                        { padding-left: auto !important; }
    .pl-m-0                           { padding-left: 0rem !important; }

    .pr-m-auto                        { padding-right: auto !important; }
    .pr-m-0                           { padding-right: 0rem !important; }
}


/* ===============================================
SCREEN - large
================================================== */
@media only screen and (min-width: 1225px)
{
    .display-l-none                   { display: none !important; }
    .display-l-inherit                { display: inherit !important; }
    .display-l-inline                 { display: inline !important; }
    .display-l-block                  { display: block !important; }
    .display-l-inline-block           { display: inline-block !important; }
    .display-l-flex                   { display: flex !important; }
    .display-l-inline-flex            { display: inline-flex !important; }

    .visibility-l-visible             { visibility: visible !important; }
    .visibility-l-hidden              { visibility: hidden !important; }

    .text-l-left                      { text-align: left !important; }
    .text-l-right                     { text-align: right !important; }
    .text-l-center                    { text-align: center !important; }

    .order-l-1                        { order: 1 !important; }
    .order-l-2                        { order: 2 !important; }
    .order-l-3                        { order: 3 !important; }
    .order-l-4                        { order: 4 !important; }
    .order-l-5                        { order: 5 !important; }
    .order-l-6                        { order: 6 !important; }
    .order-l-7                        { order: 7 !important; }
    .order-l-8                        { order: 8 !important; }
    .order-l-9                        { order: 9 !important; }
    .order-l-10                       { order: 10 !important; }
    .order-l-11                       { order: 11 !important; }
    .order-l-12                       { order: 12 !important; }

    .mt-l-auto                        { margin-top: auto !important; }
    .mt-l-0                           { margin-top: 0rem !important; }

    .mb-l-auto                        { margin-bottom: auto !important; }
    .mb-l-0                           { margin-bottom: 0rem !important; }

    .ml-l-auto                        { margin-left: auto !important; }
    .ml-l-0                           { margin-left: 0rem !important; }

    .mr-l-auto                        { margin-right: auto !important; }
    .mr-l-0                           { margin-right: 0rem !important; }

    .pt-l-auto                        { padding-top: auto !important; }
    .pt-l-0                           { padding-top: 0rem !important; }

    .pb-l-auto                        { padding-bottom: auto !important; }
    .pb-l-0                           { padding-bottom: 0rem !important; }

    .pl-l-auto                        { padding-left: auto !important; }
    .pl-l-0                           { padding-left: 0rem !important; }

    .pr-l-auto                        { padding-right: auto !important; }
    .pr-l-0                           { padding-right: 0rem !important; }
}


/* ===============================================
SCREEN - xlarge
================================================== */
@media only screen and (min-width: 1400px)
{
    .display-xl-none                  { display: none !important; }
    .display-xl-inherit               { display: inherit !important; }
    .display-xl-inline                { display: inline !important; }
    .display-xl-block                 { display: block !important; }
    .display-xl-inline-block          { display: inline-block !important; }
    .display-xl-flex                  { display: flex !important; }
    .display-xl-inline-flex           { display: inline-flex !important; }

    .visibility-xl-visible            { visibility: visible !important; }
    .visibility-xl-hidden             { visibility: hidden !important; }

    .text-xl-left                     { text-align: left !important; }
    .text-xl-right                    { text-align: right !important; }
    .text-xl-center                   { text-align: center !important; }

    .order-xl-1                       { order: 1 !important; }
    .order-xl-2                       { order: 2 !important; }
    .order-xl-3                       { order: 3 !important; }
    .order-xl-4                       { order: 4 !important; }
    .order-xl-5                       { order: 5 !important; }
    .order-xl-6                       { order: 6 !important; }
    .order-xl-7                       { order: 7 !important; }
    .order-xl-8                       { order: 8 !important; }
    .order-xl-9                       { order: 9 !important; }
    .order-xl-10                      { order: 10 !important; }
    .order-xl-11                      { order: 11 !important; }
    .order-xl-12                      { order: 12 !important; }

    .mt-xl-auto                       { margin-top: auto !important; }
    .mt-xl-0                          { margin-top: 0rem !important; }

    .mb-xl-auto                       { margin-bottom: auto !important; }
    .mb-xl-0                          { margin-bottom: 0rem !important; }

    .ml-xl-auto                       { margin-left: auto !important; }
    .ml-xl-0                          { margin-left: 0rem !important; }

    .mr-xl-auto                       { margin-right: auto !important; }
    .mr-xl-0                          { margin-right: 0rem !important; }

    .pt-xl-auto                       { padding-top: auto !important; }
    .pt-xl-0                          { padding-top: 0rem !important; }

    .pb-xl-auto                       { padding-bottom: auto !important; }
    .pb-xl-0                          { padding-bottom: 0rem !important; }

    .pl-xl-auto                       { padding-left: auto !important; }
    .pl-xl-0                          { padding-left: 0rem !important; }

    .pr-xl-auto                       { padding-right: auto !important; }
    .pr-xl-0                          { padding-right: 0rem !important; }
}