/*
 * Utility classes: short, single-property helper classes for the
 * flex/alignment properties used most across this theme's CSS, plus
 * a full padding/margin spacing scale (0-120px, 10px steps). Generated
 * once by a script, not regenerated automatically — hand-edit freely.
 */

/* Display
--------------------------------------------- */
.d-flex{ display: flex; }
.d-inline-flex{ display: inline-flex; }
.d-grid{ display: grid; }
.d-block{ display: block; }
.d-inline-block{ display: inline-block; }
.d-none{ display: none; }

/* Flex direction & wrap
--------------------------------------------- */
.flex-row{ flex-direction: row; }
.flex-col{ flex-direction: column; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }

/* Align items
--------------------------------------------- */
.ai-start{ align-items: flex-start; }
.ai-center{ align-items: center; }
.ai-end{ align-items: flex-end; }
.ai-baseline{ align-items: baseline; }
.ai-stretch{ align-items: stretch; }

/* Justify content
--------------------------------------------- */
.jc-start{ justify-content: flex-start; }
.jc-center{ justify-content: center; }
.jc-end{ justify-content: flex-end; }
.jc-between{ justify-content: space-between; }
.jc-around{ justify-content: space-around; }

/* Text align
--------------------------------------------- */
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

/* Padding — 0 to 120px, 10px steps
--------------------------------------------- */
.p-0{ padding: 0; }
.p-10{ padding: 10px; }
.p-20{ padding: 20px; }
.p-30{ padding: 30px; }
.p-40{ padding: 40px; }
.p-50{ padding: 50px; }
.p-60{ padding: 60px; }
.p-70{ padding: 70px; }
.p-80{ padding: 80px; }
.p-90{ padding: 90px; }
.p-100{ padding: 100px; }
.p-110{ padding: 110px; }
.p-120{ padding: 120px; }

.pt-0{ padding-top: 0; }
.pt-10{ padding-top: 10px; }
.pt-20{ padding-top: 20px; }
.pt-30{ padding-top: 30px; }
.pt-40{ padding-top: 40px; }
.pt-50{ padding-top: 50px; }
.pt-60{ padding-top: 60px; }
.pt-70{ padding-top: 70px; }
.pt-80{ padding-top: 80px; }
.pt-90{ padding-top: 90px; }
.pt-100{ padding-top: 100px; }
.pt-110{ padding-top: 110px; }
.pt-120{ padding-top: 120px; }
.pb-0{ padding-bottom: 0; }
.pb-10{ padding-bottom: 10px; }
.pb-20{ padding-bottom: 20px; }
.pb-30{ padding-bottom: 30px; }
.pb-40{ padding-bottom: 40px; }
.pb-50{ padding-bottom: 50px; }
.pb-60{ padding-bottom: 60px; }
.pb-70{ padding-bottom: 70px; }
.pb-80{ padding-bottom: 80px; }
.pb-90{ padding-bottom: 90px; }
.pb-100{ padding-bottom: 100px; }
.pb-110{ padding-bottom: 110px; }
.pb-120{ padding-bottom: 120px; }
.pl-0{ padding-left: 0; }
.pl-10{ padding-left: 10px; }
.pl-20{ padding-left: 20px; }
.pl-30{ padding-left: 30px; }
.pl-40{ padding-left: 40px; }
.pl-50{ padding-left: 50px; }
.pl-60{ padding-left: 60px; }
.pl-70{ padding-left: 70px; }
.pl-80{ padding-left: 80px; }
.pl-90{ padding-left: 90px; }
.pl-100{ padding-left: 100px; }
.pl-110{ padding-left: 110px; }
.pl-120{ padding-left: 120px; }
.pr-0{ padding-right: 0; }
.pr-10{ padding-right: 10px; }
.pr-20{ padding-right: 20px; }
.pr-30{ padding-right: 30px; }
.pr-40{ padding-right: 40px; }
.pr-50{ padding-right: 50px; }
.pr-60{ padding-right: 60px; }
.pr-70{ padding-right: 70px; }
.pr-80{ padding-right: 80px; }
.pr-90{ padding-right: 90px; }
.pr-100{ padding-right: 100px; }
.pr-110{ padding-right: 110px; }
.pr-120{ padding-right: 120px; }

.ptb-0{ padding-top: 0; padding-bottom: 0; }
.ptb-10{ padding-top: 10px; padding-bottom: 10px; }
.ptb-20{ padding-top: 20px; padding-bottom: 20px; }
.ptb-30{ padding-top: 30px; padding-bottom: 30px; }
.ptb-40{ padding-top: 40px; padding-bottom: 40px; }
.ptb-50{ padding-top: 50px; padding-bottom: 50px; }
.ptb-60{ padding-top: 60px; padding-bottom: 60px; }
.ptb-70{ padding-top: 70px; padding-bottom: 70px; }
.ptb-80{ padding-top: 80px; padding-bottom: 80px; }
.ptb-90{ padding-top: 90px; padding-bottom: 90px; }
.ptb-100{ padding-top: 100px; padding-bottom: 100px; }
.ptb-110{ padding-top: 110px; padding-bottom: 110px; }
.ptb-120{ padding-top: 120px; padding-bottom: 120px; }

.plr-0{ padding-left: 0; padding-right: 0; }
.plr-10{ padding-left: 10px; padding-right: 10px; }
.plr-20{ padding-left: 20px; padding-right: 20px; }
.plr-30{ padding-left: 30px; padding-right: 30px; }
.plr-40{ padding-left: 40px; padding-right: 40px; }
.plr-50{ padding-left: 50px; padding-right: 50px; }
.plr-60{ padding-left: 60px; padding-right: 60px; }
.plr-70{ padding-left: 70px; padding-right: 70px; }
.plr-80{ padding-left: 80px; padding-right: 80px; }
.plr-90{ padding-left: 90px; padding-right: 90px; }
.plr-100{ padding-left: 100px; padding-right: 100px; }
.plr-110{ padding-left: 110px; padding-right: 110px; }
.plr-120{ padding-left: 120px; padding-right: 120px; }

/* Margin — 0 to 120px, 10px steps
--------------------------------------------- */
.m-0{ margin: 0; }
.m-10{ margin: 10px; }
.m-20{ margin: 20px; }
.m-30{ margin: 30px; }
.m-40{ margin: 40px; }
.m-50{ margin: 50px; }
.m-60{ margin: 60px; }
.m-70{ margin: 70px; }
.m-80{ margin: 80px; }
.m-90{ margin: 90px; }
.m-100{ margin: 100px; }
.m-110{ margin: 110px; }
.m-120{ margin: 120px; }

.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }
.mt-60{ margin-top: 60px; }
.mt-70{ margin-top: 70px; }
.mt-80{ margin-top: 80px; }
.mt-90{ margin-top: 90px; }
.mt-100{ margin-top: 100px; }
.mt-110{ margin-top: 110px; }
.mt-120{ margin-top: 120px; }
.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }
.mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; }
.mb-60{ margin-bottom: 60px; }
.mb-70{ margin-bottom: 70px; }
.mb-80{ margin-bottom: 80px; }
.mb-90{ margin-bottom: 90px; }
.mb-100{ margin-bottom: 100px; }
.mb-110{ margin-bottom: 110px; }
.mb-120{ margin-bottom: 120px; }
.ml-0{ margin-left: 0; }
.ml-10{ margin-left: 10px; }
.ml-20{ margin-left: 20px; }
.ml-30{ margin-left: 30px; }
.ml-40{ margin-left: 40px; }
.ml-50{ margin-left: 50px; }
.ml-60{ margin-left: 60px; }
.ml-70{ margin-left: 70px; }
.ml-80{ margin-left: 80px; }
.ml-90{ margin-left: 90px; }
.ml-100{ margin-left: 100px; }
.ml-110{ margin-left: 110px; }
.ml-120{ margin-left: 120px; }
.mr-0{ margin-right: 0; }
.mr-10{ margin-right: 10px; }
.mr-20{ margin-right: 20px; }
.mr-30{ margin-right: 30px; }
.mr-40{ margin-right: 40px; }
.mr-50{ margin-right: 50px; }
.mr-60{ margin-right: 60px; }
.mr-70{ margin-right: 70px; }
.mr-80{ margin-right: 80px; }
.mr-90{ margin-right: 90px; }
.mr-100{ margin-right: 100px; }
.mr-110{ margin-right: 110px; }
.mr-120{ margin-right: 120px; }

.mtb-0{ margin-top: 0; margin-bottom: 0; }
.mtb-10{ margin-top: 10px; margin-bottom: 10px; }
.mtb-20{ margin-top: 20px; margin-bottom: 20px; }
.mtb-30{ margin-top: 30px; margin-bottom: 30px; }
.mtb-40{ margin-top: 40px; margin-bottom: 40px; }
.mtb-50{ margin-top: 50px; margin-bottom: 50px; }
.mtb-60{ margin-top: 60px; margin-bottom: 60px; }
.mtb-70{ margin-top: 70px; margin-bottom: 70px; }
.mtb-80{ margin-top: 80px; margin-bottom: 80px; }
.mtb-90{ margin-top: 90px; margin-bottom: 90px; }
.mtb-100{ margin-top: 100px; margin-bottom: 100px; }
.mtb-110{ margin-top: 110px; margin-bottom: 110px; }
.mtb-120{ margin-top: 120px; margin-bottom: 120px; }

.mlr-0{ margin-left: 0; margin-right: 0; }
.mlr-10{ margin-left: 10px; margin-right: 10px; }
.mlr-20{ margin-left: 20px; margin-right: 20px; }
.mlr-30{ margin-left: 30px; margin-right: 30px; }
.mlr-40{ margin-left: 40px; margin-right: 40px; }
.mlr-50{ margin-left: 50px; margin-right: 50px; }
.mlr-60{ margin-left: 60px; margin-right: 60px; }
.mlr-70{ margin-left: 70px; margin-right: 70px; }
.mlr-80{ margin-left: 80px; margin-right: 80px; }
.mlr-90{ margin-left: 90px; margin-right: 90px; }
.mlr-100{ margin-left: 100px; margin-right: 100px; }
.mlr-110{ margin-left: 110px; margin-right: 110px; }
.mlr-120{ margin-left: 120px; margin-right: 120px; }