.show-more-less-row {
    text-align:center;
}
/* ----  override page header ---- */
body header#sp-header{background:var(--bs-primary)}

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

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

.rta-title-container h2 {
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 300;
    font-family: "area-normal", sans-serif;
}
.rta-title-container h3 {
    font-size:1.5rem; font-weight:300;
}

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

/* ---- Submenu --- */
/* --- see submenu.css
ul.rta-submenu{width:100%; display:flex;min-height:2.5rem; background:rgb(240,240,235);;justify-content:space-around;flex-wrap:wrap;}
ul.rta-submenu li{padding:.5rem 2rem; font-size:.9rem;font-weight:500;}
ul.rta-submenu li.current{background:rgb(249,248,245);}
ul.rta-submenu li:hover{background:rgb(249,248,245);}
ul.rta-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 2rem 0 auto;
    box-sizing:content-box;}
.subcat-filter-link .filter-link:hover{text-decoration:underline;cursor:pointer;}
.rta-select-list-placement{position:relative;
    box-sizing:content-box; border:none;}
#rta-select-list{position:absolute;z-index:500;display:none;
    margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
#rta-select-list ul{margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-bottom:0;}
#rta-select-list li{list-style-type:none;padding-left:1.5rem;padding-right:1.5rem;}
#rta-select-list li.active{text-decoration:underline;}
#rta-select-list li:hover{background:#fff;cursor:pointer;}

/* ---- Category Filter ---- */
.filter-row{
    background-color:var(--bs-primary);
    min-width:1.3em;
    min-height:1rem;
    padding-top:1rem;
    padding-bottom:0;
    margin-bottom:1.5rem;
}

.subcat-filter-link-box{
    width:360px;
    border:none;
    min-width:360px;
    padding:0 1rem;
    background:rgb(249,248,245);
    color:rgb(73,80,87);
}

.subcat-filter-link{
    color:rgb(73,80,87);
    font-weight:400;
}

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

#rta-select-list{
    background:var(--bs-primary);
    padding:.5rem 2rem 1rem .5rem;
    margin-right:.5rem;
    min-width:300px;
    text-align:left;
    border:1px solid rgb(235,235,230);
    box-shadow: 1px 1px 5px rgba(0,0,0,.15);
}
#rta-select-list li.active {
    text-underline-offset: 3px;
}
.subcat-filter-link .filter-link:hover {
    text-underline-offset: 3px;
}



div.select-list-close-button{

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





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

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

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

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

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

.rta-categories-leadin.two-col-slogan{display:flex;align-items:flex-start;}
.rta-categories-leadin.two-col-slogan .slogan-line{flex-basis:50%; padding-left:2rem;}
.rta-categories-leadin.two-col-slogan .slogan-secondary-text{flex-basis:50%;}
.rta-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) {
    .rta-title-container h2 {
        font-size: 1.1rem;
    }

}

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

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

}