/*
Theme Name: Draga-Inn Hueman Child Theme
Version: 1.0
Description: A child theme of Hueman
Template: hueman
Author: Administrator
*/
/* Your awesome customization starts here */


/*-----------------------------------------------------
ESTRUCTURA
------------------------------------------------------*

/*--------------------
Ancho de contenedor
--------------------*/

/* En dispositivos de ancho <1600px ajusta el ancho del contenedor para ocupar toda la pantalla */

@media only screen and (max-width: 1599px) {
    body {background-image:none!important; 
          background-color: #5f7fa8!important;}
    .site-image {width: 100%;}
    .container {padding: 0px;}
    .container-inner {
        margin: 0px;
        max-width: 100%;
    }

}

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

/* Color de fondo de header transparente */
#header { 
    background: transparent;
    background-color: transparent!important; 
}

/* Imagen de sito >400px */ 
.site-image {
    max-height: none; /*400px*/
}

/* Oculta título de página */
.page-title {display:none;!important}


/* Oculta fetured image de la página */
.page-image { display: none; }

/*-----------
PIE DE PAGINA
-----------*/

/* Color de fondo */
#footer {
    background-color:#5f7fa8!!important;
}

/* Fondo del pie de página */
#footer-bottom {
    background:#5f7fa8!important;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

/* Botón "Ir Arriba" */
#footer-bottom #back-to-top { 
    background: rgba(255, 255, 255, 0.7); 
    color: #297B76; 
}
#footer-bottom #back-to-top:hover { color: #800000; }


/*-----------------------------------------------------
MENU de Alquiler / Rent / Alugar
-----------------------------------------------------*/

.menu {color: #b3f4ef!important;}

a.menu:hover {
    color: antiquewhite!important;
    text-shadow: 1px 1px #000;
}

/*-----------------------------------------------------
FANTASMAS
-----------------------------------------------------*/

/* Ocultar en celulares */
@media only screen and (max-width:720px) {
    .myHide-mobile {display:none!important;}
}

/* Ocultar en desktops >=1280px */
@media only screen and (min-width:1280px) {
    .myHide-mobile {display:none!important;}
}

/* Ocultar imagen en celulares */
@media only screen and (max-width:1279px) {
    .myHideImage-mobile {display:none!important;}
}

/* Ocultar imagen en desktops */
@media only screen and (min-width:1280px) {
    .myHideImage-desktop {display:none!important;}
}