/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../images/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}


/* custom CSS on a per project basis
================================*/
/* Button Module - Global
================================*/
.btn {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 8px 1em;
	outline: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #d9d9d9;
	background: #fff;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	font-stretch: condensed; /* for rendering Arial Narrow in FF properly */ 
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
}
.btn-mini {
	padding: 6px 0.85em;
	outline: none;
	border: 1px solid #d9d9d9;
	font-size: 12px;
}
.btn-large {
	padding-top: 10px;
	padding-bottom: 9px;
}
.btn:hover, 
.btn:active, 
.btn-mini:hover, 
.btn-mini:active {
	color: #0066ff;
}

.btn-wide { width: 100%; }
.btn-wide.has-icon-left { text-align: left; }
.btn-wide.has-icon-right { text-align: right; }

.btn:disabled,
.btn:disabled:hover {
	background: #E4E4E4;
	border-color: #DDDDDD;
	color: #B8B8B8;
	cursor: not-allowed;
	pointer-events: none;
}
span.btn:hover, 
span.btn:active, 
span.btn-mini:hover, 
span.btn-mini:active {
	color: #222;
	cursor: default;
}

/* button group */
.btn-group {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 0;
	zoom: 1;
}
.btn-group-cell {
	display: inline-block;
	vertical-align: top;
}
.btn-group .btn {
	border-left-width: 0;
	border-radius: 0;
}
.btn-group-cell:first-child .btn {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.btn-group-cell:last-child .btn {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.btn-group-cell:only-child .btn {
    border-radius: 3px;
}
/* Button Hierarchy Styles */
.btn-primary, 
.btn-secondary, 
.btn-alt { text-transform: uppercase; }

.btn-primary {
	border-color: #B35A00;
	background-color: #f78c1b;
	background: linear-gradient(to bottom, #FEB13A, #f78c1b);
	color: #552F00;
}
.btn-primary:hover, 
.btn-primary:active {
	border-color: #B35A00;
	background-color: #F9A21B;
	background: linear-gradient(to bottom, #f78c1b, #FEB13A);
	color: #552F00;
}

.btn-secondary {
	border-color: #849dc2;
	background-color: #b3d5ff;
	background: linear-gradient(to bottom, #b3d5ff, #96BAE6);
	color: #0e1b2e;
}
.btn-secondary:hover, 
.btn-secondary:active {
	border-color: #849dc2;
	background-color: #96BAE6;
	background: linear-gradient(to bottom, #96BAE6, #b3d5ff);
	color: #0e1b2e;
}

.btn-tertiary {
	border-color: #ADADAD;	
	background-color: #E6E6E6;
	background: linear-gradient(to bottom, #E6E6E6, #C9C9C9);
	color: #4d4d4d;
}
.btn-tertiary:hover, 
.btn-tertiary:active {
	border-color: #ADADAD;	
	background-color: #C9C9C9;
	background: linear-gradient(to bottom, #C9C9C9, #E6E6E6);
	color: #4d4d4d;
}

.btn-tool {
	border-color: #055fff;	
	background-color: #69B1FA;
	background: linear-gradient(to bottom,#69B1FA,#0D80FF);
	color: #fff;
}
.btn-tool:hover, 
.btn-tool:active {
	border-color: #055fff;	
	background-color: #0D80FF;
	background: linear-gradient(to bottom, #0D80FF, #69B1FA);
	color: #fff;
}

.btn-alt {
	border-color: #384966;
	background-color: #6077A2;
	background: linear-gradient(to bottom, #6077A2, #4D6386);
	color: #FFF;
}
.btn-alt:hover, 
.btn-alt:active {
	border-color: #384966;
	background-color: #4D6386;
	background: linear-gradient(to bottom, #4D6386, #6077A2);
	color: #FFF;
}

span.btn-message,
span.btn-message:hover,
.btn-message:disabled,
.btn-message:disabled:hover {
	padding-left: 0;
	padding-right: 0;
	border-color: transparent;
	background: transparent;
	color: #e00;
	cursor: default;
}

/* has icon style 
================================*/
.has-icon-left { padding-left: 1.3em; }
.has-icon-right { padding-right: 1.5em; }
.has-icon-left:before,
.has-icon-right:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    width: 1em;
    font-family: FontAwesome;
    font-weight: normal;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.has-icon-left:before { left: 0; }
.has-icon-right:before { right: 0; }
/* button has icon */
.btn.has-icon-left { padding-left: 2.5em; }
.btn.has-icon-right { padding-right: 2.5em; }
.btn.has-icon-left:before { left: 1em; }
.btn.has-icon-right:before { right: 1em; }
.btn .flag {
	margin-top: -4px;
	height: 14px;
}
/* current button 
================================*/
.btn.is-current {
	border-color: #707070;
	background: #707070;
	color: #fff;
	cursor: default;
}

/* flags */
.flags {
	display: inline-block;
	position: relative;
	margin-right: 1em;
	padding: 0.2em 8px;
	font-size: 10px;
}
.flags:before {
	content: " ";
	position: absolute;
	z-index: 1;
	top: 0;
	width: 50%;
	height: 100%;
	background: #eee;
}
.flags:after {
	content: " ";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eee;
}
.flags-body {
	position: relative;
	z-index: 2;
	white-space: nowrap;
	color: #222;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
}

.flags-left .flags-body { right: -2%; }
.flags-left:before { right: -1em; }
.flags-left:after {
	left: -0.2em;
	-webkit-transform: skew(-26deg);
	   -moz-transform: skew(-26deg);
	     -o-transform: skew(-26deg);
		 	transform: skew(-26deg);
}
.flags-right .flags-body { left: -2%; }
.flags-right:before { left: -3%; }
.flags-right:after {
	left: 0.2em;
	-webkit-transform: skew(26deg);
	   -moz-transform: skew(26deg);
	     -o-transform: skew(26deg);
		 	transform: skew(26deg);
}

.flags-large .flags-body {
	min-width: 32px;
	font-size: 1.6em;
	text-align: center;
}
.flags-x-large .flags-body { font-size: 2.4em; }
.flags-xx-large .flags-body { font-size: 3.6em; }

.flags-green:before,
.flags-green:after { background: #38a32c; }
.flags-green .flags-body { color: #fff; }
.flags-orange:before,
.flags-orange:after { background: #ea7d13; }
.flags-orange .flags-body { color: #fff; }
.flags-red:before,
.flags-red:after { background: #e31a00; }
.flags-red .flags-body { color: #fff; }
.flags .fa-question-circle {
	color: #000;
	opacity: 0.6;
 }
.flags .fa-question-circle:hover { opacity: 1; }

/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
}