﻿/*
    Approved Style Guide for 2019



*/


h1, h2, h3, h4, h5, h6 {
    font-family:'Open Sans';
}
h1, h2 {
    font-weight: lighter;
}
h3, h4, h5 {
    font-weight: normal;
}

h1{
  /*font-family:open sans;
  font-weight:Lighter;*/
  font-size:96px;
  letter-spacing : -1.5px;
}

h2{
  /*font-family:open sans;
  font-weight:Lighter;*/
  font-size:60px;
  letter-spacing : -0.5px;
}

h3{
  /*font-family:open sans;
   font-weight:Normal;*/
  font-size:48px;
  letter-spacing : 0px;
}

h4{
  /*font-family:open sans;
  font-weight:Normal;*/
  font-size:34px;
  letter-spacing : 0.25px;
}

h5{
  /*font-family:open sans;
  font-weight:Normal;*/
  font-size:24px;
  letter-spacing : 0px;
}

h6{
  /*font-family:open sans;*/
  font-weight:600;
  font-size:20px;
  letter-spacing : 0.15px;
}

.custom-subtitle-1{
  font-family:open sans;
  font-weight:Normal;
  font-size:16px;
  letter-spacing : 0.15px;
}

.custom-subtitle-2{
  font-family:open sans;
  font-weight:600;
  font-size:14px;
  letter-spacing : 0.1px;
}

.custom-body-1{
  font-family:open sans;
  font-weight:Normal;
  font-size:16px;
  letter-spacing : 0.5px;
}

.custom-body-2{
  font-family:open sans;
  font-weight:Normal;
  font-size:14px;
  letter-spacing : 0.25px;
}

.btn{
  font-family:open sans;
  font-weight:600;
  font-size:14px;
  letter-spacing : 0.15px;
  cursor:pointer;
}

.custom-caption{
  font-family:open sans;
  font-weight:Normal;
  font-size:12px;
  letter-spacing : 0.4px;
}

.custom-overline{
  font-family:open sans;
  font-weight:Normal;
  font-size:10px;
  letter-spacing : 1.5px;
}

/*Table Header CSS refers to */
.table thead th, .table td, .dataTables_filter > label, .dataTables_info{
  font-family:open sans;
  font-weight:Normal;
  font-size:14px;
  letter-spacing : 0.25px;
}

.table thead th{
    font-weight:bold;
}

h1.title{
  font-family: 'Abel', sans-serif !important;
  font-weight:Normal !important;
  font-size:15px !important;
  letter-spacing : 0.1px !important;
}

h1.motto{
  font-family:'Fira Sans', sans-serif !important;
  font-weight:Normal !important;
  font-style: italic !important;
  font-size:12px !important;
  letter-spacing : 0.6px !important;
}

/*navbar bottom shadow*/
.navbar-bottom-shadow{
box-shadow: 0px 2px 4px lightgrey;
}

/*left nav class highlighted text color, highlighted*/
.list-group > .list-group-item > a {
    color:black;
    text-decoration: none;
}

.list-group > .list-group-item > a:hover {
    color:#007bff;
}

.list-group > .l-active > a.leftnavitemselected{
    color:#007bff;
}

/*button and nav bar and borders Colors*/ 

/*Border bottom size command color*/
.nav-tabs .border-bottom-navtab{
    border-bottom: 4px solid #007bff !important;
}

.nav-tabs .border-bottom-navtab:hover{
    border-bottom: 4px solid #005a96 !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #d6d7d9;
    border-color: #d6d7d9;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled{
    color: #d6d7d9;
    border-color: #d6d7d9;
    background-color: #fff;
}

/*.btn-primary:hover {
    color: #fff;
    background-color: #005a96;
    border-color: #005289; }*/

/*card related css*/
.card-shadow {
        box-shadow: -5px 5px 5px -2px grey;
    }
