/*** AUV color schemes ***/
/*
yellow button - rgba(251,207,2,1.00);
medium blue button - rgba(0,146,204,1.00);
light blue - rgba(179,207,227,1.00);
dark blue - rgba(0,85,165,1.00);
*/

/***
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
***/

/*** Override Styles ***/
@import url('https://fonts.googleapis.com/css?family=Patua+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
/* Font Awesome */
/*@import url('/css/fontawesome-all.min.css');*/
/* Icon fonts Google */
/*@import url('https://fonts.googleapis.com/icon?family=Material+Icons');*/
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	color: #444444;
}
h1, h2, h3, h4, h5, h6 {
}
.patua-one {
	font-family: "Patua One", Times, serif !important;
}
h1 {
	font-family: "Patua One", Times, serif !important;
	color: rgba(0,85,165,1.00);
	font-size: 32px;
}
h2 {
	font-size: 24px;
	line-height: 28px;
}
h3 {
	font-size: 22px;
	color: rgba(0,146,204,1.00);
}
h4 {
	font-size: 18px;
	line-height: 22px;
}
.navbar {
	background-color: rgba(255,255,255,0.50);
}
.nav-item {
	font-family: "Patua One", Times, serif !important;
	font-size: 18px;
	/*color: rgba(127,127,127,1.00);*/
	padding-left: .3rem;
	padding-right: .3rem;
}
#main-navbar .nav-item a {
	color: #0057a9 !important;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.90);
}
.nav-item a:hover {
	color: rgba(175,175,175,1.00) !important;
}
.navbar-toggler {
    background: none !important;
	background-color: rgba(209,210,212,1.00) !important;
}
#main-navbar.scrolled .nav-item a {
	color: rgba(255,255,255,1.00) !important;
	text-shadow: none !important;
}
#sub-navigation .nav-item a {
	color: #0057a9;
}
.nav-active {
	color: rgba(251,207,2,1.00) !important;
}

.img-thumbnail {
	margin: .75rem;
}


.package-overdue {
	color: red;
}
.package-3-4-overdue {
	color: orange;
}
.package-half-overdue {
	color: yellow;
}

.card-header button {
	color: rgba(0,85,165,1.00);
}


/* RESPONSIVE CSS
-------------------------------------------------- */

/* same as min-width = 768px */
@media (min-width: 48em) {

}

/* same as min-width = 992px */
@media (min-width: 62em) {
/* smooth color change */
.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.navbar.scrolled {
    background: rgb(40, 40, 40); /* IE */
    background: rgba(40, 40, 40, 0.95); /* NON-IE */
	height: 70px;
}

}

/* same as max-width = 991px (xs, sm, md) */
@media (max-width: 62em) {
.navbar-brand, .navbar-brand img {
	max-height: 50px;
}
.navbar {
	background-image: none;
	background-color: rgba(255,255,255,0.90);
}
.navbar.scrolled {
    background: rgb(40, 40, 40); /* IE */
    background: rgba(40, 40, 40, 0.95); /* NON-IE */
}
.navbar-nav {

}
}