/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
This covers all the default HTML, custom styles, and content (images, videos, tables, etc.) that a client can add using Editor. Be sure to look at /style-guide while you're theming these styles for examples.
========================================================================== */
/* Includes all variables you'll need for layout, colors, fonts, and images, plus custom mixins. */
/* Legacy IE support
   To turn on support for IE6 or IE7, set those variables to true. */
/* ==========================================================================
   MEDIA QUERIES & LAYOUT
   These may differ based on the design, but here's a good starting point.
========================================================================== */
/* Caps the page width in order to prevent lines of text getting too long.*/
/* ===== SMALL - 1-Column Layout (default) =========== */
/* ===== MEDIUM - 2-Column Layout ===================== */
/* These values must add up to 100%. */
/*                         = 100%;

/* ===== LARGE & X-LARGE - 3-Column Layout ============= */
/* These values must add up to 100%. */
/*                         = 100%

/* ==========================================================================
   MISCELLANEOUS
========================================================================== */
.dl-icons-sprite {
  background-image: url('../images/../images/dl-icons-sfaa00e3cef.png');
  background-repeat: no-repeat; }

/* ==========================================================================
   PARTIALS TO BE SHARED WITH ALL .SCSS FILES
========================================================================== */
/* Custom Sass Mixins */
/* ==================================================================
   RESPOND TO
   Use the breakpoint names defined in base.scss
   The $direction argument defines the whether to to include sizes up or down from the breakpoint.

   x-small         small         medium          large          x-large
0-----------450px---------700px----------900px---------1200px---------1400px----------->

===================================================================== */
/* ==================================================================
   DIGTIAL LOOM'S CLEAR FIX
   This clearfix is better than both Drupal and Compass's clearfix
   http://css-tricks.com/snippets/css/clear-fix/
===================================================================== */
/* ==================================================================
   HIDING CONTENT
   Use this inplace of display: none when you want the content accessible to screen readers
   http://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding/
===================================================================== */
/* ==========================================================================
   LINK STYLES
   These should only be applied directly to anchor tags
========================================================================== */
/* ------- Button -------------------------- */
/* Used by link buttons, form buttons, search button, and view/edit buttons */
/* ------- Arrow -------------------------- */
/* @param $size: small, medium, large.      */
/* @param $color: orange                    */
/* ---- Create a rough underline beneath the element ------------------------ */
/* @param $color: orange                                                      */
/* @param $width: minimal or full (behave like an inline or block element,    */
/*                respectively.)                                              */
/*                                                                            */
/* NOTE: If you use this, be sure to add your target selector to the          */
/* '.rough-underline' section of script.js. E.g.                              */
/* $('.rough-underline, .my-new-thing').each(function() {...                  */
/*                                                                            */
/* That script adds the span tags that these styles require.                  */
/* ==========================================================================
TYPOGRAPHY STYLES TO EXTEND THROUGHOUT THE THEME
Table of Contents
  %heading1
  %heading2
  %heading3
  %heading4
  %block-header
  %intro
  %list-item
  %quote
  %related-link
  %caption
========================================================================== */
h1 {
  color: #231f20;
  font-family: "Crimson Text", sans-serif;
  font-size: 2em;
  line-height: 1.125;
  font-weight: bold; }
  h1 a {
    background: transparent url("../images/dl-icons/arrow-lg-orange.png") no-repeat right center;
    padding-right: 20px;
    color: #231f20; }
    h1 a:hover {
      color: #575757; }

h2 {
  color: #231f20;
  font-family: "Crimson Text", sans-serif;
  font-size: 1.555556em;
  line-height: 1.06667em;
  font-weight: bold; }
  h2 a {
    background: transparent url("../images/dl-icons/arrow-med-orange.png") no-repeat right center;
    padding-right: 15px;
    color: #231f20; }
    h2 a:hover {
      color: #575757; }

h5, h6, h3 {
  color: #231f20;
  font-family: "Crimson Text", sans-serif;
  font-size: 1.166667em;
  line-height: 1.12em;
  letter-spacing: -0.5px;
  font-weight: bold; }
  h5 a, h6 a, h3 a {
    background: transparent url("../images/dl-icons/arrow-med-orange.png") no-repeat right center;
    padding-right: 15px;
    color: #231f20; }
    h5 a:hover, h6 a:hover, h3 a:hover {
      color: #575757; }

h4, .date-display-single {
  color: #999999;
  font-family: "Alegreya Sans", serif;
  font-size: 0.83em;
  line-height: 1.11em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: normal; }
  h4 a, .date-display-single a {
    background: transparent url("../images/dl-icons/arrow-sm-orange.png") no-repeat right center;
    padding-right: 12px;
    color: #999999; }
    h4 a:hover, .date-display-single a:hover {
      color: #575757; }

h5, h6 {
  font-size: 1.22em;
  line-height: 1.22em; }

.intro {
  color: #231f20;
  font-family: "Alegreya Sans", serif;
  font-size: 1.11em;
  line-height: 1.13em; }

ul li,
ol li {
  margin-bottom: 0.6em; }

blockquote {
  padding: 1em;
  color: #231f20;
  font-family: "Alegreya Sans", serif;
  background: #ededed;
  margin: 0;
  padding: 1em;
  line-height: 1.66667em; }
  blockquote p {
    margin: 0 0 .5em;
    font-style: italic; }
    blockquote p strong {
      font-style: normal;
      font-size: 1.22em; }

figure figcaption, figure .caption, .figure figcaption, .figure .caption {
  padding: .6em 0;
  font-style: italic;
  font-size: 0.9em;
  color: #231f20; }

body {
  font-family: "Alegreya Sans", serif;
  font-size: 18px;
  line-height: 22px;
  color: #231f20; }
  @media (min-width: 1150px) {
    body {
      position: relative;
      overflow-x: hidden; } }
  @media (max-width: 1200px) {
    body {
      width: 100%;
      overflow-x: hidden; } }

h2 {
  margin: 1em 0 0.3em 0; }

ul {
  list-style: none; }

ul li {
  background: url(../images/bullet.gif) no-repeat left center;
  padding-left: 20px; }

a {
  text-decoration: none;
  font-weight: bold;
  color: #2ea1b6; }
  a:hover, a:focus, a:active {
    color: #20899c; }

hr {
  height: 1px;
  background-color: #c5c5c5;
  border: 0; }

blockquote {
  margin: 0 0 1.3333333333em 0; }

/* =============================================================================
   CUSTOM STYLES
============================================================================= */
.citation {
  font-size: .88em;
  margin: 0 0 1em;
  padding: 0 0 1.5em 4em;
  background: #ededed url("../images/img-quote.png") 18px 0px no-repeat;
  color: #231f20; }

.small {
  font-size: .9em; }

a.arrow-link {
  background: transparent url("../images/dl-icons/arrow-sm-orange.png") no-repeat right center;
  padding-right: 12px; }

a.button-link, .button-link a {
  position: relative;
  display: block;
  color: #ffffff;
  background-color: #d9531e;
  border: 1px solid #d9531e;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* If group-left contains the responsive image */
  font-size: 1em;
  padding: 0.6em 1em;
  display: inline-block; }
  a.button-link:hover, .button-link a:hover {
    background-color: #ba3d0c; }
  a.button-link:active, .button-link a:active {
    /* nifty depress action!*/
    top: 1px;
    left: 1px; }

#main-content .form-submit {
  position: relative;
  display: block;
  color: #ffffff;
  background-color: #d9531e;
  border: 1px solid #d9531e;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* If group-left contains the responsive image */
  font-size: 1em;
  padding: 0.6em 1em;
  display: inline-block; }
  #main-content .form-submit:hover {
    background-color: #ba3d0c; }
  #main-content .form-submit:active {
    /* nifty depress action!*/
    top: 1px;
    left: 1px; }

/* =============================================================================
   COLLAPSIBLE/EXPANDABLE HEADERS
============================================================================= */
/* ----- Color palette ----------------- */
/* ------------------------------------- */
.xpandable {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #231f20;
  font-weight: bold;
  font-size: 1em;
  font-family: "Alegreya Sans", serif;
  letter-spacing: 0.05px;
  padding: 0.7em 1em 0.7em 3em;
  background-color: #ededed;
  text-transform: uppercase;
  border-bottom: 1px dotted transparent;
  margin: 1em 0 0;
  line-height: 22px;
  clear: both; }
  .xpandable:hover {
    cursor: pointer; }
  .xpandable:before {
    font-family: 'icomoon';
    content: '\e90a';
    color: #d9531e;
    margin-left: -38px;
    margin-right: 20px; }
  .xpandable.open {
    background-color: #ededed;
    color: #231f20; }
    .xpandable.open:before {
      content: '\e909'; }

.xpandable-area {
  padding: 1.2em 1.2em 0 1.2em;
  overflow: hidden; }

/* =============================================================================
   TABLES
   Note: prefixing table with .content so as to leave admin-side tables 
   alone. Without this we were blanking out some nice built-in Drupal UX.
============================================================================= */
/* ----- Color palette ----------------- */
/* default row style and even rows*/
/* ------------------------------------- */
body, body:not(.section-admin) {
  /*Default Style*/
  /*Clear Table Style*/
  /* Simple Responsive Table without header by default for medium and large displays */
  /* This is NOT to be applied to tables. Use it for display: table-cell functionality,
   * which works in IE8+ and gives you certain benefits of table layout (equal height
   * cells, anyone?) without using actual table markup :) */ }
  body table, body:not(.section-admin) table {
    width: 100%;
    border-spacing: 0;
    clear: both;
    border-collapse: collapse;
    border: 1px solid #ededed;
    vertical-align: top; }
    body table p:first-child, body:not(.section-admin) table p:first-child {
      margin-top: 0; }
    body table th, body table thead tr *, body:not(.section-admin) table th, body:not(.section-admin) table thead tr * {
      background-color: #ededed;
      text-align: left;
      border-bottom: none; }
    body table thead, body:not(.section-admin) table thead {
      background-color: #ededed;
      font-weight: bold;
      color: #231f20; }
    body table tbody, body:not(.section-admin) table tbody {
      border-top: none; }
    body table tr, body:not(.section-admin) table tr {
      background: #ffffff;
      border: none;
      border-bottom: 1px solid #ededed; }
      body table tr.odd, body:not(.section-admin) table tr.odd {
        background: #ededed; }
    body table td, body:not(.section-admin) table td {
      background-color: #ffffff; }
    body table th, body table td, body:not(.section-admin) table th, body:not(.section-admin) table td {
      padding: .5em .75em;
      vertical-align: top; }
  body table.clear-table, body table.clear-table td, body table.clear-table th, body table.clear-table tr, body table.clear-table thead, body table.clear-table tbody, body:not(.section-admin) table.clear-table, body:not(.section-admin) table.clear-table td, body:not(.section-admin) table.clear-table th, body:not(.section-admin) table.clear-table tr, body:not(.section-admin) table.clear-table thead, body:not(.section-admin) table.clear-table tbody {
    border: 0 none;
    background: transparent; }
  body table.clear-table.mceItemTable td, body:not(.section-admin) table.clear-table.mceItemTable td {
    border: 1px solid #ededed; }
  body table.responsive-table td, body:not(.section-admin) table.responsive-table td {
    padding: .5em 1%; }
  @media (max-width: 900px) {
    body table.responsive-table, body:not(.section-admin) table.responsive-table {
      /* if table size != 100 % */ }
      body table.responsive-table tbody td, body:not(.section-admin) table.responsive-table tbody td {
        width: 98% !important;
        /* 1% padding by default */
        display: block;
        float: left;
        clear: left; }
      body table.responsive-table, body table.responsive-table thead, body table.responsive-table tbody, body table.responsive-table th, body table.responsive-table td, body table.responsive-table tr, body:not(.section-admin) table.responsive-table, body:not(.section-admin) table.responsive-table thead, body:not(.section-admin) table.responsive-table tbody, body:not(.section-admin) table.responsive-table th, body:not(.section-admin) table.responsive-table td, body:not(.section-admin) table.responsive-table tr {
        display: block; }
      body table.responsive-table + *, body:not(.section-admin) table.responsive-table + * {
        clear: both; } }
  @media (min-width: 900px) {
    body table.responsive-table.col-1 tbody td, body:not(.section-admin) table.responsive-table.col-1 tbody td {
      width: 98%;
      /* 1% padding left and right by default */ }
    body table.responsive-table.col-2 tbody td, body:not(.section-admin) table.responsive-table.col-2 tbody td {
      width: 48%; }
    body table.responsive-table.col-3 tbody td, body:not(.section-admin) table.responsive-table.col-3 tbody td {
      width: 31.33%; }
    body table.responsive-table.col-4 tbody td, body:not(.section-admin) table.responsive-table.col-4 tbody td {
      width: 23%; }
    body table.responsive-table.col-5 tbody td, body:not(.section-admin) table.responsive-table.col-5 tbody td {
      width: 18%; }
    body table.responsive-table.col-6 tbody td, body:not(.section-admin) table.responsive-table.col-6 tbody td {
      width: 14.66%; }
    body table.responsive-table.col-7 tbody td, body:not(.section-admin) table.responsive-table.col-7 tbody td {
      width: 12.28%; }
    body table.responsive-table.col-8 tbody td, body:not(.section-admin) table.responsive-table.col-8 tbody td {
      width: 10.5%; }
    body table.responsive-table .figure, body:not(.section-admin) table.responsive-table .figure {
      margin-left: 0; } }
  @media (max-width: 900px) {
    body, body:not(.section-admin) {
      /* Responsive Table displaying header text as label
      example: th-value: td-value - Using Jquery */
      /* Responsive Table displaying header text in the left columns cells - Tbody scrolling - Using Jquery 
      Working with small table */ }
      body table.responsive-table-with-label, body:not(.section-admin) table.responsive-table-with-label {
        clear: both;
        /* if table size != 100 % */ }
        body table.responsive-table-with-label, body table.responsive-table-with-label thead, body table.responsive-table-with-label tbody, body table.responsive-table-with-label th, body table.responsive-table-with-label td, body table.responsive-table-with-label tr, body:not(.section-admin) table.responsive-table-with-label, body:not(.section-admin) table.responsive-table-with-label thead, body:not(.section-admin) table.responsive-table-with-label tbody, body:not(.section-admin) table.responsive-table-with-label th, body:not(.section-admin) table.responsive-table-with-label td, body:not(.section-admin) table.responsive-table-with-label tr {
          display: block; }
        body table.responsive-table-with-label thead, body:not(.section-admin) table.responsive-table-with-label thead {
          display: none; }
        body table.responsive-table-with-label td, body:not(.section-admin) table.responsive-table-with-label td {
          border: none;
          float: none;
          display: block;
          width: 92%; }
        body table.responsive-table-with-label tr, body:not(.section-admin) table.responsive-table-with-label tr {
          border-bottom: 1px solid #ededed;
          display: block;
          clear: left; }
          body table.responsive-table-with-label tr:after, body table.responsive-table-with-label tr:before, body:not(.section-admin) table.responsive-table-with-label tr:after, body:not(.section-admin) table.responsive-table-with-label tr:before {
            content: " ";
            clear: left; }
        body table.responsive-table-with-label span.header-label, body:not(.section-admin) table.responsive-table-with-label span.header-label {
          display: inline-block;
          padding-right: 2%;
          color: #999999;
          font-weight: 400; }
        body table.responsive-table-with-label + *, body:not(.section-admin) table.responsive-table-with-label + * {
          clear: both; }
      body table.responsive-table-with-header, body:not(.section-admin) table.responsive-table-with-header {
        clear: both;
        position: relative;
        /* if table size != 100 % */ }
        body table.responsive-table-with-header + *, body:not(.section-admin) table.responsive-table-with-header + * {
          clear: both; }
        body table.responsive-table-with-header, body table.responsive-table-with-header thead, body table.responsive-table-with-header tbody, body table.responsive-table-with-header th, body table.responsive-table-with-header td, body table.responsive-table-with-header tr, body:not(.section-admin) table.responsive-table-with-header, body:not(.section-admin) table.responsive-table-with-header thead, body:not(.section-admin) table.responsive-table-with-header tbody, body:not(.section-admin) table.responsive-table-with-header th, body:not(.section-admin) table.responsive-table-with-header td, body:not(.section-admin) table.responsive-table-with-header tr {
          display: block;
          border: 0 none; }
        body table.responsive-table-with-header .cf:after, body:not(.section-admin) table.responsive-table-with-header .cf:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0; }
        body table.responsive-table-with-header * html .cf, body:not(.section-admin) table.responsive-table-with-header * html .cf {
          zoom: 1; }
        body table.responsive-table-with-header *:first-child + html .cf, body:not(.section-admin) table.responsive-table-with-header *:first-child + html .cf {
          zoom: 1; }
        body table.responsive-table-with-header th, body table.responsive-table-with-header td, body:not(.section-admin) table.responsive-table-with-header th, body:not(.section-admin) table.responsive-table-with-header td {
          margin: 0;
          vertical-align: top;
          border: 1px solid #ededed; }
        body table.responsive-table-with-header th, body:not(.section-admin) table.responsive-table-with-header th {
          text-align: left; }
        body table.responsive-table-with-header thead, body:not(.section-admin) table.responsive-table-with-header thead {
          position: absolute;
          z-index: 2;
          border-left: 1px solid #ededed;
          top: 0;
          left: 0; }
          body table.responsive-table-with-header thead th, body table.responsive-table-with-header thead td, body:not(.section-admin) table.responsive-table-with-header thead th, body:not(.section-admin) table.responsive-table-with-header thead td {
            text-align: left;
            border-bottom: 0;
            border-left: 0;
            float: left;
            clear: left;
            max-width: 93%; }
        body table.responsive-table-with-header tbody, body:not(.section-admin) table.responsive-table-with-header tbody {
          overflow-x: auto;
          white-space: nowrap;
          position: absolute;
          z-index: 1;
          top: 0; }
          body table.responsive-table-with-header tbody tr, body:not(.section-admin) table.responsive-table-with-header tbody tr {
            display: inline-block;
            vertical-align: top;
            border-right: 1px solid #ededed; }
        body table.responsive-table-with-header td, body:not(.section-admin) table.responsive-table-with-header td {
          min-height: 1.25em;
          text-align: left;
          border-left: 0;
          border-right: 0;
          border-bottom: 0; }
        body table.responsive-table-with-header th:last-child,
        body table.responsive-table-with-header td:last-child, body:not(.section-admin) table.responsive-table-with-header th:last-child,
        body:not(.section-admin) table.responsive-table-with-header td:last-child {
          border-bottom: 1px solid #ededed; } }
  body .table, body:not(.section-admin) .table {
    border: 10px solid white; }
    @media (min-width: 900px) {
      body .table, body:not(.section-admin) .table {
        display: table; }
        body .table .tr, body:not(.section-admin) .table .tr {
          display: table-row; }
          body .table .tr > *, body:not(.section-admin) .table .tr > * {
            display: table-cell; } }
  body table.layout-table-even,
  body table.layout-table-odd, body:not(.section-admin) table.layout-table-even,
  body:not(.section-admin) table.layout-table-odd {
    padding: 0;
    margin: 0 0 1.5em 0;
    position: relative;
    clear: both; }
    body table.layout-table-even, body table.layout-table-even thead, body table.layout-table-even tbody, body table.layout-table-even th, body table.layout-table-even td, body table.layout-table-even tr,
    body table.layout-table-odd,
    body table.layout-table-odd thead,
    body table.layout-table-odd tbody,
    body table.layout-table-odd th,
    body table.layout-table-odd td,
    body table.layout-table-odd tr, body:not(.section-admin) table.layout-table-even, body:not(.section-admin) table.layout-table-even thead, body:not(.section-admin) table.layout-table-even tbody, body:not(.section-admin) table.layout-table-even th, body:not(.section-admin) table.layout-table-even td, body:not(.section-admin) table.layout-table-even tr,
    body:not(.section-admin) table.layout-table-odd,
    body:not(.section-admin) table.layout-table-odd thead,
    body:not(.section-admin) table.layout-table-odd tbody,
    body:not(.section-admin) table.layout-table-odd th,
    body:not(.section-admin) table.layout-table-odd td,
    body:not(.section-admin) table.layout-table-odd tr {
      border: none;
      background-color: transparent; }
    body table.layout-table-even td, body table.layout-table-even th,
    body table.layout-table-odd td,
    body table.layout-table-odd th, body:not(.section-admin) table.layout-table-even td, body:not(.section-admin) table.layout-table-even th,
    body:not(.section-admin) table.layout-table-odd td,
    body:not(.section-admin) table.layout-table-odd th {
      padding-left: 2%; }
      body table.layout-table-even td p, body table.layout-table-even th p,
      body table.layout-table-odd td p,
      body table.layout-table-odd th p, body:not(.section-admin) table.layout-table-even td p, body:not(.section-admin) table.layout-table-even th p,
      body:not(.section-admin) table.layout-table-odd td p,
      body:not(.section-admin) table.layout-table-odd th p {
        padding-right: 1em; }
      body table.layout-table-even td h2, body table.layout-table-even th h2,
      body table.layout-table-odd td h2,
      body table.layout-table-odd th h2, body:not(.section-admin) table.layout-table-even td h2, body:not(.section-admin) table.layout-table-even th h2,
      body:not(.section-admin) table.layout-table-odd td h2,
      body:not(.section-admin) table.layout-table-odd th h2 {
        padding-bottom: .25em;
        margin-bottom: 0; }
    @media (max-width: 900px) {
      body table.layout-table-even,
      body table.layout-table-odd, body:not(.section-admin) table.layout-table-even,
      body:not(.section-admin) table.layout-table-odd {
        /* if table size != 100 % */ }
        body table.layout-table-even, body table.layout-table-even thead, body table.layout-table-even tbody, body table.layout-table-even th, body table.layout-table-even td, body table.layout-table-even tr,
        body table.layout-table-odd,
        body table.layout-table-odd thead,
        body table.layout-table-odd tbody,
        body table.layout-table-odd th,
        body table.layout-table-odd td,
        body table.layout-table-odd tr, body:not(.section-admin) table.layout-table-even, body:not(.section-admin) table.layout-table-even thead, body:not(.section-admin) table.layout-table-even tbody, body:not(.section-admin) table.layout-table-even th, body:not(.section-admin) table.layout-table-even td, body:not(.section-admin) table.layout-table-even tr,
        body:not(.section-admin) table.layout-table-odd,
        body:not(.section-admin) table.layout-table-odd thead,
        body:not(.section-admin) table.layout-table-odd tbody,
        body:not(.section-admin) table.layout-table-odd th,
        body:not(.section-admin) table.layout-table-odd td,
        body:not(.section-admin) table.layout-table-odd tr {
          display: block; }
        body table.layout-table-even td,
        body table.layout-table-odd td, body:not(.section-admin) table.layout-table-even td,
        body:not(.section-admin) table.layout-table-odd td {
          float: none;
          clear: left; }
        body table.layout-table-even + *,
        body table.layout-table-odd + *, body:not(.section-admin) table.layout-table-even + *,
        body:not(.section-admin) table.layout-table-odd + * {
          clear: both;
          margin-top: 1.2em; } }
  body table.layout-table-odd td, body:not(.section-admin) table.layout-table-odd td {
    background-color: #ededed; }
  @media (max-width: 900px) {
    body table.layout-table-odd td, body:not(.section-admin) table.layout-table-odd td {
      padding-left: 5%;
      /* 5% padding by default */
      padding-right: 5%;
      /* 5% padding by default */
      width: 90% !important; } }
  @media (max-width: 900px) {
    body table.layout-table-even td, body:not(.section-admin) table.layout-table-even td {
      padding-left: 0;
      /* 5% padding by default */
      padding-right: 0;
      /* 5% padding by default */
      width: 100% !important; } }

/* =============================================================================
   IMAGES & CAPTIONS
================================================================================ */
/* ----- Color palette ----------------- */
/* ------------------------------------- */
figure, .figure {
  clear: both;
  display: block;
  padding: 0.3em;
  /* if class image-* is contained by the figure tag */
  /* if class image-* is applied to a parent tag that contained .figure tag */ }
  figure a, .figure a {
    display: block;
    width: 100%; }
  figure img, .figure img {
    display: block;
    width: 100%; }
  figure.left, .figure.left {
    float: left;
    clear: left;
    margin: 0 1.5em 0.5em 0; }
  figure.right, .figure.right {
    float: right;
    clear: right;
    margin: 0 0 0.5em 1.5em; }
  figure figcaption, figure .caption, .figure figcaption, .figure .caption {
    display: block; }
  figure.image-50, .image-50 figure, .figure.image-50, .image-50 .figure {
    width: 47.5%; }
  figure.image-33, .image-33 figure, .figure.image-33, .image-33 .figure {
    width: 30.5%; }
  figure.image-25, .image-25 figure, .figure.image-25, .image-25 .figure {
    width: 22.5%; }
  figure.image-20, .image-20 figure, .figure.image-20, .image-20 .figure {
    width: 17.5%; }
  figure.image-100, .image-100 figure, .figure.image-100, .image-100 .figure {
    width: 100%;
    clear: both; }
    figure.image-100 img, .image-100 figure img, .figure.image-100 img, .image-100 .figure img {
      margin-right: 0;
      margin-left: 0; }

/* Define margin */
.image-20, .image-25, .image-33, .image-50 {
  margin-right: 0;
  margin-left: 0; }
  .image-20.right, .image-25.right, .image-33.right, .image-50.right {
    margin-left: 3.5%; }
    .no-sidebars .image-20.right, .no-sidebars .image-25.right, .no-sidebars .image-33.right, .no-sidebars .image-50.right {
      margin-left: 2.33333%; }
  .image-20.left, .image-25.left, .image-33.left, .image-50.left {
    margin-right: 3.5%; }
    .no-sidebars .image-20.left, .no-sidebars .image-25.left, .no-sidebars .image-33.left, .no-sidebars .image-50.left {
      margin-right: 2.33333%; }

/* =============================================================================
   VIDEO
================================================================================ */
/**
 * Responsive video stuff. Source:
 * http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
 */
/* When using normal HTML5 video, responsiveness is pretty much a given... */
video {
  width: 100%;
  height: auto; }

/* ...but when using a video embedded either by iframe or object/embed tags, 
 * we need a wrapper. */
.video {
  position: relative;
  height: 0; }
  .video.size-4x3 {
    padding-bottom: 75%; }
  .video.size-16x9, .video.youtube, .video.vimeo {
    padding-bottom: 56.25%; }
  .video object, .video embed, .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* =============================================================================
   CKeditor
================================================================================ */
body.cke_show_borders {
  background: #ffffff; }
  body.cke_show_borders img {
    padding: .5em; }

body.cke_ltr {
  background: none;
  left: 0; }
  body.cke_ltr h1.cke_panel_grouptitle {
    display: none; }
  body.cke_ltr ul li.cke_panel_listItem {
    padding-left: 0;
    background: none;
    /*Reset styles for ckeditor tool bar */ }
    body.cke_ltr ul li.cke_panel_listItem h1, body.cke_ltr ul li.cke_panel_listItem h2, body.cke_ltr ul li.cke_panel_listItem h3, body.cke_ltr ul li.cke_panel_listItem h4, body.cke_ltr ul li.cke_panel_listItem h5, body.cke_ltr ul li.cke_panel_listItem h6, body.cke_ltr ul li.cke_panel_listItem p, body.cke_ltr ul li.cke_panel_listItem .xpandable, body.cke_ltr ul li.cke_panel_listItem .intro, body.cke_ltr ul li.cke_panel_listItem .citation, body.cke_ltr ul li.cke_panel_listItem .arrow-link, body.cke_ltr ul li.cke_panel_listItem .button-link {
      background: none;
      line-height: 1.2em;
      padding: 0;
      margin: 0;
      height: 1.2em; }