/* Declare fonts */
@font-face {
  font-family: 'Open Sans';
  src: url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Slab';
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Slab';
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.eot');
  src: url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.woff') format('woff'), url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.ttf') format('truetype'), url('../../../../etc/clientlibs/history/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
.no-padding {
  padding: 0;
}
.breadcrumb {
  width: 100%;
}
.top {
  display: block;
  overflow: auto;
  margin: 5px 0 25px 0;
  clear: both;
}
.top .breadcrumbContainer {
  position: relative;
  float: left;
  font-family: 'roboto slab', serif;
  font-size: 15px;
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.top .breadcrumbContainer a {
  position: relative;
  float: left;
  color: #272b2f;
}
.top .breadcrumbContainer a.last {
  color: #A94D2E;
}
.top .breadcrumbContainer .delim {
  position: relative;
  float: left;
  margin: -3px 0 0 0;
  font-size: 18px;
}
.top .pagination {
  font-family: 'roboto slab', serif;
  position: relative;
  float: right;
  width: 190px;
  color: #A94D2E;
  font-weight: 700;
}
.top .pagination a {
  color: #A94D2E;
  text-decoration: none;
}
.top .pagination a:hover {
  color: #A94D2E;
  text-decoration: underline;
}
.top .pagination .previousArrow {
  position: relative;
  float: left;
  margin: -17px 5px 0 0;
  font-size: 33px;
}
.top .pagination .nextArrow {
  position: relative;
  float: left;
  margin: -16px 0 0 0;
  font-size: 33px;
}
.top .pagination .previousButton {
  position: relative;
  float: left;
  font-size: 17px;
  margin: -2px 7px 0 0;
  color: #999;
}
.top .pagination .separator {
  position: relative;
  float: left;
  font-size: 16px;
  margin: -1px 7px 0 0;
}
.top .pagination .nextButton {
  position: relative;
  float: left;
  font-size: 17px;
  margin: -2px 5px 0 0;
  color: #999;
}
.articleContainer {
  display: block;
  margin: 5px 15px 25px 15px;
  overflow: auto;
  vertical-align: top;
  /* Text wrapping fix; make sure lead & body content clear floated left image in author mode */
  /* Add bottom margin in author mode */
  /* Hide leftContent image area if in publish mode AND no image present */
}
.articleContainer .label {
  font-family: 'roboto slab';
  font-size: 22px;
  font-weight: 700;
  color: #272b2f;
}
.articleContainer .label.blink {
  background-color: yellow;
  color: red;
  font-size: 25px;
  line-height: 35px;
  white-space: normal;
}
.articleContainer .rightContent {
  color: #272b2f;
  position: relative;
  /* float: left; */
}
.articleContainer .rightContent.fullWidth {
  width: 100%;
}
.articleContainer .rightContent .articleDate {
  display: block;
  overflow: auto;
  font-family: 'roboto slab', serif;
  font-size: 19px;
  margin: 0 0 10px 0;
  min-width: 70px;
}
.articleContainer .rightContent .articleDate .date {
  position: relative;
  float: left;
  margin: 0 5px 0 0;
}
.articleContainer .rightContent .articleDate .separator {
  position: relative;
  float: left;
  margin: -2px 5px 0 0;
  font-size: 22px;
}
.articleContainer .rightContent .articleDate .startTime {
  position: relative;
  float: left;
  min-width: 70px;
}
.articleContainer .rightContent .articleDate .dash {
  position: relative;
  float: left;
}
.articleContainer .rightContent .articleDate .endTime {
  position: relative;
  float: left;
  min-width: 70px;
}
.articleContainer .rightContent .articleTitle {
  font-family: 'roboto slab', serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 33px;
  margin: 0 0 5px 0;
}
.articleContainer .rightContent .articleSummary {
  font-family: 'open sans';
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 25px 0;
}
.articleContainer .rightContent .location {
  font-family: 'open sans';
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 25px 0;
}
.articleContainer .rightContent .articleBody {
  font-family: 'open sans';
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 25px 0;
  padding: 0;
}
.articleContainer .rightContent .articleBody ul {
  overflow: hidden;
}
.articleContainer.author div.rightContent .label {
  clear: left;
}
.articleContainer.author div.leftContent {
  margin-bottom: 26px;
}
.articleContainer.publish div.leftContent.empty {
  display: none;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 0;
  }
  .top .breadcrumbContainer {
    padding: 0;
  }
  .articleContainer {
    margin-left: 0;
    margin-right: 0;
  }
  .articleBody {
    padding: 0;
  }
}
