/*
Theme Name: The Five Soul
Developer Agency: https://optimoclick.com
*/


/* =Theme customization starts here
------------------------------------------------------- */

h1.text-logo a, #block-23 p{
	font-family: "Rethink Sans", "Rethink Sans Placeholder", sans-serif !important;
	font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.24em;
    color: #5C3A00;
}
a{
  cursor: pointer !important;
}
.nav-menu-wrapper{
	display: none;
}
.header-bottom-line, .hidden-bar .inner-box .cross-icon, b{
	color: #5C3A00 !important;
}
.animated-text-content-r{
	font-family: "Cormorant", serif !important;
	font-optical-sizing: auto !important;
	font-weight: 200 !important;
	font-size: 80px !important;
	font-style: italic !important;
	text-alignment: center !important;
	color:#5C3A00 !important;
}
.animated-text-wrapper-r {
    border-top: 0px solid #000 !important;
    border-bottom: 0px solid #000 !important;
}
.animated-text-r .animated-text-content-r::before{
	background:url(../liondar/assets/images/panot.svg) no-repeat center center !important;
	width: 25px !important;
	height: 60px !important;
/*  margin-left: 20px;*/
}
.iconairb svg{
  width: 90% !important;
}
.iconbooking svg{
	width: 70% !important;
}
.numreview1 .elementor-heading-title{
	text-indent: 15px !important;
}
.numreview2 .elementor-heading-title{
	text-indent: 0px !important;
}
p, .elementor-testimonial__text, .elementor-testimonial__title, .elementor-widget-container, .entry-content p, .entry-content li{
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  color:#5C3A00 !important;
}
/*.entry-content span{
	font-weight: 600 !important;
	text-indent: 50px;
}*/
.entry-content ul li{
	list-style: disc !important;
}
/*.elementor-testimonial__cite{
    margin-inline-start: 0px !important;
}*/
.elementor-testimonial__title{
	font-weight: 600 !important;
	text-align: center !important;
}
.elementor-testimonial--layout-image_above .elementor-testimonial__footer{
	margin-bottom: 10px !important;
}
.zoom-hover {
  display: inline-block;
  overflow: hidden;
  border-radius: 15px;
  cursor: pointer !important;
}
.zoom-hover img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit; /* Hereda el mismo radio del contenedor */
  transition: transform 0.8s ease;
  transform-origin: center center;
}
.zoom-hover:hover img {
  transform: scale(1.1);
}
.elementor-testimonial__image {
  display: none !important;
}

.elementor-testimonial__name {
  position: relative;
  height: 50px !important;
  padding-left: 30px; /* espacio para el icono */
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  color:#000 !important;
   display: flex;
  align-items: center; /* Centra verticalmente */
}

.elementor-testimonial__name::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

/* SVG 1 para Airbnb */
.elementor-testimonial__name.has-airbnb::before {
  background-image: url('../liondar/assets/images/airbnb-logo.svg') !important;
}

/* SVG 2 para Booking */
.elementor-testimonial__name.has-booking::before {
  background-image: url('../liondar/assets/images/booking-logo.svg') !important;
}
.has-airbnb{
	color: #FF5A5F !important;
}
.has-booking{
	color: #273C7E !important;
}
.elementor-1969:not(.elementor-motion-effects-element-type-background), .elementor-1969 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #E8DFD1 !important;
	border:1px solid #5C3A00;
}
footer p{
	font-size: 14px !important;
}
.menupop a {
  position: relative;
  display: inline-block; /* para que el ancho sea solo el texto */
  text-decoration: none;
}
.menupop a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px; /* margen desde la base del texto */
  width: 0;
  height: 1px;
  background-color: #5C3A00;
  transition: width 0.3s ease;
}
.menupop a:hover::after {
  width: 100%; /* 100% del ancho del texto */
}
.custom-themee-contactt .fnamee, .custom-themee-contactt .fmessage {
    border: 1px solid #5C3A00 !important;
    text-indent: 15px;
    border-radius: 15px !important;
}
input::placeholder, textarea::placeholder  {
	font-family: "Inter", sans-serif !important;
	font-optical-sizing: auto !important;
	color: #5C3A00 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	padding: 0px !important;
}
.labelform input.wpcf7-form-control, .labelform textarea.wpcf7-form-control  {
  border: 1px solid #5C3A00; /* color y grosor del borde */
  border-radius: 15px;         /* bordes redondeados */
  padding: 8px 12px;          /* espacio interno para que no quede el texto pegado */
  transition: border-color 0.3s ease;
}
.labelform input.wpcf7-form-control:focus, .labelform textarea.wpcf7-form-control:focus {
  border-color: #8B5E00;      /* color del borde cuando está enfocado */
  outline: none;              /* eliminar el outline por defecto */
  box-shadow: 0 0 5px rgba(92, 58, 0, 0.5); /* sombra para destacar */
}
.labelform input.wpcf7-form-control, .labelform textarea.wpcf7-form-control {
  color: #5C3A00;           /* color del texto */
  font-size: 14px;          /* tamaño de la fuente */f
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 400;      /* grosor */
  caret-color: #5C3A00;     /* color del cursor */

}
textarea.wpcf7-form-control {
  height: 150px; /* altura fija */
}
.wpcf7-submit {
  color: #5C3A00;          /* color del texto */
  border: 1px solid  #5C3A00;               
  padding: 12px 30px;           /* espacio interno */
  font-size: 14px;              /* tamaño del texto */
  font-weight: 400;            /* grosor del texto */
  border-radius: 15px;           /* bordes redondeados */
  cursor: pointer;              /* cursor tipo mano */
  background-color: transparent;
  transition: background-color 0.3s ease;
  margin: 10px 0px ;
}
.wpcf7-submit:hover {
  background-color:  #5C3A00 !important ;    /* color de fondo al pasar el mouse */
  color: #fff !important;
}
.wpcf7-not-valid-tip{
	font-family: "Inter", sans-serif !important;
	font-optical-sizing: auto !important;
	color: #5C3A00 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color:#FF5A5F !important; 
    border: 1px solid !important;
}
.entry-content p{
	font-size: 0px !important;
}
label.labelform {
    margin: 10px 0;
}
.servicios ul li{
  color: #5C3A00 !important;           /* color del texto */
  font-size: 14px !important;          /* tamaño de la fuente */f
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 500 !important;      /* grosor */
  padding: 10px 0px !important;
  border-bottom: 1px solid #5C3A00 !important;         
}

p#breadcrumbs, p#breadcrumbs a{
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  color: #5C3A00 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
    letter-spacing: 0.12em !important;

}
p#breadcrumbs strong{
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  color: #5C3A00 !important;
  font-size: 14px !important;
   font-weight: 500 !important;
    letter-spacing: 0.12em !important;
}
.elementor-icon{
  display: flex !important;
  align-items: center !important; /* Centra el objeto verticalmente */
  justify-content: center !important; /* Opcional, para centrar también horizontalmente */
}

.elementor-widget-image a {
    display: contents !important;
}

@media screen and (max-width: 430px) {
    .inforeviewair, .inforeviewbook {
      width: 40% !important;
      padding:  5px !important;
    }
    .iconairb svg{
      width: 45% !important;
    }
    .iconbooking svg{
      width: 30% !important;
    }
  :where( .elementor-2291 .elementor-element.elementor-element-6ead555 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con {
    --padding-right: 10px !important;
    --padding-left: 10px !important;
  }
  .elementor-widget-n-accordion .e-n-accordion-item-title-text {
    font-size: 28px !important;
    line-height: 32px !important;
}
}