/*
    Blue: rgb(19, 41, 75)
    Red: rgb(197, 0, 62)
*/

body {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  color: black;
}

a {
    color: black;
}

td.grid, th.grid {
    padding: 5px;

}

.primarybackgroundcolour
{
    background-color: rgb(19, 41, 75);
}

.primarycolour
{
    color: rgb(19, 41, 75);
}

.secondarybackgroundcolour
{
    background-color: rgb(197, 0, 62);
}

.secondarycolour
{
    color: rgb(197, 0, 62);
}



.ICO
{
	width: 100%;
	background-color: Gray;
	text-align: center;
	color: White;
	padding-top: 10px;
	padding-bottom : 10px;
}

.ICO a:link
{
	text-decoration: none;
	color: White;
}

.ICO a:visited
{
	text-decoration: none;
	color: White;
}

.ICO a:hover
{
	text-decoration: underline;
}

.mainiconcontainer
{

}

.carouseltitle{
    font-size: 16px;
    font-weight: bold;
}

.NextFixtureHeader
{
    font-weight: bold;
}
.mainicon
{
    color: White;
    font-size: 150%
}

.mainiconsize
{
    font-size: 250%
}

.pagernumbers
{
    margin-left: 10px;
    margin-right: 10px;
}


.smallimage
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

/*
@media (min-width: 768px) {
.backgroundimage
{
    background-image: url('../images/sql.jpg');
    background-position: right top;
    background-repeat: no-repeat;
}
}
*/


/*
body#main
{
    background-color: rgb(19, 41, 75);
}

*/

.h1small{
    font-size: 16px;
}

.h1large{
    font-size: 36px;
}

h3
{
    font-weight:bold;
    font-size: 16px;
    margin: 0px;
    margin-top: 10px;
}


.newstitle
{
    font-weight:bold;
}

.redhr
{
    background-color: rgb(197, 0, 62);
    border-color: rgb(197, 0, 62);
    margin: 0px;
    margin-bottom: 10px;
}

.greyhr
{
    background-color: rgb(204, 204, 204);
    border-color: rgb(204, 204, 204);
    margin: 0px;
}

.articlebox
{
    border-radius: 25px;
    border: 5px solid silver;
    padding: 10px;
    width: 100%;
    height: 100%;
    background-color: White;
}

.well{
    background: white;
    margin-bottom: 10px
}

.wellred{
   background: rgb(197, 0, 62);
   margin-bottom: 10px
}

.wellyellow{
   background: rgb(250, 180, 40);
   margin-bottom: 10px
}

a.white:link {color: white; font-size:x-large}
a.white:active {color: white; font-size:x-large}
a.white:visited {color: white; font-size:x-large}
a.white:hover {color: white; font-size:x-large}

a.black:link {color: black; font-size:x-large}
a.black:active {color: black; font-size:x-large}
a.black:visited {color: black; font-size:x-large}
a.black:hover {color: black; font-size:x-large}

.wellprimarycolour{
    background: rgb(19, 41, 75);
    margin-bottom: 10px;
    border-color: rgb(19, 41, 75);
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4,
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7,
.col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,
.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-left: 5px;
    padding-right: 5px;
}


.center-block {float: none !important}


.Fundraising {
  color: rgb(197, 0, 62);
  font-weight: bold;
  font-size: larger
}


.MatchesTable tr th {
    padding: 5px;
}
.MatchesTable tr td {
    padding: 5px;
}

@media (min-width: 768px) {

/* top row */
.col .well{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

/* bottom row */
.col-base{
    margin-top: -15px; /* cut off top portion of bottom wells */
}
}

@media (max-width: 767px) {
.row.base{
    display:none;
}
}


.col-wrap{
    overflow: hidden;
}



/****** NavBar stuff ******/

/**** Gets rid of brand spacing ****
.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}
/**********************************/



.navbar-custom {
    background-color: white;
    color: black;
}

.navbar-custom .navbar-nav > li > a {
    color: black;
    font-size: 1em;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: black;
}
.navbar-custom .navbar-brand {
    color: black;
    font-size: 14px;
}

.dropdown-menu > li > a {
    color: black;
}

/* mobile version */
.navbar-custom .navbar-toggle {
    border-color: white;
}
navbar-custom .navbar-toggle:hover,
navbar-custom .navbar-toggle:focus {
    background-color: white;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: black;
}
@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: black;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: rgb(197, 0, 62);
    }