@font-face {
  font-family: 'Open Sans';
  src: url('styles/OpenSans-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Open Sans';
  src: url('styles/OpenSans-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Open Sans';
  src: url('styles/OpenSans-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Open Sans';
  src: url('styles/OpenSans-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Quantico';
  src: url('styles/Quantico-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Quantico';
  src: url('styles/Quantico-Bold.ttf') format('truetype');
  font-style: bold;
  font-weight: 700;
}


body {
  background-color: #262a35;
  color:#d5d5d8;
  font-family: 'Quantico';
  background-image:url('images/background.jpg');
  background-size:cover;
  background-repeat: no-repeat;
  background-position:50% 100%;
  height:100vh;
  background-attachment: fixed;
}


.form-control {
  border-radius:0;
  background-color:#262a35;
  border:1px solid transparent;
  color:white;
  /*border-bottom:1px solid #3e70c1;*/
}
.form-control::placeholder{
  color:#9fa3a6;
}
.form-control:focus{
    background-color: #262a35;
    border:1px solid #66afe9;
    outline: 0;
    box-shadow: none;
    color:white;
}
.btn {
  border-radius:0;
  background-color:#558af2;
  color:white;
}
.btn-secondary {
  background-color:#555a67;
  border:none;
}
.btn:hover {
  background-color:#3172ef;
}


.global-sparring-listing{
  display:flex;
  flex-direction: column;
}
.global-sparring-listing-header{
  display:flex;
  width:100%;
  flex-direction: row;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:.5rem;
  border-bottom:1px solid #52596a;
  margin-bottom:1rem;
}
.global-sparring-listing-header-item {
  display:flex;
  flex-grow:1;
}
.global-sparring-listing-header-item-date{
  flex-grow:.5;
}
.global-sparring-listing-header-item-initiator{
  justify-content: flex-start;
}
.global-sparring-listing-header-item-sparring{
  justify-content: flex-start;
  flex-grow:2;
}
.global-sparring-listing-header-item-helper{
  display:flex;
  flex-grow:1;
  justify-content:flex-start;
}
.global-sparring-listing-header-item-ticker{
  display:flex;
  flex-grow:1;
  justify-content:center;
}

.global-sparring-listing-line {
  display:flex;
  flex-direction: row;
  width:100%;
  padding-left:1rem;
  padding-right:1rem;
}
.global-sparring-listing-line-date{
  display:flex;
  flex-grow:.5;
  align-items:center;
}
.global-sparring-listing-line-sparring-container{
  display:flex;
  flex-grow:2;
  justify-content:center;
  overflow:hidden;
}
.global-sparring-listing-line-sparring-separator{
  flex-grow:1;
  position:relative;
  max-width:7rem;
}

.global-sparring-listing-line-sparring-video{
  position: absolute;
  width: 200%;
  left: -55%;
  top: 50%;
  margin-top: -55%;

}
.global-sparring-listing-line-initiator{
  display:flex;
  z-index:2;
  padding:1rem;
}
.global-sparring-listing-line-sparring-partners {
  display:flex;
  flex-grow:0;
  z-index:2;
  padding:1rem;
}
.global-sparring-listing-line-helper{
  display:flex;
  flex-grow:1;
  justify-content:center;
  padding:1rem;
}
.global-sparring-listing-line-ticker{
  display:flex;
  flex-grow:1;
  justify-content:center;
  align-items: center;
}
.global-sparring-listing-line-ticker btn{
  min-width:5rem;
}