/* ArmenianSite theme: frozen audited settings, independent of Kickstart. */
                 .navbar-brand {margin-left:auto;}            
            .site-grid{grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,21.875rem)) [main-end] minmax(0,1fr) [full-end];}
        .header .grid-child {max-width: 90em;}
        .footer .grid-child {max-width: 90em;}
        .topbar .grid-child {max-width: 90em;}
                @media (min-width:768px) {
        .container-nav {position:fixed; top:20px;}
        .navbar {margin-left: auto; order: 2; margin-right: 20px !important;}
        .container-header nav {margin-top: 0px}
        .navbar-brand {z-index:10;  top: 20px}
        .header .grid-child {max-width: 100%; padding-bottom: 40px !important; padding-left: 7vw; padding-right: 7vw; padding-top:0 !important}
        .container-header .container-search {order: 3;}

    }
        :root{
        --cassiopeia-color-primary:#000000;
        --cassiopeia-color-link:#000000 ;
        --link-color:#000000 ;
        --cassiopeia-color-hover:#30638d ;
            }
    .container-component {margin-top: 15px; border: 1px solid #dfe3e7}
    html {background: none;background-repeat: no-repeat; background-position: center center; background-size: cover;  background-attachment: fixed; }
    h1,h2,h3,h4,h5,h6 {color: #22262a;}
    p,li,ul,td,table {font-size: 1rem !important}
    .atss {top: 20%}
    body {background-color: rgba(230, 230, 230, 0); color: #22262a;}
    .brand-logo {font-family: "Roboto"}
    .btn-primary{color: #ffffff ; background-color: #776552; border-color: #776552}
    .btn-secondary{color: #353b41 ; background-color: #ffffff; border-color: #ced4da}
    .btn-info{color: #ffffff ; background-color: #776552; border-color: #30638d}
    .btn-success{color: #ffffff ; background-color: #448344; border-color: #448344}
    .btn-warning{color: #ffffff ; background-color: #ad6200; border-color: #ad6200}
    .btn-danger{color: #ffffff; background-color: #776552; border-color: #776552;}
    .blog-item {background-color: rgba(255, 255, 255, 0)}
    .btn, .badge {border-radius: 0.3rem}
    .card-header{background-color: rgba(119, 101, 82, 1) }
    .card, .mm-collapse, .breadcrumb, .item-content, .blog-item, .item-image, .item-page, .card-header, .left.item-image img, .category-list, .reset, .remind, .pagination,.page-link, .login, .list-group-item, .finder, .no-card .newsflash-horiz li, .container-component {border-radius: 0.3em !Important}
    .close_button {float:right; bottom: 5px; border-radius: 0.3rem; padding: 5px;}
    .container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {background: #000000; opacity: 1}
    .container-banner .banner-overlay .overlay {background-color: rgba(21, 64, 44, 0.5);}
    .container-bottom-a>*, .container-bottom-b>*, .container-top-a>*, .container-top-b>* {margin: 0em;}
     .container-top-a{ background-color:rgba(255, 255, 255, 0)  !important;border: 0px !important;box-shadow: 0 0 0 100vmax rgba(255, 255, 255, 0);clip-path: inset(0 -100vmax); padding-top: 30px; padding-bottom: 30px;}
     .container-top-b{ background-color:rgba(255, 255, 255, 0)  !important;border: 0px !important;box-shadow: 0 0 0 100vmax rgba(255, 255, 255, 0);clip-path: inset(0 -100vmax); padding-top: 30px; padding-bottom: 30px;}
     .container-bottom-a{ background-color:rgba(255, 255, 255, 0)  !important;border: 0px !important;box-shadow: 0 0 0 100vmax rgba(255, 255, 255, 0);clip-path: inset(0 -100vmax); padding-top: 30px; padding-bottom: 30px;}
     .container-bottom-b{ background-color:rgba(255, 255, 255, 0)  !important;border: 0px !important;box-shadow: 0 0 0 100vmax rgba(255, 255, 255, 0);clip-path: inset(0 -100vmax); padding-top: 30px; padding-bottom: 30px;}

     .metismenu.mod-menu .mm-collapse {	background-color: rgba(119, 101, 82, 1)}
     .metismenu.mod-menu .parent>ul a {color: rgba(0, 0, 0, 1) }
     .metismenu.mod-menu .parent>ul a:hover {color: rgba(0, 0, 0, 1) }

    .container-banner .banner-overlay {height:40vh }
    .container-header .metismenu>li.level-1>ul {min-width: 15rem;}
    .container-header .mod-menu, .container-header .navbar-toggler {color: #ffffff}
    .card-header {color: #ffffff;}
    .container-header {background: none ; box-shadow: inset 0 0 0 5000px  rgba(255, 255, 255, 0.06); background-size: cover; background-repeat: no-repeat; background-attachment:fixed; background-position:top,50%; }
    .footer {background: none ; box-shadow: inset 0 0 0 5000px  rgba(119, 101, 82, 1);background-size: 100% auto; background-repeat: no-repeat; }
    .footer .grid-child {align-items:flex-start}
    .h1, h1 {font-size:1.875rem }
    .h2, h2 {font-size:1.571rem }
    .h3, h3 {font-size:1.286rem }
    .h4, h4 {font-size:1.111rem }
    .h5, h5 {font-size:1.05rem }
    .item-page, .com-users, .com-users-reset, .com-users-remind, .com-users-profile, .com-content-category, .card, .mod-articlesnews-horizontal li, .breadcrumb, .finder, .login, .container-component{background-color: rgba(255, 255, 255, 0) !important; padding: 15px;}
    .item-content {padding: 15px; }
    .metismenu.mod-menu .metismenu-item {flex-wrap: wrap !Important; padding: 15px;}
    .navbar-brand {font-family: Roboto;padding-top: 0rem; padding-bottom: 0rem;}
    .result__title-text {font-size: 1.286rem; font-size: 1.5rem; color: #000000}
    .result__item>*+* {margin-left: 1em; margin-bottom: 1em;  }
            .site-grid {animation: fadein 1s;} @keyframes fadein { from { opacity: 0} to   { opacity: 1}}
        .mod-articles-title { margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }        @media (min-width:200px) and (max-width:768px){.footer .grid-child {display:flex; flex: 1 1 300px; flex-direction: column} }
        @media (min-width:768px) {

        
        
        
        
        

        .bottombar{display:none;}
            }

/* ArmenianSite: sand-colored audio player (staging preview). */
.fixed-player-wrapper .plyr--audio {
    --plyr-color-main: #776552;
    --plyr-audio-control-background-hover: #776552;
    --plyr-audio-control-color-hover: #ffffff;
    --plyr-range-fill-background: #776552;
}
.fixed-player-wrapper .plyr--audio .plyr__control[data-plyr="play"] {
    background-color: #776552;
    color: #ffffff;
}
.fixed-player-wrapper .plyr--audio .plyr__control[data-plyr="play"]:hover {
    background-color: #665744;
}

/* Sand range controls: override the existing orange music-player theme. */
.fixed-player-wrapper .plyr--audio input[type="range"] {
    color: #776552;
}

/* Light sand surface for the fixed music bar and its playlist. */
.fixed-player-wrapper {
    background: #f5f1eb;
    border-top-color: #d9cfc1;
}
.fixed-player-wrapper .plyr--audio .plyr__controls {
    color: #776552;
}
.fixed-player-wrapper .plyr__control {
    color: #776552;
}
.fixed-player-wrapper .plyr__control:hover {
    background: #776552;
    color: #ffffff;
}
.audiolist {
    background: #f5f1eb;
    box-shadow: 0 4px 15px rgba(119, 101, 82, 0.15);
}
.audiolist .change-audio.active,
.audiolist .change-audio:hover {
    border-left-color: #776552;
}

/* Inverted sand player: dark site-color surface, light controls. */
.fixed-player-wrapper {
    background: #776552;
    border-top-color: #665744;
}
.fixed-player-wrapper .plyr--audio {
    --plyr-color-main: #f5f1eb;
    --plyr-audio-control-background-hover: #f5f1eb;
    --plyr-audio-control-color-hover: #776552;
    --plyr-range-fill-background: #f5f1eb;
}
.fixed-player-wrapper .plyr--audio .plyr__controls,
.fixed-player-wrapper .plyr__control {
    color: #f5f1eb;
}
.fixed-player-wrapper .plyr--audio .plyr__control[data-plyr="play"],
.fixed-player-wrapper .plyr--audio .plyr__control[data-plyr="play"]:hover,
.fixed-player-wrapper .plyr__control:hover {
    background-color: #f5f1eb;
    color: #776552;
}
.fixed-player-wrapper .plyr--audio input[type="range"] {
    color: #f5f1eb;
}
.audiolist {
    background: #776552;
}