/*
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Work Sans', sans-serif;
*/
/* 
MAIN TEXT CONTAINERS
*/

a.article {text-align: center;}
p.des {font-size:1.5em; line-height: 1.4;font-family: 'Merriweather Sans', sans-serif;font-weight: 500;margin:0; padding:0; color:#FFFEFE; }
h1.articleHeadline {margin:0;padding:4px;font-size:3.8rem;font-family:'Merriweather Sans', sans-serif; font-weight:700;text-align: center;}
h2.articleSubtitle {margin-left:15px;padding:12px;font-size: 2.9rem; line-height:1.1;font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-align: center}
p.article {font-size: 1.4em;font-family: 'Merriweather', Times, serif;line-height:1.8}
div.backgroundContainer {background-color: #333333; height:100%;}
html {height:100%}
body {height:100%; -webkit-overflow-scrolling: touch;}
img.hbt-ad {width:100%;}
img.articleTopImage {width:60%; height: auto; display:block; margin-left: auto; margin-right: auto;}
div.articleTopImageBox {margin-left: auto; margin-right: auto;}
img.hinewsCover {width:200px}
div.main-ad {margin-top: 30px; margin-bottom:8px; width:60%; height:auto;margin-left:auto; margin-right:auto;}
div.landing-content {margin:8px;background-color:whitesmoke;}
div.landing-content-fragment {overflow: scroll;}
div.landing-article-promo {margin:8px;  }
img.article-promo {float:left; width:40%}
img.article-rotate {float:left; width:20%}
div.promoContent {float:left; width:40%; margin-bottom: 8px}
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 4px;
    color:red;
  }
  p.promoText{font-family: 'Merriweather Sans', sans-serif;font-size: 1.7rem; }
  ul.promoList {font-family: 'Merriweather Sans', sans-serif;font-size: 1.4rem;list-style-position: outside;}

    .clear {clear: both;}



/*
index containers
*/
img.indexImage {width: 100%; height: 100%;  }
div.indexImageDiv {float:left; padding:2px; width:43%; height:auto; margin-left:2px; }
div.indexImageRightDiv {float:left; padding:2px; width:43%; height:auto; margin-left:2px; display:none; }



.indexText {font-family: 'Montserrat', sans-serif;font-size: 1.3rem; color:#333333;font-weight:500; }

.categoryName {float:left; }
.suppliers {background-color: orange;}
.bigbox {background-color:crimson;}
.careers {background-color:darkslateblue;}
.companies {background-color: teal;}
.editorial {background-color: maroon;}
.news {background-color: lime;}
.people {background-color: darkturquoise;}
.products {background-color:indigo }
 .regions {background-color: brown; }
 .retailers {background-color: cornflowerblue;}
.statistics {background-color: slategray;}
.tags-article {width:100%}
.tag-article {margin-left:auto; margin-right:auto;}




.indexContents {width:100%; height:auto;position: absolute;}
.category {float:left;width:7%;margin-right:1px;margin-left: 2px;background-color: #ffd479;height:8vmax}
img.indexCategory {width:100%;height:auto;}
h3.headline { font-weight:600; color: #FCFCFF;  text-align:center; line-height:1.2; padding:1px;margin:1px;font-family:'Titillium Web', sans-serif;letter-spacing:0.5px}
h4.headline { font-weight:600; color: #FCFCFF;  text-align:center; line-height:1.2; padding:1px;margin:1px;font-family:'Titillium Web', sans-serif;letter-spacing:0.5px}

h4.strap {font-size:1.4em; text-align: left; padding:5.0rem;  margin:2.0rem;font-family:'Titillium Web', sans-serif; font-style:oblique; font-weight:500;color:#333333;line-height: 1.5;}
div.indexClickZone {margin:0;padding:0}
.indexDate {position:absolute; bottom:-24px; right:10px; font-family: "Open sans"; font-size:1.1rem; color:#e0e0e0; width: 70px; font-weight:400; text-align:right }
h3.article {color:rgb(255, 47, 0);padding-left:1.0rem;}
h4.article {padding-left: 1.5rem;color:#333}
blockquote.article {background-color: #F9E9E9;font-family: 'Open Sans', sans-serif;padding:2.0rem;margin:5.0rem;}

/* body {font-size:100%} */
div.indexItem { width:100%; border-color:#F0F0F0; border-width: 0px; border-style:solid;  background-color:#F0F0F0; border-bottom-color: #35292a;position: relative ;height:auto;margin-bottom: 4px;}
/*div.indexAd {width:40%; height:auto;}*/
img.hbtIndex {height:auto; width:100%;}
.tags {position:absolute; bottom:-24px; left:5px;padding-top:2px; }
.indexDescription{background-color:#d9d9d9;width:45%; height:100%; padding:2px;position:relative;float:left;line-height: 1.25}
div.headlineBox {height:8vmin;background-color:#35292a;position: relative;border-color:#FFF; border-width: 0px; border-style: solid; border-left-width: 2px;border-right-width: 1px; border-top-width: 2px; }
h5.headline {font-size: 2.0em;font-family: 'Merriweather Sans', sans-serif; font-weight:700;text-align: center}

div.column-top-buttons {width:100%}
div.search-choice {width:100%;margin-left:8px;}
div.index-buttons {width:47%; text-align: center;margin-left: 1px; font-family:'Titillium Web', sans-serif;font-size:1.4rem;font-weight: 700;float:left;color:white;letter-spacing: 1px ;}
#left-search {background-color: #999;}
#left-current {background-color: #c03934; }
h6.articleDate {font-size: 1.2em;font-family: 'Merriweather Sans', sans-serif; font-weight:700;text-align: center; color:#999;}


@media (min-width: 350px) {
    div.indexItem { width:100%; border-color:#F0F0F0; border-width: 0px; border-style:solid;  background-color:#F0F0F0; border-bottom-color: #35292a;position: relative ;height:auto;margin-bottom: 4px;border-bottom-width:25px;
    }
    div.tags {bottom:-24px;}
    div.indexDescription{width:84%} 
    div.headlineBox {height:14.5vmin}
    .indexDate { bottom:-24px;}
    div.indexImageDiv {display: none;}
    div.category {display:none;}
    p.article {font-size: 1.0rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.3;padding-left: 5px; padding-right: 5px;} 
    li.article {font-size: 1.0rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.1;padding-left: 15px; padding-right: 5px;}
    /* div.contents {display:none;} */
    p.promoText{font-size: 1.1rem; }
    h5.headline {font-size: 1.4em;}
    img.hinewsCover {width:100px}

}


 @media (min-width: 550px) {
  
    div.indexItem { width:100%; border-color:#F0F0F0; border-width: 0px; border-style:solid;  background-color:#F0F0F0; border-bottom-color: #35292a;position: relative ;height:auto;margin-bottom: 4px;border-bottom-width:55px;
    }
    div.category {display:block;}
    div.tags {bottom:-50px;}
    div.indexDescription{width:84%} 
    div.headlineBox {height:12vmin}
    .indexDate { bottom:-24px;}
    div.indexImageRightDiv {display: block;}
    div.indexImageDiv {display: block;}
   p.article {font-size: 1.1em;font-family: 'Merriweather Sans', sans-serif;line-height:1.2;padding-left: 5px; padding-right: 5px;} 
   li.article {font-size: 1.0rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.1;padding-left: 15px; padding-right: 5px;}
   p.promoText{font-size: 1.3rem; }
   h5.headline {font-size: 1.4rem;}
   /*img.article-promo {display:none;} */
   h4.articleDate{font-size: 0.8rem;}
   img.hinewsCover {width:150px}
} 


@media (min-width: 750px) {
    
    div.indexItem { width:100%; border-color:#F0F0F0; border-width: 0px; border-style:solid;  background-color:#F0F0F0; border-bottom-color: #35292a;position: relative ;height:auto;margin-bottom: 4px;border-bottom-width:55px;
    }
    div.category {display:block;}
    div.tags {bottom:-50px;}
    div.indexDescription{width:88%}
    div.headlineBox {height:12vmin}
    .indexDate { bottom:-50px;}
    div.indexImageDiv {display: block;}
    div.indexImageRightDiv {display: block;}
    p.article {font-size: 1.2em;font-family: 'Merriweather Sans', sans-serif;line-height:1.4;padding-left: 15px; padding-right: 15px;}
    li.article {font-size: 1.1rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.2;padding-left: 25px; padding-right: 15px;}
    p.promoText{font-size: 1.5rem; }
    h5.headline {font-size: 1.5em;}
    h4.articleDate{font-size: 0.9rem;}
    img.hinewsCover {width:170px}
}

@media (min-width: 960px) {
    
    div.indexItem { width:100%; border-color:#F0F0F0; border-width: 0px; border-style:solid;  background-color:#F0F0F0; border-bottom-color: #35292a;position: relative ;height:auto;margin-bottom: 4px;border-bottom-width:55px; }
    div.category {display:block;}
    div.tags {bottom:-50px;}
    div.indexDescription{width:88%}
    div.headlineBox {height:9vmin}
    .indexDate { bottom:-24px;}
    div.indexImageDiv {display: block;}
    div.indexImageRightDiv {display: block;}
    p.article {font-size: 1.5rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.6;padding-left: 35px; padding-right: 35px;}
    li.article {font-size: 1.3rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.4;padding-left: 45px; padding-right: 50px;}
    p.promoText{font-size: 1.6rem; }
    h5.headline {font-size: 1.8em;}
    }

    @media (min-width: 1200px) {
       
        /* div.indexItem { width:100%; border-color:#F0F0F0; border-width: 0px; border-style:solid;  background-color:#F0F0F0; border-bottom-color: #35292a;position: relative ;height:auto;margin-bottom: 4px;border-bottom-width:25px;} */
            div.indexItem {border-bottom-width: 25px}
            div.category {display:block;}
            div.tags {bottom:-24px;}
             div.indexDescription{width:45%} 
             div.headlineBox {height:8vmin}
             .indexDate { bottom:-24px;}
             div.indexImageDiv {display: block;}
             div.indexImageRightDiv {display: none;}
             p.article {font-size: 1.7rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.7;padding-left: 45px; padding-right: 45px;}
             li.article {font-size: 1.2rem;font-family: 'Merriweather Sans', sans-serif;line-height:1.3;padding-left: 50px; padding-right: 50px;}
             h5.headline {font-size: 2.0em;}
    }
    
       
    
     
    
    
   
    
    
    
    .tag {font-family:"Open Sans", "Helvetica", "Arial Narrow",sans-serif; font-weight: 700;border-radius: 0.5em;font-size: 1.1rem;color:#FFF; text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;margin:1px; margin-top:3px; height:18px;float:left;}
    
    
    
    
    
    
    img.mainCarousel {display:none;width:100%;height:450px; object-fit: contain; margin:auto;}
    article.major {background-color: #F0F0F0;overflow: scroll;padding:0.6em;height:75vmin; display:none;}
    div.indexColumn {background-color: #333333;overflow: scroll;padding:0.6em;height:75vmin;overflow-x: hidden;}
    div.imageCarousel {width:100%; height:600px;padding:0;margin:0}
    div.imageCaption {width:100%; height:30px; padding:0; margin-top:4px; font-family: "Open Sans", sans-serif; font-size:1.4em; text-align:center;}
    div.carouselButtons {margin: 0 auto; padding:10px;
        width: 150px;}
        div.headings {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between}
        a.viewButton {float:right}
        a.context {font-size: 1.5em;text-decoration: none}
        a.context:link {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color:gray;}
        a.context:visited {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color:gray;}
        a.context:hover {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color:#9999CC;}
        a.context:active {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color:orangered;}
        p.contextLink {text-align:right;margin:0; padding:0}
        .topImages {float:left; height: 7vmin; width:auto}
        #searchButton {float:left; height: 5vmin; width:auto}
    
        #hnn-logo {margin-left:6px;border-left-width: 6px; border-style:solid; border-color:#333333;}
div.bottom-ad-strip {
    width:100%;
    padding-top:8px;
    padding-left:10px;

}
img.left-bottom {display:block; height:7vmin; 
    width:auto;
    float:left;
    border-width: 2px;
    border-color:slategray; ;
    border-radius: 0.9rem; 
    border-style:solid;
}
        img.ad-bottom {
            display:block; height:6vmin; 
            width:auto;
            padding-right:10px;
            float:right;
        }
         .adImage {
            height:6vmax;  
            margin-top:12px;   
            float:left;
        }