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

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

/* ==========================================================================
   jParallax Container Styles - 175px HEIGHT
   ========================================================================== */

#parallax-container {
    position: relative;
    width: 100%;
    height: 175px;
    overflow: hidden;
    background: #000;
}

#port {
    overflow: hidden;
    position: relative;
    width: 100%; height:175px;
    border-top:3px solid #f98123;border-bottom:3px solid #f98123;
    display:none;
}

.parallax-layer {
    position: absolute;
    overflow: visible;
}

.parallax-layer img {
    display: block;
}

#plaxcenterclick {
    display: none;
}

/* ==========================================================================
   Mobile Responsive - Hide parallax on small screens
   ========================================================================== */

@media (max-width: 768px) {
    /* Hide parallax completely on mobile */
    #parallax-container {
        display: none !important;
    }
    
    /* Ensure normal OceanWP header shows on mobile */
    #site-header {
        display: block !important;
    }
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    #parallax-container {
        display: none;
    }
}

/* ==========================================================================
   Custom Styles (Add your customizations below)
   ========================================================================== */

.tl {
    top: 35px;
    left: 35px;
    position: absolute;
}

/* Fonts */
@font-face {
    font-family: 'GoodDogRegular';
    src: url('http://static.lifeonplanetgroove.com/assets/fonts/GoodDog-webfont.eot');
    src: url('http://static.lifeonplanetgroove.com/assets/fonts/GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.lifeonplanetgroove.com/assets/fonts/GoodDog-webfont.woff') format('woff'),
         url('http://static.lifeonplanetgroove.com/assets/fonts/GoodDog-webfont.ttf') format('truetype'),
         url('http://static.lifeonplanetgroove.com/assets/fonts/GoodDog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}
@font-face {
    font-family: 'MergeLight';
    src: url('http://static.lifeonplanetgroove.com/assets/fonts/merge_light-webfont.eot');
    src: url('http://static.lifeonplanetgroove.com/assets/fonts/merge_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.lifeonplanetgroove.com/assets/fonts/merge_light-webfont.woff') format('woff'),
         url('http://static.lifeonplanetgroove.com/assets/fonts/merge_light-webfont.ttf') format('truetype'),
         url('http://static.lifeonplanetgroove.com/assets/fonts/merge_light-webfont.svg#MergeLight') format('svg');
    font-weight: normal;
    font-style: normal;
}