/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
init.js --> $color_primary = '#1892ed';
*/

/* Organization Color Adjustments */
:root {
  /* use: var(--primary-color)*/
  /* Default */
  /* --primary-color: #1892ed; */
  /* Curremt Theme */
  --primary-color: #da191e;
}

.player-heading {
  /* Default */
  /* background-image: url("../images/soccer/page-heading.jpg"); */
  /* Curremt Theme */
  background-image: url("../images/soccer/page-heading_red.jpg");
}

.card__header::before {
  background-color: var(--primary-color) !important;
}

.alc-event-team
  + .alc-event-team.alc-event-team--winner
  .alc-event-team__score::after {
  border-left: 8px solid var(--primary-color);
}

.alc-event-team--winner .alc-event-team__score::after {
  border-right: 8px solid var(--primary-color);
}

.widget-game-result__score-result--winner::before {
  border-left: 8px solid var(--primary-color);
}

.text-primary {
  color: var(--primary-color) !important;
}

.nav-account .nav-account__item > a .highlight {
  color: var(--primary-color) !important;
}

.widget-results__score-winner::before {
  border-left: 4px solid var(--primary-color);
}
.widget-results__score-loser ~ .widget-results__score-winner::after {
  border-right: 4px solid var(--primary-color);
}

.main-nav .main-nav__list > li > a .highlight {
  color: var(--primary-color);
}

.footer-secondary--has-decor .footer-secondary__inner::before,
.footer-secondary--has-decor .footer-secondary__inner::after {
  background-color: var(--primary-color) !important;
}

.btn-action-f90 {
  background-color: var(--primary-color) !important;
  color: #fff;
  border-color: transparent;
}
.btn-action-f90:hover {
  background-color: var(--primary-color) !important;
  filter: brightness(1.2);
}

.a-action-f90 {
  color: var(--primary-color) !important;
}
.a-action-f90:hover {
  color: var(--primary-color) !important;
  filter: brightness(1.2);
}

.content-filter__link::before {
  background-color: var(--primary-color);
}

.featured-carousel .slick-dots li.slick-active button,
.player-info .slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

/* ./END Organization Color Adjustments */

.modal--login .modal-account__item--logo {
  background-image: url("../images/f90-madrid-nobg.png"),
    url("../images/soccer/page-heading_red.jpg");
  background-position: center -30px, center;
  background-size: contain, cover;
  background-repeat: no-repeat, no-repeat;
}

.curs-pointer {
  cursor: pointer;
}

@media (max-width: 991px) {
  .modal--login .modal-account__item {
    flex-basis: 100%;
  }
}

@media (max-width: 768px) {
  .modal-dialog {
    margin-top: 85px;
  }
}

/* Animated Arrows */
.lock-unlock {
  /* display: flex;  */
  align-items: center;
  gap: 8px;
  font-size: 24px;
}
.lock-unlock span {
  animation: fadeMove 1.5s infinite;
}

.simple-arrows {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
}

.simple-arrows span {
  animation: fadeMove 1.5s infinite;
}

/* Animação das setas */
@keyframes fadeMove {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}

/* Estilo para o ícone */
.simple-arrows i {
  font-size: 24px;
}

/* ./END Animated Arrows */

.item-featured {
  border-radius: 50%;
  border: 2px solid var(--primary-color);
  width: inherit;
  height: inherit;
}

.header-title h1 {
  display: block;
  font-size: 0;
  color: transparent;
  height: 0;
}
.header-title h2 {
  display: block;
  font-size: 0;
  color: transparent;
  height: 0;
}
.header-title p {
  display: block;
  font-size: 0;
  color: transparent;
  height: 0;
}

.post-filter__select .post-filter__label {
  top: 28px;
}

.no-link {
  cursor: default !important;
}

.icon-widget-title-24 {
  font-size: 24px;
  vertical-align: middle;
}

/* Navigation */
.header--layout-1 .header__primary-inner::before {
  width: 175px;
}
@media (min-width: 992px) and (max-width: 1345px) {
  .header-search-form {
    width: 200px;
  }
}

.main-nav {
  text-align: left;
  @media (min-width: 992px) {
    margin-left: 150px;
  }
}

.main-nav__list > li > a:hover::before {
  background-color: transparent !important;
  box-shadow: inset 0 -5px 0 0 var(--primary-color);
}

.main-nav__list > li > a {
  padding: 0 15px;
}

.main-nav__list > li.active > a {
  color: var(--primary-color);
  text-decoration: none;
  background-color: transparent;
}
.main-nav__list > li.active > a::before {
  background-color: transparent;
}

.nav-account {
  display: inline-flex;
}

input.header-mobile__search-control {
  @media (min-width: 992px) {
    background-color: #212529;
  }
}

#widget_filter {
  display: none;
}
@media (min-width: 992px) {
  #widget_filter {
    display: block;
  }
}

.card__header--has-btn > h4 {
  margin-bottom: 0;
  font-size: 12px;
}
.card__header--has-checkbox > h4 {
  margin-bottom: 0;
  font-size: 12px;
}

.card__header > h4 {
  margin-bottom: 0;
  font-size: 12px;
}
.card__header > h4 {
  margin-bottom: 0;
  font-size: 12px;
}

@media (min-width: 992px) {
  .card__header--has-btn > h4 {
    font-size: 14px;
  }
  .card__header--has-checkbox > h4 {
    font-size: 14px;
  }
  .card__header > h4 {
    font-size: 14px;
  }
  .card__header > h4 {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .shop-filter__result {
    padding: 12px 24px 12px 24px;
  }
}

.widget-tabbed .nav.widget-tabbed__nav .nav-link.fixture-detail.active {
  border-bottom: 5px solid var(--primary-color);
}

.card__header--double::after {
  background-color: var(--primary-color);
}

.header-logo {
  bottom: 0;
}

@media only screen and (max-width: 991px) {
  .header-mobile__inner {
    height: 80px;
  }
}

/* Autocomplete */
.suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
}

.suggestion-item {
  padding: 10px;
  position: fixed;
  top: 62px;
  z-index: 1000;
  margin: 0;
  padding: 0;
  min-width: 240px;
  background-color: white;
  border: solid 1px #e4e7ed;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.suggestion-item:hover {
  background-color: #f0f0f0;
}
/* Navigation / End */

/* Home */
.widget-tabbed .nav.widget-tabbed__nav .nav-link.active {
  color: var(--primary-color) !important;
}

.calendardate-mob-width {
  width: 40px !important;
}
/* Home / End */

.truncate {
  width: 100px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.no-icon > span ::after {
  background-image: none !important;
}
.no-icon ::after {
  background-image: none !important;
}

@media only screen and (max-width: 991px) {
  .icon-adjust::before {
    left: 28px !important;
  }
}

.no_color::before {
  background-color: transparent !important;
}

.site-content {
  padding: 30px 0;
}

.hidden {
  display: none;
}

.options-scrollable {
  overflow-y: scroll;
  max-height: 350px;
}

@media (min-width: 992px) {
  .post-filter__submit {
    flex-grow: 0;
  }
}

@media (min-width: 1199px) {
  .widget-game-result__score-result--winner::before {
    left: -10px;
  }
  .widget-game-result__score-dash
    + .widget-game-result__score-result--winner::before {
    right: -10px;
  }
}

/* CLUB Players */
.no_counter::before {
  content: none !important;
}
/* CLUB Players ./End */

/* Player Heading */
.player-info__item--details-vertical .player-info-details {
  display: block;
}
@media (min-width: 480px) {
  .player-info__item--details-vertical .player-info-details {
    width: 80%;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .player-info__item--details-vertical .player-info-details {
    width: 260px;
    float: left;
    margin: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .player-info__item--details-vertical .player-info-details {
    float: none;
  }
}
@media (min-width: 992px) {
  .player-info__item--details-vertical .player-info-details--extra-stats {
    width: 80%;
    float: none;
  }
}
.player-info__item--details-vertical .player-info-details__item {
  display: flex;
  align-items: baseline;
  padding: 8px 0 7px 0;
}
.player-info__item--details-vertical .player-info-details__value {
  margin-left: auto;
  font-size: 12px;
  padding-left: 20px;
  text-align: right;
}
.player-info__item--details-vertical .player-info-stats {
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 992px) {
  .player-info__item--details-vertical .player-info-stats {
    flex-direction: row;
  }
}
@media (min-width: 1199px) {
  .player-info__item--details-vertical .player-info-stats {
    float: left;
    width: 140px;
    margin-left: 50px;
    flex-direction: column;
    padding-top: 0;
  }
}
.player-info__item--details-vertical
  .player-info-stats
  .player-info-stats__item {
  float: none;
  min-width: 33.3%;
  flex-basis: 33.3%;
}
@media (min-width: 1199px) {
  .player-info__item--details-vertical
    .player-info-stats
    .player-info-stats__item {
    min-width: 100%;
  }
}
.player-info__item--details-vertical
  .player-info-stats
  .player-info-stats__item
  .circular
  .circular__bar {
  width: 52px;
  height: 52px;
  min-width: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .player-info__item--details-vertical
    .player-info-stats
    .player-info-stats__item
    .circular
    .circular__bar {
    width: 44px;
    height: 44px;
  }
}
.player-info__item--details-vertical
  .player-info-stats
  .player-info-stats__item
  .circular
  .circular__bar
  .circular__percents {
  font-size: 12px;
}
.player-info__item--details-vertical
  .player-info-stats
  .player-info-stats__item
  .circular
  .circular__bar
  .circular__percents
  small {
  font-size: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .player-info__item--details-vertical
    .player-info-stats
    .player-info-stats__item
    .circular
    .circular__bar
    .circular__percents {
    font-size: 12px;
  }
}
.player-info__last-name {
  color: #ffdc11 !important;
}
/* Player Heading /END */

/* Graphs */
.progress__bar-width-1 {
  width: 1%;
}
.progress__bar-width-2 {
  width: 2%;
}
.progress__bar-width-3 {
  width: 3%;
}
.progress__bar-width-4 {
  width: 4%;
}
.progress__bar-width-5 {
  width: 5%;
}
.progress__bar-width-6 {
  width: 6%;
}
.progress__bar-width-7 {
  width: 7%;
}
.progress__bar-width-8 {
  width: 8%;
}
.progress__bar-width-9 {
  width: 9%;
}
.progress__bar-width-10 {
  width: 10%;
}
.progress__bar-width-11 {
  width: 11%;
}
.progress__bar-width-12 {
  width: 12%;
}
.progress__bar-width-13 {
  width: 13%;
}
.progress__bar-width-14 {
  width: 14%;
}
.progress__bar-width-15 {
  width: 15%;
}
.progress__bar-width-16 {
  width: 16%;
}
.progress__bar-width-17 {
  width: 17%;
}
.progress__bar-width-18 {
  width: 18%;
}
.progress__bar-width-19 {
  width: 19%;
}
.progress__bar-width-20 {
  width: 20%;
}
.progress__bar-width-21 {
  width: 21%;
}
.progress__bar-width-22 {
  width: 22%;
}
.progress__bar-width-23 {
  width: 23%;
}
.progress__bar-width-24 {
  width: 24%;
}
.progress__bar-width-25 {
  width: 25%;
}
.progress__bar-width-26 {
  width: 26%;
}
.progress__bar-width-27 {
  width: 27%;
}
.progress__bar-width-28 {
  width: 28%;
}
.progress__bar-width-29 {
  width: 29%;
}
.progress__bar-width-30 {
  width: 30%;
}
.progress__bar-width-31 {
  width: 31%;
}
.progress__bar-width-32 {
  width: 32%;
}
.progress__bar-width-33 {
  width: 33%;
}
.progress__bar-width-34 {
  width: 34%;
}
.progress__bar-width-35 {
  width: 35%;
}
.progress__bar-width-36 {
  width: 36%;
}
.progress__bar-width-37 {
  width: 37%;
}
.progress__bar-width-38 {
  width: 38%;
}
.progress__bar-width-39 {
  width: 39%;
}
.progress__bar-width-40 {
  width: 40%;
}
.progress__bar-width-41 {
  width: 41%;
}
.progress__bar-width-42 {
  width: 42%;
}
.progress__bar-width-43 {
  width: 43%;
}
.progress__bar-width-44 {
  width: 44%;
}
.progress__bar-width-45 {
  width: 45%;
}
.progress__bar-width-46 {
  width: 46%;
}
.progress__bar-width-47 {
  width: 47%;
}
.progress__bar-width-48 {
  width: 48%;
}
.progress__bar-width-49 {
  width: 49%;
}
.progress__bar-width-50 {
  width: 50%;
}
.progress__bar-width-51 {
  width: 51%;
}
.progress__bar-width-52 {
  width: 52%;
}
.progress__bar-width-53 {
  width: 53%;
}
.progress__bar-width-54 {
  width: 54%;
}
.progress__bar-width-55 {
  width: 55%;
}
.progress__bar-width-56 {
  width: 56%;
}
.progress__bar-width-57 {
  width: 57%;
}
.progress__bar-width-58 {
  width: 58%;
}
.progress__bar-width-59 {
  width: 59%;
}
.progress__bar-width-60 {
  width: 60%;
}
.progress__bar-width-61 {
  width: 61%;
}
.progress__bar-width-62 {
  width: 62%;
}
.progress__bar-width-63 {
  width: 63%;
}
.progress__bar-width-64 {
  width: 64%;
}
.progress__bar-width-65 {
  width: 65%;
}
.progress__bar-width-66 {
  width: 66%;
}
.progress__bar-width-67 {
  width: 67%;
}
.progress__bar-width-68 {
  width: 68%;
}
.progress__bar-width-69 {
  width: 69%;
}
.progress__bar-width-70 {
  width: 70%;
}
.progress__bar-width-71 {
  width: 71%;
}
.progress__bar-width-72 {
  width: 72%;
}
.progress__bar-width-73 {
  width: 73%;
}
.progress__bar-width-74 {
  width: 74%;
}
.progress__bar-width-75 {
  width: 75%;
}
.progress__bar-width-76 {
  width: 76%;
}
.progress__bar-width-77 {
  width: 77%;
}
.progress__bar-width-78 {
  width: 78%;
}
.progress__bar-width-79 {
  width: 79%;
}
.progress__bar-width-80 {
  width: 80%;
}
.progress__bar-width-81 {
  width: 81%;
}
.progress__bar-width-82 {
  width: 82%;
}
.progress__bar-width-83 {
  width: 83%;
}
.progress__bar-width-84 {
  width: 84%;
}
.progress__bar-width-85 {
  width: 85%;
}
.progress__bar-width-86 {
  width: 86%;
}
.progress__bar-width-87 {
  width: 87%;
}
.progress__bar-width-88 {
  width: 88%;
}
.progress__bar-width-89 {
  width: 89%;
}
.progress__bar-width-90 {
  width: 90%;
}
.progress__bar-width-91 {
  width: 91%;
}
.progress__bar-width-92 {
  width: 92%;
}
.progress__bar-width-93 {
  width: 93%;
}
.progress__bar-width-94 {
  width: 94%;
}
.progress__bar-width-95 {
  width: 95%;
}
.progress__bar-width-96 {
  width: 96%;
}
.progress__bar-width-97 {
  width: 97%;
}
.progress__bar-width-98 {
  width: 98%;
}
.progress__bar-width-99 {
  width: 99%;
}
.progress__bar-width-100 {
  width: 100%;
}

.player-info-store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  position: relative;
  width: 100%;
}

/* camera */
.camera-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.camera-container {
  position: relative;
  width: 370px; /* largura da silhueta */
  height: 400px; /* altura da silhueta */
  margin-right: 20px; /* Espaço entre a câmera e a imagem da posição */
}

#videoElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

#canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

#silhouette {
  position: absolute;
  top: 0;
  left: 0;
  width: 370px;
  height: 400px;
  background-image: url("/assets/images/soccer/samples/soccer_player-heading-photo-2-silhouette.png"); /* Caminho da imagem de silhueta */
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}

.position-image {
  width: 370px; /* Largura da imagem ao lado */
  height: 400px; /* Altura da imagem ao lado */
}

.position-image img {
  width: 100%; /* A imagem ocupará toda a largura disponível */
  height: 100%; /* A imagem ocupará toda a altura disponível */
  object-fit: contain; /* Garante que a imagem mantenha a proporção */
}

.captured-image {
  width: 370px;
  height: 400px;
  margin-top: 20px;
}

.captured-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.capture-camera {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}

/*  */
/*  */
/*  */
/* STORE */

#templateId-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  position: relative;
  width: 100%;
  background-image: url(../images/store/8655047655747.png);
  width: 450px; /* Largura fixa */
  height: 600px; /* Altura fixa */
  background-size: cover; /* Ajusta a imagem para cobrir todo o container */
  background-position: center; /* Centraliza a imagem */
  background-repeat: no-repeat; /* Evita repetição da imagem */
}

#templateId-2 {
  background-color: #1e2024;
  /* background-image: url(/assets/images/soccer/page-heading.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
}

#templateId-2 .player-info-details__title {
  color: #fff;
}
#templateId-1 .player-info-details__title {
  color: #fff;
}

#templateId-1 {
  background-color: #1e2024;
  /* background-image: url(/assets/images/soccer/page-heading.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
}

/* #templateId-3 .player-digital-card-heading {
  background-image: url(../images/store/8655047655747.png);
  width: 450px; 
  height: 600px; 
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat; 
} */

#templateId-3 hr {
  width: 25px;
  height: 1px;
  border: none;
  color: #ffff;
  background-color: #ffff;
  margin-top: 6px;
  margin-bottom: 6px;
}

#templateId-3 .hr-name {
  margin-bottom: 8px;
  margin-top: 8px;
  width: 250px;
  height: .7px;
  border: none;
  color: #FFFF;
  background-color: #FFFF;
}

#templateId-3 .countryImg {
  height: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#templateId-3 .clubImg {
  height: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#templateId-3 .sponsorImg {
  height: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#templateId-3 .player-info__number {
  font-size: 50px;
}
#templateId-3 .player-info__name {
  line-height: 16px;
}
#templateId-3 .player-info__first-name {
  font-size: 14px;
}
#templateId-3 .player-info__last-name {
  /* .player-digital-card-store .player-info__last-name { */
  font-size: 29px;
}

/* #templateId-3 {
  width: 210mm; 
  height: 297mm; 
  background: #fff; 
  border: 1px solid #ccc; 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden; 
} */