@font-face {
	font-family: 'Proxima Nova Semibold';
	src: url('fonts/ProximaNova-Semibold.eot');
	src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
		url('fonts/ProximaNova-Semibold.woff') format('woff'),
		url('fonts/ProximaNova-Semibold.ttf') format('truetype'),
		url('fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Regular';
	src: url('fonts/ProximaNova-Regular.eot');
	src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Regular.woff2') format('woff2'),
		url('fonts/ProximaNova-Regular.woff') format('woff'),
		url('fonts/ProximaNova-Regular.ttf') format('truetype'),
		url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Bold';
	src: url('fonts/ProximaNova-Bold.eot');
	src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Bold.woff2') format('woff2'),
		url('fonts/ProximaNova-Bold.woff') format('woff'),
		url('fonts/ProximaNova-Bold.ttf') format('truetype'),
		url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* @font-face {
	font-family: 'Proxima Nova Black';
	src: url('fonts/ProximaNova-Black.eot');
	src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Black.woff2') format('woff2'),
		url('fonts/ProximaNova-Black.woff') format('woff'),
		url('fonts/ProximaNova-Black.ttf') format('truetype'),
		url('fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
	font-weight: 900;
	font-style: normal;
} */

/*
@prox: 'Proxima Nova Regular';
@proxlight: 'Proxima Nova Light';
@proxbold: 'Proxima Nova Bold';
@proxblack: 'Proxima Nova Black';
*/

.spwp_teamcode {
	text-align: center;
	width: 40px;
}

.clublogo {
	height: 25px !important;
	width: 25px !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	object-fit: contain !important;
}

#standen_teams #sw_teams,
#uitslagen_teams #sw_teams,
#programma_teams #sw_teams {
	width: 100%;
	margin-bottom: 20px;
}

.competitienaam {
	font-weight:bold;
}

/* spwp_loader */
.spwp_container {
	position: relative;
}

.spwp_loader {}
.spwp_loader .spwp_hide {
	display:none;
}
.work-in-progress {
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 0;
  position: absolute;
  background: white;
}
.work-spinner {
  position: relative;
  left: 50%;
  top: 10%;
  margin-left: -50px;
  background-color: transparent;
  border: 5px solid rgba(0,0,0,0.35);
  opacity: .9;
  border-left: 5px solid rgba(0,0,0,0);
  border-radius: 120px;
  width: 100px;
  height: 100px;
  -moz-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* Table */
.poulestand, .periodestand, .pouleuitslagen, .poule-programma, .programma, .uitslagen, .afgelastingen, .team-indeling {
	table-layout:  auto;
	width:100%;
	border-collapse: collapse;
}

/* Table thead styling */
.poulestand tr th, .periodestand tr th, .pouleuitslagen tr th, .poule-programma tr th, .programma tr th, .uitslagen tr th, .afgelastingen tr th, .team-indeling tr th {
	padding:0.25rem 0.125rem;
	line-height: 1.5rem;
	font-size: .875rem;
	background: var(--spwp-th_background) !important;
	text-align: left;
	color: var(--spwp-th_color);
    font-family: var(--spwp-th_font);
}

/* Table td styling */
.poulestand tr td, .periodestand tr td, .pouleuitslagen tr td, .poule-programma tr td,  .programma tr td,  .uitslagen tr td,  .afgelastingen tr td, .team-indeling tr td  {
	padding:0.25rem 0.125rem;
	text-align: left;
	color: var(--spwp-td_color);
    font-family: var(--spwp-td_font);
    border: 0 !important;
}
.poulestand tr td span, .periodestand tr td span, .pouleuitslagen tr td span, .poule-programma tr td span,  .programma tr td span,  .uitslagen tr td span,  .afgelastingen tr td span, .team-indeling tr td span  {
	padding:0rem;
	line-height: 1.5rem;
	font-size: .875rem;
	color: var(--spwp-td_color);
    font-family: var(--spwp-td_font);
}

/* Table own club styling */
.poulestand tr.Own, .periodestand tr.Own, .pouleuitslagen tr.Own, .poule-programma tr.Own {
	background: var(--spwp-td_background_own);
	/* background:#f5f5f5; */
}
.poulestand tr.Own td, .periodestand tr.Own td, .pouleuitslagen tr.Own td, .poule-programma tr.Own td {
	color: var(--spwp-td_color_own);
	background: var(--spwp-td_background_own);
	
}

/* Table row even bg-color */
.poulestand tr:nth-child(even), .periodestand tr:nth-child(even), .pouleuitslagen tr:nth-child(even), .poule-programma tr:nth-child(even), .programma tr:nth-child(even),  .uitslagen tr:nth-child(even),  .afgelastingen tr:nth-child(even), .team-indeling tr:nth-child(even) {
	background: var(--spwp-td_background_even);
}
/* Table row odd bg-color */
.poulestand tr:nth-child(odd), .periodestand tr:nth-child(odd), .pouleuitslagen tr:nth-child(odd), .poule-programma tr:nth-child(odd), .programma tr:nth-child(odd),  .uitslagen tr:nth-child(odd),  .afgelastingen tr:nth-child(odd), .team-indeling tr:nth-child(odd) {
	background: var(--spwp-td_background_odd);
}

/* Programma */
/*-----------*/
.programma .wedstrijddatum {
	width: 110px;
}
.programma .spwp_teamcode {
	text-align: center;
	width: 50px;
}
.programma .thuisteam,
.programma .uitteam {
	width: 250px;
}
.programma .status {
	width: 100px;
}
.programma .kleedkamerthuisteam,
.programma .kleedkameruitteam {
	width: 75px;
}

/* Poule Programma */
/*-----------------*/
.poule-programma .wedstrijddatum {
	width: 110px;
}
.poule-programma .spwp_teamcode {
	text-align: center;
	width: 50px;
}
.poule-programma .thuisteam,
.poule-programma .uitteam {
	width: 250px;
}


/* Uitslagen */
/*-----------*/
.uitslagen .wedstrijddatum {
	width: 110px;
}
.uitslagen .spwp_teamcode {
	text-align: center;
	width: 50px;
}
.uitslagen .thuisteam,
.uitslagen .uitteam {
	width: 250px;
}

.sw_alle_uitslagen tr.Own:nth-child(odd) td {
	background: var(--spwp-td_background_odd);
}
.sw_alle_uitslagen tr.Own:nth-child(even) td {
	background: var(--spwp-td_background_even);
}

/* Poule Uitslagen */
/*-----------------*/
.pouleuitslagen .wedstrijddatum {
	width: 110px;
}
.pouleuitslagen .spwp_teamcode {
	text-align: center;
	width: 50px;
}
.pouleuitslagen .thuisteam,
.pouleuitslagen .uitteam {
	width: 250px;
}
.pouleuitslagen th.uitslag,
.pouleuitslagen td.uitslag {
	/* text-align: center; */
}


/* Poulestand */
/*------------*/
.poulestand tr th {
	text-align: center;
}
.poulestand tr th.teamnaam {
	text-align: left;
}
.poulestand .positie {
	width: 25px;
	text-align: center;
}
.poulestand .spwp_teamcode {
	text-align: center;
	width: 60px;
}
.poulestand .gespeeldewedstrijden,
.poulestand .gewonnen,
.poulestand .gelijk,
.poulestand .verloren,
.poulestand .doelpuntenvoor,
.poulestand .doelpuntentegen,
.poulestand .doelsaldo,
.poulestand .verliespunten,
.poulestand .punten {
	text-align: center;
	width: 50px;
}
.poulestand .gespeeldewedstrijden {
	background: var(--spwp-td_background_col_hightlight);
}
.poulestand .punten {
	background: var(--spwp-td_background_col_hightlight);
}

/* Periodestand */
/*--------------*/
.periodestand tr th {
	text-align: center;
}
.periodestand tr th.teamnaam {
	text-align: left;
}
.periodestand .positie {
	width: 25px;
	text-align: center;
}
.periodestand .spwp_teamcode {
	text-align: center;
	width: 60px;
}

.periodestand .aantalwedstrijden,
.periodestand .gewonnen,
.periodestand .gelijkspel,
.periodestand .verloren,
.periodestand .doelpuntenvoor,
.periodestand .tegendoelpunten,
.periodestand .doelsaldo,
.periodestand .verliespunten,
.periodestand .totaalpunten {
	text-align: center;
	width: 50px;
}

.periodestand .aantalwedstrijden {
	background: var(--spwp-td_background_col_hightlight);
}
.periodestand .totaalpunten {
	background: var(--spwp-td_background_col_hightlight);
}


/* Basketball heeft aparte stand */
.spwp_basketbal .poulestand th.gelijk,
.spwp_basketbal .poulestand td.gelijk,
.spwp_basketbal .poulestand th.doelpuntenvoor,
.spwp_basketbal .poulestand td.doelpuntenvoor,
.spwp_basketbal .poulestand th.doelpuntentegen,
.spwp_basketbal .poulestand td.doelpuntentegen,
.spwp_basketbal .poulestand th.doelsaldo,
.spwp_basketbal .poulestand td.doelsaldo,
.spwp_basketbal .poulestand th.verliespunten,
.spwp_basketbal .poulestand td.verliespunten,
.spwp_basketbal .periodestand th.gelijkspel,
.spwp_basketbal .periodestand td.gelijkspel,
.spwp_basketbal .periodestand th.doelpuntenvoor,
.spwp_basketbal .periodestand td.doelpuntenvoor,
.spwp_basketbal .periodestand th.tegendoelpunten,
.spwp_basketbal .periodestand td.tegendoelpunten,
.spwp_basketbal .periodestand th.doelsaldo,
.spwp_basketbal .periodestand td.doelsaldo,
.spwp_basketbal .periodestand th.verliespunten,
.spwp_basketbal .periodestand td.verliespunten {
	display: none;
}

/* Eerste wedstrijd widget */
#spwp_eerste_wedstrijd .teams {
	display: flex;
	justify-content: center;
}

	#spwp_eerste_wedstrijd .volgende-wedstrijd {
		text-align: center;
	}
	#spwp_eerste_wedstrijd .spwp_team {
		text-align: center;
		align-self: center;
		padding: 10px;
	}
	#spwp_eerste_wedstrijd .spwp_team img {
		width: 135px;
		height: 135px;
		object-fit: contain;
		display: block;
	}
	#spwp_eerste_wedstrijd .spwp_team h3 {
		margin-top: 10px;
	}


#spwp_eerste_wedstrijd .spwp_competitiesoort {
	display: flex;
	justify-content: center;
}

#spwp_eerste_wedstrijd .spwp_datumtijd {
	display: flex;
	justify-content: center;
}
	#spwp_eerste_wedstrijd .spwp_datumtijd p {
		margin-bottom: 5px;
	}
	#spwp_eerste_wedstrijd .spwp_datumtijd .spwp_competitiesoort {
		font-weight: 700;
	}


/* Laatste wedstrijd widget */
#spwp_laatste_wedstrijd .teams {
	display: flex;
	justify-content: center;
}

	#spwp_laatste_wedstrijd .laatste-wedstrijd {
		text-align: center;
	}
	#spwp_laatste_wedstrijd .spwp_team {
		text-align: center;
		align-self: center;
		padding: 10px;
	}
	#spwp_laatste_wedstrijd .spwp_team .tegen {
		font-weight: 700;
		font-size: 25px;
	}
	#spwp_laatste_wedstrijd .spwp_team img {
		width: 135px;
		height: 135px;
		object-fit: contain;
		display: block;
	}
	#spwp_laatste_wedstrijd .spwp_team h3 {
		margin-top: 10px;
	}


#spwp_laatste_wedstrijd .spwp_competitiesoort {
	display: flex;
	justify-content: center;
}

#spwp_laatste_wedstrijd .spwp_datumtijd {
	display: flex;
	justify-content: center;
}
	#spwp_laatste_wedstrijd .spwp_datumtijd p {
		margin-bottom: 5px;
	}
	#spwp_laatste_wedstrijd .spwp_datumtijd .spwp_competitiesoort {
		font-weight: 700;
	}	

@import url("responsive.css");