/*
Theme Name: SINGA CUP 5.0
Theme URI: http://www.joji.co/
Description: Theme developed specially for Singa Cup by Joji.
Author: Wyatt Mingji Lim
Author URI: http://www.joji.co/
Version: 5.0 (cleaned & archived 2026)
License: Exclusive. All Rights Reserved.
*/

/* CSS Document */

/*
Theme Name: SINGA CUP 4.0
Theme URI: http://www.joji.co/
Description: Theme developed specially for Singa Cup by Joji.
Author: Lim Mingji
Author URI: http://www.joji.co/
Version: 4.0

License: Exclusive. All Rights Reserved.
License URI: http://www.joji.co/

General comments (optional).
*/



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF RESET */
/* END OF RESET */
/* END OF RESET */
/* END OF RESET */
/* END OF RESET */
/* END OF RESET */
/* END OF RESET */
/* END OF RESET */


body {
	font-family: 'Open Sans', sans-serif;
	color: #222;
	background-color: white;
	width:100%;
}

.mon {
	font-family: 'Montserrat', sans-serif;
}
.opensans {
	font-family: 'Open Sans', sans-serif;
}


h1 {
	font-size: 36px;
	font-weight:bold;
	margin:0px;
	line-height:1.01;
}
h2 {
	font-size: 28px;
	font-weight:bold;
	line-height:24px;
	margin:0px;
}
h3 {
	font-size: 16px;
}
h2.wp-block-heading {
	line-height:3;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 10px;
}
h6 {
	font-size: 8px;
}
blockquote {
	font-size: 21px;
	font-weight: bold;
	color: #666;
	font-style: normal;
}

.font6 {
	font-size: 0.375em;
}
.font7 {
	font-size: 0.438em;
}
.font8 {
	font-size: 0.500em;
}
.font9 {
	font-size: 0.563em;
}
.font10 {
	font-size: 0.625em;
}
.font11 {
	font-size: 0.688em;
}
.font12 {
	font-size: 0.75em;
}
.font13 {
	font-size: 0.813em;
}
.font14 {
	font-size: 0.875em;
}
.font16 {
	font-size: 1.000em;
}
.font18 {
	font-size: 1.125em;
}
.font21 {
	font-size: 1.313em;
}
.font28 {
	font-size: 1.750em;
}
.font32 {
	font-size: 2.000em;
}
.font36 {
	font-size: 2.250em;
}
.font48 {
	font-size: 3.000em;
	line-height:1em;

}
.font60 {
	font-size: 3.750em;
}
.font72 {
	font-size: 4.500em;
}
.normal, .n, n{
	font-weight: normal;
}
.bold, .b, strong, b {
	font-weight: 800;
}
.italic, .i, i, em {
	font-style: italic;
}
.underline, .u, u {
	text-decoration: underline;
}
.black10 {
	color: #E5E5E5;
}
.black20 {
	color: #CCCCCC;
}
.black50 {
	color: #7F7F7F;
}
.black60 {
	color: #666666;
}
.black80 {
	color: #333333;
}
.black100 {
	color: #000000;
}
.singacupred {
	color: #CF181F;
}

.round {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.shadow {
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin-right: auto;
	margin-left: auto;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
ul, ol {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

a:link, a:visited {
	text-decoration: none;
	color: #CF181F;
}
#content a:link {
	text-decoration: none;
	color: #CF181F;
}
#content a:visited {
	text-decoration: none;
	color: #CF181F;
}
#content a:hover {
	color: #7F7F7F;
	text-decoration: underline;
}

#homeloop a:link {
	text-decoration: none;
	color: #CF181F;
}
#homeloop a:visited {
	text-decoration: none;
	color: #CF181F;
}
#homeloop a:hover {
	color: #7F7F7F;
	text-decoration: underline;
}

#loop a:link {
	text-decoration: none;
	color: #CF181F;
}
#loop a:visited {
	text-decoration: none;
	color: #CF181F;
}
#loop a:hover {
	color: #7F7F7F;
	text-decoration: underline;
}

.padding5 {
	padding: 5px;
}
.padding10 {
	padding: 10px;
}
.margin10 {
	margin: 10px;
}
#redline {
	background-color: #CF181F;
	height: 1px;
	width:100%;
	clear:both;
}
#footerredline {
	background-color: #CF181F;
	height: 5px;
	width: 100%;
	margin: 5px;
}
#tagline {
	font-size:10px;
	float:right;
	text-align:right;
	width:50%;
	letter-spacing:8px;
}
#hometagline {
	font-size:10px;
	text-align:center;
	letter-spacing:8px;
}
#blank10 {
	height: 10px;
	clear: both;
}

#wrapper {
	margin-right: auto;
	margin-left: auto;
}
#topmenus {
	text-align:center;
}

#topmenus li {
	display:inline-block;
	font-size: 1em;
}

#menu-51-0-0-2 li {
	text-shadow: 0 0 8px #000;
}
#menu-51-0-0-2 li a {
	color:white !important;
}

#menu-51-0-0-2 li a:hover {
	color: #CF181F !important;
}

#topmenus li:link {
}
#topmenus li:visited {
}
#topmenus li:hover {
	color:red;
}
#topmenus li:active {
}


#topmenu123 {
	float:left; 
	width:70%;
}

#topmenu1 {
	float:left;
	margin-left:-30px;
	margin-bottom:5px;
}
#topmenu1 h2.widgettitle{
	display: none;
}
#topmenu1 li ul li {
	float:left;
	font-weight:bold;
	font-size: 0.875em;
	color: #808080;
	padding-right:10px;
}
#topmenu1 li ul li a:link {
	color: #808080;
}
#topmenu1 li ul li a:visited {
	color: #808080;
}
#topmenu1 li ul li a:hover {
	color: #CF181F;
	text-decoration: none;	
}
#topmenu2 {
	margin-left:0px;
	float:left;
	margin-top:8px;
	min-width:200px;
}
#topmenu2 .widget {
	width: inherit;
   }
#topmenu2 h2.widgettitle{
	display: none;
}
#topmenu2 li ul li {
	float:left;
}
#topmenu2 li ul li {
	float:left;
	font-weight:bold;
	font-size: 1em;
	color: #000;
}
#topmenu2 li ul li a:link {
	color: #000;
}
#topmenu2 li ul li a:visited {
	color: #000;
}
#topmenu2 li ul li a:hover {
	color: #CF181F;
	text-decoration: none;	
}
#topmenu3 {
	float:right;
}

#topmenu3 li {
	float:right;
	margin-top:5px;
}
#topmenu3 h2.widgettitle{
	display: none;
}
#topmenu3 li ul li {
	float:left;
	font-weight:bold;
	font-size: 0.75em;
	color: #000;
}
#topmenu3 li ul li a:link {
	color: #000;
}
#topmenu3 li ul li a:visited {
	color: #000;
}
#topmenu3 li ul li a:hover {
	color: #CF181F;
	text-decoration: none;	
}


#searchform input{
	border: 1px solid #7F7F7F;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#searchform #s {
	font-size: 10px;
	color: #CF181F;
	width: 145px;
	padding-left: 5px;
}


.none {
	display: none;
}


#post {
	margin-top:25px;
	padding-top: 25px;
	margin-bottom: 50px;
	box-shadow: 0px 0px 2px 1px #eee;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 21px;
}
#posttitle {
	color: #222;
	width:80%;
}

#page {
	margin-top:25px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 25px;
	box-shadow: 0px 0px 240px 1px #ddd;
}
#pagetitle {
	color: #222;
	text-align:center;
}
#pagetitle h2 {
	font-size:24px;
	line-height:42px;
}

#pagetitle h2 a:link {
	text-decoration: none;
	color: #222;
}
#pagetitle h2 a:visited {
	text-decoration: none;
	color: #222;
}
#pagetitle h2 a:hover {
	color: #CF181F;
}

#posttitle h2 {
	font-size:24px;
	line-height:42px;
}

#posttitle h2 a:link {
	text-decoration: none;
	color: #222;
}
#posttitle h2 a:visited {
	text-decoration: none;
	color: #222;
}
#posttitle h2 a:hover {
	color: #CF181F;
}

#postcontent {
	margin-top: 10px;
	padding-bottom: 20px;
	color: #222;
	padding-top:25px;
}

#postcontent a:link {
	color: #CF181F;
}
#postcontent a:visited {
	color: #CF181F;
}

#postcontent img {
	max-width:100%;
	height: auto;
}

#postfooter {
	color: #CF181F;
	font-weight: normal;
	font-size: 10px;
	float: left;
	clear: left;
}
#postfooter a:link {
	color: #CF181F;
	font-weight: normal;
	text-decoration: none;
}
#postfooter a:visited {
	color: #CF181F;
	font-weight: normal;
	text-decoration: none;
}
#postfooter a:hover {
	color: #7F7F7F;
	font-weight: normal;
	text-decoration: none;
}
#postfooter ul li {
	float: left;
}

/*
#foot {
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-color: #FFF;
	filter:alpha(opacity=90);
	opacity:0.9;
	margin-right: auto;
	margin-left: auto;
}

#foot #jumptotop {
	font-size: 10px;
	font-weight: bold;
	color: #CF181F;
	padding-left: 5px;
}
#foot #jumptotop a:link {
	color: #CF181F;
	text-decoration: none;
}
#foot #jumptotop a:hover {
	color: #CF181F;
	text-decoration: underline;
}
#foot #jumptotop a:visited {
	color: #CF181F;
	text-decoration: none;
}
#foot #singacuplogogrey {
	padding-left: 5px;
}



#foot #footmenus {
	width: 150px;
	float: right;
}
#foot #footmenus h2 {
	display: none;
}
#foot #footmenus li ul {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	margin-right: 15px;
	line-height: 16px;
}
#foot #footmenus li ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
}
#foot #footmenus li ul li:hover {
	background-color: #CCC;	
}
*/

.redlink {
	color: #CF181F;
	text-decoration: underline;
}
#copyright {
	font-size: 8px;
	color: white;
	text-decoration: none;
	padding-left: 5px;
	float: left;
}
#joji {
	font-size: 10px;
	color: white;
	text-decoration: underline;
	float: right;
	padding-right: 5px;
	font-weight: bold;
}

.redlink a:link{
	color: #CF181F;
}
.redlink a:hover{
	color: #CF181F;
	text-decoration: underline;
}
.redlink a:visited{
	color: #CF181F;
}
.whitelink:link{
	color: #FFF;
}
.whitelink:visited{
	color: #FFF;
}
.whitelink:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
.redbglink {
	background-color: #CF181F;
}

.redbglink:link{
	background-color: #CF181F;
}

.redbglink a:link {
	color: white;
}

.redbglink:visited {
	background-color: #CF181F;
}

.redbglink a:visited{
	color: white;
}

.redbglink:hover {
	background-color: #555;
}

.redbglink a:link {
	color: #CF181F;
}

.black50 a:link {
	color: #7F7F7F;
	text-decoration: none;
}
.black50 a:visited {
	color: #7F7F7F;
	text-decoration: none;
}
.black50 a:hover {
	color: #7F7F7F;
	text-decoration: none;
}
.bold a:link {
	color: #000;
	text-decoration: none;
}
.bold a:visited {
	color: #000;
	text-decoration: none;
}
.bold a:hover {
	color: #000;
	text-decoration: none;
}
.borderred {
	border-top-color: #CF181F;
	border-right-color: #CF181F;
	border-bottom-color: #CF181F;
	border-left-color: #CF181F;
}
.borderblack {
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.bordergrey {
	color: #666;
}
.border5 {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 10px;
}
.border1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.whitebg {
	background-color: #FFF;
}
.redbg {
        background-color: #CF181F;
}
.white {
	color: white;
}
.center {
	text-align: center;
}
p {
	margin-bottom: 25px;
	line-height:21px;
}
br {
	padding: 5px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.result {
	color: #CF181F;
	padding-left:25px;
	padding-right:25px;
	font-size: 12px;
	font-weight: bold;
}
.post {
	padding:10px;
}
#recent-posts-2 li {
	padding:5px;
}
.size-full {
	width: 100%;
}
#query-posts-3 {
	width: 100%;
}
#mainside .widgettitle {
	width: 100%;
}

.widget_categories li {
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
}
.widget h2 {
	margin-bottom:10px;
	font-size: 12px;
}

.widget_archive li {
	padding-bottom:10px;
}
.widget_recent_entries {
	font-weight:bold;
}


.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 89.999683%;
    max-width: 1200px;
    min-width: 700px;
}

#box1 {
    float: left;
    min-height: 50px;
    margin-top: 5px;
    clear: none;
    width: 24.5%;
    margin-left: 0.25%;
    margin-right: 0.25%;
}

#box2 {
    float: left;
    min-height: 50px;
    margin-top: 5px;
    margin-left: 0.25%;
    margin-right: 0.25%;
    width: 49.5%;
}

#box3 {
    float: left;
    min-height: 50px;
    margin-top: 5px;
    margin-left: 0.25%;
    margin-right: 0.25%;
    clear: none;
    width: 74.5%;
}


#box4 {
    float: left;
    min-height: 50px;
    clear: both;
    margin-top: 5px;
    width: 99.5%;
    margin-left: 0.25%;
    margin-right: 0.25%;
}

   body {
	font-size: 1.0em;
   }



#box1 .table #phpleague tr th:nth-child(1), #box1 .table #phpleague tr th:nth-child(8), #box1 .table #phpleague tr th:nth-child(9), #box1 .table #phpleague tr td:nth-child(1), #box1 .table #phpleague tr td:nth-child(8), #box1 .table #phpleague tr td:nth-child(9)  {
	display:none;
}

#box1 .table #phpleague tr {
	height:42px;
	border-bottom: 1px dashed #CCC;
}

#box1 .table #phpleague tr td, #box1 .table #phpleague tr th {
	font-size:0.8em;
	text-align:center;
}
#box1 .table #phpleague {
	width:100%;
	margin-bottom:25px;
}
#box1 .table #phpleague tr th:nth-child(2), #box1 .table #phpleague tr td:nth-child(2)  {
	text-align:left;
}

#box1 .table #phpleague tr th:nth-child(3), #box1 .table #phpleague tr td:nth-child(3) {
	padding-right:5px;
	text-align:left;
}

#box1 .table #phpleague tr td:nth-child(3) {
	font-size:0.85em;
	font-weight:bold;
}

.fixture {
	margin-top: 0px;
}

.fixture #phpleague {
	font-size:0.8em;
	width:100%;
}

.fixture #phpleague tr {
	height:65px;
	line-height:1.2em;
	border-bottom: 1px dashed #CCC;
	text-align:left;
}

.fixture #phpleague .playoff {
	height:35px;
	line-height:1.2em;
	font-size:2em;
	font-weight:bold;
}

.fixture #phpleague tr td:nth-child(1) {
	font-size:0.8em;
	width: 50px;
	padding-right:10px;
}

.fixture #phpleague tr th:nth-child(2), .fixture #phpleague tr td:nth-child(2) {
	display:none;
}

.fixture #phpleague tr td:nth-child(4) {
	text-align:right;
	font-weight:bold;
}






#box2 .table #phpleague tr td:nth-child(1)  {
	width:10%;
	font-weight:bold;
	font-size:0.8em;
}

#box2 .table #phpleague tr {
	height:42px;
	border-bottom: 1px dashed #CCC;
}
#box2 .table #phpleague tr td {
	background-color: white;
	color: #333;
	vertical-align:middle;
}

#box2 .table #phpleague tr:nth-of-type(2n) td {
	background-color: #EEE;
	color: #000;
	vertical-align:middle;
}

#box2 .table #phpleague tr td, #box2 .table #phpleague tr th {
	font-size:1em;
	text-align:center;
}
#box2 .table #phpleague {
	width:100%;
	margin-bottom:25px;
}
#box2 .table #phpleague tr th:nth-child(2), #box2 .table #phpleague tr td:nth-child(2)  {
	text-align:left;
	width:45%;
}

#box2 .table #phpleague tr th:nth-child(3), #box2 .table #phpleague tr td:nth-child(3) {
	padding-right:5px;
	text-align:left;
}

#box2 .table #phpleague tr td:nth-child(3) {
	font-weight:bold;
	font-size:1.15em;
	width:10%;
}

#box2 .table #phpleague tr th:nth-child(4), #box2 .table #phpleague tr th:nth-child(5), #box2 .table #phpleague tr th:nth-child(6), #box2 .table #phpleague tr th:nth-child(7), #box2 .table #phpleague tr th:nth-child(8){
	width:5%;
}

#box1 .fixture #phpleague .playoff {
	height:35px;
	line-height:1.2em;
	font-size:2em;
	font-weight:bold;
}

.scorers {
	background-color:white;
	color: #666;
}

#footmenus h2 {
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#footmenus a:link {
	color:#cfcfcf;
	text-decoration: none;
}
#footmenus a:visited {
	color:#cfcfcf;
	text-decoration: none;
}	
#footmenus a:hover {
	color: white;
}

#dynamicmenu {
	background-color:white;
	box-shadow:inset 0 0 10px 1px #B4B4B4;
	width:1024px; 
	height:500px; 
	margin-left:auto; 
	margin-right:auto; 
	overflow:auto;
}

#dynamicmenu li {
	list-style: none;
	}

.gradient {
	background: linear-gradient(-150deg, rgba(207,24,31,0), rgba(207,24,31,0.0), rgba(207,24,31,0.5), rgba(207,24,31,1), rgba(207,24,31,1));
}

uppercase, .uppercase {
	text-transform: uppercase;
}
#button {
	background-color: #CF181F;
	padding:10px;
	margin-left:5px; 
	margin-bottom:5px;
	color: white;
	-moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.25);
	-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.25);
	box-shadow: 0px 0px 10px rgba(255,255,255,0.25);
}
#button:hover {
	opacity: 0.6;
	-webkit-transition: opacity .25s ease-in-out;
}

#marquee a {
	margin-left:10px;
	margin-right:50px;
}

.ptms_marquee a {
	margin-left:20px;
	margin-right:20px;
}

#homebanner {
	width: 1100px;
	margin-left:auto;
	margin-right:auto;
}

#sidebarbanner {
	background-color: rgb(160,160,160);
	padding:25px;
	font-size:10px;
}

#sidebarbanner h2 {
	padding-bottom:15px;
}


#sidebarbanner li {
	padding-bottom:10px;
}

#newsmenu {
	background-color: rgb(10, 10, 10);
	border-bottom: 2px solid #CF181F;
	padding:25px;
	font-size:12px;
}

#newsmenu h2 {
	padding-bottom:21px;
}

#newsmenu li {
	padding-bottom:18px;
}

#newsmenu li a {
	color: white;
}

#newsmenu li a:link {
	text-decoration:none;
}
#newsmenu li a:hover {
	text-decoration:underline;
}
#newsmenunews {
	float:right;
	width:20%; 
	padding-right:25px;
	padding-left:25px;
}

.mtphr-dnt-twitter-tick {
	float:left;
	margin-right:25px;
}

#slider-sidebar .widgettitle {
	margin-bottom: 25px;
}

#slider-sidebar a{
	color: #EBB049;
}

.column2 {
       -moz-column-count: 2;
       -moz-column-gap: 15px;
       -webkit-column-count: 2;
       -webkit-column-gap: 15px;
}
.column3 {
       -moz-column-count: 3;
       -moz-column-gap: 15px;
       -webkit-column-count: 3;
       -webkit-column-gap: 15px;
}
.column4 {
       -moz-column-count: 4;
       -moz-column-gap: 15px;
       -webkit-column-count: 4;
       -webkit-column-gap: 15px;
}
.superwhite {
	color: white;
}
p {
	margin-bottom:25px;
	/*display: inline-block; */
}
.r {
	padding-left:10px;
	padding-right:10px;
}


.standingstable tr th:nth-child(2), .standingstable tr td:nth-child(2), .standingstable tr th:nth-child(1), .standingstable tr td:nth-child(1), .standingstable tr th:nth-child(3), .standingstable tr td:nth-child(3) {
	display:none;	
}
.standingstable tr th:nth-child(4), .standingstable tr td:nth-child(4) {
	
	font-size:12px;
	text-align:left;
	padding-right:25px;
}

.standingstable tr th {
	min-width:25px;
	text-align:left;
	font-size:12px;
}
.standingstable tr {
	line-height:28px;
}

.matchtable tr th {
	text-align:left;
	font-size:12px;
}
.matchtable tr th:nth-child(2), .matchtable tr td:nth-child(2) {
	min-width:100px;
	text-align:center;
	line-height:58px;
	vertical-align: bottom;
}
.matchtable tr {
	height: 60px;
}

.matchtable .match {
	font-size:12px;
	line-height:21px;
}
table.leaguemanager th.match {
    line-height: 58px;
    text-align: left !important;
}

#menu2014 {
		
}

#menu2014 li {
	float:left;
	line-height:28px;
	margin-left:15px;
	font-weight:bold;
	margin-bottom:-8px;
}
#menu2014 li a {
	text-decoration:none;
	color: #CF181F;
}
#menu2014 li a:hover {
	color: black;
}

#fixture form{
	display:none;
}
#fixture table {
	margin-top:-35px;
}

.fl-node-5bd7224200ce3 tr {
	height: 2em;
}


/* 2016 EDITS */
/* 2016 EDITS */
/* 2016 EDITS */
/* 2016 EDITS */
/* 2016 EDITS */
/* 2016 EDITS */
/* 2016 EDITS */

#marquee a:link, #marquee a:visited {
	color:lightgrey;
}
#marquee a:hover {
	color:red;
}

#menu-head1 a:link, #menu-head1 a:visited {
	color: #fff;
	text-decoration: none;
	line-height:90px;
	padding: 35px 10px;
}
#menu-head1 a:hover {
	/*color: #CF181F;*/
	background-color:#222;
}

#singlepage {
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
}
#singlepage #loop {
	width:70%;
	float:left;
}

#sidebarleft {
	padding-top:100px;
	padding-left: 50px;
	width:12%; 
	min-height:400px; 
	clear:left; 
	float:left;
	line-height:18px;
	font-size:12px;
}

#sidebarleft li {
	list-style: none;
}

#sidebar {
	float:left;
	padding-top:100px;
	padding-left: 50px;
	width:200px; 
	line-height:18px;
	font-size:12px;
}

#sidebar li {
	list-style: none;
}

.rpwe-block a {
	color: #CF181F;
}

.rpwe-block li, .wpp-list li {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    list-style-type: none;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #444;
}
.time {
	color: #aaa;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#subtitle {
	margin-top:10px;
	line-height: 21px;
}
.wp-caption {
	padding-top: 10px;
    border: 1px solid #dddddd;
    border-radius: 10px;
    box-shadow: 0 0 10px #dddddd;
    margin: 25px 0px;
}
.wp-caption-text {
	    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

#content {
	width:50%;
	min-height:400px;
	float:left;
}
#footmenusrow {
	text-align:center;
}
#footmenus {
	display: inline-block;
	color: #cfcfcf;
	font-size: 14px;
	text-align: left;
	width: 200px;
	vertical-align: top;
}
#footerline {
	display:inline-block;
	border-left:1px solid #cf5d62;
	height:212px;
	width:120px;
	margin-top:50px;
}
div {
    -webkit-transition: all 0.2s, font-size 1ms;
    transition: all 0.2s, font-size 1ms;
}

.table td {
	border: 1px solid #ddd;
	padding: 5px;
}
#pagesubtitle {
	text-align:center;
}

.halfleg {
	width: 50%;
	float: left; 
	margin-bottom:25px;
}
.halfhalfleg {
	width: 25%;
	float: left; 
	margin-bottom:25px;
}

#postcontent ol li {
	list-style-type: decimal;
	margin-bottom:10px;
	}

#postcontent ul li {
	list-style-type: disc;
	margin-bottom:10px;
	}
.rpwe-li {
	list-style-type:none !important;
	margin-bottom:0px !important;
}
.sponsor {
	display:inline-block;
	text-align:center;
	font-size:10px;
	padding:25px;
	padding-top:10px;
	padding-bottom:10px;
}

#brwide {
	display:block;
}

#brnarrow {
	display:none;
}

.newtopmenu {
	display:inline-block; padding:8px; font-weight:800; font-size: 11px;
}

.menu-head1-container {
	display:inline-block;
}

.mobileshow {
	display:none;
}

.menu2019 li {
	display:inline-block !important;
	line-height:auto !important;
	padding:25px !important;
	margin: 0px !important; 
	font-size: 28px;
}

#singacupform {
	    max-width: 500px;
	padding-right:50px;
	font-size:12px;
}
#singacupform input {
	padding: 10px;
    border-radius: 10px;
    border: 1px solid #aaa;
    font-size: 16px;
	color: #111;
    font-weight: bold;
}

#singacupform .wpcf7-text {
	width: 100%;
}

.whitelink:link , .whitelink:visited {
	color: white !important;
}

.whitelink:hover {
	font-weight:800;
	text-decoration: underline;
}

.cmenu {
	display:inline-block; padding-right:25px; margin-top:20px;
}
.cmenu a:link, .cmenu a:visited {
		color: white !important;
}
.cmenu a:hover {
		font-weight:800;
	text-decoration: underline;
}
.cmenumain {
	color:white; display:inline-block; margin-left:50px;
}
.cmenu2 {
	display:inline-block; padding-right:25px;text-align:right;     line-height: 60px;
}

.cmenu2main {
	     color: #ddd;
    font-size: 0.9em;
    /* width: 425px; */
    display: inline-block;
    text-align: right;
}

.lm-league {
	font-size: 12px;
	color: #CF181F;
}
.lm-score {
	color: #CF181F;
}
.lm-sep {
	display:none;
}
.lm-item {
	display:block;
}
#marquee .lm-item {
	display:inline;
}
#marquee .lm-sep {
	color:white;
	display:inline-block;
	width:25px;
	content: "";
}

@media only screen and (max-width: 1380px) {
	#brwide {
	display:none;
}

#brnarrow {
	display:block;
}
	
} 
@media only screen and (max-width: 1400px) {
	#tagline {
		display:none;
	}
}

@media only screen and (max-width: 1000px) {
	
	
    .hof {
        padding-bottom:25px;
    }
	#footerline {
		display:none;
	}
	.halfhalfleg {
		width: 50%;
	}
	.cmenumain {
		margin-top: 25px;
    	margin-left: 0px;
	}
	.cmenu {
		margin: 5px;
		padding: 20px 0px;
	}
	.cmenu a {
		font-size: 21px;
    background: #cf181c;
    padding: 15px 25px;
    
	}
	.cmenu a:hover {
		background-color:red;
	}
	.cmenu2 a {
		padding: 15px 25px; 
		background-color:white;
		color: #cf181f !important;
	}
	.cmenu2main {
		float:none;
		margin: 40px 0px 10px;
		    font-weight: bold; 
		font-size: 1em;
		margin-top: 30px !important;
    margin-left: 5px;
	}
	.cmenu2 {
		padding-right: 10px;
	}
	.fl-col-small:not(.fl-col-small-full-width) {
    width: 700px;
		float: none;
    margin: auto auto;
	}
}

@media only screen and (max-width: 820px) {

	#toptoplogobar {
		text-align:center;
		padding-bottom:25px;
	}
	.menu-head1-container ul {
		margin-top: 25px;
	}
	.menu-head1-container li {
        border: 2px solid white;
        text-align: center;
        padding: 25px;
        font-size: 20px;
        display: inline-block;
        margin: 5px;
        font-weight: 800;
        line-height: 40px;
	}
	.menu-head1-container li a {
		color: white !important;
	}

	#sidebarleft {
		clear:both !important;
		width:100% !important;
		padding: 25px !important;
		min-height: 10px !important;
	}
	#content {
		width: 100% !important;
	}
	#sidebar, #sidebarleft, #footmenus {
		padding-left: 25px;
		width: 90%;
	}
	.mobilehide {
		display:none !important;
	}
	.mobileshow{
		display:block !important;
	}
	#footmenus {
		margin-bottom: 25px;
	}
	#tagline {
		text-align: center;
		margin-bottom:25px;
		width: 100%;
	}
	#topmenus li {
		margin-top:0px;
		display:block;
	}
	.halfleg {
		width: 100%;
	}
	.halfhalfleg {
		width: 100%;
	}
	#singacupform {
	padding-right:0px;
	}
	
}

@media only screen and (max-width: 600px) {

}

	html {
	scroll-behavior: smooth;
}

/* ==========================================================================
   RESPONSIVE HEADER & HAMBURGER MENU STYLES
   (Added for modern mobile/desktop navigation – pure CSS, no JavaScript)
   ========================================================================== */

.header-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    //max-width: 1280px;
    margin: 0 auto;
    //background: #CF181F;          /* your brand red */
    color: white;
    margin-bottom: -150px;
    z-index: 999;
}

body:not(.home) .header-container {
background-color: black;
    margin-bottom: 0px;
}

/* Logo area */
.logo-area img {
    height: 70px;                 /* adjust as needed */
    padding: 15px 0;
}

/* Hamburger icon */
.hamburger {
    display: none;
    flex-direction: column;
    gap: 7px;
    cursor: pointer;
    padding: 15px;
}

.hamburger span {
    width: 32px;
    height: 4px;
    background: white;
    border-radius: 2px;
    transition: all 0.35s ease;
}

/* Desktop navigation */
.main-nav.desktop-nav .nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 35px;                    /* space between menu items */
}

.main-nav.desktop-nav .nav-menu a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 20px 0;
    transition: all 0.3s;
}

.main-nav.desktop-nav .nav-menu a:hover {
    color: #ffcccc;               /* light red hover effect */
}

/* Mobile navigation (dropdown) */
.main-nav.mobile-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #CF181F;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
    z-index: 999;
}

.main-nav.mobile-nav .nav-menu-mobile {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav.mobile-nav .nav-menu-mobile li {
    margin: 12px 0;
}

.main-nav.mobile-nav .nav-menu-mobile a {
    color: white;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
    padding: 12px;
    border-radius: 6px;
}

.main-nav.mobile-nav .nav-menu-mobile a:hover {
    background: #b01419;          /* darker red on hover */
}

/* Tagline (desktop only) */
.tagline {
	font-size: 0.6rem;
	font-weight: 800;
	max-width: 300px;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 10px;
}

/* Checkbox toggle magic – turns hamburger to X and shows mobile menu */
.menu-toggle {
    display: none;
}

.menu-toggle:checked ~ .hamburger span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

.menu-toggle:checked ~ .hamburger span:nth-child(2) {
    opacity: 0;
}

.menu-toggle:checked ~ .hamburger span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.menu-toggle:checked ~ .mobile-nav {
    display: block;
}

/* Responsive breakpoint – switch to hamburger on smaller screens */
@media (max-width: 980px) {
    .hamburger {
        display: flex;
    }

    .desktop-nav {
        display: none;
    }

    .tagline {
        display: none;
    }
}

/* Mobile social icons (if you kept the .mobileshow block) */
.social-mobile {
    text-align: center;
    padding: 10px;
}

.social-mobile img {
    padding: 10px 18px;
    vertical-align: middle;
    height: 50px;
}

/* === Responsive switch === */
@media (max-width: 820px) {     /* ← match your existing breakpoint or adjust (common: 768px or 900px) */
    .nav-desktop {
        display: none;          /* hide horizontal links */
    }

    .hamburger {
        display: flex;          /* show hamburger */
    }

    /* Optional: make header layout ready for mobile */
    .site-header {              /* ← change to your actual header class/ID */
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
    }
}

.register-btn {
    background: var(--red);
    color: white !important;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
}

.register-btn:hover {
    background: #b01419;
    color: white !important;
}