/*
Theme Name: Viviana
Description: Child theme
Author: Room
Author URI: https://room.cat
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------ LAYOUT - MAX WIDTH 1920 ------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */
@media (max-width: 1920px) {
	
}

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------ LARGE - MAX WIDTH 1640 ------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
@media (max-width: 1640px) {
}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- BIG - MAX WIDTH 1200 ------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1200px) {
	
	.titol-big h1,
	.titol-big h2 {
		font-size: 38px!important;
	}
	
}

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------- MEDIUM - MAX WIDTH 800 ------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */
@media (max-width: 800px) {
	.fusion-filter {float: none !important; display: inline-block !important;}
	.fusion-filters {text-align: center !important;}

    .horari-cursos-ballet,
    .horari-cursos-ballet thead,
    .horari-cursos-ballet tbody,
    .horari-cursos-ballet tr {
        display: block;
        width: 100%;
    }

    /* Amaguem la capçalera (Dilluns, Dimarts...) perquè la substituïm per l'etiqueta de cada bloc */
    .horari-cursos-ballet thead {
        display: none;
    }

    .horari-cursos-ballet td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        border-left: none;
        border-right: none;
        border-top: none;
    }

    /* Amaguem les columnes de dia buides (sense cursos) per no deixar espai en blanc */
    .horari-cursos-ballet td:empty {
        display: none;
    }

    /* Etiqueta del dia, mostrada com a títol de secció abans dels cursos d'aquell dia */
    .horari-cursos-ballet td[data-dia]:not(:empty)::before {
        content: attr(data-dia);
        display: block;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.9em;
        color: #868686;
        margin-bottom: 8px;
        padding-bottom: 4px;
        /*border-bottom: 1px solid #c4c1a0;*/
    }

    .curs-item {
        margin-bottom: 10px;
    }
	
}

/* ------------------------------------------------------------------------------------------------- */
/* ----------------------------------- MOBILE - MAX WIDTH 640 -------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
@media (max-width: 640px) { 
	
	html, body {	max-width: 100%; overflow-x: hidden;} /* Evitar scroll horizontal */
	
	.fusion-header {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}

	.logo-header img {max-width: 80px;}

	.page-template-default #main,
	.fusion-fullwidth.hundred-percent-fullwidth,
	.fusion-fullwidth.fullmob,
	.single-post .post-content .fusion-fullwidth {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	.fusion-fullwidth.fullmob {
		margin-left: -20px!important;
		margin-right: -20px!important;
	}

	.fusion-fullwidth.nonhundred-percent-fullwidth,
	.mitja-columna {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}

	p {font-size: 15px;}	
	.textmobmig p, .textmobmig h2, .textmobmig h3, .textmobmig a {font-size: 18px!important; line-height: 22px!important;}
	.textmobgran p, .textmobgran h2, .tipollibre h2 p, .fusion-title h2 {font-size: 24px!important;}
	.textmobmoltgran p {font-size: 32px!important;}

	.sep20 { margin-bottom: 20px; padding-bottom: 0px; }
	.sep30 { margin-bottom: 20px; padding-bottom: 0px; }
	.sep40 { margin-bottom: 20px; padding-bottom: 0px; }
	.sep60 { margin-bottom: 30px; padding-bottom: 0px; }
	.sep90 { margin-bottom: 30px; padding-bottom: 0px; }
	.sep120 { margin-bottom: 30px; padding-bottom: 0px; }
	
	
	.franja-foto-medium {min-height: 180px;}
	.franja {padding-top: 60px!important;padding-bottom: 50px!important;}
	.franja-top {padding-top: 30px!important; padding-bottom: 50px!important;}
	
	.paralax {
		min-height: 300px;
		padding-top: 60px!important;
		padding-bottom: 50px!important;
	}
	
	.semititular h3 {
		margin-bottom: 8px!important;
		margin-top: 8px!important;
	}
	
	.fusion-button {font-size: 16px!important;}
	
	.botocentratmob {
		text-align: center!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	
	.titol-big h1,
	.titol-big h2 {
		font-size: 28px!important;
	}

	
}