:root {

    --fontGothamMedium: 'GothamMedium';
    --fontGothamBold: 'GothamBold';

    --reImagineColor:   #025392;
    --reThinkColor:     #4a3242;
    --reDesignColor:    #c4a42b;
    --reCycleColor:     #638539;
    --reBuildColor:     #006c82;
    --reModelColor:     #807f84;
    --reNewColor:       #1b3158;
    --reWorkColor:      #572b22;
    --reSearchColor:    #4e602c;

    --reImagineSqImgUrl: url('/wp-content/images/accents-square/imagine.sq.jpg');
    --reThinkSqImgUrl:   url('/wp-content/images/accents-square/think.sq.jpg');
    --reDesignSqImgUrl:  url('/wp-content/images/accents-square/design.sq.jpg');
    --reCycleSqImgUrl:   url('/wp-content/images/accents-square/cycle.sq.jpg');
    --reBuildSqImgUrl:   url('/wp-content/images/accents-square/build.sq.jpg');
    --reModelSqImgUrl:   url('/wp-content/images/accents-square/model.sq.jpg');
    --reNewSqImgUrl:     url('/wp-content/images/accents-square/new.sq.jpg');
    --reWorkSqImgUrl:    url('/wp-content/images/accents-square/work.sq.jpg');
    --reSearchSqImgUrl:  url('/wp-content/images/accents-square/search.sq.jpg');
}



/*  Scalable heading w/ disc accent
    Scales based on font-size on heading text.
*/
.re-heading {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    display: inline-block;
    padding-bottom: 0;

    font-family: sans-serif; /* fallback for old browsers */
    font-family: var(--fontGothamMedium);
    font-weight: normal;
    font-size: 40px;
    white-space: nowrap;

    /*margin: 0 0 0 52.5%;*/
    text-transform: lowercase;
}

.re-heading b {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;

    font-family: 'GothamBold', sans-serif;
    font-size: 1.3em;
    font-weight: normal;

    display: inline-block;
    height: 2.4em;
    width: 2.4em;
    line-height: 2.4;
    border-radius: 50%;

    text-align: right;

    border-style: solid;
    border-width: 0.3em;
    padding: .1em;
    margin-right: .1em;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 3.2em;
}

/*  MOBILE
    Single column layout
*/
@media only screen and (max-width: 767px) {
    .re-heading {
        font-size: 26px;
        /*margin-left: 50%;*/
    }
}

/* MOBILE 320 - Small phone */
@media only screen and (max-width: 320px) {
    .re-heading {
        font-size: 20px;
    }
}



.re-heading {
    --reHeadingColor: #000;
    --reHeadingImg: linear-gradient(#52525C, white);
}

.re-heading { color: var(--reHeadingColor); }
.re-heading b { background-image: var(--reHeadingImg); border-color: var(--reHeadingColor) }

.re-heading.re-accent-reimagine { color: var(--reImagineColor); }
.re-heading.re-accent-reimagine b { background-image: var(--reImagineSqImgUrl); border-color: var(--reImagineColor); }

.re-heading.re-accent-rethink { color: var(--reThinkColor); }
.re-heading.re-accent-rethink b { background-image: var(--reThinkSqImgUrl); border-color: var(--reThinkColor); }

.re-heading.re-accent-redesign { color: var(--reDesignColor); }
.re-heading.re-accent-redesign b { background-image: var(--reDesignSqImgUrl); border-color: var(--reDesignColor); }

.re-heading.re-accent-recycle { color: var(--reCycleColor); }
.re-heading.re-accent-recycle b { background-image: var(--reCycleSqImgUrl); border-color: var(--reCycleColor); }

.re-heading.re-accent-rebuild { color: var(--reBuildColor); }
.re-heading.re-accent-rebuild b { background-image: var(--reBuildSqImgUrl); border-color: var(--reBuildColor); }

.re-heading.re-accent-remodel { color: var(--reModelColor); }
.re-heading.re-accent-remodel b { background-image: var(--reModelSqImgUrl); border-color: var(--reModelColor); }

.re-heading.re-accent-renew { color: var(--reNewColor); }
.re-heading.re-accent-renew b { background-image: var(--reNewSqImgUrl); border-color: var(--reNewColor); }

.re-heading.re-accent-rework { color: var(--reWorkColor); }
.re-heading.re-accent-rework b { background-image: var(--reWorkSqImgUrl); border-color: var(--reWorkColor); }

.re-heading.re-accent-research { color: var(--reSearchColor); }
.re-heading.re-accent-research b { background-image: var(--reSearchSqImgUrl); border-color: var(--reSearchColor); }