/*
	STYLE SHEET FOR RD LAYOUTS:
	set up for the HB "Dept Contact details."
*/
/* changed to relative sizes per team discussion 4/12/16 stifflerm */
/* Color Variables */
/* Begin Header Specific Variables */
/* END Header Specific Variables */
/* BEGIN Accordian Customization */
/* END Accordian Customization */
/* BEGIN List over lay variables */
/* END List over lay variables */
.contact-info-intro-block h2 {
  padding: 5px 0; }

.contact-info-intro-block .category-description-block {
  border-left: 3px #505060 solid;
  padding: 10px 15px;
  margin: 5px;
  font-weight: bold; }

.contact-info-intro-block ul {
  padding-left: 0;
  list-style: none; }
  .contact-info-intro-block ul li {
    list-style-type: none; }
    .contact-info-intro-block ul li:before {
      content: none;
      height: 0;
      width: 0; }

.contact-info-intro-block > ul {
  list-style: none;
  list-style-type: none;
  padding-left: 0;
  display: block; }
  .contact-info-intro-block > ul > li:first-child {
    list-style: none;
    list-style-type: none;
    background-color: #eeeeee;
    color: black;
    padding: 0 10px 10px; }
  .contact-info-intro-block > ul > li .bodylinks {
    font-weight: bold;
    padding: 5px 10px;
    margin-left: -10px;
    margin-right: -10px;
    display: block;
    position: relative; }
    .contact-info-intro-block > ul > li .bodylinks:after {
      content: '';
      height: 2px;
      background-color: #c8c8c8;
      width: 100%;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0; }

.contact-info-body ul {
  padding-left: 0; }

.contact-info-body .panel .cTitle.panel-heading {
  background-color: #505060;
  color: white;
  font-weight: bold;
  padding: 10px; }

.contact-info-body .panel .panel-body {
  float: none !important;
  border: 1px #505060 solid;
  padding: 0; }
  .contact-info-body .panel .panel-body > ul {
    list-style-type: none;
    margin-bottom: 0; }
    .contact-info-body .panel .panel-body > ul > li {
      list-style-type: none;
      background-color: white;
      color: black;
      padding: 10px; }
      .contact-info-body .panel .panel-body > ul > li:before {
        content: ''; }
      .contact-info-body .panel .panel-body > ul > li:first-child {
        border-bottom: 2px #505060 solid; }
      .contact-info-body .panel .panel-body > ul > li a {
        color: #288079; }
        .contact-info-body .panel .panel-body > ul > li a:hover {
          color: #288079; }
      .contact-info-body .panel .panel-body > ul > li:nth-child(even) {
        background-color: #eeeeee;
        color: black; }
        .contact-info-body .panel .panel-body > ul > li:nth-child(even) a {
          color: #24746e; }
          .contact-info-body .panel .panel-body > ul > li:nth-child(even) a:hover {
            color: #288079; }
      .contact-info-body .panel .panel-body > ul > li .contentBlock > .bodylinks {
        font-weight: bold; }
      @media screen and (max-width: 768px) {
        .contact-info-body .panel .panel-body > ul > li .contentBlock .shortdesc .row > div:after {
          content: '';
          height: 1px;
          background-color: rgba(80, 80, 96, 0.7);
          width: 100%;
          display: block;
          margin: 5px 0; }
        .contact-info-body .panel .panel-body > ul > li .contentBlock .shortdesc .row > div:last-child:after {
          height: 0; } }