.show-more-less-row {
    text-align:center;
}
/* ----  override page header ---- */
body header#sp-header{background:#fff}

/* --- title row styling --- */
.maven-categories-page-title{/*background:#e7e7e7*/;margin:0; padding:50px 40px 0 40px; position:relative;}
.maven-categories-page-title .header-container{max-width:100%;margin: 0 .5rem;border-bottom:1px solid #666;}
.maven-categories-page-title .maven-title-row{position:relative;}
.maven-categories-page-title h1{width:auto;display:inline-block;}
.maven-categories-page-title .maven-project-count{font-size:.75rem; display:inline-block; margin-left:.33rem;
    position:relative;bottom:1.75rem;width:auto;}
.maven-categories-page-title small{font-size:.7em;line-height:1em;height:.7rem; text-transform:uppercase;}

/* ----  Project Title ---- */
.maven-title-container{
    padding: 1.065rem 0rem 3.57rem;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.maven-title-container{
    padding: 1.065rem 0rem 1.57rem;
}}

.maven-title-container h2 {
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 300;
}
.maven-title-container h3 {
    font-size:1.5rem; font-weight:300;
}

/*.maven-categories-page-title{background:var(--bs-primary);margin:0; padding:70px 40px 0 40px;}*/

/* ---- Submenu --- */
/* --- see submenu.css
ul.maven-submenu{width:100%; display:flex;min-height:2.5rem; background:rgb(240,240,235);;justify-content:space-around;flex-wrap:wrap;}
ul.maven-submenu li{padding:.5rem 2rem; font-size:.9rem;font-weight:500;}
ul.maven-submenu li.current{background:rgb(249,248,245);}
ul.maven-submenu li:hover{background:rgb(249,248,245);}
ul.maven-submenu li.current a{color:#000;}
--- */

/* ---- END of Submenu rules --- */



/* --- new select list box --- */
.filter-row{position:relative;}
.subcat-filter-link-box{ display:block;margin:0 0rem 0 auto;
    box-sizing:content-box;}
.subcat-filter-link .filter-link:hover{text-decoration:underline;cursor:pointer;}
.maven-select-list-placement{position:relative;
    box-sizing:content-box; border:none;}
#maven-select-list{position:absolute;z-index:500;display:none;
    margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
#maven-select-list ul{margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-bottom:0;}
#maven-select-list li{list-style-type:none;padding-left:1.5rem;padding-right:1.5rem;}
#maven-select-list li.active{text-decoration:underline;
text-decoration-color: var(--bs-primary);}
#maven-select-list li:hover{cursor:pointer;color:var(--bs-primary);}

/* ---- Category Filter ---- */
.filter-row{
    min-width:1.3em;
    min-height:1rem;
    padding-top:1rem;
    padding-bottom:0;
    margin-bottom:3.5rem;
}

.subcat-filter-link-box{
    width:360px;
    border:none;
    min-width:360px;
    padding:0 1rem;
   
    color:var(--sppb-moa-text-gray);
    border: 1px solid var(--bs-primary);
}

.subcat-filter-link{
    color:var(--sppb-moa-text-gray);
    font-weight:400;
}

.maven-select-list-placement {
    left: -1rem;
}

#maven-select-list{
    background:rgba(236, 236, 236, 1);
    padding: 1rem 2rem 1rem .5rem;
    margin-right:.5rem;
    min-width:300px;
    text-align:left;
    border:1px solid var(--bs-primary);
    /*box-shadow: 1px 1px 5px rgba(0,0,0,.15);*/
}
#maven-select-list li.active {
    text-underline-offset: 5px;
    color: var(--bs-primary);
}
#maven-select-list li.active a {
    color: var(--bs-primary);
}
.subcat-filter-link .filter-link:hover {
    text-underline-offset: 5px;
    text-decoration-color: var(--bs-primary);
}

div.select-list-close-button{

}
.select-list-close-button button{
    margin:.5rem auto 0 70%;
}






.filter-row-empty{min-height:6.3rem;}

/* ---- SHOW MORE, SHOW LESS buttons ---- */
.clickable-button{
    background: #a34b44;
    color: #fff;
    font-size: 1em;
    line-height: 1.15em;
    padding: 10px 20px;
    border: none;
    text-transform: uppercase;
}

.clickable-button:hover{
    background: #e9baae;
    color: #000;
    cursor: grab;
    font-weight: 600;
}

/* ---- nav items ---- */
.nav-item img{display:inline-block;margin-right:4px;}

/* ---- Slogan area ---- */

    /* - ONE column ---------------------- */
.maven-categories-leadin.one-col-slogan{
    width:1000px;
    max-width:100%;
    margin:2rem auto;
}
.maven-categories-leadin.one-col-slogan .slogan-line{
    padding:0 2rem 0 40px;
    text-align:center;
    letter-spacing: -1px;
}
.maven-categories-leadin.one-col-slogan .slogan-line h2 {
    font-size: 2.5rem;
    font-weight: 600;
}
.maven-categories-leadin.one-col-slogan .slogan-secondary-text{
    padding:0 40px 0 2rem;
    text-align:center;
}
.itemid-1909 .maven-categories-leadin.one-col-slogan .slogan-secondary-text {
    font-size: 1.4rem;
    color: #666668;
    font-weight: 700;
}

    /* - TWO columns -------------------------- */

.maven-categories-leadin.two-col-slogan{
    max-width:1280px;
    margin:2rem auto;
}
.maven-categories-leadin.two-col-slogan .slogan-line{
    padding:0 2rem 0 40px;
    text-align:left;
    letter-spacing: -1px;
}
.maven-categories-leadin.two-col-slogan .slogan-line h2 {
    font-size: 2.5rem;
    font-weight: 600;
}
.maven-categories-leadin.two-col-slogan .slogan-secondary-text{
    padding:0 40px 0 2rem;
}

/* ---------- Leadin text (slogan area)  ----- */
.maven-categories-leadin.one-col-slogan{}
.maven-categories-leadin.one-col-slogan .slogan-line{}
.maven-categories-leadin.one-col-slogan .slogan-secondary-text{}

.maven-categories-leadin.two-col-slogan{display:flex;align-items:flex-start;}
.maven-categories-leadin.two-col-slogan .slogan-line{flex-basis:50%; padding-left:2rem;}
.maven-categories-leadin.two-col-slogan .slogan-secondary-text{flex-basis:50%;}
.maven-categories-leadin.two-col-slogan .slogan-line{}


/* ----------- Grid items ----------------- */
.grid-item-frame{
    /* width:33.33%; */  /* -- 3 items per row */
    /*padding:0 .5rem 2rem .5rem; */ }

/* =========== @MEDIA rules ============================ */

@media only screen and (max-width: 1023px) {
    .maven-title-container h2 {
        font-size: 1.1rem;
    }

}

@media only screen and (max-width: 767px) {
    .projects-grid .grid-item-frame{
        width:100%; /* -- 1 item per row */
    }
    .maven-title-container h2{
        font-size:1rem;
    }

    /* --- two-column Slogan area  --*/
    .maven-categories-leadin.two-col-slogan{flex-wrap:wrap;}
    .maven-categories-leadin.two-col-slogan .slogan-line{flex-basis:100%;}
    .maven-categories-leadin.two-col-slogan .slogan-secondary-text{flex-basis:100%;}

}