:root {
   --blue: #0d3b7c;
   --liteBlue: #0166CC;
   --gold: #F7A81B;
}

@font-face {
  font-family: 'FrutigerLTStd-BlackCn';
  src: url('fonts/FrutigerLTStd-BlackCn.eot?#iefix') format('embedded-opentype'),  url('fonts/FrutigerLTStd-BlackCn.otf')  format('opentype'),
	     url('fonts/FrutigerLTStd-BlackCn.woff') format('woff'), url('fonts/FrutigerLTStd-BlackCn.ttf')  format('truetype'), url('fonts/FrutigerLTStd-BlackCn.svg#FrutigerLTStd-BlackCn') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,
body {
    height: 100%;
/*     font-family: 'Open Sans', Helvetica, Arial, sans-serif; */
    font-family: Georgia, 'Times New Roman', Times, serif;
}

a { text-decoration: none; }

td {
	vertical-align: top;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 0px 15px 20px;
}

h1, h2, h3, h4, h5, h6 {
	color: #555;
	font-family: 'FrutigerLTStd-BlackCn';
	text-transform: uppercase;
	font-weight: normal;

}

h1 {
	padding-top: 0.5em;
	font-size: 2em;
	color: var(--blue);
	clear: both;
}

h2 {
	font-size: 1.5em;
	color: var(--blue);
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	color: black;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
	margin-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

a, a:hover {
	color: var(--blue);
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


/* .quickLinks a, .quickLinks .nav > li > a {
	background-image: linear-gradient(rgb(0, 93, 170) 0%, rgb(0, 52, 107) 100%);
	color: white;
	margin: 0 0.5em 0.5em 0;
	padding: 0.5em;
    font-family: 'Open Sans';
	font-size: 12px;
}

.quickLinks a:hover, .quickLinks .nav > li > a:hover {
	color: #f7a81b;
	background-color: #06C;
}

.quickLinks .nav a.qlReverse {
	background-color: #f7a81b;
	background-image: inherit;
	color: black;
}

.quickLinks .nav a.qlReverse:hover {
	background-color: var(--blue);
	color: white;
} */

.dropdown-menu {
	background-color: var(--liteBlue);
	border-top: none;
	border-left-color: white;
	border-right-color: white;
	border-bottom-color: white;
	padding: 0;
	width: 200px;
}
.note-toolbar .dropdown-menu {
	background-color: white;
}
.note-toolbar a.dropdown-item {
	display: block;
}

.miniLink {
	text-decoration: none;
    display: inline-block;
    color: #fff;
    background: #06C;
    padding: 3px 5px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 80%;
    margin-bottom: 1em;
    margin-right: 1em;
	text-align: center;
}


.miniLink:hover {
    background: rgb(255,196,37);
    color: #000;
    text-decoration: none;
}

#subMenu {
	margin: 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #eee;
	font-family: 'FrutigerLTStd-BlackCn';
	font-size: 14px;
}
#subMenu li {
	list-style: none;
	padding: 5px 0;
}
#subMenu li ul {
	padding-left: 20px;
}

.nav-tabs {
	font-family: 'FrutigerLTStd-BlackCn';
	font-size: 16px;
}

.nav-tabs.compact > li > a {
  font-size: 0.9em;
  padding: 5px 6px;
  margin-right: 4px;
  line-height: 16px;
}

.nav-link { color: #495057; }
.nav-tabs .nav-link.active { color: #17458f; }

.required label:after {
	content: ' *';
	color: red;
}

.opsMenu {
	float: right;;
	text-align: right;
	font-size: 0.9em;
	color: #aaa;
	font-family: 'FrutigerLTStd-BlackCn';

}
.opsMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.opsMenu li {
	display: inline;
}
.opsMenu li:before {
	content: " | ";
}
.opsMenu li:first-child:before {
	content: "";
}

.btn-login {
	margin-top: -4px !important;
}

footer.footer {
	font-size: 90%;
	padding-bottom: 70px;
	padding-top: 20px;
    /* font-family: 'FrutigerLTStd-BlackCn'; */
}
.socialmedia {
	text-align: right;
	margin-bottom: 5px;
}

.markdown
{
	font-style: italic;
	font-size: 80%;
	margin: 0;
}

.pageImage {
	margin-bottom: 1em;
}

.pageImage img, img.tabImage {
	max-width: 300px;
	max-height: 300px;
	margin: 0 15px 15px 0;
	border: 10px solid white;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
}

.pageImage img {
	margin: 0;
}

.pageImage .imgCaption {
	margin-top: 0.5em;
	font-size: 80%;
}

iframe.vimeo {
	display: block;
	border: 1px solid #ccc;
	margin: 0 auto 1em auto;
	width: 500px;
	height: 375px;
}

iframe.youTube {
	display: block;
	border: 1px solid #ccc;
	margin: 0 auto 1em auto;
	width: 560px;
	height: 315px;
}

.preview {
	max-width: 100%;
}

th.action-column {
	min-width: 70px;
}

#newsletter label {
/*
	font-weight: normal;
	font-size: 80%
*/
}

#newsletter .field-user-email {
/* 	margin-top: 8px;	 */
}

.btn {
	/* font-family: 'FrutigerLTStd-BlackCn'; */
	font-family: 'Open Sans';
	font-size: 14px;
}

/* .btn-default {
	color: #666;
} */

.btn-primary {
	background-image: linear-gradient(rgb(0, 93, 170) 0%, rgb(0, 52, 107) 100%);
	font-family: 'FrutigerLTStd-BlackCn';
	font-size: 14px;
	border-color: rgb(0, 52, 107);
}

.btn-shadow-primary {
  background: linear-gradient(rgb(0, 93, 170) 0%, rgb(0, 52, 107) 100%);
  font-size: 16px;
  letter-spacing: 2px;
  color: white;
  padding: 0.4em;
}

.btn-shadow-primary:hover {
  background: linear-gradient(#0069d9, #1d7bf0);
  color: white;
}


.projectName {
	text-transform: none;
	color: #f7a81b;
}

span.required {
	color: red;
}

span.badge { font-family: 'Open Sans', Helvetica, sans-serif; font-weight: normal; background-color: #bbb; }

.headshot {
	border: 10px solid white;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
	max-width: 256px;
	overflow: auto;
}
.thumbnail .headshot {
	border: 1px solid #eee;
    box-shadow: none;
	max-width: 256px;
	overflow: auto;
	border-radius: 0;

}
div.roundHeadshot {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background-size: cover;
}
span.tt {
	background-color: #ccc;
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 16px;
	font-family: Georgia serif;
	padding: 2px 5px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 50%;
	margin: 0.2em;
}

.credit {font-size: 80%; overflow: auto; }
.credit div.roundHeadshot { width: 48px; height: 48px; margin-right: 1em; float: left; }

#loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #0055a4; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	position: fixed;
	top: 45%;
	left: 45%;
	display: none;
}
.fbLoader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #0055a4; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin: 3em auto;
	display: block;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


a.persist { color: red; }

.balanceDue {
	border: 1px solid white;
	padding: 4px;
}

.grid-view td:last-child {
	min-width: 5em;
	text-align: center;
}
.table > :not(:first-child) {
	border-top: 1px solid;
}

.form-group {
	margin-bottom: 15px;
}
.control-label {
	font-weight: bold;
}
.alert > p, .alert > ul {
	margin-bottom: 0;
}
.osBalance {
	border: 1px solid white;
	border-radius: 4px;
	padding: 2px 4px;
}

.grid-view th, table.sticky th {
  position: sticky;
  top: 0px;
  background-color: white;
}

.satellite { height: 16px; margin: -6px 0 0 0.5em; }

.form-label {
	font-weight: bold;
	margin: 0;
}

.alert a { text-decoration: underline; }

/* SCOREBOARDS */
.myclub {
	font-weight: bold;
}
.table tr.disqualified td, .table tr.disqualified td a {
	color: #aaa !important;
}

/* mobile */
@media (max-width: 767px) {
	.navbar-collapse {
		margin-top: 0;
		background-color: #17448f;
	 }
	#searchContainer {
		width: 100%;
	}
	#theme {
		display: none;
	}
	.quickLinks .nav a, .quickLinks a {
		margin: 0 5px 5px 0;
	}
	#welcome, #searchContainer {
		float: none;
		margin: 10px 0 0 0;
	}
}

/* tablets */
@media (max-width: 991px) and (min-width: 768px) {
	#theme {
		display: none;
	}
}

/* laptops */
@media (max-width: 1199px) and (min-width: 992px) {
}

/* desktops */
@media (min-width: 1200px) {
}