/*
    Theme Name: Champion - Child Theme
    Theme URI: http://champion.stylemix.net/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Champion was created especially for sport clubs, football clubs, soccer news and sport organizations. The responsive layout is designed based on the Bootstrap 3.1 standards. Champion was built on Visual Composer Page Builder, which is included into the theme. Using Visual Composer you can easily create the pages in Front- or Back-end with 60+ modules.
    Version: 1.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: champion, responsive, sport, soccer, football, sport club, club, wordpress, wp, fixtures, events, match
    Text Domain: champion-child
    Template: champion

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Fuentes */

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Oswald:wght@200..700&display=swap");

/* Add your own styles here */

body.login {
  background: url("https://tuzos.neuronalcode.io/wp-content/uploads/2025/01/Website25-BG.jpg")
    no-repeat center center fixed;
  background-size: cover;
  background-position-y: 20%;
}

#login {
  width: 420px;
}

/* Fondo y tipografía */
body.login {
  font-family: Arial, sans-serif;
}

/* Logo personalizado */
body.login h1 a {
  background-image: url("https://tuzos.neuronalcode.io/wp-content/uploads/2025/01/Escudo.svg"); /* URL de tu logo */
  background-size: contain;
  width: 124px;
  height: 160px;
}

/* Contenedor del mensaje personalizado */
.custom-message {
  text-align: center;
  margin-top: -13px; /* Espacio entre el logo y el mensaje */
  margin-bottom: 20px; /* Espacio entre el mensaje y el formulario */
}

/* Estilos del título */
.custom-message h1 {
  font-size: 40px; /* Tamaño del título */
  color: #002577; /* Color del texto */
  margin-bottom: 10px;
  font-family: Oswald;
  font-weight: 700;
}

/* Estilos del texto adicional */
.custom-message p {
  font-size: 16px;
  color: #22242f;
  font-family: Manrope;
  font-weight: 500;
  line-height: 24px;
}

.lostpass h1 {
  font-size: 32px;
  color: #002577;
  margin-bottom: 10px;
  font-family: Oswald;
  font-weight: 700;
}

.login form {
  background-color: white;
  border-radius: 10px;
  border: 1px solid #afb5ca;
  padding: 32px 24px;
}

.login label {
  font-size: 14px;
  font-weight: 400;
  color: #002577;
  width: 100%;
  font-family: "Manrope";
}

.login form .input {
  margin: 0px 8px 24px 0;
}
/* icono ojo contraseña */

.login .wp-hide-pw {
  background: none !important;
}

/* Añadir tu propio icono */
.login .wp-hide-pw .dashicons {
  background-image: url("https://tuzos.neuronalcode.io/wp-content/uploads/2024/12/show.png"); /* Ruta al PNG del icono */
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px !important; /* Ajusta al tamaño de tu icono */
  height: 24px !important;
  display: inline-block;
  text-indent: -9999px; /* Ocultar texto dentro del botón */
  top: 0.15rem !important;
}

/* Cambiar el cursor al pasar por encima */
.login .wp-hide-pw {
  cursor: pointer;
}

.login-action-login #loginform {
  width: 420px !important;
}

.login form .input,
.login input[type="password"],
.login input[type="text"] {
  border: 1px solid #105bb5;
}

/*
body.login #login form {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra para el formulario *
}

body.login h1 a {
  background-image: url("https://tuzos.neuronalcode.io/wp-content/uploads/2024/12/escudo.png");
  background-size: contain;
  width: 320px;
  height: 80px;
  display: block;
}
*/
.forgetmenot {
  display: none;
}

.login #backtoblog,
.login #nav {
  display: none;
}

.login .language-switcher {
  display: none;
}

.login form select {
  border: 1px solid #105bb5;
  font-size: 15px;
  line-height: 1.33333333;
  width: 100%;
  border-width: 0.0625rem;
  padding: 0.1875rem 0.3125rem;
  margin: 0 6px 16px 0;
  min-height: 40px;
  max-height: none;
}

.loginback {
  font-family: "Manrope";
  color: #003047;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  text-decoration: none;
  margin-top: 80px;
}

.loginback a {
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  text-decoration: none;
  color: #105bb5;
}

/* Pagina bienvenida */
.wrapbienvenida {
  text-align: center;
}

.wrapbienvenida h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 35.84px;
  text-align: center;
  color: #002577;
}

.wrapbienvenida .registro-prensa-container {
  text-align: left;
  margin: auto;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.wrapbienvenida .registro-prensa-container p {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #585871;
}

.wrapbienvenida .registro-prensa-container .btninciar {
  text-align: center;
  margin-top: 31px;
  margin-bottom: 7px;
  font-family: Manrope;
}
.wrapbienvenida .registro-prensa-container .btninciar a {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.04em;
  color: #002577;
}

.wrapbienvenida .registro-prensa-container .btninciar a:hover {
  text-decoration: none;
}

.wrapbienvenida .subtex {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #22242f;
}

ul.custom-list {
  list-style-type: none; /* Ocultar el marcador predeterminado */
  padding: 0;
}

ul.custom-list li {
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #585871;
  margin-bottom: 10px;
}

ul.custom-list li::marker {
  content: ""; /* Asegurar que el marcador por defecto no se muestre */
}

ul.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px; /* Ajusta el tamaño de la imagen */
  height: 20px; /* Ajusta el tamaño de la imagen */
  background-image: url("https://tuzos.neuronalcode.io/wp-content/uploads/2025/01/Check-icon.png"); /* Cambia a la ruta correcta */
  background-size: contain;
  background-repeat: no-repeat;
}

#login {
  padding-top: 3%;
}

/* recuperar contraseña */
.login input.password-input {
  font-family: "Manrope";
  color: #848fac;
  padding: 1px 0px 0px 11px;
  font-size: 17px;
  letter-spacing: 0px;
}

.login .custom-footer label[for="rememberme"] {
  display: inline-block;
  align-items: center;
  font-size: 14px;
  color: #344054;
  font-weight: 300;
  font-family: "Manrope";
}

.lostmen {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lostmen a {
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.04em;
  color: #002577;
}

.btnapp {
  background: #002577;
  display: flex;
  justify-content: center;
  width: 100%;
  border-radius: 10px;
  height: 40px;
  align-items: center;
}

.btnapp a {
  padding-right: 10px;
  text-decoration: none;
  color: white;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.04em;
}

.reenvio {
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #22242f;
  margin-top: 23px;
  text-align: center;
}

.reenvio a {
  color: #002577;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  text-decoration: none;
}

.backtosesion {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.04em;
}
.backtosesion img {
  margin-right: 10px;
}

.backtosesion a {
  text-decoration: none;
  color: #002577;
}

/* HOME */

@media (min-width: 1200px) {
  .container {
    /*width: 1700px;*/
  }
}

.posts_list > article .post_info {
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  color: #848fac;
  background: white;
  padding-left: 15px;
}

.posts_list > article .post_info .comments_num {
  display: none;
}
.posts_list > article {
  display: inline-block;
  vertical-align: top;
  width: 309px;
  padding: 0 0px;
  margin: 0px 7px 50px;
  background: white;
  height: 408px;
  border-radius: 5px;
}
.posts_list .post-thumbnail {
  margin: 0 0 30px;
  overflow: hidden;
  width: 309px;
  height: 160px;
}

article .entry-content img {
  max-width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 5px 5px 0px 0px;
}

.entry-title a {
  font-family: Oswald;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  text-align: left;
  color: #002577;
  text-transform: capitalize;
}

.posts_list > article p {
  font-family: Manrope;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  text-align: left;
  padding-left: 15px;
}

.vc_custom_1583190735066 {
  padding-left: 200.5px !important;
  padding-right: 200.5px !important;
}

.posts_list .entry-title {
  padding-left: 15px;
}

.vc_customizer_1696287276829 {
  text-align: right;
}

.vc_customizer_1696287276829 p {
  text-align: right !important;
}
.vc_customizer_1696287276829 p a {
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.04em;
  background: white !important;
  border: 1px solid #002577;
  border-radius: 10px;
  color: #002577;
  width: 121px;
  padding: 0px;
}

.noticiasfans {
  background: #f6f8ff;
}

/* Bienvenida Fans */
.welcomefans {
  text-align: left;
  width: 1260px;
}
.welcomefans .welco {
  color: var(--Text-color-Alternate, #fff);

  /* Desktop/Heading 5 */
  font-family: Oswald;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
}
.welcomefans .welcotex {
  color: var(--Text-color-Alternate, #fff);

  /* Common/Body/Body Bold */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

#mega_main_menu.primary > .menu_holder > .mmm_fullwidth_container {
  background: #002577 !important;
}

.mmm_fullwidth_container {
  background: #002577 !important;
  border-bottom: 0px !important;
}

@media only screen and (max-width: 768px) {
  body.login {
    background: url("/wp-content/uploads/2025/01/Website25-BG-2.jpg") no-repeat
      center center fixed;
    background-size: cover;
    background-position-y: 20%;
  }
  .custom-message h1 {
    font-size: 32px;
    color: #002577;
    margin-bottom: 10px;
    font-family: Oswald;
    font-weight: 700;
  }
  .login-action-login #loginform {
    width: 300px !important;
    margin: auto;
  }

  .custom-message p {
    width: 321px;
    margin: auto;
  }
}
 
footer {
  background-color: #002577 !important;
}

#footer {
  background-image: none !important;
}

.footer .copyright {
  font-size: 13px;
  color: #b4b4b4;
  margin: 0 0 20px;
  font-family: Manrope;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
  text-align: center;
  text-shadow: none;
}

.footer {
  position: relative;
  background: #fff;
  padding: 46px 0 0px;
}
.pre_footer .cols_3 aside {
  width: 100%;
}

.footerblock1 .pre_footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footerblock1 .pre_footer span {
  color: #ffffff;
  text-transform: none;
  font-family: Manrope;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
}

.footerblock1 .pre_footer ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer_menu li a {
  color: #ffffff;
  text-transform: none;
  font-family: Manrope;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
}

.footer_menu li {
  margin: 0 0 0px 0px;
}

.footer_widget .widget_title {
  font-family: Manrope !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
  color: white;
  text-transform: math-auto;
}

#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li
  > .item_link
  > .link_content
  > .link_text {
  font-family: Manrope;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
}

#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link .link_text {
  display: inline !important;
}

#mega_main_menu
  > .menu_holder
  > .menu_inner
  > ul
  > #menu-item-999
  .link_content
  .link_text,
#mega_main_menu
  > .menu_holder
  > .menu_inner
  > ul
  > #menu-item-888
  .link_content
  .link_text {
  font-family: Manrope;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 4%;
  background: rgba(255, 255, 255, 0.8);
  color: #002578;
  padding: 7px 10px 7px 10px;
  border-radius: 5px;
}

#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li:hover
  > .item_link,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li
  > .item_link:hover,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li
  > .item_link:focus,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li.current-menu-ancestor
  > .item_link,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li.current-page-ancestor
  > .item_link,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li.current-post-ancestor
  > .item_link,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > li.current-menu-item
  > .item_link,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > #menu-item-999:hover
  a,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > #menu-item-888:hover
  a,
#mega_main_menu.primary
  > .menu_holder
  > .menu_inner
  > ul
  > #menu-item-777:hover
  a {
  background-color: #002578 !important;
}

#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link {
  padding: 0px 10px !important;
}

.patrocin {
  font-family: Oswald;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgba(8, 34, 80, 1);
}

@media only screen and (max-width: 768px) {
  .content,
  .menu,
  .navigation-bar {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .menu-item {
    display: block;
  }
  .taptap-by-bonfire ul li {
    text-align: left;
  }
  .taptap-by-bonfire ul li a {
    font-family: Manrope;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: white;
  }
  .taptap-sub-arrow-inner {
    position: relative;
    display: block;
    top: 0;
    right: 0;
    width: 40px;
    height: 25px;
    border-left: 0px solid #4a4d50;
  }
  .taptap-sub-arrow {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 40px;
    display: inline-block;
    margin: 12px 0 0 0px;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .taptap-by-bonfire .sub-menu a {
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    margin: 0;
    padding: 11px 0;
  }
}

.prevcr::before,
.nextcr::before {
  height: 0px !important;
}

.prevcr,
.nextcr {
  background: rgb(255 255 255 / 79%);
  width: 36px;
  height: 36px;
  border-radius: 8px;
}

.pre_footer {
  padding: 72px 0 30px;
}

.login-action-login #loginform .gglcptch {
  margin-top: 24px;
}