/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* MCM: banner de capcalera de les pagines d'activitats (Portfolio) amb el mateix
   tractament visual (fosc, header transparent, text blanc) que el hero de la home.
   Nomes afecta la fila amb la imatge (.nonhundred-percent-fullwidth), no la fila
   auxiliar (.hundred-percent-fullwidth) que tambe viu dins .fusion-page-title-bar */
body.mcm-activity-banner .fusion-page-title-bar .fusion-fullwidth.nonhundred-percent-fullwidth {
	position: relative;
}
body.mcm-activity-banner .fusion-page-title-bar .fusion-fullwidth.nonhundred-percent-fullwidth::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(11, 11, 16, 0.72);
	pointer-events: none;
	z-index: 0;
}
body.mcm-activity-banner .fusion-page-title-bar .fusion-fullwidth.nonhundred-percent-fullwidth .fusion-builder-row,
body.mcm-activity-banner .fusion-page-title-bar .fusion-fullwidth.nonhundred-percent-fullwidth .fusion-section-separator-spacer {
	position: relative;
	z-index: 1;
}
body.mcm-activity-banner .fusion-page-title-bar .fusion-title-heading {
	color: #F4F3F1 !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
}

/* MCM: capcalera transparent i flotant sobre la imatge del banner, igual que a la home */
body.mcm-activity-banner.mcm-activity-banner .fusion-tb-header .fusion-absolute-container,
body.mcm-activity-banner.mcm-activity-banner .fusion-tb-header .fusion-builder-row-1 {
	position: absolute !important;
	width: 100% !important;
	background-color: transparent !important;
	border-bottom: none !important;
	box-shadow: none !important;
}
body.mcm-activity-banner .fusion-tb-header .awb-menu:not(.expanded) .awb-menu__main-a {
	color: rgb(244, 243, 241) !important;
}
body.mcm-activity-banner .fusion-tb-header .awb-menu:not(.expanded) .awb-menu__main-a:hover {
	color: var(--awb-color4) !important;
}
body.mcm-activity-banner .mcm-header-icons-row a,
body.mcm-activity-banner .mcm-header-icons-row a *,
body.mcm-activity-banner .mcm-header-icons-row .fusion-social-network-icon::before {
	color: rgb(244, 243, 241) !important;
}
/* MCM: cal mes especificitat que la regla existent al widget de peu de pagina
   body.mcm-light-mode.single-avada_portfolio .mcm-header-social a (que la posa
   fosca), igual que ja calia per la icona d'hamburguesa mes avall */
body.mcm-activity-banner.mcm-activity-banner.mcm-activity-banner .mcm-header-social a {
	color: rgb(244, 243, 241) !important;
}

/* MCM: icona d'hamburguesa (menu mobil) en blanc sobre el banner fosc, igual que a la home;
   cal mes especificitat que la regla existent .mcm-light-mode:not(.home) que la posa fosca */
body.mcm-activity-banner.mcm-activity-banner.mcm-activity-banner .awb-menu__m-collapse-icon-open,
body.mcm-activity-banner.mcm-activity-banner.mcm-activity-banner .awb-menu__m-collapse-icon-close {
	color: rgb(244, 243, 241) !important;
}

/* MCM: mes espai vertical al banner de les pagines d'activitats en mobil,
   perque el titol no quedi tapat per la fila d'icones socials de la capcalera */
@media (max-width: 768px) {
	body.mcm-activity-banner .fusion-page-title-bar .fusion-fullwidth.nonhundred-percent-fullwidth {
		min-height: 465px !important;
	}
	body.mcm-activity-banner .fusion-page-title-bar .fusion-title-heading {
		margin-top: 145px !important;
	}
}

/* MCM: al mobil (capcalera amb menu hamburguesa), el boto "Fes-te Soci" es queda
   a la capcalera (columna mobil), centrat i ben separat just sota la fila
   d'icones de xarxes socials, en lloc d'anar al peu de pagina (el JS del widget
   de peu de pagina ja evita moure'l en aquestes pagines).
   Fem servir position:absolute perque no augmenti l'alcada de la capcalera
   (que es absoluta i flota sobre la foto/banner), evitant que tapi contingut.
   Nomes s'aplica al home i a les pagines d'activitats, que tenen prou espai
   fosc al hero/banner per allotjar-lo; a la resta de pagines es manté el
   comportament previ (moure el boto al peu de pagina). */
@media (max-width: 768px) {
	body.home .fusion-builder-column-3,
	body.mcm-activity-banner .fusion-builder-column-3 {
		position: relative;
	}
	body.home .fusion-builder-column-3 a.fusion-button[href*="sollicitud-inscripcio-soci"],
	body.mcm-activity-banner .fusion-builder-column-3 a.fusion-button[href*="sollicitud-inscripcio-soci"] {
		position: absolute !important;
		top: 57px;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		width: calc(100% - 40px);
		max-width: 280px;
		margin: 0 !important;
	}

	/* mes espai al hero del home perque el titol no quedi tapat pel boto */
	body.home .fusion-builder-row-2 {
		--awb-padding-top-small: 145px !important;
		padding-top: 145px !important;
	}
}

/* MCM: el text de les targetes d'activitats (Pujada, Trial, Enduro...) es
   il·legible en mode clar perque hereta el color fosc generic de #main p,
   pero aquestes targetes tenen fons fosc (fusion-post-cards). Cal mes
   especificitat que body.mcm-light-mode:not(.home) #main p (que te un ID
   #main) per poder-la vencer. S'aplica a qualsevol pagina, no nomes al home,
   perque aquesta graella de targetes es reutilitza a mes llocs (p.ex. El Club). */
body.mcm-light-mode #main .fusion-post-cards .fusion-layout-column.post-card p,
body.mcm-light-mode #main .fusion-post-cards .fusion-layout-column.post-card .fusion-text {
	color: #c9c9d1 !important;
}