/*
x20201214 - johns2ja - 14 December 2020 - make "DOING" sticky on the bottom of the image with proper padding 
ORIGIN - johns2ja August 2018 
*/
.DOINGcontainer {
    position: relative;
    top: -160px;
    height: 0.001px; 
}
.DOINGsubcontainer {
    text-align: right;
    position: relative; /* x20201214 */
}
.DOING { 
    display: inline-block; 
    margin-right: 14px; 
    /* start x20201214 */
    position: absolute; 
    right: 0px; 
    bottom: -124px; 
    /* end x20201214 */
}
.rotator-purple-bar, .rotator-box { 
    max-width: 313px; /* increased from 300px per budnikrp 15 August 2018 */
    width: 100%;
    text-align: left; 
    overflow: hidden; 
}
.rotator-purple-bar { 
    height: 28px; 
    background: #450084; 
    color: #f1f1f1; 
    text-transform: uppercase; 
    display:table-cell;
    vertical-align:middle; 
}
.rotator-box { 
    min-height: 104px; 
    background: white; 
    color: black; 
    opacity: 0.75;
}
.rotator-box .rbheadline { 
    font-family: Arvo; 
    font-size: 28px; 
    padding: 5px 10px 0px;
}
.rotator-box .rbteaser {
    padding: 0px 10px;
}
#maincontentarea .rotator-box a { color: #450084; text-decoration: underline; }

.gridrow { margin-bottom: -5px; }

/* Safari 7.1+ CSS Hack per x20201214 */ 
_::-webkit-full-page-media, _:future, :root .DOINGsubcontainer {  
    overflow: visible; 
}

@media all and (max-width: 768px){
    .DOINGcontainer {
        /*position: static;*/
        height: auto; 
        top: -3px;
    }
    .DOINGsubcontainer {
        text-align: center;
    }
    .DOING, .rotator-purple-bar, .rotator-box { 
        width: 100%;
    }
    .rotator-purple-bar { /*padding-right: 12px;*/ max-width:1021px; background: #450084; display:block !important; position: relative; top: -3px; }
    .rotator-box { opacity: 1; max-width: 1021px;} /* per budnikrp */
    .DOING, .rotator-box { background: #d6d6d6; } /* per budnikrp */
    .DOING { margin: 0 auto; }
    .gridrow { margin-bottom: 3px; }
    .DOING { position: unset; } /* x20201214 */
}
@media all and (max-width: 480px){
    .gridrow { margin-bottom: 0px; }
}

@media all and (min-width:769px){ #gridpad11533151570954 div.bgdiv { min-height:1px !important; } }