*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, .fancy-select .trigger, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

html {
  overflow-y: scroll; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

a:hover, :active, :focus {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

.clickable, label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible;
  border: 0;
  background: transparent; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

::-moz-selection {
  background: #ccc; }

::selection {
  background: #ccc; }

:target::before {
  content: '';
  display: block;
  height: 60px; }

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  /* fixes FF over-bolding */
  font-size: 62.5%;
  /* 10px reset */
  position: relative;
  min-height: 100%;
  background: #fff; }

/* layout */
.grid {
  width: 100%;
  max-width: 1100px;
  padding: 24px 12px 12px;
  margin: 0 auto;
  letter-spacing: -0.65em;
  text-rendering: optimizeLegibility;
  position: relative; }

section.grid:first-of-type {
  margin-top: 104px; }
  @media (max-width: 640px) {
    section.grid:first-of-type {
      margin-top: 80px; } }
section.grid + section.grid {
  margin-top: 24px; }
section.grid p + .grid {
  margin-top: 24px; }
  section.grid p + .grid + h3 {
    margin-top: 24px; }

.colfull, .col100, .col33, .col67, .col25, .col50, .col75 {
  vertical-align: top;
  padding: 0 12px 24px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  word-wrap: break-word;
  position: relative;
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .colfull.center, .col100.center, .col33.center, .col67.center, .col25.center, .col50.center, .col75.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0; }
    .colfull.center + .center, .col100.center + .center, .col33.center + .center, .col67.center + .center, .col25.center + .center, .col50.center + .center, .col75.center + .center {
      margin-top: 24px; }

.col100 {
  display: block;
  width: 100%; }

.col33 {
  width: 33.333%; }

.col67 {
  width: 66.663%; }

.col25 {
  width: 24.999%; }

.col50 {
  width: 49.999%; }

.col75 {
  width: 74.999%; }

.colfull {
  display: block;
  margin: 0 -12px 24px;
  padding: 0;
  width: calc(100% + 24px); }

/* if grid is used again within primary body, ditch duplicate padding */
.col67 .grid,
.col75 .grid {
  padding: 0; }
  .col67 .grid > div:not(.callout):first-child,
  .col75 .grid > div:not(.callout):first-child {
    padding-left: 0; }
  .col67 .grid > div:not(.callout):last-child,
  .col75 .grid > div:not(.callout):last-child {
    padding-right: 0; }

/* general */
body {
  background: #fff;
  color: #444;
  font-family: 'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-text-size-adjust: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  overflow-x: hidden; }
  body.show {
    opacity: 1; }
  body.mobile {
    font-size: 1.6rem; }

header {
  z-index: 1001; }

section {
  z-index: 0; }

a {
  color: #8a7a56;
  text-decoration: none; }
  a:hover {
    color: #564c35; }

h2, .fancy-select .trigger {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 500; }

h3 {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase; }

/*
.phone h3 {
	padding-top: 12px;
	border-top: 1px solid #ddd;
}
*/
h4 {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 600; }

h5 {
  font-size: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 600;
  color: #666; }

h6 {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  color: #666; }

p {
  line-height: 1.4; }
  p:not(:last-child) {
    margin-bottom: 12px;
    margin-bottom: 1.2rem; }

ol,
ul.circle {
  margin: 24px; }

ul.circle {
  list-style-type: disc; }

em {
  font-weight: inherit; }

strong {
  font-weight: 600; }

img {
  max-width: 100%;
  height: auto; }

input, textarea, select {
  background: #fff; }

iframe {
  max-width: 100%;
  margin-bottom: 24px; }

blockquote {
  padding: 0 24px;
  border-left: 1px solid #ddd; }

hr {
  margin: 24px auto; }

/* header & menu, mobile first */
/* using min769 instead of max768 here for cleaner mobile menu options */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto 18px;
  height: 80px;
  border-bottom: 1px solid #ddd;
  padding: 24px;
  background: #eee;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  header .frye {
    position: relative;
    width: 120px;
    height: 44px; }
    header .frye h1 {
      margin-top: -6px;
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 120px;
      height: 44px;
      background: url(http://fryemuseum.org//images/FRYE-logo2015.png) 0 0 no-repeat;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      -webkit-background-size: auto 44px;
      -moz-background-size: auto 44px;
      -o-background-size: auto 44px;
      background-size: auto 44px;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      position: relative;
      z-index: 2; }
    header .frye h3 {
      position: absolute;
      left: -12px;
      white-space: nowrap;
      background: #eee;
      color: #444;
      font-weight: 500;
      padding: 22px 12px 6px;
      z-index: 1;
      opacity: 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
    header .frye:hover h3 {
      opacity: 1; }
    header .frye .ie-logo {
      margin-top: -6px;
      width: 120px;
      height: 44px; }
  header .search-icon,
  header .search-wrap {
    display: none; }
  header .mobile-menu-icon {
    display: block;
    position: absolute;
    top: 0;
    right: 12px;
    width: 48px;
    height: 80px;
    background: url(http://fryemuseum.org//images/mobile-menu-icon.png) 50% 50% no-repeat;
    -webkit-background-size: auto 24px;
    -moz-background-size: auto 24px;
    -o-background-size: auto 24px;
    background-size: auto 24px;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
    header .mobile-menu-icon.x {
      background-image: url(http://fryemuseum.org//images/mobile-menu-icon-x.png); }
  header .menu-main {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: 100vh;
    text-align: center;
    overflow: auto;
    background: rgba(255, 255, 255, 0.5);
    padding-bottom: 62px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    header .menu-main.show {
      display: block; }
    header .menu-main > ul {
      position: relative;
      letter-spacing: -0.65em;
      text-rendering: optimizeLegibility;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
    header .menu-main > ul > li {
      /* top level links */
      background: #eee;
      display: block;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 500;
      letter-spacing: 1px; }
      header .menu-main > ul > li a {
        display: block;
        line-height: 48px;
        line-height: 4.8rem;
        border-bottom: 1px solid #ddd; }
      header .menu-main > ul > li ul {
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
        header .menu-main > ul > li ul.expand {
          /* jquery height on .menu click */ }
        header .menu-main > ul > li ul > li {
          display: block;
          font-size: 1.8rem;
          background: #fff; }
          header .menu-main > ul > li ul > li a {
            display: block; }
  header.lite {
    height: 48px;
    padding: 12px 24px;
    border-color: #eee;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); }
    header.lite .frye h1 {
      margin: 0;
      width: 90px;
      height: 24px;
      -webkit-background-size: auto 24px;
      -moz-background-size: auto 24px;
      -o-background-size: auto 24px;
      background-size: auto 24px;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain; }
    header.lite .frye h3 {
      margin-top: -48px;
      opacity: 0; }
      header.lite .frye h3:hover {
        opacity: 0; }
    header.lite .frye .ie-logo {
      margin-top: 0;
      width: 90px;
      height: 24px; }
    header.lite .menu-main {
      top: 48px;
      left: -24px;
      right: -24px;
      border-top: 1px solid #ddd; }
    header.lite .mobile-menu-icon {
      height: 48px;
      -webkit-background-size: auto 16px;
      -moz-background-size: auto 16px;
      -o-background-size: auto 16px;
      background-size: auto 16px; }

@media only screen and (min-width: 769px) {
  header .header-wrap {
    max-width: 1100px;
    margin: 0 auto;
    position: relative; }
  header .menu-main {
    display: block;
    position: absolute;
    top: auto;
    bottom: -14px;
    left: 132px;
    right: 132px;
    padding: 0;
    height: auto;
    height: initial;
    overflow: visible;
    text-align: center;
    background: transparent; }
    header .menu-main > ul {
      border: 0;
      background: transparent;
      letter-spacing: -0.65em;
      text-rendering: optimizeLegibility; }
    header .menu-main > ul > li {
      /* top level links */
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      position: relative;
      letter-spacing: normal;
      text-transform: uppercase;
      font-size: 1.6rem;
      font-weight: 400;
      letter-spacing: 1px;
      background: transparent; }
      header .menu-main > ul > li a {
        padding: 0 12px 12px;
        line-height: 1;
        border: 0; }
      header .menu-main > ul > li:not(:hover) ul {
        /* only show dropdown on li:hover */
        display: none; }
      header .menu-main > ul > li ul {
        /* dropdown menus use jQuery for center-positioning */
        position: absolute;
        top: 21px;
        padding-top: 1rem;
        height: auto;
        overflow: visible;
        text-transform: none;
        z-index: 1000;
        white-space: nowrap; }
        header .menu-main > ul > li ul > li {
          background: #eee;
          letter-spacing: 0;
          font-size: 1.6rem; }
          header .menu-main > ul > li ul > li:not(:first-child) a {
            border-top: 1px solid #ddd; }
          header .menu-main > ul > li ul > li a {
            display: block;
            padding: 12px 24px;
            background: transparent;
            color: #8a7a56;
            line-height: 1.25; }
            header .menu-main > ul > li ul > li a:hover {
              color: #564c35;
              background: rgba(0, 0, 0, 0.0625); }
            header .menu-main > ul > li ul > li a.selected {
              background: rgba(0, 0, 0, 0.025); }
          header .menu-main > ul > li ul > li:first-child a {
            padding-top: 12px; }
          header .menu-main > ul > li ul > li:last-child a {
            padding-bottom: 12px; }
        header .menu-main > ul > li ul:before {
          /* hover-intent dropdown margins */
          content: " ";
          position: absolute;
          top: 12px;
          left: -12px;
          right: -12px;
          bottom: -24px;
          z-index: -1; }
  header .mobile-menu-icon {
    display: none; }
  header .search-icon {
    display: block;
    position: absolute;
    right: 0;
    bottom: -2px;
    height: 24px;
    width: 24px;
    background: #eee url(http://fryemuseum.org//images/search-icon.png) no-repeat 50% 100%;
    background-size: auto 16px;
    cursor: pointer; }
  header .search-wrap {
    display: block;
    position: absolute;
    bottom: -12px;
    right: 0;
    width: 50%;
    height: 0;
    overflow: hidden; }
    header .search-wrap .search {
      position: absolute;
      top: -48px;
      padding: 0 0 12px 12px;
      background: #eee;
      height: 36px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      border-bottom: 1px solid #ddd; }
    header .search-wrap.show {
      bottom: -53px;
      height: 36px; }
      header .search-wrap.show .search {
        top: 0; }
  header.lite .menu-main {
    top: auto;
    left: 69px;
    right: 69px;
    bottom: -12px;
    border: 0; }
    header.lite .menu-main > ul > li {
      /* top level links */ }
      header.lite .menu-main > ul > li ul {
        /* dropdown */
        top: 18px; }
  header.lite .search-icon {
    bottom: 0; }
  header.lite .search-wrap {
    -webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5); }
    header.lite .search-wrap .search {
      border-color: #eee; }
    header.lite .search-wrap.show {
      bottom: -48px;
      height: 36px; }
      header.lite .search-wrap.show .search {
        top: 0; } }
/* google search */
#___gcse_0 {
  width: 100%;
  float: right;
  margin-right: 0; }

.gsc-control-cse {
  padding: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important; }

.gsc-input-box {
  height: 24px !important;
  #background: transparent !important; }

input.gsc-input {
  background: transparent !important;
  color: #8a7a56 !important;
  font: 1rem/20px 'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  height: 20px !important;
  padding-left: 4px; }

input.gsc-search-button-v2 {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 6px 6px 5px !important;
  filter: none !important;
  background: #8a7a56 !important;
  border: 0 !important;
  display: none; }

.gsib_a {
  padding: 2px 5px !important; }

.gsst_a {
  padding: 0 !important; }
  .gsst_a .gscb_a {
    color: #8a7a56 !important;
    cursor: pointer !important;
    margin-right: 0 !important;
    margin-bottom: 2px !important; }

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
  padding: 0 !important; }

/* homepage */
.home-hero {
  margin-bottom: 48px;
  z-index: 1; }
  .home-hero.mobile {
    display: none; }

@media (max-width: 1100px) {
  .home-hero, section.grid > .colfull:not(.exh-imgs):first-child {
    margin-top: -48px; } }
.home-hero-caps {
  padding: 12px 24px;
  height: auto;
/*   height: 48px; */
  background: #eee;
  color: #444;
  position: relative; }
  .home-hero-caps h3, .home-hero-caps h2, .home-hero-caps .fancy-select .trigger, .fancy-select .home-hero-caps .trigger {
/*     position: absolute; */
    bottom: 12px;
    line-height: 1.2;
/*     line-height: 1; */
     }
  .home-hero-caps h3 {
    opacity: 0.9;
/*     right: 24px; */
    }
  .home-hero-caps h2, .home-hero-caps .fancy-select .trigger, .fancy-select .home-hero-caps .trigger {
    letter-spacing: 0.1ex;
    left: 24px;
    max-width: auto; }
  @media only screen and (max-width: 640px) {
    .home-hero-caps {
      height: auto; }
      .home-hero-caps h3, .home-hero-caps h2, .home-hero-caps .fancy-select .trigger, .fancy-select .home-hero-caps .trigger {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        line-height: 1; }
      .home-hero-caps h3 {
        margin-bottom: 6px; } }

.home-hero-pager {
  position: absolute;
  bottom: 24px;
  right: 12px;
  font-size: 0;
  z-index: 2;
  display: none; }
  .home-hero-pager i {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.25);
    margin-left: 12px;
    cursor: pointer;
    transition: all 0.25s; }
    .home-hero-pager i:hover, .home-hero-pager i.cycle-pager-active {
      background: white; }
    .home-hero-pager i.cycle-pager-active {
      cursor: default; }

.home-hero-imgs {
  background: #eee;
  overflow: hidden; }

.phone .home-hero-imgs {
  width: 100%;
  background: #fff;
  overflow: visible; }
  .phone .home-hero-imgs + .home-hero-imgs {
    border-top: 1px solid #fff; }
  .phone .home-hero-imgs h2, .phone .home-hero-imgs .fancy-select .trigger, .fancy-select .phone .home-hero-imgs .trigger {
    font-size: 1.6rem;
    line-height: 1.3; }

.home-event-wrap {
  padding-bottom: 24px; }
  .home-event-wrap h2, .home-event-wrap .fancy-select .trigger, .fancy-select .home-event-wrap .trigger {
    padding: 0 0 6px;
    font-size: 1.8rem; }
  .home-event-wrap h4 {
    font-weight: 500; }
  .home-event-wrap h2, .home-event-wrap .fancy-select .trigger, .fancy-select .home-event-wrap .trigger, .home-event-wrap h4, .home-event-wrap p {
    margin: 0; }

.home-event-image {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 12px; }

.home-block {
  padding-bottom: 12px; }
  .home-block div {
    position: relative;
    height: 15rem;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%; }
  .home-block a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    color: #fff; }
  .home-block h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    font-size: 2.4rem;
    font-weight: 300;
    background: rgba(138, 122, 86, 0.25);
    text-transform: none; }
  .home-block:hover h3 {
    background: rgba(138, 122, 86, 0.5); }
  @media only screen and (max-width: 640px) {
    .home-block {
      width: 100%;
      padding: 0px 0 24px; } }

.title-block {
  margin-bottom: 24px; }

.toprule {
  padding-top: 8px;
  border-top: 1px dotted #ddd; }

.caption {
  font-size: 1rem;
  color: #888; }

ul.linklist li.selected a {
  font-weight: 600;
  color: #444;
  cursor: default; }

.fancy-select {
  /* options menu dropdowns (with fancySelect.js) */
  position: relative;
  max-width: 200px; }
  .fancy-select .trigger {
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    transition: all 240ms ease-out; }
    .fancy-select .trigger:after {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-top-color: #444;
      top: 8px;
      right: 6px; }
    .fancy-select .trigger.open {
      background: #fff;
      color: #8a7a56;
      box-shadow: none; }
  .fancy-select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    overflow: auto;
    width: 100%;
    background: #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    .fancy-select ul.options.open {
      visibility: visible;
      top: 100%;
      opacity: 1;
      /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
      /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      transition: all 300ms ease-out; }
    .fancy-select ul.options.overflowing {
      top: auto;
      bottom: 0;
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      transition: all 300ms ease-out; }
      .fancy-select ul.options.overflowing.open {
        top: auto;
        bottom: 50px;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out; }
    .fancy-select ul.options li {
      cursor: pointer;
      white-space: nowrap;
      padding: 12px;
      -webkit-transition: all 150ms ease-out;
      -moz-transition: all 150ms ease-out;
      -o-transition: all 150ms ease-out;
      transition: all 150ms ease-out;
      border-bottom: 1px solid #ddd;
      color: #8a7a56; }
      .fancy-select ul.options li:first-child {
        display: none; }
      .fancy-select ul.options li:last-child {
        border: 0; }
      .fancy-select ul.options li.hover {
        color: #564c35;
        background: #eee; }

.calendar-day {
  padding-top: 18px; }
  .calendar-day + .calendar-day {
    border-top: 1px solid #ddd; }

.calendar-side-block {
  margin-top: 24px;
  max-width: 245px; }

.exhibition-item + .exhibition-item {
  border-top: 1px solid #ddd; }
  @media only screen and (max-width: 567px) {
    .exhibition-item + .exhibition-item {
      border: 0; } }
.exhibition-item > div {
  padding-top: 24px; }
.exhibition-item.grid img {
  width: 100%;
  max-width: 245px; }
.exhibition-item h6 {
  margin-bottom: 4px; }
.exhibition-item p {
  margin-bottom: 0; }
  .exhibition-item p + p {
    margin-top: .75em; }
.exhibition-item + h3 {
  margin-top: 24px; }

.past-exh-list p {
  position: relative; }
  .past-exh-list p + h3 {
    border-top: 1px solid #ddd;
    margin-top: 18px;
    padding: 18px 0 12px; }
.past-exh-list img {
  position: absolute;
  right: 100%;
  max-width: 50%;
  margin: -18px 24px;
  border: 2px solid #8a7a56;
  display: none; }
  @media only screen and (max-width: 567px) {
    .past-exh-list img {
      right: auto;
      left: 0;
      margin: 0 0 12px;
      bottom: 100%; } }
.past-exh-list a:hover img {
  display: block; }
.past-exh-list a:not(.nothumb):hover:after {
  position: absolute;
  right: 100%;
  top: 2px;
  margin-right: 12px;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid transparent;
  border-color: rgba(138, 122, 86, 0);
  border-left-color: #8a7a56;
  border-width: 6px; }
  @media only screen and (max-width: 567px) {
    .past-exh-list a:not(.nothumb):hover:after {
      right: auto;
      bottom: 100%;
      top: auto;
      left: 12px;
      border-left-color: transparent;
      border-top-color: #8a7a56;
      margin: 0; } }

.col75 img[align="right"] {
  max-width: 50%;
  float: right;
  padding-left: 12px;
  margin: 0 0 24px 12px; }

.event-image {
  max-width: 33%;
  float: right;
  padding-left: 12px;
  margin: 0 0 24px 12px; }
  .event-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto; }
    .event-image img + img {
      margin-top: 24px; }

.event-action-button {
  display: block;
  margin-top: 24px;
  margin-bottom: 24px; }
  .event-action-button + .event-action-button {
    margin-top: -12px; }
  .event-action-button + h2, .fancy-select .event-action-button + .trigger,
  .event-action-button + h3 {
    margin-top: 36px; }
  .event-action-button a {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: 2px solid #68A89B;
    background: #68A89B;
    color: #fff;
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    padding: 5px 8px;
    text-align: center;
    width: auto;
    text-decoration: none !important; }
    .event-action-button a.sold-out {
      background: #985865;
      border-color: #985865;
      cursor: default; }
    .event-action-button a:not(.sold-out):hover {
      background: #fff;
      color: #68A89B; }

.related.grid {
  margin-top: 2.4rem; }
  .related.grid li + li {
    margin-top: 1rem; }

/*
.single-event .event-action-button {
	position: absolute;
	top: 12px;
	right: 12px;
}
*/
.related-programs {
  text-align: center; }

/*
.thumb-box {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 61.2244898%;
	background-position: 50% 50%;
	@include background-size(cover);
}
*/
.event-sidebar-image {
  margin-bottom: 48px; }
  .event-sidebar-image img {
    width: 100%; }

.donate-now-button a {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: #8a7a56;
  border-radius: 5px;
  color: white;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  padding: 6px 10px;
  width: auto;
  text-decoration: none !important;
  margin-bottom: 1em; }
  .donate-now-button a:hover {
    background: #756849; }

/* exhibition pages */
/*
.content a {
	color: #a69672 !important;
}
*/
/*
.col50 .title-block {
	margin: 0 0 1em;
	display: block;
}

body:not(.mobile) h4.subtitle {
	margin: 14px 0 2px;
}
*/
.clearfix:after {
  content: "";
  display: table; }

.slideshow {
  position: relative;
  z-index: 0; }
  .slideshow .slick-track {
    display: table; }
  .slideshow .slick-slide {
    display: table-cell;
    vertical-align: middle;
/*     text-align: center; */
    background: #fff; }
  .exh-imgs.slideshow .slick-slide {
/* keep exhibition images centeref*/
    text-align: center;
    }
  .slideshow.home-hero {
    overflow: hidden; }
    .slideshow.home-hero .slick-slide {
      vertical-align: top; }
  .slideshow .slick-prev,
  .slideshow .slick-next {
    position: absolute;
    top: 0;
    left: -75px;
    bottom: 0;
    display: block;
    width: 75px;
    height: auto;
    background: url(http://fryemuseum.org//images/arrows.png) no-repeat 12px 50%;
    -webkit-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -o-background-size: auto 50px;
    background-size: auto 50px;
    text-indent: 1000%;
    white-space: nowrap;
    overflow: hidden;
    border: 0; }
  .slideshow .slick-next {
    left: auto;
    right: -75px;
    background-position: calc(100% - 12px) 50%; }
  .slideshow.exh-imgs {
    margin-bottom: 36px; }

.phone .slideshow {
  margin-top: 36px;
  height: 320px; }
  .phone .slideshow .slick-slide {
    padding: 0 24px; }
  .phone .slideshow img {
    max-height: 320px; }

.slick-dots {
  width: 100%;
  min-height: 20px;
  margin: 10px 0 24px;
  vertical-align: bottom; }
  .slick-dots li {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 8px 8px 0;
    vertical-align: bottom; }
    .slick-dots li button {
      display: block;
      border: 1px solid #eee;
      width: 20px;
      height: 12px;
      text-indent: -9999px;
      background: #fff;
      padding: 0;
      text-indent: 1000%;
      white-space: nowrap;
      overflow: hidden;
      font-size: 0;
      line-height: 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      .slick-dots li button:hover {
        background: #eee; }
    .slick-dots li.slick-active button {
      border-color: #a69672;
      background: #a69672; }

.carousel {
  position: relative;
  width: 1124px;
  margin-left: -24px; }
  .carousel .slick-list {
    overflow-x: hidden; }
  .carousel .slick-slide {
    width: 33.33333%;
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top; }
  .carousel .slick-prev,
  .carousel .slick-next {
    position: absolute;
    top: 0;
    left: -75px;
    bottom: 0;
    display: block;
    width: 75px;
    height: auto;
    background: url(http://fryemuseum.org//images/arrows.png) no-repeat 12px 30%;
    -webkit-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -o-background-size: auto 50px;
    background-size: auto 50px;
    text-indent: 1000%;
    white-space: nowrap;
    overflow: hidden;
    border: 0; }
  .carousel .slick-next {
    left: auto;
    right: -75px;
    background-position: calc(100% - 12px) 30%; }
  @media only screen and (max-width: 1200px) {
    .carousel {
      width: auto;
      margin: 0 24px; }
      .carousel .slick-prev {
        left: -24px;
        width: 36px;
        background-position-x: 0;
        -webkit-background-size: auto 36px;
        -moz-background-size: auto 36px;
        -o-background-size: auto 36px;
        background-size: auto 36px; }
      .carousel .slick-next {
        left: auto;
        right: -24px;
        width: 36px;
        background-position-x: 100%;
        -webkit-background-size: auto 36px;
        -moz-background-size: auto 36px;
        -o-background-size: auto 36px;
        background-size: auto 36px; } }

.home-announcement {
  margin-top: -12px;
  padding: 12px 24px; }
  .home-announcement h4, .home-announcement p {
    margin: 0;
    display: inline; }
  .home-announcement h4 {
    text-transform: uppercase; }
  .home-announcement + .carousel {
    margin-top: 36px; }

.social-sharing {
  margin: 24px 0 48px; }
  .social-sharing:last-child {
    margin-bottom: 0; }

.image-captions {
  margin-top: 24px;
  border-top: 1px solid #eee;
  padding: 24px 0; }
  .image-captions:last-child {
    padding-bottom: 0; }

.quotes,
.quote {
  padding: 4px 24px 0 0;
  color: #888; }

.quotes p, .quotes h5 {
  line-height: 18px;
  font-weight: 300; }

.quote {
  margin-bottom: 24px; }
  .quote p, .quote h5 {
    line-height: 18px;
    font-weight: 300; }
  .quote p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 18px; }

.quotes h5 {
  margin: 1px 0 34px;
  color: #888;
  font-size: 1.2rem; }

.quote h5 {
  margin: 1px 0 34px;
  color: #888;
  font-size: 1.2rem; }
  .quote h5 em {
    font-weight: inherit; }

.col67 .quotes, .col67 .quote {
  text-align: center;
  margin: 0;
  padding: 24px 24px 0; }

/*
.phone .exhibition-description {
	max-height: 420px;
	padding-bottom: 30px;
	position: relative;
	overflow: hidden;
}
*/
.mobile .exhibition-description {
  position: relative;
  overflow: hidden; }
  .mobile .exhibition-description.full {
    overflow: visible; }
  .mobile .exhibition-description .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 36px 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, white));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), white); }
  .mobile .exhibition-description .button {
    border: 2px solid #8a7a56;
    background: #8a7a56;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    padding: 5px 8px;
    width: auto;
    text-decoration: none; }

.inline-sidebar {
  position: relative; }
  .inline-sidebar img {
    position: absolute;
    left: -54.597701149425%;
    width: 43.103448275862%; }

.col33 .exhibition-catalog {
  margin-bottom: 30px; }

.col67 .exhibition-catalog {
  text-align: center; }

.exhibition-catalog img {
  max-width: 75%; }
.exhibition-catalog h5 {
  margin: 20px 0 16px;
  line-height: 1.5;
  color: #888; }
.exhibition-catalog a:hover h5 {
  color: inherit; }

.current-exhibitions h3 {
  padding: 9px 0 5px; }
.current-exhibitions > div {
  font-size: 1rem;
  line-height: 1.2;
  padding-right: 30px;
  margin-bottom: 30px; }
.current-exhibitions img {
  max-width: 150px;
  margin-bottom: 1em; }

.blurb h3:first-child {
  margin-top: 10px; }

.sponsor_logos {
  text-align: center;
  /*
  	&:hover {
  		img, div {
  			@include color();
  			opacity: .99999;
  		}
  	}
  */ }
  .sponsor_logos img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 40px;
    margin: 20px 8px 10px;
    vertical-align: middle;
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .sponsor_logos div {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: baseline;
    margin: 6px; }
  .sponsor_logos img, .sponsor_logos div {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    opacity: .75; }

.upcoming-events {
  border-bottom: 1px solid #eee; }

.upcoming-event {
  border-top: 1px solid #eee;
  padding: 24px 0;
  line-height: 1.25;
  /*
  	&:first-child {
  		padding-top: 12px;
  		border: 0;
  	}
  */ }
  .upcoming-event a {
    font-size: 1.2rem;
    font-weight: 700; }
  .upcoming-event:after {
    display: block;
    content: " ";
    clear: both; }
  .upcoming-event .event-action-button {
    float: right;
    margin: 0 0 0 12px; }

.related-events {
  border-bottom: 1px solid #eee;
  margin-bottom: 36px; }
  .related-events .upcoming-event {
    font-size: 1.2rem;
    padding: 12px 0; }

.upcoming-event-image img {
  float: right;
  width: 33.333%;
  margin: 0 0 1.5em 1.5em; }

/* sharing buttons */
.social-sharing {
  clear: left;
  width: 100%;
  height: 32px;
  position: relative;
  z-index: 2; }

.col25 .social-sharing {
  margin-top: 30px; }

.social-sharing > div {
  vertical-align: top;
  margin-right: 10px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
  opacity: .75;
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }
.social-sharing:hover > div {
  -webkit-filter: grayscale(0%);
  filter: none;
  opacity: .99999; }

.fb-like > span {
  overflow: visible !important;
  #width: 450px !important;
  #margin-right: -375px;
  z-index: 9999; }

/* founding collection tables and colorbox viewer */
.founding-collection-row {
  border-bottom: 1px solid #eee;
  padding-bottom: 24px;
  margin-bottom: 24px; }
  .founding-collection-row:last-of-type {
    margin-bottom: 0; }
  .founding-collection-row .caption:first-letter {
    text-transform: uppercase; }

.founding-collection-item .imageholder {
  width: 100%;
  height: 245px;
  text-align: left;
  margin-bottom: 6px; }
  .founding-collection-item .imageholder td {
    vertical-align: bottom; }
  .founding-collection-item .imageholder img {
    max-height: 245px; }
  @media only screen and (max-width: 640px) {
    .founding-collection-item .imageholder {
      height: 150px; }
      .founding-collection-item .imageholder img {
        max-height: 150px; } }
.founding-collection-item p {
  margin: 12px 0 0; }

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff url(http://fryemuseum.org//images/site_images/ajax-loader.gif) no-repeat 50% 50%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  margin: auto;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%; }

#cboxOverlay {
  background: #f5f5f5; }

#colorbox {
  border-bottom: 5px solid #8a7a56;
  -webkit-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
  -moz-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
  box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4); }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight {
  display: none;
  /* hide bloated default colorbox borders*/ }

#cboxContent {
  background: #fff url(http://fryemuseum.org//images/site_images/ajax-loader.gif) no-repeat 50% 50%;
  overflow: hidden; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin: 30px; }

#cboxCurrent, #cboxSlideshow {
  position: absolute;
  bottom: 0;
  font-size: 1rem;
  line-height: 30px; }

#cboxTitle {
  position: absolute;
  bottom: 0;
  font-size: 1rem;
  line-height: 30px;
  left: 30px;
  right: 30px;
  text-align: center; }

#cboxSlideshow {
  right: 72px; }

#cboxPrevious {
  left: 15px; }

#cboxCurrent {
  display: none !important; }

#cboxLoadingOverlay {
  background: #fff url(http://fryemuseum.org//images/site_images/ajax-loader.gif) no-repeat 50% 50%; }

#cboxClose {
  right: 15px; }

#cboxSlideshow:hover, #cboxClose:hover {
  color: #333; }

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -32px;
  background: url(http://fryemuseum.org//images/site_images/slideshow-prev.png) no-repeat 50% 50%;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxNext {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -32px;
  background: url(http://fryemuseum.org//images/site_images/slideshow-next.png) no-repeat 50% 50%;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxClose {
  display: none; }

#cboxPrevious, #cboxNext {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.75; }

#cboxPrevious:hover, #cboxNext:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

/* collection list */
.collection-head {
  position: relative;
  background: #fff;
  margin-bottom: 24px; }
  .collection-head > div, .collection-head > ul {
    padding: 12px 0;
    top: 0; }
  .collection-head.fixed {
    position: fixed;
    top: 48px;
    background: #fff;
    padding-bottom: 0;
    z-index: 99; }

ul.alphabet-list {
  list-style-type: none;
  background: #fff; }
  ul.alphabet-list li {
    list-style-type: none;
    border-right: 1px solid #ccc;
    padding: 0 5px 0 5px;
    display: block;
    float: left;
    clear: none; }
    ul.alphabet-list li:first-child {
      list-style-type: none;
      border-right: none;
      padding-left: 0; }
    ul.alphabet-list li:last-child {
      list-style-type: none;
      border-right: none;
      padding-right: 0; }

.collection-list-letter {
  margin: 24px 0; }
  .collection-list-letter.current {
    margin-top: 124px; }

.back-to-top {
  float: right; }

#A .back-to-top {
  display: none; }

table.collection-list {
  display: block;
  width: 100%;
  max-width: 1052px; }
  table.collection-list tr {
    border-bottom: 1px solid #eee; }
  table.collection-list td {
    padding: 8px 12px 6px 0;
    vertical-align: top; }
  table.collection-list.table-head td {
    vertical-align: bottom; }
  table.collection-list .collection-list-artist {
    width: 17.5%; }
  table.collection-list .collection-list-title {
    width: 20%; }
  table.collection-list .collection-list-year {
    width: 10%; }
  table.collection-list .collection-list-medium {
    width: 25%; }
  table.collection-list .collection-list-size {
    width: 15%; }
  table.collection-list .collection-list-credit {
    width: 12.5%; }
  table.collection-list td.collection-list-medium:first-letter {
    text-transform: uppercase; }

/* publications */
.publications-featured {
  margin-bottom: 24px; }
  .publications-featured tr {
    border-bottom: 1px solid #eee; }
  .publications-featured td {
    text-align: left;
    vertical-align: top;
    padding: 24px 0; }
  .publications-featured .cover {
    width: 239px;
    padding-right: 24px; }
    .publications-featured .cover img {
      max-width: 100%; }

.publication-price {
  font-weight: 600; }

/* join page */
.member-chart {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 25%;
  vertical-align: top;
  padding-top: 1em; }
  .member-chart + .member-chart {
    margin-left: 5%;
    width: 65%; }
  @media only screen and (max-width: 640px) {
    .member-chart {
      display: block;
      width: 100%;
      padding-bottom: 24px; }
      .member-chart + .member-chart {
        margin-left: 0;
        width: 100%; } }
  .member-chart .member-levels {
    margin-bottom: 24px; }
    .member-chart .member-levels li {
      padding: 12px;
      background: #eee;
      border-bottom: 6px solid #fff;
      font-weight: bold;
      cursor: default;
      position: relative; }
      .member-chart .member-levels li.on {
        background: #8a7a56;
        color: #fff;
        /*
        				font-weight: normal;
        				letter-spacing: 1px;
        */ }
        .member-chart .member-levels li.on:after {
          position: absolute;
          left: 100%;
          top: 50%;
          margin: -6px 0 0;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none;
          border: solid transparent;
          border-color: rgba(138, 122, 86, 0);
          border-left-color: #8a7a56;
          border-width: 6px; }
          @media only screen and (max-width: 640px) {
            .member-chart .member-levels li.on:after {
              left: 50%;
              top: 100%;
              margin: 0 0 0 -6px;
              border-color: rgba(138, 122, 86, 0);
              border-top-color: #8a7a56; } }
      .member-chart .member-levels li p {
        margin: 0; }
        .member-chart .member-levels li p + p {
          margin-top: 6px; }
    .member-chart .member-levels a {
      text-decoration: none !important;
      float: right;
      color: #454545; }
    .member-chart .member-levels li.on a {
      color: #fff; }
  .member-chart .benefits {
    margin-bottom: 1em; }
    .member-chart .benefits:not(.level1), .member-chart .benefits .caption {
      display: none; }
    .member-chart .benefits.on {
      display: block; }
      .member-chart .benefits.on .caption {
        color: #888; }
    .member-chart .benefits li {
      list-style: square;
      margin: 6px 1.5em; }
      .member-chart .benefits li.link {
        list-style: none;
        display: none;
        margin-top: 1em; }
        .member-chart .benefits li.link .caption {
          display: block;
          clear: left; }
    .member-chart .benefits.level li.caption, .member-chart .benefits.level li.link {
      display: block; }
    .member-chart .benefits a {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      background: #68A89B;
      color: white;
      font-family: inherit;
      font-weight: 700;
      line-height: 1;
      padding: 5px 8px;
      text-align: center;
      margin: 0 6px 6px 0;
      width: auto;
      float: left;
      text-decoration: none !important;
      border: 2px solid #68A89B; }
      .member-chart .benefits a:hover {
        background: #fff;
        color: #68A89B; }
  .member-chart .notes {
    clear: left;
    margin: 1em 1.5em; }
    .member-chart .notes p {
      display: none;
      margin: 0 !important; }

/* sidebars */
.subnav {
  margin-bottom: 24px; }
  .subnav ul li {
    border-bottom: 1px solid #fff;
    font-weight: 400; }
    .subnav ul li:first-child {
      padding: 6px 10px 5px 10px;
      background: #666;
      color: #fff;
      letter-spacing: 1px; }
    .subnav ul li.selected {
      background: #ddd url(http://fryemuseum.org//images/site_images/selected.gif) 0 4px no-repeat;
      font-weight: 600;
      padding: 6px 10px 5px 22px; }
    .subnav ul li a {
      display: block;
      padding: 6px 10px 5px 22px;
      background: #eee url(http://fryemuseum.org//images/site_images/arrow_02.gif) 0 4px no-repeat; }
      .subnav ul li a:hover {
        background-color: #ddd; }

.callout {
  background-color: #eee;
  padding: 24px 12px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ddd;
  /*
  	&.colfull {
  		padding: 24px;
  		p {
  			@include inline-block();
  		}
  	}
  */ }
  .callout:last-child {
    margin-bottom: 0; }
  .callout.x {
    padding: 10px 20px;
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .callout.x:after {
      content: "";
      display: table; }
  .callout a {
    color: #8a7a56;
    font-weight: 600; }

.col50 .callout {
  margin: 0 -12px 18px; }

.col25 .callout {
  margin-top: 48px; }

.callout .callout {
  padding: 0;
  margin: 0;
  border: 0; }

.col25 > p a {
  color: #8a7a56; }

.sidebar-social {
  margin-top: 12px; }
  .sidebar-social li {
    display: inline;
    margin-right: 12px; }
  .sidebar-social img {
    width: 36px; }

section form div, section form input, section form label, section form textarea, section form select {
  vertical-align: baseline !important; }
section form .entry {
  width: 100%;
  margin-bottom: 1.5em;
  padding: 0 12px;
  background: #eee; }
section form .lines {
  display: block;
  letter-spacing: -0.65em;
  text-rendering: optimizeLegibility;
  margin-top: 10px;
  padding: 12px 12px 18px; }
  section form .lines:nth-of-type(even) {
    background: rgba(0, 0, 0, 0.02);
    margin: 0 -12px;
    padding: 24px; }
  section form .lines .unit {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding-right: 12px;
    vertical-align: bottom;
    font-size: 1.2rem; }

.size1of1 {
  width: 99.999%; }

.size1of2 {
  width: 49.999%; }

.size1of3 {
  width: 33.333%; }

.size1of4 {
  width: 24.999%; }

.entry .third {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /* 	^ http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ */
  width: 33%; }

select, input[type="text"], textarea {
  color: #8a7a56;
  padding: 4px 3px;
  border: 1px solid #999;
  font-weight: 400;
  font-size: 12px;
  height: auto;
  display: inline-block;
  vertical-align: text-bottom;
  max-width: 90%; }

select.disabled {
  color: #444;
  padding: 2px 0;
  border: 0;
  background: transparent !important;
  -webkit-appearance: none;
  -moz-appearance: window;
  #-moz-appearance: none;
  appearance: none; }

@moz-document-url-prefix {
  option {
    line-height: 1.4; } }
input[type="text"]:focus, textarea:focus {
  color: #444; }

section form label {
  font-weight: 600;
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 6px 0 0; }
section form table input[type="text"] {
  padding: 4px 3px; }
section form textarea {
  width: 90%;
  height: 4rem; }
  section form textarea#freeform_presentation_needs {
    height: 192px; }

select {
  width: 90%;
  margin-top: 3px; }

section form + p, section form + h3, section form + h4 {
  margin-top: 24px; }

table.vol-cal th, table.vol-cal td:not(:first-child) {
  text-align: center; }
table.vol-cal tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.5); }
table.vol-cal th {
  background: rgba(0, 0, 0, 0.1);
  font-weight: 600; }
table.vol-cal input[type="checkbox"] {
  width: 10px;
  height: 10px;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2); }

input[type="submit"] {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: right;
  border: 2px solid #68A89B;
  background: #68A89B;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  line-height: 1;
  padding: 5px 8px;
  text-align: center;
  width: auto;
  text-decoration: none !important; }
  input[type="submit"]:hover {
    background: #fff;
    color: #68A89B; }

label + textarea {
  margin-top: 3px; }

section form textarea:not(:last-child) {
  display: block;
  margin-bottom: 1.5em; }
section form hr {
  clear: both;
  width: 100%;
  display: block;
  margin: 1.5em 0;
  border: 0; }

select[multiple="multiple"] {
  height: 112px !important; }

.required {
  color: red; }

section form > table {
  border-collapse: collapse;
  background: #efeeed;
  width: 765px;
  padding: 10px;
  margin-bottom: 24px; }
section form table td, section form table th {
  vertical-align: baseline;
  padding: 10px 5px; }
section form table td:first-child {
  padding-left: 15px; }
section form table td:last-child {
  padding-right: 15px; }
section form table tr:first-child td {
  padding-top: 20px; }
section form table tr:last-child td {
  padding-bottom: 20px; }
section form label.inline {
  display: inline-block;
  margin-right: 5px; }

table.vol-cal th, table.vol-cal td:not(:first-child) {
  text-align: center; }
table.vol-cal tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.5); }
table.vol-cal th {
  background: rgba(0, 0, 0, 0.1);
  font-weight: 600; }
table.vol-cal input[type="checkbox"] {
  width: 10px;
  height: 10px;
  zoom: 200%; }

.two-col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  -ms-column-gap: 24px;
  column-gap: 24px; }

.three-col {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  -ms-column-gap: 24px;
  column-gap: 24px; }

@media only screen and (max-width: 640px) {
  .col75 .three-col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    -ms-column-gap: 24px;
    column-gap: 24px; } }
/* footer */
footer {
  margin-top: 24px;
  width: 100%;
  border-top: 1px solid #ddd;
  padding-top: 12px;
  background: #eee; }
  footer .footer-wrap {
    max-width: 1148px;
    margin: 0 auto;
    position: relative;
    /*
    		@include responsive(max1200) {
    			max-width: 1100px;
    		}
    */ }
  footer .grid > div {
    padding-bottom: 0; }
  footer .fb-like {
    width: 100px;
    vertical-align: middle;
    overflow: hidden;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }
  footer .always-free {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 1.2rem 0; }
  footer .social-icons {
    font-size: 0;
    margin: 24px 0; }
    footer .social-icons li {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 0 12px 12px 0;
      vertical-align: middle;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden; }
    footer .social-icons .search {
      width: 200px;
      height: 24px;
      margin: 0 6px 0 18px;
      vertical-align: middle; }
    footer .social-icons a {
      display: block;
      width: 24px;
      height: 24px;
      background: url(http://fryemuseum.org//images/site_images/social-icons2014.png) no-repeat;
      -webkit-background-size: auto 48px;
      -moz-background-size: auto 48px;
      -o-background-size: auto 48px;
      background-size: auto 48px; }
    footer .social-icons .facebook {
      background-position: 0 -24px; }
    footer .social-icons .instagram {
      background-position: -24px -24px; }
    footer .social-icons .pinterest {
      background-position: -48px -24px; }
    footer .social-icons .tumblr {
      background-position: -72px -24px; }
    footer .social-icons .twitter {
      background-position: -96px -24px; }
    footer .social-icons .youtube {
      background-position: -120px -24px; }
  footer:hover .fb-like {
    -webkit-filter: grayscale(0%);
    filter: none; }
  footer:hover .facebook {
    background-position: 0 0; }
  footer:hover .instagram {
    background-position: -24px 0; }
  footer:hover .pinterest {
    background-position: -48px 0; }
  footer:hover .tumblr {
    background-position: -72px 0; }
  footer:hover .twitter {
    background-position: -96px 0; }
  footer:hover .youtube {
    background-position: -120px 0; }
  footer .nav_categories > li {
    margin-bottom: 1rem;
    font-weight: 600; }
  footer .nav_categories > li li {
    margin-bottom: 0;
    font-weight: 400; }
  footer .three-col > ul > li > a,
  footer .two-col > ul > li > a {
    color: #444; }
  footer a:hover {
    color: #564c35; }
  footer .copyright p {
    font-size: 1rem;
    line-height: 1.25; }

.show-hidden:not(.show) {
  cursor: pointer;
  color: #8a7a56; }
  .show-hidden:not(.show):before {
    content: "View "; }

.hidden {
  display: block;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s; }
  .hidden.show {
    height: auto;
    overflow: auto; }

/* transitions */
.fb-like, .social-sharing, .exh-imgs-nav a {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s; }

/* shadows */
.menu-main > ul > li ul, .past-exh-list img, .fancy-select .options {
  -webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5); }

/* C-C-C-COMBOS */
p + h5,
h5 + h5,
ul + h5,
h5 + ul,
iframe + h3,
blockquote + p,
blockquote + ul,
blockquote + h2,
.fancy-select blockquote + .trigger,
blockquote + h3,
blockquote + h4 {
  margin-top: 1.8rem; }

h2 + .section, .fancy-select .trigger + .section, h2 + p, .fancy-select .trigger + p, h2 + h4, .fancy-select .trigger + h4 {
  margin-top: 1.8rem; }
h2 + img, .fancy-select .trigger + img {
  margin-top: 1.8rem; }
  h2 + img + p, .fancy-select .trigger + img + p {
    margin-top: 1.8rem; }
h2 + .grid, .fancy-select .trigger + .grid {
  margin-top: 2.4rem; }

h2.title + h3, .fancy-select .title.trigger + h3 {
  margin-top: 1.8rem; }

p + h2, .fancy-select p + .trigger, p + h3 {
  margin-top: 2.4rem; }

ul + h2, .fancy-select ul + .trigger, ul + h3, ul + h4, ul + p {
  margin-top: 2.4rem; }

h3 + h5, h3 + h6, h3 + div, h3 + p, h3 + ul, h3 + iframe {
  margin-top: 1.2rem; }
h3 + h2, .fancy-select h3 + .trigger {
  margin-top: 6px; }

h2 + h3, .fancy-select .trigger + h3 {
  margin-top: 6px; }

@media (min-width: 769px) and (max-width: 1023px) {
  header .menu-main {
    right: 48px; }
    header .menu-main > ul > li {
      /* top level links */
      letter-spacing: 0; }
  header.lite .menu-main {
    left: 104px;
    right: 48px; } }
@media (max-width: 768px) {
  header .menu-main {
    right: 0; }

  section > .col67:not(.no-break), section > .col50:not(.no-break), section > .col75 {
    display: block;
    width: 100%;
    margin-bottom: 24px; }
  section > .col25 {
    width: 49.999%; }
  section > .col75 + .col25 {
    width: 100%; }

  .inline-sidebar img {
    position: absolute;
    left: -54.597701149425%;
    width: 43.103448275862%; }

  .founding-collection-row {
    display: inline;
    border: 0;
    margin: 0; }
    .founding-collection-row > div {
      width: 33.333%;
      padding-bottom: 24px; }

  .calendar-on-view {
    display: none; } }
@media only screen and (max-width: 640px) {
  header {
    padding: 12px 24px;
    height: 56px; }
    header .frye h1 {
      position: absolute;
      margin: 0;
      width: 90px;
      height: 36px;
      -webkit-background-size: auto 36px;
      -moz-background-size: auto 36px;
      -o-background-size: auto 36px;
      background-size: auto 36px;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain; }
    header .frye h3 {
      display: none; }
    header .frye .ie-logo {
      margin-top: 0;
      height: 36px; }
    header .mobile-menu-icon {
      width: 36px;
      height: 56px;
      -webkit-background-size: auto 18px;
      -moz-background-size: auto 18px;
      -o-background-size: auto 18px;
      background-size: auto 18px; }
    header .menu-main {
      position: absolute;
      top: 55px;
      left: -24px;
      right: -24px;
      border-top: 1px solid #ddd; }

  section.grid:first-of-type {
    padding-top: 12px; }
  section.grid + section.grid {
    margin-top: -12px; }
  section.grid > .col67:not(.no-break),
  section.grid > .col33:not(.no-break) {
    width: 100%; }

  footer .grid {
    padding: 24px 12px; }
  footer .col33, footer .col67, footer .col25, footer .col50, footer .col75 {
    display: block;
    width: 100%;
    margin-bottom: 24px; }
  footer .contact-info {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    -ms-column-gap: 24px;
    column-gap: 24px; }
    footer .contact-info > div {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline; }
  footer .fb-like {
    -webkit-filter: grayscale(0%);
    filter: none; } }
@media (max-width: 567px) {
  .col75 .grid > .col33, .col75 .grid > .col67 {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    padding: 0; }
  .col75 img[align="right"] {
    max-width: 100%;
    float: none;
    padding-left: 0;
    margin: 0 0 24px 0; }

  .event-image {
    max-width: 100%;
    float: none;
    padding-left: 0;
    margin: 0 0 24px 0; }

  h3 + .exhibition-item {
    margin-top: 24px; }

  .col33.exhibition .social-sharing, .exh-imgs-nav {
    display: none; }

  .founding-collection-row > div {
    width: 49.999%; }

  footer .three-col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    -ms-column-gap: 24px;
    column-gap: 24px; }

  .section + .exhibition-item,
  .exhibition-item + .section {
    margin-top: 24px; } }
.buorg {
  border-bottom: 1px solid #fff !important;
  background: #8a7a56 !important;
  font-family: inherit !important;
  color: #fff !important;
  font-size: 12px !important; }
  .buorg div {
    padding: 12px !important; }
  .buorg a {
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid #fff !important; }
  .buorg #buorgclose {
    position: absolute !important;
    right: 12px !important;
    top: 0 !important;
    height: auto !important;
    font-size: inherit !important; }

.old-ie * {
  /* fixes IE 6-8 fonts via typography.com */
  font-weight: normal !important;
  font-style: normal !important; }

/*# sourceMappingURL=style.css.css.map */