@charset "UTF-8";
/***** Font Awesome 4.5.0 by @davegandy *****/
/********************
@font-face
********************/
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url(/themes/granneman/fonts/sourcesanspro-regular-webfont.woff2) format("woff2"), url(/themes/granneman/fonts/sourcesanspro-regular-webfont.woff) format("woff"), url(/themes/granneman/fonts/sourcesanspro-regular-webfont.ttf) format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url(/themes/granneman/fonts/sourcesanspro-bold-webfont.woff2) format("woff2"), url(/themes/granneman/fonts/sourcesanspro-bold-webfont.woff) format("woff"), url(/themes/granneman/fonts/sourcesanspro-bold-webfont.ttf) format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url(/themes/granneman/fonts/sourcesanspro-italic-webfont.woff2) format("woff2"), url(/themes/granneman/fonts/sourcesanspro-italic-webfont.woff) format("woff"), url(/themes/granneman/fonts/sourcesanspro-italic-webfont.ttf) format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: url(/themes/granneman/fonts/sourcesanspro-bolditalic-webfont.woff2) format("woff2"), url(/themes/granneman/fonts/sourcesanspro-bolditalic-webfont.woff) format("woff"), url(/themes/granneman/fonts/sourcesanspro-bolditalic-webfont.ttf) format("truetype");
}
@font-face {
  font-family: "Heading";
  font-style: normal;
  font-weight: 700;
  src: url(/themes/granneman/fonts/robotocondensed-bold-webfont.woff2) format("woff2"), url(/themes/granneman/fonts/robotocondensed-bold-webfont.woff) format("woff"), url(/themes/granneman/fonts/robotocondensed-bold-webfont.ttf) format("truetype");
}
@font-face {
  font-family: "Heading";
  font-style: italic;
  font-weight: 700;
  src: url(/themes/granneman/fonts/robotocondensed-bolditalic-webfont.woff2) format("woff2"), url(/themes/granneman/fonts/robotocondensed-bolditalic-webfont.woff) format("woff"), url(/themes/granneman/fonts/robotocondensed-bolditalic-webfont.ttf) format("truetype");
}
/* @group Typography */
html {
  font-size: 16px;
}

body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
}

address {
  font-style: italic;
}

blockquote {
  border-color: #999999;
}
blockquote.pull-right {
  border-color: #999999;
}
blockquote p {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
  font-style: italic;
}
blockquote small {
  font-style: normal;
  color: #666666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Heading, Impact, sans-serif;
  font-weight: 700;
}

h2 {
  font-size: 200%;
  clear: both;
}

h3 {
  font-size: 150%;
}

h4 {
  font-size: 120%;
}

h5 {
  font-size: 100%;
}

h6 {
  font-size: 89%;
}

small {
  font-size: 0.9em;
}

div.ccm-ui textarea {
  font-size: 1em;
}

.larger-text {
  font-size: 150%;
}

/* @end */
/********************
Core Navigation
********************/
.navbar {
  z-index: 10;
  margin-bottom: 0;
  border-radius: 0;
}

.navbar-inverse {
  background-color: #784f3a;
  border-color: #674432;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  background-image: none;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
  color: #e0c5b8;
}
.navbar-inverse .navbar-collapse {
  background-color: #472c1f;
}

.dropdown-menu {
  background-color: #e0c5b8;
}
.dropdown-menu > li > a:hover {
  background-color: #c28b70;
}

@media (min-width: 768px) {
  /* bigger than xs */
  .navbar-inverse .navbar-collapse {
    background-color: transparent;
    padding: 0;
  }

  html.no-touch ul.nav li.dropdown:hover > ul.dropdown-menu {
    /* Dropdown on Hover */
    display: block;
  }
}
/********************
Path Navigation
********************/
.ws-pathnav {
  background-color: #f2f2f2;
  overflow: hidden;
  margin-bottom: 20px;
}

.breadcrumb {
  margin: 0;
}
.breadcrumb > li + li:before {
  content: "➤";
}

/********************
Syllabus
********************/
.advancedCSS {
  font-style: italic;
}

#tentative-schedule h3,
#tentative-schedule h4,
#tentative-schedule h5 {
  margin-top: 1.3em;
}

.instructor-details dl {
  padding-left: 0 !important;
}
.instructor-details dl > dt {
  margin-top: 1rem;
}
.instructor-details dl > dd {
  margin-top: 0.2rem;
}

.callOut + h3 {
  margin-top: 30px !important;
}

.key-links {
  background-color: #F2EFE6;
  margin: 1em 0;
  padding: 1em;
  border: thin solid #CCC;
  border-radius: 1em;
}
.key-links h2 {
  margin-top: 0;
}

div.spacer {
  line-height: 0;
  clear: both;
  margin-top: 0;
  padding-top: 0;
  height: 0;
}

#schedule h5 {
  margin-top: 15px;
}

.schedule-list li {
  padding-bottom: 1em;
}

/* Class Subject & Date */
.class-subject-date {
  width: 100%;
  display: table !important;
}
.class-subject-date h3 {
  display: table-cell;
  width: 50%;
}
.class-subject-date h4 {
  display: table-cell;
  width: 50%;
}
.class-subject-date h3 + h4 {
  text-align: right;
}

/* Class Subject & Date: Old */
.classSubjectDate {
  width: 100%;
  padding: 0 0 4px;
  margin: 0 auto 40px;
}

.classSubject {
  float: left;
  text-align: left;
  width: 49%;
  margin-bottom: 0;
  padding-bottom: 0;
}
.classSubject h3 {
  border-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
}

.classDate {
  float: right;
  text-align: right;
  width: 49%;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.classDate h4 {
  margin-bottom: 0 !important;
  margin-top: 1em !important;
  padding-bottom: 0;
}

.classSubjectDate + h4 {
  margin-top: 2.5em !important;
}

[id$=description-load] {
  margin-bottom: 1em;
}

/********************
Tables
********************/
.table caption,
.table-condensed caption,
.table-striped caption {
  color: #b3b3b3;
  text-transform: uppercase;
  font-weight: 700;
  text-align: left;
  margin: 2em 0 1em;
}

th[align=center] {
  text-align: center;
}

/********************
Data Tables
********************/
table.ws_data_table {
  border-collapse: collapse;
  border-color: #993300;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 15px;
}
table.ws_data_table caption {
  text-align: left;
  font-weight: bold;
  margin-top: 10px;
}
table.ws_data_table th {
  text-transform: inherit;
  white-space: nowrap;
  background-color: #993300;
  color: white;
  padding: 2px 10px;
  border-right: white;
  border-width: 1px;
  border-style: none dotted none none;
}
table.ws_data_table td {
  padding: 5px 10px;
  border-right: #cccccc;
  border-width: 1px;
  border-style: none dotted none none;
  vertical-align: top;
}
table.ws_data_table tr:nth-child(odd) {
  background-color: white;
}
table.ws_data_table tr:nth-child(even) {
  background-color: #e6e6e6;
}
table.center-middle td {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 0 !important;
}

/* Responsive Tables */
.table-resp {
  border-bottom: 1px dotted gray;
  border-top: 1px dotted gray;
  margin-bottom: 1em;
}
.table-resp caption {
  text-align: left;
  margin-bottom: 0.75em;
}

/* xs Responsive Tables */
@media (min-width: 768px) {
  .table-resp td {
    padding: 0.25em;
    vertical-align: top;
  }
}
/* sm, md, lg Responsive Tables */
@media (max-width: 767px) {
  .table-resp {
    display: block;
  }
  .table-resp td {
    display: block;
  }
  .table-resp td:first-child {
    font-weight: 700;
    margin-top: 0.75em;
    margin-bottom: 0;
  }
  .table-resp td:nth-child(2) {
    margin-top: 0;
  }
}
.font-samples {
  width: 300px;
}

@media (max-width: 767px) {
  .img-xs-100 img {
    width: 100vw;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .img-xs-100 img {
    width: 100vw;
    width: 100%;
  }

  .img-sm-50 img {
    width: 50vw;
    width: 50%;
  }
}
@media (min-width: 922px) {
  .img-xs-100 img {
    width: 100vw;
    width: 100%;
  }

  .img-md-30 img {
    width: 30vw;
    width: 30%;
  }

  .img-md-50 img {
    width: 50vw;
    width: 50%;
  }

  .img-md-75 img {
    width: 75vw;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .img-xs-100 img {
    width: 100vw;
    width: 100%;
  }

  .img-md-30 img {
    width: 30vw;
    width: 30%;
  }

  .img-md-50 img {
    width: 50vw;
    width: 50%;
  }

  .img-md-75 img {
    width: 75vw;
    width: 75%;
  }
}
footer {
  font-size: 1em;
  height: 300px;
  /* Sticky footer: set the fixed height of the footer here */
  background-color: #f2f2f2;
}
footer > .container {
  padding: 15px;
}
footer > .container > row .col-sm-4:nth-child(1) .footer-col-1 h3 {
  margin-top: 0;
}
footer > .container > row .col-sm-4:nth-child(1) .vcard > table > tbody > tr > td {
  padding: 0.3em;
  vertical-align: top;
}
footer > .container > row .col-sm-4:nth-child(3) .social-media-icons {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
}
footer > .container > row .col-sm-4:nth-child(3) .social-media-icons a {
  color: #784f3a;
  font-size: 2em;
}
footer > .container > row .col-sm-4:nth-child(3) .social-media-icons li {
  margin-right: 1em;
}

@media (max-width: 767px) {
  .bio .pull-left + p:first-of-type {
    clear: both;
  }

  .employment .employment-row {
    flex-direction: column;
  }
  .employment .employment-row p:first-child {
    width: 100%;
    font-weight: 700;
    margin-bottom: 0;
  }
  .employment .employment-row p:nth-child(0n+1) {
    margin-top: 0;
  }

  .honors .honors-row {
    flex-direction: column;
  }
  .honors .honors-row p:first-child {
    width: 100%;
    font-weight: 700;
    margin-bottom: 0;
  }
  .honors .honors-row p:nth-child(0n+1) {
    margin-top: 0;
  }
}
/* sm & up */
@media (min-width: 768px) {
  .employment {
    display: flex;
    flex-direction: column;
  }
  .employment .employment-row {
    display: flex;
  }
  .employment .employment-row p:first-child {
    width: 6em;
  }

  .honors {
    display: flex;
    flex-direction: column;
  }
  .honors .honors-row {
    display: flex;
  }
  .honors .honors-row p:first-child {
    width: 7em;
  }
}
@media print {
  a[href]::after {
    content: none !important;
  }
}
/********************
Typography
********************/
#wrap blockquote {
  border-color: #999999;
  float: none !important;
  max-width: 100% !important;
}
#wrap blockquote.pull-right {
  border-color: #999999;
  float: none !important;
  max-width: 100% !important;
}
#wrap blockquote * {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: italic;
}
#wrap blockquote small {
  font-style: normal;
  color: #666666;
}

a.offsite-link::after {
  content: "";
  font: 0.9em FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 3px;
}

address {
  margin: 1em 0;
}

div.ccm-ui textarea {
  font-size: 1em;
}

small {
  font-size: 0.75em;
}

/********************
Header
********************/
.site-header {
  background-color: #784f3a;
  padding: 1em 0;
}
.site-header a {
  color: white;
}

/********************
Page Header & Subnav
********************/
.ws-header {
  background-color: #784f3a;
  background-image: url("../images/bkg.png");
  color: #e0c5b8;
  padding-bottom: 20px;
}
.ws-header h1 {
  font-size: 60px;
  color: white;
}
.ws-header .nav > li > a {
  padding: 5px 10px;
  color: #e0c5b8;
}
.ws-header .nav > li > a:focus, .ws-header .nav > li > a:hover {
  color: #784f3a;
  background-color: rgba(255, 255, 254, 0.6);
}

@media (min-width: 768px) {
  /* bigger than xs */
  #child-nav {
    display: table-row;
  }

  .ws-header .nav {
    display: table-cell;
    padding-right: 20px;
  }
}
/********************
Main Content
********************/
main {
  margin-bottom: 3em;
}

.pull-right {
  max-width: 50%;
  margin-left: 1em;
  margin-bottom: 1em;
}

.pull-left {
  max-width: 50%;
  margin-right: 1em;
  margin-bottom: 1em;
}

/********************
Sidebar
********************/
.sidebar {
  font-size: 0.9em;
  padding-top: 2.4em;
}

@media (max-width: 992px) {
  /* add top space and border at single colum break point */
  .page-three-col .sidebar {
    padding-top: 2em;
    border-top: 5px solid #f2f2f2;
  }
}
@media (max-width: 768px) {
  /* add top space and border at single colum break point */
  .page-sidebar .sidebar {
    padding-top: 2em;
    border-top: 5px solid #f2f2f2;
  }
}
/********************
Needed for footer
********************/
body,
html {
  /* Sticky footer: html and body elements cannot have any padding or margin. */
  height: 100%;
}

#wrap {
  /* Sticky footer: wrapper for page content to push down footer */
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -300px;
  /* Sticky footer: negative indent by footer height */
  padding: 0 0 300px;
  /* Sticky footer: pad bottom by footer height */
}

/* @group C5 Blocks */
.ccm-image-block {
  max-width: 100%;
  height: auto;
}

div.ccm-page-list {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 2px dotted #784f3a;
}

/* @end */
/* @group Home Page */
.page-home {
  padding-top: 20px;
}

/* @end */
/* @group Text */
.callOut {
  background-color: #E6E8F2;
  margin-right: 4em;
  margin-left: 4em;
  padding: 1em;
  border: thin solid #CCC;
  margin-bottom: 1em;
  border-radius: 1em;
}
.callOut p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  /* xs break point */
  .callOut {
    margin-right: 1em;
    margin-left: 1em;
  }
}
/* @end */
/* @group Random Images */
.ccm-random-image {
  text-align: right;
}
.ccm-random-image img {
  max-width: 100%;
  height: auto;
  text-align: right;
}

/* @end */
/* @group Web Dev the Granneman Way */
.vimeo-area {
  margin-bottom: 1rem;
}

.ws-next-prev {
  margin-top: 1rem;
  border-top: 1px solid #333;
}

.ws-next,
.ws-prev {
  padding-top: 1rem;
}

#disqus_thread {
  margin-top: 3rem;
}

/* @end */
/* @group TOC */
div.toc {
  background-color: #e8e8e8;
  margin: 1em 1em 2em;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 1em;
  max-width: 40em;
  border-radius: 1em;
}

.toc-top-link {
  margin-left: 0.5em;
  font-size: 0.8em;
  text-decoration: none;
}

/* @end */
/********************
Multi-Column Lists 
********************/
.newspaper {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 40px;
       column-gap: 40px;
  -moz-column-rule: 1px dotted #ccc;
  column-rule: 1px dotted #ccc;
}

@media (max-width: 767px) {
  .newspaper {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.topic-boxes {
  float: left;
  width: 25%;
}

/* @end */
/* Hidden <div> */
.hideByDefault {
  display: none;
}

.fakeLink {
  color: #1E5799;
  text-decoration: underline;
  cursor: help;
}

/* @end Hidden <div> */
/* Sidebar */
.sidebar ul li a {
  padding-bottom: 0.25em;
  padding-top: 0;
}

/* @end Sidebar */
/* Flexbox for book listing */
.book-media-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.book-flex-item-container {
  flex: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.book-media-title {
  flex-basis: auto;
  flex: 1 100%;
  margin-top: 1.25em;
}

.book-media-figure {
  margin-right: 1em;
  width: 125px;
}

.book-media-description {
  flex: 1;
}

/* @end Flexbox for book listing */
/** Fake header levels **/
/* Event Calendar */
.dec-event-list-container h4 {
  margin-top: 30px;
  font-size: 150%;
}

.dec-event-list-container h5 {
  font-size: 120%;
}

.dec-event-list-item > p {
  margin-bottom: 0.25em;
}

/* @end Event Calendar */
/** @end Fake header levels **/
.newspaper {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

@media (max-width: 767px) {
  .newspaper {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}