/* @override 
	http://www.waltergrafik.at/wm2023/wp-content/themes/bjork-child/style.css?*
	https://www.waltergrafik.at/wm2023/wp-content/themes/bjork-child/style.css?*
	https://www.waltergrafik.at/wm2024/wp-content/themes/bjork-child/style.css?*
	http://www.waltergrafik.at/wm2024/wp-content/themes/bjork-child/style.css?*
	https://www.waltergrafik.at/em2024/wp-content/themes/bjork-child/style.css?* */

/*
Theme Name: Björk Child
Theme URI: https://andersnoren.se/teman/bjork-wordpress-theme/
Template: bjork
Author: Anders Norén
Author URI: https://andersnoren.se
Description: Björk is a minimal theme for blogs and personal websites. It features a sticky sidebar menu on desktop for quick and easy navigation, and the clean design puts your content front and center. Björk comes with seven different theme styles to choose from, and over 15 different block patterns that you can use to quickly build unique page layouts. Demo: https://andersnoren.se/themes/bjork/
Tags: blog,portfolio,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,sticky-post,threaded-comments,translation-ready,block-styles,wide-blocks,full-site-editing,left-sidebar
Version: 14
Updated: 2024-06-17 15:04:00

*/

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap')
	


html {
}

body {
  font-family: "Red Hat Display", sans-serif !important;
  font-weight: 400;
  font-style: normal;
background: -webkit-linear-gradient(-259deg, rgba(20,88,37,1) 0%, rgba(15,40,3,1) 100%) no-repeat fixed rgb(20,88,37);
	background: -moz-linear-gradient(-259deg, rgba(20,88,37,1) 0%, rgba(15,40,3,1) 100%) no-repeat fixed rgb(20,88,37);
  background: linear-gradient(349deg, rgba(20,88,37,1) 0%, rgba(15,40,3,1) 100%) no-repeat fixed rgb(20,88,37);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#145825",endColorstr="#0f2803",GradientType=1);
}

h1, h2, h3, h4, h5, h6, p {
font-family: "Red Hat Display", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

h1 {
	text-align: center;
}

h2 {
	margin-top: 10px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 800px) {
	h1 {
	font-size: 40px;
	font-weight: 800;
	}

}


.wp-site-blocks {
	padding-bottom: 80px;
	background-color: rgba(255, 255, 255, 0)
}

.home .wp-site-blocks {
	padding-bottom: 0px;
}

.entry-content {
	margin-top: 20px !important;
}

/* FORMFIELDS AND BUTTONS */

/* Style for input, textarea, and select */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
    border: 2px solid #7AFF2E !important; /* Green border */
    border-radius: 10px !important; /* Rounded corners */
    background-color: transparent !important; /* Transparent background */
    padding: 8px !important; /* Padding for input */
    font-size: 16px !important; /* Font size */
    /* Text color */
    outline: none !important; /* Remove default outline */
	color: white !important;
}

/* Style for input when focused */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    border-color: #007f00 !important; /* Darker green border when focused */
}

/* Style for disabled input */
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
textarea:disabled,
select:disabled {
    opacity: 0.5 !important; /* Reduced opacity for disabled input */
}

/* Style for labels */
label {
    color: #fff !important; /* White label font */
}

/* Hide the default checkbox */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    outline: none;
}

/* Style the custom checkbox */
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 2px solid #7AFF2E; /* Green border */
    border-radius: 20px; /* Rounded corners */
    background-color: transparent; /* Transparent background */
    cursor: pointer;
}

/* Style the checkbox when checked */
input[type="checkbox"]:checked {
    background-color: #007f00; /* Green background when checked */
	border: 2px solid #007f00;
}

.submit,
.button,
#wppb-recover-password-button.submit.button,
form#predictionform-1.fp-form.fp-prediction-form div.buttonblock.button-matches.pool-page.form-1 input {
    background-color: #7AFF2E !important; /* Green background */
    color: #000 !important; /* Black font color */
    padding: 10px 20px !important; /* Adjust padding as needed */
    border: none !important; /* Remove default border */
    border-radius: 20px !important; /* Rounded corners */
    cursor: pointer !important; /* Show pointer cursor on hover */
    text-decoration: none !important; /* Remove default text decoration */
    display: inline-block !important; /* Ensure inline-block display */
	font-weight: 600;
	font-size: 18px;
}

.submit:hover,
.button:hover {
    background-color: #007f00 !important; /* orange background on hover */
}


/* specific for user plugin */
.wppb-user-forms,
.wppb-user-forms * {
	max-width: 900px;
    -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box !important; /* Firefox, other Gecko */
    box-sizing: border-box !important; /* Opera/IE 8+ */
}


input#register, input#wppb-submit.button.button-primary {
	color: #000000 !important;
	font-weight: 600;
	font-size: 18px;
}

span.wppb-required {
	color: #7AFF2E;
}

div#wppb-login-wrap.wppb-user-forms p.login-register-lost-password {
	font-size: 70%;
}

.wppb-success {
	color: black !important;
}

/* TIPPSPIEL General */
span.username {
	color: inherit;
	font-weight: bolder
}

/* TIPPSPIEL Begegnungen*/

.fp-notice.updated, .fp-notice.error {
	display: inherit;
	text-align: center;
	line-height: inherit;
	overflow: hidden;
	padding: 10px
}

.fp-notice.updated {
	background: #7AFF2E;
	-webkit-box-shadow: 0 0 5px #00a0d2;
	-moz-box-shadow: 0 0 5px #00a0d2;
	box-shadow: 0 0 5px #00a0d2;
	color: black;
}

.fp-notice.error {
	background: #ffbfbf;
	-webkit-box-shadow: 0 0 5px #f44336;
	-moz-box-shadow: 0 0 5px #f44336;
	box-shadow: 0 0 5px #f44336
}

table.matchinfo {
	max-width: 100% !important;
}

tbody tr td {
	font-size: 16px !important;
}

td.time {
	padding-left: 0px !important;
}

td.matchtype {
	font-size: 30px !important;
	padding-bottom: 20px !important;
	padding-top: 30px !important;
}



td.matchdate {
   font-size: 18px !important;
   background-color: transparent !important;
   border-bottom: 1px solid #7AFF2E !important;
}


img.flag {
	max-width: 50px;
	padding-top: 20px;
}

/* Begegnungen Smartphone */

@media only screen and (max-width: 600px) {
	table.matchinfo td {
		text-transform: uppercase;
		font-size: 14px !important;
		font-weight: bold;
	}




}

@media only screen and (max-width: 400px) {
	table.matchinfo td {
		text-transform: uppercase;
		font-size: 10px !important;
            white-space: nowrap; /* Verhindert Zeilenumbrüche */
            overflow: hidden; /* Verbirgt den überflüssigen Text */
            text-overflow: ellipsis; /* Fügt '...' hinzu, wenn der Text abgeschnitten wird */
            padding: 5px;
	}
		td.score {
		width: 25px;
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

}




/* TIPPSPIEL Gruppen */
div.ranking.group-ranking-wide {
	border: none;
}

table.ranking {
	border: none;
	border-collapse: collapse;
	width: 100%
}

table.ranking th {
	text-align: left;
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #7AFF2E
}

table.ranking td {
	padding: .1em .5em
}

.group-ranking th.wins, .group-ranking td.wins, .group-ranking th.draws, .group-ranking td.draws, .group-ranking th.losses, .group-ranking td.losses {
	background-color: transparent
}

.group-ranking th.plays, .group-ranking td.plays, .group-ranking th.points, .group-ranking td.points {
	background-color: transparent
}

.group-ranking th.team, .group-ranking td.team, .group-ranking th.goals, .group-ranking td.goals {
	background-color: transparent
}

.group-ranking td.goals, .group-ranking th.goals {
	font-size: .6em;
	padding: .1em .2em
}

.group-ranking th.team, .group-ranking th.points, .group-ranking td.points, .group-ranking th.plays, .group-ranking td.plays {
	font-weight: bolder
}

.group-ranking td.team, .group-ranking th.team {
	width: 30%
}

table.ranking td {
	font-size: 80%
}

table.ranking td.plays, table.ranking td.points {
	font-size: 90%
}

div.ranking.group-ranking-wide {
	padding: 0;
}

/* RANGLISTE */
table.pool-ranking {
	margin-left: 0 !important;
	margin-top: 40px !important;
}

table.pool-ranking.ranking-page {
	width: 100%;
	max-width: 100%
}

table.pool-ranking td {
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 5px;
	padding-top: 5px;
	
}

table.pool-ranking td.user-rank {
	text-align: right;
	width: 2em
}

table.pool-ranking.ranking-page tbody tr.odd td {
	background-color: rgba(122, 255, 46, 0.23);
}

table.pool-ranking.ranking-page tbody tr:first-child td {
	font-weight: 900;
	font-size: 110% !important;
	padding-bottom: 10px;
		padding-top: 10px;

	background-color: #7AFF2E;
	color: black;
} 

/* FOOTER */

:where(figure) {
    margin: 0;
}

/* FOOTER animation */
@keyframes spin {
  to {
    transform:  translate(-400px, 0px) rotate(-3turn);
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    #ball {
      animation: spin linear both !important;
      animation-timeline: scroll() !important;
    } 
  }
}

@layer demo.support {
  
  #ball {
    /* position fixex so our star stays in view */
    position: fixed;
	z-index: 10;
    bottom: 5px;
	right: 40px;
    /* center the star in the div */
  }
  

}

@media only screen and (max-width: 600px) {
	table.ranking td {
		padding: 0;
		font-size: 14px !important;
	}
	
	
  #ball img {
  	width: 100px;
  }
}

#gras {
	width: 100%;
	height: 80px;
	background: url(gras-footer.png) 0 bottom repeat-x;
	background-size: 800px;
	position: fixed;
	bottom: -10px;
	z-index: 20;
}