/*==============================
HEADLINES
==============================*/

body {
	background-color: #f1f1f1;
}


.top-nav {
	background-color:#fff;
	border-bottom: 1px solid #f1f1f1;
	border-top: 1px solid #f1f1f1;
	z-index: 999;
	 box-shadow: 0 2px 6px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.24);
}

span.category-title {
	border-bottom: 2px dotted #ff6600;
  font-style: italic;
}

/* preview */

.article-wrapper {
    margin: 20px 0 30px 0;
}

.article-wrapper:first-of-type {
    margin: -20px 0 30px 0;
}

.article-wrapper a {
    text-decoration: none;
}

.article-wrapper a:hover {
    text-decoration: none;
}

.clear-fix {
    clear: both;
    }
.clear-fix:after {
clear: both; 
content: "";
display: table; 
}

.news-pane {
    background-color: #fff;
    padding: 1rem; 
     box-shadow: 0 2px 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.24); 
}


/* top story */

.article-wrapper-top {
    margin: 2rem 0 5rem 0;
}

.article-wrapper-top a:hover {
    text-decoration: none;
}

.top-story {
 position: relative;   
}

.top-story h2{
    background-color: transparent;
    font-size: clamp(1.5rem, 5vw, 3rem)!important;
    padding: 0;

}

@media (max-width: 768px) {  
    .top-story h2{
        font-size: clamp(1.5rem, 5vw, 3rem)!important;
        top: 10px;
    }
}


.top-story h3, .top-story p {
    color:#333;
}

.top-story h3 {
    font-size: 2rem;
    margin-top: 16px;
}

.top-story p {
    margin-top: 20px;
}

.top-news-items {

}

.top-img {
margin-top: 1rem;
}

@media (min-width: 992px) { 
.top-news-items {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; 
      -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.top-img {
max-height: 600px;
min-width: 500px;    
max-width: 650px;    
overflow: hidden;
    margin: 1rem 2rem 0 0;
}
}



/* default */
.news-article {
    border-left: 5px solid;
    border-color: #fff;
}

.news-article:hover {
    border-left: 5px solid;
    border-color: #ff6f00;
}

.news-article h3, .news-article p {
    color:#333;
}

.news-article h3 {
    font-size: 1.5rem;
}

.news-article p {
    margin-top: 1rem;
}

.news-article.article-img img {
    width: 100%;
}

@media (min-width: 768px) {  
    .news-article.article-img img {
        float:right;
        padding-left: 8px;
        max-width: 300px;
    }
}

.input-group {
margin-top: -1.2rem;
}

/* news bites */

.news-bites h3 {
    margin-bottom: 24px;
}

.news-bites p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px;
}

.news-bites a {
    color: #333;
}

.news-bites a:hover {
    color: #d30;
    text-decoration: none;
}