:root{
	--colorteamred: #D9536B;
	--colorteamgreen: #8FC25E;
	--colorteamblue: #64B6DE;
	--colorteamdefault: #FFFFFF;
}

body {
  background-color: #FAF5E9;
  color: #1c1c1e;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

a.mainlink {
	color: #ffa300;
	text-decoration: none;
	font-weight : bold;
}
a:hover.mainlink{ 
	color: #003300;
}

a.teamlinkred {
	color: var(--colorteamred);
	text-decoration: none;
}
a.teamlinkgreen {
	color: var(--colorteamgreen);
	text-decoration: none;
}
a.teamlinkblue {
	color: var(--colorteamblue);
	text-decoration: none;
}
a.teamlinkdefault {
	color: var(--colorteamdefault);
	text-decoration: none;
}

main {
  padding: 1rem 3rem;
  margin-left: 3rem;
  text-align: justify;
}

div.texthover{}
.text{
	display:none;
}
div.texthover:hover .text {
	display: block;  /* <----- shows text on hover   */
}

table.ligueheadtable {}
tr.ligueheadtable { 
	background-color:#071403;
	color:#FFFFFF;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	width: auto;
    white-space: nowrap;
}
table.liguetable {}
tr.liguetable { background-color:#243500; color:#FFFFFF; text-align: left; padding: 1px; }
tr.liguetable:nth-child(even) { background-color: #172300; }
td.liguetable { padding-right: 10px; padding-left: 10px; }

@import 'https://fonts.googleapis.com/css?family=Montserrat|Open+Sans';
.navbar-brand {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase
}

.navbar .nav {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 1.2rem
}

.navbar-inverse {
  background-color: #003300
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  background-color: #002200
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #003300
}

.dropdown-menu {
  background-color: #006B00
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #002200
}

.navbar-inverse {
  background-image: none;
}

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

.navbar-inverse {
  border-color: #003300
}

.navbar-inverse .navbar-brand {
  color: #FFFFFF
}

.navbar-inverse .navbar-brand:hover {
  color: #FFFFFF
}

.navbar-inverse .navbar-nav>li>a {
  color: #FFFFFF
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  color: #FFB300
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #FFB300
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #FFB300
}

.navbar-inverse .navbar-link>li>a:hover,
.navbar-inverse .navbar-link>li>a:focus {
  color: #FFB300
}

.navbar-inverse .navbar-link>.active>a,
.navbar-inverse .navbar-link>.open>a,
.navbar-inverse .navbar-link>.open>a:hover,
.navbar-inverse .navbar-link>.open>a:focus {
  color: #FFB300
}

.navbar-inverse .navbar-link>.active>a:hover,
.navbar-inverse .navbar-link>.active>a:focus {
  color: #FFB300
}

.dropdown-menu>li>a {
  color: #FFB300
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #FFB300
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-bottom-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-bottom-color: #FFFFFF
}