/* #####################################################################################################
   Matches
   ##################################################################################################### */

/*--- standard variables ---*/
/*--- overwrite variables with the variable from a theme ---*/
/* #####################################################################################################
   This stylesheet is used for theme specific variables
   ##################################################################################################### */
/*--- media queries. When using responsive ---*/
/*--- custom class functions ---*/
/*----- Default functions -----*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*----- CSS3 Animation functions -----*/
body.news #sidecol ul.navUl-1 {
  margin: 0 0 80px;
}
body.news #newsArchive > li a {
  color: #001f4b;
}
body.news #newsArchive > li.closed .months {
  display: none;
}
body.news #newsArchive > li.open > a.yearTitle:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #003948;
}
body.news #newsArchive > li.open .months {
  display: block;
}
body.news #newsArchive > li .months {
  border-top: 1px solid #e6ebf0;
  margin: 0 0 15px;
  padding: 10px 0 0 0;
}
body.news #newsArchive > li .months a {
  position: relative;
  padding: 4px 0 3px 30px;
  margin: 0 0 0 20px;
  line-height: 20px;
  color: #202020;
}
body.news #newsArchive > li .months a:hover {
  color: #003948;
}
body.news #newsArchive > li .months a:hover:before {
  border-color: #c6d2dd;
}
body.news #newsArchive > li .months a:before {
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background: #f3f5f8;
  border: 1px solid #e0e6ec;
  display: block;
  position: absolute;
  left: 0px;
  top: -4px;
}
body.news #newsArchive > li .months a.active:after {
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  background: #003948;
  display: block;
  position: absolute;
  left: 4px;
  top: 9px;
}
body.news .newsActions {
  overflow: hidden;
  margin: 0 0 30px;
}
body.news .newsActions a {
  margin: 0 20px 10px 0;
}
body.news.detailPage #content #mobileSubNav h3 {
  text-indent: 0;
}
