/* Theme Name: LUX Theme 3
Theme Description: LUX Theme 3
Theme URI: secret;
Version: 1.0
License: GNU General Public License v2 or later
License URI: all rights to LUX Solutions GmbH 
Author: secret;
Author URI: secret;
Tags: theme,responsive;
*/
@import url('bootstrap/css/bootstrap.min.css');
@import url('css/style.css');

.directions-link-container {
    top: -635px;
}

body, header{
    background-color:white;
}

.iconsheader a{
    font-size:14px;
    text-transform:uppercase;
    color:white;
}

#desktop-navbar {
    background-color: transparent;
}

#mobile-navbar{
    background-color:#b3a161;
}

.video {
    margin-top: 0px;
}

.navbar-close-toggle {
    background-color: #b3a161;
    color: white;
    text-align:left;
}

.navbar-nav li a, .navbar-nav li .menu-a {
    color: white;
}

.navbar-close-toggle:hover {
    cursor:pointer;
}

.navbar-toggle {
    float:left;
    position: absolute;
    top: 40px;
    left: 20px;
}

.toggle-name {
    left: 80px;
    font-size: 16px;
    top:50px;
    color:white;
    position:absolute;
}

html, .navbar-fixed-top {
    font-family: 'Rubik', sans-serif;
}

.mobile-footer-toolbar {
    background-color:#3d3d3d;
}

h1 {
    text-transform:uppercase;
    font-family: 'Rubik', sans-serif;
    color: #1c1c1c;
    font-style: italic;
    font-weight:400;
}

.iconsheader {
    right: 15px;
    top: -85px;
}

p{
    font-family: 'Rubik', sans-serif;
}

h2{
    font-family: 'Rubik', sans-serif;
    font-weight:300;
}


@media (min-width:767px){
    #mobile-navbar{
        background-color:transparent;
    }
}

@media (max-width:767px){
    .navbar-fixed-top {
        background-color:transparent;
    }
}

.booking-bar
{
    float:left;
    width:100%;
    background-color:#3c3c3a;
    position:absolute;
    bottom:0;
    padding-top:10px;
    padding-bottom:10px;
}

.booking-bar form
{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.booking-bar form input
{
    border:1px solid white;
    background-color:transparent;
    color:white;
    padding-left:40px;
    padding-top:5px;
    padding-bottom:3px;
    width:180px;
    margin-right:15px;
}

input[type="text"].hasDatepicker
{
    padding-right:20px;
}

.video
{
    height:100vh;
    overflow:hidden;
}

.booking-bar form button
{
    border:1px solid white;
    text-transform: uppercase;
    background-color:transparent;
    padding-top:5px;
    padding-bottom:3px;
    padding-left:11px;
    padding-right:11px;
    color:white;
    margin-left:8px;
}

.content
{
    padding-top:80px;
}

.menu-footer-menue-container .navbar-nav li a,.footer-social, .footer-social h2
{
    text-align:left;
}

.footer-social a[data-toggle='modal']
{
    padding-left:15px;
}

.menu-footer-menue-container .navbar-nav li a
{
    padding-top:0;
    padding-bottom:0;
}

footer
{
    padding-left:50px;
    padding-right:50px;
}

.footer-nav
{
    padding-top:60px;
}

.logo
{
    top:30px;
}

.pop-up-window
{
    width:220px;
    height:220px;
    background-color:#FFF5D9;
    color: #3B3B3B;
    border:1px solid #6f6f6f;
    border-radius:100%;
    text-align:center;
    left:30px;
    bottom:90px;
    top:auto;
}

.pup-up-window-wrapper
{
    width:200px;
    height:200px;
    background-color:#FFF5D9;
   color: #3B3B3B;
    border:1px solid #6f6f6f;
    border-radius:100%;
    text-align:center;
    float:left;
    margin-left:8px;
    margin-top:8px;
    padding-top:40px;
    
}

.pop-up-window .textwidget
{
    margin-right:0;
    line-height:35px;
    color: #3B3B3B;
    font-size:16px;
    font-weight:400;
}

.info-bar
{
    float:left;
    width:100%;
    bottom:75px;
    position:absolute;
    color:white;
    text-align:right;
    padding-left:60px;
    padding-right:60px;
    font-size:18px;
}

.ui-datepicker .ui-datepicker-current-day
{
    background-color:#bcbcbc;
}

.toggle-name
{
    display:inline-block !important;
    margin-left:0;
    -webkit-transition: margin-left 0.5s ease-out;
    -moz-transition: margin-left 0.5s ease-out;
    -o-transition: margin-left 0.5s ease-out;
    transition: margin-left 0.5s ease-out;
    cursor:pointer;
    left:60px;
    font-size:20px;
    top:60px;
}

.toggle-name.active
{
    margin-left:300px;
}

#desktop-navbar
{
    width:300px;
    position:absolute;
    top:0;
    left:-300px;
    
    -webkit-transition: left 0.5s ease-out;
  -moz-transition: left 0.5s ease-out;
  -o-transition: left 0.5s ease-out;
  transition: left 0.5s ease-out;
}

#desktop-navbar .navbar-nav
{
    margin-top:0;
}


#desktop-navbar.active
{
    left:0px;
}

#desktop-navbar ul,#desktop-navbar ul li,#desktop-navbar ul li a
{
    width:100%;
    float:left;
}

#desktop-navbar ul li a
{
    padding-top:20px;
    padding-bottom:20px;
    background-color:#6b6b68;
    border-top:1px solid #3c3c3a;
    height:70px;
    padding-top:25px;
}

#desktop-navbar ul li a:hover,#desktop-navbar ul li.current-menu-ancestor a,#desktop-navbar ul li.current-menu-item a
{
    background-color:#3c3c3a;
}

#desktop-navbar .menu-item-has-children:hover .sub-menu
{
    display:inline-block !important;
    
}

.sub-menu 
{
    position:absolute;
    left:300px;
    background-color:transparent;
    padding:0;
   
}

.sub-menu li a
{
    background-color:#3c3c3a !important;
    border-top:1px solid #6b6b68 !important;
    border-left:1px solid #6b6b68 !important;
   
}

.sub-menu li a:hover,.sub-menu li.current-menu-ancestor a,.sub-menu li.current-menu-item a 
{
    background-color:#6b6b68 !important;
    border-left:1px solid #3c3c3a !important;
}

.header-icons-bar
{
   
    position:absolute;
    right:60px;
    left:auto;
    top:60px;
    z-index:2000;
}


.header-icons-bar a
{
    color:white;
    text-transform:uppercase;
    margin-right:13px;
}

.header-icons-bar a:nth-child(1),.header-icons-bar a:nth-child(2)
{
    top:5px;
    position:relative;
}

.elementor-button-wrapper .elementor-button
{
    
}

.navbar-fixed-bottom, .navbar-fixed-top
{
    position:fixed;
}

.room-overview-content .col-md-4
{
    background-color:#3c3c3a;
    color:white;
}

.room-overview-content .col-md-4 .submit-button
{
    color:#3c3c3a;
}

.form-control:focus
{
    border-color: #6b6b68;
}

.ui-datepicker .ui-datepicker-calendar td:hover
{
    background-color:#bcbcbc !important;
}

hr
{
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0), #3c3c3a , rgba(0, 0, 0, 0))
}

#header-carousel
{
    height:100vh;
    float:left;
    width:100%;
}

.carousel-inner
{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner,.carousel-item
{
    width:100%;
    height : 100%;
    float:left;
}

.carousel-item
{
    background-size: cover;
    background-position: left top;
}

.slidertext-content-wrapper
{
    position:absolute;
    top:35%;
    color:white;
    float:left;
    width:100%;
    text-transform:none;
}

.slidercontent h1
{
    text-transform: none;
    font-style:normal;
    font-size:50px;
    color:white;
    font-weight:300;
}

.slidercontent h2
{
    text-transform: none;
    font-style:normal;
    font-size:40px;
    color:white;
}

body
{
    overflow-x:hidden;
}

.room-button a
{
    background-color:#3c3c3a;
}

.carousel-control
{
    z-index:5000;
}

@media(max-width: 800px)
{
    .booking-bar form
    {
        width:100%;
    }
}

@media(max-width: 767px)
{
    .toggle-name,.navbar-toggle
    {
        display:none !important;
    }

    .toggle-menu
    {
        display:block !important;
        background-color:transparent !important;
        position:absolute;
        left:15px;
        top:10px;
        z-index:200;
        font-size:40px;
    }

    .toggle-menu button
    {
        background-color:transparent;
    }

    .header-icons-bar
    {
        display:none;
    }

    .responsive-menu
    {
       background-color:#3c3c3a !important;
    }

    .responsive-menu .sub-menu
    {
        background-color:#6b6b68 !important;
    }

    .responsive-menu li
    {
        background-color:#3c3c3a !important;
    }

    .responsive-menu li:focus a, .responsive-menu li:hover a
    {
        background-color:#6b6b68 !important;
        color:white !important;
    }

    .responsive-menu .sub-menu
    {
        display:inline-block;
    }

}

.booking-bar
{
    z-index:400;
}

.header-icons-bar
{
    position:fixed;
    z-index:1002;
}   

.fixed-header
{
   
    -webkit-transition: background .5s linear;
    transition: background .5s linear;
    position:fixed;
    z-index:1000;
    float:left;
    width:100%;
    height:100px;
}

.fixed-header.oncontent{
    background: rgba(60,60,58,0.9);
    padding-bottom: 0;
}


.logo
{
   text-align:center;
}

.booking-bar
{
    position:fixed;
    z-index:1000;
    bottom:0 !important;
    top:auto !important;
}

@media(max-width: 991px)
{
    .logo img
    {
        height:50px !important;
    }

    .fixed-header
    {
        height:70px;
    }
}

@media(max-width: 767px)
{
    .booking-bar
    {
        display:none;
    }

    .navbar-toggler
    {
        padding-top:13px !important;
    }

    .navbar-toggler i 
    {
        float:left;
    }
    .navbar-toggler span
    {
        font-size:18px;
        float:left;
        padding-left:8px;
        padding-top:8px;
    }
    .logo
    {
        padding-top:5px;
    }
}