///////////////////////////////////////////////////////////////
// Device: Desktop
///////////////////////////////////////////////////////////////

////// GLOBAL /////////////////////////////////////////////////

.home-local-tmpbg {
    width: 100%;
    position: absolute;
    top: 0;
    padding-top: 700px;
    left: 0;
    height: 100%;
    opacity: 0.4;
    z-index: -1;
    overflow: hidden;
    img {
        width: 100%;
    }
}

.home-local-wrapper {
    text-align: center;
    margin-bottom: 60px;
}

.home-local-restaurant, .home-local-hotel {
    text-align: center;

    img {
        width: 100%;
    }
}

.home-local-restaurant-title, .home-local-hotel-title {
    text-transform: uppercase;
    font-family: "lucien-light";
    margin-bottom: 20px;
}

.home-local-restaurant-txt, .home-local-hotel-txt {
    font-family: "Georgia";
    margin-bottom: 40px;
    font-size: 1.2em;
    padding: 10px;
}

.home-local-restaurant-image, .home-local-hotel-image {
    width: 100%;
}

////// NO HOTEL //////////////////////////////

.home-local-nohotel
{
    @include outer-container;
    
    margin-bottom: 50px;
    margin-top: 50px;

    .events-meetings-container
    {
        margin-bottom: 10px;
    }
}

////// NO FOURCHES //////////////////////////////

.home-local-nofourches
{
    @include outer-container;
    
    margin-bottom: 50px;
    margin-top: 50px;
    
    .events-meetings-container
    {
        margin-bottom: 10px;
    }
}

////// NO FOURCHES / HOTELS //////////////////////////////

.home-local-nofourches-hotel
{
    @include outer-container;
    
    margin-bottom: 50px;
    margin-top: 50px;
    
    .stars
    {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

////// API HOTELS & RESTAURANTS //////////////////////////////

.home-local-api
{
    @include outer-container;
    
    margin-bottom: 50px;
    margin-top: 50px;
    
    .stars
    {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}
.home-local-api-row[data-id="events-meetings"]
{
    .row-flex-col:first-child
    {
        flex-grow: 3;
    }
    .events-meetings-container
    {
        height: 342px;
    }
    .facebook-page
    {
        height: 342px;
    }
}

///////////////////////////////////////////////////////////////
// Device: Tablet :: LANDSCAPE
///////////////////////////////////////////////////////////////

@include tablet-landscape-and-below {

    ////// GLOBAL /////////////////////////////////////////////

    .home-local-restaurant-title, .home-local-hotel-title {
        font-size: 2em;
    }
    
    ////// NO HOTEL //////////////////////////////
    
    .home-local-nohotel
    {
        margin-bottom: 0;
    }
    
    ////// NO FOURCHES //////////////////////////////
    
    .home-local-nofourches
    {
        margin-bottom: 0;
    }
    
    ////// NO FOURCHES / HOTEL //////////////////////////////
    
    .home-local-nofourches-hotel
    {
        margin-bottom: 0;
    }
    
    ////// API HOTELS & RESTAURANTS //////////////////////////////
    
    .home-local-api
    {
        margin-bottom: 0;
    }
    .home-local-api-row[data-id="apis"]
    {
        .row-flex-col:not(:last-child)
        {
            margin-bottom: 50px;
        }
    }
}

///////////////////////////////////////////////////////////////
// Device: Tablet :: PORTRAIT
///////////////////////////////////////////////////////////////

@include tablet-portrait-and-below {

    .home-local-restaurant-txt, .home-local-hotel-txt {
        min-height: 0 !important;
    }
    .home-local-tmpbg {
        padding-top: 550px;
    }
}

///////////////////////////////////////////////////////////////
// Device: Mobile
///////////////////////////////////////////////////////////////

@include mobile-landscape-and-below {
    .home-local-tmpbg {
        display: none;
    }
    
    ////// API HOTELS & RESTAURANTS //////////////////////////////
    
    .home-local-api-row[data-id="events-meetings"]
    {    
        .events-meetings-container
        {
            height: auto;
        }
        .facebook-page
        {
            height: auto;
        }
    }
}