.museumx-page{
    max-width:1180px;
    margin:0 auto;
    padding:30px 24px 54px;
    color:#577587;
}

.museumx-page *{
    box-sizing:border-box;
}


/* INTRO */

.museumx-intro{
    padding:0 8px 28px;
}

.museumx-eyebrow{
    color:#b77d78;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.museumx-page h1,
.museumx-page h2{
    font-family:Georgia,"Times New Roman",serif;
    color:#8c202d;
}

.museumx-page h1{
    margin:13px 0 28px;
    font-size:42px;
    line-height:1.08;
}

.museumx-page h2{
    margin:9px 0 22px;
    font-size:34px;
    line-height:1.12;
}

.museumx-description{
    max-width:1120px;
    font-size:17px;
    line-height:1.75;
}

.museumx-description p{
    margin:0 0 20px;
}


/* PHONE */

.museumx-contact{
    display:flex;
    align-items:center;
    gap:18px;

    margin:6px 0 44px;
    padding:22px 26px;

    background:#fffdfa;
    border:1px solid #eadfd8;
    border-radius:20px;

    box-shadow:0 10px 28px rgba(64,43,34,.05);
}

.museumx-phone-icon{
    flex:0 0 50px;

    width:50px;
    height:50px;

    border-radius:15px;

    background-color:#f3e7e3;
    background-position:center;
    background-repeat:no-repeat;
    background-size:24px;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c202d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72'/%3E%3C/svg%3E");
}

.museumx-contact-text span{
    display:block;

    margin-bottom:4px;

    color:#ad8a80;

    font-size:12px;
    font-weight:700;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.museumx-contact-text a{
    color:#45697b;

    font-size:19px;
    font-weight:700;

    text-decoration:none;
}

.museumx-contact-text a:hover{
    color:#8c202d;
}


/* VIDEO */

.museumx-video{
    margin:0 0 48px;
}

.museumx-section-head{
    margin-bottom:20px;
}

.museumx-video-frame{
    padding:13px;

    background:#fffdfa;
    border:1px solid #eadfd8;
    border-radius:24px;

    box-shadow:0 12px 32px rgba(64,43,34,.07);
}

.museumx-video-frame video{
    display:block;

    width:100%;
    height:auto;

    aspect-ratio:16/9;

    object-fit:cover;

    border-radius:16px;

    background:#171717;
}


/* GALLERY */

.museumx-gallery{
    margin-top:46px;
}

.museumx-gallery-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    margin-bottom:22px;
}

.museumx-gallery-stage{
    width:100%;
}


/* TABLET */

@media(max-width:900px){

    .museumx-page{
        padding:28px 20px 46px;
    }

    .museumx-page h1{
        font-size:37px;
    }

    .museumx-page h2{
        font-size:30px;
    }

}


/* MOBILE */

@media(max-width:600px){

    .museumx-page{
        padding:22px 16px 36px;
    }

    .museumx-intro{
        padding-left:0;
        padding-right:0;
    }

    .museumx-page h1{
        font-size:32px;
    }

    .museumx-page h2{
        font-size:27px;
    }

    .museumx-description{
        font-size:16px;
        line-height:1.68;
    }

    .museumx-contact{
        padding:18px;
    }

    .museumx-video-frame{
        padding:7px;
        border-radius:18px;
    }

    .museumx-video-frame video{
        border-radius:12px;
    }

}

/* SVGM PHONE ICON FIX */
.museumx-phone-icon{
    background-color:#f3e7e3 !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:25px 25px !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238c202d' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2a1.02 1.02 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") !important;
}

/* MUZEJA VIDEO PLAYER FIX */

.museumx-video-frame{
    width:100%;
    padding:14px !important;
}

.museumx-video-frame .wp-video{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
}

.museumx-video-frame .mejs-container,
.museumx-video-frame .mejs-video{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
}

.museumx-video-frame .mejs-mediaelement,
.museumx-video-frame .mejs-inner{
    width:100% !important;
}

.museumx-video-frame video{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 9;
    object-fit:cover;
}

/* Noņem tēmas pogu stilus no MediaElement vadības pogām */
.museumx-video-frame .mejs-controls button{
    appearance:none !important;
    -webkit-appearance:none !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:0 !important;

    min-width:0 !important;
    min-height:0 !important;

    box-shadow:none !important;
    background-color:transparent !important;
}

/* Īpaši play/pause poga - lai nekas rozā nelien ārā */
.museumx-video-frame .mejs-playpause-button{
    width:40px !important;
}

.museumx-video-frame .mejs-playpause-button button{
    width:20px !important;
    height:20px !important;
    margin:10px !important;
}

/* MediaElement vadības josla nedrīkst iziet ārpus video */
.museumx-video-frame .mejs-controls{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

@media (max-width:600px){
    .museumx-video-frame{
        padding:7px !important;
    }
}


/* YOUTUBE PLAYER SIZE FIX */
.museumx-video-frame .museumx-youtube-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    aspect-ratio:16 / 9 !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:16px !important;
    background:#000 !important;
}

.museumx-video-frame .museumx-youtube-wrap iframe{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    border:0 !important;
}