/*
  Copyright © 2022 Riccardo Foglio <riccardo.fogliopara@gmail.com>
  Free for personal use; see 'LICENSE.md' for details.
  https://github.com/RiccardoFoglio/Stats-Project
*/

.main-content-placeholder {
  margin: 0;
  text-rendering: auto;
  padding: 0 24px;
  color: #494949;
  font-size: 1rem;
  line-height: 2;
  font-family: 'Roboto', sans-serif;
}

*,
*:before,
*:after {
  word-wrap: break-word;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


img {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
/* Stili per i link NAVBAR PRINCIPALE */
a,
a:link {
  /* Giaguari
  color: Black; */
  /* Blue Team */
  color: white;
  
}

a:visited {
  /* Giaguari
  color: Black; */
  /* Blue Team */
  color: white;
}

h3 {
  font-size: 1.25rem;
  margin: .75rem 0;
}

h4 {
  font-size: 1.125rem;
  margin: .66rem 0;
}

h5 {
  font-size: 1rem;
  margin: .5rem 0;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
  width: auto;
}

button [disabled] {
  cursor: not-allowed;
}

article,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

figure {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

table {
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
  border-color: grey;
}

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: -internal-center;
}

td {
  display: table-cell;
  vertical-align: inherit;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

dt {
  display: block;
}

dd {
  display: block;
  margin-inline-start: 40px;
}

div {
  display: block;
}

caption {
  display: table-caption;
  text-align: -webkit-center;
}

tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}

input,
textarea,
select,
button {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

input,
select,
textarea {
  color: #494949;
  border-radius: 2px;
  border: 1px solid #cccccc;
  width: 100%;
  padding: 4px 8px;
}

select:not(:-internal-list-box) {
  overflow: visible !important;
}

select {
  writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: fieldtext;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  appearance: auto;
  box-sizing: border-box;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  background-color: field;
  cursor: default;
  margin: 0em;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
  border-radius: 0px;

  margin-top: 24px;
}

body {
  margin: 0;;
  background-color: #F8F8FF;
}

footer {
  /* Giaguari 
  background-color: #ffd700; */
    /* Blue Team */
  background-color: #003595;
  ;
  height: 60px;
  margin: 0;
  padding: 0;
}

footer p {
  padding: 18px;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
  /* Blue Team
  color: #000; */
  /* Blue Team */
  color: #ffffff;}

/* Stile per il logo LiveStats - Opzionale */
#live-stats-logo {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Responsive per dispositivi mobili */
@media screen and (max-width: 768px) {
    #live-stats-logo {
        max-height: 90px !important;
        max-width: 350px !important;
        margin-bottom: 15px !important;
    }
}
