/*
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
*/
.columnaserveis {
	position: relative;
	overflow: visible;
	cursor: pointer;
}
.columnaserveis .fusion-imageframe {
	position: absolute;
	top: calc(50.5px - 27.8333vw);
	left: 0;
	display: inline-block;
	max-width: calc(100vw - 40px);
	z-index: -1;
}
.columnaserveis .fusion-imageframe::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.columnaserveis img {
	display: none;
	width: auto;
	height: auto;
	max-width: 100%;
}
.columnaserveis:hover img {
	display: block;
}
.columnaserveis .fusion-text {
	z-index: 2;
}
#cercawrapper { display: none; }
#cercawrapper.visible {
    display:block;
}
.togglecerca { cursor: pointer; }
/*
body .ilightbox-button.ilightbox-prev-button.dark {
    top: 50% !important;
    left: 10px;
    right: auto;
    transform: translateY(-50%);
	background-image: url('/wp-content/plugins/fusion-builder/assets/images/iLightbox/dark-skin/arrow-prev-icon-64.png');
}
body .ilightbox-button.ilightbox-next-button.dark  {
    top: 50% !important;
    right: 10px;
    left: auto;
    transform: translateY(-50%);
	background-image: url('/wp-content/plugins/fusion-builder/assets/images/iLightbox/dark-skin/arrow-next-icon-64.png');
}
*/
.links-residencias-grandes p a {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
}
.links-residencias-grandes p a span {
	font-size: 30px;
}
.links-residencias-grandes p a:hover{
	color:#E00014;
}
.ctatarifas p {
	font-size: 1.7rem;
	line-height: 2rem;
}
#cercaiconawrapper {
	position: absolute;
	top: 57px;
	right: 65px;
	width: 32px;
	z-index: 9999;
}
.titulo-residencia-ciutat-vella{
	z-index:999;
	font-size: 30px !important;
}
.titulo-residencia-gracia{
	z-index:999;
	font-size: 30px !important;
}
.titulo-residencia-manresa{
	z-index:999;
	font-size: 30px !important;
}
.titulo-residencia-sant-cugat{
	z-index:999;
	font-size: 30px !important;
}
.titulo-residencia-girona{
	z-index:999;
	font-size: 30px !important;
}
.titol-gros-barcelona h2, .titol-gros-girona h2 {
	font-size: 3.5rem !important;
}
.titol-gros-ciutatvella h2 {
	font-size: 3.5rem !important;
}
.titol-gros-sant-cugat h2 {
	font-size: 3.5rem !important;
}
.titol-gros-etsav h2 {
	font-size: 3.5rem !important;
}
.titol-gros-montilivi h2 {
	font-size: 3.5rem !important;
}
.titol-gros-manresa h2 {
	font-size: 3.5rem !important;
}
.slogan-gros h3 {
	font-size: 2rem !important;
}
.text-slogan, .text-slogan-2 {
	font-size: 1rem !important;
}
.text-slogan-3, .text-slogan-3 h2, .text-slogan-3 h3 {
	font-size: 1rem !important;
	line-height: 1.3rem !important;
}
body .awb-menu.collapse-enabled .awb-menu__open-nav-submenu_mobile::before {
	padding: 0 1em !important;
}
.fusion-layout-column.caja-tarifa {
	margin: 20px 30px !important;
	background: #f2f2f2 !important;
	clip-path: polygon( 20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px );
	width: calc(100% - 60px);
}
.caja-tarifa:hover {
    background: #dcdcdc !important;
    clip-path: polygon(
        20px 0,
        100% 0, 
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%,
        0 20px
    );
}

@media screen and (min-width: 768px) {
.links-residencias-grandes p a {
	font-size: 40px;
	line-height: 60px;
}
.links-residencias-grandes p a span {
	font-size: 50px;
}
.ctatarifas p {
	font-size: 3rem;
	line-height: 3rem;
}
.fusion-layout-column.caja-tarifa {
	width: calc(50% - 60px);
}
}

@media screen and (min-width: 901px) {
.columnaserveis .fusion-imageframe {
	top: 0;
	}	
#cercaiconawrapper {
	position: fixed;
	top: 40px;
	right: 221px;
}
}

@media screen and (min-width: 1400px) {
#cercaiconawrapper {
	right: auto;
	left: 78%;
	top: 28px;
}
.textos-blancos-residencias {
	font-size: 2.5rem;
}
.links-residencias-grandes p a{
	font-size:70px;
	line-height:100px;
}
.links-residencias-grandes p a span {
	font-size: 100px;
}
.titulo-residencia-ciutat-vella{
	margin:0 0 -110px 260px !important;
	font-size: 2.5rem !important;
}
.titulo-residencia-gracia{
	margin:0 0 -110px 285px !important;
	font-size: 2.5rem !important;
}
.titulo-residencia-sant-cugat{
	margin:0 0 -76px 210px !important;
}
.titulo-residencia-girona{
	margin:0 0 -300px 1100px !important;
}
.titulo-residencia-manresa{
	font-size: 30px !important;
	margin:-140px 0 140px 900px !important;
}
.titol-gros-barcelona h2, .titol-gros-girona h2 {
	font-size: 19.6rem !important;
}
.titol-gros-ciutatvella h2 {
	font-size: 12.93rem !important;
}
.titol-gros-sant-cugat h2 {
	font-size: 15.6rem !important;
}
.titol-gros-etsav h2 {
	font-size: 12.93rem !important;
}
.titol-gros-montilivi h2 {
	font-size: 11rem !important;
}
.titol-gros-manresa h2 {
	font-size: 19.6rem !important;
}

.slogan-gros, .slogan-gros h2, .slogan-gros h3 {
	font-size: 4.37rem !important;
}
	.text-slogan {
	font-size: 2.25rem !important;
}
.text-slogan-2 {
	font-size: 3rem !important;
}
.text-slogan-3, .text-slogan-3 h2, .text-slogan-3 h3 {
	font-size: 2.81rem !important;
	line-height: 2.5rem !important;
}
	
#serveirecepcio {
	top: auto;
	left: calc(536px - 40vw);
	right: calc(536px - 40vw);
	bottom: -5vw;
}
#serveiestudi {
	top: auto;
	left: calc(402px - 30vw);
	right: calc(402px - 30vw);
	bottom: -5vw;
}
#serveineteja {
	top: auto;
	left: calc(368.5px - 27.5vw);
	right: calc(435.5px - 32.5vw);
	bottom: -2vw;
}
#serveiactivitats, #serveicuina, #serveimultimedia {
	top: auto;
	left: calc(402px - 30vw);
	right: calc(402px - 30vw);
	bottom: -2vw;
}
#serveiestar, #serveijardi {
	top: auto;
	left: calc(536px - 40vw);
	right: calc(536px - 40vw);
	bottom: -2vw;
}
.ctatarifas p {
	font-size: 3rem;
	line-height: 3rem;
}
.fusion-layout-column.caja-tarifa {
	width: calc(33% - 60px);
}
}

@media screen and (min-width: 1680px) {
.ctatarifas p {
	font-size: 5rem;
	line-height: 4.7rem;
}
}

@media screen and (max-width: 639px) {
.fusion-form-form-wrapper .fusion-form-field .fusion-form-input::placeholder {
	font-size: 18px;
}
}

@media screen and (max-width: 1399px) {
#contenidortarifes {
	background-image: none !important;
}
}
