/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.hidden{display:none}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:static !important;overflow:visible;clip:auto;width:auto;height:auto}.invisible{visibility:hidden}


.imageblock {
  position: relative;
  padding: 0;
}

.imageblock .imageblock__content {
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 2;
  padding: 0;
}

.pos-right {
  right: 0;
}

.background-image-holder {
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
}

.bg--secondary {
  background: #fafafa;
}

.btn-sports {
  color: #fff;
  background-color: #ff8800;
  border-color: #ff8800;
  box-shadow: none; }


.carousel-cell-2 {
  width: 30%; }

.badge-transparent {
  color: none;
  background-color: none; }

.container-2 {
    min-width: 496px !important; }


.container-2 {
  width: 50%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.table-2 {
  width: 80%;
  margin-bottom: 1rem;
  color: #555A64; }

.btn .btn-sportteams {
  color: #50A5B1;
  background-color: #50A5B1;
  border-color: #50A5B1;
  box-shadow: none; }
  .btn-sportteams:hover {
    color: #50A5B1;
    background-color: #50A5B1;
    border-color: #50A5B1; }
  .btn-sportteams:focus, .btn-sportteams.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(38, 170, 135, 0.5); }
  .btn-sportteams.disabled, .btn-sportteams:disabled {
    color: #fff;
    background-color: #50A5B1;
    border-color: #50A5B1; }
  .btn-sportteams:not(:disabled):not(.disabled):active, .btn-sportteams:not(:disabled):not(.disabled).active,
  .show > .btn-sportteams.dropdown-toggle {
    color: #50A5B1;
    background-color: #50A5B1;
    border-color: #50A5B1; }
    .btn-sportteams:not(:disabled):not(.disabled):active:focus, .btn-sportteams:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 170, 135, 0.5); }

.btn .btn-sportteams-2 {
  color: #F1600D;
  background-color: #F1600D;
  border-color: #F1600D;
  box-shadow: none; }

.btn-terciary {
  color: #fff;
  background-color: #F1600D;
  border-color: #F1600D;
  box-shadow: none; }
  .btn-terciary:hover {
    color: #fff;
    background-color: #F1600D;
    border-color: #F1600D; }
  .btn-terciary:focus, .btn-terciary.focus {
    box-shadow: none, 0 0 0 0.2rem rgba(206, 209, 214, 0.5); }
  .btn-terciary.disabled, .btn-terciary:disabled {
    color: #fff;
    background-color: #F1600D;
    border-color: #F1600D; }
  .btn-terciary:not(:disabled):not(.disabled):active, .btn-terciary:not(:disabled):not(.disabled).active,
  .show > .btn-terciary.dropdown-toggle {
    color: #fff;
    background-color: #F1600D;
    border-color: #F1600D; }
    .btn-terciary:not(:disabled):not(.disabled):active:focus, .btn-terciary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-terciary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(206, 209, 214, 0.5); }


.bg-primary-4 {
  background-color: #1C4861 !important; }

a.bg-primary-4:hover, a.bg-primary-3:focus,
button.bg-primary-4:hover,
button.bg-primary-4:focus {
  background-color: #091012 !important; }


.text-soccer {
  color: #1C4861 !important;
}