/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

body{
    transition: all 5s;
}

#top-banner{
    height: 100vh;
    top: -50px;
    position: relative;
    background: url("http://laluz.bar/wp-content/uploads/2021/12/topbanner-tunnel.jpg") no-repeat center / cover;
    background-attachment:fixed; 
}

#site-logo{
    display: none;
}

#banner-logo img {
    -webkit-filter: drop-shadow(0px 0px 20px #000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000000')";
    height: 35vh;
    width: auto;
}

.top-banner-text{
    padding-top: 30px;
}

.top-banner-text p{
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px;
    text-shadow: 0 0 10px #000000;
}

.top-banner-social i{
    color: #ffffff;
    font-size: 30px;
    padding:5px;
    opacity: 1;
}

.top-banner-social i:hover{
    opacity: 0.8;
}

.home-page-section{
    text-align: center;
    padding:25px 0;
}

#drink-menu{
    min-height: 600px;
}

#drink-menu-section-1{
    min-height: 600px;
    width: 100%;
    background: url("http://laluz.bar/wp-content/uploads/2021/12/cocktail-menu-image-8-e1639069739906.jpg") no-repeat  left / cover;
    background-attachment:fixed;
}

#pgc-34-2-0{
    display: block !important;
}

#cocktail-menu-text{
    padding: 0 5%;
}

a.laluz-button{
    padding:10px 20px;
    border: 1px solid rgba(0,0,0,1);
    text-decoration: none !important;
}

a.laluz-button:hover{
    color: #000000;
    border: 1px solid rgba(0,0,0,0);
}

#tequila-mezcal{
    margin-top: 100px;
}

#rent-venue{
    min-height: 600px;
    background: url("http://laluz.bar/wp-content/uploads/2021/10/cross-neon.jpg") no-repeat center / cover;
    color: #ffffff;
    background-attachment:fixed;
}

#rent-venue h2, #rent-venue h3, #rent-venue p, #rent-venue a{
    color: #ffffff;
    text-shadow: 0 0 5px #000000;
}

#rent-venue a{
    border: 1px solid rgba(255,255,255,1);
}

#rent-venue a:hover{
    border: 1px solid rgba(255,255,255,0);
}

#map{
    padding:0px;
}

#map h2{
    margin-bottom: 0;
}

.laluz-map{
    width:100%;
    height: 300px;
}

#random-images{
    padding: 0;
}

#main #content-wrap{
    padding-bottom: 0px;
}


@media only screen and (max-width: 780px) {
    #top-banner{
        padding-top:100px;
    }

    .top-banner-text p {
        font-size: 15px;
    }

    #cocktail-menu-text{
        padding-top:100px;
    }

    #random-images .panel-grid-cell{
        margin-bottom: 5px !important;
    }
  }

  @supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 

    #top-banner{
        height: 100vh;
        top: -50px;
        position: relative;
        background-image: none;
    }
    
    .top-banner-child{
        clip: rect(0, auto, auto, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
    }

    #frontlashID{
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateZ(0);
        will-change: transform;
        z-index: -1;
    }
    .fw-main-row{
        background-attachment:scroll;
        background-image: url('http://laluz.bar/wp-content/uploads/2021/12/topbanner-tunnel.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #banner-logo{
        padding-top:100px;
    }

    #drink-menu-section-1{
        position: relative;
        width: 100%;
        height:700px;
        background-image: none;
    }

    #drink-menu-section-1-child{
        clip: rect(0, auto, auto, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:700px;
        background-image: none;
    }

    #drink-frontlashID{
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateZ(0);
        will-change: transform;
        z-index: -1;
    }
    .drink-fw-main-row{
        background-attachment:scroll;
        background-image: url('http://laluz.bar/wp-content/uploads/2021/12/cocktail-menu-image-8-e1639069739906.jpg');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #rent-venue{
        position: relative;
        width: 100vw;
        background-image: none;
    }

    #rent-venue-child{
        clip: rect(0, auto, auto, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-image: none;
    }

    #rent-frontlashID{
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateZ(0);
        will-change: transform;
        z-index: -1;
    }
    .rent-fw-main-row{
        background-attachment:scroll;
        background-image: url('http://laluz.bar/wp-content/uploads/2021/10/cross-neon.jpg');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #cocktail-menu-text{
        padding-top: 0;
    }

    #rent-venue-child #panel-34-5-0-0{
    display: flex;
    align-items: center;
    height: 100%;
    }

  }