/* Start custom CSS for html, class: .elementor-element-a29159e *//* FULL SCREEN OVERLAY */

#royal-intro{
    position:fixed;
    inset:0;
    z-index:999999;
    overflow:hidden;
    background:#120a05;
    transition:opacity .8s ease;
}

/* GATES */

.gate{
    position:absolute;
    top:0;
    width:50%;
    height:100%;
    overflow:hidden;
}

.gate-left{
    left:0;
    background:
    linear-gradient(
    90deg,
    #2f1608 0%,
    #6d3f16 20%,
    #d5aa4b 50%,
    #6d3f16 80%,
    #2f1608 100%);
    border-right:4px solid #f3d17a;
}

.gate-right{
    right:0;
    background:
    linear-gradient(
    90deg,
    #2f1608 0%,
    #6d3f16 20%,
    #d5aa4b 50%,
    #6d3f16 80%,
    #2f1608 100%);
    border-left:4px solid #f3d17a;
}

/* ROYAL DESIGN */

.gate-design{
    position:absolute;
    inset:30px;
    border:3px solid rgba(255,215,120,.7);
    border-radius:18px;
    box-shadow:
    inset 0 0 20px rgba(255,215,0,.4);
}

.gate-design::before{
    content:"";
    position:absolute;
    inset:20px;
    border:2px solid rgba(255,215,120,.5);
    border-radius:12px;
}

/* GOLDEN SEAL */

.seal{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:170px;
    height:170px;
    border-radius:50%;

    background:
    radial-gradient(circle,
    #ffe28a 0%,
    #d9a520 60%,
    #8c5a00 100%);

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    z-index:999999;

    box-shadow:
    0 0 40px rgba(255,215,0,.8);
}

.seal-inner{
    text-align:center;
    color:white;
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
}

.seal:hover{
    transform:translate(-50%,-50%) scale(1.08);
}

/* OPEN ANIMATION */

.open .gate-left{
    transform:translateX(-100%);
    transition:2.4s ease-in-out;
}

.open .gate-right{
    transform:translateX(100%);
    transition:2.4s ease-in-out;
}

.seal-open{
    opacity:0;
    transform:translate(-50%,-50%) scale(.5);
    transition:.8s ease;
}
body.elementor-editor-active #royal-intro{
    display:none !important;
}/* End custom CSS */