@charset "UTF-8";

/* CSS Document */
@media screen {

  #header,
  #header-left {
    height: 500px;
    background-position: 0 40px;
    background-size: contain;
  }

  #header-left #site-name {
    margin-top: 0px;
    padding: 0.25rem 1rem;
    background: #333;
    text-align: left;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: block;
    height: auto;
  }

  #header-left #dart-id {
    visibility: hidden;
  }

  /* a-content */
  #a-content {
    visibility: hidden;
    display: none;
    float: right;
    width: 315px;
    padding: 0;
    padding-bottom: 0px;
    margin: 0;
    background-color: #fff;
  }

  .a1,
  .a3,
  .a4 {
    visibility: visible;
    display: block;
  }

  .a2 {
    visibility: hidden;
    display: none;
  }

  #a-content .a1 {
    background: url("../images/quotes.jpg") no-repeat scroll center center #FFFFFF;
    height: 220px;
    margin: 0 0 7px 0;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 315px;
  }

  #a-content .a1 h2 {
    color: #fff;
    margin: 0;
    padding: 0 30px;
    word-spacing: 2px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  #a-content .a1 h3 {
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0 10px;
    word-spacing: 2px;
    font-weight: 100;
    font-size: 14px;
    line-height: 16px
  }

  #a-content .a1 p {
    color: #fff;
    margin: 7px 0;
    padding: 0 10px;
    text-align: center;
    word-spacing: 2px;
    font-size: .9em;
    line-height: 1.1em;
  }

  #a-content .a1 h2 a:link,
  #a-content .a1 h2 a:visited {
    color: #fff;
    text-decoration: underline;
    border-bottom: none;
  }

  #a-content .a1 h2 a:hover {
    color: #fff;
    background-color: var(--dartgreen);
    text-decoration: none;
    border-bottom: none;
  }

  #a-content .a3 {
    background-color: #fff;
    height: 240px;
    margin: 0;
  }

  #a-content .a3 h2 {
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1.3em;
    color: var(--dartgreen);
    word-spacing: 2px;
    margin: 12px 5px 0 5px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  #a-content .a3 h3 {
    font-family: var(--national2);
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 19px;
    word-spacing: 2px;
    margin: 13px 5px 0 5px;
    padding: 0;
    color: #333;
    background-color: #fff;
  }

  #a-content .a3 h4 {
    font-family: var(--national2);
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 17px;
    word-spacing: 2px;
    margin: 7px 5px 3px 5px;
    padding: 0;
    color: #767676;
    background-color: #fff;
  }

  #a-content .a3 p {
    color: #000;
    margin: 5px 0 0 0;
    word-spacing: 2px;
    padding: 0px 5px;
    width: inherit;
  }

  #a-content .a3 h2 a:link,
  #a-content .a3 h2 a:visited {
    color: var(--dartgreen);
    text-decoration: none;
    border-bottom: none;
  }

  #a-content .a3 h2 a:hover {
    color: var(--dartgreen);
    background-color: #fff;
    text-decoration: underline;
    border-bottom: none;
    padding: 0;
  }

  #a-content .a3 h3 a:link,
  #a-content .a3 h3 a:visited {
    color: #333;
    text-decoration: none;
    border-bottom: none;
  }

  #a-content .a3 h3 a:hover {
    color: #333;
    background-color: #fff;
    text-decoration: underline;
    border-bottom: none;
    padding: 0;
  }

  #a-content .a3 a:link,
  #a-content .a3 a:visited {
    color: var(--dartgreen);
    text-decoration: none;
    border-bottom: none;
  }

  #a-content .a3 a:hover {
    color: var(--dartgreen);
    background-color: #fff;
    text-decoration: underline;
    border-bottom: none;
    padding: 0;
  }

  #a-content ul li a {
    text-decoration: none;
    padding: 2px;
    color: var(--dartgreen);
  }

  /* b-content */
  #b-content {
    margin: 0 auto;
    width: calc(100% / 3 * 2);
    float: left;
    padding: 28px 0 0 0;
    background-color: #fff;
  }

  .b1,
  .b3,
  .b5 {
    display: none;
    visibility: hidden;
  }

  /*#b-content .b4 p, #b-content .b4 ul
{
	width: 15em;
} */
  #b-content .b6 {
    height: auto;
    margin: 0;
  }

  #b-content .b6 img {
    margin: 0;
  }

  #b-content .b6 p[style] {
    max-width: unset;
    padding: 0;
    margin-bottom: 0;
  }

/*   Aligns the image of the provost on the homepage */
  #b-content .b6 p[style] > img {
    max-width: 100%;
    margin-top: -44px;
  }

  #b-content .b9 iframe.googdesktop {
    display: block;
    visibility: visible;
  }

  #b-content .b9 iframe.googtablet {
    display: none;
    visibility: hidden;
  }

  #b-content .b9 iframe.googphone {
    display: none;
    visibility: hidden;
  }

  /* c-content */
  #c-content .c1 {
    display: block;
    visibility: visible;
    padding: 31px 0 6px;
  }

  #c-content .c2 {
    display: block;
    visibility: visible;
    padding: 0;
  }
}

/* Tablet ------------------------- */
@media only screen and (min-width: 651px) and (max-width: 980px) {

  #header,
  #header-left {
    height: 345px;
    background-position: 0 45px;
    background-size: contain;
  }

  /* Containers */
  /* #containerb {} */

  /* b-content */
  #b-content {
    float: right;
    width: 440px;
  }

  #b-content .b6,
  #b-content .b9 {
    width: 440px;
  }

  #b-content .b9 iframe.googdesktop {
    display: none;
    visibility: hidden;
  }

  #b-content .b9 iframe.googtablet {
    display: block;
    visibility: visible;
  }

  #b-content .b9 iframe.googphone {
    display: none;
    visibility: hidden;
  }

  /* c-content */
  #c-content {
    width: 190px;
  }
}

/* Phone ------------------------- */
@media only screen and (min-width: 50px) and (max-width: 650px) {

  /* header */
  #header,
  #header-left {
    max-width: 318px;
    min-width: 318px;
    height: 186px;
    background-position: 0 35px;
    background-size: contain;
  }

  #header-left #site-name {
    background: none repeat scroll 0 0 #333333;
    height: 40px;
    margin-top: 0;
    padding: 5px 0 10px 8px;
    text-align: left;
  }

  /* a-content */
  #a-content {
    margin: 0 0 7px 0;
  }

  .a1,
  .a3 {
    visibility: visible;
    display: block;
  }

  .a2 {
    visibility: hidden;
    display: none;
  }

  /* b-content */
  #b-content .b9 iframe.googdesktop {
    display: none;
    visibility: hidden;
  }

  #b-content .b9 iframe.googtablet {
    display: none;
    visibility: hidden;
  }

  #b-content .b9 iframe.googphone {
    display: block;
    visibility: visible;
  }
}