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


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


.book-now-button span {background-color: #a0904f;}
.book-now-button a span {color: #fff;}

.booknowpopup {}



/* ---------------------------------------------------------------- */
/* ----------------------------- RESERVES ----------------------------- */
/* ---------------------------------------------------------------- */

/*.modul-reserva.widgetHotelsForm .acessa_widget_block .widgetHotelsInputText, 
.modul-reserva.widgetHotelsForm .acessa_widget_block select,
.modul-reserva .pika-label {font-size: 24px!important;}
.modul-reserva .pika-table th {font-size: 18px;}
.modul-reserva .pika-button {font-size: 18px!important;}
.modul-reserva .pika-week {font-size: 18px!important;}
.modul-reserva .pika-table abbr {font-size: 18px !important;}*/

.acessa_widget_block {padding: 15px;}

.I2Uiuq_input.JiK2PW_input {max-height: 36px;font-size: 14px}


.acessa_widget_block p,
.acessa_widget_block input {
    line-height: 1.5!important;
	font-family:var(--awb-text-font-family);
}
.acessa_widget_block p {font-size: 0.9rem!important;}
.acessa_widget_block input {font-size: 1rem!important;}

.modul-reserva .widgetHotelsForm .acessa_widget_block {margin-right: 0px!important;}

.modul-reserva .widgetHotelsForm .acessa_widget_block .widgetHotelsInputText.date,
.modul-reserva .widgetHotelsForm .acessa_widget_block select {
	min-width: 140px;
	padding: 8px 12px;
    border-radius: 2px;
}

.modul-reserva .submit_link {
	padding-top: 9px!important;
	padding-bottom: 9px!important;
}

.modul-reserva .CloudBedsWidget .widgetHotelsForm a.submit_link {background: #a0904f;}

.modul-reserva .widgetHotelsForm .horizontal-widget a.submit_link {
	top: 28px!important;
	margin-left: 10px;
}

.pika-single p,
.pika-button,
.pika-label,
.pika-label title {
    font-size: 15px!important;
}


/* ---------------------------------------------------------------- */
/* ----------------------------- 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,
.blanco, .blanco p, .blanco h1, .blanco h2, .blanco h3, .blanco h4, .blanco h5,
.link-blanc, .link-blanco p, .link-blanc h1, .link-blanc h2, .link-blanc h3, .link-blanc h4, .link-blanc h5,
.link-blanc a, .link-blanc a span {color: #fff!important;}

.fons-clar { background-color: #f1f1f1 !important; }
.fons-mig { background-color: #c6dddd !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, .modul-reserva .maj {text-transform: uppercase!important;}
bold, strong, b {font-weight: 500!important;}

.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; }

.franja {padding-top: 80px!important; padding-bottom: 70px!important;}
.franjaplus {padding-top: 120px!important; padding-bottom: 110px!important;}
.franja-foto-medium {min-height: 400px;}
.franja680 {min-height: 680px;}

.estret {max-width: 1100px;}
.molt-estret {max-width: 600px;}
.max700 {max-width: 700px;}
.max500, .max500 img {max-width: 500px;}
.max320 img {max-width: 320px;}
.max240 img {max-width: 240px;}

.estret, .molt-estret, .max700, .max500, .max320, .max240 { margin-left: auto!important; margin-right: auto!important;}

.igualarcol {flex-grow: 10;}

.sombra, .sombra p, .sombra h1, .sombra h2, .sombra h3, .sombra h4, .sombra h5,
.paralax h1, .paralax h2, .paralax h3 {text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}

.header-transp.fusion-sticky-container.fusion-sticky-transition {box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4);}

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

.llistat ul li {margin-bottom: 18px;}
.llistat ul li ul li, ul.llistat2 li {margin-bottom: 0px;}

.llistat ul li ul,  ul.llistat2 {padding-left: 15px;}
.llistat ul li ul li, ul.llistat2 li {
  list-style: none; /* eliminem el cercle per defecte */
  position: relative;
  padding-left: 1em;
}

.llistat ul li ul li::before, ul.llistat2 li::before {
  content: "-";
  position: absolute;
  left: 0;
}
ul.llistat2 {margin-top: 0}


.box-icones .heading-with-icon .content-box-heading {font-weight: 500;}
.heading-with-icon {margin-bottom: 5px!important;}

.icona-text-popup img {max-width: 50px!important;}
.icona-text-popup p {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-block-start: 12px;
  margin-block-end: 12px;
}



.contenidor-icones {}
.icono-simple img {max-width: 70px;}
.icono-doble img {max-width: 140px;}
.icono-simple {margin-right: 10px;}
.icones-verticals img {height: 50px;margin-right: 10px!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;
}

.menu-item.wpml-ls-item {margin-left: 6px;margin-right: 6px;}


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

.wpforms-field {padding: 0 0 10px !important;}
.enviar {background-color: #303138!important;}
.acepto label{font-size: 14px!important;}

.footer-form p {
	margin-bottom: 15px!important;
	margin-top: 15px!important;
}

.blanc .wpforms-field-label-inline {color: #fff!important;}

.wpforms-confirmation-container-full p {color: #000!important;}

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


.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 -------------------- */



