@import url("../bootstrap-icons-54f0323ec241ca284ca29408317fda2b.css");

/* Global variables */
:root {
  --bs-primary: #505279;
  --bs-link-color-rgb: 80, 82, 121;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-link-color);  
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #444667;
  --bs-btn-hover-border-color: transparent;
}

.form-check-input:checked {
  background-color: var(--bs-primary);;
  border-color: var(--bs-primary);;
}

.progress, .progress-stacked {
  --bs-progress-bar-bg: var(--bs-primary);
}

/* 
//$btn-primary-bg: var(--bs-gray-300); 
//$btn-primary-color: $black;
//$border-radius-base: $border-radius;
//$gray-lighter: $gray-100;
//$gray-light:  $gray-300;
//$screen-sm-min : $grid-breakpoints(sm);
//$screen-md-min : $grid-breakpoints(md);
//$screen-lg-min: $grid-breakpoints(lg);
*/ 

/* navbar */
#navigation, .footer-navigation {

  .navbar, .footer-navbar {
    --bs-navbar-color: var(--bs-link-color);
    --bs-navbar-hover-color: var(--bs-link-hover-color);
    --bs-navbar-nav-link-padding-x : 15px;
  }

  i {
    -webkit-text-stroke: 0.7px;
  }
}

/* Form */
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
  text-align: center;

  img {
    width:300px;
  }

  .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
  }

  .form-control:focus {
    z-index: 2;
  }

  input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}


footer {
  margin-bottom:55px;
}

nav.footer-navigation {

  height:50px;
  
  a {
    text-decoration: none;    
  }

  .active {
    background-color: var(--bs-gray-300);
    a {
      font-weight: bold;
    }    
  }
}


.a-active-function {
    text-align: center;

    a {
      color: var(--bs-gray-200);
    }

    a.active {
      font-weight: bold;
      color: inherit;
    }
}

form#fixtures-filter {

  .input-group > * {
    border: 1px var(--bs-gray-300) solid !important;
  }

  .input-group-text {
    background-color: var(--bs-gray-100);
  }

  .filters {
    border: 1px var(--bs-gray-300) solid;
    padding-top:5px;
    margin: 0px 0px;
    background-color: var(--bs-gray-100);
    border-radius: 5px;
  }
}

div.predictions .prediction-value:not(:first-child), div.odds .odds-value:not(:first-child) {      
  margin-left:5px;
}

#fixtures-list {
  .league-title {
    background-color: var(--bs-gray-100);
    border-radius: 5px;
  }
}