:root {
    /*--landscape-main-menu-computed-height: 52px;*/
    /*--portrait-main-menu-computed-height: 84px;*/
    /*--main-menu-min-width: 900px;*/
    --landscape-body-min-width: 950px;
    --drawer-menu-width: 150px;
    --drawer-menu-min-height: 400px;
}

@media only screen and (orientation: landscape) {
    :root {
        /*--main-menu-computed-height: calc(52px + 40px);*/
        --main-menu-computed-height: calc(94px + 40px);
    } 

    body {
        min-width: var(--landscape-body-min-width);
    }

    #portrait_menu {
        display: none;
    }

    #landscape_menu {
        display: block;
    }

    .logo {
        
        /*width: 35%;*/
        /*width:20%;*/
        width:250px;
        
    }
}

@media only screen and (orientation: portrait) {
    :root {
        /*--main-menu-computed-height: 84px;*/
        --main-menu-computed-height: calc(75px + 40px);
    }

    #landscape_menu {
        display: none;
    }

    #portrait_menu {
        display: block;
    }

    .main-menu {
        padding: 10px 20px;
    }

    .logo {
        /*width: 55%;*/
        width:200px;
    }
}

/*@media (orientation: landscape)*/
/* when viewport width is less then 900px footer element is overflowing from rest of the page*/
/*viewport width greater then 900px*/
/*@media only screen and (min-width : 900px) {
    #header {
        padding: 10px 40px;
    }

    

    #portrait_menu {
        display: none;
    }

    .flex-direction-01 {
        flex-direction: row;
    }

    .flex-direction-02 {
        flex-direction: row;
    }

    [data-role=footer-content] {
        padding: 0 3% 5% 3%;
    }

    [data-role=newsletter-container] {
        width: 400px;
    }

    [data-role=footer-middle-area] {
        margin: 0 20px;
    }

    .portrait-ticket-overlay {
        display: none;
    }
}*/

/*@media (orientation: portrait)*/
/*viewport width smaller then 900px*/
/*@media only screen and (max-width : 900px) {
    #header {
        padding: 10px 20px;
    }

    #portrait_menu {
        display: block;
    }

    .flex-direction-01 {
        flex-direction: column;
    }

    .flex-direction-02 {
        flex-direction: column-reverse;
    }

    [data-role=footer-content] {
        padding: 0 5% 5% 5%;
    }

    [data-role=newsletter-container] {
        width: auto;
    }

    [data-role=footer-middle-area] {
        margin: 20px 0;
    }

    .portrait-ticket-overlay {
        display: block;
    }
}*/

html, body {
    width: 100%;
    height:100%;
    margin: 0;
    overflow:auto;
}

/*******************************/
/********** main menu **********/
/*******************************/

.main-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    display: flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 40px 20px 20px;
}

.main-menu, .main-footer {
    background-color: #28617C;
}

/*.main-menu nav {    
    padding-right: 30px;        
}*/

.main-menu .nav-link {
    /*color: #F7F2C7;*/
    color: white;
    /*color: #1D87B9;*/
    font-family: NeonSans;
    font-size: 24px;
    font-weight: bold;
    /*font-family: NeonGoodshine;*/
}

.portrait-menu-icon{
    color:white;
}

.logo {
    display: inline-block;
    
}

/*.logo img {
    
    width: 100%;
}*/

/*********************************/
/********** drawer menu **********/
/*********************************/
.drawer-menu {
    -webkit-overflow-scrolling: touch;
    background-color: white;
    /*background-color: rgba(240,240,240,.9);*/
    overflow-x: hidden;
    /*overflow-y: auto;*/
    overflow-y: hidden;
    position: fixed;
    /*position:sticky;*/
    left: calc(var(--drawer-menu-width) * -1);
    top: 10px;
    bottom: 10px;
    width: var(--drawer-menu-width);
    z-index: 1040;
    border-radius: 0 0.5rem 0.5rem 0;
    padding:0 1rem;
    min-height: var(--drawer-menu-min-height);
}

    /*.drawer-menu a:hover {
        color: #E0EECA;
    }*/

.show-drawer-menu {
    transform: translateX(var(--drawer-menu-width));
    transition: transform .2s;
}

.hide-drawer-menu {
    transform: translateX(0);
    transition: transform .2s;
}

.drawer-menu [data-role=close-icon] {
    padding: 1rem 0;
}

    .drawer-menu [data-role=close-icon] i {
        color: #28617C;
    }

.drawer-menu ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

/*.drawer-menu .nav-link:not([data-role=btn-tickets-overlay]) {
    color: #EB5457 !important;
    padding: 0;
}*/

/*.drawer-menu [data-role=btn-tickets-overlay] {
    bottom:20px;
    
}*/

.drawer-menu .nav-link {
    /*color: #EB5457 !important;*/
    color: #28617C;
    padding: 0;
    font-family: NeonSans;
    font-size: 24px;
    font-weight: bold;
}

.arrow-underline {
    text-align: left;
    color: #FAB303;
}

/**********************************/
/********** page content **********/
/**********************************/

/*.layout-page-content {
    overflow-x: auto;
}*/


/****************************/
/********** footer **********/
/****************************/

#footer {
    /*light green: #E0EECA*/
    /*dark green: #007F0E*/
    /*dark orange: #FBCC62*/
    /*light orange: #FFE5B4*/
    /*background-color: #FBCC62;*/
    /*background-color: #FBE4A7;*/
    background-color: #FCEFC5;
}

#frm_newsletter_registration {
    margin-top: 10px;
}

/*[data-role=btn-newsletter-container] {
    margin-bottom: 10px;
}

[data-role=btn-newsletter-container] button {
    border-radius: 0.3rem 0 0 0.3rem;
}*/

[data-role=btn-submit-newsletter] {
    border-radius: 0.3rem 0 0 0.3rem;
    margin-bottom: 10px;
}

#inpt_txt_newsletter_mail {
    border-radius: 0 0.3rem 0.3rem 0;
}

[data-role=tbl-contact-info] tr td:last-child {
    padding-right: 10px;
}

[data-role=link-map-container] {
    padding-right: 30px;
}

[data-role=link-map-container] {
    display: flex;
    flex-direction: column;
    /*color: #EB5457;*/
    /*color: white;*/
    /*text-align:right;*/
}

    [data-role=link-map-container] a {
        text-decoration: none;
        /*color: #EB5457;*/
        color: #007F0E;
    }

/*.follow-us-title {
    margin-top: 20px;
}*/

.contact-media-icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.fb-icon {
    background-color: #3b5998;
}

.instagram-icon {
    background-color: #921313;
}

.waze-icon {
    background-color: #31CDFE;
}

.whatsapp-icon {
    background-color: #32D851;
}

.credits {
    background-color: #007F0E;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}

#footer a:hover {
    color: #EB5457;
}

footer {
    background-color: #28617C;
    color:white;
    padding:10px 0;
    font-size:1.2em;
    font-weight:bold;
    /*opacity:0.1;*/
}