.ArticleWrapper { width: 100%; }
.ArticleList {display:block;}
.Article .Title, .Article .Head {display:block;font-weight:bold;font-size:1.3em;margin-bottom:6px}
.Article .SubHead { display: block;font-weight:bold; }
/* The text-align:left below is required because if the details are rendered on a new page,
the module is wrapped with a div with a class of DNNAligncenter*/
.Article {display:block;clear:both;margin-bottom:20px;text-align:left;}

.EditIcon {float:left;}
.readMore {font-weight:bold;}
.nowrap { white-space: nowrap; }
.thumbnail { float:left;margin: 0 10px 5px 0;  }
.AlternateRow .thumbnail {float:right;margin: 0 0 5px 10px;}
.instruction { font-style: italic; }
.STFButton { cursor: pointer; cursor: hand; }
.CategoryList { display:block;float:right;color: maroon; font-weight: bold; }
.Author { font-size: 11px; font-weight: bold; color: #000099; }
.PublishDate { font-size: 11px; font-weight: bold; color: #440088; }
.SearchPanel { text-align: center;clear:both; }
.SearchResultsPanel
{
    font-weight: bold; color: #933; font-size: 14px; background: #F1F5FF;
    border: 1px solid #CCC6FF; padding: 10px;
}
#panelAddComment { text-align: left; padding: 5px; width: 90%; }
.MoreArticlesLink { text-align: right; font-weight: bold; }
#Comments .Head { margin: 5px;}
.CommentsLink { line-height: 30px; font-size: 1.15em; display: block; }
.CommentsContainer { border: 3px solid #CCC; background-color: #FFF; padding: 5px; }
.CommentItemStyle { background-color: #F8F8F8; border: 1px solid #CCC; padding: 5px;display:block;;clear:both;margin-bottom:5px;}
.CommentAlternatingItemStyle { border: 1px solid #CCC; padding: 5px; display:block;clear:both;;margin-bottom:5px; }
td.CommentItemStyle, td.CommentAlternatingItemStyle { padding-right: 80px; }
.CommentAuthor { font-size: 1.25em; font-weight: bold; white-space: nowrap; }
.CommentDate { font-size: .8em; color: #5F68AD; margin-bottom: 10px; }
.Reply { font-style: italic; background-color: #DDE8EA; border: 1px dashed #ADB8BA; padding: 3px; }
.CommentGravatar { float: left; border: solid 1px #ddd; background-color: #fff; margin: 1px 5px 2px 0; padding: 2px; }


.ArticleSettings { width: 650px; }
.ArticleSettings { text-align: left; }
.ArticleSettings td { vertical-align: top; padding: 2px; margin: 2px; }
.ArticleSettings td.SubHead { text-align: right; width: 225px; }
.ArticleEditPage .dnnLabel { width: 15%; }

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

#websiteWrapper { display:none; }/*hide the honeypot*/

.detailButtonRow { padding-top: 15px; }

.detailsStats { font-size: .9em; color: #333; padding-bottom: 3px; border-bottom: 1px solid #7D99C7; }

/* Template Specific */
.ArticleList.threeColumn .Article { box-sizing: border-box;float:left;width: 33.3%;min-width:280px;padding: 0 1em 10px;clear:right;}
.ArticleList.threeColumn .thumbnail {width:100%;}

.ArticleList.twoColumn .Article { box-sizing: border-box;float:left;width: 50%;min-width:320px; padding: 0 1em 10px;clear:right;}
@media only screen and (max-width: 534px) {
    .ArticleList.threeColumn .Article, .ArticleList.twoColumn .Article { width:100% !important;}
}

@media only screen and (max-width: 534px) {
.Article.cycle-slide img {width:100%;}
}

.TitleOnly .Article .Title {display:block;font-weight:bold;font-size:1.0em;}
.TitleOnly .Article { margin-bottom: 10px; }

/*WP1/WPDark CSS*/
.WP1 .Title { margin-bottom: 7px; }
.WP1 .thumbnail { border: 1px solid #B0B8C0 !important; border-radius:2px;padding: 4px; float: right;margin: 0 0 5px 10px; }
.WPDark .thumbnail { border: 1px solid #2A2A2A !important; border-radius:2px;padding: 4px; float: right;margin: 0 0 5px 10px; }
.ArticleList.WP1 .postinfo, .ArticleList.WPDark .postinfo { clear:both;border-top: 1px dotted #B0B8C0 !important; padding: 3px; margin-top: 5px; }
.ArticleList.WP1 .Article { border: 1px solid #DDD; padding: 10px 10px 3px 10px; margin-top: 10px; border-radius: 7px; }
.ArticleList.WPDark .Article { background: #333; color: white; padding: 10px; margin-top: 10px; border-radius: 7px; }

.Article.WP1 { padding: 10px; background: #fff; border: 1px solid #DDD; margin-top: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } 
.Article.WP1 .postinfo, .Article.WPDark .postinfo { border-bottom: 1px dotted #B0B8C0 !important; padding: 3px; margin-top: 5px; }

.ArticleList.masonry { 
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
  gap:20px;
}

.ArticleList.masonry .masonry-brick {
  flex: auto;
  width: 350px;
  max-width:350px;  
  box-shadow: 0px 0px 3px #aaa;
}
.ArticleList.masonry .masonry-brick .Title {font-size:1.3em;border-bottom:1px solid #ddd;margin-top:0;padding:10px 5px 10px;display:block;background:#0083B3;color:white;}
.ArticleList.masonry .masonry-brick .thumbnail { width:100%;}
.ArticleList.masonry .masonry-brick p { padding:8px; }
.ArticleList.masonry .masonry-brick .CategoryList {text-align:center;display:block;}

/*.ArticleList.masonry .masonry-brick:nth-child(4n+1) {
  width: 250px;
}
.ArticleList.masonry .masonry-brick:nth-child(4n+1):nth-child(4n+2) {
  width: 325px;
}
.ArticleList.masonry .masonry-brick:nth-child(4n+1):nth-child(4n+3) {
  width: 180px;
}
.ArticleList.masonry .masonry-brick:nth-child(4n+1):nth-child(4n+4) {
  width: 380px;
}*/