/*
bootstrap defaults
mb-1 - 4px    (2^2)
mb-2 - 8px    (2^3)
mb-3 - 16px   (2^4)
mb-4 - 32px   (2^5)
mb-5 - 64px   (2^6)
mb-6 - 128px  (2^7)
mb-7 - 256px  (2^8)
mb-8 - 512px  (2^9)
mb-9 - 1024px (2^10)
mb-10 - 2048px (2^11)

mb-1 - 0.25rem  (4px / 16)
mb-2 - 0.5rem   (8px / 16)
mb-3 - 1rem     (16px / 16)
mb-4 - 2rem     (32px / 16)
mb-5 - 4rem     (64px / 16)
mb-6 - 8rem     (128px / 16)
mb-7 - 16rem    (256px / 16)
mb-8 - 32rem    (512px / 16)
mb-9 - 64rem    (1024px / 16)
mb-10 - 128rem  (2048px / 16)
*/


/* Padding classes from p-6 to p-10 */
.p-6 { padding: 4rem; } /* 64px (4 * 16px) */
.p-7 { padding: 8rem; } /* 128px (8 * 16px) */
.p-8 { padding: 16rem; } /* 256px (16 * 16px) */
.p-9 { padding: 32rem; } /* 512px (32 * 16px) */
.p-10 { padding: 64rem; } /* 1024px (64 * 16px) */

/* when user is NOT logged in, this class is applied to:
 main-wrapper-pages / main-wrapper-posts / main-wrapper-products  */

.pt16 { padding-top: 1rem !important}
.pt20 { padding-top: 1.25rem !important}
.pt24 { padding-top: 1.5rem !important}
.pt32 { padding-top: 2rem !important}
.pt40 { padding-top: 2.5rem !important}
.pt48 { padding-top: 3rem !important}
.pt56 { padding-top: 3.5rem !important}
.pt64 { padding-top: 4rem !important}
.pt72 { padding-top: 4.5rem !important}
.pt80 { padding-top: 5rem !important}
.pt88 { padding-top: 5.5rem !important}
.pt96 { padding-top: 6rem !important}
.pt110 { padding-top: 6.875rem !important;}
.pt120 { padding-top: 7.5rem !important;}
.pt128 { padding-top: 8rem !important;}
.pt136 { padding-top: 8.5rem !important;}
.pt144 { padding-top: 9rem !important;}
.pt152 { padding-top: 9.5rem !important; }
.pt160 { padding-top: 10rem !important; }
.pt168 { padding-top: 10.5rem !important; }
.pt176 { padding-top: 11rem !important; }
.pt184 { padding-top: 11.5rem !important; }
.pt192 { padding-top: 12rem !important; }
.pt200 { padding-top: 12.5rem !important; }
.pt208 { padding-top: 13rem !important; }
.pt216 { padding-top: 13.5rem !important; }
.pt224 { padding-top: 14rem !important; }
.pt232 { padding-top: 14.5rem !important; }
.pt240 { padding-top: 15rem !important; }
.pt248 { padding-top: 15.5rem !important; }
.pt256 { padding-top: 16rem !important; }
.pt264 { padding-top: 16.5rem !important; }
.pt272 { padding-top: 17rem !important; }
.pt280 { padding-top: 17.5rem !important; }
.pt288 { padding-top: 18rem !important; }
.pt296 { padding-top: 18.5rem !important; }
.pt304 { padding-top: 19rem !important; }
.pt312 { padding-top: 19.5rem !important; }
.pt320 { padding-top: 20rem !important; }
/* when user is logged in, this class is applied to:
main-wrapper-pages / main-wrapper-posts / main-wrapper-products  */


  @media (min-width: 768px) {
    .pt-md-144 {
      padding-top: 9rem !important
   }
  }

  @media (min-width: 768px) {
    .pb-md-144 {
      padding-bottom: 9rem !important
   }
  }


  .pb16 { padding-bottom: 1rem !important}
  .pb20 { padding-bottom: 1.25rem !important}
  .pb24 { padding-bottom: 1.5rem !important}
  .pb32 { padding-bottom: 2rem !important}
  .pb40 { padding-bottom: 2.5rem !important}
  .pb48 { padding-bottom: 3rem !important}
  .pb56 { padding-bottom: 3.5rem !important}
  .pb64 { padding-bottom: 4rem !important}
  .pb72 { padding-bottom: 4.5rem !important}
  .pb80 { padding-bottom: 5rem !important}
  .pb88 { padding-bottom: 5.5rem !important}
  .pb96 { padding-bottom: 6rem !important}
  .pb110 { padding-bottom: 6.875rem !important;}
  .pb120 { padding-bottom: 7.5rem !important;}
  .pb128 { padding-bottom: 8rem !important;}
  .pb136 { padding-bottom: 8.5rem !important;}
  .pb144 { padding-bottom: 9rem !important;}
  .pb152 { padding-bottom: 9.5rem !important; }
  .pb160 { padding-bottom: 10rem !important; }
  .pb168 { padding-bottom: 10.5rem !important; }
  .pb176 { padding-bottom: 11rem !important; }
  .pb184 { padding-bottom: 11.5rem !important; }
  .pb192 { padding-bottom: 12rem !important; }
  .pb200 { padding-bottom: 12.5rem !important; }
  .pb208 { padding-bottom: 13rem !important; }
  .pb216 { padding-bottom: 13.5rem !important; }
  .pb224 { padding-bottom: 14rem !important; }
  .pb232 { padding-bottom: 14.5rem !important; }
  .pb240 { padding-bottom: 15rem !important; }
  .pb248 { padding-bottom: 15.5rem !important; }
  .pb256 { padding-bottom: 16rem !important; }
  .pb264 { padding-bottom: 16.5rem !important; }
  .pb272 { padding-bottom: 17rem !important; }
  .pb280 { padding-bottom: 17.5rem !important; }
  .pb288 { padding-bottom: 18rem !important; }
  .pb296 { padding-bottom: 18.5rem !important; }
  .pb304 { padding-bottom: 19rem !important; }
  .pb312 { padding-bottom: 19.5rem !important; }
  .pb320 { padding-bottom: 20rem !important; }


.p144 { padding: 9rem !important;}


  @media (min-width: 768px) {
    .pt-md-56 {
      padding-top: 3.5rem !important
   }
  }

  /* ************************************************************************** */

.ps16 { padding-right: 1rem !important}
.ps20 { padding-right: 1.25rem !important}
.ps24 { padding-right: 1.5rem !important}
.ps32 { padding-right: 2rem !important}
.ps40 { padding-right: 2.5rem !important}
.ps48 { padding-right: 3rem !important}
.ps56 { padding-right: 3.5rem !important}
.ps64 { padding-right: 4rem !important}
.ps72 { padding-right: 4.5rem !important}

  /* ************************************************************************** */

.p16 {padding: 1rem !important}
.p32 {padding: 2rem !important}

 .mb16 { margin-bottom: 1rem !important}
 .mb20 { margin-bottom: 1.25rem !important}
 .mb24 { margin-bottom: 1.5rem !important}
 .mb32 { margin-bottom: 2rem !important}
 .mb40 { margin-bottom: 2.5rem !important}
 .mb48 { margin-bottom: 3rem !important}
 .mb56 { margin-bottom: 3.5rem !important}
 .mb64 { margin-bottom: 4rem !important}
 .mb72 { margin-bottom: 4.5rem !important}
 .mb80 { margin-bottom: 5rem !important}
 .mb88 { margin-bottom: 5.5rem !important}
 .mb96 { margin-bottom: 6rem !important}
 .mb104 { margin-bottom: 6.5rem !important}
 .mb112 { margin-bottom: 7rem !important}
 .mb120 { margin-bottom: 7.5rem !important}