/**
 * Custom margin and padding styles that override Bootstrap
 *
 * body_class: home
 *
 * @author      Jim Mock
 * @copyright   2023, ON1
 */

/*------------------------------------------------------------------------------
 * Margin
 *
 * IMPORTANT - mt applies a margin to the top, mb applies a margin to the
 * bottom, and my applies a margin to both the top and bottom.
 *
 * Sizes - These override the built-in sizes from Bootstrap. While it is VERY
 * highly unlikely that we'll need to use most of these, they are here in the
 * off chance we do.
 *
 * -1 = 16px
 * -2 = 32px
 * -3 = 48px
 * -4 = 64px
 * -5 = 80px
 * -6 = 96px
 * -7 = 112px
 * -8 = 128px
 * -9 = 144px
 * -10 = 160px
 -----------------------------------------------------------------------------*/
.mb-quarter { margin-bottom: 0.25rem !important; }
.ml-quarter { margin-left: 0.25rem !important; }
.mt-quarter { margin-top: 0.25rem !important; }
.mr-quarter { margin-right: 0.25rem !important; }

.mx-quarter {
	margin-left: 0.25rem !important;
	margin-right: 0.25rem !important;
}

.my-quarter {
	margin-bottom: 0.25rem !important;
	margin-top: 0.25rem !important;
}

.mb-half { margin-bottom: 0.5rem !important; }
.ml-half { margin-left: 0.5rem !important; }
.mt-half { margin-top: 0.5rem !important; }
.mr-half { margin-right: 0.5rem !important; }

.mx-half {
	margin-left: 0.5rem !important;
	margin-right: 0.5rem !important;
}

.my-half {
	margin-bottom: 0.5rem !important;
	margin-top: 0.5rem !important;
}

.mb-3quarter { margin-bottom: 0.75rem !important; }
.ml-3quarter { margin-left: 0.75rem !important; }
.mt-3quarter { margin-top: 0.75rem !important; }
.mr-3quarter { margin-right: 0.75rem !important; }

.mx-3quarter {
	margin-left: 0.75rem !important;
	margin-right: 0.75rem !important;
}

.my-3quarter {
	margin-bottom: 0.75rem !important;
	margin-top: 0.75rem !important;
}

.mb-1 { margin-bottom: 1rem !important; }
.ml-1 { margin-left: 1rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mr-1 { margin-right: 1rem !important; }

.mx-1 {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.my-1 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
}

.m-1-quarter { margin: 1.25rem !important; }
.mb-1-quarter { margin-bottom: 1.25rem !important; }
.ml-1-quarter { margin-left: 1.25rem !important; }
.mr-1-quarter { margin-right: 1.25rem !important; }
.mt-1-quarter { margin-top: 1.25rem !important; }

.mx-1-quarter {
	margin-left: 1.25rem !important;
	margin-right: 1.25rem !important;
}

.my-1-quarter {
	margin-bottom: 1.25rem !important;
	margin-top: 1.25rem !important;
}

.mb-1-half { margin-bottom: 1.5rem !important; }
.ml-1-half { margin-left: 1.5rem !important; }
.mt-1-half { margin-top: 1.5rem !important; }
.mr-1-half { margin-right: 1.5rem !important; }

.mx-1-half {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.my-1-half {
	margin-bottom: 1.5rem !important;
	margin-top: 1.5rem !important;
}

.mb-1625 { margin-bottom: 1.625rem !important; }
.mt-1625 { margin-top: 1.625rem !important; }
.mb-175 { margin-bottom: 1.75rem !important; }
.mt-175 { margin-top: 1.75rem !important; }
.mb-1875 { margin-bottom: 1.875rem !important; }
.mt-1875 { margin-top: 1.875rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.ml-2 { margin-left: 2rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mr-2 { margin-right: 2rem !important; }

.mx-2 {
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}

.my-2 {
	margin-bottom: 2rem !important;
	margin-top: 2rem !important;
}

.mb-2-half { margin-bottom: 2.5rem !important; }
.ml-2-half { margin-left: 2.5rem !important; }
.mt-2-half { margin-top: 2.5rem !important; }
.mr-2-half { margin-right: 2.5rem !important; }

.mx-2-half {
	margin-left: 2.5rem !important;
	margin-right: 2.5rem !important;
}

.my-2-half {
	margin-bottom: 2.5rem !important;
	margin-top: 2.5rem !important;
}

.mb-3 { margin-bottom: 3rem !important; }
.ml-3 { margin-left: 3rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mr-3 { margin-right: 3rem !important; }

.mx-3 {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}

.my-3 {
	margin-bottom: 3rem !important;
	margin-top: 3rem !important;
}

.mb-3-half { margin-bottom: 3.5rem !important; }
.ml-3-half { margin-left: 3.5rem !important; }
.mt-3-half { margin-top: 3.5rem !important; }
.mr-3-half { margin-right: 3.5rem !important; }

.mx-3-half {
	margin-left: 3.5rem !important;
	margin-right: 3.5rem !important;
}

.my-3-half {
	margin-bottom: 3.5rem !important;
	margin-top: 3.5rem !important;
}

.mb-4 { margin-bottom: 4rem !important; }
.ml-4 { margin-left: 4rem !important; }
.mt-4 { margin-top: 4rem !important; }
.mr-4 { margin-right: 4rem !important; }

.mx-4 {
	margin-left: 4rem !important;
	margin-right: 4rem !important;
}

.my-4 {
	margin-bottom: 4rem !important;
	margin-top: 4rem !important;
}

.mb-4-half { margin-bottom: 4.5rem !important; }
.ml-4-half { margin-left: 4.5rem !important; }
.mt-4-half { margin-top: 4.5rem !important; }
.mr-4-half { margin-right: 4.5rem !important; }

.mx-4-half {
	margin-left: 4.5rem !important;
	margin-right: 4.5rem !important;
}

.my-4-half {
	margin-bottom: 4.5rem !important;
	margin-top: 4.5rem !important;
}

.mb-5 { margin-bottom: 5rem !important; }
.ml-5 { margin-left: 5rem !important; }
.mt-5 { margin-top: 5rem !important; }
.mr-5 { margin-right: 5rem !important; }

.mx-5 {
	margin-left: 5rem !important;
	margin-right: 5rem !important;
}

.my-5 {
	margin-bottom: 5rem !important;
	margin-top: 5rem !important;
}

.mb-6 { margin-bottom: 6rem !important; }
.ml-6 { margin-left: 6rem !important; }
.mt-6 { margin-top: 6rem !important; }
.mr-6 { margin-right: 6rem !important; }

.mx-6 {
	margin-left: 6rem !important;
	margin-right: 6rem !important;
}

.my-6 {
	margin-bottom: 6rem !important;
	margin-top: 6rem !important;
}

.mb-7 { margin-bottom: 7rem !important; }
.ml-7 { margin-left: 7rem !important; }
.mt-7 { margin-top: 7rem !important; }
.mr-7 { margin-right: 7rem !important; }

.mx-7 {
	margin-left: 7rem !important;
	margin-right: 7rem !important;
}

.my-7 {
	margin-bottom: 7rem !important;
	margin-top: 7rem !important;
}

.mb-8 { margin-bottom: 8rem !important; }
.ml-8 { margin-left: 8rem !important; }
.mt-8 { margin-top: 8rem !important; }
.mr-8 { margin-right: 8rem !important; }

.mx-8 {
	margin-left: 8rem !important;
	margin-right: 8rem !important;
}

.my-8 {
	margin-bottom: 8rem !important;
	margin-top: 8rem !important;
}

.mb-9 { margin-bottom: 9rem !important; }
.ml-9 { margin-left: 9rem !important; }
.mt-9 { margin-top: 9rem !important; }
.mr-9 { margin-right: 9rem !important; }

.mx-9 {
	margin-left: 9rem !important;
	margin-right: 9rem !important;
}

.my-9 {
	margin-bottom: 9rem !important;
	margin-top: 9rem !important;
}

.mb-10 { margin-bottom: 10rem !important; }
.ml-10 { margin-left: 10rem !important; }
.mt-10 { margin-top: 10rem !important; }
.mr-10 { margin-right: 10rem !important; }

.mx-10 {
	margin-left: 10rem !important;
	margin-right: 10rem !important;
}

.my-10 {
	margin-bottom: 10rem !important;
	margin-top: 10rem !important;
}

/*------------------------------------------------------------------------------
 * Padding
 *
 * IMPORTANT - pt applies padding to the top, pb applies padding to the bottom,
 * and py applies padding to both the top and bottom.
 *
 * Sizes - These override the built-in sizes from Bootstrap. While it's
 * unlikely that we'll need to use more than a 5 or 6, the rest are here in the
 * off chance we do.
 *
 * -1 = 16px
 * -2 = 32px
 * -3 = 48px
 * -4 = 64px
 * -5 = 80px
 * -6 = 96px
 * -7 = 112px
 * -8 = 128px
 * -9 = 144px
 * -10 = 160px
 -----------------------------------------------------------------------------*/
.p-0 { padding: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pt-0 { padding-top: 0 !important; }

.py-0 {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pb-quarter { padding-bottom: 0.25rem !important; }
.pl-quarter { padding-left: 0.25rem !important; }
.pt-quarter { padding-top: 0.25rem !important; }
.pr-quarter { padding-right: 0.25rem !important; }

.px-quarter {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}

.py-quarter {
	padding-bottom: 0.25rem !important;
	padding-top: 0.25rem !important;
}

.p-half { padding: 0.5rem !important; }
.pb-half { padding-bottom: 0.5rem !important; }
.pl-half { padding-left: 0.5rem !important; }
.pr-half { padding-right: 0.5rem !important; }
.pt-half { padding-top: 0.5rem !important; }

.px-half {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.py-half {
	padding-bottom: 0.5rem !important;
	padding-top: 0.5rem !important;
}

.pb-3quarter { padding-bottom: 0.75rem !important; }
.pl-3quarter { padding-left: 0.75rem !important; }
.pt-3quarter { padding-top: 0.75rem !important; }
.pr-3quarter { padding-right: 0.75rem !important; }

.px-3quarter {
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
}

.py-3quarter {
	padding-bottom: 0.75rem !important;
	padding-top: 0.75rem !important;
}

.p-1 { padding: 1rem !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pl-1 { padding-left: 1rem !important; }
.pr-1 { padding-right: 1rem !important; }
.pt-1 { padding-top: 1rem !important; }

.px-1 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.py-1 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.p-1-quarter { padding: 1.25rem !important; }
.pb-1-quarter { padding-bottom: 1.25rem !important; }
.pl-1-quarter { padding-left: 1.25rem !important; }
.pr-1-quarter { padding-right: 1.25rem !important; }
.pt-1-quarter { padding-top: 1.25rem !important; }

.px-1-quarter {
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}

.py-1-quarter {
	padding-bottom: 1.25rem !important;
	padding-top: 1.25rem !important;
}

.p-1-half { padding: 1.5rem !important; }
.pb-1-half { padding-bottom: 1.5rem !important; }
.pl-1-half { padding-left: 1.5rem !important; }
.pr-1-half { padding-right: 1.5rem !important; }
.pt-1-half { padding-top: 1.5rem !important; }

.px-1-half {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.py-1-half {
	padding-bottom: 1.5rem !important;
	padding-top: 1.5rem !important;
}

.p-2 { padding: 2rem !important; }
.pb-2 { padding-bottom: 2rem !important; }
.pl-2 { padding-left: 2rem !important; }
.pr-2 { padding-right: 2rem !important; }
.pt-2 { padding-top: 2rem !important; }

.px-2 {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.py-2 {
	padding-bottom: 2rem !important;
	padding-top: 2rem !important;
}

.p-2-half { padding: 2.5rem !important; }
.pb-2-half { padding-bottom: 2.5rem !important; }
.pl-2-half { padding-left: 2.5rem !important; }
.pr-2-half { padding-right: 2.5rem !important; }
.pt-2-half { padding-top: 2.5rem !important; }

.px-2-half {
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
}

.py-2-half {
	padding-bottom: 2.5rem !important;
	padding-top: 2.5rem !important;
}

.p-3 { padding: 3rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pl-3 { padding-left: 3rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pt-3 { padding-top: 3rem !important; }

.px-3 {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.py-3 {
	padding-bottom: 3rem !important;
	padding-top: 3rem !important;
}

.p-3-quarter { padding: 3.25rem !important; }
.pb-3-quarter { padding-bottom: 3.25rem !important; }
.pl-3-quarter { padding-left: 3.25rem !important; }
.pr-3-quarter { padding-right: 3.25rem !important; }
.pt-3-quarter { padding-top: 3.25rem !important; }

.px-3-quarter {
	padding-left: 3.25rem !important;
	padding-right: 3.25rem !important;
}

.py-3-quarter {
	padding-bottom: 3.25rem !important;
	padding-top: 3.25rem !important;
}

.p-3-half { padding: 3.5rem !important; }
.pb-3-half { padding-bottom: 3.5rem !important; }
.pl-3-half { padding-left: 3.5rem !important; }
.pr-3-half { padding-right: 3.5rem !important; }
.pt-3-half { padding-top: 3.5rem !important; }

.px-3-half {
	padding-left: 3.5rem !important;
	padding-right: 3.5rem !important;
}

.py-3-half {
	padding-bottom: 3.5rem !important;
	padding-top: 3.5rem !important;
}

.p-4 { padding: 4rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pl-4 { padding-left: 4rem !important; }
.pr-4 { padding-right: 4rem !important; }
.pt-4 { padding-top: 4rem !important; }

.px-4 {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}

.py-4 {
	padding-bottom: 4rem !important;
	padding-top: 4rem !important;
}

.p-5 { padding: 5rem !important; }
.pb-5 { padding-bottom: 5rem !important; }
.pb-5-half { padding-bottom: 5.5rem !important; }
.pl-5 { padding-left: 5rem !important; }
.pr-5 { padding-right: 5rem !important; }
.pt-5 { padding-top: 5rem !important; }
.pt-5-half { padding-top: 5.5rem !important; }

.px-5 {
	padding-left: 5rem !important;
	padding-right: 5rem !important;
}

.py-5 {
	padding-bottom: 5rem !important;
	padding-top: 5rem !important;
}

.p-6 { padding: 6rem !important; }
.pb-6 { padding-bottom: 6rem !important; }
.pl-6 { padding-left: 6rem !important; }
.pr-6 { padding-right: 6rem !important; }
.pt-6 { padding-top: 6rem !important; }

.px-6 {
	padding-left: 6rem !important;
	padding-right: 6rem !important;
}

.py-6 {
	padding-bottom: 6rem !important;
	padding-top: 6rem !important;
}

.p-7 { padding: 7rem !important; }
.pb-7 { padding-bottom: 7rem !important; }
.pl-7 { padding-left: 7rem !important; }
.pr-7 { padding-right: 7rem !important; }
.pt-7 { padding-top: 7rem !important; }

.px-7 {
	padding-left: 7rem !important;
	padding-right: 7rem !important;
}

.py-7 {
	padding-bottom: 7rem !important;
	padding-top: 7rem !important;
}

.p-8 { padding: 8rem !important; }
.pb-8 { padding-bottom: 8rem !important; }
.pl-8 { padding-left: 8rem !important; }
.pr-8 { padding-right: 8rem !important; }
.pt-8 { padding-top: 8rem !important; }

.px-8 {
	padding-left: 8rem !important;
	padding-right: 8rem !important;
}

.py-8 {
	padding-bottom: 8rem !important;
	padding-top: 8rem !important;
}

.p-9 { padding: 9rem !important; }
.pb-9 { padding-bottom: 9rem !important; }
.pl-9 { padding-left: 9rem !important; }
.pr-9 { padding-right: 9rem !important; }
.pt-9 { padding-top: 9rem !important; }

.px-9 {
	padding-left: 9rem !important;
	padding-right: 9rem !important;
}

.py-9 {
	padding-bottom: 9rem !important;
	padding-top: 9rem !important;
}

.p-10 { padding: 10rem !important; }
.pb-10 { padding-bottom: 10rem !important; }
.pl-10 { padding-left: 10rem !important; }
.pr-10 { padding-right: 10rem !important; }
.pt-10 { padding-top: 10rem !important; }

.px-10 {
	padding-left: 10rem !important;
	padding-right: 10rem !important;
}

.py-10 {
	padding-bottom: 10rem !important;
	padding-top: 10rem !important;
}
