/*
 Theme Name:   PulseTile
 Template:     enfold
 Version:      1.0.0
*/


/* General Custom CSS */

#layer_slider_1.avia-layerslider {
    overflow: visible !important;
}

#video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 150;
    opacity: ;
    transition: opacity .3s;
}

#video-intro {
    z-index: 151;
    position: absolute;
    width: 100%;
    height: 100%;
}

    #video-intro .video {
        margin: 0 auto 0 auto;
        text-align: center;
        width: 100%;
        position: relative;
    }
    
    .embed-container { 
        position: relative; 
        padding-bottom: 56.25%; 
        height: 0; 
        overflow: hidden; 
        max-width: 100%; 
        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.58);
    } 
        .embed-container iframe, 
        .embed-container object, 
        .embed-container embed { 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%;
        }
        
    #video-intro .close {
        cursor: pointer;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: -25px;
        right: -20px;
        z-index: 152;
        text-shadow: 0px 1px 4px black;
    }

#play-video {
    border-radius: 4px;
}
   
    #play-video:hover {
        opacity: .9;
        cursor: pointer;
    }

/* Intro Video */

#intro-video-mobile {
    display: none;
}

@media only screen and (max-width: 1024px) {
    
    #intro-video-mobile {
        display: block;
    }
    
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  
  #video-intro .video {
    width: 700px;
    margin: 110px auto 0 auto;
  }
  
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  
  #video-intro .video {
    
  }

}