/* CSS Styles */

#site-header .mm-content.mm-content-palpite {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: 32px auto;
	justify-content: center;
	column-gap: 32px;
}

#site-header .mm-content-palpite .mm-content-heading {
	grid-area: 1 / 1 / span 1 / span 2;
}

#site-header .mm-content-palpite .mm-palpites-section {
	grid-area: 2 / 1 / span 1 / span 1;
}

#site-header .mm-content-palpite .mm-redes-email-section {
	grid-area: 2 / 2 / span 1 / span 1;
}

#site-header .mm-palpites-section .wpb_wrapper {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	grid-auto-rows: auto;
	column-gap: 8px;
}

#site-header .mm-palpites-section .wpb_wrapper .mm-content-heading {
	grid-area: 1 / 1 / span 1 / span 2;
}

#site-header .mm-palpites-section .wpb_wrapper .mm-palpite-destacado {
	grid-area: 2 / 1 / span 1 / span 1;
}

#site-header .mm-palpites-section .wpb_wrapper .mm-palpites-secundarios {
	grid-area: 2 / 2 / span 1 / span 1;
}

#site-header .mm-content-palpite .mm-palpite-destacado .wpex-post-cards-inner,
#site-header .mm-content-palpite .mm-palpite-destacado .wpex-post-cards-inner .wpex-post-cards-loop {
	height: 100%;
}

/***************
*   REDES
****************/

#site-header .mm-content-palpite .mm-palpites-redes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 24px;
	justify-content: space-between;
}

#site-header .mm-content-palpite .mm-palpites-red {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
}

#site-header .mm-content-palpite .mm-palpites-red .mm-palpites-red-img-container {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-items: center;
}

#site-header .mm-content-palpite .mm-palpites-red .mm-palpites-red-img-container img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

#site-header .mm-content-palpite .mm-palpites-red p {
	font-size: 20px;
	color: var(--sc-color-dark-mode-80);
}

/**********************
	LIGAS
***********************/

#site-header .card-ligas .card-ligas-logo-container {
	width: 40px;
	height: 40px;
	border: 2px solid white;
}

#site-header .card-ligas .card-ligas-content {
	font-size: 13px;
}

#site-header .card-ligas .card-ligas-link {
	gap: 8px;
}

#site-header .card-ligas .card-ligas-link-palpites {
	display: none;
}

#site-header .card-ligas .card-ligas-link {
	width: 60px;
	height: 100px;
}

#site-header .card-ligas .card-ligas-link:hover .card-ligas-logo-container {
	width: 55px;
	height: 55px;
}

/**********************
         MOBILE 
***********************/

/* Palpite Card */
#sidr-main .sidr-class-palpite-gral-lite {
	display: grid;
	grid-template-columns: auto auto;
	margin-bottom: 8px;
	padding: 2px;
}

#sidr-main .sidr-class-palpite-gral-lite.palpite-countdown-primario {
	background-color: white;
	border: 1px solid white;
	border-radius: 4px;
}

#sidr-main .sidr-class-palpite-gral-lite.palpite-countdown-secundario {
	border: 1px solid var(--sc-color-dark-mode-70);
	border-radius: 4px;
}

#sidr-main .sidr-class-palpite-gral-lite .sidr-class-palpite-counter {
	grid-area: 1 / 1 / span 1 / span 1;
}

#sidr-main .sidr-class-palpite-gral-lite .sidr-class-palpite-counter * {
	color: var(--sc-color-light-mode);
	margin: 0;
	padding: 4px 8px;
	font-weight: var(--sc-font-weight-bold);
	font-size: 16px;
}

#sidr-main .sidr-class-palpite-gral-lite.palpite-countdown-secundario .sidr-class-palpite-counter * {
	color: var(--sc-color-dark-mode);
	font-weight: var(--sc-font-weight-regular);
	font-size: 14px;
}

#sidr-main .sidr-class-palpite-gral-lite .sidr-class-palpite-gral-lite-casa {
	grid-area: 1 / 2 / span 1 / span 1;
	position: relative;
}

#sidr-main .sidr-class-palpite-gral-lite-casa .sidr-class-palpite-gral-lite-casa-img-container {
	position: absolute;
	width: 100%;
	padding: 4px;
	border-radius: 4px;
	top: 8px;
	right: 8px;

	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
}

#sidr-main .sidr-class-palpite-gral-lite-casa .sidr-class-palpite-gral-lite-casa-img-container img {
	max-width: 90%;
	margin: auto;
}

#sidr-main .sidr-class-palpite-gral-lite .sidr-class-palpite-gral-lite-container {
	grid-area: 2 / 1 / span 1 / span 2;
}

#sidr-main .sidr-class-palpite-gral-lite .sidr-class-palpite-gral-lite-container * {
	font-family: var(--sc-font-family-header);
	margin: 0;
	text-align: center;
}

#sidr-main .sidr-class-palpite-gral-lite .sidr-class-palpite-gral-lite-container {
	/* display: grid;
	grid-template-columns: 1fr 100px;
	column-gap: 8px;
	grid-template-rows: auto;
	grid-auto-rows: auto; */
	background-color: var(--sc-cologbg-dark-mode-card-alt-1);
	border: 1px solid var(--sc-color-dark-mode-20);
	border-radius: 4px;
	padding: 8px;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-class-palpite-gral-lite-header {
	grid-area: 1 / 1 / span 1 / span 2;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-class-palpite-gral-lite-header h4 {
	margin: 0;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-class-palpite-gral-lite-odd {
	grid-area: 2 / 1 / span 2 / span 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 8px;
}

.sidr-class-card-ligas-container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

a.sidr-class-card-ligas-link.sidr-mobile-nav-menu__link.wpex-block.wpex-relative{
	display: flex;
	flex-direction: column;
	align-items: center;
}

a.sidr-class-card-ligas-link-palpites.sidr-mobile-nav-menu__link.wpex-block.wpex-relative{
	text-align: center;
}

#sidr-main .sidr-class-palpite-gral-lite-odd .sidr-class-palpite-gral-lite-odd-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.sidr-class-palpite-gral-lite-odd-container .sidr-class-odd-draw{
	padding-bottom: 12.6px;
}

#sidr-main .sidr-class-palpite-gral-lite-odd .sidr-class-palpite-gral-lite-odd-container p {
	margin: 0;
	color: var(--sc-color-dark-mode);
	font-weight: var(--sc-font-weight-regular);
}

#sidr-main .sidr-class-palpite-gral-lite-odd .sidr-class-palpite-gral-lite-odd-container .sidr-class-palpite-gral-lite-odd-etiqueta.sidr-class-empate {
	text-transform: lowercase;
	color: var(--sc-color-dark-mode-70);
	font-weight: var(--sc-font-weight-light);
}

#sidr-main .sidr-class-palpite-gral-lite-odd .sidr-class-palpite-gral-lite-odd-container-equipo-img {
	width: 50px;
	height: 50px;
}

#sidr-main .sidr-class-palpite-gral-lite-odd .sidr-class-palpite-gral-lite-odd-container-equipo-img img {
	width: 100%;
	height: 100%;
	display: block;
}

#sidr-main .sidr-class-palpite-gral-lite-odd .sidr-class-palpite-gral-lite-odd-etiqueta.sidr-class-nombre-equipo {
	display: none;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-mobile-nav-menu__link-wrap {
	grid-area: 2 / 2 / span 1 / span 1;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-mobile-nav-menu__link-wrap .sidr-class-btn-primary {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: var(--sc-font-weight-regular);
	color: var(--sc-primary-button-color-text);
	background-color: var(--sc-color-primary);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-class-palpite-gral-lite-footer {
	grid-area: 3 / 2 / span 1 / span 1;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-class-palpite-gral-lite-footer .sidr-mobile-nav-menu__link-wrap:first-child {
	display: none;
}

#sidr-main .sidr-class-palpite-gral-lite-container .sidr-class-palpite-gral-lite-footer .sidr-mobile-nav-menu__link-wrap a {
	font-weight: var(--sc-font-weight-regular);
	letter-spacing: var(--sc-letter-spacing-uppercase);
	margin: 0;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;

	height: 40px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

/* Redes */

#sidr-main .sidr-class-mm-palpites-redes {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#sidr-main .sidr-class-mm-palpites-redes .sidr-class-mm-palpites-red {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

#sidr-main .sidr-class-mm-palpites-redes .sidr-class-mm-palpites-red p {
	margin: 0;
	font-family: var(--sc-font-family-header);
	font-size: 18px;
}

.sidr-class-mm-palpites-red-img-container {
	height: 40px;
	width: 40px;
}