/*
Theme Name: Glozin Child
Theme URI: https://wpglozin.com/
Author: UIXThemes
Author URI: https://uix.store
Description: Multipurpose WooCommerce WordPress Theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glozin
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: glozin
*/
.menu-widget-image__content {display: none;}
.diamond-landscap-banner .elementor-widget-image {width: 100%;}

/* Loader */
#glamray-preloader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#121212;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.6s;
}

#glamray-preloader.hide{
    opacity:0;
    visibility:hidden;
}

.loader-content{
    text-align:center;
}

.logo-wrapper{
    width: 80%;
    height: auto;
    position: relative;
    margin: auto;
    animation: logoFade .8s ease;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-wrapper img{
    width:100%;
    position:relative;
    z-index:2;
    animation:logoScale 2s infinite alternate;
}

.gold-ring{
    position:absolute;
    left:-10px;
    top:-10px;
    right:-10px;
    bottom:-10px;
    border:2px solid #c8a04d;
    border-top-color:transparent;
    border-radius:50%;
    animation:rotateRing 2.5s linear infinite;
}

.loader-line{
    width:140px;
    height:2px;
    background:#ececec;
    margin:35px auto 0;
    overflow:hidden;
    border-radius:20px;
}

.loader-line span{
    display:block;
    height:100%;
    width:0%;
    background:#c8a04d;
    animation:loading 2s linear infinite;
}
.curated-media-wrapper-c29b8031 .curated-poster-c29b8031, .curated-media-wrapper-c29b8031 .curated-poster-placeholder-c29b8031 {height: 100%;}
@keyframes rotateRing{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@keyframes loading{
    0%{width:0%;}
    100%{width:100%;}
}

@keyframes logoFade{
    from{opacity:0;transform:scale(.9);}
    to{opacity:1;transform:scale(1);}
}

@keyframes logoScale{
    0%{transform:scale(1);}
    100%{transform:scale(1.03);}
}
/* Loader */

@media screen and (max-width: 768px) {
    body .header-logo > a img,body .header-logo > a svg {width: 120px;}
    .logo-wrapper{width:120px;height:120px;}
    .loader-line{width:90px;}
}