html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*  ------------------------------------------------------------------------------------------------
Color Variables
------------------------------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------------------------------
Mixins and Helpers
------------------------------------------------------------------------------------------------  */
html {
  -webkit-font-smoothing: antialiased;
}

/*
 * Chrome Frame prompt
 */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/*
 * .focusable Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix, ul.img_with_text > li > div, .two_col, blockquote.large, .body-facts, .body-facts.two_col .two_col_wrapper, .body-facts.three_col_with_wrapper > div, .body-facts.three_col_with_wrapper.people_icon_facts_trusted > div, .percent_facts, .digital_leader, .print_leader, .digital_prose_top, .events_leader, .col_text_left, .col_text_left .r_wrapper, .col_thin_photo_left, .col_media, .transform_photos, .two_col_big_wrapper {
  *zoom: 1;
}
.clearfix:before, ul.img_with_text > li > div:before, .two_col:before, blockquote.large:before, .body-facts:before, .body-facts.two_col .two_col_wrapper:before, .body-facts.three_col_with_wrapper > div:before, .percent_facts:before, .digital_leader:before, .print_leader:before, .digital_prose_top:before, .events_leader:before, .col_text_left:before, .col_text_left .r_wrapper:before, .col_thin_photo_left:before, .col_media:before, .transform_photos:before, .two_col_big_wrapper:before, .clearfix:after, ul.img_with_text > li > div:after, .two_col:after, blockquote.large:after, .body-facts:after, .body-facts.two_col .two_col_wrapper:after, .body-facts.three_col_with_wrapper > div:after, .percent_facts:after, .digital_leader:after, .print_leader:after, .digital_prose_top:after, .events_leader:after, .col_text_left:after, .col_text_left .r_wrapper:after, .col_thin_photo_left:after, .col_media:after, .transform_photos:after, .two_col_big_wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after, ul.img_with_text > li > div:after, .two_col:after, blockquote.large:after, .body-facts:after, .body-facts.two_col .two_col_wrapper:after, .body-facts.three_col_with_wrapper > div:after, .percent_facts:after, .digital_leader:after, .print_leader:after, .digital_prose_top:after, .events_leader:after, .col_text_left:after, .col_text_left .r_wrapper:after, .col_thin_photo_left:after, .col_media:after, .transform_photos:after, .two_col_big_wrapper:after {
  clear: both;
}

.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.ib, .icon, ul.img_with_text > li > div img, ul.img_facts > li, .body-facts.three_col_with_wrapper.people_icon_facts_trusted .body-facts-col span.icon, .body-facts.three_col_with_wrapper.people_icon_facts_trusted .body-facts-col img, .icon_fact_group img, .icon_fact_group span.icon, .icon_fact_group div.text_wrapper, .icon_fact_group div.icon_wrapper, .icon_fact_group p {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.center {
  text-align: center;
}

.block_center {
  margin-right: auto;
  margin-left: auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.relative {
  position: relative;
}

.line-hover {
  text-decoration: none;
}
.line-hover:hover {
  text-decoration: underline;
}

.link_fill {
  position: relative;
}
.link_fill a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  display: block;
  background: url(../img/spacer.gif) 0 0 repeat;
}

.clear {
  clear: both;
}

.l_wrapper img, .l_wrapper iframe {
  display: block;
}

strong {
  font-weight: bold;
}

.grid {
  background: red url(../img/grid.png) 0 0 repeat;
}

.text p, .text ul, .text ol {
  margin-bottom: 20px;
}

.icon {
  vertical-align: middle;
}

/*remember that ie7/8 don't understand border-box
so you should use width: 90% or something like that
instead of width: 100% in these browsers */
.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a.event_big_trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  display: block;
  background: url(../img/spacer.gif) 0 0 repeat;
}

/*  ------------------------------------------------------------------------------------------------
compass reference
------------------------------------------------------------------------------------------------  */
/*
@include border-radius(5px 5px);
@include clearfix;
@include single-box-shadow(rgba(0, 0, 0, 0.5), 0, 2px, 3px, 0px);
@include background-image(linear-gradient(#ffe7e7, #ffdada));
*/
/*  ------------------------------------------------------------------------------------------------
compass sprites
------------------------------------------------------------------------------------------------  */
.icon-sprite, .icon-arrow_l, .percent_facts > li .text_wrapper .left_arrow, .icon-people-3-4, .icon-people-4-6, .icon-people-7-10, .icon-people-8-10, .icon-people-9-10, .icon-percent-20, .icon-percent-30, .icon-percent-40, .icon-percent-65, .icon-percent-95, .icon-percent-97, .icon-percent-98, .icon-reader_graph {
  background: url('../img/icon-sc29d220a13.png') no-repeat;
}

/**/
.icon-arrow_l, .percent_facts > li .text_wrapper .left_arrow {
  background-position: -106px -102px;
  height: 46px;
  width: 23px;
}

.icon-people-3-4 {
  background-position: 0 0;
  height: 51px;
  width: 98px;
}

.icon-people-4-6 {
  background-position: 0 -51px;
  height: 51px;
  width: 151px;
}

.icon-people-7-10 {
  background-position: 0 -424px;
  height: 109px;
  width: 125px;
}

.icon-people-8-10 {
  background-position: 0 -642px;
  height: 109px;
  width: 125px;
}

.icon-people-9-10 {
  background-position: 0 -533px;
  height: 109px;
  width: 125px;
}

.icon-percent-20 {
  background-position: 0 -316px;
  height: 108px;
  width: 108px;
}

.icon-percent-30 {
  background-position: 0 -751px;
  height: 111px;
  width: 112px;
}

.icon-percent-40 {
  background-position: 0 -208px;
  height: 108px;
  width: 109px;
}

.icon-percent-65 {
  background-position: 0 -102px;
  height: 106px;
  width: 106px;
}

.icon-percent-95 {
  background-position: 0 -986px;
  height: 124px;
  width: 124px;
}

.icon-percent-97 {
  background-position: 0 -862px;
  height: 124px;
  width: 135px;
}

.icon-percent-98 {
  background-position: 0 -1110px;
  height: 124px;
  width: 124px;
}

.icon-reader_graph {
  background-position: 0 -1234px;
  height: 181px;
  width: 156px;
}

/*  ------------------------------------------------------------------------------------------------
Fonts
------------------------------------------------------------------------------------------------  */
.georgia, .page_leader, .h2_big_italic, .prose.custom_publishing_style h2, ul.img_with_text > li > div.custom_publishing_style h2, .about_events h2, .prose.custom_publishing_style .sub_title, ul.img_with_text > li > div.custom_publishing_style .sub_title, ul.img_with_text.awards h2, blockquote.large.long_citation cite, blockquote.large p, .info_banner_wrapper h2, .factoid, .factoid p, .important_attributes > li h2, table.calendar > tbody > tr > td[colspan="4"] table tr td:first-child {
  font-family: "Georgia", serif;
  font-style: italic;
}

.open, html, body {
  font-family: 'Open Sans', Helvetica, sans-serif;
}

/*  ------------------------------------------------------------------------------------------------
Forms
------------------------------------------------------------------------------------------------  */
/*
input, button, textarea, checkbox, radio {
    border: 0;
    margin: 0;
    padding: 0;
}
input[type="submit"], button {
    cursor: pointer;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    padding: 5px;
    width: 270px;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    border: 1px solid #999;
    &:focus {
        border-color: #666;
    }
    &::-webkit-input-placeholder,
    &::-moz-placeholder
    {

    }
}
*/

/** Italics for post content */
#content em,
#content-wrap em {
  font-style: italic;
}

/** Merged TT/GT page styles */
.FPGroup__page-gallery .FPGroup__iframe-wrap {
  margin: 25px auto 10px;
  max-width: 500px;
  width: 100%;
}

.FPGroup__page-gallery .FPGroup__iframe-wrap > div:first-child {
  padding-bottom: 56.2%;
  position: relative;
}

.FPGroup__page-gallery .FPGroup__iframe-wrap > div:first-child > iframe:first-child {
  bottom: 0 !important;
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.FPGroup__page-gallery #the-content h2 {
  font-family: Georgia, sans-serif;
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
}

.FPGroup__page-gallery .gallery-columns-3 {
  margin-bottom: 25px !important;
  text-align: center;
}

.FPGroup__page-gallery .gallery-columns-3 .gallery-item {
  display: inline-block !important;
  float: none !important;
  margin-top: 25px !important;
}

.FPGroup__page-gallery .gallery-columns-3 img {
  border: 0 !important;
}

@media only screen and (max-width: 550px) {
  .FPGroup__page-gallery .gallery-columns-3 .gallery-item {
    display: block;
    width: 100% !important;
  }
}