/*

 Theme Name:   Hotelet Grup

 Theme URI:    https://hoteletgrup.com

 Description:  Hotelet Grup GP child theme

 Author:       Mr Edison

 Author URI:   https://mredison.es

 Template:     generatepress

 Version:      1.1

 Text Domain: hotelet

*/

/*border: 1px double #bac48c; rgba(186, 196, 140,0.58)*/
/*color #B3A280 arena #c6a664 rgb(198,166,100) rgba(198,166,100,0.58)  color arena suave claro #ece2c6*/
/*float:left; width: 23%; #C6A664 */


nav {display:none;}
.main-navigation {display:none;}

body {background-color: white;}
h1 { text-transform: uppercase; text-align: center; }
header.page-header {padding:0 !important;}
.text-center {text-align: center;}
.secondary {background-color: #B3A280; color:white; margin: 45px 0px 80px 0px; }
ul {align-items: center;}
footer {min-height: 100%; bottom: 0;}
.site-footer {
    /*position: absolute;*/
    width: 100%;
    bottom: 0;
    min-height: 100%;
}
.eael-entry-header-after.style-two {
 display: none;
}
img {border-radius: 20px !important;}
.fotohabitacio {height: 400px; width: 700px;}
.eael-entry-content { height: 80px; }

.mauto {margin: auto;}
.textcenter {text-align: center;}

.myHeader {z-index: 5;}
.hfe-nav-menu-icon {
    padding: 0em 0.35em;
    border: 0 solid;
    font-size: 22px !important;
}

.elementor-732 .elementor-element.elementor-element-e3afa6f .hfe-nav-menu-icon {
    font-size: 22px;
}
.elementor-732 .elementor-element.elementor-element-e3afa6f .hfe-nav-menu__toggle {
    margin: 0;
}
.elementor-732 .elementor-element.elementor-element-683ed0f > .elementor-widget-container {border:none;}

#boto-reserva {position:fixed; bottom:0; z-index:99; width: 100vw; height: 60px; align-items: center; display: flex; justify-content: center;}
.kross-transparency { background: transparent !important; padding: 0px;}
form.form-kross-booking {border-radius: 20px; border: 1px solid #c6a66490;}
button.kb-btn .kb-btn-submit {border-radius: 0px 0px 20px 20px;}
.kross-container .kb-btn {border-radius: 20px; background-color: #B3A280ff;}
.kross-container .kb-form-group { border: none;}
.kross-container .kb-date .kb-d, .kross-container .kb-qt {
    color: black;
}

.relatiu {position: relative;}
.absolut { position: absolute; }
.padt20 {padding-top: 20px;}
.padb20 {padding-bottom: 20px;}
.padt5 {padding-top: 5px;}
.padb5 {padding-bottom: 5px;}
.padb0 {padding-bottom: 0 !important;}
li.padb5 a {padding-bottom: 5px !important; background-color: #000 !important;}
.bot10 {bottom:10%;}
.bot0 {bottom:0;}
.padt0 {padding-top: 0 !important;}

/*.inline-post { display: flex; flex-direction: row; width: 20%; float:left;}*/
.inline-post { display: table; width: 19%; float:left; padding-right: 1px; margin-right: 1px;}
.display-inline {display: flex;}
.home100 {width: 100vw; height: 93vh; background-color: rgba(0, 0, 0, 0.4); position: absolute;}
.home10 {width: 100vw; height: 100vh; }
.w100 {width: 100%;} 
.gglobe { background-color: white;
    -webkit-mask-image: url(img/gtglobe.svg);
    mask-image: url(img/gtglobe.svg); 
    background-image: none !important;
    height: 30px !important;
    width: 30px !important; }
.btnfix {position:fixed; right:0; top:50px;z-index: 10; width: auto !important;}

.cover img.swiper-slide-img{object-fit: cover;}
.oculto {display:none;}
.ocultodesk {display:none;}
.visible {display:block;}

.float-left > div {float: left;}
.float-right > div {float: right;}
.float-right:after {clear: both;}
.float-right:before {float: none;}
.clearfloat {clear: both;}
.grid4 {float:left; width: 25%;}
.grid3 {float:left; width: 33%;}

.borderin2 { outline: 2px solid white; /*outline-offset: -30px;*/ }

.blanc {color:white !important; text-decoration: none !important; }
.backcolor {background-color: #B3A280; width: 60%; background-size: contain; overflow: hidden;}
.colorfons {background-color: #B3A280 !important; }
.colorfons:hover {background-color: #fff !important; }
.fonsnegre {background-color: #000 !important;}

.zoom {transition: transform .2s; overflow: hidden; margin-right: 5px;}
.zoom:hover div img{  z-index:99000;  overflow: hidden; background-color: #B3A280;
	transform:scale(1,1.5);
	-ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */
}

@media screen and (max-width: 800px){
.ocultodesk {display:block;}
.float-left, .float-right {clear: both;}
.inline-post { display: table; width: 49%; float:left; padding-right: 1px; margin-right: 1px;}

}
@media screen and (max-width: 500px){
nav ul {height: 85vh; z-index: 30;}
 }