body{background-color: #f2f2f2;}
.podcast {
    padding: .5rem;
    }


    .comm-promo:after {
        content: " ";
        display: block;
        clear: both;
        background-color: #ffeda6;
    }
    .comm-promo{
        text-align: center;
        background-color: #ffeda6;
    }
p.article-date{margin-bottom:0;}
h3.article-heading a{font-size:1rem;font-weight:300;}
.sub-title{
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 3px solid #ececec;
    background-color: #f5f5f5;
    padding: .5rem;
    margin-left: -1px;
    width:100%;
    display:block;
}
.col-num_nav_menu p{
    font-size:.8rem;
    padding:.5rem;
    margin:.5rem;
}

.col-num_nav_menu p.rem1{font-size:1rem;}
.col-num_nav_menu p.high-light{
    background-color: #f2f1ff;}
.col-num p {margin-bottom: 0;}
.col-num{max-width:100% !important;
    float:none !important;
    margin-top:.5rem;
}
.col-num_nav_menu{
    border:1px solid #cccccc;
    margin:.5rem;
}
.col-num_nav_menu ul>li{text-transform:capitalize;}

.stake-holder{display:none;}
h3.block-title{margin-top:0;}
h2.block-title, h3.block-title{margin-bottom:0;margin-left:0 !important;}
.intro-para{border:thin solid gray;border-radius:1rem;padding:1rem;box-shadow: 5px 5px 5px darkgrey;}
.col-num_nav_menu img{min-width:100%;}
.box-1 ul{padding-right:.5rem;}
audio {width:100%;}
    /**
     * begin area for the I am... box
     **/
    
     .i-item-list li{
        list-style:none;
        border-top:1px solid #cccccc;
        }
        .i-item a {text-transform:capitalize;}
        .i-item{
        padding-left:.3rem;
        border-left:solid 1.1rem #3f78a7;
        margin-left:-1.1rem;
        color: rgb(7, 47, 73);
        }
        .i-item:hover{
        background-color:#F6E292;
        border-left:solid 1.1rem #194a6b;
        margin-left:-1.1rem;
        color: rgb(7, 47, 73);
        }
        .i-item:hover:after{
        content: '\25ba';
        height: 0;
        width: 0;
        border: 10px solid transparent;
        }
        p.i-am, h2.i-am{margin:-1px;
        padding-left:1rem;
        font-size:1.3rem;
        color: white;
        background-color:#194a6b;
        }
        h2.i-am{padding:16px 16px 8px 10px;font-size:1rem;text-transform:uppercase}
        ul.i-item-list{
        margin-top:0;
        margin-bottom:0;
        margin-left:1rem;
        padding-left:0;
        
        }
        .i-item.first{border-top:none;}
        .stake-holder{border: medium solid #194a6b;
        }
        /**
         * end area for the I am... box
         **/

        #trends-image{
            width:80%;
            margin:auto;
            margin-bottom: .25rem;
            margin-top:1rem;
        }
         .stake-holder{display:none;}
         .banner-image{display:none;}
         .box-1{
           -ms-box-orient: horizontal;
           display: -webkit-box;
           display: -moz-box;
           display: -ms-flexbox;
           display: -moz-flex;
           display: -webkit-flex;
           display: flex;
           flex-direction: row;
           -webkit-flex-wrap: wrap;
           flex-wrap: wrap;
           justify-content: center;
          }
         .trends-col h2{white-space:nowrap;}
         p.article-date{margin:.2rem;padding:0;}
         p.article-heading{margin:.2rem;padding:0;}
         .col-num_nav_menu{break-inside: avoid;}
         .item-1{-webkit-order:8; order:8}/* stake holder */
         .item-2{-webkit-order:2; order:2}/* UI */
         .item-3{-webkit-order:3; order:3}/* Trends */
         .item-4{-webkit-order:1; order:1}/* Find a Job */
         .item-5{-webkit-order:7; order:7}/* Commissioner */
         .item-6{-webkit-order:4; order:4}/* Headlines */
         .item-7{-webkit-order:5; order:5}/* Podcasts */
         .item-8{-webkit-order:6; order:6}/* Divisions */
         
         @media only screen and (min-width: 550px) {
        .col-num{column-count:2;}
         .banner-image{display:block;}
         .item-1{width:45%;}/* stake holder */
         .item-2{width:45%;}/* UI */
         .item-3{width:30%;}/* Trends */
         .item-4{width:45%;}/* Find a job */
         .item-5{width:60%;}/* Commissioner */
         .item-6{width:93%;}/* headlines */
         .item-7{width:45%;}/* Podcasts */
         .item-8{width:45%;}/* Divisions */
         
         .item-1{-webkit-order:1; order:1}/* stake holder */
         .item-2{-webkit-order:3; order:3}/* UI */
         .item-3{-webkit-order:4; order:4}/* Trends */
         .item-4{-webkit-order:2; order:2}/* Find a Job */
         .item-5{-webkit-order:5; order:5}/* Commissioner */
         .item-6{-webkit-order:6; order:6}/* Headlines */
         .item-7{-webkit-order:7; order:7}/* Podcasts */
         .item-8{-webkit-order:8; order:8}/* Divisions */
         }
         @media only screen and (min-width: 700px) {
         .item-1{width:30%;}/* stake holder */
         .item-2{width:29%;}/* UI */
         .item-3{width:29%;}/* Trends */
         .item-4{width:29%;}/* Find a job */
         .item-5{width:30%;}/* Commissioner */
         .item-6{width:60%;}/* headlines */
         .item-7{width:45%;}/* Podcasts */
         .item-8{width:45%;}/* Divisions */
         
         .item-1{-webkit-order:1; order:1}/* stake holder */
         .item-2{-webkit-order:3; order:3}/* UI */
         .item-3{-webkit-order:4; order:4}/* Trends */
         .item-4{-webkit-order:2; order:2}/* Find a Job */
         .item-5{-webkit-order:5; order:5}/* Commissioner */
         .item-6{-webkit-order:6; order:6}/* Headlines */
         .item-7{-webkit-order:7; order:7}/* Podcasts */
         .item-8{-webkit-order:8; order:8}/* Divisions */
         }
         @media only screen and (min-width: 800px) {
             .stake-holder{display:block;}
         .item-1{width:30%;}/* stake holder */
         .item-2{width:30%;}/* UI */
         .item-3{width:30%;}/* Trends */
         .item-4{width:30%;}/* Find a job */
         .item-5{width:30%;}/* Commissioner */
         .item-6{width:62%; margin-right:0;}/* headlines */
         .item-7{width:30%;}/* Podcasts */
         .item-8{width:30%;}/* Divisions */
         
         .item-1{-webkit-order:1; order:1}/* stake holder */
         .item-2{-webkit-order:2; order:3}/* UI */
         .item-3{-webkit-order:4; order:4}/* Trends */
         .item-4{-webkit-order:3; order:2}/* Find a Job */
         .item-5{-webkit-order:6; order:7}/* Commissioner */
         .item-6{-webkit-order:5; order:5}/* Headlines */
         .item-7{-webkit-order:7; order:6}/* Podcasts */
         .item-8{-webkit-order:8; order:8}/* Divisions */
         }