.video-overlay {
  color: #2E3039;
}

.info-individual img {
  width: 100%;
  height: auto;
}

.no-focus {
  background-color: #EFF0F4 !important;
  border: 0;
}

.no-focus:hover {
  cursor: not-allowed;
}

.video-overlay:hover {
  color: #2b3087;
  cursor: pointer;
}

.video-overlay-button {
  font-size: 100px;
}

.mce_inline_error {
  background: transparent;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bdb9b9' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bdb9b9' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.dropdown-z-index {
  z-index: 2000 !important;
}

.playerRowHide {
  display: none !important;
}

.rosterError.errorStyle {
  background-color: #f297a0 !important;
}

.rosterError {
  transition: background-color 0.5s ease;
}

#playing .video-play-icon {
  color: #5a62f3 !important;
}

#playing .highlight-category {
  color: #5a62f3 !important;
}

#playing .highlight-start-time-adjust {
  color: #5a62f3 !important;
}

.video-play-icon {
  transition: color 0.5s ease;
}

.highlight-category {
  transition: color 0.5s ease;
}

.highlight-start-time-adjust {
  transition: color 0.5s ease;
}

.cursor-pointer:hover {
  cursor:pointer;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #2B3087; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin .5s linear infinite;
  position: absolute;
  top: 33%;
  left: 50%;
  margin-top: -44px;
  margin-left: -44px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading {
  position:fixed;
  width:100%; 
  height: 100%;
  top:0;
  left:0;
  background-color: #000;
  opacity: .1;
}

.highlight-card .dropdown-toggle::after{
  display:none;
}

.dropdown-custom-icon .dropdown-toggle::after{
  display:none;
}

.arrow-home {
  opacity: 0;
}

.arrow-away {
  opacity: 0;
}

.not-opaque {
  opacity: 1;
}

.width-sizing {
  width: auto;
}

.table td, .table th {
  vertical-align: middle;
}

.light-blue-bg {
  background-color: #fcfdff;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-750 {
  max-width: 750px;
}

.dropdown-toggle {
  color: inherit; 
}

.dropdown-toggle::after {
  color: inherit; 
}

.dropdown-toggle-grey::after {
  color: #4F5362 !important;
}

.dropdown-hr {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;  
}

.table-a {
  position: relative;
  font-size: 15px;
  top: -2px;
}

/***** BACKGROUND IMAGE *****/

.bg-img {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
} 


/***** NAV *****/

.nav-link-default {
  color: white !important;
}

.nav-link-default:hover {
  font-weight: 800;
}

.nav-link-grey {
  color: #4F5362 !important;
}

.nav-link-grey:hover {
  font-weight: 800;
}

 .custom-toggler {
  background-color: white;
} 

.head-nav-center{
  width: 215px;
}

.head-nav-logo-margin {
  margin-right: 76.55px;
}

/* The following class is calculated by taking .head-nav-center, subtracting the width of the nav logo, and adding the difference as margin right. 
This ensures that the middle portion of the nav remains in the center*/
.head-nav-center-margin{
  margin-right: 46.177px;
}

.navbar button:focus {
  outline: none;
}


/***** HERO *****/

.hero-logo {
  height: auto;
  width: 13rem ;
}




/***** HIGHLIGHTS *****/

.tagged-players {
  padding: .375rem 1.75rem .375rem .75rem;  
  background-color: #EFF0F4 !important;
  border: 0;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: .25rem!important;
  overflow-y: scroll;
  max-height: 129px;
  min-height: 100px;
}

.highlight-box {
  background-color: rgba(239, 239, 239, 0.6);
}

.highlight-card {
  max-width: 400px;
  width: 100%;
}

.highlight-video-seek {
  text-decoration: none !important;
}

.highlight-video-seek:hover {
  cursor: pointer;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cta-carousel-indicators-dark {
  bottom: -1%;
}

.cta-carousel-indicators-dark li {
  width: 0.5em;
  height: 0.5em;
  transition: background-color 100ms,color 100ms;
  border-radius: 100%;
  background-color: black;
  
}

.cta-carousel-indicators-light {
  bottom: -1%;
}

.cta-carousel-indicators-light li {
  width: 0.5em;
  height: 0.5em;
  transition: background-color 100ms,color 100ms;
  border-radius: 100%;
}


/***** GOOD COMPANY *****/

.gc-p-width {
  width: 195px;
}

.gc-icon-size {
  width: 100px;
  height: 100px;
}


/***** FOOTER *****/
.footnav-link-default {
  color: white !important;
  opacity: .9;
  white-space: nowrap;

}

.footnav-link-default:hover {
 opacity: 1;
 text-decoration: none;
}

.foot-nav-center {
  width: 130px;
}

/***** TESTIMONIAL CAROUSEL *****/

#carousel-control-prev-position {
  height: 33%;
  top: 21%;
  left: -1%;
  width: 13%;
  color: #666666;
  opacity: 1;
  font-size: 50px;
}

#carousel-control-next-position {
  height: 33%;
  top: 21%;
  right: 59%;
  width: 13%;
  color: #666666;
  opacity: 1;
  font-size: 50px;
}

.testimonial-indicators {
  height:auto !important; 
  background-color:transparent !important; 
  text-indent:0 !important;
}

.carousel-coach-img {
  width: 180px;
  height: 180px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.carousel-img-sm {
   width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.carousel-indicators-bottom {
  bottom: 102%;
}

.testimonial-text-mh {
  height: 165px;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.1s;
}

/***** SIGN UP/IN MODAL *****/

.modal-input-style {
  background-color: #EFF0F4 !important;
  border: 0;
}

.modal-input-style-disabled {
  background-color: #EFF0F4 !important;
  border: 0;
}

.modal-input-style-disabled:hover {
  cursor: not-allowed;
}



.modal-input-style:active {
  box-shadow: 0px 12px 25px #ADB2C79E;
  background-color: white !important;
  outline: none;
}

.modal-input-style:focus {
  box-shadow: 0px 12px 25px #ADB2C79E;
  background-color: white !important;
  outline: none;
  border: none;
}

.modal-border-radius {
  border-radius: 14px;
}


/***** CHECKBOX *****/


 .custom-checkbox {
  position: relative;
}

.custom-checkbox label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.custom-checkbox label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.custom-checkbox input[type="checkbox"] {
  visibility: hidden;
}

.custom-checkbox input[type="checkbox"]:checked + label {
  background-color: #2B3087;
  border-color: #2B3087;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
} 


/***** PROFILE *****/

.profile-coach-img {
  top: 209px;
  left: 161px;
  width: 120px;
  height: 120px;
  opacity: 1;
  border-radius: 50%;
}

.profile-div-width {
  width: 202px;
}

/***** Accordion *****/
.accordion-button {
  background-color: #2B3087;
  color: white !important;
  text-decoration: none !important;
}

.accordion-button.collapsed {
  background-color: #EFF0F4;
  color: #4F5362 !important;
  text-decoration: none !important;
}

/***** Help Menu *****/
.btn-help-cat:focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,.25);  
}

.helpMenu-pill {
  min-width: 47px;
}

.carousel-item.carousel-help {
    right: 50%;
}

/***** MEDIA QUERIES *****/

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
   

    
}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  #carousel-control-prev-position {
    height: 15%;
    top: 7.5%;
    left: 23%;
    width: 13%;
  }
  
  #carousel-control-next-position {
    height: 15%;
    top: 7.5%;
    right: 23%;
    width: 13%;
  }
  
  .carousel-max-width {
    max-width: 25rem;
  }
  
  .carousel-inner-padding {
    padding-top: 4rem;
    }
    
  .carousel-indicators-bottom {
    bottom: 100.5%;
    }
  
  .footer-width {
    width: 100%;
  }
  
  .bg-img-kick {
      width: auto;
      height: 33rem;
      position: absolute;
      left: 28%;
      top: 56%;
      opacity: 0.1;
  }
  
  .testimonial-text-mh {
    height: 200px;
  }
  
  .dropdown-toggle::after {
    display: none;
  }  
  
  .dropdown-custom-icon .dropdown-toggle::after{
    display:none;
  }

  .collapse-center {
    width: 138.45px;
  }  

  .head-nav-center {
    width: 138.45px;
  }
  
  .head-nav-logo-margin {
    margin-right: 0;
  }
  
  .user-icon-mobile {
    font-size: 30px;
  }
  
  .width-sizing {
    width: 100%;
  }  
  
  .mobile-table-row {
    display:none;
  }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

  .footer {
    width: 100%;
  }

  #carousel-control-prev-position {
    height: 15%;
    top: 10.5%;
    left: 18%;
    width: 13%;
  }
  
  #carousel-control-next-position {
    height: 15%;
    top: 10.5%;
    right: 18%;
    width: 13%;
  }   
  
  .collapse-center {
    width: 51px;
  }  

  .head-nav-center {
    width: 51px;
  }  


}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  #carousel-control-prev-position {
    height: 15%;
    top: 13.5%;
    left: 4%;
    width: 13%;
  }
  
  #carousel-control-next-position {
    height: 15%;
    top: 13.5%;
    right: 4%;
    width: 13%;
  }    
  
  .gc-p-width {
    width: 125px;
  }  
  
  .gc-icon-size {
    width:90px;
    height:90px;
  }
  

    
}