.ul_venues {
  list-style: none;
  line-height: 80%;
}

.li_venues::before {
  content: "*"; color: red;
  display: inline-block; width: 1em;
  margin-left: -1em;
}

.svpl_info, .svpl_success, .svpl_warning, .svpl_error {
margin: 10px 0px;
padding:12px;
}

.svpl_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.svpl_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.svpl_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.svpl_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.svpl_info i, .svpl_success i, .svpl_warning i, .svpl_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}
table.CompsTable {
  border: 1px solid #1C6EA4;
  // background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.CompsTable td, table.CompsTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 10px;
}
table.CompsTable tbody td {
  font-size: 13px;
}
table.CompsTable tr:nth-child(even) {
  background: #F5E8E4;
}
table.CompsTable thead {
  background: #FA553F;
  background: -moz-linear-gradient(top, #fb7f6f 0%, #fa6652 66%, #FA553F 100%);
  background: -webkit-linear-gradient(top, #fb7f6f 0%, #fa6652 66%, #FA553F 100%);
  background: linear-gradient(to bottom, #fb7f6f 0%, #fa6652 66%, #FA553F 100%);
  border-bottom: 2px solid #444444;
}
table.CompsTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #D0E4F5;
}
table.CompsTable thead th:first-child {
  border-left: none;
}

table.CompsTable tfoot td {
  font-size: 14px;
}
table.CompsTable tfoot .links {
  text-align: right;
}
table.CompsTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
/* Style The Dropdown Button */
.dropbtn {
  background-color: #f55838;
  color: white;
  padding: 10px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 6px 14px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #f0421f;
}

/* joomsport custom CSS.  header for season standings module */
h2.groupsSVPL {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    padding: 0 0 0 12px;
   /* color: #757a83; */
    color: #e95d3c;
    border-bottom: 1px dotted #e95d3c;;
}

ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li.no-bullets::before {
  content: "*"; color: white;
  display: inline-block; width: 1em;
  margin-left: -1em
}
.footer_grid {
   display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: minmax(20px, 60px) 1fr; 
  gap: 10px 0px; 
  grid-template-areas: 
    "footer_text"
    "footer_button"; 
}
.footer_text { 
  justify-self: stretch; 
  align-self: stretch; 
  grid-area: footer_text; 
} 
.footer_button { 
 justify-self: stretch; 
  align-self: center; 
  grid-area: footer_button; 
} 

/* formatting for CSS grid for main article content */
.svpl-container {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100px 0.75fr 1fr 0.3fr;
  gap: 10px 20px;
  grid-auto-flow: row;
  align-items: stretch;
  /* align-items: center; */
  grid-template-areas:
    "SVPL-Title SVPL-Title"
    "About-SVPL Competition-News"
    "Division-1 Division-2"
    "SVPL-News SVPL-Events";
}

.SVPL-Title { grid-area: SVPL-Title; }

.Competition-News { grid-area: Competition-News; }

.About-SVPL { grid-area: About-SVPL; }

.SVPL-News { grid-area: SVPL-News; }

.SVPL-Events { grid-area: SVPL-Events; }

.Division-1 { grid-area: Division-1; }

.Division-2 { grid-area: Division-2; }

.home-Title {
  text-align: center;
  font-family: tahoma, arial, helvetica, sans-serif; 
  text-shadow: #999999 2px 2px 2px; 
  color: #000000;
}

/* Polariod image layout for home page articles */
div.polaroid-img {
  width:100%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}
div.polaroid-container {
  text-align: justify;
  padding: 10px 20px;
}

/* Start of CSS Grid Layout for Home - Main */
.svpl-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(250px, auto);
  grid-gap: 10px;
}

.svpl-box1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

.svpl-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
/* End of CSS Grid Layout for Home - Main */

/* Start of CSS Grid Layout for Home - Team Knockout */
.tko-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.tko-box1 {grid-area: 1/1/3/2; }
.tko-box2 {grid-area: 1/2/2/3; }
.tko-box3 {grid-area: 2/2/3/3; }

/* End of CSS Grid Layout for Home - Team Knockout */