@font-face {font-family: 'petitserif';src: url('../../fonts/205tf-petitserif-regular-webfont.woff2') format('woff2'),url('../../fonts/205tf-petitserif-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'oldstandardtt';src: url('../../fonts/oldstandardtt-regular-webfont.woff2') format('woff2'),url('../../fonts/oldstandardtt-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}

/* generals */
.preloader{position: fixed;z-index: 1111;width: 100vw;height:100vh; opacity: 1; background: #FFFFFF; top: 0;left: 0;}
.preloader img{filter: none;}

.pb-10vh, .pb-10vhm{padding-bottom: 10vh;}
.pt-40{padding-top: 40px;}
.mb-25{margin-bottom: 25px;}

h1, h2, h3, h4, h5, h6{font-family: 'petitserif';}
html, p{font-family: 'oldstandardtt';}

hr{border-top: 1px solid #000000;}

.granhotelmargalida .uk-button{font-family: 'petitserif';padding: 0.8rem 3rem;}

/* landing */
#container-menu{display: none;}
.granhotelmargalida .hotel-header{overflow: hidden;}
.granhotelmargalida #header-video{min-width: 100%;max-width: none;object-fit: cover;height: 100%;}
.granhotelmargalida h1, .granhotelmargalida h3{font-size: 1.8rem;}
.granhotelmargalida .uk-navbar-container{padding: 0 40px;z-index: 981;}
.granhotelmargalida .uk-navbar-container .uk-navbar-center:not(:only-child){top: 100%;}
.granhotelmargalida .uk-navbar-container.uk-active .uk-navbar-center:not(:only-child){top: 50%;}
.granhotelmargalida .uk-navbar-container .uk-logo img{width: 90%;max-width: 200px;}
.granhotelmargalida .uk-navbar-container li a {font-family: 'petitserif'; color: #FFFFFF;text-decoration: underline;text-transform: uppercase;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}}
.granhotelmargalida .uk-navbar-container li a:hover{text-decoration: none;}
.granhotelmargalida .uk-navbar-container ul li ul li a {color: #000000;}
.granhotelmargalida .uk-navbar-container.uk-active li a {color: #000000;}

.granhotelmargalida .ghm-subscribe{min-height: 70vh;width: 100%;overflow: hidden;}
.granhotelmargalida .ghm-subscribe img{/* filter: invert(); */max-width: 300px;}
.granhotelmargalida .ghm-subscribe h6{color: #F6CC5E;text-transform: uppercase;font-size: 1.2rem;}
.granhotelmargalida .ghm-logo-contact {width: 100%;text-align: center;margin-bottom: 40px;}
.granhotelmargalida .ghm-logo-contact img{max-width: 250px;margin: 0 auto;width: 80%;}
.granhotelmargalida  #modal-full h3{font-size: 1.2rem;}
.granhotelmargalida  #modal-full .uk-subnav {margin: 0;}
.granhotelmargalida  #modal-full .uk-subnav li{width: 50%;border: 1px solid #000;padding: 0;margin: 0;box-sizing: border-box;}
.granhotelmargalida  #modal-full .uk-subnav li a{color: #000;font-family: 'petitserif';padding: 20px;text-align: center ;display: block;}
.granhotelmargalida  #modal-full .uk-subnav li.uk-active a{background-color: #000;color: #FFFFFF;}

.granhotelmargalida footer li, .granhotelmargalida footer li a{font-family: 'oldstandardtt';text-transform: none;}
.granhotelmargalida footer li.heading{text-transform: uppercase;margin-bottom: 20px;}
.granhotelmargalida .ghm-header-phrase{font-size: 1.5rem;}
.granhotelmargalida #scroll-subscribe{z-index: 1009;}
.granhotelmargalida .ghm-footer-padding{padding: 0 40px;margin-bottom: 20px;}

@media only screen and (max-width: 1699px){ /* x-large */

}
@media only screen and (max-width: 1499px){ /* large */

    .granhotelmargalida h1, .granhotelmargalida h3 {font-size: 1.2rem;}
}
@media only screen and (max-width: 1199px){ /* large */

}
@media (max-width: 1024px){ /* ipad */

}
@media (max-width: 959px){ /* medium */
    .pb-10vhm{padding-bottom: 0;}
    .granhotelmargalida  #modal-full .uk-subnav li{width: 100%;}
    .granhotelmargalida h1, .granhotelmargalida h3 {font-size: 1.5rem;}
    .granhotelmargalida .ghm-header-phrase {font-size: 1rem;}
    .granhotelmargalida .uk-navbar-container .uk-navbar-center:not(:only-child){margin-top: 60px;}
    .granhotelmargalida .uk-navbar-container {padding: 0 10px;}
    .granhotelmargalida .uk-navbar-container.uk-active {height: 60px;}
    .granhotelmargalida .uk-navbar-container.uk-active .uk-navbar-center:not(:only-child){margin-top: 0;}
    /* .granhotelmargalida .uk-navbar-container.uk-active .uk-logo img{margin-top: 15px;} */
    .granhotelmargalida .uk-navbar-container.uk-active li a{padding: 17px 10px;}
    .granhotelmargalida .uk-navbar-right .uk-navbar-nav li{display: inline-block;width: 100%;text-align: center;}
    .granhotelmargalida #offcanvas-nav{z-index: 1010;}
    .granhotelmargalida #offcanvas-nav .uk-offcanvas-bar{background-color: #FFFFFF;}
    .granhotelmargalida #offcanvas-nav .uk-offcanvas-bar li a{font-family: 'petitserif';color: #000000;text-decoration: underline;text-transform: uppercase;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;text-align: center;display: block;}
    .granhotelmargalida #offcanvas-nav .uk-offcanvas-close svg{width: 30px;margin: 20px;}
    .granhotelmargalida #offcanvas-nav .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve){stroke: #000;}
    .granhotelmargalida .uk-navbar-toggle{height: 60px;min-height: 60px;}
    .granhotelmargalida #scroll-subscribe .ghm-subscribe .klaviyo-form{max-width: 280px;margin: 0 auto;}
    .granhotelmargalida .ghm-subscribe h6{font-size: 0.8rem;}
    .granhotelmargalida .ghm-subscribe img{width: 80%;margin-top: 20px;}
    .granhotelmargalida .ghm-footer-padding{padding: 0;}

}
@media (max-width: 767px){ /* medium-small */

}
@media only screen and (max-width: 639px){ /* small */

}