/* Define mobile styles */
@media only screen { 

body {
	background: #fff;
	color: rgb(102, 102, 102);
}

p {
	font-size: 1.0875rem;
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}  

textarea {
	height: 120px;
}

/*** tab-bar ***/
.tab-bar {
    background: none repeat scroll 0% 0% #03a9f4;
}    

.left-small, .right-small {
    border: none;
}    

.left-off-canvas-menu, .right-off-canvas-menu {
    background: none repeat scroll 0% 0% #01579B;
}    

ul.off-canvas-list li a {
	color: #FFF;
    background: none repeat scroll 0% 0% #071C55;
	border-bottom: 1px solid #29B6F6;	    
}

ul.off-canvas-list li a:hover, ul.off-canvas-list li a:focus {
	/*color: #19b5fe;*/
    background: none repeat scroll 0% 0% #01579b;
}
	
ul.off-canvas-list li label {
	color: #FFF;
    background: none repeat scroll 0% 0% #03a9f4;
    border-top: none;  
}    

.button-group {
    margin-bottom: 1.25rem;
    right: 50%;
	display: inline-block;    
}    

/*** side-nav ***/
.side-nav {
    padding: 0 0 1.25rem 0;
} 

.side-nav li a:not(.button) {
    display: inline;
	color: #0A94D6;	    
}       

.side-nav li.divider {
	border-top: 1px solid #F7F7F7;
}

/*** top-bar ***/
.top-bar-section ul li > a {
	font-size: 1rem;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #F39C12;
}       

.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
    background: #D35400;
}   

.top-bar-section li:not(.has-form) a:not(.button) {
	background: #03a9f4;
} 

.top-bar-section li:not(.has-form) a:not(.button), .top-bar, .top-bar.expanded .title-area, .fixed, .contain-to-grid, .contain-to-grid.sticky, .top-bar-section ul li, .top-bar-section .has-form {
	/*background: none repeat scroll 0% 0% #3498DB;*/
} 	
	
.top-bar-section li:not(.has-form) a:hover:not(.button) {
	background: #01579B;
	transition: all 0.4s ease 0.2s;
}

.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button) {
    color: #FFF;
    background: none repeat scroll 0% 0% #0B3569;
}    

/*** table ***/
table, table thead tr th, table, table tbody tr td { 
	border: none;
	text-align: center;
	color: #666;	
}

table tbody tr {
	border-bottom: 1px solid rgb(255, 255, 255);
}

table tbody tr td, table thead tr th {
    color: #666;
	padding: 0.5625rem 0.15rem;   
	line-height: 1;	 
}   

table tr:nth-of-type(2n) {
	background: none repeat scroll 0% 0% #F9F9F9;
}     

.league{ 
	display: ;
}
.archive td:nth-child(2) { 
	display: none;
}


.league.public th:nth-child(10), .league.public th:nth-child(9), .league.public td:nth-child(10), .league.public td:nth-child(9) { 
	display: none;
}

.league td:nth-child(3), .league td:nth-child(7) { 
	color: white;
}  

.league td:nth-child(7) {
	background: #071C55;
}

.league th:nth-of-type(4), .league td:nth-of-type(4) { text-align:right; }
.league th:nth-of-type(6), .league td:nth-of-type(6) { text-align:left; }

.league td:nth-child(1) { width:100px; }
.league td:nth-child(2) { width:100px; }
.league td:nth-child(3) { width:120px; }
.league td:nth-child(4) { width:210px; }
.league td:nth-child(5) { width:180px; }
.league td:nth-child(6) { width:210px; }
.league td:nth-child(7) { width:210px; }
.league td:nth-child(8) { width:100px; }
.league td:nth-child(9) { width:100px; }

/* table .worldcup-fixture */
.worldcup-fixture td img {
    margin-bottom: 0.5rem;
	width: 48px;    
}

.worldcup-fixture tr th {
    color: white;
    background: #26A65B;
    font-size: 1rem;
	text-align: center;    
}   

.worldcup-fixture td:nth-child(1) { width:200px; }
.worldcup-fixture td:nth-child(2) { width:200px; }
.worldcup-fixture td:nth-child(3) { width:250px; }
.worldcup-fixture td:nth-child(4) { width:200px; font-size: 1rem; }
.worldcup-fixture td:nth-child(5) { width:250px; }
.worldcup-fixture td:nth-child(6) { width:200px; font-size: 1rem; }
.worldcup-fixture td:nth-child(7) { width:200px; }

/* table .worldcup-group */
.worldcup-group tr:first-child td:nth-child(1), .worldcup-group tr:nth-child(2) td:nth-child(1) {
	color: white;
	background: #F39C12;
}	

.worldcup-group tr:first-child td:nth-child(8), .worldcup-group tr:nth-child(2) td:nth-child(8) {
	color: white;
	background: #26A65B;
}	

.worldcup-group td:nth-child(1) { width:180px; }
.worldcup-group td:nth-child(2) { width:90px; }
.worldcup-group td:nth-child(3) { width:90px; }
.worldcup-group td:nth-child(4) { width:90px; }
.worldcup-group td:nth-child(5) { width:90px; }
.worldcup-group td:nth-child(6) { width:90px; }
.worldcup-group td:nth-child(7) { width:90px; }
.worldcup-group td:nth-child(8) { width:90px; }

.worldcup.league td:nth-child(7) {
	background: #1E824C;
}

/*** panel ***/
.panel {
	background: none;
}

.panel p {
	color: #777;
}

/*** pricing-table ***/
.pricing-table {
	border: none;
}

.pricing-table li.bullet-item:last-child {
	border: none;
}
	
.pricing-table .description,
.pricing-table .price, .pricing-table .bullet-item {
	border-bottom: 1px solid #F7F7F7;
	color: #777;
}

.pricing-table .price {
	background: none repeat scroll 0% 0% #F7F7F7;	
}
 
.pricing-table span {
	font-size: 0.875rem; 
}	

.pricing-table .button {
	border-bottom: 1px solid rgb(255, 255, 255);
}

/*** button ***/
.button {
	background: rgb(0, 112, 175);
	margin: 0 auto;
	font-size: 1.25rem;
}

.button.o2 {
	background: #03a9f4;	
	margin: 0 auto;
}

.button.o2:hover, .button.o2:focus {
	background: #01579B;
    transition: background-color 300ms ease-out 0s;
}

.button.o3 {
	background: #F39C12;
	margin: 0 auto;
}

.button.o3:hover, .button.o3:focus {
	background: #D35400;
    transition: background-color 300ms ease-out 0s;
}

.button.o4 {
	background: #26A65B;
	margin: 0 auto;
}

.o4 td {
	background: #26A65B;
	color: white;
}

.button.o4:hover, .button.o4:focus {
	background: #1E824C;
    transition: background-color 300ms ease-out 0s;
}

.button.o5 {
	background: #EF4836;
	margin: 0 auto;
}

.button.o5:hover, .button.o5:focus {
	background: #96281B;
    transition: background-color 300ms ease-out 0s;
}

/*** span.aqua, span.success, span.alert {
	color: white;
}

.button.aqua, span.aqua {
	background: #F39C12;
}

.button.aqua:hover, .button.aqua:focus {
    background: #D35400;
}  

.button.success, span.success {
	background: #26A65B;
}

.button.success:hover, .button.success:focus {
	background: #1E824C;
}

.button.alert, span.alert {
	background: #EF4836;
}

.button.alert:hover, .button.alert:focus {
	background: #96281B;
} ***/

.button-group li .button {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/*** bg ***/
.heading-bg a {
    color: white;
}    

.heading-bg a:hover, .heading-bg a:focus {
    color: #03A9F4;
}

.heading-bg {
	padding: 2.5rem 0;
	background: #071C55;
}     

.heading-logo h1, .heading-logo h3 {
	color: white;
}

.nav-bg {
	background: #3498DB;
}

.whitesmoke-bg, .img-bg {
	padding: 1.25rem 0;
}	

.whitesmoke-bg h4 {
	color: #999999;
}	

.white-bg,  .archive-bg {
	padding-top: 0.85rem;
}

.whitesmoke-bg {
	background: whitesmoke;
	text-align: center;
}   

.white-bg, .archive-bg {
	background: white;
}

.archive-bg {
	text-align: center;
}

.archive-bg .button {
	margin-bottom: 1.25rem;
}

.archive-bg div:first-child {
	border: none;
}

.archive-bg div {
	border-left: 1px solid #F5F5F5;
}

.archive-bg ul {
	font-size: 0.875rem;
}

.footer-bg {
	clear: both;
	background-color: #01579B;	
	padding: 2.5rem 0 1.25rem 0; 
}

.footer-bg p {
	font-size: 0.825rem;
	color: white;	
}

/*** font-color ***/
.orange-color, h4.orange-color, h6.orange-color {
	color: #F39C12;
}

.green-color, h4.green-color {
	color: #26A65B;
}

.red-color, h4.red-color {
	color: #EF4836;
}

.blue-color {
	color: #3498DB;
}

.grey-color {
	color: #999;
}

.win, .lose {
	font-weight: bold;
}

.win {
    color: #4EA600;
}

.lose {
    color: #C00; 
}     

.sidebar-left, .sidebar-right {
	position: fixed;
	top: 16.4rem;
	z-index: 1;
}

.sidebar-left {
	float: left;
	left: 1.25rem;	
} 

.sidebar-right {
	float: right;
	right: 1.25rem;
} 


} /* important */

@media only screen and (max-width: 40em)  {
/* max-width 640px, mobile-only styles, use when QAing mobile issues */ 

.column {
	padding: 0;
}

.panel {
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
}

table tr td {
	font-size: 0.825rem;
	padding: 0.875rem 0.1rem;
	height: 1.25rem;
}

.archive-bg div {
	border: none;
}

.archive-bg div:last-child {
	border-bottom: 1px solid #F5F5F5;
}

.league thead { display: none; }

.league td:nth-child(1) { width:60px; background: #FFFF99; }
.league td:nth-child(2) { width:50px; }
.league td:nth-child(3) { width:50px; }
.league td:nth-child(4) { width:200px; }
.league td:nth-child(5) { width:150px; }
.league td:nth-child(6) { width:200px; }
.league td:nth-child(7) { width:200px; }
.league td:nth-child(8) { width:50px; }
.league td:nth-child(9) { width:50px; }

.league { margin-left: 1px; }

.league td:nth-of-type(4), .league td:nth-of-type(6) { text-align: center; }

.league th:nth-child(3), .league th:nth-child(2) { display: none; }
.league td:nth-child(3), .league td:nth-child(2) { display: none; }

.worldcup-fixture td:nth-child(1), .worldcup-fixture td:nth-child(2), .worldcup-fixture td:nth-child(6), .worldcup-fixture td:nth-child(7) { display: none; }

.worldcup-fixture td:nth-child(3), .worldcup-fixture td:nth-child(5) { width: 1000px; }

.worldcup-group { margin-left: 1px; margin-right: 1px; }

.worldcup-group th:nth-child(1), .worldcup-group td:nth-child(1) { width: 1000px; }
	 
} /* important */