#warning-fixt-next-season{font-style: italic;color: #888;}

#filters select{font-size:16px;}
#filters select{padding:6px 30px 6px 10px;appearance: none;cursor:pointer;
     border-color: #1a5ea0;color: #000;max-width:320px; width:100%;
     background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #1a5ea0, #1a5ea0);
     background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0px;
     background-size: 5px 5px, 5px 5px, 2.5em 3.5em;
     background-repeat: no-repeat;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
  }
  #filters #compselect,#filters #matchselect{margin-left:15px;}
  
#filters select:hover{background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #f9bf04, #f9bf04);}
#filters select:focus{color: #1a5ea0;background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #cccccc, #ccc);outline-color: #1a5ea0;outline-width: 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#filters select::-ms-expand {
  display: none;
}

#filters{display:block; float:none;margin:0;width:100%;clear:both;padding:0;box-sizing:border-box;}

label.labelaway{display:flex; float:left; text-align:right;margin-left:20px;cursor:pointer;align-items: center}
label.labelaway input[type="checkbox"]{float:right;margin-left:5px;}
li.hiddenmonth{display:none !important;}
li.hiddenmatch{display:none !important;}

label.labelaway, #hideaway{display:none;}

label.labelaway input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 2em;
  height: 2em;
  border: 0.15em solid var(--global-color-7);
  border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  transform: translateY(-0.075em);
  
 /* display: grid;*/
  place-content: center;margin-right:5px;
}

label.labelaway:hover {color:var(--global-color-6);}
label.labelaway:hover > input[type="checkbox"] {
 
  border: 0.15em solid var(--global-color-6);

}

label.labelaway input[type="checkbox"]::before {
  content: "";
  width: 1.30em;
  height: 1.30em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
/*  box-shadow: inset 1em 1em var(--global-color-7);*/
background: var(--global-color-7);
}

label.labelaway input[type="checkbox"]:checked::before {
  transform: scale(1);
}



.form-control + .form-control {
  margin-top: 1em;
}

@media screen and (max-width:767px){
  #filters select{max-width:none;margin-bottom:10px;}
  #filters #compselect,#filters #matchselect{margin-left:0;}
  #filters{border: 2px solid #000;display:block;padding:10px 20px 20px;width:auto;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
  #filters:before{content: "Filters";color: #000;font-size:1.2em;clear:both; float:none; display:block;margin-bottom:10px;}
  label.labelaway{margin-top:10px;margin-left:0;}
  
}

.match {
    border: 1px solid #ddd;
    display: block;
    float: left;
    height: 332px;
    margin: 0 1% -1px 0;
    padding: 10px 8px;
    width: 70%;}

#matchlist{
width: auto;
margin: 0;
border: 0;
padding: 0;
overflow:hidden;}
#matchlist h2, #matchlist h1{line-height:120%;}
.ph2 {
    font-size: 1.4em;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: 700;
}

#matchlist p{text-align: justify; line-height: 1.6em; padding: 0; margin:0 10px;}

#matchlist ul{font-size:1em;margin:0 ;}
#matchlist ul, #pricelist ul {list-style:none outside none; margin: 6px 0; padding: 0;}
#matchlist ul{clear:left;}
#matchlist li{line-height:inherit; border-bottom:1px dotted #ccc; margin:0;padding:8px}
#matchlist ul li:after{display:table; content:"";clear:both;}
.mancity #matchlist li.selected{background: #4FB3FD;}
.manutd #matchlist li.selected{background: rgba(221,0,0,1);}
#matchlist li.selected{background: rgba(120,120,120,0.5);}
#matchlist li span.summary {
    display: block;
    float: none;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}


#matchlist li .competition, #matchlist li span.thevenue{font-size:0.8em;} 


#matchlist li.selected span.summary, #matchlist li.selected span.competition{color:#fff;}
#matchlist li, #matchlist li span.summary{
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;}

#matchlist li span.date{font-size:0.9em; margin: 0;padding: 0;color:#888;}
#matchlist li span.competition{margin: 0}

#matchlist li span.full{padding: 0 ;color:#888; text-transform: uppercase; padding: 14px 0 0; display: block;}


#matchlist li.selected span.date{color:#000;}
span.thedate{font-size:2.5em;}
span.theday{font-size:0.8em;}
span.themonth{font-size:1.2em;}
#matchlist a.remaininglink{margin-left:105px;}
#matchlist span.mentiontime{display:inline-block;padding: 1px 0 2px 20px; color: #84C139; font-size:0.9em; font-style: italic; margin: 10px 0 0 10px;}

img.logocomp{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 0 none;
    margin: 2px 3px 0 4px;
    padding: 0;
    text-align: center;
}
    .entry-header .type{font-size:1.2em;}


#match-info p{font-size:0.9em; font-style:italic; margin-top:6px}.matchinfo{padding: 0px;}
.mention {clear: right; display: inline-block;font-size: 0.9em; margin: 3px 0 0;}


#matchlist ul a.greybtn{background-color: #888;color:#fff;display:block}
#matchlist ul a.greybtn:hover{text-decoration:none; background-color: #aaa;}
#matchlist ul a {
    float: right;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;
    font-size: 1.1em;margin: 24px 10px 0;
	min-width: 100px;max-width:50%;
    text-transform: uppercase;padding: 0.5em 0.8em;text-align: center;}

#matchlist ul a.all {
    margin: 12px 6px 12px 0;
}


#matchlist li.monthlydate {
    border-bottom: 3px solid #1A5DA0; 
    clear: left;background: #fff;
    color: #1A5DA0;
    padding:5px 5px 5px 10px;
    display: block;
    font-size: 1.3em;
    margin: 0;
    text-transform: uppercase;
}


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

#matchlist ul .pricefrom{float: none;font-size:0.9em;margin: 0px auto 20px;text-align: center;width: 100%;display: block;} 
#matchlist ul .pricefrom span{} 
#matchlist ul .priceavailsoon{float: none;font-size: 0.9em;padding: 0;margin: 0px 0 20px 0;text-align: center; display: block;}
#matchlist li{font-size:1.2em;text-align:center;}
#matchlist li.monthlydate{font-size:1.4em;text-align:left}
#matchlist .matchinfo{margin:0 auto; width:100%;text-align:center;}
#matchlist li span.competition, #matchlist li span.additionalinfo{float:none; text-align:center;}
#matchlist li span.summary{margin:10px 0;float:none; font-size:1em}
#matchlist li span.summaryhome{font-size:1.05em}
#matchlist ul a, #matchlist ul a.greybtn {max-width: 80%;float: none;text-align: center;margin: 5px auto 5px;font-size: 1.3em;padding: 0.5em 0;}

#homematchlist ul a,#homematchlist ul a.greybtn{width: 50%;float: none;
text-align: center;margin: 5px auto 5px;font-size:1.4em;padding:0.5em 0;} 

}

#matchlist ul .pricefrom{float: none;font-size:0.9em;
    margin: 0px auto 20px;
    text-align: center;
    width: 100%;
    display: block;} 
#matchlist ul .priceavailsoon{float: none;
font-size: 0.9em;
padding: 0;
margin: 0px 0 20px 0;
text-align: center;
display: block;	}
#matchlist ul a {
float: none;
font-size: 1.2em;
margin: 5px auto 5px; min-width: 100px;
-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;
text-transform: uppercase;padding: 0.5em 0.8em;text-align: center;}
	
.matchinfo{float:none;text-align:center;}
img.logocomp{float:none}

#matchlist ul .pricefrom{font-size:0.9em;}
#matchlist ul .pricefrom span {font-size: 1.5em;color: #1A5DA0;}
#matchlist li span.thevenue{margin: 0;}
#matchlist li span.competition, #matchlist li span.additionalinfo{font-size:0.85em;}


@media screen and (min-width: 780px) {
	
	#matchlist ul a {float: right;margin: 19px 6px 0 0;font-size:1em; width:auto;}
	img.logocomp{float: left;}
	.matchinfo{float:left;text-align:left;}
	
	
	#matchlist ul .pricefrom{float:right; font-size: 0.8em;padding: 0; margin: 13px 50px 0 0;text-align: right;width:auto} 
	#matchlist ul .pricefrom span{font-size: 1.5em; color: #1A5DA0;} 
	#matchlist ul .priceavailsoon{float:right; font-size: 0.8em;padding: 0; margin: 31px 50px 0 0;}

}

@media only screen and (min-width:909px) and (max-width: 1000px) {

#matchlist li span.summary{font-size:0.95em;}
#matchlist ul .pricefrom{margin-right:20px;font-size:0.7em}
#matchlist ul .pricefrom span{font-size:1.6em;}	
}