#portfolio-page{top:-140px;}
section#sp-bottom{margin-top:-172px; /* the pixels that #portfolio-page is raised plus the pixels of 2 rem */}

#rta-carousel{height:auto;margin-top:-16px;}
#rta-carousel ul.slides{padding-top:0;}

/* ---- Top/details row --------------- */
.top-details-row{
    background:#f2eeea !important;
    padding-top:2rem !important; 
    padding-bottom: 70px !important
}

.project-row{display:flex;padding:1.5rem 0 0 0;align-items:center;margin-left:0;}
.project-row.text-padding{padding-left:25px;}

@media only screen  and (min-width : 1224px) {
    .project-row .item-column.details-col-left {
        padding-right:2rem;
    }}
.project-row .item-column.details-col-right{padding-left:1rem;}




/* --- main menu --*/
.view-portfolio .sp-megamenu-parent>li>a{color:#ffffff !important;}
.view-portfolio .sp-megamenu-parent>li>a:hover{color:#ffffff;}

/* padding-bottom value set in php file - must sync with row below it */
.rta-project-details{padding-bottom:1.5rem;}

/* ----- Category name ----- */
h3.portfolio-cat-name{font-size:1.2rem;line-height:1.35em;margin-bottom:3rem;}

/* --- Show More toggle---- */
.readmore_details{
    padding:14px 0;
    font-size: 16px;
    line-height:1.2em;
    border-radius:3px;
    background: none;
    text-transform: uppercase;
    text-underline-offset: 4px;
}
.project-row.project-what {
    padding: 1.5rem 0;
}
/* ---- side column text (What, How, Additional) ---- */
.portfolio-text-col{max-width:540px;}

/* ----- Quote ----- */
#rta-profile-quote{
    color:#2c262e;
    font-weight: 700;
    text-align:center;
    background-image: url(https://mavendesignstudio-demo.com/rta50/images/backgrounds/blue-print-dash.png);
    background-repeat: repeat;
}
.rta-quote {
    font-size:2.7rem;
}
.project-row.project-additional {
    padding: 1.5rem 0;
}
/* ---- related articles link ---- */
.related-articles-link{
    font-size:14px;
    line-height:1.6em;
    text-align:right;
    border-top:none;
    border-bottom:none;
    text-transform: uppercase;
    text-underline-offset: 4px;
    padding-right: 10px;
}
.related-articles-link a {
    color: #a34b44 !important;
}

/* ---- related projects --- */
#related-projects{background:#fff;padding:1rem;}
#related-projects .project-row{padding-top:.5rem;}
#related-projects .item-column{padding:0 1rem;}
#related-projects h4{
    padding-left: 1rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.related-project-title{font-size:1rem; line-height:1.2em;}
#related-projects .item-column a:hover .related-project-title,
.related-project-title:hover{text-decoration:none;}

.related-project-title{padding:1.065rem 0 3.57rem;font-size:1.3rem;font-weight:400;line-height: 1.5;}

/* --- quote text size options -- */
blockquote.quote-length-short .rta-quote{ font-size: 2.7rem;}  /* 0-119 chars */
blockquote.quote-length-medium .rta-quote{ font-size: 2.2rem;}  /* 120-239 chars */
blockquote.quote-length-long .rta-quote{ font-size: 1.7rem;}  /* 240-359 chars */
blockquote.quote-length-xlong .rta-quote{ font-size: 1.35rem;}  /* 360-479 chars */
blockquote.quote-length-xxlong .rta-quote{ font-size: 1.2rem;} /* 480-up chars */
blockquote .rta-quote .adjust-for-viewport{line-height:1.35em;}
/* ---- end of quote text size */

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

    /* -- adjustments to "limited-width" details row -- */
    @media only screen  and (min-width : 1224px) {
        .top-details-row .project-row.limited-width {
            padding-left:1.5rem;padding-right:1.5rem;
        }}
    .top-details-row .project-row.limited-width{flex-wrap:wrap;}
    .top-details-row .project-row.limited-width .item-column.width-two-thirds {width:100%;}
    .top-details-row .project-row.limited-width .item-column.width-third {width:100%;}
    #recognition-row.project-row .item-column.project-text-col.width-third{width:50%;}
    #recognition-row.project-row .item-column.width-third,
    #recognition-row.project-row .item-column.project-text-col.width-third{width:100%;}
    .top-details-row .project-row.limited-width .item-column.width-half{width:100% !important;}
    .project-row.limited-width .title-on-top{padding-bottom:1rem;}
    .project-row.limited-width .recognition-text-col-top-padding{height:0;}


    blockquote .rta-quote .adjust-for-viewport{font-size: .9em;}  /* make quote text smaller at mobile width */
    blockquote .rta-quote-attribute .adjust-for-viewport{font-size: .9em;}
}
@media only screen and (max-width: 767px) {
    .related-project-title{font-size:1rem;}

    blockquote .rta-quote .adjust-for-viewport{font-size: .7em;}  /* make quote text smaller at mobile width */
    blockquote .rta-quote-attribute .adjust-for-viewport{font-size: .8em;}
}
@media only screen and (max-width: 500px) {
    .related-project-title{font-size:.9rem;}
}