/*
Theme Name: MT Comms Team - Child
Template: zakra
Author: MT Comms Team
Author URI: https://mtcommsteam.com
Description: developed by MT Comms Team
Version: 1.1.1
*/

/* INICIO Customizacion del wp-form-14 */
#wpforms-14{
	width:80%;
}

div.wpforms-container-full textarea {
	width:60%;
}

/* FIN Customizacion del wp-form-14 */

/* Tipografía Galano Grotesque */
@font-face {
    font-family: "Galano-Bold";
    src: url('./fonts/galanogrotesque/GalanoGrotesqueBold.otf');
	font-display: swap;
}
@font-face {
    font-family: "Galano-Semi Bold";
    src: url('./fonts/galanogrotesque/GalanoGrotesqueSemiBold.otf');
	font-display: swap;
}
@font-face {
    font-family: "Galano-Regular";
    src: url('./fonts/galanogrotesque/GalanoGrotesqueRegular.otf');
	font-display: swap;
}

/* Tipografía DM Sans */
@font-face {
    font-family: "DMSans-Bold";
    src: url('./fonts/dmsans/DMSans-Bold.ttf');
	font-display: swap;
}
@font-face {
    font-family: "DMSans-SemiBold";
    src: url('./fonts/dmsans/DMSans-SemiBold.ttf');
	font-display: swap;
}
@font-face {
    font-family: "DMSans-Regular";
    src: url('./fonts/dmsans/DMSans-Regular.ttf');
	font-display: swap;
}

/* Tipografía Lato */
@font-face {
    font-family: "Lato-Bold";
    src: url('./fonts/Lato/Lato-Bold.ttf');
	font-display: swap;
}
@font-face {
    font-family: "Lato-Regular";
    src: url('./fonts/Lato/Lato-Regular.ttf');
	font-display: swap;
}

@font-face {
    font-family: "Lato-Light";
    src: url('./fonts/Lato/Lato-Light.ttf');
	font-display: swap;
}

/* Tipografía Montserrat */
@font-face {
    font-family: "Montserrat-Bold";
    src: url('./fonts/Montserrat/Montserrat-Bold.woff2');
	font-display: swap;
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url('./fonts/Montserrat/Montserrat-Regular.woff2');
	font-display: swap;
}

@font-face {
    font-family: "Montserrat-Light";
    src: url('./fonts/Montserrat/Montserrat-Light.woff2');
	font-display: swap;
}



/* Fuerzo la tipografía */ 
* {
	font-family: "Montserrat-Regular";
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {font-family: "Montserrat-Bold";}

.site-branding .site-description .site-title .site-info-wrap{
	font-family: Montserrat-Regular !important;
}

.site-branding .site-title {
	font-family: Montserrat-Regular !important;
}

.site-branding .site-info-wrap a {
	font-family: Montserrat-Bold !important;
}

.site-info-wrap {display: none;}

/*.site-branding {position: relative; margin-left: -100px;}*/

/*
.wpforms-form .wpforms-field-label{ 
	font-family: Oswald-Regular !important;
}
*/

/* Clases para fuentes */

.Lato-Light {
	font-family: "Montserrat-Light";
}

.Lato-Bold {
	font-family: "Montserrat-Bold";
}



/* Clase agregada para que los iconos de redes sociales no tengan fondo */
.social-icons-no-background {
	background:none !important;
}

.social-icons > a {
    padding-right: 10px;
	color: #FFF;
}

/* INICIO Customizacion del header */
.zak-main-header{
	padding: 0 !important; 
	background-color: #694D7D;
} 

.zak-primary { padding-bottom: 0px; }
.zak-content .zak-row { padding-bottom: 0px; }

.zak-header-builder {background-color: #694D7D;} /* header de version mobile */

/* marca y resaltado de menu activo */
@media (min-width: 1025px) {
  .zak-main-nav li:hover,
  .zak-main-nav .current-menu-item,
  .zak-main-nav .current-menu-parent,
  .zak-main-nav .current-menu-ancestor {
    border-top: 2px solid #FFF;
  }
	
	.texto-home-centrado {padding-left:140px; padding-right: 140px}
}


/* Icono de menu en version mobile */
.zak-toggle-menu .zak-icon{	fill: #FFF; }

/* Elimina el recuadro azul que se muestra en iphone*/
#zak-mobile-nav-close:focus {
  outline: none;
  box-shadow: none;
}

/* Menu para version mobile */
.zak-mobile-nav {background-color: #694D7D;}
.zak-mobile-menu .current_page_item a {text-decoration: none;}
.zak-mobile-menu a {color: #FFF;}


 
 /* FIN Customizacion del header */

/* ajuste de titulo y descripcion para version mobile*/ 
@media only screen and (min-width: 320px) and (max-width: 667px) {
 	.site-branding .site-title {font-size: 2.0rem;}
	.site-branding .site-description {font-size: 1rem;}	
	
	.texto-home-centrado {padding-left:20px; padding-right: 20px}
}

.custom-logo {
	height:70px;
	width: 200px;
}

/* Color del menu */ 
.zak-primary-nav ul li > a, .zak-main-nav.zak-primary-nav ul.zak-primary-menu > li > a, .zak-primary-nav.zak-menu-item--layout-2 > ul > li > a {color: #FFF !important; font-size: 1.3rem;}

/* CSS para el boton mas y la parte de descripcion simple y detallada de servicios */

.team-member {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  min-height: 380px;
  align-items: center;
  /* text-align: center; */
  height: 100%;
}
.short-desc {
  font-size: 14px;
}
.details {
  display: none;
}

/* Permite alinear el texto de las imagenes para que queden verticalmente a la misma altura entre las columnas */
.vc_row.vc_row-o-equal-height > .vc_column_container {
	align-items: baseline !important;  
}

.left { padding-left: 5px;}
.right { padding-right: 5px;}

.zak-footer-builder .zak-html-1 > p { line-height: 1;}
.zak-footer-builder .zak-html-1 > p a { line-height: inherit;}
.zak-top-bar, .zak-footer {background-color: #694D7D;}


.imagen-extensa {
  position: relative;
  top: -35px; /* Ajustá este valor según el padding de tu columna */
  left: -15px; /* Ajustá este valor según el padding de tu columna */
  width: calc(100% + 30px); /* 2x el padding si es 15px a cada lado */
  max-width: none;
}

.btn-reservar {
  padding: 14px 16px;
  background-color: #694d7d;
  color: white;
  border: none;
  /*
   * -radius: 4px;*/
  cursor: pointer;
  width: 230px;
}
.btn-reservar:hover {
  background-color: #7a5d91;
  color: #FFF;
}

.overflowhidden {overflow: hidden;} /* asignado para que recorte cualquier parte de la img que sobresalga del borde del contenedor*/ 

.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill > div:first-child {overflow: hidden;}

/* asignado para igualar altura en columnas... */
.altura-sync .vc_column-inner {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
}
.altura-sync .wpb_wrapper {
  flex-grow: 1;
}