/*
Theme Name: Florial Child
Theme URI: http://www.wpbingosite.com/florial
Author: wpbingo
Description: This is a child theme for Florial
Version: 1.0
Author URI: http://wpbingosite.com
Template: florial
Text Domain: florial-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/


@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');

.header-mobile > .container > .row > .header-left {
	order: 2;
}

.header-mobile > .container > .row > .header-right {
	order: 1;
}

.bwp-header .wpbingoLogo img {
	max-width: 150px !important;
}

.bwp-header .header-left {
	position: relative;
	color: #8d8d8d;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.bwp-header.header-v3 .header-wrapper; .bwp-header.header-v2 .header-wrapper {
	padding: 5px 0 !important;
}

.bwp-header .header-right {
	justify-content: inherit !important;
}

.back-top {
	display: none !important;
}

.bwp-navigation ul > li.level-0 > a {
	text-transform: Uppercase;
	font-family: Assistant,serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
}

.bwp-navigation ul > li.level-0.menu-item-has-children > a::before {
	bottom: -26px;
}

.bwp-header .header-page-link .phone::before {
	background-color: white;
}

.category-posts .cate-post-content .blog-content-grid h3.entry-title a:hover, .author .blog-content-grid h3.entry-title a:hover, .search .blog-content-grid h3.entry-title a:hover {
	color: white;
}

.entry-title {
	text-transform: none;
}

.phone a:hover {
	color: #d02152;
}

.elementor-slideshow__title {
	visibility: hidden;
}

/* Estilo de formulario */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-family: inherit;
  font-size: 14px;
  box-sizing: border-box;
  background: #fff;
  color: #333;
}

/* Botón de envío */
.wpcf7-form input[type="submit"] {
  background-color: #c72772;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #a81d5a;
}

/* Centrar los campos del formulario */
.wpcf7-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Ajustes para los campos de texto (nombre, correo, teléfono, ciudad) */
.wpcf7-form .form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.wpcf7-form .form-col {
  width: 48%; /* Ajusta el espacio entre las columnas */
}

/* Ajustar el campo de mensaje para que ocupe el ancho completo */
.wpcf7-form textarea {
  width: 100%;  /* Asegura que el campo de mensaje ocupe todo el espacio disponible */
  max-width: 100%; /* Elimina cualquier restricción de ancho máximo */
  height: 150px; /* Ajusta la altura para que sea más visible */
  margin-top: 10px; /* Espacio entre el campo del mensaje y los otros campos */
  box-sizing: border-box; /* Incluye el padding dentro del ancho total */
}

/* Asegurarse de que los contenedores también ocupen todo el ancho */
.wpcf7-form-row {
  width: 100%;
}

/* Espaciado entre los campos */
.wpcf7-form input, 
.wpcf7-form textarea, 
.wpcf7-form button {
  margin: 10px 0;
  padding: 10px;
  font-size: 16px;
}

/* Estilo del botón de envío */
.wpcf7-form input[type="submit"] {
  background-color: #f07899; /* Color de fondo del botón */
  color: white; /* Color del texto del botón */
  border: none;
  cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #d06688; /* Color de fondo cuando pasas el ratón sobre el botón */
}