@import "fonts.css";

:root{
	--primary: #9ad3bc;
	--secondary: #f3eac2;
	--third: #f5b461;
	--alt: #ec524b;
	--paper: #f2f6fc;
	--nav: #94b4a4;
}

html.ms-font body{
  font-family: 'montM'
}
.ms-font .mL { font-family: 'montL'; }
.ms-font .mB { font-family: 'montB'; }
.ms-font .mM { font-family: 'montM'; }
.ms-font .mEB { font-family: 'montEB'; }
.ms-font .mR { font-family: 'montR'; }

html.gb-font body{
  font-family: 'gibR'
}
.gb-font h1,
.gb-font h2 {
  font-family: 'gibB'
}
.gb-font h3,
.gb-font h4,
.gb-font h5 {
  font-family: 'gibM'
}
.gb-font .gL { font-family: 'gibL'; }
.gb-font .gM { font-family: 'gibM'; }
.gb-font .gEB { font-family: 'gibEB'; }
.gb-font .gB { font-family: 'gibB'; }
.gb-font .gR { font-family: 'gibR'; }

body{
  font-size: 12px;
}
.shadow-xs	{ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); }
.shadow-sm	{ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow	{ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.shadow-md	{ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.shadow-lg	{ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.shadow-xl	{ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.shadow-2xl	{ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.shadow-inner	{ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
.shadow-outline	{ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); }
.shadow-none	{ box-shadow: none; }

.title-font-size-4 { font-size: .25rem!important }
.title-font-size-6 { font-size: .65rem!important }
.title-font-size-8 { font-size: .75rem!important }
.title-font-size-10 { font-size: .95rem!important }
.title-font-size-12 { font-size: 1rem!important }
.title-font-size-14 { font-size: 1.25rem!important }
.title-font-size-16 { font-size: 1.5rem!important }
.title-font-size-18 { font-size: 1.75rem!important }
.title-font-size-20 { font-size: 2rem!important }
.title-font-size-22 { font-size: 2.25rem!important }
.title-font-size-24 { font-size: 2.5rem!important }


.icon-2x {width: 20px!important;height: 20px!important;}
.icon-3x {width: 30px!important;height: 30px!important;}
.icon-4x {width: 40px!important;height: 40px!important;}
.icon-5x {width: 50px!important;height: 50px!important;}
.icon-6x {width: 60px!important;height: 60px!important;}
.icon-7x {width: 70px!important;height: 70px!important;}
.icon-8x {width: 80px!important;height: 80px!important;}
.icon-9x {width: 90px!important;height: 90px!important;}

.sidenav-light .sidenav-menu .nav-link.active {color: var(--third);font-family: gibEB;}
.sidenav-light .sidenav-menu .nav-link.active svg {color: var(--third);}

.badge {
	font-size: unset;
	font-weight: unset;
}