/*
Theme Name: Paris 135
Description: Child theme Responsive
Author: Room
Author URI: https://room.cat
Template: Avada
Version: 1.0.1
Text Domain: Room
*/


/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------ 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) {

	.containerpad {padding-left: 40px!important;padding-right: 40px!important;}
	/* -------------------------- PROJECTES --------------------------- */
	.contenidor-titol .columna {
		padding-left: 0px;
		padding-right: 0px;
	}
	.contenidor-titol .columna .fusion-column-wrapper {
		margin-left: 0px;
		margin-right: 0px;
	}

}


/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------- MEDIUM - MAX WIDTH 800 ------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */

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


/* ------------------------------------------------------------------------------------------------- */
/* ----------------------------------- MOBILE - MAX WIDTH 640 -------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


@media (max-width: 640px) { 
	#wpadminbar, .skip-link.screen-reader-text {display: none!important;} 
   .logged-in.admin-bar {position: absolute; top: 0px;}
   
	html, body {	max-width: 100%; overflow-x: hidden;} /* Evitar scroll horizontal */
	
	.fusion-header {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.padmob {
		padding-left: 30px!important;
		padding-right: 30px!important;
	}

	.page-template-default #main,
	.projecte-template-default #main,
	.fusion-fullwidth.hundred-percent-fullwidth,
	.fusion-fullwidth.fullmob,
	.single-post .post-content .fusion-fullwidth,
	.projecte-template-default .fusion-fullwidth,
	.contingut .fusion-fullwidth,
	.columna .contingut .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;
	}


	h1, h2 {font-size: 32px!important;}
	h3 {font-size: 24px!important;}
	h4, h5 {font-size: 18px!important;}
	h6 {font-size: 15px!important;}
	
	p, .llistat li {font-size: 15px;}
	.legal p {font-size: 12px!important;}
	.fusion-button  {font-size: 12px!important;}
	.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: 30px; 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: 40px!important;
		padding-bottom: 30px!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 {padding: 8px 15px!important;}
	
	.botocentratmob {
		text-align: center!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	
	.legal.menu-legals ul {font-size: 10px;}

	/* ---------------------- OFF CANVAS LATERAL ---------------------- */
    .off-canvas-close {margin-right: 20px!important;}
	
	
	/* -------------------------- PROJECTES --------------------------- */
	.contenidor-contingut .columna .fusion-text,
	.contenidor-contingut .columna img,
	.contenidor-titol .columna {
		padding-left: 30px;
		padding-right: 30px;
	}
	.contenidor-contingut .columna .nopad img {
		padding-left: 0px;
		padding-right: 0px;
	}

	.fusion-image-before-after-before-label:before,
	.fusion-image-before-after-after-label:before {
		padding: 20px 10px 0px 10px !important;
		font-size: 10px!important;
	}
	.fusion-image-before-after-horizontal .fusion-image-before-after-before-label:before {
		left: 0px!important;
        bottom: 0!important;
	}
	
	.fusion-image-before-after-horizontal .fusion-image-before-after-after-label:before {
		right: 0px!important;
		bottom: 0!important;
	}	

	.postcard-text-sobreimatge-centrat.titol-projecte h3,
	.col2mobil h3 {
		font-size: 14px!important;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}


	/* ------------- AVADA FORMS ------------- */

	.formulari .fusion-form-field {padding-right: 0px!important;}
	.formulari .fusion-form-field.half {
		max-width: 100%;
		padding-right: 0px!important;
	}
	.fusion-form-field.fusion-form-checkbox-field {width: 100%!important;}
	.fusion-form-field.fusion-form-checkbox-field.half {
		width: 100%!important;
		margin-right: 0px;
	}
	
	.inferior .off-canvas-content {padding-left: 15px!important;padding-right: 15px!important;}
	
}