﻿/* ****************************************** */
/* 01 Text Treatment */
/* 02 Positioning */
/* 03 Padding and Margins */
/* 04 Cursors */
/* ****************************************** */


/* ****************************************** */
/* Text Treatment */
/* ****************************************** */

.font-oswald {  font-family: 'Oswald', sans-serif; font-weight: 400;}

.font-hairline { font-weight: 200; }
.font-thin { font-weight: 300;}
.font-medium { font-weight: 500;}
.font-bold { font-weight: 600;}

.fs-10 {font-size: 10px !important; line-height: normal;}
.fs-11 {font-size: 11px !important; line-height: normal;}
.fs-12 {font-size: 12px !important; line-height: normal;}
.fs-13 {font-size: 13px !important; line-height: normal;}
.fs-14 {font-size: 14px !important; line-height: normal;}
.fs-16 {font-size: 16px !important; line-height: normal;}
.fs-18 {font-size: 18px; line-height: normal;}
.fs-20 {font-size: 20px; line-height: normal;}
.fs-22 {font-size: 22px; line-height: normal;}
.fs-24 {font-size: 24px; line-height: normal;}
.fs-26 {font-size: 26px; line-height: normal;}
.fs-28 {font-size: 28px; line-height: normal;}
.fs-30 {font-size: 30px; line-height: normal;}
.fs-32 {font-size: 32px; line-height: normal;}
.fs-34 {font-size: 34px; line-height: normal;}
.fs-36 {font-size: 36px; line-height: normal;}
.fs-40 {font-size: 40px; line-height: normal;}
.fs-50 {font-size: 50px; line-height: normal;}
.fs-60 {font-size: 60px; line-height: normal;}
.fs-70 {font-size: 70px; line-height: normal;}
.fs-80 {font-size: 80px; line-height: normal;}
.fs-90 {font-size: 90px; line-height: normal;}

.text-muted-25 { opacity: 0.25; }
.text-muted-50 { opacity: 0.50; }
.text-muted-75 { opacity: 0.75; }

/* ****************************************** */
/* Positioning */
/* ****************************************** */

.rel {position: relative;}
.abs {position: absolute;}

/* ****************************************** */
/* Padding and Margins */
/* ****************************************** */

.p-5  {padding: 5px !important;}
.p-10 {padding: 10px !important;}
.p-15 {padding: 15px;}
.p-20 {padding: 20px;}
.p-25 {padding: 25px;}
.p-30 {padding: 30px;}
.p-35 {padding: 35px;}
.p-40 {padding: 40px;}
.p-45 {padding: 45px;}
.p-50 {padding: 50px;}

.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}

.pb-5  {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}

.pr-5  {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}
.pr-35 {padding-right: 35px;}
.pr-40 {padding-right: 40px;}
.pr-45 {padding-right: 45px;}
.pr-50 {padding-right: 50px;}

.pl-5  {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}
.pl-30 {padding-left: 30px;}
.pl-35 {padding-left: 35px;}
.pl-40 {padding-left: 40px;}
.pl-45 {padding-left: 45px;}
.pl-50 {padding-left: 50px;}

.py-5  {padding-top: 5px;  padding-bottom: 5px !important;}
.py-10 {padding-top: 10px; padding-bottom: 10px !important;}
.py-15 {padding-top: 15px; padding-bottom: 15px;}
.py-20 {padding-top: 20px; padding-bottom: 20px;}
.py-25 {padding-top: 25px; padding-bottom: 25px;}
.py-30 {padding-top: 30px; padding-bottom: 30px;}
.py-35 {padding-top: 35px; padding-bottom: 35px;}
.py-40 {padding-top: 40px; padding-bottom: 40px;}
.py-45 {padding-top: 45px; padding-bottom: 45px;}
.py-50 {padding-top: 50px; padding-bottom: 50px;}

.px-5  {padding-right: 5px;  padding-left: 5px !important;}
.px-10 {padding-right: 10px; padding-left: 10px !important;}
.px-15 {padding-right: 15px; padding-left: 15px;}
.px-20 {padding-right: 20px; padding-left: 20px;}
.px-25 {padding-right: 25px; padding-left: 25px;}
.px-30 {padding-right: 30px; padding-left: 30px;}
.px-35 {padding-right: 35px; padding-left: 35px;}
.px-40 {padding-right: 40px; padding-left: 40px;}
.px-45 {padding-right: 45px; padding-left: 45px;}
.px-50 {padding-right: 50px; padding-left: 50px;}

.m-5  {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px;}
.m-20 {margin: 20px;}
.m-25 {margin: 25px;}
.m-30 {margin: 30px;}
.m-35 {margin: 35px;}
.m-40 {margin: 40px;}
.m-45 {margin: 45px;}
.m-50 {margin: 50px;}

.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}

.mb-5  {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}

.mr-5  {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mr-35 {margin-right: 35px;}
.mr-40 {margin-right: 40px;}
.mr-45 {margin-right: 45px;}
.mr-50 {margin-right: 50px;}

.ml-5  {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}
.ml-30 {margin-left: 30px;}
.ml-35 {margin-left: 35px;}
.ml-40 {margin-left: 40px;}
.ml-45 {margin-left: 45px;}
.ml-50 {margin-left: 50px;}

.my-5  {margin-top: 5px;  margin-bottom: 5px !important;}
.my-10 {margin-top: 10px; margin-bottom: 10px !important;}
.my-15 {margin-top: 15px; margin-bottom: 15px;}
.my-20 {margin-top: 20px; margin-bottom: 20px;}
.my-25 {margin-top: 25px; margin-bottom: 25px;}
.my-30 {margin-top: 30px; margin-bottom: 30px;}
.my-35 {margin-top: 35px; margin-bottom: 35px;}
.my-40 {margin-top: 40px; margin-bottom: 40px;}
.my-45 {margin-top: 45px; margin-bottom: 45px;}
.my-50 {margin-top: 50px; margin-bottom: 50px;}

.mx-5  {margin-right: 5px;  margin-left: 5px !important;}
.mx-10 {margin-right: 10px; margin-left: 10px !important;}
.mx-15 {margin-right: 15px; margin-left: 15px;}
.mx-20 {margin-right: 20px; margin-left: 20px;}
.mx-25 {margin-right: 25px; margin-left: 25px;}
.mx-30 {margin-right: 30px; margin-left: 30px;}
.mx-35 {margin-right: 35px; margin-left: 35px;}
.mx-40 {margin-right: 40px; margin-left: 40px;}
.mx-45 {margin-right: 45px; margin-left: 45px;}
.mx-50 {margin-right: 50px; margin-left: 50px;}

/* ****************************************** */
/* Cursors */
/* ****************************************** */

.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-zoom-in { cursor: zoom-in; }
.cursor-zoom-out { cursor: zoom-out; }

