/* ===============================================
    SHORT CODES
    ================================================== */
    .fw-regular                     { font-weight: var(--theme-fw-regular) !important; }
    .fw-medium                      { font-weight: var(--theme-fw-medium) !important; }
    .fw-bold                        { font-weight: var(--theme-fw-bold) !important; }
    .fw-bolder                      { font-weight: var(--theme-fw-bolder) !important; }
    .fw-black                       { font-weight: var(--theme-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; }

    .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: 767px)
    {
        .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: 768px)
    {
        .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: 992px)
    {
        .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: 1200px)
    {
        .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; }
    }