/*
 Theme Name:     La Buena Onda
 Theme URI:      www.labuenaonda.com.ni
 Description:    Tema para Hostal La Buena Onda
 Author:         César Baltodano
 Author URI:     cesarbaltodano90@gmail.com
 Template:       Divi
 Version:        1.0.0
*/
 
/*------------------------------------------------------- 
CSS 
------------------------------------------------------- */

/*Ocultar la sección contacto y separador superior al hacer scroll*/
.pa-fixed-header #seccion-superior-contacto, .pa-fixed-header #seccion-superior-separador{
    display:none;
}

.pa-fixed-header #seccion-superior-menu{
	padding-top: 10px!important;
    padding-bottom: 10px!important;
    box-shadow: 0 2px 5px 0 rgba(87,18,0,.5);
    border: none;
    background-color: #f9f6eb;
}

/*Mostrar logo en el menú superior al hacer scroll*/
.pa-fixed-header #logo-menu-frontal{
    display:block;
}

/*Reducción del texto del menu*/
@media (max-width: 1280px){
    #menu_superior ul li a {
		font-size: 10px;
		font-weight: 800;
	}
	#menu_superior ul li {
		padding-left: 5px;
    	padding-right: 5px;
	}
	#logo-menu-frontal span img {
		width:80%;
	}
}
@media (max-width: 981px){
    #logo-menu-frontal span img {
		width:100%;
	}
}

/*Borde de los iconos sociales superiores*/
#enlaces-sociales-header .icon {
    border: 1px solid #205237;
    border-radius: 20px;
    font-size: 9px;
}

/*Alineacion del menú hamburguesa a la derecha*/
@media (max-width: 981px){
    .et_pb_menu--style-centered .et_pb_menu__wrap {
        justify-content: flex-end;
        padding-right: 20px;
    }
}

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    text-align:center;
}

.et_mobile_menu li a {
    border-bottom: 0px;
    padding: 3px 5%;
    display: block;
}

.et_pb_menu_0_tb_header.et_pb_menu {
    background-color: rgba(0, 0, 0, 0) !important;
    overflow-x: visible;
    overflow-y: visible;
}

@media (max-width: 980px){
	.et_pb_fullwidth_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu {
		top: 100%;
		padding: 0%;
	}
}

/*Botones verdes*/
.botones_svg_verdes img{
    background-color:#265232;
}
.botones_svg_verdes img{
    width: 70px;
    border-radius: 20px;
}
.botones_svg_verdes img:hover {
    background-color: #571200;
}

/*Tamaño imagenes icon de servicios*/
.icon_services img {
    width:50px;
}

/*Enlaces sociales footer*/
#enlaces-sociales-footer .icon {
    border: 1px solid #571200;
    border-radius: 20px;
    font-size: 9px;
}

/*Botones usando blurb*/
.blurb-boton .et_pb_main_blurb_image {
    margin-bottom:15px !important;
}
.blurb-boton .et_pb_main_blurb_image img {
    width:30px;
}

/*Pico Imagen*/
@media (max-width: 980px){
	.pico_imagen_abajo_derecha:before {
		display:none!important;
	}
	.pico_imagen_abajo_izquierda:before {
		display:none!important;
	}
	.flecha_derecha_medio_blanco .et_pb_image_wrap:before {
		content: "" !important;
		z-index: 10!important;
		position: absolute!important;
		width: 0!important;
		height: 0!important;
		bottom: 0!important;
		left: calc(50% - 40px)!important;
		border-bottom: 40px solid #ffffff !important;
		border-right: 40px solid transparent !important;
		border-left: 40px solid transparent !important;
		border-top: 0px !important;
	}
}
.pico_imagen_arriba:before {
	content:"";
	z-index: 1;
	width: 0;
	height: 0;
	position: absolute;
	margin: 0 0 0 calc(50% - 40px);
	border-top: 30px solid #f9f6eb;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
}
.pico_imagen_arriba_front:before {
    content: "";
    z-index: 1;
    width: 0;
    height: 0;
    position: absolute;
    margin: -150px auto auto calc(50% - 50px);
    border-top: 40px solid #f9f6eb;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
}
.pico_imagen_abajo_derecha:before {
    content: "";
    z-index: 999;
    width: 0;
    height: 0;
    right: -40px;
    bottom: 0;
    position: absolute;
    border-bottom: 30px solid #f9f6eb;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}

.pico_imagen_abajo_izquierda:before {
    content: "";
    z-index: 999;
    width: 0;
    height: 0;
    left: -40px;
    bottom: 0;
    position: absolute;
    border-bottom: 30px solid #f9f6eb;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}
.flecha_derecha_medio_blanco .et_pb_image_wrap:before {
    content: "";
    z-index: 10;
    position: absolute;
    right: 0;
    border-top: 40px solid #f9f6eb00;
    border-right: 40px solid #ffffff;
    border-bottom: 40px solid transparent;
    bottom: calc(50% - 40px);
}
.flecha_arriba_medio_amarillo:before {
    content: "";
    z-index: 10;
    position: absolute;
    border-top: 40px solid #ffc51a;
    border-right: 40px solid #ffffff00;
    border-left: 40px solid transparent;
    left: calc(50% - 40px);
    left: -moz-calc(50% - 40px);
    left: -webkit-calc(50% - 40px);
}
.pico_abajo_medio_amarillo .et_pb_image_wrap:before {
	content: "";
    z-index: 999;
    width: 0;
    height: 0;
    bottom: 0;
    position: absolute;
    left: calc(50% - 40px);
    border-bottom: 40px solid #ffc51a;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}
.pico_arriba_medio_rojo .et_pb_image_wrap:before {
	content: "";
    z-index: 10;
	width: 0;
    height: 0;
    position: absolute;
	left: calc(50% - 40px);
    border-top: 40px solid #571200;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}
.flecha_abajo_medio_rojo .et_pb_image_wrap:before {
    content: "";
    z-index: 999;
    width: 0;
    height: 0;
    bottom: 0;
    position: absolute;
    left: calc(50% - 40px);
    border-bottom: 40px solid #571200;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}
.pico_abajo_medio_verde .et_pb_image_wrap:before {
	content: "";
    z-index: 999;
    width: 0;
    height: 0;
    bottom: 0;
    position: absolute;
    left: calc(50% - 40px);
    border-bottom: 40px solid #265232;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}
.pico_arriba_medio_blanco .et_pb_image_wrap:before {
	content: "";
    z-index: 10;
	width: 0;
    height: 0;
    position: absolute;
	left: calc(50% - 40px);
    border-top: 40px solid #ffffff;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}
.pico_abajo_medio_blanco .et_pb_image_wrap:before {
	content: "";
    z-index: 999;
    width: 0;
    height: 0;
    bottom: 0;
    position: absolute;
    left: calc(50% - 40px);
    border-bottom: 40px solid #ffffff;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}

/*Estilo botones book now*/
.boton-book-now-yellow h3 {
    position: absolute;
    bottom: calc(50% - 60px);
    left: -moz-calc(50% - 60px);
    left: -webkit-calc(50% - 60px);
    left: calc(50% - 60px);
    background-color: rgba(255,197,26,.6);
    padding: 34px 0;
    color: #571200;
	font-weight: 700;
    text-align: center;
    margin: 0;
    width: 120px;
    height: 120px;
    bottom: -moz-calc(50% - 60px);
    bottom: -webkit-calc(50% - 60px);
    border-radius: 60px;
}

.boton-book-now-brown h3 {
    position: absolute;
    left: -60px;
    background-color: #571200;
    padding: 30px 0;
    color: #ffc51a;
    z-index: 2;
    margin-top: -50%;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
    width: 120px;
    height: 120px;
    border-radius: 60px;
}


/*Popups titulo*/
.pum-title.popmake-title {
    color: #571200 !important;
    text-align: left !important;
    text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ) !important;
    font-family: Quicksand !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 36px !important;
}
.pum-title.popmake-title:before {
   font-family: "Font Awesome 5 Free";
   content: "\f054";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
	color: #ffc51a!important;
}
/*Estilos tablas*/
table thead {
    border-top: 2px solid #571200;
    border-bottom: 2px solid #571200;
}
table tbody tr{
    border-bottom: 1px dotted #571200;
}

/*Ancho del botón del formulario de contacto*/
.et_contact_bottom_container {
    width: 100%;
}
.et_contact_bottom_container .et_pb_contact_submit{
    width: 100%;
}
/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #f9f6eb;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
	width: 80px;
	height: 27px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(/wp-content/uploads/2020/05/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin: 0 0 0 -40px;
}