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


/* ---------------------------------------------------------------- */
/* ---------------------------- HEADER ---------------------------- */
/* ---------------------------------------------------------------- */

.fusion-main-menu a,
.maj, .maj h1, .maj h2, .maj h3 {
	text-transform: uppercase;
}


/* ---------------------------------------------------------------- */
/* ----------------------------- LOGO ----------------------------- */
/* ---------------------------------------------------------------- */

/*.fusion-logo-link img {
	max-width: 130px!important;
	height: auto;
}

.fusion-widget-area img {
	max-width: 130px!important;
	height: auto;
}*/


/* ---------------------------------------------------------------- */
/* ----------------------------- HOME ----------------------------- */
/* ---------------------------------------------------------------- */

.titol-petit h1,
.titol-petit h2 {
	font-size: 24px!important;
	font-weight: 500;
	text-transform: uppercase;
}

/*.tipo-mig h1, .tipo-mig h2, .tipo-mig h3, .tipo-mig h4, .tipo-mig h5 {
	font-size: 52px!important;
}

.tipo-gran h1, .tipo-gran h2, .tipo-gran h3, .tipo-gran h4, .tipo-gran h5 {
	font-size: 52px!important;
}*/


/* ---------------------------------------------------------------- */
/* ---------------------------- COLORS ---------------------------- */
/* ---------------------------------------------------------------- */

.blanc, .blanc p,
.blanc h1, .blanc h2, .blanc h3, .blanc h4, .blanc h5 {
	color: #fff!important;
}

.color-1, .color-1 p, .color-1 li,
.color-1 h1, .color-1 h2, .color-1 h3, .color-1 h4, .color-1 h5 {
	color: #afcfcf!important;
}

.color-2, .color-2 p, .color-2 li,
.color-2 h1, .color-2 h2, .color-2 h3, .color-2 h4, .color-2 h5 {
	color: #f39846!important;
}

.color-3, .color-3 p, .color-3 li,
.color-3 h1, .color-3 h2, .color-3 h3, .color-3 h4, .color-3 h5 {
	color: #304543!important;
}

.fons-clar { background-color: #f1f1f1 !important; }
.fons-mig { background-color: #c6dddd !important; }
.fons-color-1 { background-color: #e9d9d9 !important; }
.fons-color-2 {	background-color: #cfa7a7 !important; }
.fons-color-3 {	background-color: #304543 !important; }

.sombra, .sombra p,
.sombra h1, .sombra h2, .sombra h3, .sombra h4, .sombra h5,
.paralax h1, .paralax h2, .paralax h3 {
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.71);
}

/* ---------------------------------------------------------------- */
/* -------------------------- ESTRUCTURA -------------------------- */
/* ---------------------------------------------------------------- */

.maj { text-transform: uppercase; }

.hide, .amagar,
.grecaptcha-badge /*Google reCaptha*/ {
	display: none!important;
}

.sep20 { margin-bottom: 20px; }
.sep40 { margin-bottom: 40px; }
.sep60 { margin-bottom: 60px; }
.sep90 { margin-bottom: 90px; }
.sep120 { margin-bottom: 120px; }

.contenidor {
	padding-top: 60px!important;
}

.franja {
	padding-top: 80px!important;
	padding-bottom: 70px!important;
}

.franja-foto-medium {
	min-height: 400px;
}

.mitja-columna {
	padding-left: 60px;
	padding-right: 60px;
}

.estret {
	max-width: 1100px;
	margin-left: auto!important;
	margin-right: auto!important;
}

.molt-estret {
	max-width: 600px;
	margin-left: auto!important;
	margin-right: auto!important;
}

.paralax {
	min-height: 400px;
	padding-top: 80px!important;
	padding-bottom: 70px!important;
}

.mapagoogle p {
	margin-bottom: -7px!important;
}

/* ---------------------------------------------------------------- */
/* ------------ Retallar imatges a proporció 100:65 --------------- */
/* ---------------------------------------------------------------- */

.cuadricula .fusion-imageframe,
.proporcio .fusion-imageframe,
.blog-portada .fusion-image-wrapper {
  width: 100%;
  padding-top: 65%;
  overflow: hidden;
  position: relative;
}
.cuadricula .fusion-imageframe img,
.proporcio .fusion-imageframe img,
.blog-portada .fusion-image-wrapper img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	
    margin: auto;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
	border: 1px solid #ececec;
}

/* ---------------------------------------------------------------- */
/* ---------- Final Retallar imatges a proporció 100:65 ----------- */
/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/* ----------------------------- BLOG ----------------------------- */
/* ---------------------------------------------------------------- */

.single-post .post-content .fusion-fullwidth {
	padding-left: 0!important;
	padding-right: 0!important;
}

.single-post .post {
	padding-left: 30px;
}


/* ---------------------------------------------------------------- */
/* --------------------------- PORFOLIO --------------------------- */
/* ---------------------------------------------------------------- */

@media only screen and (min-width: 800px) {
.fusion-filter {
float: none !important;
display: inline-block !important;
}
.fusion-filters {
text-align: center !important;
}
}


/* ---------------------------------------------------------------- */
/* ---------------------------- FOOTER ---------------------------- */
/* ---------------------------------------------------------------- */

.space-footer {
	margin-left: 15px;
	margin-right: 15px;
	display: inline-block;
}

.widget_media_image {
	margin-bottom: 10px!important;
}

.widget-title {
	margin-bottom: 10px!important;
}

.fusion-widget-area li a:before {
	content: ''!important;
}

.fusion-vertical-menu-widget {
	padding-bottom: 0!important;
	padding-top: 0!important;
	text-transform: uppercase;
}

.fusion-vertical-menu-widget .menu li.current-menu-item>a,
.fusion-vertical-menu-widget .menu li.current_page_item>a {
	border-right: none!important;
	border-left: none!important;
}

.fusion-vertical-menu-widget .menu li.current-menu-item>a,
.fusion-vertical-menu-widget .menu li.current_page_item>a {
	border-right: none!important;
	border-left: none!important;
}


/* ---------------------------------------------------------------- */
/* --------------------------- GENERAL ---------------------------- */
/* ---------------------------------------------------------------- */