/*------------------------------------*\
    Columns
\*------------------------------------*/
[class*='col-'] {
    float: left;
    position: relative;
}
.grid:after {
    content: "";
    display: table;
    clear: both;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[class*='col-'] {
    padding: 0 15px 0 15px;
}
.no-padding {
    padding: 0;
}
.extra-padding {
    padding: 0 50px;
}

@media only screen and (max-width: 490px) {
    
    .extra-padding {
        padding: 0 25px;
    }
    
}

/* 12 Col Grid */
.col-1 {
    width: 8.333333%;
}
.col-2 {
    width: 16.666666%;
}
.col-3 {
    width: 24.999999%;
}
.col-4 {
    width: 33.333333%;
}
.col-5 {
    width: 41.666665%;
}
.col-6 {
    width: 49.999999%;
}
.col-7 {
    width: 58.333331%;
}
.col-8 {
    width: 66.666664%;
}
.col-9 {
    width: 74.999997%;
}
.col-10 {
    width: 83.33333%;
}
.col-11 {
    width: 91.666663%;
}
.col-12 {
    width: 100%;
}
/* 10 Col Grid */
.col-1-10 {
    width: 10%;
}
.col-2-10 {
    width: 20%;
}
.col-3-10 {
    width: 30%;
}
.col-4-10 {
    width: 40%;
}
.col-5-10 {
    width: 50%;
}
.col-6-10 {
    width: 60%;
}
.col-7-10 {
    width: 70%;
}
.col-8-10 {
    width: 80%;
}
.col-9-10 {
    width: 90%;
}
.col-10-10 {
    width: 100%;
}

/* Overlay Loading Spinner */
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #d90011;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#stream-form-overlay {
    background: #777;
    background: -webkit-radial-gradient(rgba(120, 120, 120, 0.8), rgba(100, 100, 100, 0.8) 50%, rgba(70, 70, 70, 1));
    background: -moz-radial-gradient(rgba(120, 120, 120, 0.6), rgba(100, 100, 100, 0.8) 20%, rgba(70, 70, 70, 1));
}

#stream-form-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 16777271;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/* Overrides */
.u-wrapper--max-sm {
    max-width: 1024px;
}

#ui-datepicker-div select {
    height: auto!important;            
}

pre {
    color: #000;
    float: left;
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content > *, .entry .entry-summary > * {
        max-width: 100%
    }
}

.stream-sign-up-form {


}

.stream-sign-up-form section {
    padding: 0 0 30px 0;
}

.input-group-row {

}

.stream-sign-up-form .input-row {
    float: left;
}

.stream-sign-up-form label {
    width: 100%;
    float: left;
    cursor: pointer;
}

.stream-sign-up-form input[type=text], .stream-sign-up-form select {
    width: 100%;
    float: left;
    height: auto;
}

.stream-sign-up-form select {
    cursor: pointer;
}


section ul, section ul li {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.stream-sign-up-form-playing_squad ul li.input-group-row, .input-group-row {
    padding: 0 0 10px 0;
}

.stream-sign-up-form-playing_squad ul li:nth-child(odd), .stream-sign-up-form-guest_players ul li:nth-child(odd) {
    border-right:1px solid #d90011;
}

.stream-input-disabled {
    position: relative;            
}

.stream-input-disabled:after {
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.65;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.stream-sign-up-form-submit {
   text-align: center; 
}

.input-declaration {
    padding: 20px 15px 20px 15px!important;            
}

.input-declaration label {
    float: left;
    width: auto;
}

.input-declaration input[type=checkbox] {
    float: left;
    margin: 7px 7px 0 0;            
}

.input-declaration small {
    padding: 10px 0px 0px 0px!important;
    float: left;
}

.stream-sign-up-form section.stream-sign-up-form-submit {
    padding: 60px 0 30px 0;
}

.stream-form-input-error input, .stream-form-input-error select {
    border: 1px solid #d90011;
}

.stream-form-section-error {
    border: 1px solid #d90011;
    padding: 10px;
    margin: 15px;
}

/* Error Checking Feedback */
.stream-form-feedback {
    background: rgba(217, 0, 17, .1);
    color: #3d3d3d;
}
.stream-form-feedback p {
    padding: 10px 15px 10px 15px;
}

.stream-form-feedback strong {
    font-weight: normal;
}

/* RWD */
@media only screen and (max-width: 490px) {

    .stream-sign-up-form .input-row {
        float: left;
        padding: 0 0 10px 0;
        width: 100%;
    }
    
    .stream-sign-up-form-playing_squad ul li:nth-child(odd), .stream-sign-up-form-guest_players ul li:nth-child(odd) {
        border-right: 0px solid #d90011;
    }
    
    .stream-sign-up-form-playing_squad ul li, .stream-sign-up-form-guest_players ul li {
        width: 100%;
    }
    
    .stream-sign-up-form .input-player-name {
        width: 65%;
    }
    
    .stream-sign-up-form .input-player-dob {
        width: 35%;
        padding: 0 0 0 15px;
    }
    
    .stream-sign-up-form .stream-form-section-error {
        border: 1px solid #d90011;
        padding: 0;
        margin: 15px 0 0 0;
    }
    
    .stream-sign-up-form .input-declaration {
        padding: 20px 15px 20px 15px!important;
    }
}