﻿/* ****************************************** */
/* 01 Text Treatment */
/* 02 Positioning */
/* 03 Padding and Margins */
/* 04 Cursors */
/* ****************************************** */


/* ****************************************** */
/* Text Treatment */
/* ****************************************** */

.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-14 {font-size: 14px !important; line-height: normal;}
.fs-16 {font-size: 16px !important; line-height: normal;}
.fs-18 {font-size: 18px !important; line-height: normal;}
.fs-20 {font-size: 20px !important; line-height: normal;}
.fs-22 {font-size: 22px !important; line-height: normal;}
.fs-24 {font-size: 24px !important; line-height: normal;}
.fs-26 {font-size: 26px !important; line-height: normal;}
.fs-28 {font-size: 28px !important; line-height: normal;}
.fs-30 {font-size: 30px !important; line-height: normal;}
.fs-32 {font-size: 32px !important; line-height: normal;}
.fs-34 {font-size: 34px !important; line-height: normal;}
.fs-36 {font-size: 36px !important; line-height: normal;}
.fs-40 {font-size: 40px !important; line-height: normal;}
.fs-45 {font-size: 45px !important; line-height: normal;}
.fs-50 {font-size: 50px !important; line-height: normal;}
.fs-55 {font-size: 55px !important; line-height: normal;}
.fs-60 {font-size: 60px !important; line-height: normal;}
.fs-70 {font-size: 70px !important; line-height: normal;}
.fs-80 {font-size: 80px !important; line-height: normal;}
.fs-90 {font-size: 90px !important; line-height: normal;}
.fs-100 {font-size: 100px !important; line-height: normal;}

.text-muted-25 { opacity: 0.25; }
.text-muted-50 { opacity: 0.50; }
.text-muted-75 { opacity: 0.75; }

.text-lower {text-transform: lowercase !important;}
.text-upper {text-transform: uppercase !important;}
.text-title {text-transform: capitalize !important;}

/* Open Sans Font Weights */
.os-weight-boldest {font-weight: 800 !important;}
.os-weight-bolder {font-weight: 700 !important;}
.os-weight-bold {font-weight: 600 !important;}
.os-weight-normal {font-weight: normal !important;}
.os-weight-light {font-weight: 300 !important;}

.font-oswald {
    font-family: "Oswald", sans-serif;
    letter-spacing: .075rem;
    line-height: 1.5;
}

/* Oswald Font Weights */
.osw-weight-boldest {font-weight: 700 !important;}
.osw-weight-bolder {font-weight: 600 !important;}
.osw-weight-bold {font-weight: 500 !important;}
.osw-weight-normal {font-weight: normal !important;}
.osw-weight-light {font-weight: 200 !important;}

/* ****************************************** */
/* Spacing */
/* ****************************************** */

hr.tight { margin: 1rem auto 1rem !important;}
hr.medium { margin: 4rem auto 4rem !important;}
hr.loose { margin: 8rem auto 8rem !important;}


/* ****************************************** */
/* Positioning */
/* ****************************************** */
.rel {
    position: relative;
}
.abs {position: absolute;}

.hide-ctrl {display: none;}

.print-only { display: none; }

@media print {
    .no-print { display: none; }
    .print-only { display: block; }
}

/* ****************************************** */
/* 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;}
.py-100 {padding-top: 100px; padding-top: 100px;}

.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;}
.px-100 {padding-right: 100px; padding-left: 100px;}

.m-5  {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-20 {margin: 20px !important;}
.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 !important; margin-left: 5px !important;}
.mx-10 {margin-right: 10px !important; margin-left: 10px !important;}
.mx-15 {margin-right: 15px !important; margin-left: 15px !important;}
.mx-20 {margin-right: 20px !important; margin-left: 20px !important;}
.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; }

/* ****************************************** */
/* Borders */
/* ****************************************** */

.border-15 {
    border: 1px solid rgba(0, 0, 0, 0.15);
}
