/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size:18px; 
    font-weight: 400;	
	padding: 0;
	margin: 0;
}

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

h1, h2, h3, h4, h5, h6{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;   
    color: var(--e-global-color-secondary);   
}

/*.header{    
    background: linear-gradient(to bottom,  rgba(0,0,0,0.96) 0%,rgba(0,0,0,0) 100%);     
}*/
.header{
    position: absolute;
    z-index: 5;
}
.footer{
    background: url(https://hotelensalento.com/wp-content/uploads/2025/03/habb_BG.webp) no-repeat center;
    background-size: cover;
}
.introsite{
    text-align: center;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif; 
    font-size: 23px;
    font-weight: 300;
    color: var(--e-global-color-25fb1ff);
}

.habb_bgbg{
    background: url(https://hotelensalento.com/wp-content/uploads/2025/03/habb_BG.webp) no-repeat center;
    background-size: cover;
    border-top: solid 9px var(--e-global-color-secondary);
    border-bottom: solid 9px var(--e-global-color-secondary);
}

.feat_home-outer{
    background: url(https://hotelensalento.com/wp-content/uploads/2025/03/shdw2.webp) no-repeat center top, url(https://hotelensalento.com/wp-content/uploads/2025/03/watermark.webp) no-repeat center right;
}
.feat_home{
    margin-bottom: 70px;
}
.feat_home img{
    border-radius: 25px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
}
.feat_txt, .feat_txt p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 22px;
    text-align: center;
    color: #92660C;
}


.acc_BG{
    background: rgba(0,0,0,0.7);
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
}


 /***************************/
/******* ELEMENTOR ESTADARIZADO Y CORREGIDO *********/

/* Small devices  */
@media only screen and (min-width: 300px) {
    .headerinner{
        margin-top: -480px;
    }    
}
/* Tablet */
@media only screen and (min-width: 768px) {
    .logo img{
		position: absolute;
		top: 0;
		left: 0;
	}    
    header.headereffects {    
        --header-height: 160px;        
        --shrink-header-to: 0.4;
        --transition: .45s cubic-bezier(.4, 0, .2, 1);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.97) 0%,rgba(0,0,0,0) 100%);    
        transition: background-color var(--transition),
                    backdrop-filter var(--transition),
                    box-shadow var(--transition);        
    }
 
    /***
    * Sticky header activated
    */
    header.headereffects.elementor-sticky--effects {
        background: rgba(25,45,72,0.8);       
        backdrop-filter: saturate(150%) blur(15px);        
    }
    header.headereffects > .e-con-full{
        min-height: var(--header-height);        
        transition: min-height var(--transition);
    }
    header.headereffects.elementor-sticky--effects > .e-con-full {
        min-height: calc( var(--header-height) * var(--shrink-header-to) );
    }
    .headerinner{
        margin-top: -250px;
    }
}


/* Laptop */
@media only screen and (min-width: 1366px) {
   
  
    .headerhome{
        margin-top: -160px;
    }
    .headerinner{
        margin-top: -160px;
    }
    
}
/* desktop */
@media only screen and (min-width: 1400px) {
    
}


header.headereffects .logo img {
	transition: width var(--transition);
}
header.headereffects.elementor-sticky--effects .logo img {
	width: 45%;   
}





/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--e-global-color-accent) #E5E5E5;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  
  *::-webkit-scrollbar-track {
    background: #E5E5E5;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-accent);
    border-radius: 20px;
    border: 3px solid #E5E5E5;
  }