/* ------------- */
/* PADDING SCALE */
/* ------------- */
.padding-00, .padding-hover-00:hover {padding: calc(1rem * 0)}
.padding-01, .padding-hover-01:hover {padding: calc(1rem * 0.5)}
.padding-02, .padding-hover-02:hover {padding: calc(1rem * 1)}
.padding-03, .padding-hover-03:hover {padding: calc(1rem * 1.5)}
.padding-04, .padding-hover-04:hover {padding: calc(1rem * 2)}
.padding-05, .padding-hover-05:hover {padding: calc(1rem * 2.5)}
.padding-06, .padding-hover-06:hover {padding: calc(1rem * 3)}
.padding-07, .padding-hover-07:hover {padding: calc(1rem * 3.5)}
.padding-08, .padding-hover-08:hover {padding: calc(1rem * 4)}
.padding-09, .padding-hover-09:hover {padding: calc(1rem * 4.5)}
.padding-10, .padding-hover-10:hover {padding: calc(1rem * 5)}
.padding-11, .padding-hover-11:hover {padding: calc(1rem * 5.5)}
.padding-12, .padding-hover-12:hover {padding: calc(1rem * 6)}
.padding-13, .padding-hover-13:hover {padding: calc(1rem * 6.5)}
.padding-14, .padding-hover-14:hover {padding: calc(1rem * 7)}
.padding-15, .padding-hover-15:hover {padding: calc(1rem * 7.5)}
.padding-16, .padding-hover-16:hover {padding: calc(1rem * 8)}
.padding-17, .padding-hover-17:hover {padding: calc(1rem * 8.5)}
.padding-18, .padding-hover-18:hover {padding: calc(1rem * 9)}
.padding-19, .padding-hover-19:hover {padding: calc(1rem * 9.5)}
.padding-20, .padding-hover-20:hover {padding: calc(1rem * 10)}

.padding-top-00, .padding-top-hover-00:hover {padding-top: calc(1rem * 0)}
.padding-top-01, .padding-top-hover-01:hover {padding-top: calc(1rem * 0.5)}
.padding-top-02, .padding-top-hover-02:hover {padding-top: calc(1rem * 1)}
.padding-top-03, .padding-top-hover-03:hover {padding-top: calc(1rem * 1.5)}
.padding-top-04, .padding-top-hover-04:hover {padding-top: calc(1rem * 2)}
.padding-top-05, .padding-top-hover-05:hover {padding-top: calc(1rem * 2.5)}
.padding-top-06, .padding-top-hover-06:hover {padding-top: calc(1rem * 3)}
.padding-top-07, .padding-top-hover-07:hover {padding-top: calc(1rem * 3.5)}
.padding-top-08, .padding-top-hover-08:hover {padding-top: calc(1rem * 4)}
.padding-top-09, .padding-top-hover-09:hover {padding-top: calc(1rem * 4.5)}
.padding-top-10, .padding-top-hover-10:hover {padding-top: calc(1rem * 5)}
.padding-top-11, .padding-top-hover-11:hover {padding-top: calc(1rem * 5.5)}
.padding-top-12, .padding-top-hover-12:hover {padding-top: calc(1rem * 6)}
.padding-top-13, .padding-top-hover-13:hover {padding-top: calc(1rem * 6.5)}
.padding-top-14, .padding-top-hover-14:hover {padding-top: calc(1rem * 7)}
.padding-top-15, .padding-top-hover-15:hover {padding-top: calc(1rem * 7.5)}
.padding-top-16, .padding-top-hover-16:hover {padding-top: calc(1rem * 8)}
.padding-top-17, .padding-top-hover-17:hover {padding-top: calc(1rem * 8.5)}
.padding-top-18, .padding-top-hover-18:hover {padding-top: calc(1rem * 9)}
.padding-top-19, .padding-top-hover-19:hover {padding-top: calc(1rem * 9.5)}
.padding-top-20, .padding-top-hover-20:hover {padding-top: calc(1rem * 10)}

.padding-right-00, .padding-right-hover-00:hover {padding-right: calc(1rem * 0)}
.padding-right-01, .padding-right-hover-01:hover {padding-right: calc(1rem * 0.5)}
.padding-right-02, .padding-right-hover-02:hover {padding-right: calc(1rem * 1)}
.padding-right-03, .padding-right-hover-03:hover {padding-right: calc(1rem * 1.5)}
.padding-right-04, .padding-right-hover-04:hover {padding-right: calc(1rem * 2)}
.padding-right-05, .padding-right-hover-05:hover {padding-right: calc(1rem * 2.5)}
.padding-right-06, .padding-right-hover-06:hover {padding-right: calc(1rem * 3)}
.padding-right-07, .padding-right-hover-07:hover {padding-right: calc(1rem * 3.5)}
.padding-right-08, .padding-right-hover-08:hover {padding-right: calc(1rem * 4)}
.padding-right-09, .padding-right-hover-09:hover {padding-right: calc(1rem * 4.5)}
.padding-right-10, .padding-right-hover-10:hover {padding-right: calc(1rem * 5)}
.padding-right-11, .padding-right-hover-11:hover {padding-right: calc(1rem * 5.5)}
.padding-right-12, .padding-right-hover-12:hover {padding-right: calc(1rem * 6)}
.padding-right-13, .padding-right-hover-13:hover {padding-right: calc(1rem * 6.5)}
.padding-right-14, .padding-right-hover-14:hover {padding-right: calc(1rem * 7)}
.padding-right-15, .padding-right-hover-15:hover {padding-right: calc(1rem * 7.5)}
.padding-right-16, .padding-right-hover-16:hover {padding-right: calc(1rem * 8)}
.padding-right-17, .padding-right-hover-17:hover {padding-right: calc(1rem * 8.5)}
.padding-right-18, .padding-right-hover-18:hover {padding-right: calc(1rem * 9)}
.padding-right-19, .padding-right-hover-19:hover {padding-right: calc(1rem * 9.5)}
.padding-right-20, .padding-right-hover-20:hover {padding-right: calc(1rem * 10)}

.padding-bottom-00, .padding-bottom-hover-00:hover {padding-bottom: calc(1rem * 0)}
.padding-bottom-01, .padding-bottom-hover-01:hover {padding-bottom: calc(1rem * 0.5)}
.padding-bottom-02, .padding-bottom-hover-02:hover {padding-bottom: calc(1rem * 1)}
.padding-bottom-03, .padding-bottom-hover-03:hover {padding-bottom: calc(1rem * 1.5)}
.padding-bottom-04, .padding-bottom-hover-04:hover {padding-bottom: calc(1rem * 2)}
.padding-bottom-05, .padding-bottom-hover-05:hover {padding-bottom: calc(1rem * 2.5)}
.padding-bottom-06, .padding-bottom-hover-06:hover {padding-bottom: calc(1rem * 3)}
.padding-bottom-07, .padding-bottom-hover-07:hover {padding-bottom: calc(1rem * 3.5)}
.padding-bottom-08, .padding-bottom-hover-08:hover {padding-bottom: calc(1rem * 4)}
.padding-bottom-09, .padding-bottom-hover-09:hover {padding-bottom: calc(1rem * 4.5)}
.padding-bottom-10, .padding-bottom-hover-10:hover {padding-bottom: calc(1rem * 5)}
.padding-bottom-11, .padding-bottom-hover-11:hover {padding-bottom: calc(1rem * 5.5)}
.padding-bottom-12, .padding-bottom-hover-12:hover {padding-bottom: calc(1rem * 6)}
.padding-bottom-13, .padding-bottom-hover-13:hover {padding-bottom: calc(1rem * 6.5)}
.padding-bottom-14, .padding-bottom-hover-14:hover {padding-bottom: calc(1rem * 7)}
.padding-bottom-15, .padding-bottom-hover-15:hover {padding-bottom: calc(1rem * 7.5)}
.padding-bottom-16, .padding-bottom-hover-16:hover {padding-bottom: calc(1rem * 8)}
.padding-bottom-17, .padding-bottom-hover-17:hover {padding-bottom: calc(1rem * 8.5)}
.padding-bottom-18, .padding-bottom-hover-18:hover {padding-bottom: calc(1rem * 9)}
.padding-bottom-19, .padding-bottom-hover-19:hover {padding-bottom: calc(1rem * 9.5)}
.padding-bottom-20, .padding-bottom-hover-20:hover {padding-bottom: calc(1rem * 10)}

.padding-left-00, .padding-left-hover-00:hover {padding-left: calc(1rem * 0)}
.padding-left-01, .padding-left-hover-01:hover {padding-left: calc(1rem * 0.5)}
.padding-left-02, .padding-left-hover-02:hover {padding-left: calc(1rem * 1)}
.padding-left-03, .padding-left-hover-03:hover {padding-left: calc(1rem * 1.5)}
.padding-left-04, .padding-left-hover-04:hover {padding-left: calc(1rem * 2)}
.padding-left-05, .padding-left-hover-05:hover {padding-left: calc(1rem * 2.5)}
.padding-left-06, .padding-left-hover-06:hover {padding-left: calc(1rem * 3)}
.padding-left-07, .padding-left-hover-07:hover {padding-left: calc(1rem * 3.5)}
.padding-left-08, .padding-left-hover-08:hover {padding-left: calc(1rem * 4)}
.padding-left-09, .padding-left-hover-09:hover {padding-left: calc(1rem * 4.5)}
.padding-left-10, .padding-left-hover-10:hover {padding-left: calc(1rem * 5)}
.padding-left-11, .padding-left-hover-11:hover {padding-left: calc(1rem * 5.5)}
.padding-left-12, .padding-left-hover-12:hover {padding-left: calc(1rem * 6)}
.padding-left-13, .padding-left-hover-13:hover {padding-left: calc(1rem * 6.5)}
.padding-left-14, .padding-left-hover-14:hover {padding-left: calc(1rem * 7)}
.padding-left-15, .padding-left-hover-15:hover {padding-left: calc(1rem * 7.5)}
.padding-left-16, .padding-left-hover-16:hover {padding-left: calc(1rem * 8)}
.padding-left-17, .padding-left-hover-17:hover {padding-left: calc(1rem * 8.5)}
.padding-left-18, .padding-left-hover-18:hover {padding-left: calc(1rem * 9)}
.padding-left-19, .padding-left-hover-19:hover {padding-left: calc(1rem * 9.5)}
.padding-left-20, .padding-left-hover-20:hover {padding-left: calc(1rem * 10)}

.padding-animate {transition: padding 0.1s ease-in-out;}

@media screen and (max-width: 1023px) {

    /* -- AUTO SCALE ANY DESKTOP PADDING TO 1.5REM -- */
    
    .padding-04, .padding-05, .padding-06, .padding-07, .padding-08, .padding-09, .padding-10, .padding-11, .padding-12, .padding-13, .padding-14, .padding-15, .padding-16, .padding-17, .padding-18, .padding-19, .padding-20 {padding: calc(1rem * 1.5)}
    
    .padding-top-04, .padding-top-05, .padding-top-06, .padding-top-07, .padding-top-08, .padding-top-09, .padding-top-10, .padding-top-11, .padding-top-12, .padding-top-13, .padding-top-14, .padding-top-15, .padding-top-16, .padding-top-17, .padding-top-18, .padding-top-19, .padding-top-20 {padding-top: calc(1rem * 1.5)}
    
    .padding-right-04, .padding-right-05, .padding-right-06, .padding-right-07, .padding-right-08, .padding-right-09, .padding-right-10, .padding-right-11, .padding-right-12, .padding-right-13, .padding-right-14, .padding-right-15, .padding-right-16, .padding-right-17, .padding-right-18, .padding-right-19, .padding-right-20 {padding-right: calc(1rem * 1.5)}
    
    .padding-bottom-04, .padding-bottom-05, .padding-bottom-06, .padding-bottom-07, .padding-bottom-08, .padding-bottom-09, .padding-bottom-10, .padding-bottom-11, .padding-bottom-12, .padding-bottom-13, .padding-bottom-14, .padding-bottom-15, .padding-bottom-16, .padding-bottom-17, .padding-bottom-18, .padding-bottom-19, .padding-bottom-20 {padding-bottom: calc(1rem * 1.5)}
    
    .padding-left-04, .padding-left-05, .padding-left-06, .padding-left-07, .padding-left-08, .padding-left-09, .padding-left-10, .padding-left-11, .padding-left-12, .padding-left-13, .padding-left-14, .padding-left-15, .padding-left-16, .padding-left-17, .padding-left-18, .padding-left-19, .padding-left-20 {padding-left: calc(1rem * 1.5)}
    

    /* -- DEVICE PADDING CLASSES -- */
    .device-padding-01, .device-padding-hover-01:hover {padding: calc(1rem * 0.5)}
    .device-padding-02, .device-padding-hover-02:hover {padding: calc(1rem * 1)}
    .device-padding-03, .device-padding-hover-03:hover {padding: calc(1rem * 1.5)}
    .device-padding-04, .device-padding-hover-04:hover {padding: calc(1rem * 2)}
    .device-padding-05, .device-padding-hover-05:hover {padding: calc(1rem * 2.5)}
    .device-padding-06, .device-padding-hover-06:hover {padding: calc(1rem * 3)}
    .device-padding-07, .device-padding-hover-07:hover {padding: calc(1rem * 3.5)}
    .device-padding-08, .device-padding-hover-08:hover {padding: calc(1rem * 4)}
    .device-padding-09, .device-padding-hover-09:hover {padding: calc(1rem * 4.5)}
    .device-padding-10, .device-padding-hover-10:hover {padding: calc(1rem * 5)}
    .device-padding-11, .device-padding-hover-11:hover {padding: calc(1rem * 5.5)}
    .device-padding-12, .device-padding-hover-12:hover {padding: calc(1rem * 6)}
    .device-padding-13, .device-padding-hover-13:hover {padding: calc(1rem * 6.5)}
    .device-padding-14, .device-padding-hover-14:hover {padding: calc(1rem * 7)}
    .device-padding-15, .device-padding-hover-15:hover {padding: calc(1rem * 7.5)}
    .device-padding-16, .device-padding-hover-16:hover {padding: calc(1rem * 8)}
    .device-padding-17, .device-padding-hover-17:hover {padding: calc(1rem * 8.5)}
    .device-padding-18, .device-padding-hover-18:hover {padding: calc(1rem * 9)}
    .device-padding-19, .device-padding-hover-19:hover {padding: calc(1rem * 9.5)}
    .device-padding-20, .device-padding-hover-20:hover {padding: calc(1rem * 10)}


    .device-padding-top-01, .device-padding-top-hover-01:hover {padding-top: calc(1rem * 0.5)}
    .device-padding-top-02, .device-padding-top-hover-02:hover {padding-top: calc(1rem * 1)}
    .device-padding-top-03, .device-padding-top-hover-03:hover {padding-top: calc(1rem * 1.5)}
    .device-padding-top-04, .device-padding-top-hover-04:hover {padding-top: calc(1rem * 2)}
    .device-padding-top-05, .device-padding-top-hover-05:hover {padding-top: calc(1rem * 2.5)}
    .device-padding-top-06, .device-padding-top-hover-06:hover {padding-top: calc(1rem * 3)}
    .device-padding-top-07, .device-padding-top-hover-07:hover {padding-top: calc(1rem * 3.5)}
    .device-padding-top-08, .device-padding-top-hover-08:hover {padding-top: calc(1rem * 4)}
    .device-padding-top-09, .device-padding-top-hover-09:hover {padding-top: calc(1rem * 4.5)}
    .device-padding-top-10, .device-padding-top-hover-10:hover {padding-top: calc(1rem * 5)}
    .device-padding-top-11, .device-padding-top-hover-11:hover {padding-top: calc(1rem * 5.5)}
    .device-padding-top-12, .device-padding-top-hover-12:hover {padding-top: calc(1rem * 6)}
    .device-padding-top-13, .device-padding-top-hover-13:hover {padding-top: calc(1rem * 6.5)}
    .device-padding-top-14, .device-padding-top-hover-14:hover {padding-top: calc(1rem * 7)}
    .device-padding-top-15, .device-padding-top-hover-15:hover {padding-top: calc(1rem * 7.5)}
    .device-padding-top-16, .device-padding-top-hover-16:hover {padding-top: calc(1rem * 8)}
    .device-padding-top-17, .device-padding-top-hover-17:hover {padding-top: calc(1rem * 8.5)}
    .device-padding-top-18, .device-padding-top-hover-18:hover {padding-top: calc(1rem * 9)}
    .device-padding-top-19, .device-padding-top-hover-19:hover {padding-top: calc(1rem * 9.5)}
    .device-padding-top-20, .device-padding-top-hover-20:hover {padding-top: calc(1rem * 10)}


    .device-padding-right-01, .device-padding-right-hover-01:hover {padding-right: calc(1rem * 0.5)}
    .device-padding-right-02, .device-padding-right-hover-02:hover {padding-right: calc(1rem * 1)}
    .device-padding-right-03, .device-padding-right-hover-03:hover {padding-right: calc(1rem * 1.5)}
    .device-padding-right-04, .device-padding-right-hover-04:hover {padding-right: calc(1rem * 2)}
    .device-padding-right-05, .device-padding-right-hover-05:hover {padding-right: calc(1rem * 2.5)}
    .device-padding-right-06, .device-padding-right-hover-06:hover {padding-right: calc(1rem * 3)}
    .device-padding-right-07, .device-padding-right-hover-07:hover {padding-right: calc(1rem * 3.5)}
    .device-padding-right-08, .device-padding-right-hover-08:hover {padding-right: calc(1rem * 4)}
    .device-padding-right-09, .device-padding-right-hover-09:hover {padding-right: calc(1rem * 4.5)}
    .device-padding-right-10, .device-padding-right-hover-10:hover {padding-right: calc(1rem * 5)}
    .device-padding-right-11, .device-padding-right-hover-11:hover {padding-right: calc(1rem * 5.5)}
    .device-padding-right-12, .device-padding-right-hover-12:hover {padding-right: calc(1rem * 6)}
    .device-padding-right-13, .device-padding-right-hover-13:hover {padding-right: calc(1rem * 6.5)}
    .device-padding-right-14, .device-padding-right-hover-14:hover {padding-right: calc(1rem * 7)}
    .device-padding-right-15, .device-padding-right-hover-15:hover {padding-right: calc(1rem * 7.5)}
    .device-padding-right-16, .device-padding-right-hover-16:hover {padding-right: calc(1rem * 8)}
    .device-padding-right-17, .device-padding-right-hover-17:hover {padding-right: calc(1rem * 8.5)}
    .device-padding-right-18, .device-padding-right-hover-18:hover {padding-right: calc(1rem * 9)}
    .device-padding-right-19, .device-padding-right-hover-19:hover {padding-right: calc(1rem * 9.5)}
    .device-padding-right-20, .device-padding-right-hover-20:hover {padding-right: calc(1rem * 10)}


    .device-padding-bottom-01, .device-padding-bottom-hover-01:hover {padding-bottom: calc(1rem * 0.5)}
    .device-padding-bottom-02, .device-padding-bottom-hover-02:hover {padding-bottom: calc(1rem * 1)}
    .device-padding-bottom-03, .device-padding-bottom-hover-03:hover {padding-bottom: calc(1rem * 1.5)}
    .device-padding-bottom-04, .device-padding-bottom-hover-04:hover {padding-bottom: calc(1rem * 2)}
    .device-padding-bottom-05, .device-padding-bottom-hover-05:hover {padding-bottom: calc(1rem * 2.5)}
    .device-padding-bottom-06, .device-padding-bottom-hover-06:hover {padding-bottom: calc(1rem * 3)}
    .device-padding-bottom-07, .device-padding-bottom-hover-07:hover {padding-bottom: calc(1rem * 3.5)}
    .device-padding-bottom-08, .device-padding-bottom-hover-08:hover {padding-bottom: calc(1rem * 4)}
    .device-padding-bottom-09, .device-padding-bottom-hover-09:hover {padding-bottom: calc(1rem * 4.5)}
    .device-padding-bottom-10, .device-padding-bottom-hover-10:hover {padding-bottom: calc(1rem * 5)}
    .device-padding-bottom-11, .device-padding-bottom-hover-11:hover {padding-bottom: calc(1rem * 5.5)}
    .device-padding-bottom-12, .device-padding-bottom-hover-12:hover {padding-bottom: calc(1rem * 6)}
    .device-padding-bottom-13, .device-padding-bottom-hover-13:hover {padding-bottom: calc(1rem * 6.5)}
    .device-padding-bottom-14, .device-padding-bottom-hover-14:hover {padding-bottom: calc(1rem * 7)}
    .device-padding-bottom-15, .device-padding-bottom-hover-15:hover {padding-bottom: calc(1rem * 7.5)}
    .device-padding-bottom-16, .device-padding-bottom-hover-16:hover {padding-bottom: calc(1rem * 8)}
    .device-padding-bottom-17, .device-padding-bottom-hover-17:hover {padding-bottom: calc(1rem * 8.5)}
    .device-padding-bottom-18, .device-padding-bottom-hover-18:hover {padding-bottom: calc(1rem * 9)}
    .device-padding-bottom-19, .device-padding-bottom-hover-19:hover {padding-bottom: calc(1rem * 9.5)}
    .device-padding-bottom-20, .device-padding-bottom-hover-20:hover {padding-bottom: calc(1rem * 10)}

    .device-padding-left-01, .device-padding-left-hover-01:hover {padding-left: calc(1rem * 0.5)}
    .device-padding-left-02, .device-padding-left-hover-02:hover {padding-left: calc(1rem * 1)}
    .device-padding-left-03, .device-padding-left-hover-03:hover {padding-left: calc(1rem * 1.5)}
    .device-padding-left-04, .device-padding-left-hover-04:hover {padding-left: calc(1rem * 2)}
    .device-padding-left-05, .device-padding-left-hover-05:hover {padding-left: calc(1rem * 2.5)}
    .device-padding-left-06, .device-padding-left-hover-06:hover {padding-left: calc(1rem * 3)}
    .device-padding-left-07, .device-padding-left-hover-07:hover {padding-left: calc(1rem * 3.5)}
    .device-padding-left-08, .device-padding-left-hover-08:hover {padding-left: calc(1rem * 4)}
    .device-padding-left-09, .device-padding-left-hover-09:hover {padding-left: calc(1rem * 4.5)}
    .device-padding-left-10, .device-padding-left-hover-10:hover {padding-left: calc(1rem * 5)}
    .device-padding-left-11, .device-padding-left-hover-11:hover {padding-left: calc(1rem * 5.5)}
    .device-padding-left-12, .device-padding-left-hover-12:hover {padding-left: calc(1rem * 6)}
    .device-padding-left-13, .device-padding-left-hover-13:hover {padding-left: calc(1rem * 6.5)}
    .device-padding-left-14, .device-padding-left-hover-14:hover {padding-left: calc(1rem * 7)}
    .device-padding-left-15, .device-padding-left-hover-15:hover {padding-left: calc(1rem * 7.5)}
    .device-padding-left-16, .device-padding-left-hover-16:hover {padding-left: calc(1rem * 8)}
    .device-padding-left-17, .device-padding-left-hover-17:hover {padding-left: calc(1rem * 8.5)}
    .device-padding-left-18, .device-padding-left-hover-18:hover {padding-left: calc(1rem * 9)}
    .device-padding-left-19, .device-padding-left-hover-19:hover {padding-left: calc(1rem * 9.5)}
    .device-padding-left-20, .device-padding-left-hover-20:hover {padding-left: calc(1rem * 10)}
}