@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

/* SPAM, XSS CONTROLS */
#permanganese, #token, #start_form {
    display: none !important;
}

html {
	/* for positioning of footer */
	position: relative;
	min-height: 100%;
}

body {
   font-family: "Open Sans", sans-serif;
}


h1, h2, h3, h4, h5, h6 {
 	font-weight: 600;
	font-family: "Open Sans", sans-serif;
}
/* ================================================================
 *  SHORTCUTS
 * =============================================================== */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

/* ================================================================
 *  HEADER
 * =============================================================== */
header {
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:    0px 0px 20px rgba(0, 0, 0, 0.8);
	box-shadow: 		0px 0px 20px rgba(0, 0, 0, 0.8);
}

/* ================================================================
 *  FORM: Error Message Style
 * =============================================================== */
span.error_msg { display:none; }
em.error { color: red; }			/* 'em' created in javascript at bottom of form with errorElement */

/* INLINE FORM SPACE BETWEEN STACKED INPUTS */
form div.pad_for_small {
	margin-bottom: 12px;
}

/* ================================================================
 *  HEADER AND NAVIGATION
 * =============================================================== */
.inline {
    /* for centering header content */
    display: inline-block;
    float: none;
    text-align: left;
    padding-left: 10px;
}

.navbar-header {
	padding: 0;
	padding-top: 3px;
	padding-bottom: 12px;
	/* for centering header content */
    float:none;
    text-align:center;
}

.banner h1 {
	color: #FFFFFF;
}

.banner h2 {
	padding: 0;	/* left/right padding on banner */
}

.banner a:focus, .banner a:hover {
	color: #FFFFFF !important;
	text-decoration:none !important;
}

.banner a {
	color: #FFFFFF !important;
	text-decoration:none !important;
}

.navbar-inverse {
    color:#FFFFFF !important;
    background-image: none;					/* override of bootstrap template linear gradient */
	border: none;							/* override of bootstrap template */
}

.navbar-inverse .navbar-collapse {
	border:none;							/* override of bootstrap template */
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	background-image: none;			/* override of bootstrap template linear gradient */
	box-shadow:none;				/* override of bootstrap template linear gradient */
    color: #FFF;
    background-color: rgba(0,0,0,0);
}

.navbar-nav > li {
    margin-left: 7px;
    margin-right: 14px;
    padding:0;
}

.navbar-inverse .navbar-nav > li > a {
    margin: 0;
    border-radius: 3px;
    padding: 5px 12px;
    color: #FFF;
    line-height: 24px;

}

.navbar-inverse .navbar-nav > li > a {
	text-shadow: none;		/* override of bootstrap style */

}

/* ================================================================
 *  DEFAULT DROPDOWN STYLES - white bg, blue hover
 * =============================================================== */
.navbar-inverse .navbar-nav .dropdown-menu {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.125);
    border: 0px none;
    padding: 0px;
    margin-top: 0px;
    border-radius: 0px;
    left: 0px;
    background-color:#FFFFFF;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
    padding: 8px 15px;

}

.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-image: none;
}

/* MOBILE TOGGLE ICON */
.navbar-inverse .navbar-toggle {
	border:0;
	/* border-color:#777777; */
	background-color:#02183A;
	margin:10px 25px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:active,
.navbar-inverse .navbar-toggle:focus {
	background-color:#428BCA ;
	border-color:#FFFFFF;
}


/* ================================================================
 *  HOME PAGE SPECIFIC HEADER - solid blue top
 * =============================================================== */
body.home .navbar-inverse {
	background-color:#02183A !important;
}

body.home .navbar-inverse .navbar-nav > .active > a,
body.home .navbar-inverse .navbar-nav > .active > a:hover,
body.home .navbar-inverse .navbar-nav > .active > a:focus,
body.home .navbar-inverse .navbar-nav > .open > a,
body.home .navbar-inverse .navbar-nav > .open > a:hover,
body.home .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #428BCA;
}

body.home .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #428bca;
}

body.home .navbar-nav > li {
    padding-top:1px;
    padding-bottom:12px;
}

/* HOME DROPDOWN STYLES - transparent */
body.home .navbar-inverse .navbar-nav .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.65);
}

body.home .navbar-inverse .navbar-nav .dropdown-menu > li > a {
    color: #FFF;
}

body.home .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #428bca !important;
}

/* ================================================================
 *  OTHER PAGES SPECIFIC HEADER - 2 color top
 * =============================================================== */
body.other .navbar-inverse {
	background-color: transparent !important;
}

body.other .navbar-inverse .navbar-header {
	background-color: #02183A;
}

body.other .navbar-inverse nav.navbar-collapse {
	background-color: #00467F;
}

body.other .navbar-inverse .navbar-nav > .active > a,
body.other .navbar-inverse .navbar-nav > .active > a:hover,
body.other .navbar-inverse .navbar-nav > .active > a:focus,
body.other .navbar-inverse .navbar-nav > .open > a,
body.other .navbar-inverse .navbar-nav > .open > a:hover,
body.other .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #FED100;
    color: #333333;
}

body.other .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #FED100;
    color: #333333;
}

body.other .navbar-nav > li {
    padding-top:7px;
    padding-bottom:7px;
}


/* DROPDOWN STYLES - YELLOW ON WHITE */
body.other .navbar-inverse .navbar-nav .dropdown-menu, body.blue .navbar-inverse .navbar-nav .dropdown-menu {
    background-color: #FFFFFF;
}

body.other .navbar-inverse .navbar-nav .dropdown-menu > li > a, body.blue .navbar-inverse .navbar-nav .dropdown-menu > li > a {
    color: #777777;
}

body.other .dropdown-menu > li, body.blue .dropdown-menu > li {
	border-bottom:1px solid #CCCCCC;
}

body.other .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #FED100 !important;
	color: #333333 !important;
}

/* DROPDOWN STYLES - BLUE ON WHITE */
body.blue .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #428BCA !important;
	color: #333333 !important;
}

body.blue .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #428BCA !important;
	color: #FFFFFF !important;
}


/* ========================================================================================== */
/* CAROUSEL - use media queries to size images so not loading large image on small viewports
/* 			  see media queries for smaller image loads
/* ========================================================================================== */
/*
#slide1 {
	background: url('images/RushRhees_DavidSelby.jpg') top center no-repeat;
}
#slide2 {
	background: url('images/RushRhees_DavidSelby.jpg') top center no-repeat;
}
#slide3 {
	background: url('images/RushRhees_DavidSelby.jpg') top center no-repeat;
}
*/


/* ========================================================================================== */
/* FORM STYLES
/* ========================================================================================== */
div.form_wrap {
	background-color:#D9EDF7;
	border-radius:25px;
}

div.form_wrap h3 {
	margin: 2%;
    font-size: 24px;
    font-weight: 600;
}

div.form_wrap hr {
	width:90%;
	padding-left:9%;
	border:1px solid #FFFFFF;
}
#err {
	color:red;
}
.note{
		padding:10px;
		text-align: center;
	}
textarea{
	border-radius: 4px;
}
.col-md-10{
	padding:15px;
}
td{
	padding: 10px;
}
/* ========================================================================================== */
/* FOOTER
/* ========================================================================================== */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  border-top: 3px solid #DCB439;
  color:#FFFFFF;
  padding-bottom:3px;
  text-align:center;
}

footer.home {
  background-color: #02183A;
}

footer.other {
  background-color: #00467F;
}

footer a {
	color:#DCB439;
}

footer a:hover, footer a:active, footer a:focus {
	text-decoration:none;
	color:#FFFFFF;
}

footer .social {
	text-align:right;
}

footer .social a {
	opacity: 0.7;
	-moz-opacity: 0.7;
}

footer .social a:hover {
	opacity: 1;
	-moz-opacity: 1;
}

footer .top {
	padding:0;
	padding-top:17px;
	padding-bottom:10px;
}

footer .bottom {
	border-top:1px solid #7D7D7D;
}

footer .bottom .col-md-4 {
	text-align:right;
}

/* SHADOW ON FOOTER
footer {
	-webkit-box-shadow: 0px 0px 15px 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 15px 7px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 15px 7px rgba(0, 0, 0, 0.5);
} */


/* ========================================================================================== */
/* SCROLL TO TOP ICON
/* ========================================================================================== */
#topcontrol {
	position:fixed;
	right:10px;
	bottom:10px;
	cursor:pointer;
	opacity:1;
}

#topcontrol img {
	width:40px;
	height:40px;
}

/* ========================================================================================== */
/* LINK TRANSITIONS (COLOR CHANGE FADE IN)
/* ========================================================================================== */
a {
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
}


/* MAIL SVCS ORDER ENTRY TABLE */
form.order_form table td input {
	width:50%;
}


/* ========================================================================================== */
/* FIREFOX HACK FOR RESPONSIVE TABLES
/* ========================================================================================== */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/* ========================================================================================== */
/* OVERRIDE OF ANIMATE.CSS (for navigation dropdowns)
/* ========================================================================================== */
@-webkit-keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(20px);
		transform:translateY(20px)
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(20px);
		-ms-transform:translateY(20px);
		transform:translateY(20px)
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}
.fadeInUp{
	-moz-animation: fadeInUp .8s ease-in  ;			/* animation name, animation duration, animation timing function */
	-webkit-animation: fadeInUp .8s ease-in ;
	 animation:fadeInUp .8s ease-in ;
}


/* ========================================================================================== */
/* MEDIA QUERIES
/* ========================================================================================== */
/* Extra-Small devices MAX setting (small phones, <320px) */
@media (max-width: 339px) {
	/* banner overrides */
	.banner h2 {
		font-size:26px;  /* 30px; */
		margin-top:10px; /* 20px; */
	}

	/* ADJUST FIRST CONTAINER PADDING TO HEIGHT OF HEADER */
	.top_pad {
		padding-top: 70px;
	}
	/* ADJUST BOTTOM MARGIN TO ALLOW FOR FOOTER */
	body {
		margin-bottom: 85px;
	}

	.banner h2 {
		font-size:27px;  /* 30px; */
	}

	nav {
		text-align:left;
		margin-left:5px;
	}

	/* home page awards images */
	div.partners img {
		width:85%;
		height:85%;
	}

	/* TESTING
	h2.sm-phone { display:inline-block; }
	h1.lg-phone { display:none; }
	h1.tablet { display:none; }
	h1.laptop { display:none; }
	h1.desktop { display:none; }	*/

}

/* Extra-Small devices MIN setting(large phones, 340px and up) */
@media (min-width: 340px) {
	/* ADJUST FIRST CONTAINER PADDING TO HEIGHT OF HEADER */
	.top_pad {
		padding-top: 70px;
	}
	/* ADJUST BOTTOM MARGIN TO ALLOW FOR FOOTER */
	body {
		margin-bottom: 50px;
	}

	nav {
		text-align:left;
		margin-left:5px;
	}

	/* home page awards images */
	div.partners img {
		width:85%;
		height:85%;
	}
	.navbar-inverse .navbar-nav > li > a {
	    padding: 5px;
	}
	/* TESTING
	h2.sm-phone { display:none; }
	h1.lg-phone { display:inline-block; }
	h1.tablet { display:none; }
	h1.laptop { display:none; }
	h1.desktop { display:none; }*/
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* ADJUST FIRST CONTAINER PADDING TO HEIGHT OF HEADER */
	.top_pad {
		padding-top: 125px;
	}

	nav {
		text-align:center;
	}
	.navbar-inverse .navbar-nav > li > a {
	    padding: 5px;
	}
	/* TESTING
	h2.sm-phone { display:none; }
	h1.lg-phone { display:none; }
	h1.tablet { display:inline-block; }
	h1.laptop { display:none; }
	h1.desktop { display:none; }*/
}

/* Medium devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {
	/* ADJUST FIRST CONTAINER PADDING TO HEIGHT OF HEADER */
	.top_pad {
		padding-top: 125px;
	}
	footer .top, footer .bottom {
		text-align:left;
	}
	/* ADJUST BOTTOM MARGIN TO ALLOW FOR FOOTER */
	body {
		margin-bottom: 140px;
	}
	/* INLINE FORM REMOVE SPACE FOR INLINE INPUTS */
	form div.pad_for_small {
		margin-bottom: 0;
	}
	nav {
		text-align:center;
	}
	.navbar-inverse .navbar-nav > li > a {
	    padding: 0px 10px;
	}
	/* TESTING
	h2.sm-phone { display:none; }
	h1.lg-phone { display:none; }
	h1.tablet { display:none; }
	h1.laptop { display:inline-block; }
	h1.desktop { display:none; }*/
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* INLINE FORM REMOVE SPACE FOR INLINE INPUTS */
	form div.pad_for_small {
		margin-bottom: 0;
	}
	nav {
		text-align:center;
	}
	/* TESTING
	h2.sm-phone { display:none; }
	h1.lg-phone { display:none; }
	h1.tablet { display:none; }
	h1.laptop { display:none; }
	h1.desktop { display:inline-block; }*/
}