@charset "UTF-8";
/* Base rules */
/* $dl-icons-spacing: 20px; // Add some padding around our sprites.
   @import "../images/dl-icons/*.png";  // This where our to-be-sprite-a-fied icons live.
   @import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/
*/
/* =============================================================================
   BREAKPOINT
================================================================================ */
@font-face {
  font-family: "Quattrocento Sans";
  src: url("../fonts/QuattrocentoSans/quattrocentosans-regular-webfont.eot");
  src: url("../fonts/QuattrocentoSans/quattrocentosans-regular-webfont.eot?iefix") format("eot"), url("../fonts/QuattrocentoSans/quattrocentosans-regular-webfont.woff") format("woff"), url("../fonts/QuattrocentoSans/quattrocentosans-regular-webfont.ttf") format("truetype"), url("../fonts/QuattrocentoSans/quattrocentosans-regular-webfont.svg#quattrocentosans-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Quattrocento Sans";
  src: url("../fonts/QuattrocentoSans/quattrocentosans-italic-webfont.eot");
  src: url("../fonts/QuattrocentoSans/quattrocentosans-italic-webfont.eot?iefix") format("eot"), url("../fonts/QuattrocentoSans/quattrocentosans-italic-webfont.woff") format("woff"), url("../fonts/QuattrocentoSans/quattrocentosans-italic-webfont.ttf") format("truetype"), url("../fonts/QuattrocentoSans/quattrocentosans-italic-webfont.svg#quattrocentosans-italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Quattrocento Sans";
  src: url("../fonts/QuattrocentoSans/quattrocentosans-bold-webfont.eot");
  src: url("../fonts/QuattrocentoSans/quattrocentosans-bold-webfont.eot?iefix") format("eot"), url("../fonts/QuattrocentoSans/quattrocentosans-bold-webfont.woff") format("woff"), url("../fonts/QuattrocentoSans/quattrocentosans-bold-webfont.ttf") format("truetype"), url("../fonts/QuattrocentoSans/quattrocentosans-bold-webfont.svg#quattrocentosans-bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Quattrocento Sans";
  src: url("../fonts/QuattrocentoSans/quattrocentosans-bolditalic-webfont.eot");
  src: url("../fonts/QuattrocentoSans/quattrocentosans-bolditalic-webfont.eot?iefix") format("eot"), url("../fonts/QuattrocentoSans/quattrocentosans-bolditalic-webfont.woff") format("woff"), url("../fonts/QuattrocentoSans/quattrocentosans-bolditalic-webfont.ttf") format("truetype"), url("../fonts/QuattrocentoSans/quattrocentosans-bolditalic-webfont.svg#quattrocentosans-bolditalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Dloom Font";
  src: url("../fonts/dlfont/dlfont.eot");
  src: url("../fonts/dlfont/dlfont.eot?iefix") format("eot"), url("../fonts/dlfont/dlfont.woff") format("woff"), url("../fonts/dlfont/dlfont.ttf") format("truetype"), url("../fonts/dlfont/dlfont.svg#dloomfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Custom Sass Mixins */
/* ==================================================================
   RESPONSIVE GUTTER
   $type argument can be either "padding", "margin"
   $topValue, $rightValue, $bottomValue, $leftValue can be "0", "1" for the default gutter
   or any value that is going to mutiply the default value
===================================================================== */
/* ==================================================================
  RESPONSIVE FONT-SIZE AND LINE HEIGHT
===================================================================== */
/* ==================================================================
  RESPOND TO
  Use the breakpoint names defined in base.scss
  The $direction argument can be either "up", "down" or a second breakpoint 
  (higher or lower than the first).
===================================================================== */
/* ==================================================================
   DIGTIAL LOOM'S CLEAR FIX
   This clearfix is better than both Drupal and Compass's clearfix
   http://css-tricks.com/snippets/css/clear-fix/
===================================================================== */
/* ==================================================================
  LIST STYLE
===================================================================== */
/* ==================================================================
   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/
===================================================================== */
/* ==================================================================
   TRANSFORM
===================================================================== */
/* generic transform */
/* rotate */
/* ==================================================================
   TRANSPARENCY
===================================================================== */
/* ==================================================================
   FONT ICON
===================================================================== */
/* ==========================================================================
   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 -------------------------- */
/* ==================================================================
   RESPONSIVE DISPLAY SUITE GROUPS
   One or no column style for Display Suite or View
   $float value can be left/right/none
===================================================================== */
/* ==================================================================
   RESPONSIVE DISPLAY SUITE GROUPS
   2 columns style for Display Suite 
   $image-container value can be left or right
===================================================================== */
/* ==================================================================
   RESPONSIVE DISPLAY SUITE GROUPS
   $image-container value can be left, middle or right
   if group-middle contains the image the gutter will be applied on the left and on the right
===================================================================== */
/* ==========================================================================
  TYPOGRAPHY STYLES TO EXTEND THROUGHOUT THE THEME
  Includes font-family, font size using set-font();
 ========================================================================== */
body, input.form-text,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea, select,
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="month"],
input[type="week"] {
  font-size: 16px;
  line-height: 1.5em;
  color: #424242;
}
@media (min-width: 320px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media (min-width: 480px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 16px;
    line-height: 1.5em;
  }
}
@media (min-width: 640px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 17px;
    line-height: 1.4705882353em;
  }
}
@media (min-width: 768px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 17px;
    line-height: 1.4705882353em;
  }
}
@media (min-width: 800px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 17px;
    line-height: 1.4705882353em;
  }
}
@media (min-width: 980px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 18px;
    line-height: 1.4444444444em;
  }
}
@media (min-width: 1250px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 18px;
    line-height: 1.4444444444em;
  }
}
@media (min-width: 1400px) {
  body, input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea, select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    font-size: 18px;
    line-height: 1.4444444444em;
  }
}

#name-and-slogan #site-name {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
  /* Uncomment to hide the site name */
  font-size: 2.375em;
  line-height: 1.0526315789em;
}
@media (min-width: 640px) {
  #name-and-slogan #site-name {
    font-size: 2.2352941176em;
    line-height: 1.0526315789em;
  }
}
@media (min-width: 980px) {
  #name-and-slogan #site-name {
    font-size: 2.2222222222em;
    line-height: 1em;
  }
}
#name-and-slogan #site-name a:after, #name-and-slogan #site-name a:before {
  display: none;
}

#name-and-slogan #site-slogan {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
  /* Uncomment to hide the site slogan */
}
#name-and-slogan #site-slogan a:after, #name-and-slogan #site-slogan a:before {
  display: none;
}

.field-type-datetime,
.field-name-post-date,
.field-name-changed-date, div.twSimpleListGroup .twEventDetails span.twDetail {
  font-size: 0.75em;
  line-height: 1.8333333333em;
  color: #424242;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date, div.twSimpleListGroup .twEventDetails span.twDetail {
    font-size: 0.7058823529em;
    line-height: 1.8333333333em;
  }
}
@media (min-width: 980px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date, div.twSimpleListGroup .twEventDetails span.twDetail {
    font-size: 0.6666666667em;
    line-height: 1.8333333333em;
  }
}
.dl-slider-carousel .field-type-datetime,
.dl-slider-carousel .field-name-post-date,
.dl-slider-carousel .field-name-changed-date, .dl-slider-carousel div.twSimpleListGroup .twEventDetails span.twDetail, div.twSimpleListGroup .twEventDetails .dl-slider-carousel span.twDetail {
  padding: 3px 8px;
  background-color: #424242;
  color: #ffffff;
  letter-spacing: 1px;
}
@media (min-width: 640px) {
  .dl-slider-carousel .field-type-datetime,
  .dl-slider-carousel .field-name-post-date,
  .dl-slider-carousel .field-name-changed-date, .dl-slider-carousel div.twSimpleListGroup .twEventDetails span.twDetail, div.twSimpleListGroup .twEventDetails .dl-slider-carousel span.twDetail {
    padding: 4px 8px;
  }
}
@media (min-width: 980px) {
  .dl-slider-carousel .field-type-datetime,
  .dl-slider-carousel .field-name-post-date,
  .dl-slider-carousel .field-name-changed-date, .dl-slider-carousel div.twSimpleListGroup .twEventDetails span.twDetail, div.twSimpleListGroup .twEventDetails .dl-slider-carousel span.twDetail {
    padding: 4px 9px;
  }
}
@media (min-width: 1400px) {
  .dl-slider-carousel .field-type-datetime,
  .dl-slider-carousel .field-name-post-date,
  .dl-slider-carousel .field-name-changed-date, .dl-slider-carousel div.twSimpleListGroup .twEventDetails span.twDetail, div.twSimpleListGroup .twEventDetails .dl-slider-carousel span.twDetail {
    padding: 5px 10px;
  }
}

h1 {
  color: #424242;
  font-weight: normal;
  font-size: 2.375em;
  line-height: 1em;
}
@media (min-width: 640px) {
  h1 {
    font-size: 2.3529411765em;
    line-height: 1em;
  }
}
@media (min-width: 980px) {
  h1 {
    font-size: 2.5em;
    line-height: 1em;
  }
}
h1 strong {
  font-weight: normal;
}

h2, html.js fieldset.collapsible .fieldset-legend a, div.twSimpleListGroup .twSimpleListGroupHead {
  color: #424242;
  font-weight: normal;
  font-size: 1.5625em;
  line-height: 1em;
}
@media (min-width: 640px) {
  h2, html.js fieldset.collapsible .fieldset-legend a, div.twSimpleListGroup .twSimpleListGroupHead {
    font-size: 1.7647058824em;
    line-height: 1em;
  }
}
@media (min-width: 980px) {
  h2, html.js fieldset.collapsible .fieldset-legend a, div.twSimpleListGroup .twSimpleListGroupHead {
    font-size: 1.9444444444em;
    line-height: 1em;
  }
}
h2 strong, html.js fieldset.collapsible .fieldset-legend a strong, div.twSimpleListGroup .twSimpleListGroupHead strong {
  font-weight: normal;
}

h3, #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a, div.twSimpleListGroup .twDescription {
  color: #424242;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .015em;
  font-size: 1.25em;
  line-height: 1.1em;
}
@media (min-width: 640px) {
  h3, #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a, div.twSimpleListGroup .twDescription {
    font-size: 1.2941176471em;
    line-height: 1.0909090909em;
  }
}
@media (min-width: 980px) {
  h3, #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a, div.twSimpleListGroup .twDescription {
    font-size: 1.3333333333em;
    line-height: 1.0833333333em;
  }
}

h4, h5, h6, .node.view-mode-search_result .field-name-title .field-item,
.node.view-mode-search_result .field-name-title-link-to-pdf .field-item {
  color: #424242;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .0125em;
  font-size: 0.875em;
  line-height: 1.2857142857em;
}
@media (min-width: 640px) {
  h4, h5, h6, .node.view-mode-search_result .field-name-title .field-item,
  .node.view-mode-search_result .field-name-title-link-to-pdf .field-item {
    font-size: 0.8823529412em;
    line-height: 1.2666666667em;
  }
}
@media (min-width: 980px) {
  h4, h5, h6, .node.view-mode-search_result .field-name-title .field-item,
  .node.view-mode-search_result .field-name-title-link-to-pdf .field-item {
    font-size: 0.8888888889em;
    line-height: 1.25em;
  }
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: #424242;
  display: inline;
  vertical-align: top;
  margin-right: 1em;
}
h1 > a:after, h2 > a:after, h3 > a:after, h4 > a:after, h5 > a:after, h6 > a:after {
  position: absolute;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Dloom Font", sans-serif;
  font-size: 0.8em;
  text-align: center;
  font-weight: normal;
  padding: 0 0.4em;
  color: #8a0f27;
  content: "";
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}

body table.data-table-with-label.responsive span.header-label,
body:not(.section-admin) table.data-table-with-label.responsive span.header-label, html.js fieldset .fieldset-wrapper .label-above, .form-item label {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 1em;
  line-height: 1.25em;
  font-weight: bold;
  color: #424242;
}
@media (min-width: 640px) {
  body table.data-table-with-label.responsive span.header-label,
  body:not(.section-admin) table.data-table-with-label.responsive span.header-label, html.js fieldset .fieldset-wrapper .label-above, .form-item label {
    font-size: 1em;
    line-height: 1.2352941176em;
  }
}
@media (min-width: 980px) {
  body table.data-table-with-label.responsive span.header-label,
  body:not(.section-admin) table.data-table-with-label.responsive span.header-label, html.js fieldset .fieldset-wrapper .label-above, .form-item label {
    font-size: 1em;
    line-height: 1.2222222222em;
  }
}

.sidebars .block > h2.block-title {
  font-size: 1.125em;
  line-height: 1.2222222222em;
  font-weight: bold;
}
@media (min-width: 640px) {
  .sidebars .block > h2.block-title {
    font-size: 1.0588235294em;
    line-height: 1.2222222222em;
  }
}
@media (min-width: 980px) {
  .sidebars .block > h2.block-title {
    font-size: 1em;
    line-height: 1.2222222222em;
  }
}

.sidebars .block > .content h2, #content #block-views-news-events-block-responsive > .content h2, #block-views-news-events-block > .content h2, .block-bean .entity-bean .entity-field-collection-item .group-right h2 {
  font-size: 1.125em;
  line-height: 1.2222222222em;
  font-weight: bold;
}
@media (min-width: 640px) {
  .sidebars .block > .content h2, #content #block-views-news-events-block-responsive > .content h2, #block-views-news-events-block > .content h2, .block-bean .entity-bean .entity-field-collection-item .group-right h2 {
    font-size: 1.0588235294em;
    line-height: 1.2222222222em;
  }
}
@media (min-width: 980px) {
  .sidebars .block > .content h2, #content #block-views-news-events-block-responsive > .content h2, #block-views-news-events-block > .content h2, .block-bean .entity-bean .entity-field-collection-item .group-right h2 {
    font-size: 1em;
    line-height: 1.2222222222em;
  }
}
.sidebars .block > .content h3, #content #block-views-news-events-block-responsive > .content h3, #block-views-news-events-block > .content h3, .block-bean .entity-bean .entity-field-collection-item .group-right h3 {
  font-size: 1em;
  line-height: 1.4375em;
}
@media (min-width: 640px) {
  .sidebars .block > .content h3, #content #block-views-news-events-block-responsive > .content h3, #block-views-news-events-block > .content h3, .block-bean .entity-bean .entity-field-collection-item .group-right h3 {
    font-size: 1em;
    line-height: 1.3529411765em;
  }
}
@media (min-width: 980px) {
  .sidebars .block > .content h3, #content #block-views-news-events-block-responsive > .content h3, #block-views-news-events-block > .content h3, .block-bean .entity-bean .entity-field-collection-item .group-right h3 {
    font-size: 0.9444444444em;
    line-height: 1.3529411765em;
  }
}
.sidebars .block > .content h3 a:after, #content #block-views-news-events-block-responsive > .content h3 a:after, #block-views-news-events-block > .content h3 a:after, .block-bean .entity-bean .entity-field-collection-item .group-right h3 a:after, .sidebars .block > .content h3 a:before, #content #block-views-news-events-block-responsive > .content h3 a:before, #block-views-news-events-block > .content h3 a:before, .block-bean .entity-bean .entity-field-collection-item .group-right h3 a:before {
  display: none;
}
.sidebars .block > .content h4, #content #block-views-news-events-block-responsive > .content h4, #block-views-news-events-block > .content h4, .block-bean .entity-bean .entity-field-collection-item .group-right h4 {
  font-size: 0.875em;
  line-height: 1.2857142857em;
}
@media (min-width: 640px) {
  .sidebars .block > .content h4, #content #block-views-news-events-block-responsive > .content h4, #block-views-news-events-block > .content h4, .block-bean .entity-bean .entity-field-collection-item .group-right h4 {
    font-size: 0.8235294118em;
    line-height: 1.2857142857em;
  }
}
@media (min-width: 980px) {
  .sidebars .block > .content h4, #content #block-views-news-events-block-responsive > .content h4, #block-views-news-events-block > .content h4, .block-bean .entity-bean .entity-field-collection-item .group-right h4 {
    font-size: 0.8333333333em;
    line-height: 1.2666666667em;
  }
}
.sidebars .block > .content h4 a:after, #content #block-views-news-events-block-responsive > .content h4 a:after, #block-views-news-events-block > .content h4 a:after, .block-bean .entity-bean .entity-field-collection-item .group-right h4 a:after, .sidebars .block > .content h4 a:before, #content #block-views-news-events-block-responsive > .content h4 a:before, #block-views-news-events-block > .content h4 a:before, .block-bean .entity-bean .entity-field-collection-item .group-right h4 a:before {
  display: none;
}
.sidebars .block > .content .field-name-title h3, #content #block-views-news-events-block-responsive > .content .field-name-title h3, #block-views-news-events-block > .content .field-name-title h3, .block-bean .entity-bean .entity-field-collection-item .group-right .field-name-title h3 {
  text-transform: none;
  letter-spacing: 0;
}
.sidebars .block > .content p, #content #block-views-news-events-block-responsive > .content p, #block-views-news-events-block > .content p, .block-bean .entity-bean .entity-field-collection-item .group-right p {
  font-size: 0.875em;
  line-height: 1.2857142857em;
}
@media (min-width: 640px) {
  .sidebars .block > .content p, #content #block-views-news-events-block-responsive > .content p, #block-views-news-events-block > .content p, .block-bean .entity-bean .entity-field-collection-item .group-right p {
    font-size: 0.8235294118em;
    line-height: 1.2857142857em;
  }
}
@media (min-width: 980px) {
  .sidebars .block > .content p, #content #block-views-news-events-block-responsive > .content p, #block-views-news-events-block > .content p, .block-bean .entity-bean .entity-field-collection-item .group-right p {
    font-size: 0.8333333333em;
    line-height: 1.2666666667em;
  }
}
.sidebars .block > .content p.intro, #content #block-views-news-events-block-responsive > .content p.intro, #block-views-news-events-block > .content p.intro, .block-bean .entity-bean .entity-field-collection-item .group-right p.intro {
  font-size: 1.125em;
  line-height: 1.8333333333em;
}
@media (min-width: 640px) {
  .sidebars .block > .content p.intro, #content #block-views-news-events-block-responsive > .content p.intro, #block-views-news-events-block > .content p.intro, .block-bean .entity-bean .entity-field-collection-item .group-right p.intro {
    font-size: 1.1176470588em;
    line-height: 1.7894736842em;
  }
}
@media (min-width: 980px) {
  .sidebars .block > .content p.intro, #content #block-views-news-events-block-responsive > .content p.intro, #block-views-news-events-block > .content p.intro, .block-bean .entity-bean .entity-field-collection-item .group-right p.intro {
    font-size: 1.1111111111em;
    line-height: 1.75em;
  }
}
.sidebars .block > .content p.small, #content #block-views-news-events-block-responsive > .content p.small, #block-views-news-events-block > .content p.small, .block-bean .entity-bean .entity-field-collection-item .group-right p.small {
  font-size: 0.8125em;
  line-height: 1.5384615385em;
}
@media (min-width: 640px) {
  .sidebars .block > .content p.small, #content #block-views-news-events-block-responsive > .content p.small, #block-views-news-events-block > .content p.small, .block-bean .entity-bean .entity-field-collection-item .group-right p.small {
    font-size: 0.8235294118em;
    line-height: 1.5em;
  }
}
@media (min-width: 980px) {
  .sidebars .block > .content p.small, #content #block-views-news-events-block-responsive > .content p.small, #block-views-news-events-block > .content p.small, .block-bean .entity-bean .entity-field-collection-item .group-right p.small {
    font-size: 0.7777777778em;
    line-height: 1.5em;
  }
}

#footer > .wrapper .block > h2.block-title {
  color: #c0beaf;
  text-transform: uppercase;
  font-size: 1.125em;
  line-height: 1.2777777778em;
}
@media (min-width: 640px) {
  #footer > .wrapper .block > h2.block-title {
    font-size: 1.1176470588em;
    line-height: 1.2631578947em;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > h2.block-title {
    font-size: 1.1111111111em;
    line-height: 1.25em;
  }
}

#footer > .wrapper .block > .content h2 {
  color: #ffffff;
  font-size: 2.8125em;
  line-height: 1em;
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content h2 {
    font-size: 2.9411764706em;
    line-height: 1em;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content h2 {
    font-size: 3.0555555556em;
    line-height: 1em;
  }
}
#footer > .wrapper .block > .content p {
  font-size: 1em;
  line-height: 1.3125em;
  margin: 0 0 5px;
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content p {
    font-size: 1em;
    line-height: 1.2352941176em;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content p {
    font-size: 1em;
    line-height: 1.2222222222em;
  }
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content p {
    margin: 0 0 5px;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content p {
    margin: 0 0 6px;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block > .content p {
    margin: 0 0 7px;
  }
}
#footer > .wrapper .block > .content a {
  text-decoration: none;
  font-weight: bold;
}
#footer > .wrapper .block > .content a:link, #footer > .wrapper .block > .content a:visited {
  color: #ffffff;
}
#footer > .wrapper .block > .content a:hover, #footer > .wrapper .block > .content a:focus {
  color: #ffffff;
  text-decoration: underline;
}
#footer > .wrapper .block > .content a:active {
  color: #ffffff;
}
#footer > .wrapper .block > .content ul,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu {
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content ul,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content ul,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block > .content ul,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content ul,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content ul,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block > .content ul,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu {
    padding: 0;
  }
}
#footer > .wrapper .block > .content ul li,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
  margin: 0;
  padding: 0 6px 7px 18px;
  font-size: 1em;
  line-height: 1.3125em;
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    padding: 0 6px 8px 20px;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    padding: 0 7px 9px 22px;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    padding: 0 8px 11px 25px;
  }
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    font-size: 1em;
    line-height: 1.2352941176em;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content ul li,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li {
    font-size: 1em;
    line-height: 1.2222222222em;
  }
}
#footer > .wrapper .block > .content ul li:before,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li:before {
  color: #ffffff;
}
#footer > .wrapper .block > .content ul li a,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: bold;
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content ul li a,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content ul li a,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block > .content ul li a,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #footer > .wrapper .block > .content ul li a,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block > .content ul li a,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block > .content ul li a,
  #footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a {
    padding: 0;
  }
}
#footer > .wrapper .block > .content ul li a:link, #footer > .wrapper .block > .content ul li a:visited,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a:link,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a:visited {
  color: #ffffff;
}
#footer > .wrapper .block > .content ul li a:hover, #footer > .wrapper .block > .content ul li a:focus,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a:hover,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a:focus {
  color: #ffffff;
  text-decoration: underline;
}
#footer > .wrapper .block > .content ul li a:active,
#footer > .wrapper .block > .content #block-menu-menu-quick-links-for-visitors ul.menu li a:active {
  color: #c0beaf;
}

#footer > .wrapper-bottom .block > .content p,
#footer > .wrapper-bottom .copyright-message > .content p {
  font-size: 0.8125em;
  line-height: 1.1538461538em;
  margin: 0 0 5px;
}
@media (min-width: 640px) {
  #footer > .wrapper-bottom .block > .content p,
  #footer > .wrapper-bottom .copyright-message > .content p {
    font-size: 0.7647058824em;
    line-height: 1.1538461538em;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper-bottom .block > .content p,
  #footer > .wrapper-bottom .copyright-message > .content p {
    font-size: 0.7777777778em;
    line-height: 1.1428571429em;
  }
}
@media (min-width: 640px) {
  #footer > .wrapper-bottom .block > .content p,
  #footer > .wrapper-bottom .copyright-message > .content p {
    margin: 0 0 5px;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper-bottom .block > .content p,
  #footer > .wrapper-bottom .copyright-message > .content p {
    margin: 0 0 6px;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper-bottom .block > .content p,
  #footer > .wrapper-bottom .copyright-message > .content p {
    margin: 0 0 7px;
  }
}
#footer > .wrapper-bottom .block > .content a,
#footer > .wrapper-bottom .copyright-message > .content a {
  text-decoration: none;
  font-weight: bold;
}
#footer > .wrapper-bottom .block > .content a:link,
#footer > .wrapper-bottom .copyright-message > .content a:link, #footer > .wrapper-bottom .block > .content a:visited,
#footer > .wrapper-bottom .copyright-message > .content a:visited {
  color: #a6a59a;
}
#footer > .wrapper-bottom .block > .content a:hover,
#footer > .wrapper-bottom .copyright-message > .content a:hover, #footer > .wrapper-bottom .block > .content a:focus,
#footer > .wrapper-bottom .copyright-message > .content a:focus {
  color: #a6a59a;
  text-decoration: underline;
}
#footer > .wrapper-bottom .block > .content a:active,
#footer > .wrapper-bottom .copyright-message > .content a:active {
  color: #a6a59a;
}

.intro {
  color: #6d6c64;
  font-size: 1.125em;
  line-height: 1.7777777778em;
}
@media (min-width: 640px) {
  .intro {
    font-size: 1.1764705882em;
    line-height: 1.7em;
  }
}
@media (min-width: 980px) {
  .intro {
    font-size: 1.2222222222em;
    line-height: 1.6363636364em;
  }
}

footer .copyright-message, .form-item .description, .ajax-progress, .small, .field-name-submitted-by, .field-name-author,
.field-name-field-author, #block-menu-menu-global-navigation > .content > ul.menu, div.messages, #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
  font-size: 0.8125em;
  line-height: 1.3846153846em;
}
@media (min-width: 640px) {
  footer .copyright-message, .form-item .description, .ajax-progress, .small, .field-name-submitted-by, .field-name-author,
  .field-name-field-author, #block-menu-menu-global-navigation > .content > ul.menu, div.messages, #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    font-size: 0.8235294118em;
    line-height: 1.3571428571em;
  }
}
@media (min-width: 980px) {
  footer .copyright-message, .form-item .description, .ajax-progress, .small, .field-name-submitted-by, .field-name-author,
  .field-name-field-author, #block-menu-menu-global-navigation > .content > ul.menu, div.messages, #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    font-size: 0.8333333333em;
    line-height: 1.3333333333em;
  }
}

blockquote h2,
.node-testimonial.view-mode-full h2 {
  font-style: normal;
  font-size: 2.25em;
  line-height: 1em;
}
@media (min-width: 640px) {
  blockquote h2,
  .node-testimonial.view-mode-full h2 {
    font-size: 2.2352941176em;
    line-height: 1em;
  }
}
@media (min-width: 980px) {
  blockquote h2,
  .node-testimonial.view-mode-full h2 {
    font-size: 2.2222222222em;
    line-height: 1em;
  }
}

blockquote p,
blockquote .field-name-field-quote,
.node-testimonial.view-mode-full p,
.node-testimonial.view-mode-full .field-name-field-quote {
  color: #6d6c64;
  font-style: italic;
  font-size: 1.125em;
  line-height: 2em;
}
@media (min-width: 640px) {
  blockquote p,
  blockquote .field-name-field-quote,
  .node-testimonial.view-mode-full p,
  .node-testimonial.view-mode-full .field-name-field-quote {
    font-size: 1.1764705882em;
    line-height: 1.9em;
  }
}
@media (min-width: 980px) {
  blockquote p,
  blockquote .field-name-field-quote,
  .node-testimonial.view-mode-full p,
  .node-testimonial.view-mode-full .field-name-field-quote {
    font-size: 1.2222222222em;
    line-height: 1.8181818182em;
  }
}

.citation {
  color: #a6a59a;
  font-style: normal;
  font-size: 1.125em;
  line-height: 1.4444444444em;
}
@media (min-width: 640px) {
  .citation {
    font-size: 1.1176470588em;
    line-height: 1.4210526316em;
  }
}
@media (min-width: 980px) {
  .citation {
    font-size: 1.1111111111em;
    line-height: 1.4em;
  }
}
.citation:before {
  content: "— ";
}

figure figcaption,
figure .caption, .figure figcaption,
.figure .caption, .caption {
  font-style: italic;
  color: #424242;
  font-size: 0.75em;
  line-height: 1.0833333333em;
}
@media (min-width: 640px) {
  figure figcaption,
  figure .caption, .figure figcaption,
  .figure .caption, .caption {
    font-size: 0.8235294118em;
    line-height: 1em;
  }
}
@media (min-width: 980px) {
  figure figcaption,
  figure .caption, .figure figcaption,
  .figure .caption, .caption {
    font-size: 0.7777777778em;
    line-height: 1em;
  }
}

a.button-link,
.button-link a, form button,
input[type="button"],
input[type="reset"],
input[type="submit"], .form-submit a, ul.tabs li a, ul.tabs + ul.action-links li a, div#quickbar div.depth-0 ul.links li a,
div#quickbar div.depth-1 ul.links li a {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  letter-spacing: .1em !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 7px 11px;
  margin: 0 4px 4px 0;
  left: 0;
  top: 0;
  font-size: 0.875em;
  line-height: 1.5714285714em;
}
@media (min-width: 640px) {
  a.button-link,
  .button-link a, form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"], .form-submit a, ul.tabs li a, ul.tabs + ul.action-links li a, div#quickbar div.depth-0 ul.links li a,
  div#quickbar div.depth-1 ul.links li a {
    padding: 8px 12px;
  }
}
@media (min-width: 980px) {
  a.button-link,
  .button-link a, form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"], .form-submit a, ul.tabs li a, ul.tabs + ul.action-links li a, div#quickbar div.depth-0 ul.links li a,
  div#quickbar div.depth-1 ul.links li a {
    padding: 9px 14px;
  }
}
@media (min-width: 1400px) {
  a.button-link,
  .button-link a, form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"], .form-submit a, ul.tabs li a, ul.tabs + ul.action-links li a, div#quickbar div.depth-0 ul.links li a,
  div#quickbar div.depth-1 ul.links li a {
    padding: 10px 15px;
  }
}
@media (min-width: 640px) {
  a.button-link,
  .button-link a, form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"], .form-submit a, ul.tabs li a, ul.tabs + ul.action-links li a, div#quickbar div.depth-0 ul.links li a,
  div#quickbar div.depth-1 ul.links li a {
    font-size: 0.8823529412em;
    line-height: 1.4666666667em;
  }
}
@media (min-width: 980px) {
  a.button-link,
  .button-link a, form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"], .form-submit a, ul.tabs li a, ul.tabs + ul.action-links li a, div#quickbar div.depth-0 ul.links li a,
  div#quickbar div.depth-1 ul.links li a {
    font-size: 0.8333333333em;
    line-height: 1.4666666667em;
  }
}
a.button-link:hover,
.button-link a:hover, form button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover, .form-submit a:hover, ul.tabs li a:hover, ul.tabs + ul.action-links li a:hover, div#quickbar div.depth-0 ul.links li a:hover,
div#quickbar div.depth-1 ul.links li a:hover {
  /* nifty depress action!*/
  top: 1px;
  left: 1px;
}
a.button-link:active,
.button-link a:active, form button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active, .form-submit a:active, ul.tabs li a:active, ul.tabs + ul.action-links li a:active, div#quickbar div.depth-0 ul.links li a:active,
div#quickbar div.depth-1 ul.links li a:active {
  /* nifty depress action!*/
  top: 2px;
  left: 2px;
}

a.button-link,
.button-link a {
  letter-spacing: .1em !important;
  padding: 12px 22px 12px 15px;
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}
@media (min-width: 640px) {
  a.button-link,
  .button-link a {
    padding: 13px 24px 13px 16px;
  }
}
@media (min-width: 980px) {
  a.button-link,
  .button-link a {
    padding: 15px 27px 15px 18px;
  }
}
@media (min-width: 1400px) {
  a.button-link,
  .button-link a {
    padding: 18px 30px 18px 20px;
  }
}
a.button-link:after,
.button-link a:after {
  position: absolute;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Dloom Font", sans-serif;
  font-size: 0.85em;
  text-align: center;
  font-weight: normal;
  padding: 0 0.425em;
  color: inherit;
  content: "";
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}
@media (min-width: 980px) {
  a.button-link,
  .button-link a {
    padding: 6px 22px 6px 11px;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  a.button-link,
  .button-link a {
    padding: 7px 24px 7px 12px;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  a.button-link,
  .button-link a {
    padding: 8px 27px 8px 14px;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  a.button-link,
  .button-link a {
    padding: 9px 30px 9px 15px;
  }
}

.field-type-text-long .field-item > ul li:before, .field-type-text-long .field-item > table ul li:before,
.field-type-text .field-item > ul li:before,
.field-type-text .field-item > table ul li:before,
.field-type-text-with-summary .field-item > ul li:before,
.field-type-text-with-summary .field-item > table ul li:before,
.xpandable-area > ul li:before,
.xpandable-area > table ul li:before,
.block-block > .content > ul li:before,
.block-block > .content > table ul li:before, #block-menu-menu-quick-links-for-visitors > .content > ul.menu li:before {
  font-family: "Dloom Font", sans-serif;
  content: "";
  font-size: .4em;
  color: #a6a59a;
}
footer > .wrapper .field-type-text-long .field-item > ul li:before, .field-type-text-long .field-item > ul footer > .wrapper li:before,
footer > .wrapper .field-type-text .field-item > ul li:before,
.field-type-text .field-item > ul footer > .wrapper li:before,
footer > .wrapper .field-type-text-with-summary .field-item > ul li:before,
.field-type-text-with-summary .field-item > ul footer > .wrapper li:before,
footer > .wrapper .xpandable-area > ul li:before,
.xpandable-area > ul footer > .wrapper li:before,
footer > .wrapper .block-block > .content > ul li:before,
.block-block > .content > ul footer > .wrapper li:before, footer > .wrapper #block-menu-menu-quick-links-for-visitors > .content > ul.menu li:before, #block-menu-menu-quick-links-for-visitors > .content > ul.menu footer > .wrapper li:before {
  color: #ffffff;
}

ul li,
ol li {
  margin: 0 0 7px;
  /* list items should always get some extra space below them to differentiate them from other items. - VM */
}
@media (min-width: 640px) {
  ul li,
  ol li {
    margin: 0 0 8px;
  }
}
@media (min-width: 980px) {
  ul li,
  ol li {
    margin: 0 0 9px;
  }
}
@media (min-width: 1400px) {
  ul li,
  ol li {
    margin: 0 0 11px;
  }
}

/* --- Utilities --- */
.field-type-text-long .field-item > ul li:before, .field-type-text-long .field-item > table ul li:before,
.field-type-text .field-item > ul li:before,
.field-type-text .field-item > table ul li:before,
.field-type-text-with-summary .field-item > ul li:before,
.field-type-text-with-summary .field-item > table ul li:before,
.xpandable-area > ul li:before,
.xpandable-area > table ul li:before,
.block-block > .content > ul li:before,
.block-block > .content > table ul li:before, #block-menu-menu-quick-links-for-visitors > .content > ul.menu li:before, a.pdf-icon-link:before,
.pdf-icon-link a:before, a.xls-icon-link:before,
.xls-icon-link a:before, a.doc-icon-link:before,
.doc-icon-link a:before, a.video-icon-link:before,
.video-icon-link a:before, a.download-icon-link:before,
.download-icon-link a:before, #block-search-form #search-block-form .form-actions:before, button.search-trigger:after, ul#superfish-1 li ul li a:before, div.dl-menuwrapper ul li.dl-back:after,
div.dl-menuwrapper ul.menu li.dl-back:after,
div.dl-menuwrapper ul.dl-menu li.dl-back:after,
div.dl-menuwrapper ul.dl-submenu li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after, .xpandable:before, html.js fieldset.collapsible .fieldset-legend a:before, .slick-prev:before,
.slick-next:before, #block-menu-menu-social-media ul.menu li .facebook:before, #block-menu-menu-social-media ul.menu li .flickr:before, #block-menu-menu-social-media ul.menu li .googleplus:before, #block-menu-menu-social-media ul.menu li .instagram:before, #block-menu-menu-social-media ul.menu li .linkedin:before, #block-menu-menu-social-media ul.menu li .pinterest:before, #block-menu-menu-social-media ul.menu li .rss:before, #block-menu-menu-social-media ul.menu li .twitter:before, #block-menu-menu-social-media ul.menu li .youtube:before, #block-menu-menu-social-media ul.menu li .vimeo:before, .back-top-button a:before, a#ctl05_ctl01_ctl00_prevLnk:before,
a#ctl05_ctl01_ctl00_nextLnk:before {
  box-sizing: border-box;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: rgba(0, 0, 0, 0.004) 1px 1px 1px;
  zoom: 1;
}

/* --- ICONS FILES --- */
a.pdf-icon-link,
.pdf-icon-link a, a.xls-icon-link,
.xls-icon-link a, a.doc-icon-link,
.doc-icon-link a, a.video-icon-link,
.video-icon-link a, a.download-icon-link,
.download-icon-link a {
  display: inline;
}
a.pdf-icon-link:before,
.pdf-icon-link a:before, a.xls-icon-link:before,
.xls-icon-link a:before, a.doc-icon-link:before,
.doc-icon-link a:before, a.video-icon-link:before,
.video-icon-link a:before, a.download-icon-link:before,
.download-icon-link a:before {
  font-size: 1.2em;
  display: inline-block;
  font-family: "Dloom Font", sans-serif;
  padding: 0;
  margin: 0 .6em 0 0;
  color: #6d6c64;
}
body.cke_editable a.pdf-icon-link:after,
body.cke_editable .pdf-icon-link a:after,
.pdf-icon-link body.cke_editable a:after, body.cke_editable a.xls-icon-link:after,
body.cke_editable .xls-icon-link a:after,
.xls-icon-link body.cke_editable a:after, body.cke_editable a.doc-icon-link:after,
body.cke_editable .doc-icon-link a:after,
.doc-icon-link body.cke_editable a:after, body.cke_editable a.video-icon-link:after,
body.cke_editable .video-icon-link a:after,
.video-icon-link body.cke_editable a:after, body.cke_editable a.download-icon-link:after,
body.cke_editable .download-icon-link a:after,
.download-icon-link body.cke_editable a:after {
  display: none;
}

a.pdf-icon-link:before,
.pdf-icon-link a:before {
  content: "";
}

a.xls-icon-link:before,
.xls-icon-link a:before {
  content: "";
}

a.doc-icon-link:before,
.doc-icon-link a:before {
  content: "";
}

a.video-icon-link:before,
.video-icon-link a:before {
  content: "";
}

a.download-icon-link:before,
.download-icon-link a:before {
  content: "";
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
Normalize.css is intended to be used as an alternative to CSS resets.

It is suggested that you read through the normalize.css file and customise it to meet the design requirements of a project rather including it as a "black box". @see http://nicolasgallagher.com/about-normalize-css/

Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
      @see http://snook.ca/archives/html_and_css/no_css_reset/
========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

.region,
.wrapper,
.block {
  box-sizing: border-box;
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: "Quattrocento Sans", sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}

/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}

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

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 0 0 14px;
  padding: 0;
}
@media (min-width: 640px) {
  p,
  pre {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  p,
  pre {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  p,
  pre {
    margin: 0 0 22px;
  }
}
p + p, p + pre,
pre + p,
pre + pre {
  margin: 0 0 12px;
}
@media (min-width: 640px) {
  p + p, p + pre,
  pre + p,
  pre + pre {
    margin: 0 0 13px;
  }
}
@media (min-width: 980px) {
  p + p, p + pre,
  pre + p,
  pre + pre {
    margin: 0 0 15px;
  }
}
@media (min-width: 1400px) {
  p + p, p + pre,
  pre + p,
  pre + pre {
    margin: 0 0 18px;
  }
}
div.xpandable-area + p, div.xpandable-area +
pre {
  margin: 14px 0;
}
@media (min-width: 640px) {
  div.xpandable-area + p, div.xpandable-area +
  pre {
    margin: 16px 0;
  }
}
@media (min-width: 980px) {
  div.xpandable-area + p, div.xpandable-area +
  pre {
    margin: 18px 0;
  }
}
@media (min-width: 1400px) {
  div.xpandable-area + p, div.xpandable-area +
  pre {
    margin: 22px 0;
  }
}
div.field-item p:first-child, div.field-item
pre:first-child {
  margin: 0 0 14px;
}
@media (min-width: 640px) {
  div.field-item p:first-child, div.field-item
  pre:first-child {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  div.field-item p:first-child, div.field-item
  pre:first-child {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  div.field-item p:first-child, div.field-item
  pre:first-child {
    margin: 0 0 22px;
  }
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp,
tt,
var {
  font-family: 'courier new', monospace;
  /* The $font-monospace value ends with ", serif". */
  font-size: 1em;
  line-height: 1.5em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}

/* 2 */
q:before,
q:after {
  content: none;
}

/* @todo Determine how big element affects vertical rhythm. */
small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul,
.item-list ul {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 14px 0;
}
@media (min-width: 640px) {
  dl,
  menu,
  ol,
  ul,
  .item-list ul {
    margin: 16px 0;
  }
}
@media (min-width: 980px) {
  dl,
  menu,
  ol,
  ul,
  .item-list ul {
    margin: 18px 0;
  }
}
@media (min-width: 1400px) {
  dl,
  menu,
  ol,
  ul,
  .item-list ul {
    margin: 22px 0;
  }
}

.item-list ul li {
  /* Drupal override */
  margin: 0;
}

dd {
  margin: 0 0 0 2em;
  /* LTR */
}

ul ul, ul ol, ol ul, ol ol, .item-list ul ul, .item-list ul ol, .item-list ol ul, .item-list ol ol {
  margin: 0;
  /* Turn off margins on nested lists. */
}

ul.pager {
  padding: 0;
}

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul,
.item-list ul {
  padding: 0 0 0 2em;
  /* LTR */
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none outside none;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  /* vertical-align: bottom; */
  /* Suppress the space beneath the baseline */
  /* Responsive images */
  /* @todo Add responsive embedded video. */
  max-width: 100%;
  height: auto;
}

.lt-ie9 img {
  max-width: none;
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.lt-ie9 img[src*=".svg"] {
  width: 100%;
}

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%;
  }
}
/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}

.element-invisible {
  height: 0;
  width: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  text-indent: -99999px;
  overflow: hidden;
}

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border-color: #c0c0c0;
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 0.4625em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.9125em;
  border-left-width: 0.0625em;
  border-left-style: solid;
  padding-left: 0.9125em;
  border-right-width: 0.0625em;
  border-right-style: solid;
  padding-right: 0.9125em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  /* width: 100%; */
  /* Prevent cramped-looking tables */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/*
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
th {
  text-align: left;
  /* LTR */
  padding: 0;
  border-bottom: none;
}

tbody {
  border-top: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}

/* ==========================================================================
ELEMENTS
This covers all the default HTML
========================================================================== */
body {
  font-family: "Quattrocento Sans", sans-serif;
}

/* =============================================================================
   HEADING
================================================================================ */
/* =============================================================================
   ELEMENTS RHYTHMS
   Margin and padding between elements
================================================================================ */
.field-type-text-long .field-item > p:first-child,
.field-type-text .field-item > p:first-child,
.field-type-text-with-summary .field-item > p:first-child,
.xpandable-area > p:first-child,
.block-block > .content > p:first-child {
  margin-top: 0;
}
.field-type-text-long .field-item > h1 + p, .field-type-text-long .field-item > h1 + ul, .field-type-text-long .field-item > h2 + p, .field-type-text-long .field-item > h2 + ul, .field-type-text-long .field-item > h3 + p, .field-type-text-long .field-item > h3 + ul,
.field-type-text .field-item > h1 + p,
.field-type-text .field-item > h1 + ul,
.field-type-text .field-item > h2 + p,
.field-type-text .field-item > h2 + ul,
.field-type-text .field-item > h3 + p,
.field-type-text .field-item > h3 + ul,
.field-type-text-with-summary .field-item > h1 + p,
.field-type-text-with-summary .field-item > h1 + ul,
.field-type-text-with-summary .field-item > h2 + p,
.field-type-text-with-summary .field-item > h2 + ul,
.field-type-text-with-summary .field-item > h3 + p,
.field-type-text-with-summary .field-item > h3 + ul,
.xpandable-area > h1 + p,
.xpandable-area > h1 + ul,
.xpandable-area > h2 + p,
.xpandable-area > h2 + ul,
.xpandable-area > h3 + p,
.xpandable-area > h3 + ul,
.block-block > .content > h1 + p,
.block-block > .content > h1 + ul,
.block-block > .content > h2 + p,
.block-block > .content > h2 + ul,
.block-block > .content > h3 + p,
.block-block > .content > h3 + ul {
  margin-top: .8em;
}
.field-type-text-long .field-item > h4, .field-type-text-long .field-item > h5, .field-type-text-long .field-item > h6,
.field-type-text .field-item > h4,
.field-type-text .field-item > h5,
.field-type-text .field-item > h6,
.field-type-text-with-summary .field-item > h4,
.field-type-text-with-summary .field-item > h5,
.field-type-text-with-summary .field-item > h6,
.xpandable-area > h4,
.xpandable-area > h5,
.xpandable-area > h6,
.block-block > .content > h4,
.block-block > .content > h5,
.block-block > .content > h6 {
  margin-bottom: 0;
}
.field-type-text-long .field-item > h4 + p, .field-type-text-long .field-item > h4 + ul, .field-type-text-long .field-item > h5 + p, .field-type-text-long .field-item > h5 + ul, .field-type-text-long .field-item > h6 + p, .field-type-text-long .field-item > h6 + ul,
.field-type-text .field-item > h4 + p,
.field-type-text .field-item > h4 + ul,
.field-type-text .field-item > h5 + p,
.field-type-text .field-item > h5 + ul,
.field-type-text .field-item > h6 + p,
.field-type-text .field-item > h6 + ul,
.field-type-text-with-summary .field-item > h4 + p,
.field-type-text-with-summary .field-item > h4 + ul,
.field-type-text-with-summary .field-item > h5 + p,
.field-type-text-with-summary .field-item > h5 + ul,
.field-type-text-with-summary .field-item > h6 + p,
.field-type-text-with-summary .field-item > h6 + ul,
.xpandable-area > h4 + p,
.xpandable-area > h4 + ul,
.xpandable-area > h5 + p,
.xpandable-area > h5 + ul,
.xpandable-area > h6 + p,
.xpandable-area > h6 + ul,
.block-block > .content > h4 + p,
.block-block > .content > h4 + ul,
.block-block > .content > h5 + p,
.block-block > .content > h5 + ul,
.block-block > .content > h6 + p,
.block-block > .content > h6 + ul {
  margin-top: .3em;
}
.field-type-text-long .field-item > ul, .field-type-text-long .field-item > table ul,
.field-type-text .field-item > ul,
.field-type-text .field-item > table ul,
.field-type-text-with-summary .field-item > ul,
.field-type-text-with-summary .field-item > table ul,
.xpandable-area > ul,
.xpandable-area > table ul,
.block-block > .content > ul,
.block-block > .content > table ul {
  list-style: none;
}
.field-type-text-long .field-item > ul li:before, .field-type-text-long .field-item > table ul li:before,
.field-type-text .field-item > ul li:before,
.field-type-text .field-item > table ul li:before,
.field-type-text-with-summary .field-item > ul li:before,
.field-type-text-with-summary .field-item > table ul li:before,
.xpandable-area > ul li:before,
.xpandable-area > table ul li:before,
.block-block > .content > ul li:before,
.block-block > .content > table ul li:before {
  display: block;
  position: absolute;
  margin-left: -15px;
}
.field-type-text-long .field-item > ul > li > ul, .field-type-text-long .field-item > ul > li > ol, .field-type-text-long .field-item > table ul > li > ul, .field-type-text-long .field-item > table ul > li > ol,
.field-type-text .field-item > ul > li > ul,
.field-type-text .field-item > ul > li > ol,
.field-type-text .field-item > table ul > li > ul,
.field-type-text .field-item > table ul > li > ol,
.field-type-text-with-summary .field-item > ul > li > ul,
.field-type-text-with-summary .field-item > ul > li > ol,
.field-type-text-with-summary .field-item > table ul > li > ul,
.field-type-text-with-summary .field-item > table ul > li > ol,
.xpandable-area > ul > li > ul,
.xpandable-area > ul > li > ol,
.xpandable-area > table ul > li > ul,
.xpandable-area > table ul > li > ol,
.block-block > .content > ul > li > ul,
.block-block > .content > ul > li > ol,
.block-block > .content > table ul > li > ul,
.block-block > .content > table ul > li > ol {
  margin-top: 1em;
  padding-bottom: 5px;
}
.field-type-text-long .field-item > ol + ul,
.field-type-text .field-item > ol + ul,
.field-type-text-with-summary .field-item > ol + ul,
.xpandable-area > ol + ul,
.block-block > .content > ol + ul {
  margin-left: 2em;
}
.field-type-text-long .field-item > table td h1:first-child, .field-type-text-long .field-item > table td h2:first-child, .field-type-text-long .field-item > table td h3:first-child, .field-type-text-long .field-item > table td h4:first-child, .field-type-text-long .field-item > table td p:first-child,
.field-type-text .field-item > table td h1:first-child,
.field-type-text .field-item > table td h2:first-child,
.field-type-text .field-item > table td h3:first-child,
.field-type-text .field-item > table td h4:first-child,
.field-type-text .field-item > table td p:first-child,
.field-type-text-with-summary .field-item > table td h1:first-child,
.field-type-text-with-summary .field-item > table td h2:first-child,
.field-type-text-with-summary .field-item > table td h3:first-child,
.field-type-text-with-summary .field-item > table td h4:first-child,
.field-type-text-with-summary .field-item > table td p:first-child,
.xpandable-area > table td h1:first-child,
.xpandable-area > table td h2:first-child,
.xpandable-area > table td h3:first-child,
.xpandable-area > table td h4:first-child,
.xpandable-area > table td p:first-child,
.block-block > .content > table td h1:first-child,
.block-block > .content > table td h2:first-child,
.block-block > .content > table td h3:first-child,
.block-block > .content > table td h4:first-child,
.block-block > .content > table td p:first-child {
  padding-top: 0;
  margin-top: 0;
}

/**** Strictly about Header Spacing ****/
h1 + h1, h2 + h1, h3 + h1, h4 + h1, h5 + h1, h6 + h1 {
  padding-top: .3em;
}
h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2 {
  padding-top: .3em;
}
h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, h6 + h3 {
  padding-top: .6em;
}
h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, h6 + h4 {
  padding-top: .6em;
}
h1 + h5, h1 + h6, h2 + h5, h2 + h6, h3 + h5, h3 + h6, h4 + h5, h4 + h6, h5 + h5, h5 + h6, h6 + h5, h6 + h6 {
  padding-top: 1em;
}

/* =============================================================================
   LIST
================================================================================ */
/* =============================================================================
   LINK
================================================================================ */
a {
  font-weight: bold;
  outline: none;
}
a:link, a:visited {
  color: #b22641;
  text-decoration: none;
}
a:hover, a:focus {
  color: #8a0f27;
  text-decoration: underline;
}
a:active {
  color: #8a0f27;
}

/* =============================================================================
   HORIZONTAL RULE
================================================================================ */
hr {
  border: 0;
  height: 1px;
  border-bottom: 1px solid #f0efe8;
  background-color: transparent;
  clear: both;
}

/* =============================================================================
   OTHER CUSTOM STYLES
============================================================================= */
.dlcredit {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 9px;
  letter-spacing: .03em;
  height: 15px;
  text-align: center;
  background-color: white;
}
.dlcredit a {
  color: #dbdbdb !important;
  text-decoration: none;
}

a.ilink {
  border: none;
  line-height: 0;
  text-decoration: none;
  max-width: 100%;
}
a.ilink:hover {
  border: none;
  text-decoration: none;
}

/* Layout rules */
/* ====================================================================================
LAYOUT
This file includes all files in this folder root + layout default configuration
=====================================================================================*/
body {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

/* ==========================================================================
  RESPONSIVE LAYOUT
// Layout Responsive Configuration// 3 sections (SMALL, MEDIUM, LARGE) that contains positioning information ONLY for broad containers on a page layout
  There should not be any styles, fonts, colors, padding, margin, or content formatting here.
===========================================================================*/
/* ==========================================================================
   SMALL LAYOUT (a 1-column layout)
   Note: We're not using a media query here, in accordance with "mobile first".
   In other words, the phone layout should be the default.
========================================================================== */
#header > .wrapper,
#navigation > .wrapper,
footer > .wrapper .inner-content,
footer > .wrapper-bottom .inner-content {
  width: 100%;
  max-width: 1450px;
  /* Prevent excessively long lines of text by setting a max-width. */
  margin: 0 auto;
}
#header > .wrapper:after,
#navigation > .wrapper:after,
footer > .wrapper .inner-content:after,
footer > .wrapper-bottom .inner-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}

footer {
  margin: 0 auto;
  width: 100%;
}

#content {
  width: 100%;
}

.region-sidebar-first,
.region-sidebar-second {
  width: 100%;
}

.region {
  position: relative;
}

/* ==========================================================================
   MEDIUM LAYOUT (2-column layout)
========================================================================== */
@media (min-width: 800px) {
  #page {
    width: 100%;
  }

  footer {
    width: 100%;
  }

  #content {
    width: 70%;
    float: left;
  }

  .region-sidebar-first {
    width: 30%;
    float: right;
  }

  .region-sidebar-second {
    width: 30%;
    float: right;
  }

  /* Set back to full page width when there are no sidebars */
  .no-sidebars #content {
    width: 100%;
  }
}
/* ==========================================================================
   LARGE LAYOUT (a 2 or 3-column layout)
========================================================================== */
@media (min-width: 1250px) {
  #page {
    width: 100%;
  }

  footer {
    width: 100%;
  }

  #content {
    width: 60%;
    margin-left: 18%;
    float: left;
  }

  .region-sidebar-first {
    width: 18%;
    margin-left: -78%;
    float: left;
  }

  .region-sidebar-second {
    width: 22%;
    float: right;
  }

  /* Left sidebar only */
  .sidebar-first #content {
    width: 82%;
    margin-left: 18%;
  }
  .sidebar-first .region-sidebar-first {
    width: 18%;
    margin-left: -100%;
  }

  /* Right sidebar only */
  .sidebar-second #content {
    width: 78%;
    margin-left: 0;
  }
  .sidebar-second .region-sidebar-second {
    width: 22%;
  }

  /* Set back to 100% when there are no sidebars */
  .no-sidebars #content {
    width: 100%;
    margin-left: 0;
  }
}
/* =============================================================================
   HEADER  (Logo, slogan, site name etc.)
   ========================================================================== */
header {
  display: block;
  color: #424242;
  background-color: transparent;
  text-rendering: optimizeSpeed;
  width: 100%;
  z-index: 901;
  /* Header Link Default */
}
header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
header > .wrapper {
  box-sizing: border-box;
  padding: 14px 18px;
  position: relative;
}
header > .wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  header > .wrapper {
    padding: 16px 20px;
  }
}
@media (min-width: 980px) {
  header > .wrapper {
    padding: 18px 22px;
  }
}
@media (min-width: 1400px) {
  header > .wrapper {
    padding: 22px 25px;
  }
}
@media (min-width: 768px) {
  header > .wrapper {
    padding: 0 0 14px 36px;
  }
}
@media (min-width: 768px) and (min-width: 640px) {
  header > .wrapper {
    padding: 0 0 16px 40px;
  }
}
@media (min-width: 768px) and (min-width: 980px) {
  header > .wrapper {
    padding: 0 0 18px 44px;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  header > .wrapper {
    padding: 0 0 22px 50px;
  }
}

@media (min-width: 800px) {
  header > .wrapper {
    padding: 0 0 14px 54px;
  }
}
@media (min-width: 800px) and (min-width: 640px) {
  header > .wrapper {
    padding: 0 0 16px 60px;
  }
}
@media (min-width: 800px) and (min-width: 980px) {
  header > .wrapper {
    padding: 0 0 18px 66px;
  }
}
@media (min-width: 800px) and (min-width: 1400px) {
  header > .wrapper {
    padding: 0 0 22px 75px;
  }
}

@media (min-width: 980px) {
  header > .wrapper {
    padding: 0 0 14px 54px;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  header > .wrapper {
    padding: 0 0 16px 60px;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  header > .wrapper {
    padding: 0 0 18px 66px;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  header > .wrapper {
    padding: 0 0 22px 75px;
  }
}

@media (min-width: 1250px) {
  header > .wrapper {
    padding: 0 0 14px 72px;
  }
}
@media (min-width: 1250px) and (min-width: 640px) {
  header > .wrapper {
    padding: 0 0 16px 80px;
  }
}
@media (min-width: 1250px) and (min-width: 980px) {
  header > .wrapper {
    padding: 0 0 18px 88px;
  }
}
@media (min-width: 1250px) and (min-width: 1400px) {
  header > .wrapper {
    padding: 0 0 22px 100px;
  }
}

header > .wrapper #header-content {
  text-align: center;
}
@media (min-width: 768px) {
  header > .wrapper #header-content {
    text-align: left;
  }
}
header a,
header a:visited {
  color: #424242;
  text-decoration: none;
}
header a:hover {
  color: #6d6c64;
}
header a:active {
  color: #6d6c64;
}

/* Region Header */
.region-header {
  z-index: 901;
  width: 100%;
  display: none;
  background-color: #f0efe8;
}
.region-header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .region-header {
    display: block;
    padding: 5px 9px 5px 0;
  }
}
@media (min-width: 768px) and (min-width: 640px) {
  .region-header {
    padding: 5px 10px 5px 0;
  }
}
@media (min-width: 768px) and (min-width: 980px) {
  .region-header {
    padding: 6px 11px 6px 0;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  .region-header {
    padding: 7px 13px 7px 0;
  }
}

@media (min-width: 980px) {
  .region-header {
    width: auto;
    float: right;
    padding: 7px 15px;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  .region-header {
    padding: 8px 16px;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  .region-header {
    padding: 9px 18px;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  .region-header {
    padding: 11px 20px;
  }
}

/* Logo */
html.svg #bitmap-logo,
html.svg #bitmap-logo-sq {
  display: none;
}
html.svg #svg-logo {
  display: block;
  width: 300px;
}
@media (min-width: 768px) and (max-width: 980px) {
  html.svg #svg-logo {
    display: none;
  }
}
html.svg #svg-logo-sq {
  display: none;
  width: 110px;
}
@media (min-width: 768px) and (max-width: 980px) {
  html.svg #svg-logo-sq {
    display: block;
  }
}

html.no-svg #svg-logo,
html.no-svg #svg-logo-sq,
html.lt-ie9 #svg-logo,
html.lt-ie9 #svg-logo-sq {
  display: none;
}
html.no-svg #bitmap-logo,
html.lt-ie9 #bitmap-logo {
  display: block;
  width: 300px;
}
@media (min-width: 768px) and (max-width: 980px) {
  html.no-svg #bitmap-logo,
  html.lt-ie9 #bitmap-logo {
    display: none;
  }
}
html.no-svg #bitmap-logo-sq,
html.lt-ie9 #bitmap-logo-sq {
  display: none;
  width: 110px;
}
@media (min-width: 768px) and (max-width: 980px) {
  html.no-svg #bitmap-logo-sq,
  html.lt-ie9 #bitmap-logo-sq {
    display: block;
  }
}

#logo {
  /* Wrapping link for logo */
  box-sizing: border-box;
  border: none;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: center;
  padding: 0;
  margin: 56px 0 0;
  width: 300px;
  max-width: 85%;
}
@media (min-width: 640px) {
  #logo {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #logo {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #logo {
    padding: 0;
  }
}
@media (min-width: 640px) {
  #logo {
    margin: 64px 0 0;
  }
}
@media (min-width: 980px) {
  #logo {
    margin: 72px 0 0;
  }
}
@media (min-width: 1400px) {
  #logo {
    margin: 88px 0 0;
  }
}
@media (min-width: 768px) {
  #logo {
    width: 300px;
    max-width: 24%;
    margin: 42px 0 14px;
  }
}
@media (min-width: 768px) and (min-width: 640px) {
  #logo {
    margin: 48px 0 16px;
  }
}
@media (min-width: 768px) and (min-width: 980px) {
  #logo {
    margin: 54px 0 18px;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  #logo {
    margin: 66px 0 22px;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  #logo {
    margin: 35px 0 14px;
    width: 110px;
    max-width: 14%;
  }
}
@media (min-width: 768px) and (max-width: 980px) and (min-width: 640px) {
  #logo {
    margin: 40px 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 980px) and (min-width: 980px) {
  #logo {
    margin: 45px 0 18px;
  }
}
@media (min-width: 768px) and (max-width: 980px) and (min-width: 1400px) {
  #logo {
    margin: 55px 0 22px;
  }
}

#logo img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

/* Name & Slogan */
#name-and-slogan {
  /* Wrapper for website name and slogan */
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 0 0 18px;
  padding: 0;
}
@media (min-width: 640px) {
  #name-and-slogan {
    margin: 0 0 0 20px;
  }
}
@media (min-width: 980px) {
  #name-and-slogan {
    margin: 0 0 0 22px;
  }
}
@media (min-width: 1400px) {
  #name-and-slogan {
    margin: 0 0 0 25px;
  }
}
@media (min-width: 640px) {
  #name-and-slogan {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #name-and-slogan {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #name-and-slogan {
    padding: 0;
  }
}
#name-and-slogan #site-slogan {
  /* The slogan (or tagline) of a website */
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  #name-and-slogan #site-slogan {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #name-and-slogan #site-slogan {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #name-and-slogan #site-slogan {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #name-and-slogan #site-slogan {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #name-and-slogan #site-slogan {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #name-and-slogan #site-slogan {
    padding: 0;
  }
}

/* =============================================================================
   NAVIGATION
================================================================================ */
#navigation {
  display: block;
  box-sizing: border-box;
  position: absolute;
  z-index: 900;
  top: 0;
  width: 100%;
  background-color: #424242;
  color: #ffffff;
  height: 45px;
  /* Region Navigation */
}
@media (min-width: 768px) {
  #navigation {
    position: static;
    width: auto;
    height: auto;
    top: auto;
    background-color: #ffffff;
    color: #424242;
  }
}
#navigation > .wrapper {
  position: relative;
}
#navigation .navigation-content {
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  #navigation .navigation-content {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #navigation .navigation-content {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #navigation .navigation-content {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #navigation .navigation-content {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #navigation .navigation-content {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #navigation .navigation-content {
    padding: 0;
  }
}
#navigation .region-navigation {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
@media (min-width: 640px) {
  #navigation .region-navigation {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #navigation .region-navigation {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #navigation .region-navigation {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #navigation .region-navigation {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #navigation .region-navigation {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #navigation .region-navigation {
    padding: 0;
  }
}
@media (min-width: 768px) {
  #navigation .region-navigation {
    float: right;
    width: auto;
    top: 0;
    right: 0;
    margin: -86px 9px 0 0;
    padding-right: 2.5em;
  }
}
@media (min-width: 768px) and (min-width: 640px) {
  #navigation .region-navigation {
    margin: -99px 10px 0 0;
  }
}
@media (min-width: 768px) and (min-width: 980px) {
  #navigation .region-navigation {
    margin: -111px 11px 0 0;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  #navigation .region-navigation {
    margin: -136px 13px 0 0;
  }
}

@media (min-width: 980px) {
  #navigation .region-navigation {
    margin: -58px 18px 0 0;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  #navigation .region-navigation {
    margin: -67px 20px 0 0;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  #navigation .region-navigation {
    margin: -75px 22px 0 0;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  #navigation .region-navigation {
    margin: -92px 25px 0 0;
  }
}

/* =============================================================================
   CONTENT AREAS
================================================================================ */
#main {
  width: 100%;
  max-width: 1450px;
  /* Prevent excessively long lines of text by setting a max-width. */
  margin: 0 auto;
}
#main:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
#main > .wrapper, #main > .wrapper-bottom {
  padding: 0 0 14px;
  margin: 0;
}
#main > .wrapper:after, #main > .wrapper-bottom:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  #main > .wrapper, #main > .wrapper-bottom {
    padding: 0 0 16px;
  }
}
@media (min-width: 980px) {
  #main > .wrapper, #main > .wrapper-bottom {
    padding: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  #main > .wrapper, #main > .wrapper-bottom {
    padding: 0 0 22px;
  }
}
@media (min-width: 640px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 0;
  }
}
@media (min-width: 480px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 14px 18px 0;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 16px 20px 0;
  }
}
@media (min-width: 480px) and (min-width: 980px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 18px 22px 0;
  }
}
@media (min-width: 480px) and (min-width: 1400px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 22px 25px 0;
  }
}

@media (min-width: 640px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 14px 36px 0;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 16px 40px 0;
  }
}
@media (min-width: 640px) and (min-width: 980px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 18px 44px 0;
  }
}
@media (min-width: 640px) and (min-width: 1400px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 22px 50px 0;
  }
}

@media (min-width: 800px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 14px 54px 0;
  }
}
@media (min-width: 800px) and (min-width: 640px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 16px 60px 0;
  }
}
@media (min-width: 800px) and (min-width: 980px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 18px 66px 0;
  }
}
@media (min-width: 800px) and (min-width: 1400px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 22px 75px 0;
  }
}

@media (min-width: 1250px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 14px 72px 0;
  }
}
@media (min-width: 1250px) and (min-width: 640px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 16px 80px 0;
  }
}
@media (min-width: 1250px) and (min-width: 980px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 18px 88px 0;
  }
}
@media (min-width: 1250px) and (min-width: 1400px) {
  #main > .wrapper, #main > .wrapper-bottom {
    margin: 22px 100px 0;
  }
}

#main #main-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}

#content {
  position: relative;
  z-index: 2;
}
#content > .wrapper {
  position: relative;
  padding: 14px 0;
  /* Drupal Div Utilities */
}
#content > .wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  #content > .wrapper {
    padding: 16px 0;
  }
}
@media (min-width: 980px) {
  #content > .wrapper {
    padding: 18px 0;
  }
}
@media (min-width: 1400px) {
  #content > .wrapper {
    padding: 22px 0;
  }
}
#content > .wrapper .region {
  position: relative;
  text-rendering: optimizeLegibility;
}
#content > .wrapper .region:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
#content > .wrapper div.utilities {
  position: relative;
  margin: 0 27px 0 22px;
}
@media (min-width: 640px) {
  #content > .wrapper div.utilities {
    margin: 0 30px 0 24px;
  }
}
@media (min-width: 980px) {
  #content > .wrapper div.utilities {
    margin: 0 33px 0 27px;
  }
}
@media (min-width: 1400px) {
  #content > .wrapper div.utilities {
    margin: 0 38px 0 30px;
  }
}
#content > .wrapper #page-title {
  margin: 0 0 21px;
  padding: 0 27px 0 22px;
}
@media (min-width: 640px) {
  #content > .wrapper #page-title {
    margin: 0 0 24px;
  }
}
@media (min-width: 980px) {
  #content > .wrapper #page-title {
    margin: 0 0 27px;
  }
}
@media (min-width: 1400px) {
  #content > .wrapper #page-title {
    margin: 0 0 33px;
  }
}
@media (min-width: 640px) {
  #content > .wrapper #page-title {
    padding: 0 30px 0 24px;
  }
}
@media (min-width: 980px) {
  #content > .wrapper #page-title {
    padding: 0 33px 0 27px;
  }
}
@media (min-width: 1400px) {
  #content > .wrapper #page-title {
    padding: 0 38px 0 30px;
  }
}

#banner {
  line-height: 0;
  width: 100%;
  max-width: 100%;
  max-height: 450px;
  overflow: hidden;
}
#banner .region-highlighted {
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  #banner .region-highlighted {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #banner .region-highlighted {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #banner .region-highlighted {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #banner .region-highlighted {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #banner .region-highlighted {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #banner .region-highlighted {
    padding: 0;
  }
}
#banner + #main > .wrapper {
  margin-top: 0 !important;
}
@media (min-width: 480px) {
  #banner + #main > .wrapper {
    margin-top: -4em !important;
  }
}

/* Region Help */
.region-help {
  margin: 0;
  padding: 0 27px 0 22px;
}
@media (min-width: 640px) {
  .region-help {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .region-help {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .region-help {
    margin: 0;
  }
}
@media (min-width: 640px) {
  .region-help {
    padding: 0 30px 0 24px;
  }
}
@media (min-width: 980px) {
  .region-help {
    padding: 0 33px 0 27px;
  }
}
@media (min-width: 1400px) {
  .region-help {
    padding: 0 38px 0 30px;
  }
}

/* Region Content */
.region-content {
  position: relative;
  margin: 0;
  padding: 0 27px 0 22px;
}
@media (min-width: 640px) {
  .region-content {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .region-content {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .region-content {
    margin: 0;
  }
}
@media (min-width: 640px) {
  .region-content {
    padding: 0 30px 0 24px;
  }
}
@media (min-width: 980px) {
  .region-content {
    padding: 0 33px 0 27px;
  }
}
@media (min-width: 1400px) {
  .region-content {
    padding: 0 38px 0 30px;
  }
}

/* Region Content Top */
.region-content-top {
  position: relative;
  margin: 0;
  padding: 0 27px 0 22px;
}
@media (min-width: 640px) {
  .region-content-top {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .region-content-top {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .region-content-top {
    margin: 0;
  }
}
@media (min-width: 640px) {
  .region-content-top {
    padding: 0 30px 0 24px;
  }
}
@media (min-width: 980px) {
  .region-content-top {
    padding: 0 33px 0 27px;
  }
}
@media (min-width: 1400px) {
  .region-content-top {
    padding: 0 38px 0 30px;
  }
}

/* Region Content Bottom */
.region-content-bottom {
  margin: 0;
  padding: 0 27px 0 22px;
}
.region-content-bottom:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  .region-content-bottom {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .region-content-bottom {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .region-content-bottom {
    margin: 0;
  }
}
@media (min-width: 640px) {
  .region-content-bottom {
    padding: 0 30px 0 24px;
  }
}
@media (min-width: 980px) {
  .region-content-bottom {
    padding: 0 33px 0 27px;
  }
}
@media (min-width: 1400px) {
  .region-content-bottom {
    padding: 0 38px 0 30px;
  }
}

.region-sidebar-first {
  position: relative;
}
.region-sidebar-first:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
.region-sidebar-first > .region-wrapper {
  padding: 14px 0;
  margin: 14px 18px 0;
}
@media (min-width: 640px) {
  .region-sidebar-first > .region-wrapper {
    padding: 16px 0;
  }
}
@media (min-width: 980px) {
  .region-sidebar-first > .region-wrapper {
    padding: 18px 0;
  }
}
@media (min-width: 1400px) {
  .region-sidebar-first > .region-wrapper {
    padding: 22px 0;
  }
}
@media (min-width: 640px) {
  .region-sidebar-first > .region-wrapper {
    margin: 16px 20px 0;
  }
}
@media (min-width: 980px) {
  .region-sidebar-first > .region-wrapper {
    margin: 18px 22px 0;
  }
}
@media (min-width: 1400px) {
  .region-sidebar-first > .region-wrapper {
    margin: 22px 25px 0;
  }
}
@media (min-width: 800px) {
  .region-sidebar-first > .region-wrapper {
    margin: 14px 18px 0 0;
  }
}
@media (min-width: 800px) and (min-width: 640px) {
  .region-sidebar-first > .region-wrapper {
    margin: 16px 20px 0 0;
  }
}
@media (min-width: 800px) and (min-width: 980px) {
  .region-sidebar-first > .region-wrapper {
    margin: 18px 22px 0 0;
  }
}
@media (min-width: 800px) and (min-width: 1400px) {
  .region-sidebar-first > .region-wrapper {
    margin: 22px 25px 0 0;
  }
}

@media (min-width: 1250px) {
  .region-sidebar-first > .region-wrapper {
    margin: 14px 0 0 18px;
  }
}
@media (min-width: 1250px) and (min-width: 640px) {
  .region-sidebar-first > .region-wrapper {
    margin: 16px 0 0 20px;
  }
}
@media (min-width: 1250px) and (min-width: 980px) {
  .region-sidebar-first > .region-wrapper {
    margin: 18px 0 0 22px;
  }
}
@media (min-width: 1250px) and (min-width: 1400px) {
  .region-sidebar-first > .region-wrapper {
    margin: 22px 0 0 25px;
  }
}

.region-sidebar-second {
  position: relative;
}
.region-sidebar-second:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
.region-sidebar-second > .region-wrapper {
  padding: 14px 0;
  margin: 0 18px;
}
@media (min-width: 640px) {
  .region-sidebar-second > .region-wrapper {
    padding: 16px 0;
  }
}
@media (min-width: 980px) {
  .region-sidebar-second > .region-wrapper {
    padding: 18px 0;
  }
}
@media (min-width: 1400px) {
  .region-sidebar-second > .region-wrapper {
    padding: 22px 0;
  }
}
@media (min-width: 640px) {
  .region-sidebar-second > .region-wrapper {
    margin: 0 20px;
  }
}
@media (min-width: 980px) {
  .region-sidebar-second > .region-wrapper {
    margin: 0 22px;
  }
}
@media (min-width: 1400px) {
  .region-sidebar-second > .region-wrapper {
    margin: 0 25px;
  }
}
@media (min-width: 640px) {
  .region-sidebar-second > .region-wrapper {
    margin: 0 18px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .region-sidebar-second > .region-wrapper {
    margin: 0 20px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 980px) {
  .region-sidebar-second > .region-wrapper {
    margin: 0 22px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 1400px) {
  .region-sidebar-second > .region-wrapper {
    margin: 0 25px 0 0;
  }
}

.region-content-closure {
  clear: both;
  margin: 0 18px;
  padding: 0;
}
@media (min-width: 640px) {
  .region-content-closure {
    margin: 0 20px;
  }
}
@media (min-width: 980px) {
  .region-content-closure {
    margin: 0 22px;
  }
}
@media (min-width: 1400px) {
  .region-content-closure {
    margin: 0 25px;
  }
}
@media (min-width: 640px) {
  .region-content-closure {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .region-content-closure {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .region-content-closure {
    padding: 0;
  }
}
.region-content-closure:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}

/* No Sidebars */
body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    margin: 0;
  }
}
@media (min-width: 980px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    margin: 0;
  }
}
@media (min-width: 640px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    padding: 0;
  }
}
@media (min-width: 980px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    padding: 0;
  }
}
@media (min-width: 800px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    margin: 0 90px 0 0;
  }
}
@media (min-width: 800px) and (min-width: 640px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    margin: 0 100px 0 0;
  }
}
@media (min-width: 800px) and (min-width: 980px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    margin: 0 110px 0 0;
  }
}
@media (min-width: 800px) and (min-width: 1400px) {
  body.no-sidebars #content .region-content .node.view-mode-full .field-name-body {
    margin: 0 125px 0 0;
  }
}

/* One Sidebars */
@media (min-width: 640px) {
  body.one-sidebar.sidebar-first #content .region {
    margin-left: 0;
  }
}

/* =============================================================================
   FOOTER
================================================================================ */
footer {
  position: relative;
  width: 100%;
  color: #ffffff;
  margin: 0;
  padding: 0;
  line-height: 0;
  background-color: #424242;
}
footer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  footer {
    margin: 0;
  }
}
@media (min-width: 980px) {
  footer {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  footer {
    margin: 0;
  }
}
@media (min-width: 640px) {
  footer {
    padding: 0;
  }
}
@media (min-width: 980px) {
  footer {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  footer {
    padding: 0;
  }
}
footer .inner-content {
  padding: 14px 18px;
}
@media (min-width: 640px) {
  footer .inner-content {
    padding: 16px 20px;
  }
}
@media (min-width: 980px) {
  footer .inner-content {
    padding: 18px 22px;
  }
}
@media (min-width: 1400px) {
  footer .inner-content {
    padding: 22px 25px;
  }
}
footer .footer-banner {
  width: 100%;
  height: 68px;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
@media (min-width: 640px) {
  footer .footer-banner {
    height: 118px;
  }
}
@media (min-width: 800px) {
  footer .footer-banner {
    height: 158px;
  }
}
@media (min-width: 1250px) {
  footer .footer-banner {
    height: 198px;
  }
}
footer > .wrapper, footer > .wrapper-bottom {
  line-height: 1em;
  width: 100%;
}
footer > .wrapper:after, footer > .wrapper-bottom:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1450px;
  /* Prevent excessively long lines of text by setting a max-width. */
  margin: 0 auto;
  padding: 21px 22px 14px;
}
footer > .wrapper .inner-content:after, footer > .wrapper-bottom .inner-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
    padding: 24px 24px 16px;
  }
}
@media (min-width: 980px) {
  footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
    padding: 27px 27px 18px;
  }
}
@media (min-width: 1400px) {
  footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
    padding: 33px 30px 22px;
  }
}
@media (min-width: 1250px) {
  footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
    padding: 21px 27px 14px 94px;
  }
}
@media (min-width: 1250px) and (min-width: 640px) {
  footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
    padding: 24px 30px 16px 104px;
  }
}
@media (min-width: 1250px) and (min-width: 980px) {
  footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
    padding: 27px 33px 18px 115px;
  }
}
@media (min-width: 1250px) and (min-width: 1400px) {
  footer > .wrapper .inner-content, footer > .wrapper-bottom .inner-content {
    padding: 33px 38px 22px 130px;
  }
}

footer > .wrapper .region {
  display: inline-block;
  vertical-align: top;
}
footer .region {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 0 0 14px;
}
@media (min-width: 640px) {
  footer .region {
    padding: 0 0 16px;
  }
}
@media (min-width: 980px) {
  footer .region {
    padding: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  footer .region {
    padding: 0 0 22px;
  }
}
footer > .wrapper-bottom {
  color: #424242;
  background-color: #ffffff;
}
footer .region-footer-content-top {
  width: 100%;
}
@media (min-width: 640px) {
  footer .region-footer-content-left {
    max-width: 59%;
  }
}
@media (min-width: 980px) {
  footer .region-footer-content-left {
    max-width: 42%;
    padding: 0 9px 14px 0;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  footer .region-footer-content-left {
    padding: 0 10px 16px 0;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  footer .region-footer-content-left {
    padding: 0 11px 18px 0;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  footer .region-footer-content-left {
    padding: 0 13px 22px 0;
  }
}

@media (min-width: 640px) {
  footer .region-footer-content {
    max-width: 40%;
  }
}
@media (min-width: 980px) {
  footer .region-footer-content {
    max-width: 33%;
    padding: 0 9px 14px;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  footer .region-footer-content {
    padding: 0 10px 16px;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  footer .region-footer-content {
    padding: 0 11px 18px;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  footer .region-footer-content {
    padding: 0 13px 22px;
  }
}

@media (min-width: 480px) and (max-width: 640px) {
  footer .region-footer-content .block {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    float: left;
    padding: 14px 18px 14px 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) and (min-width: 640px) {
  footer .region-footer-content .block {
    padding: 16px 20px 16px 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) and (min-width: 980px) {
  footer .region-footer-content .block {
    padding: 18px 22px 18px 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) and (min-width: 1400px) {
  footer .region-footer-content .block {
    padding: 22px 25px 22px 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) {
  footer .region-footer-content .block + .block {
    margin: 0 !important;
    padding: 14px 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) and (min-width: 640px) {
  footer .region-footer-content .block + .block {
    padding: 16px 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) and (min-width: 980px) {
  footer .region-footer-content .block + .block {
    padding: 18px 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) and (min-width: 1400px) {
  footer .region-footer-content .block + .block {
    padding: 22px 0;
  }
}

@media (min-width: 640px) {
  footer .region-footer-content-right {
    margin: -56px 0 0;
    max-width: 59%;
    position: relative;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  footer .region-footer-content-right {
    margin: -64px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 980px) {
  footer .region-footer-content-right {
    margin: -72px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 1400px) {
  footer .region-footer-content-right {
    margin: -88px 0 0;
  }
}

@media (min-width: 980px) {
  footer .region-footer-content-right {
    position: static;
    margin-top: 0;
    max-width: 24%;
    padding: 0 0 14px 9px;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  footer .region-footer-content-right {
    padding: 0 0 16px 10px;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  footer .region-footer-content-right {
    padding: 0 0 18px 11px;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  footer .region-footer-content-right {
    padding: 0 0 22px 13px;
  }
}

@media (min-width: 640px) {
  footer .region-footer-content-bottom,
  footer .copyright-message {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
  }
}
footer .copyright-message {
  font-style: italic;
  color: #a6a59a;
  box-sizing: border-box;
  width: 630px;
  max-width: 100%;
}
@media (min-width: 980px) {
  footer .copyright-message {
    max-width: 50%;
    float: left;
  }
}
footer .region-footer-content-bottom {
  box-sizing: border-box;
  text-align: center;
  width: 540px;
  max-width: 100%;
}
@media (min-width: 980px) {
  footer .region-footer-content-bottom {
    max-width: 50%;
    float: left;
  }
}
footer .region-bottom {
  background-color: #ffffff;
  color: #424242;
}

/* ----- Search Variable ----------------- */
/* --------------- TYPOGRAPHY ---------------------- */
#block-search-form #search-block-form .form-actions:before, button.search-trigger:after {
  text-align: center;
  font-family: "Dloom Font", sans-serif;
  content: "";
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  font-size: 25px;
  background: transparent;
  color: #ffffff;
}
@media (min-width: 768px) {
  #block-search-form #search-block-form .form-actions:before, button.search-trigger:after {
    color: #8a0f27;
  }
}
#block-search-form #search-block-form .form-actions:hover:before, button.search-trigger:hover:after {
  cursor: pointer;
  color: #f0efe8;
}
@media (min-width: 768px) {
  #block-search-form #search-block-form .form-actions:hover:before, button.search-trigger:hover:after {
    color: #b22641;
  }
}

/* Default Style */
#search-block-form {
  position: relative;
  border: none;
}
#search-block-form .form-item {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
  height: auto;
}
@media (min-width: 768px) {
  #search-block-form .form-item {
    height: 40px;
  }
}
@media (min-width: 800px) {
  #search-block-form .form-item {
    height: 45px;
  }
}
#search-block-form .form-item input.form-text {
  box-sizing: border-box;
  background: #ffffff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  color: #424242;
  height: 38px;
}
@media (min-width: 768px) {
  #search-block-form .form-item input.form-text {
    height: 40px;
  }
}
@media (min-width: 800px) {
  #search-block-form .form-item input.form-text {
    height: 45px;
  }
}
#search-block-form .form-actions input.form-submit {
  height: 38px;
}
@media (min-width: 768px) {
  #search-block-form .form-actions input.form-submit {
    height: 40px;
  }
}
@media (min-width: 800px) {
  #search-block-form .form-actions input.form-submit {
    height: 45px;
  }
}

#block-search-form {
  /* Default Search Block*/
  position: relative;
  float: right;
  z-index: 991;
  width: 60%;
  max-width: 260px;
  margin: 9px 9px 0;
  display: none;
}
@media (min-width: 640px) {
  #block-search-form {
    margin: 10px 10px 0;
  }
}
@media (min-width: 980px) {
  #block-search-form {
    margin: 11px 11px 0;
  }
}
@media (min-width: 1400px) {
  #block-search-form {
    margin: 14px 13px 0;
  }
}
#block-search-form #search-block-form .form-item {
  position: absolute;
  z-index: 0;
  width: 100%;
  display: block;
}
#block-search-form #search-block-form .form-item input.form-text {
  width: 100%;
  max-width: 100%;
  line-height: 38px;
  height: 38px;
  padding: 0 1em;
  font-style: italic;
}
@media (min-width: 768px) {
  #block-search-form #search-block-form .form-item input.form-text {
    line-height: 40px;
    height: 40px;
  }
}
@media (min-width: 800px) {
  #block-search-form #search-block-form .form-item input.form-text {
    line-height: 40px;
    height: 45px;
  }
}
#block-search-form #search-block-form .form-actions {
  display: inline;
  background-color: transparent;
}
#block-search-form #search-block-form .form-actions:before,
#block-search-form #search-block-form .form-actions input.form-submit {
  position: absolute;
  z-index: 10;
  display: block;
  box-sizing: border-box;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
  line-height: 38px;
  height: 38px;
  width: 38px;
}
@media (min-width: 768px) {
  #block-search-form #search-block-form .form-actions:before,
  #block-search-form #search-block-form .form-actions input.form-submit {
    line-height: 40px;
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 800px) {
  #block-search-form #search-block-form .form-actions:before,
  #block-search-form #search-block-form .form-actions input.form-submit {
    line-height: 45px;
    height: 45px;
    width: 45px;
  }
}
#block-search-form #search-block-form .form-actions input.form-submit,
#block-search-form #search-block-form .form-actions input[type="submit"] {
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  background-color: transparent;
}

/* Mobile Search Block */
.block-search.mobile-search {
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  width: 100%;
  right: 0;
  max-height: 0;
  overflow: visible;
  margin: 0;
  padding: 0;
  z-index: 991;
  display: block;
  -moz-box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
  box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
}
@media (min-width: 768px) {
  .block-search.mobile-search {
    width: auto;
    min-width: 380px;
  }
}
@media (min-width: 768px) {
  .block-search.mobile-search {
    margin: -4px 0 0;
  }
}
@media (min-width: 768px) and (min-width: 640px) {
  .block-search.mobile-search {
    margin: -4px 0 0;
  }
}
@media (min-width: 768px) and (min-width: 980px) {
  .block-search.mobile-search {
    margin: -5px 0 0;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  .block-search.mobile-search {
    margin: -6px 0 0;
  }
}

.block-search.mobile-search .content {
  position: absolute;
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  display: none;
  visibility: hidden;
  top: -1000px;
  -moz-transition: all, 0.2s, ease;
  -o-transition: all, 0.2s, ease;
  -webkit-transition: all, 0.2s, ease;
  transition: all, 0.2s, ease;
}
.block-search.mobile-search .content form {
  display: none;
  padding: 0;
  margin: 0;
}
.block-search.mobile-search .content form input {
  margin: 0;
}
.block-search.mobile-search .content form .form-item {
  width: auto;
  min-width: 220px;
}
.block-search.mobile-search .content form .form-item input.form-text {
  width: 100%;
  max-width: 100%;
}
.block-search.mobile-search.open {
  z-index: 1000;
}
.block-search.mobile-search.open .content {
  position: relative;
  visibility: visible;
  display: block;
  max-height: 350px;
  padding: 14px 18px;
  background-color: #6d6c64;
  border: none;
  overflow-y: hidden;
  top: 45px;
}
@media (min-width: 640px) {
  .block-search.mobile-search.open .content {
    padding: 16px 20px;
  }
}
@media (min-width: 980px) {
  .block-search.mobile-search.open .content {
    padding: 18px 22px;
  }
}
@media (min-width: 1400px) {
  .block-search.mobile-search.open .content {
    padding: 22px 25px;
  }
}
.block-search.mobile-search.open .content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
.block-search.mobile-search.open .content form#search-block-form {
  padding: 14px 0;
  text-align: right;
  width: 100%;
  display: block;
}
@media (min-width: 640px) {
  .block-search.mobile-search.open .content form#search-block-form {
    padding: 16px 0;
  }
}
@media (min-width: 980px) {
  .block-search.mobile-search.open .content form#search-block-form {
    padding: 18px 0;
  }
}
@media (min-width: 1400px) {
  .block-search.mobile-search.open .content form#search-block-form {
    padding: 22px 0;
  }
}
.block-search.mobile-search.open .content .form-item input.form-text {
  height: 35px;
}
.block-search.mobile-search.open .content .form-actions input.form-submit {
  height: 35px;
}

/* Mobile Trigger*/
button.search-trigger {
  text-indent: -999px;
  overflow: hidden;
  border: none;
  background-color: transparent;
  margin: 0 18px 0 0;
  padding: 0;
  z-index: 2;
}
@media (min-width: 640px) {
  button.search-trigger {
    margin: 0 20px 0 0;
  }
}
@media (min-width: 980px) {
  button.search-trigger {
    margin: 0 22px 0 0;
  }
}
@media (min-width: 1400px) {
  button.search-trigger {
    margin: 0 25px 0 0;
  }
}
@media (min-width: 768px) {
  button.search-trigger {
    margin: 0;
  }
}
@media (min-width: 768px) and (min-width: 640px) {
  button.search-trigger {
    margin: 0;
  }
}
@media (min-width: 768px) and (min-width: 980px) {
  button.search-trigger {
    margin: 0;
  }
}
@media (min-width: 768px) and (min-width: 1400px) {
  button.search-trigger {
    margin: 0;
  }
}

button.search-trigger, button.search-trigger:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
  line-height: 45px;
  height: 45px;
  width: 40px;
}
button.search-trigger:hover, button.search-trigger:after:hover {
  cursor: pointer;
}
button.search-trigger:after {
  z-index: 1;
}
button.search-trigger a:after {
  background: none;
  display: none;
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
This file includes all files in menu folder
===========================================================================*/
/* ===========================================================================
   DEFAULT MENU STYLE - SIDE NAVIGATION
   Applied on all ul.links and ul.menu list
============================================================================ */
ul.links,
ul.menu {
  /* Menu block links */
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
  text-align: left;
  background: transparent;
}
ul.links li,
ul.menu li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
ul.links li:before,
ul.menu li:before {
  display: none;
}
ul.links li,
ul.menu li {
  border: none transparent;
  border-width: 0;
}
ul.links li a,
ul.menu li a {
  display: block;
  box-sizing: border-box;
  padding: 0 6px 5px 0;
  background-color: transparent;
  color: #424242;
  text-decoration: none;
  text-transform: none;
  text-align: left;
}
@media (min-width: 640px) {
  ul.links li a,
  ul.menu li a {
    padding: 0 6px 5px 0;
  }
}
@media (min-width: 980px) {
  ul.links li a,
  ul.menu li a {
    padding: 0 7px 6px 0;
  }
}
@media (min-width: 1400px) {
  ul.links li a,
  ul.menu li a {
    padding: 0 8px 7px 0;
  }
}
ul.links li a:hover, ul.links li:hover > a, ul.links li.over > a,
ul.menu li a:hover,
ul.menu li:hover > a,
ul.menu li.over > a {
  background-color: transparent;
  color: #606e6f;
}
ul.links li.active-trail > a,
ul.menu li.active-trail > a {
  background-color: transparent;
  color: #606e6f;
}
ul.links li ul,
ul.menu li ul {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
}
ul.links li ul li,
ul.menu li ul li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
ul.links li ul li:before,
ul.menu li ul li:before {
  display: none;
}
ul.links li ul > li,
ul.menu li ul > li {
  padding: 7px 0 0;
  border: none transparent;
  border-width: 0 0 0 0;
}
@media (min-width: 640px) {
  ul.links li ul > li,
  ul.menu li ul > li {
    padding: 8px 0 0;
  }
}
@media (min-width: 980px) {
  ul.links li ul > li,
  ul.menu li ul > li {
    padding: 9px 0 0;
  }
}
@media (min-width: 1400px) {
  ul.links li ul > li,
  ul.menu li ul > li {
    padding: 11px 0 0;
  }
}
ul.links li ul > li a,
ul.menu li ul > li a {
  padding: 0 6px 5px 18px;
  background-color: transparent;
  color: #424242;
}
@media (min-width: 640px) {
  ul.links li ul > li a,
  ul.menu li ul > li a {
    padding: 0 6px 5px 20px;
  }
}
@media (min-width: 980px) {
  ul.links li ul > li a,
  ul.menu li ul > li a {
    padding: 0 7px 6px 22px;
  }
}
@media (min-width: 1400px) {
  ul.links li ul > li a,
  ul.menu li ul > li a {
    padding: 0 8px 7px 25px;
  }
}
ul.links li ul > li a:hover, ul.links li ul > li:hover > a, ul.links li ul > li.over > a,
ul.menu li ul > li a:hover,
ul.menu li ul > li:hover > a,
ul.menu li ul > li.over > a {
  background-color: transparent;
  color: #606e6f;
}
ul.links li ul > li.active-trail > a,
ul.menu li ul > li.active-trail > a {
  background-color: transparent;
  color: #606e6f;
}

/* =============================================================================
   MAIN MENU (Superfish)
================================================================================ */
ul#superfish-1 {
  float: right;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
  background-color: transparent;
  /* Any item, at any level */
  /* Top level only */
  /* Any inner level (drop-down menu) */
  /* Only Second level */
}
ul#superfish-1 li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
ul#superfish-1 li:before {
  display: none;
}
ul#superfish-1:hover .active-trail a {
  border-color: transparent;
}
ul#superfish-1 .block-inner {
  padding: 0;
}
ul#superfish-1 li a {
  display: block;
  box-sizing: border-box;
  -moz-transition: width, 0.2s, ease;
  -o-transition: width, 0.2s, ease;
  -webkit-transition: width, 0.2s, ease;
  transition: width, 0.2s, ease;
  -moz-transition: height, 0.2s, ease;
  -o-transition: height, 0.2s, ease;
  -webkit-transition: height, 0.2s, ease;
  transition: height, 0.2s, ease;
}
ul#superfish-1 > li.last.sf-depth-1 > ul {
  right: 0 !important;
}
ul#superfish-1 > li {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  background-color: transparent;
  padding: 0 8px;
}
@media (min-width: 640px) {
  ul#superfish-1 > li {
    padding: 0 8px;
  }
}
@media (min-width: 980px) {
  ul#superfish-1 > li {
    padding: 0 9px;
  }
}
@media (min-width: 1400px) {
  ul#superfish-1 > li {
    padding: 0 10px;
  }
}
@media (min-width: 800px) {
  ul#superfish-1 > li {
    padding: 0 8px;
  }
}
@media (min-width: 800px) and (min-width: 640px) {
  ul#superfish-1 > li {
    padding: 0 8px;
  }
}
@media (min-width: 800px) and (min-width: 980px) {
  ul#superfish-1 > li {
    padding: 0 9px;
  }
}
@media (min-width: 800px) and (min-width: 1400px) {
  ul#superfish-1 > li {
    padding: 0 10px;
  }
}

@media (min-width: 1250px) {
  ul#superfish-1 > li {
    padding: 0 11px;
  }
}
@media (min-width: 1250px) and (min-width: 640px) {
  ul#superfish-1 > li {
    padding: 0 12px;
  }
}
@media (min-width: 1250px) and (min-width: 980px) {
  ul#superfish-1 > li {
    padding: 0 14px;
  }
}
@media (min-width: 1250px) and (min-width: 1400px) {
  ul#superfish-1 > li {
    padding: 0 15px;
  }
}

ul#superfish-1 > li:before {
  position: absolute;
  box-sizing: border-box;
  left: -4px;
  width: 1px !important;
  content: "|";
  text-align: left;
  display: inline;
  color: #f0efe8;
  font-size: 0.9375em;
  line-height: 2.6em;
}
@media (min-width: 640px) {
  ul#superfish-1 > li:before {
    font-size: 0.8823529412em;
    line-height: 2.6em;
  }
}
@media (min-width: 980px) {
  ul#superfish-1 > li:before {
    font-size: 0.8888888889em;
    line-height: 2.5em;
  }
}
ul#superfish-1 > li:first-child:before, ul#superfish-1 > li:hover:before {
  display: none;
}
ul#superfish-1 > li > a {
  display: inline-block !important;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #424242;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  border: solid #ffffff;
  border-width: 0 0 5px 0;
  letter-spacing: .02em;
  font-size: 1.0625em;
  line-height: 2.2941176471em;
}
@media (min-width: 640px) {
  ul#superfish-1 > li > a {
    font-size: 1em;
    line-height: 2.2941176471em;
  }
}
@media (min-width: 980px) {
  ul#superfish-1 > li > a {
    font-size: 1em;
    line-height: 2.2222222222em;
  }
}
@media (min-width: 1400px) {
  ul#superfish-1 > li > a {
    font-size: 1.1111111111em;
    line-height: 2em;
  }
}
@media (min-width: 1250px) {
  ul#superfish-1 > li > a {
    letter-spacing: 2px;
  }
}
ul#superfish-1 > li:hover, ul#superfish-1 > li.over, ul#superfish-1 > li.active-trail:hover {
  background-color: #f0efe8;
  color: #424242;
}
ul#superfish-1 > li:hover a, ul#superfish-1 > li.over a, ul#superfish-1 > li.active-trail:hover a {
  border-color: #f0efe8 !important;
}
ul#superfish-1 > li.active-trail {
  background-color: transparent;
  color: #424242;
}
ul#superfish-1 > li.active-trail a {
  border-color: #8a0f27;
}
ul#superfish-1 li ul {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
  background-color: #8a0f27;
  -moz-box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
  box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
}
ul#superfish-1 li ul li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
ul#superfish-1 li ul li:before {
  display: none;
}
ul#superfish-1 li ul li {
  border: none transparent;
  border-width: 0 0 0 0;
}
ul#superfish-1 li ul li a {
  padding: 7px 6px 7px 9px;
  background-color: #8a0f27;
  color: #ffffff;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: bold;
  text-transform: none;
  text-align: left;
  font-size: 0.9375em;
  line-height: 1.3333333333em;
  display: block;
}
@media (min-width: 640px) {
  ul#superfish-1 li ul li a {
    padding: 8px 6px 8px 10px;
  }
}
@media (min-width: 980px) {
  ul#superfish-1 li ul li a {
    padding: 9px 7px 9px 11px;
  }
}
@media (min-width: 1400px) {
  ul#superfish-1 li ul li a {
    padding: 11px 8px 11px 13px;
  }
}
@media (min-width: 640px) {
  ul#superfish-1 li ul li a {
    font-size: 0.9411764706em;
    line-height: 1.3125em;
  }
}
@media (min-width: 980px) {
  ul#superfish-1 li ul li a {
    font-size: 0.9444444444em;
    line-height: 1.2941176471em;
  }
}
ul#superfish-1 li ul li a:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.75em;
  line-height: 1.4166666667em;
  font-weight: bold;
  margin: 0;
  width: 1em;
  padding-right: 5px;
  font-family: "Dloom Font", sans-serif;
  color: #660b1d;
  content: "";
  text-decoration: none;
}
@media (min-width: 640px) {
  ul#superfish-1 li ul li a:before {
    font-size: 0.7647058824em;
    line-height: 1.3846153846em;
  }
}
@media (min-width: 980px) {
  ul#superfish-1 li ul li a:before {
    font-size: 0.7777777778em;
    line-height: 1.3571428571em;
  }
}
ul#superfish-1 li ul li a:hover, ul#superfish-1 li ul li:hover > a, ul#superfish-1 li ul li.over > a {
  background-color: #b22641;
  color: #ffffff;
}
ul#superfish-1 li ul li.active-trail > a {
  background-color: #b22641;
  color: #ffffff;
}
ul#superfish-1 > li > ul {
  right: auto;
  top: auto;
}
ul#superfish-1 > li > ul > li {
  /* Third level */
}
ul#superfish-1 > li > ul > li > ul {
  top: 0;
  border-left: 1px solid transparent;
}
ul#superfish-1.fouc {
  visibility: hidden;
}

/* ==========================================================================
    MOBILE MENU
    This is the styling for the mobile nav
===========================================================================*/
#dl-menu {
  z-index: 950;
  display: none;
}
@media (min-width: 0px) and (max-width: 768px) {
  #dl-menu {
    display: block;
  }
}

#block-system-main-menu {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
}

#block-superfish-1 {
  display: none;
}
@media (min-width: 768px) {
  #block-superfish-1 {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
#block-superfish-1 .block-inner {
  padding: 0;
}

div.dl-menuwrapper {
  position: relative;
  width: 100%;
  max-width: 450px;
  background-color: transparent;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  -moz-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
}
div.dl-menuwrapper:first-child {
  margin-right: 100px;
}
div.dl-menuwrapper button {
  position: relative;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100px;
  height: 45px;
  margin: 0 0 0 18px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  background: none;
  border: none;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1em;
  color: #ffffff;
  text-indent: 0;
}
@media (min-width: 640px) {
  div.dl-menuwrapper button {
    margin: 0 0 0 20px;
  }
}
@media (min-width: 980px) {
  div.dl-menuwrapper button {
    margin: 0 0 0 22px;
  }
}
@media (min-width: 1400px) {
  div.dl-menuwrapper button {
    margin: 0 0 0 25px;
  }
}
div.dl-menuwrapper button:hover {
  background: none;
}
div.dl-menuwrapper button:after {
  content: '';
  position: absolute;
  background: #ffffff;
  width: 20px;
  height: 3px;
  top: 14px;
  left: 0;
  box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}
div.dl-menuwrapper ul,
div.dl-menuwrapper ul.menu,
div.dl-menuwrapper ul.dl-menu,
div.dl-menuwrapper ul.dl-submenu {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-color: #8a0f27;
  -moz-box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
  box-shadow: 0px 2px 2px 0px rgba(66, 66, 66, 0.5);
}
div.dl-menuwrapper ul li,
div.dl-menuwrapper ul.menu li,
div.dl-menuwrapper ul.dl-menu li,
div.dl-menuwrapper ul.dl-submenu li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
div.dl-menuwrapper ul li:before,
div.dl-menuwrapper ul.menu li:before,
div.dl-menuwrapper ul.dl-menu li:before,
div.dl-menuwrapper ul.dl-submenu li:before {
  display: none;
}
div.dl-menuwrapper ul li,
div.dl-menuwrapper ul.menu li,
div.dl-menuwrapper ul.dl-menu li,
div.dl-menuwrapper ul.dl-submenu li {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0;
  border: solid #b22641;
  border-width: 0 0 1px 0;
}
div.dl-menuwrapper ul li a,
div.dl-menuwrapper ul.menu li a,
div.dl-menuwrapper ul.dl-menu li a,
div.dl-menuwrapper ul.dl-submenu li a {
  display: block;
  position: relative;
  padding: 0 15px 0 36px;
  font-size: 16px;
  line-height: 40px;
  min-height: 40px;
  text-transform: uppercase;
  font-weight: normal;
  color: #ffffff;
  outline: none;
  text-decoration: none;
}
@media (min-width: 640px) {
  div.dl-menuwrapper ul li a,
  div.dl-menuwrapper ul.menu li a,
  div.dl-menuwrapper ul.dl-menu li a,
  div.dl-menuwrapper ul.dl-submenu li a {
    padding: 0 16px 0 40px;
  }
}
@media (min-width: 980px) {
  div.dl-menuwrapper ul li a,
  div.dl-menuwrapper ul.menu li a,
  div.dl-menuwrapper ul.dl-menu li a,
  div.dl-menuwrapper ul.dl-submenu li a {
    padding: 0 18px 0 44px;
  }
}
@media (min-width: 1400px) {
  div.dl-menuwrapper ul li a,
  div.dl-menuwrapper ul.menu li a,
  div.dl-menuwrapper ul.dl-menu li a,
  div.dl-menuwrapper ul.dl-submenu li a {
    padding: 0 20px 0 50px;
  }
}
div.dl-menuwrapper ul li:hover, div.dl-menuwrapper ul li > a:hover,
div.dl-menuwrapper ul.menu li:hover,
div.dl-menuwrapper ul.menu li > a:hover,
div.dl-menuwrapper ul.dl-menu li:hover,
div.dl-menuwrapper ul.dl-menu li > a:hover,
div.dl-menuwrapper ul.dl-submenu li:hover,
div.dl-menuwrapper ul.dl-submenu li > a:hover {
  background-color: #b22641;
  color: #ffffff;
}
div.dl-menuwrapper ul li.parent-landing > a,
div.dl-menuwrapper ul.menu li.parent-landing > a,
div.dl-menuwrapper ul.dl-menu li.parent-landing > a,
div.dl-menuwrapper ul.dl-submenu li.parent-landing > a {
  font-size: 18px;
  background-color: #b22641;
  color: #ffffff;
  text-transform: uppercase;
}
div.dl-menuwrapper ul li.parent-landing > a:hover, div.dl-menuwrapper ul li.parent-landing > a > a:hover,
div.dl-menuwrapper ul.menu li.parent-landing > a:hover,
div.dl-menuwrapper ul.menu li.parent-landing > a > a:hover,
div.dl-menuwrapper ul.dl-menu li.parent-landing > a:hover,
div.dl-menuwrapper ul.dl-menu li.parent-landing > a > a:hover,
div.dl-menuwrapper ul.dl-submenu li.parent-landing > a:hover,
div.dl-menuwrapper ul.dl-submenu li.parent-landing > a > a:hover {
  background-color: #8a0f27;
  color: #ffffff;
}
div.dl-menuwrapper ul li.dl-back,
div.dl-menuwrapper ul.menu li.dl-back,
div.dl-menuwrapper ul.dl-menu li.dl-back,
div.dl-menuwrapper ul.dl-submenu li.dl-back {
  padding-top: 0;
  padding-bottom: 0;
}
div.dl-menuwrapper ul li.dl-back > a,
div.dl-menuwrapper ul.menu li.dl-back > a,
div.dl-menuwrapper ul.dl-menu li.dl-back > a,
div.dl-menuwrapper ul.dl-submenu li.dl-back > a {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2.5em;
  background: #6d6c64;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 35px;
  min-height: 35px;
  color: #ffffff;
}
div.dl-menuwrapper ul li.dl-back:hover, div.dl-menuwrapper ul li.dl-back > a:hover,
div.dl-menuwrapper ul.menu li.dl-back:hover,
div.dl-menuwrapper ul.menu li.dl-back > a:hover,
div.dl-menuwrapper ul.dl-menu li.dl-back:hover,
div.dl-menuwrapper ul.dl-menu li.dl-back > a:hover,
div.dl-menuwrapper ul.dl-submenu li.dl-back:hover,
div.dl-menuwrapper ul.dl-submenu li.dl-back > a:hover {
  background-color: #a6a59a;
  color: #ffffff;
}
div.dl-menuwrapper ul li.dl-back:hover:after, div.dl-menuwrapper ul li.dl-back > a:hover:after,
div.dl-menuwrapper ul.menu li.dl-back:hover:after,
div.dl-menuwrapper ul.menu li.dl-back > a:hover:after,
div.dl-menuwrapper ul.dl-menu li.dl-back:hover:after,
div.dl-menuwrapper ul.dl-menu li.dl-back > a:hover:after,
div.dl-menuwrapper ul.dl-submenu li.dl-back:hover:after,
div.dl-menuwrapper ul.dl-submenu li.dl-back > a:hover:after {
  color: #ffffff;
}
div.dl-menuwrapper ul li.dl-back:after,
div.dl-menuwrapper ul.menu li.dl-back:after,
div.dl-menuwrapper ul.dl-menu li.dl-back:after,
div.dl-menuwrapper ul.dl-submenu li.dl-back:after {
  position: absolute;
  top: 0;
  font-family: "Dloom Font", sans-serif;
  content: "";
  font-size: 1.2em;
  color: #ffffff;
  line-height: 35px;
  left: 1em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
div.dl-menuwrapper ul li.secondary-nav-item,
div.dl-menuwrapper ul.menu li.secondary-nav-item,
div.dl-menuwrapper ul.dl-menu li.secondary-nav-item,
div.dl-menuwrapper ul.dl-submenu li.secondary-nav-item {
  border-bottom: 0 none transparent;
}
div.dl-menuwrapper ul li.secondary-nav-item a,
div.dl-menuwrapper ul.menu li.secondary-nav-item a,
div.dl-menuwrapper ul.dl-menu li.secondary-nav-item a,
div.dl-menuwrapper ul.dl-submenu li.secondary-nav-item a {
  min-height: 0;
  text-transform: none;
}
div.dl-menuwrapper ul li.secondary-nav-item:hover, div.dl-menuwrapper ul li.secondary-nav-item > a:hover,
div.dl-menuwrapper ul.menu li.secondary-nav-item:hover,
div.dl-menuwrapper ul.menu li.secondary-nav-item > a:hover,
div.dl-menuwrapper ul.dl-menu li.secondary-nav-item:hover,
div.dl-menuwrapper ul.dl-menu li.secondary-nav-item > a:hover,
div.dl-menuwrapper ul.dl-submenu li.secondary-nav-item:hover,
div.dl-menuwrapper ul.dl-submenu li.secondary-nav-item > a:hover {
  text-decoration: underline;
  background-color: #8a0f27;
}
div.dl-menuwrapper ul li.secondary-nav-item.first,
div.dl-menuwrapper ul.menu li.secondary-nav-item.first,
div.dl-menuwrapper ul.dl-menu li.secondary-nav-item.first,
div.dl-menuwrapper ul.dl-submenu li.secondary-nav-item.first {
  margin-top: 1em;
}
div.dl-menuwrapper ul li.secondary-nav-item.last,
div.dl-menuwrapper ul.menu li.secondary-nav-item.last,
div.dl-menuwrapper ul.dl-menu li.secondary-nav-item.last,
div.dl-menuwrapper ul.dl-submenu li.secondary-nav-item.last {
  margin-bottom: 1em;
}
div.dl-menuwrapper ul.dl-menu {
  margin: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
div.dl-menuwrapper li ul.dl-submenu {
  display: none;
}

.no-touch .dl-menuwrapper li a:hover {
  background-color: #b22641;
}

.dl-menuwrapper li > a:not(:only-child):after {
  position: absolute;
  top: 0;
  line-height: 40px;
  min-height: 40px;
  font-family: "Dloom Font", sans-serif;
  content: "";
  font-size: 1.2em;
}

.dl-menuwrapper li > a:after {
  right: 1em;
  color: rgba(255, 255, 255, 0.8);
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  -moz-transition: all, 0.5s, ease;
  -o-transition: all, 0.5s, ease;
  -webkit-transition: all, 0.5s, ease;
  transition: all, 0.5s, ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  z-index: 998;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  -moz-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  -moz-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  -moz-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  -moz-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  -moz-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}
@-moz-keyframes MenuAnimOut1 {
  50% {
    -moz-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -moz-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -moz-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@-moz-keyframes MenuAnimOut2 {
  100% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }
}
@-moz-keyframes MenuAnimOut3 {
  100% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }
}
@-moz-keyframes MenuAnimOut4 {
  100% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-moz-keyframes MenuAnimOut5 {
  100% {
    -moz-transform: translateY(40%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  50% {
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut3 {
  100% {
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut4 {
  100% {
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut5 {
  100% {
    transform: translateY(40%);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  -moz-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  -moz-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  -moz-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  -moz-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  -moz-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes MenuAnimIn1 {
  0% {
    -moz-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -moz-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -moz-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes MenuAnimIn2 {
  0% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}
@-moz-keyframes MenuAnimIn3 {
  0% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}
@-moz-keyframes MenuAnimIn4 {
  0% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}
@-moz-keyframes MenuAnimIn5 {
  0% {
    -moz-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn3 {
  0% {
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn4 {
  0% {
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn5 {
  0% {
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  -moz-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  -moz-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  -moz-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  -moz-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}
@-moz-keyframes SubMenuAnimIn1 {
  0% {
    -moz-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}
@-moz-keyframes SubMenuAnimIn2 {
  0% {
    -moz-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}
@-moz-keyframes SubMenuAnimIn3 {
  0% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}
@-moz-keyframes SubMenuAnimIn4 {
  0% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}
@-moz-keyframes SubMenuAnimIn5 {
  0% {
    -moz-transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn3 {
  0% {
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn4 {
  0% {
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn5 {
  0% {
    transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  -moz-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  -moz-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  -moz-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  -moz-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}
@-moz-keyframes SubMenuAnimOut1 {
  0% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(50%);
    opacity: 0;
  }
}
@-moz-keyframes SubMenuAnimOut2 {
  0% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%);
    opacity: 0;
  }
}
@-moz-keyframes SubMenuAnimOut3 {
  0% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-moz-keyframes SubMenuAnimOut4 {
  0% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }
}
@-moz-keyframes SubMenuAnimOut5 {
  0% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translateZ(-200px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut3 {
  0% {
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut4 {
  0% {
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut5 {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateZ(-200px);
    opacity: 0;
  }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}

.no-js .dl-menuwrapper li.dl-back {
  display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: '';
}

/* =============================================================================
   BREADCRUMBS
================================================================================ */
.breadcrumb {
  /* The path to the current page in the form of a list of links */
  font-family: "Quattrocento Sans", sans-serif;
  color: #6d6c64;
  margin: 0 0 14px;
  padding: 0;
  background-color: transparent;
  border: none transparent;
  border-width: 0;
}
@media (min-width: 640px) {
  .breadcrumb {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  .breadcrumb {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  .breadcrumb {
    margin: 0 0 22px;
  }
}
@media (min-width: 640px) {
  .breadcrumb {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .breadcrumb {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .breadcrumb {
    padding: 0;
  }
}
.breadcrumb ul,
.breadcrumb ol {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
}
.breadcrumb ul li,
.breadcrumb ol li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
.breadcrumb ul li:before,
.breadcrumb ol li:before {
  display: none;
}
.breadcrumb li {
  display: inline;
  font-weight: bold;
  font-size: 0.75em;
  line-height: 1.6666666667em;
}
@media (min-width: 640px) {
  .breadcrumb li {
    font-size: 0.7647058824em;
    line-height: 1.6153846154em;
  }
}
@media (min-width: 980px) {
  .breadcrumb li {
    font-size: 0.7777777778em;
    line-height: 1.5714285714em;
  }
}
.breadcrumb li a:link,
.breadcrumb li a:visited {
  display: inline;
  color: #8a0f27;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}
.breadcrumb li a:link:after,
.breadcrumb li a:visited:after {
  display: inline;
  padding: 0 4px;
  margin: 0;
  color: #6d6c64;
  font-family: "Quattrocento Sans", sans-serif;
  content: "/";
  font-weight: bold;
  font-size: 0.857em;
  text-decoration: none !important;
}
@media (min-width: 640px) {
  .breadcrumb li a:link:after,
  .breadcrumb li a:visited:after {
    padding: 0 4px;
  }
}
@media (min-width: 980px) {
  .breadcrumb li a:link:after,
  .breadcrumb li a:visited:after {
    padding: 0 5px;
  }
}
@media (min-width: 1400px) {
  .breadcrumb li a:link:after,
  .breadcrumb li a:visited:after {
    padding: 0 5px;
  }
}
@media (min-width: 640px) {
  .breadcrumb li a:link:after,
  .breadcrumb li a:visited:after {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .breadcrumb li a:link:after,
  .breadcrumb li a:visited:after {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .breadcrumb li a:link:after,
  .breadcrumb li a:visited:after {
    margin: 0;
  }
}
.breadcrumb li a:hover {
  color: #b22641;
}
.breadcrumb li a:hover:after {
  text-decoration: none;
}
.breadcrumb li a.active-trail {
  font-weight: bold;
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET

Special homepage-specific styles only. Should include any blocks or views that are only ever on the homepage.
========================================================================== */
body.front h1.page-title {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
}
body.front #banner {
  max-height: 670px;
}
body.front #main > .wrapper-bottom {
  display: none;
}
@media (min-width: 640px) {
  body.front #main > .wrapper-bottom {
    display: block;
  }
}
body.front #content .region-content .node.view-mode-full {
  padding: 0;
}
@media (min-width: 640px) {
  body.front #content .region-content .node.view-mode-full {
    padding: 0;
  }
}
@media (min-width: 980px) {
  body.front #content .region-content .node.view-mode-full {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  body.front #content .region-content .node.view-mode-full {
    padding: 0;
  }
}
@media (min-width: 640px) {
  body.front .region-content-top {
    padding: 0 0 0 22px;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  body.front .region-content-top {
    padding: 0 0 0 24px;
  }
}
@media (min-width: 640px) and (min-width: 980px) {
  body.front .region-content-top {
    padding: 0 0 0 27px;
  }
}
@media (min-width: 640px) and (min-width: 1400px) {
  body.front .region-content-top {
    padding: 0 0 0 30px;
  }
}

body.front #content #block-views-news-events-block + #block-views-news-events-block-responsive {
  margin-top: 0 !important;
}

/* Component rules */
/* =============================================================================
   BLOCKQUOTE
============================================================================= */
blockquote,
.node-testimonial.view-mode-full {
  position: relative;
  display: block;
  overflow: visible;
  padding: 0 54px 14px 72px;
  margin: 0 0 0 2em;
  background-color: transparent;
  border: none transparent;
  border-width: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
@media (min-width: 640px) {
  blockquote,
  .node-testimonial.view-mode-full {
    padding: 0 60px 16px 80px;
  }
}
@media (min-width: 980px) {
  blockquote,
  .node-testimonial.view-mode-full {
    padding: 0 66px 18px 88px;
  }
}
@media (min-width: 1400px) {
  blockquote,
  .node-testimonial.view-mode-full {
    padding: 0 75px 22px 100px;
  }
}
blockquote h2,
.node-testimonial.view-mode-full h2 {
  margin: 0;
  padding: 0;
}
blockquote:before,
.node-testimonial.view-mode-full:before {
  position: absolute;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  height: 2em;
  width: 2em;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  vertical-align: bottom;
  font-family: "Dloom Font", sans-serif;
  color: #ffffff;
  content: "";
  font-size: 1.6em;
  line-height: 2em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #a6a59a;
}
blockquote p,
.node-testimonial.view-mode-full p {
  display: inline;
  position: relative;
  z-index: 2;
}
blockquote ul,
.node-testimonial.view-mode-full ul {
  margin-bottom: 0;
}
blockquote + p,
.node-testimonial.view-mode-full + p {
  margin: 28px 0 14px;
}
@media (min-width: 640px) {
  blockquote + p,
  .node-testimonial.view-mode-full + p {
    margin: 32px 0 16px;
  }
}
@media (min-width: 980px) {
  blockquote + p,
  .node-testimonial.view-mode-full + p {
    margin: 36px 0 18px;
  }
}
@media (min-width: 1400px) {
  blockquote + p,
  .node-testimonial.view-mode-full + p {
    margin: 44px 0 22px;
  }
}
blockquote .citation,
.node-testimonial.view-mode-full .citation {
  display: block;
  margin: 0;
  padding: 7px 0 0;
}
@media (min-width: 640px) {
  blockquote .citation,
  .node-testimonial.view-mode-full .citation {
    padding: 8px 0 0;
  }
}
@media (min-width: 980px) {
  blockquote .citation,
  .node-testimonial.view-mode-full .citation {
    padding: 9px 0 0;
  }
}
@media (min-width: 1400px) {
  blockquote .citation,
  .node-testimonial.view-mode-full .citation {
    padding: 11px 0 0;
  }
}
blockquote + .citation,
.node-testimonial.view-mode-full + .citation {
  position: relative;
  padding: 7px 36px 28px;
  margin: 0 0 0 2em;
}
@media (min-width: 640px) {
  blockquote + .citation,
  .node-testimonial.view-mode-full + .citation {
    padding: 8px 40px 32px;
  }
}
@media (min-width: 980px) {
  blockquote + .citation,
  .node-testimonial.view-mode-full + .citation {
    padding: 9px 44px 36px;
  }
}
@media (min-width: 1400px) {
  blockquote + .citation,
  .node-testimonial.view-mode-full + .citation {
    padding: 11px 50px 44px;
  }
}
.sidebars blockquote, .sidebars
.node-testimonial.view-mode-full {
  padding: 0;
  margin: 0 0 0 10px;
}
@media (min-width: 640px) {
  .sidebars blockquote, .sidebars
  .node-testimonial.view-mode-full {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .sidebars blockquote, .sidebars
  .node-testimonial.view-mode-full {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .sidebars blockquote, .sidebars
  .node-testimonial.view-mode-full {
    padding: 0;
  }
}
.sidebars blockquote:before, .sidebars
.node-testimonial.view-mode-full:before {
  height: 10px;
  width: 10px;
  top: 0;
  left: 0;
  font-size: 20px;
  line-height: 10px;
}
.sidebars blockquote .citation, .sidebars
.node-testimonial.view-mode-full .citation {
  margin: 0 0 0 10px;
  padding: 7px 0 0;
}
@media (min-width: 640px) {
  .sidebars blockquote .citation, .sidebars
  .node-testimonial.view-mode-full .citation {
    padding: 8px 0 0;
  }
}
@media (min-width: 980px) {
  .sidebars blockquote .citation, .sidebars
  .node-testimonial.view-mode-full .citation {
    padding: 9px 0 0;
  }
}
@media (min-width: 1400px) {
  .sidebars blockquote .citation, .sidebars
  .node-testimonial.view-mode-full .citation {
    padding: 11px 0 0;
  }
}
.sidebars blockquote + .citation, .sidebars
.node-testimonial.view-mode-full + .citation {
  position: relative;
  padding: 7px 0 28px;
  margin: 0 0 0 10px;
}
@media (min-width: 640px) {
  .sidebars blockquote + .citation, .sidebars
  .node-testimonial.view-mode-full + .citation {
    padding: 8px 0 32px;
  }
}
@media (min-width: 980px) {
  .sidebars blockquote + .citation, .sidebars
  .node-testimonial.view-mode-full + .citation {
    padding: 9px 0 36px;
  }
}
@media (min-width: 1400px) {
  .sidebars blockquote + .citation, .sidebars
  .node-testimonial.view-mode-full + .citation {
    padding: 11px 0 44px;
  }
}

/* =============================================================================
   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.
============================================================================= */
/* ----- TABLE DEFAULT VARIABLES VALUES ----------------- */
/* -----  TYPOGRAPHY ----------------- */
body table thead,
body:not(.section-admin) table thead {
  font-weight: bold;
  color: #424242;
  font-size: 0.9375em;
  line-height: 1.5333333333em;
}
@media (min-width: 640px) {
  body table thead,
  body:not(.section-admin) table thead {
    font-size: 0.9411764706em;
    line-height: 1.5em;
  }
}
@media (min-width: 980px) {
  body table thead,
  body:not(.section-admin) table thead {
    font-size: 0.9444444444em;
    line-height: 1.4705882353em;
  }
}

body table tbody,
body:not(.section-admin) table tbody {
  font-size: 0.9375em;
  line-height: 1.5333333333em;
}
@media (min-width: 640px) {
  body table tbody,
  body:not(.section-admin) table tbody {
    font-size: 0.9411764706em;
    line-height: 1.5em;
  }
}
@media (min-width: 980px) {
  body table tbody,
  body:not(.section-admin) table tbody {
    font-size: 0.9444444444em;
    line-height: 1.4705882353em;
  }
}

/* --------------------------------------------------------------------------------- */
body,
body:not(.section-admin) {
  /*Default Style*/
  /* Simple Responsive Table without header by default for medium and large displays */
  /* 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 */
  /* 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;
  border-collapse: collapse;
  background-color: transparent;
  border: none transparent;
  border-width: 0;
  vertical-align: top;
  margin: 14px 0 7px;
}
body table:after,
body:not(.section-admin) table:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  body table,
  body:not(.section-admin) table {
    margin: 16px 0 8px;
  }
}
@media (min-width: 980px) {
  body table,
  body:not(.section-admin) table {
    margin: 18px 0 9px;
  }
}
@media (min-width: 1400px) {
  body table,
  body:not(.section-admin) table {
    margin: 22px 0 11px;
  }
}
body table, body table td, body table th, body table tr, body table thead, body table tbody,
body:not(.section-admin) table,
body:not(.section-admin) table td,
body:not(.section-admin) table th,
body:not(.section-admin) table tr,
body:not(.section-admin) table thead,
body:not(.section-admin) table tbody {
  border: 0 none transparent;
  box-sizing: border-box;
  background-color: transparent;
  max-width: 100%;
  outline: 0 none transparent;
}
body table td *:first-child,
body:not(.section-admin) table td *:first-child {
  margin-top: 0;
}
body table td:active,
body:not(.section-admin) table td:active {
  background-color: transparent;
}
body table th, body table td,
body:not(.section-admin) table th,
body:not(.section-admin) table td {
  padding: 7px 15px;
  vertical-align: top;
}
@media (min-width: 640px) {
  body table th, body table td,
  body:not(.section-admin) table th,
  body:not(.section-admin) table td {
    padding: 8px 16px;
  }
}
@media (min-width: 980px) {
  body table th, body table td,
  body:not(.section-admin) table th,
  body:not(.section-admin) table td {
    padding: 9px 18px;
  }
}
@media (min-width: 1400px) {
  body table th, body table td,
  body:not(.section-admin) table th,
  body:not(.section-admin) table td {
    padding: 11px 20px;
  }
}
body table th,
body table thead tr *,
body:not(.section-admin) table th,
body:not(.section-admin) table thead tr * {
  border: none;
}
body table thead,
body:not(.section-admin) table thead {
  border: none;
  background-color: #f0efe8;
}
body table tbody,
body:not(.section-admin) table tbody {
  background-color: transparent;
  border: none;
}
body table tbody tr,
body:not(.section-admin) table tbody tr {
  border: solid #f0efe8;
  border-width: 1px 0 1px 0;
}
body table tbody tr.even,
body:not(.section-admin) table tbody tr.even {
  background: #ffffff;
}
body table tbody tr.odd,
body:not(.section-admin) table tbody tr.odd {
  background: #f0efe8;
}
body table tbody tr td,
body:not(.section-admin) table tbody tr td {
  border: solid #f0efe8;
  border-width: 0 1px 0 1px;
}
body table.layout-table th,
body table.layout-table td,
body:not(.section-admin) table.layout-table th,
body:not(.section-admin) table.layout-table td {
  padding: 7px 15px;
}
@media (min-width: 640px) {
  body table.layout-table th,
  body table.layout-table td,
  body:not(.section-admin) table.layout-table th,
  body:not(.section-admin) table.layout-table td {
    padding: 8px 16px;
  }
}
@media (min-width: 980px) {
  body table.layout-table th,
  body table.layout-table td,
  body:not(.section-admin) table.layout-table th,
  body:not(.section-admin) table.layout-table td {
    padding: 9px 18px;
  }
}
@media (min-width: 1400px) {
  body table.layout-table th,
  body table.layout-table td,
  body:not(.section-admin) table.layout-table th,
  body:not(.section-admin) table.layout-table td {
    padding: 11px 20px;
  }
}
body table.layout-table th .figure,
body table.layout-table td .figure,
body:not(.section-admin) table.layout-table th .figure,
body:not(.section-admin) table.layout-table td .figure {
  margin-left: 0;
}
body table.layout-table.mceItemTable td,
body:not(.section-admin) table.layout-table.mceItemTable td {
  border: 1px solid #eee;
}
body table.layout-table.responsive,
body:not(.section-admin) table.layout-table.responsive {
  /* if table size != 100 % */
}
body table.layout-table.responsive th, body table.layout-table.responsive td,
body:not(.section-admin) table.layout-table.responsive th,
body:not(.section-admin) table.layout-table.responsive td {
  padding: 7px 9px;
}
@media (min-width: 640px) {
  body table.layout-table.responsive th, body table.layout-table.responsive td,
  body:not(.section-admin) table.layout-table.responsive th,
  body:not(.section-admin) table.layout-table.responsive td {
    padding: 8px 10px;
  }
}
@media (min-width: 980px) {
  body table.layout-table.responsive th, body table.layout-table.responsive td,
  body:not(.section-admin) table.layout-table.responsive th,
  body:not(.section-admin) table.layout-table.responsive td {
    padding: 9px 11px;
  }
}
@media (min-width: 1400px) {
  body table.layout-table.responsive th, body table.layout-table.responsive td,
  body:not(.section-admin) table.layout-table.responsive th,
  body:not(.section-admin) table.layout-table.responsive td {
    padding: 11px 13px;
  }
}
body table.layout-table.responsive tr, body table.layout-table.responsive td,
body:not(.section-admin) table.layout-table.responsive tr,
body:not(.section-admin) table.layout-table.responsive td {
  border: 0 none transparent;
}
body table.layout-table.responsive tr:first-child,
body:not(.section-admin) table.layout-table.responsive tr:first-child {
  border-top: 1px solid #B1C6C7;
}
body table.layout-table.responsive td,
body:not(.section-admin) table.layout-table.responsive td {
  border-bottom: 1px solid #B1C6C7;
}
body table.layout-table.responsive tbody td,
body:not(.section-admin) table.layout-table.responsive tbody td {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  float: left;
  clear: left;
}
body table.layout-table.responsive, body table.layout-table.responsive thead, body table.layout-table.responsive tbody, body table.layout-table.responsive th, body table.layout-table.responsive td, body table.layout-table.responsive tr,
body:not(.section-admin) table.layout-table.responsive,
body:not(.section-admin) table.layout-table.responsive thead,
body:not(.section-admin) table.layout-table.responsive tbody,
body:not(.section-admin) table.layout-table.responsive th,
body:not(.section-admin) table.layout-table.responsive td,
body:not(.section-admin) table.layout-table.responsive tr {
  display: block;
}
body table.layout-table.responsive + *,
body:not(.section-admin) table.layout-table.responsive + * {
  clear: both;
}
body table.layout-table.clear-table,
body:not(.section-admin) table.layout-table.clear-table {
  border: 0 none transparent !important;
  background-color: transparent;
}
body table.layout-table.clear-table th, body table.layout-table.clear-table td,
body:not(.section-admin) table.layout-table.clear-table th,
body:not(.section-admin) table.layout-table.clear-table td {
  padding: 0 18px 14px 0;
}
@media (min-width: 640px) {
  body table.layout-table.clear-table th, body table.layout-table.clear-table td,
  body:not(.section-admin) table.layout-table.clear-table th,
  body:not(.section-admin) table.layout-table.clear-table td {
    padding: 0 20px 16px 0;
  }
}
@media (min-width: 980px) {
  body table.layout-table.clear-table th, body table.layout-table.clear-table td,
  body:not(.section-admin) table.layout-table.clear-table th,
  body:not(.section-admin) table.layout-table.clear-table td {
    padding: 0 22px 18px 0;
  }
}
@media (min-width: 1400px) {
  body table.layout-table.clear-table th, body table.layout-table.clear-table td,
  body:not(.section-admin) table.layout-table.clear-table th,
  body:not(.section-admin) table.layout-table.clear-table td {
    padding: 0 25px 22px 0;
  }
}
body table.layout-table.clear-table td, body table.layout-table.clear-table th, body table.layout-table.clear-table tr, body table.layout-table.clear-table thead, body table.layout-table.clear-table tbody,
body:not(.section-admin) table.layout-table.clear-table td,
body:not(.section-admin) table.layout-table.clear-table th,
body:not(.section-admin) table.layout-table.clear-table tr,
body:not(.section-admin) table.layout-table.clear-table thead,
body:not(.section-admin) table.layout-table.clear-table tbody {
  border: 0 none transparent !important;
  background-color: transparent;
}
body table.layout-table.clear-table.responsive td, body table.layout-table.clear-table.responsive th, body table.layout-table.clear-table.responsive tr, body table.layout-table.clear-table.responsive thead, body table.layout-table.clear-table.responsive tbody,
body:not(.section-admin) table.layout-table.clear-table.responsive td,
body:not(.section-admin) table.layout-table.clear-table.responsive th,
body:not(.section-admin) table.layout-table.clear-table.responsive tr,
body:not(.section-admin) table.layout-table.clear-table.responsive thead,
body:not(.section-admin) table.layout-table.clear-table.responsive tbody {
  padding: 0 !important;
}
@media (min-width: 800px) {
  body table.layout-table.col-1 tbody td,
  body:not(.section-admin) table.layout-table.col-1 tbody td {
    width: 98%;
    /* 1% padding left and right by default */
  }
  body table.layout-table.col-2 tbody td,
  body:not(.section-admin) table.layout-table.col-2 tbody td {
    width: 48%;
  }
  body table.layout-table.col-3 tbody td,
  body:not(.section-admin) table.layout-table.col-3 tbody td {
    width: 31.33%;
  }
  body table.layout-table.col-4 tbody td,
  body:not(.section-admin) table.layout-table.col-4 tbody td {
    width: 23%;
  }
  body table.layout-table.col-5 tbody td,
  body:not(.section-admin) table.layout-table.col-5 tbody td {
    width: 18%;
  }
  body table.layout-table.col-6 tbody td,
  body:not(.section-admin) table.layout-table.col-6 tbody td {
    width: 14.66%;
  }
  body table.layout-table.col-7 tbody td,
  body:not(.section-admin) table.layout-table.col-7 tbody td {
    width: 12.28%;
  }
  body table.layout-table.col-8 tbody td,
  body:not(.section-admin) table.layout-table.col-8 tbody td {
    width: 10.5%;
  }
}
body table.data-table-with-label.responsive,
body:not(.section-admin) table.data-table-with-label.responsive {
  width: 100%;
  border-top: 1px solid #f0efe8;
  margin: 14px 0;
  /* if table size != 100 % */
}
@media (min-width: 640px) {
  body table.data-table-with-label.responsive,
  body:not(.section-admin) table.data-table-with-label.responsive {
    margin: 16px 0;
  }
}
@media (min-width: 980px) {
  body table.data-table-with-label.responsive,
  body:not(.section-admin) table.data-table-with-label.responsive {
    margin: 18px 0;
  }
}
@media (min-width: 1400px) {
  body table.data-table-with-label.responsive,
  body:not(.section-admin) table.data-table-with-label.responsive {
    margin: 22px 0;
  }
}
body table.data-table-with-label.responsive, body table.data-table-with-label.responsive thead, body table.data-table-with-label.responsive tbody, body table.data-table-with-label.responsive th, body table.data-table-with-label.responsive td, body table.data-table-with-label.responsive tr,
body:not(.section-admin) table.data-table-with-label.responsive,
body:not(.section-admin) table.data-table-with-label.responsive thead,
body:not(.section-admin) table.data-table-with-label.responsive tbody,
body:not(.section-admin) table.data-table-with-label.responsive th,
body:not(.section-admin) table.data-table-with-label.responsive td,
body:not(.section-admin) table.data-table-with-label.responsive tr {
  display: block;
}
body table.data-table-with-label.responsive thead,
body:not(.section-admin) table.data-table-with-label.responsive thead {
  display: none;
}
body table.data-table-with-label.responsive td,
body:not(.section-admin) table.data-table-with-label.responsive td {
  border: none;
  float: none;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  padding: 5px 0;
}
@media (min-width: 640px) {
  body table.data-table-with-label.responsive td,
  body:not(.section-admin) table.data-table-with-label.responsive td {
    padding: 5px 0;
  }
}
@media (min-width: 980px) {
  body table.data-table-with-label.responsive td,
  body:not(.section-admin) table.data-table-with-label.responsive td {
    padding: 6px 0;
  }
}
@media (min-width: 1400px) {
  body table.data-table-with-label.responsive td,
  body:not(.section-admin) table.data-table-with-label.responsive td {
    padding: 7px 0;
  }
}
body table.data-table-with-label.responsive tr,
body:not(.section-admin) table.data-table-with-label.responsive tr {
  display: block;
  clear: left;
  border-bottom: 1px solid #f0efe8;
  padding: 7px 0 14px;
}
@media (min-width: 640px) {
  body table.data-table-with-label.responsive tr,
  body:not(.section-admin) table.data-table-with-label.responsive tr {
    padding: 8px 0 16px;
  }
}
@media (min-width: 980px) {
  body table.data-table-with-label.responsive tr,
  body:not(.section-admin) table.data-table-with-label.responsive tr {
    padding: 9px 0 18px;
  }
}
@media (min-width: 1400px) {
  body table.data-table-with-label.responsive tr,
  body:not(.section-admin) table.data-table-with-label.responsive tr {
    padding: 11px 0 22px;
  }
}
body table.data-table-with-label.responsive tr:after, body table.data-table-with-label.responsive tr:before,
body:not(.section-admin) table.data-table-with-label.responsive tr:after,
body:not(.section-admin) table.data-table-with-label.responsive tr:before {
  content: " ";
  clear: left;
}
body table.data-table-with-label.responsive span.header-label,
body:not(.section-admin) table.data-table-with-label.responsive span.header-label {
  display: inline-block;
  margin: 0 6px 0 0;
}
@media (min-width: 640px) {
  body table.data-table-with-label.responsive span.header-label,
  body:not(.section-admin) table.data-table-with-label.responsive span.header-label {
    margin: 0 6px 0 0;
  }
}
@media (min-width: 980px) {
  body table.data-table-with-label.responsive span.header-label,
  body:not(.section-admin) table.data-table-with-label.responsive span.header-label {
    margin: 0 7px 0 0;
  }
}
@media (min-width: 1400px) {
  body table.data-table-with-label.responsive span.header-label,
  body:not(.section-admin) table.data-table-with-label.responsive span.header-label {
    margin: 0 8px 0 0;
  }
}
body table.data-table-with-label.responsive + *,
body:not(.section-admin) table.data-table-with-label.responsive + * {
  clear: both;
}
body table.data-table-with-scrolling.responsive,
body:not(.section-admin) table.data-table-with-scrolling.responsive {
  clear: both;
  position: relative;
  margin: 14px 0 7px;
  /* if table size != 100 % */
}
@media (min-width: 640px) {
  body table.data-table-with-scrolling.responsive,
  body:not(.section-admin) table.data-table-with-scrolling.responsive {
    margin: 16px 0 8px;
  }
}
@media (min-width: 980px) {
  body table.data-table-with-scrolling.responsive,
  body:not(.section-admin) table.data-table-with-scrolling.responsive {
    margin: 18px 0 9px;
  }
}
@media (min-width: 1400px) {
  body table.data-table-with-scrolling.responsive,
  body:not(.section-admin) table.data-table-with-scrolling.responsive {
    margin: 22px 0 11px;
  }
}
body table.data-table-with-scrolling.responsive.scrollProcessed,
body:not(.section-admin) table.data-table-with-scrolling.responsive.scrollProcessed {
  margin-bottom: 60px;
}
body table.data-table-with-scrolling.responsive + *,
body:not(.section-admin) table.data-table-with-scrolling.responsive + * {
  clear: both;
}
body table.data-table-with-scrolling.responsive, body table.data-table-with-scrolling.responsive thead, body table.data-table-with-scrolling.responsive tbody, body table.data-table-with-scrolling.responsive th, body table.data-table-with-scrolling.responsive td, body table.data-table-with-scrolling.responsive tr,
body:not(.section-admin) table.data-table-with-scrolling.responsive,
body:not(.section-admin) table.data-table-with-scrolling.responsive thead,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody,
body:not(.section-admin) table.data-table-with-scrolling.responsive th,
body:not(.section-admin) table.data-table-with-scrolling.responsive td,
body:not(.section-admin) table.data-table-with-scrolling.responsive tr {
  display: block;
  border: 0 none;
}
body table.data-table-with-scrolling.responsive tbody, body table.data-table-with-scrolling.responsive td, body table.data-table-with-scrolling.responsive tr,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody,
body:not(.section-admin) table.data-table-with-scrolling.responsive td,
body:not(.section-admin) table.data-table-with-scrolling.responsive tr {
  max-width: none !important;
}
body table.data-table-with-scrolling.responsive .cf:after,
body:not(.section-admin) table.data-table-with-scrolling.responsive .cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
body table.data-table-with-scrolling.responsive * html .cf,
body:not(.section-admin) table.data-table-with-scrolling.responsive * html .cf {
  zoom: 1;
}
body table.data-table-with-scrolling.responsive *:first-child + html .cf,
body:not(.section-admin) table.data-table-with-scrolling.responsive *:first-child + html .cf {
  zoom: 1;
}
body table.data-table-with-scrolling.responsive th, body table.data-table-with-scrolling.responsive td,
body:not(.section-admin) table.data-table-with-scrolling.responsive th,
body:not(.section-admin) table.data-table-with-scrolling.responsive td {
  margin: 0;
  vertical-align: top;
}
body table.data-table-with-scrolling.responsive thead,
body:not(.section-admin) table.data-table-with-scrolling.responsive thead {
  position: absolute;
  box-sizing: border-box;
  z-index: 2;
  border: 1px solid #e6e4d9;
  top: 0;
  left: 0;
}
body table.data-table-with-scrolling.responsive thead th, body table.data-table-with-scrolling.responsive thead td,
body:not(.section-admin) table.data-table-with-scrolling.responsive thead th,
body:not(.section-admin) table.data-table-with-scrolling.responsive thead td {
  box-sizing: border-box;
  text-align: left;
  float: left;
  clear: left;
  width: 100%;
  max-width: 100%;
  border-top: 1px solid #e6e4d9;
}
body table.data-table-with-scrolling.responsive thead th:first-child, body table.data-table-with-scrolling.responsive thead td:first-child,
body:not(.section-admin) table.data-table-with-scrolling.responsive thead th:first-child,
body:not(.section-admin) table.data-table-with-scrolling.responsive thead td:first-child {
  border-top: 0 none transparent;
}
body table.data-table-with-scrolling.responsive tbody,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody {
  overflow-x: auto;
  white-space: nowrap;
  position: absolute;
  box-sizing: border-box;
  z-index: 1;
  top: 0;
  border: 1px solid #e6e4d9;
}
body table.data-table-with-scrolling.responsive tbody tr,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody tr {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #f0efe8;
}
body table.data-table-with-scrolling.responsive tbody tr td,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody tr td {
  border-top: 1px solid #f0efe8;
}
body table.data-table-with-scrolling.responsive tbody tr td:first-child,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody tr td:first-child {
  border-top: 0 none transparent;
}
body table.data-table-with-scrolling.responsive td,
body:not(.section-admin) table.data-table-with-scrolling.responsive td {
  min-height: 1.25em;
  text-align: left;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
body .table,
body:not(.section-admin) .table {
  border: 10px solid white;
}
@media (min-width: 800px) {
  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;
  }
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 * Used by responsive scrolling table
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspCap {
  display: none;
}

.jspTrack {
  box-sizing: border-box;
  background: #E5E5E5;
  border: solid transparent;
  border-width: 0 0 0 0;
  position: relative;
}

.jspDrag {
  background: #E5E5E5;
  border: solid transparent;
  border-width: 0 0 0 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspArrow {
  background: transparent;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.jspArrow:before {
  text-align: center;
  font-family: "Dloom Font", sans-serif;
  display: inline-block;
  color: #6d6c64;
  line-height: 1;
  font-size: 1em;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: transparent;
  color: #c0beaf;
}
.jspArrow.jspDisabled:before {
  color: #c0beaf;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

.jspHorizontalBar {
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 45px;
  background-color: transparent;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
}
.jspHorizontalBar .jspTrack {
  margin-top: 23px;
  height: 1px;
}
.jspHorizontalBar .jspDrag {
  margin-top: -4px;
  height: 8px;
}
.jspHorizontalBar .jspArrow {
  width: 20px;
  height: 45px;
  line-height: 45px;
  float: left;
  text-indent: 0;
}
.jspHorizontalBar .jspArrow.jspArrowLeft:before {
  text-align: left;
  content: "";
}
.jspHorizontalBar .jspArrow.jspArrowRight:before {
  text-align: right;
  content: "";
}

.scrollable-area {
  width: 100%;
  height: 200px;
  overflow: auto;
}

body table.data-table-with-scrolling.responsive tbody.jspScrollable,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody.jspScrollable {
  position: relative;
  border-bottom: 0 none transparent;
  border-left: 0 none transparent;
  border-right: 0 none transparent;
  overflow-y: auto;
}
body table.data-table-with-scrolling.responsive tbody.jspScrollable .jspContainer,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody.jspScrollable .jspContainer {
  overflow: hidden;
  position: relative;
}
body table.data-table-with-scrolling.responsive tbody.jspScrollable .jspPane,
body:not(.section-admin) table.data-table-with-scrolling.responsive tbody.jspScrollable .jspPane {
  position: relative;
}

/* =============================================================================
   IMAGES & CAPTIONS
================================================================================ */
/* ----- Color palette ----------------- */
/* ------------------------------------- */
figure, .figure {
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  /* if class image-* is contained by the figure tag */
  /* if class image-* is applied to a parent tag that contained .figure tag */
}
@media (min-width: 640px) {
  figure, .figure {
    padding: 0;
  }
}
@media (min-width: 980px) {
  figure, .figure {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  figure, .figure {
    padding: 0;
  }
}
@media (min-width: 640px) {
  figure, .figure {
    margin: 0;
  }
}
@media (min-width: 980px) {
  figure, .figure {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  figure, .figure {
    margin: 0;
  }
}
figure:before, .figure:before {
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
}
figure a, .figure a {
  display: block;
  width: 100%;
}
figure img, .figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 0 none transparent;
}
figure.left, .figure.left {
  float: left;
  clear: left;
  margin: 0 18px 14px 0;
}
@media (min-width: 640px) {
  figure.left, .figure.left {
    margin: 0 20px 16px 0;
  }
}
@media (min-width: 980px) {
  figure.left, .figure.left {
    margin: 0 22px 18px 0;
  }
}
@media (min-width: 1400px) {
  figure.left, .figure.left {
    margin: 0 25px 22px 0;
  }
}
figure.right, .figure.right {
  float: right;
  clear: right;
  margin: 0 0 14px 18px;
}
@media (min-width: 640px) {
  figure.right, .figure.right {
    margin: 0 0 16px 20px;
  }
}
@media (min-width: 980px) {
  figure.right, .figure.right {
    margin: 0 0 18px 22px;
  }
}
@media (min-width: 1400px) {
  figure.right, .figure.right {
    margin: 0 0 22px 25px;
  }
}
figure figcaption,
figure .caption, .figure figcaption,
.figure .caption {
  display: block;
  margin: 5px 0;
}
@media (min-width: 640px) {
  figure figcaption,
  figure .caption, .figure figcaption,
  .figure .caption {
    margin: 5px 0;
  }
}
@media (min-width: 980px) {
  figure figcaption,
  figure .caption, .figure figcaption,
  .figure .caption {
    margin: 6px 0;
  }
}
@media (min-width: 1400px) {
  figure figcaption,
  figure .caption, .figure figcaption,
  .figure .caption {
    margin: 7px 0;
  }
}
figure.image-75, .image-75 figure, .figure.image-75, .image-75 .figure {
  width: 75%;
}
@media (max-width: 639px) {
  figure.image-75, .image-75 figure, .figure.image-75, .image-75 .figure {
    width: 100%;
  }
}
figure.image-65, .image-65 figure, .figure.image-65, .image-65 .figure {
  width: 65%;
}
@media (max-width: 639px) {
  figure.image-65, .image-65 figure, .figure.image-65, .image-65 .figure {
    width: 100%;
  }
}
figure.image-50, .image-50 figure, .figure.image-50, .image-50 .figure {
  width: 50%;
}
@media (max-width: 319px) {
  figure.image-50, .image-50 figure, .figure.image-50, .image-50 .figure {
    width: 100%;
  }
}
figure.image-33, .image-33 figure, .figure.image-33, .image-33 .figure {
  width: 33%;
}
figure.image-25, .image-25 figure, .figure.image-25, .image-25 .figure {
  width: 25%;
}
figure.image-20, .image-20 figure, .figure.image-20, .image-20 .figure {
  width: 20%;
}
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.right, .image-25.right, .image-33.right, .image-50.right, .image-65.right, .image-75.right {
  margin: 5px 0 14px 18px;
}
@media (min-width: 640px) {
  .image-20.right, .image-25.right, .image-33.right, .image-50.right, .image-65.right, .image-75.right {
    margin: 5px 0 16px 20px;
  }
}
@media (min-width: 980px) {
  .image-20.right, .image-25.right, .image-33.right, .image-50.right, .image-65.right, .image-75.right {
    margin: 6px 0 18px 22px;
  }
}
@media (min-width: 1400px) {
  .image-20.right, .image-25.right, .image-33.right, .image-50.right, .image-65.right, .image-75.right {
    margin: 7px 0 22px 25px;
  }
}
.image-20.left, .image-25.left, .image-33.left, .image-50.left, .image-65.left, .image-75.left {
  margin: 5px 18px 14px 0;
}
@media (min-width: 640px) {
  .image-20.left, .image-25.left, .image-33.left, .image-50.left, .image-65.left, .image-75.left {
    margin: 5px 20px 16px 0;
  }
}
@media (min-width: 980px) {
  .image-20.left, .image-25.left, .image-33.left, .image-50.left, .image-65.left, .image-75.left {
    margin: 6px 22px 18px 0;
  }
}
@media (min-width: 1400px) {
  .image-20.left, .image-25.left, .image-33.left, .image-50.left, .image-65.left, .image-75.left {
    margin: 7px 25px 22px 0;
  }
}

/* =============================================================================
   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,
#player {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

/* ...but when using a video embedded either by iframe or object/embed tags,
 * we need a wrapper. */
.video,
#player {
  position: relative;
  height: 0;
  line-height: 0;
}
.video object, .video embed, .video iframe,
#player object,
#player embed,
#player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.video + *,
#player + * {
  margin-top: 2em !important;
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
Put styling for form elements, like text fields, textareas, checkboxes, buttons, etc. here.
========================================================================== */
/* --- Color palette to get you started! --- */
/* ----------------------------------------- */
form {
  padding: 0;
  margin: 0 0 14px;
}
@media (min-width: 640px) {
  form {
    padding: 0;
  }
}
@media (min-width: 980px) {
  form {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  form {
    padding: 0;
  }
}
@media (min-width: 640px) {
  form {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  form {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  form {
    margin: 0 0 22px;
  }
}

html.js fieldset {
  box-sizing: border-box;
  padding: 7px 9px;
  margin: 14px 0 28px;
  width: 95%;
  max-width: 95%;
  border: solid #f0efe8;
  border-width: 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
html.js fieldset:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
@media (min-width: 640px) {
  html.js fieldset {
    padding: 8px 10px;
  }
}
@media (min-width: 980px) {
  html.js fieldset {
    padding: 9px 11px;
  }
}
@media (min-width: 1400px) {
  html.js fieldset {
    padding: 11px 13px;
  }
}
@media (min-width: 640px) {
  html.js fieldset {
    margin: 16px 0 32px;
  }
}
@media (min-width: 980px) {
  html.js fieldset {
    margin: 18px 0 36px;
  }
}
@media (min-width: 1400px) {
  html.js fieldset {
    margin: 22px 0 44px;
  }
}
html.js fieldset legend {
  padding: 0;
  margin: 0;
  display: block;
}
@media (min-width: 640px) {
  html.js fieldset legend {
    padding: 0;
  }
}
@media (min-width: 980px) {
  html.js fieldset legend {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  html.js fieldset legend {
    padding: 0;
  }
}
@media (min-width: 640px) {
  html.js fieldset legend {
    margin: 0;
  }
}
@media (min-width: 980px) {
  html.js fieldset legend {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  html.js fieldset legend {
    margin: 0;
  }
}
html.js fieldset .fieldset-legend {
  display: block;
  width: 100%;
  background-image: none;
  padding: 0 5px;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.2em;
}
@media (min-width: 640px) {
  html.js fieldset .fieldset-legend {
    padding: 0 5px;
  }
}
@media (min-width: 980px) {
  html.js fieldset .fieldset-legend {
    padding: 0 6px;
  }
}
@media (min-width: 1400px) {
  html.js fieldset .fieldset-legend {
    padding: 0 7px;
  }
}
@media (min-width: 640px) {
  html.js fieldset .fieldset-legend {
    font-size: 1.4117647059em;
    line-height: 1.1666666667em;
  }
}
@media (min-width: 980px) {
  html.js fieldset .fieldset-legend {
    font-size: 1.5555555556em;
    line-height: 1.1428571429em;
  }
}
html.js fieldset .fieldset-wrapper .label-above {
  padding: 0 0 5px;
}
@media (min-width: 640px) {
  html.js fieldset .fieldset-wrapper .label-above {
    padding: 0 0 5px;
  }
}
@media (min-width: 980px) {
  html.js fieldset .fieldset-wrapper .label-above {
    padding: 0 0 6px;
  }
}
@media (min-width: 1400px) {
  html.js fieldset .fieldset-wrapper .label-above {
    padding: 0 0 7px;
  }
}
html.js fieldset .fieldset-wrapper > .field {
  padding: 0 0 14px;
}
@media (min-width: 640px) {
  html.js fieldset .fieldset-wrapper > .field {
    padding: 0 0 16px;
  }
}
@media (min-width: 980px) {
  html.js fieldset .fieldset-wrapper > .field {
    padding: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  html.js fieldset .fieldset-wrapper > .field {
    padding: 0 0 22px;
  }
}

input.form-text,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea {
  box-sizing: border-box;
  max-width: 80%;
  padding: 6px 11px;
  margin: 0;
  color: #424242;
  background-color: #f0efe8;
  border: none transparent;
  border-width: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-style: italic;
  /* Focus State */
}
@media (min-width: 640px) {
  input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea {
    padding: 7px 12px;
  }
}
@media (min-width: 980px) {
  input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea {
    padding: 8px 14px;
  }
}
@media (min-width: 1400px) {
  input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea {
    padding: 9px 15px;
  }
}
@media (min-width: 640px) {
  input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea {
    margin: 0;
  }
}
@media (min-width: 980px) {
  input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  input.form-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  textarea {
    margin: 0;
  }
}
input.form-text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus {
  color: #424242;
  background-color: #f0efe8;
  border-color: transparent;
}

textarea {
  max-width: 90%;
  font-style: italic;
}
textarea + .grippie {
  max-width: 90%;
  border: none;
}

select,
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="month"],
input[type="week"] {
  box-sizing: border-box;
  max-width: 90%;
  padding: 5px 8px;
  color: #424242;
  border: none transparent;
  border-width: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  background-color: #f0efe8;
}
@media (min-width: 640px) {
  select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    padding: 5px 8px;
  }
}
@media (min-width: 980px) {
  select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    padding: 6px 9px;
  }
}
@media (min-width: 1400px) {
  select,
  input[type="date"],
  input[type="time"],
  input[type="datetime"],
  input[type="month"],
  input[type="week"] {
    padding: 7px 10px;
  }
}
select option,
input[type="date"] option,
input[type="time"] option,
input[type="datetime"] option,
input[type="month"] option,
input[type="week"] option {
  padding: 2px 11px;
  outline: none;
}
@media (min-width: 640px) {
  select option,
  input[type="date"] option,
  input[type="time"] option,
  input[type="datetime"] option,
  input[type="month"] option,
  input[type="week"] option {
    padding: 2px 12px;
  }
}
@media (min-width: 980px) {
  select option,
  input[type="date"] option,
  input[type="time"] option,
  input[type="datetime"] option,
  input[type="month"] option,
  input[type="week"] option {
    padding: 2px 14px;
  }
}
@media (min-width: 1400px) {
  select option,
  input[type="date"] option,
  input[type="time"] option,
  input[type="datetime"] option,
  input[type="month"] option,
  input[type="week"] option {
    padding: 3px 15px;
  }
}
select option:hover, select option:active,
input[type="date"] option:hover,
input[type="date"] option:active,
input[type="time"] option:hover,
input[type="time"] option:active,
input[type="datetime"] option:hover,
input[type="datetime"] option:active,
input[type="month"] option:hover,
input[type="month"] option:active,
input[type="week"] option:hover,
input[type="week"] option:active {
  background-color: #f0efe8;
}
select:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="month"]:focus,
input[type="week"]:focus {
  border-color: transparent;
  background-color: #f0efe8;
  -moz-box-shadow: 0 0 2px 2px transparent;
  -webkit-box-shadow: 0 0 2px 2px transparent;
  box-shadow: 0 0 2px 2px transparent;
}
select option,
input[type="date"] option,
input[type="time"] option,
input[type="datetime"] option,
input[type="month"] option,
input[type="week"] option {
  background-color: #f0efe8;
  width: 100%;
}

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .select-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    /* FF only temp fix */
  }
  .select-wrapper select {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    padding-right: 2.5em;
    /* accommodate with the pseudo elements for the dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .select-wrapper select option {
    width: 100%;
  }
  .select-wrapper::before, .select-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  .select-wrapper::after {
    /*  Custom dropdown arrow */
    font-family: "Dloom Font", sans-serif;
    content: "";
    font-size: .8em;
    font-weight: normal;
    color: #b22641 !important;
    height: 100%;
    line-height: 1;
    right: 1em;
    top: 50%;
    margin-top: -.5em;
  }
  .select-wrapper::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
  }
  @-moz-document url-prefix() {
    .select-wrapper select {
      padding-right: 0.9em;
    }
  }
}
form button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  background-color: #8a0f27;
  border: 1px solid #8a0f27;
  text-decoration: none;
  margin: 0 18px 0 0;
}
form button:hover, form button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #b22641;
  border-color: #b22641;
  text-decoration: none;
}
@media (min-width: 640px) {
  form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    margin: 0 20px 0 0;
  }
}
@media (min-width: 980px) {
  form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    margin: 0 22px 0 0;
  }
}
@media (min-width: 1400px) {
  form button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    margin: 0 25px 0 0;
  }
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  display: inline-block;
  font-family: "Dloom Font", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 11px 0 0;
}
@media (min-width: 640px) {
  input[type="radio"] + label:before,
  input[type="checkbox"] + label:before {
    padding: 0 12px 0 0;
  }
}
@media (min-width: 980px) {
  input[type="radio"] + label:before,
  input[type="checkbox"] + label:before {
    padding: 0 14px 0 0;
  }
}
@media (min-width: 1400px) {
  input[type="radio"] + label:before,
  input[type="checkbox"] + label:before {
    padding: 0 15px 0 0;
  }
}

input[type="checkbox"] + label {
  color: #424242;
}
input[type="checkbox"] + label:before {
  content: "";
  /* Checkbox Unchecked */
}
input[type="checkbox"]:checked + label:before {
  content: "";
  /* Checkbox Checked */
}

input[type="radio"] + label {
  color: #424242;
  display: block;
}
input[type="radio"] + label:before {
  content: "";
  /* Radio Unchecked */
}
input[type="radio"]:checked + label:before {
  content: "";
  /* Radio Checked */
}

/*** More complex field HTML ***/
.form-item {
  margin: 0 0 21px;
}
@media (min-width: 640px) {
  .form-item {
    margin: 0 0 24px;
  }
}
@media (min-width: 980px) {
  .form-item {
    margin: 0 0 27px;
  }
}
@media (min-width: 1400px) {
  .form-item {
    margin: 0 0 33px;
  }
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 1px solid #424242;
}
.form-item label {
  display: block;
  padding: 0 18px 7px 0;
}
@media (min-width: 640px) {
  .form-item label {
    padding: 0 20px 8px 0;
  }
}
@media (min-width: 980px) {
  .form-item label {
    padding: 0 22px 9px 0;
  }
}
@media (min-width: 1400px) {
  .form-item label {
    padding: 0 25px 11px 0;
  }
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}

.form-required {
  color: #424242;
  font-weight: normal;
  text-transform: none;
  font-style: normal;
}

.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}

.container-inline div,
.container-inline label {
  display: inline-block;
  vertical-align: top;
}

.form-submit a {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  background-color: #8a0f27;
  border: 1px solid #8a0f27;
  text-decoration: none;
}
.form-submit a:hover, .form-submit a:focus {
  background-color: #b22641;
  border-color: #b22641;
  text-decoration: none;
}

.webform-container-inline label {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
  margin-right: 0;
  min-width: 135px;
  width: 100%;
}
@media (min-width: 800px) {
  .webform-container-inline label {
    width: 35%;
  }
}
@media (min-width: 980px) {
  .webform-container-inline label {
    width: 30%;
  }
}
@media (min-width: 1250px) {
  .webform-container-inline label {
    width: 25%;
  }
}
.webform-container-inline label + input, .webform-container-inline label + select, .webform-container-inline label + .form-radios {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  width: auto;
}
@media (min-width: 800px) {
  .webform-container-inline label + input, .webform-container-inline label + select, .webform-container-inline label + .form-radios {
    max-width: 60%;
  }
}
@media (min-width: 980px) {
  .webform-container-inline label + input, .webform-container-inline label + select, .webform-container-inline label + .form-radios {
    max-width: 65%;
  }
}
@media (min-width: 1250px) {
  .webform-container-inline label + input, .webform-container-inline label + select, .webform-container-inline label + .form-radios {
    max-width: 70%;
  }
}

.webform-component-radios.webform-container-inline label + .form-radios {
  vertical-align: bottom;
}

@media (min-width: 800px) {
  .webform-component-textfield.webform-container-inline label,
  .webform-component-email.webform-container-inline label {
    box-sizing: border-box;
    display: inline-block;
    width: 15%;
    min-width: 135px;
    margin-left: 0;
    margin-right: 0;
  }
  .webform-component-textfield.webform-container-inline label + input,
  .webform-component-email.webform-container-inline label + input {
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
  }
}
@media (min-width: 800px) and (min-width: 800px) {
  .webform-component-textfield.webform-container-inline label + input,
  .webform-component-email.webform-container-inline label + input {
    max-width: 80%;
  }
}

.webform-component .webform-datepicker .form-type-select {
  width: 110px;
  display: inline-block;
  margin-right: 5px;
}
.webform-component.webform-component-time .form-type-select {
  display: inline-block;
  width: 100px;
}
.webform-component.webform-component-time .form-radios {
  display: inline-block;
  width: 160px;
}

.ui-datepicker th, .ui-datepicker td {
  padding: 0 !important;
}

/* ==========================================================================
 Ajax form
========================================================================== */
.progress-disabled {
  float: none;
  display: inline;
}

.ajax-progress {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: gainsboro;
  /* RGBa with 0.9 opacity */
  background: rgba(220, 220, 220, 0.8);
  zoom: 1;
  padding: 12px 9px;
}
@media (min-width: 640px) {
  .ajax-progress {
    padding: 13px 10px;
  }
}
@media (min-width: 980px) {
  .ajax-progress {
    padding: 15px 11px;
  }
}
@media (min-width: 1400px) {
  .ajax-progress {
    padding: 18px 13px;
  }
}
.ajax-progress .throbber {
  background: transparent url("../images/ajax-loader.gif") no-repeat center center;
  float: none;
  width: 16px;
  height: 16px;
  margin: 2px;
  display: inline-block;
}

tr .ajax-progress .throbber {
  margin: 0 2px;
}

.ajax-progress-bar {
  width: 16em;
}

.views-table th.active {
  position: relative;
}
.views-table .ajax-progress {
  right: 10px;
  margin-top: 0;
}

/* =============================================================================
   ACCORDION
   This is applied to xpandable div and collapsible fieldset
================================================================================ */
.xpandable, html.js fieldset.collapsible .fieldset-legend a {
  display: block;
  box-sizing: border-box;
  padding: 7px 18px;
  margin: 14px 0 0;
  width: 95%;
  max-width: 95%;
  background-color: #f0efe8;
  border: none transparent;
  border-width: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-family: "Quattrocento Sans", sans-serif;
  color: #424242;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .0125em;
  font-size: 0.875em;
  line-height: 1.2857142857em;
  text-decoration: none;
}
@media (min-width: 640px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    padding: 8px 20px;
  }
}
@media (min-width: 980px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    padding: 9px 22px;
  }
}
@media (min-width: 1400px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    padding: 11px 25px;
  }
}
@media (min-width: 640px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    margin: 16px 0 0;
  }
}
@media (min-width: 980px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    margin: 18px 0 0;
  }
}
@media (min-width: 1400px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    margin: 22px 0 0;
  }
}
@media (min-width: 640px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    font-size: 0.8823529412em;
    line-height: 1.2666666667em;
  }
}
@media (min-width: 980px) {
  .xpandable, html.js fieldset.collapsible .fieldset-legend a {
    font-size: 0.8888888889em;
    line-height: 1.25em;
  }
}
.xpandable:hover, html.js fieldset.collapsible .fieldset-legend a:hover {
  cursor: pointer;
}
.xpandable:before, html.js fieldset.collapsible .fieldset-legend a:before {
  display: inline;
  padding-right: .8em;
  color: #424242;
  font-family: "Dloom Font", sans-serif;
  font-size: 1em;
  vertical-align: text-bottom;
}

.xpandable:before, html.js fieldset.collapsible.collapsed .fieldset-legend a:before {
  content: "";
}

.xpandable.open, html.js fieldset.collapsible .fieldset-legend a {
  background-color: #f0efe8;
  color: #424242;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.xpandable.open:before, html.js fieldset.collapsible .fieldset-legend a:before {
  content: "";
}

.xpandable-area, html.js fieldset.collapsible .fieldset-wrapper {
  box-sizing: border-box;
  width: 95%;
  max-width: 95%;
  overflow: hidden;
  border: none transparent;
  border-width: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0 0 14px;
  padding: 14px 18px 0;
}
@media (min-width: 640px) {
  .xpandable-area, html.js fieldset.collapsible .fieldset-wrapper {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  .xpandable-area, html.js fieldset.collapsible .fieldset-wrapper {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  .xpandable-area, html.js fieldset.collapsible .fieldset-wrapper {
    margin: 0 0 22px;
  }
}
@media (min-width: 640px) {
  .xpandable-area, html.js fieldset.collapsible .fieldset-wrapper {
    padding: 16px 20px 0;
  }
}
@media (min-width: 980px) {
  .xpandable-area, html.js fieldset.collapsible .fieldset-wrapper {
    padding: 18px 22px 0;
  }
}
@media (min-width: 1400px) {
  .xpandable-area, html.js fieldset.collapsible .fieldset-wrapper {
    padding: 22px 25px 0;
  }
}

html.js fieldset {
  box-sizing: border-box;
  max-width: 100%;
}
html.js fieldset.collapsible {
  border: 0 none transparent;
  padding: 0;
}
html.js fieldset.collapsible .fieldset-legend {
  background-image: none;
  padding: 0 0 0 0 !important;
  outline: none;
}
html.js fieldset.collapsible .fieldset-legend a {
  max-width: 100%;
  width: 100%;
  outline: none;
}
html.js fieldset.collapsible .fieldset-legend span.summary {
  margin: 0;
}
html.js fieldset.collapsible .fieldset-wrapper {
  border: #f0efe8 solid;
  border-width: 0 1px 1px 1px;
  width: 100% !important;
  max-width: 100% !important;
}
html.js fieldset.collapsible.collapsed {
  border-width: 0;
}

/* =============================================================================
   CAROUSEL
================================================================================ */
.slick-slider {
  box-sizing: border-box;
  display: block;
  khtml-user-select: none;
  moz-box-sizing: border-box;
  moz-user-select: none;
  ms-touch-action: pan-y;
  ms-user-select: none;
  position: relative;
  touch-action: pan-y;
  user-select: none;
  webkit-tap-highlight-color: transparent;
  webkit-touch-callout: none;
  webkit-user-select: none;
}

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: hand;
  cursor: pointer;
}
.slick-loading .slick-list {
  background: white url("../images/ajax-loader.gif") center center no-repeat;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
  zoom: 1;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 998;
  border: none;
  color: transparent;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  font-weight: normal;
  outline: none;
  padding: 0;
  margin: 0;
  top: 40%;
  bottom: auto;
  background-color: #8a0f27;
  width: 30px;
  height: 38px;
  line-height: 38px;
}
@media (min-width: 640px) {
  .slick-prev,
  .slick-next {
    width: 38px;
    height: 50px;
    line-height: 50px;
  }
}
@media (min-width: 980px) {
  .slick-prev,
  .slick-next {
    width: 55px;
    height: 45px;
    line-height: 45px;
  }
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background-color: #b22641;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  color: #ffffff;
  font-family: "Dloom Font", sans-serif;
  font-size: 1.333em;
  line-height: 38px;
  width: 30px;
  height: 38px;
  text-align: center;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media (min-width: 640px) {
  .slick-prev:before,
  .slick-next:before {
    width: 38px;
    height: 50px;
    line-height: 50px;
  }
}
@media (min-width: 1250px) {
  .slick-prev:before,
  .slick-next:before {
    width: 55px;
    height: 45px;
    line-height: 45px;
  }
}

body.front .slick-prev,
body.front .slick-next {
  top: 25%;
}
@media (min-width: 640px) {
  body.front .slick-prev,
  body.front .slick-next {
    top: 40%;
  }
}

.slick-prev {
  left: 0;
}
.slick-prev:before {
  content: "";
}

.slick-next {
  right: 0;
}
.slick-next:before {
  content: "";
}

.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  bottom: -45px;
  display: block;
  list-style: none;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  width: 20px;
}
.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  outline: none;
  padding: 5px;
  width: 20px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  color: #ffffff;
  content: "";
  font-family: "Dloom Font", sans-serif;
  font-size: 10px;
  width: 20px;
  height: 20px;
  display: block;
  left: 0;
  line-height: 20px;
  opacity: 0.4;
  position: absolute;
  text-align: center;
  top: 0;
  webkit-font-smoothing: antialiased;
  moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #ffffff;
  opacity: 0.75;
}

[dir="rtl"] .slick-next {
  left: -55px;
  right: auto;
}

[dir="rtl"] .slick-next:before {
  content: "";
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -55px;
}

[dir="rtl"] .slick-prev:before {
  content: "";
}

[dir="rtl"] .slick-slide {
  float: right;
}

/************************************
*   CAROUSEL CONFIGURATION
************************************/
.dl-slider-carousel {
  position: relative;
  padding: 14px 0;
  margin: 0 0 0 -21px;
  background-color: transparent;
}
@media (min-width: 640px) {
  .dl-slider-carousel {
    padding: 16px 0;
  }
}
@media (min-width: 980px) {
  .dl-slider-carousel {
    padding: 18px 0;
  }
}
@media (min-width: 1400px) {
  .dl-slider-carousel {
    padding: 22px 0;
  }
}
@media (min-width: 640px) {
  .dl-slider-carousel {
    margin: 0 0 0 -24px;
  }
}
@media (min-width: 980px) {
  .dl-slider-carousel {
    margin: 0 0 0 -26px;
  }
}
@media (min-width: 1400px) {
  .dl-slider-carousel {
    margin: 0 0 0 -30px;
  }
}
.dl-slider-carousel .views-row {
  padding: 0;
  margin: 0 22px;
}
@media (min-width: 640px) {
  .dl-slider-carousel .views-row {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .dl-slider-carousel .views-row {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .dl-slider-carousel .views-row {
    padding: 0;
  }
}
@media (min-width: 640px) {
  .dl-slider-carousel .views-row {
    margin: 0 24px;
  }
}
@media (min-width: 980px) {
  .dl-slider-carousel .views-row {
    margin: 0 27px;
  }
}
@media (min-width: 1400px) {
  .dl-slider-carousel .views-row {
    margin: 0 30px;
  }
}
.dl-slider-carousel .views-row > .views-field, .dl-slider-carousel .views-row > .node {
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  .dl-slider-carousel .views-row > .views-field, .dl-slider-carousel .views-row > .node {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .dl-slider-carousel .views-row > .views-field, .dl-slider-carousel .views-row > .node {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .dl-slider-carousel .views-row > .views-field, .dl-slider-carousel .views-row > .node {
    margin: 0;
  }
}
@media (min-width: 640px) {
  .dl-slider-carousel .views-row > .views-field, .dl-slider-carousel .views-row > .node {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .dl-slider-carousel .views-row > .views-field, .dl-slider-carousel .views-row > .node {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .dl-slider-carousel .views-row > .views-field, .dl-slider-carousel .views-row > .node {
    padding: 0;
  }
}
.dl-slider-carousel .slick-prev,
.dl-slider-carousel .slick-next {
  margin-top: 0;
  top: 35%;
}
.dl-slider-carousel .slick-prev:before,
.dl-slider-carousel .slick-next:before {
  text-align: center;
}

/************************************
*   SlIDESHOW CONFIGURATION
************************************/
.dl-slideshow .slick-slider,
#block-ds-extras-banner .slick-slider {
  overflow: hidden;
  margin-bottom: 0;
}
.dl-slideshow .slick-slider .slick-dots,
#block-ds-extras-banner .slick-slider .slick-dots {
  top: auto;
  bottom: 0;
  left: auto;
  right: auto;
}

/* =============================================================================
   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, body.cke_ltr ul li.cke_panel_listItem * {
  background: none !important;
  font-size: 12px !important;
  line-height: 25px !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 25px !important;
}
body.cke_ltr ul li.cke_panel_listItem h1:before, body.cke_ltr ul li.cke_panel_listItem h1:after, body.cke_ltr ul li.cke_panel_listItem h2:before, body.cke_ltr ul li.cke_panel_listItem h2:after, body.cke_ltr ul li.cke_panel_listItem h3:before, body.cke_ltr ul li.cke_panel_listItem h3:after, body.cke_ltr ul li.cke_panel_listItem h4:before, body.cke_ltr ul li.cke_panel_listItem h4:after, body.cke_ltr ul li.cke_panel_listItem h5:before, body.cke_ltr ul li.cke_panel_listItem h5:after, body.cke_ltr ul li.cke_panel_listItem h6:before, body.cke_ltr ul li.cke_panel_listItem h6:after, body.cke_ltr ul li.cke_panel_listItem p:before, body.cke_ltr ul li.cke_panel_listItem p:after, body.cke_ltr ul li.cke_panel_listItem .xpandable:before, body.cke_ltr ul li.cke_panel_listItem .xpandable:after, body.cke_ltr ul li.cke_panel_listItem .intro:before, body.cke_ltr ul li.cke_panel_listItem .intro:after, body.cke_ltr ul li.cke_panel_listItem .citation:before, body.cke_ltr ul li.cke_panel_listItem .citation:after, body.cke_ltr ul li.cke_panel_listItem .arrow-link:before, body.cke_ltr ul li.cke_panel_listItem .arrow-link:after, body.cke_ltr ul li.cke_panel_listItem .button-link:before, body.cke_ltr ul li.cke_panel_listItem .button-link:after, body.cke_ltr ul li.cke_panel_listItem *:before, body.cke_ltr ul li.cke_panel_listItem *:after {
  display: none !important;
}
body.cke_ltr ul li.cke_panel_listItem .xpandable {
  color: #6B7C7E;
}

body.cke_editable .xpandable {
  margin-bottom: 20px;
}
body.cke_editable .xpandable-break:before {
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  color: #999999;
  display: block;
  content: "Xpandable Break";
  height: 1em;
  width: 100%;
  border-bottom: 1px dotted #ebebeb;
  margin: 10px 0;
}
body.cke_editable table.layout-table.clear-table {
  border: 1px dotted #ebebeb !important;
}
body.cke_editable table.layout-table.clear-table td {
  border: 1px dotted #ebebeb !important;
}
body.cke_editable .clear:before {
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  color: #999999;
  display: block;
  content: "Section Break";
  height: 1em;
  width: 100%;
  border-bottom: 1px dotted #ebebeb;
  margin: 10px 0;
}
body.cke_editable dl.ckeditor-tabber {
  position: relative;
  display: block;
  float: none;
  clear: both;
  width: auto;
  height: auto;
  padding: 0;
  margin: 20px 0;
  border: 0 none transparent;
}
body.cke_editable dl.ckeditor-tabber:before {
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  color: #999999;
  display: block;
  content: "Start Tabs";
  height: 1em;
  width: 100%;
  border-bottom: 1px dotted #ebebeb;
  margin: 10px 0;
}
body.cke_editable dl.ckeditor-tabber:after {
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  color: #999999;
  display: block;
  content: "End Tabs";
  height: 1em;
  width: 100%;
  border-bottom: 1px dotted #ebebeb;
  margin: 10px 0;
}
body.cke_editable dl.ckeditor-tabber dt {
  position: relative;
  top: auto;
  display: block;
  float: none;
  clear: both;
  width: auto;
  height: auto;
  padding: 5px;
  margin: 10px 5px 0 5px;
  line-height: 2;
  color: black;
  background-color: #ebebeb;
  border: dotted 1px black;
  text-align: left;
  font-weight: bold;
}
body.cke_editable dl.ckeditor-tabber dd {
  position: relative;
  top: auto;
  display: block;
  float: none;
  clear: both;
  width: auto;
  height: auto;
  color: #333;
  padding: 0 5px;
  line-height: 1em;
  margin: 0 5px 20px 10px;
  border: dotted 1px yellow;
}

/* Skin rules */
/* =============================================================================
   BODY & PAGE STYLING
   ========================================================================== */
body {
  background-color: #424242;
}

#page {
  background-color: #f0efe8;
}

#header {
  background-color: #ffffff;
}

#main-content,
#content > .wrapper,
.region-sidebar-first,
.region-sidebar-second {
  background-color: #ffffff;
}

/* =============================================================================
   EDITOR STYLES
   Styles picked by the client on the html editor
============================================================================= */
.citation {
  margin: 14px 0 0 54px;
  padding: 0;
}
@media (min-width: 640px) {
  .citation {
    margin: 16px 0 0 60px;
  }
}
@media (min-width: 980px) {
  .citation {
    margin: 18px 0 0 66px;
  }
}
@media (min-width: 1400px) {
  .citation {
    margin: 22px 0 0 75px;
  }
}
@media (min-width: 640px) {
  .citation {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .citation {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .citation {
    padding: 0;
  }
}

a.arrow-link,
.arrow-link a {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}
a.arrow-link:after,
.arrow-link a:after {
  position: absolute;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Dloom Font", sans-serif;
  font-size: 0.75em;
  text-align: center;
  font-weight: normal;
  padding: 0 0.375em;
  color: inherit;
  content: "";
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}

a.more-link,
.more-link a {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
  margin: 0 0 0 9px;
}
a.more-link:after,
.more-link a:after {
  position: absolute;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Dloom Font", sans-serif;
  font-size: 0.75em;
  text-align: center;
  font-weight: normal;
  padding: 0 0.375em;
  color: inherit;
  content: "";
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}
@media (min-width: 640px) {
  a.more-link,
  .more-link a {
    margin: 0 0 0 10px;
  }
}
@media (min-width: 980px) {
  a.more-link,
  .more-link a {
    margin: 0 0 0 11px;
  }
}
@media (min-width: 1400px) {
  a.more-link,
  .more-link a {
    margin: 0 0 0 13px;
  }
}

a.button-link,
.button-link a {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  background-color: #8a0f27;
  border: 1px solid #8a0f27;
  text-decoration: none;
}
a.button-link:hover, a.button-link:focus,
.button-link a:hover,
.button-link a:focus {
  background-color: #b22641;
  border-color: #b22641;
  text-decoration: none;
}

.clear {
  clear: both;
  width: 100%;
}

/* =============================================================================
   FIELDS
============================================================================= */
.field {
  margin: 0 0 7px;
  padding: 0;
}
@media (min-width: 640px) {
  .field {
    margin: 0 0 8px;
  }
}
@media (min-width: 980px) {
  .field {
    margin: 0 0 9px;
  }
}
@media (min-width: 1400px) {
  .field {
    margin: 0 0 11px;
  }
}
@media (min-width: 640px) {
  .field {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .field {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .field {
    padding: 0;
  }
}

.field-name-title h1,
.field-name-title h2,
.field-name-title h3 {
  margin-bottom: 0;
}

div.field-item > *:first-child {
  margin-top: 0;
}

.field-type-text-with-summary:after,
.field-type-text-long:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}

.field-name-title + .field-name-body {
  margin: 14px 0 0;
}
@media (min-width: 640px) {
  .field-name-title + .field-name-body {
    margin: 16px 0 0;
  }
}
@media (min-width: 980px) {
  .field-name-title + .field-name-body {
    margin: 18px 0 0;
  }
}
@media (min-width: 1400px) {
  .field-name-title + .field-name-body {
    margin: 22px 0 0;
  }
}

.field-type-image a,
.field-type-imagefield-crop a {
  border: none;
  line-height: 0;
  text-decoration: none;
}
.field-type-image a:hover,
.field-type-imagefield-crop a:hover {
  border: none;
  text-decoration: none;
}

.field-name-node-link a {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}
.field-name-node-link a:after {
  position: absolute;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Dloom Font", sans-serif;
  font-size: 0.85em;
  text-align: center;
  font-weight: normal;
  padding: 0 0.425em;
  color: inherit;
  content: "";
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}

.field-type-datetime,
.field-name-post-date,
.field-name-changed-date {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 0 5px;
  margin: 0;
}
@media (min-width: 640px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date {
    padding: 0 0 5px;
  }
}
@media (min-width: 980px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date {
    padding: 0 0 6px;
  }
}
@media (min-width: 1400px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date {
    padding: 0 0 7px;
  }
}
@media (min-width: 640px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .field-type-datetime,
  .field-name-post-date,
  .field-name-changed-date {
    margin: 0;
  }
}
.field-type-datetime + .field-name-title h2, .field-type-datetime + .field-name-title h3, .field-type-datetime + .field-name-title h4,
.field-name-post-date + .field-name-title h2,
.field-name-post-date + .field-name-title h3,
.field-name-post-date + .field-name-title h4,
.field-name-changed-date + .field-name-title h2,
.field-name-changed-date + .field-name-title h3,
.field-name-changed-date + .field-name-title h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.slick .field-type-datetime, .slick
.field-name-post-date, .slick
.field-name-changed-date {
  color: #ffffff;
  background-color: #424242;
  text-align: left;
}

.field-name-field-page-background-image {
  width: 1450px;
  height: auto;
  max-width: 100%;
}

.field-name-field-round-image.left {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media (min-width: 480px) {
  .field-name-field-round-image.left {
    float: left;
    padding: 0 18px 14px 0;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .field-name-field-round-image.left {
    padding: 0 20px 16px 0;
  }
}
@media (min-width: 480px) and (min-width: 980px) {
  .field-name-field-round-image.left {
    padding: 0 22px 18px 0;
  }
}
@media (min-width: 480px) and (min-width: 1400px) {
  .field-name-field-round-image.left {
    padding: 0 25px 22px 0;
  }
}

.field-name-field-round-image.right {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media (min-width: 480px) {
  .field-name-field-round-image.right {
    float: right;
    padding: 0 0 14px 18px;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .field-name-field-round-image.right {
    padding: 0 0 16px 20px;
  }
}
@media (min-width: 480px) and (min-width: 980px) {
  .field-name-field-round-image.right {
    padding: 0 0 18px 22px;
  }
}
@media (min-width: 480px) and (min-width: 1400px) {
  .field-name-field-round-image.right {
    padding: 0 0 22px 25px;
  }
}

/* ==========================================================================
  BLOCK
  Styles for blocks, starting with most general. Specific styles by block ID go at the bottom.
  Make sure that any block style the client needs access to gets added or changed in the block styles menu!
========================================================================== */
/* ==========================================================================
   GENERIC BLOCK STYLES
========================================================================== */
.block {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) {
  .block {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .block {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .block {
    margin: 0;
  }
}
@media (min-width: 640px) {
  .block {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .block {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .block {
    padding: 0;
  }
}
.block .content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
.block .content > *:first-child {
  padding-top: 0;
}
.block h2.block-title {
  margin: 0 0 12px;
}
@media (min-width: 640px) {
  .block h2.block-title {
    margin: 0 0 13px;
  }
}
@media (min-width: 980px) {
  .block h2.block-title {
    margin: 0 0 15px;
  }
}
@media (min-width: 1400px) {
  .block h2.block-title {
    margin: 0 0 18px;
  }
}

#content .block {
  margin: 0;
}
@media (min-width: 640px) {
  #content .block {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #content .block {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #content .block {
    margin: 0;
  }
}
#content .block + .block {
  margin: 35px 0 0;
}
@media (min-width: 640px) {
  #content .block + .block {
    margin: 40px 0 0;
  }
}
@media (min-width: 980px) {
  #content .block + .block {
    margin: 45px 0 0;
  }
}
@media (min-width: 1400px) {
  #content .block + .block {
    margin: 55px 0 0;
  }
}

@media (max-width: 799px) {
  .sidebars .block {
    max-width: 480px;
  }
}
.sidebars .block + .block {
  margin: 28px 0 0;
}
@media (min-width: 640px) {
  .sidebars .block + .block {
    margin: 32px 0 0;
  }
}
@media (min-width: 980px) {
  .sidebars .block + .block {
    margin: 36px 0 0;
  }
}
@media (min-width: 1400px) {
  .sidebars .block + .block {
    margin: 44px 0 0;
  }
}
.sidebars .block .views-row-last {
  margin-bottom: 0;
}

.block-block .content > *:first-child {
  margin-top: 0;
}

#footer > .wrapper .block + .block {
  margin: 28px 0 0;
}
@media (min-width: 640px) {
  #footer > .wrapper .block + .block {
    margin: 32px 0 0;
  }
}
@media (min-width: 980px) {
  #footer > .wrapper .block + .block {
    margin: 36px 0 0;
  }
}
@media (min-width: 1400px) {
  #footer > .wrapper .block + .block {
    margin: 44px 0 0;
  }
}

/* ==========================================================================
   MENU BLOCK STYLES
========================================================================== */
.block > .content > ul.menu, .block > .content > .menu-block-wrapper > ul.menu {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
}
.block > .content > ul.menu li, .block > .content > .menu-block-wrapper > ul.menu li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
.block > .content > ul.menu li:before, .block > .content > .menu-block-wrapper > ul.menu li:before {
  display: none;
}

/* ==========================================================================
   PLAIN BLOCK STYLE
========================================================================== */
.plain {
  background: transparent;
}
.plain h2.block-title {
  margin-top: 0;
}
.plain > .content {
  background: transparent;
}
.plain.block-views h2.block-title {
  margin-top: 0;
}

/* ==========================================================================
   INFO BOX BLOCK STYLE
========================================================================== */
.info-box {
  background: #E5E5E5;
  padding: 14px 18px;
}
@media (min-width: 640px) {
  .info-box {
    padding: 16px 20px;
  }
}
@media (min-width: 980px) {
  .info-box {
    padding: 18px 22px;
  }
}
@media (min-width: 1400px) {
  .info-box {
    padding: 22px 25px;
  }
}
.info-box h2.block-title {
  margin-top: 0;
  padding: 7px 0 0;
}
@media (min-width: 640px) {
  .info-box h2.block-title {
    padding: 8px 0 0;
  }
}
@media (min-width: 980px) {
  .info-box h2.block-title {
    padding: 9px 0 0;
  }
}
@media (min-width: 1400px) {
  .info-box h2.block-title {
    padding: 11px 0 0;
  }
}
.info-box > .content {
  padding: 0 0 14px;
}
@media (min-width: 640px) {
  .info-box > .content {
    padding: 0 0 16px;
  }
}
@media (min-width: 980px) {
  .info-box > .content {
    padding: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  .info-box > .content {
    padding: 0 0 22px;
  }
}

/* ==========================================================================
   SPECIFIC BLOCKS (by #id)
========================================================================== */
#block-menu-menu-social-media ul.menu {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
  margin: 0;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
#block-menu-menu-social-media ul.menu li:before {
  display: none;
}
@media (min-width: 640px) {
  #block-menu-menu-social-media ul.menu {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #block-menu-menu-social-media ul.menu {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #block-menu-menu-social-media ul.menu {
    margin: 0;
  }
}
@media (min-width: 640px) {
  #block-menu-menu-social-media ul.menu {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #block-menu-menu-social-media ul.menu {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #block-menu-menu-social-media ul.menu {
    padding: 0;
  }
}
#block-menu-menu-social-media ul.menu li {
  padding: 0 .3em 0 0 !important;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#block-menu-menu-social-media ul.menu li.last {
  padding: 0 !important;
}
#block-menu-menu-social-media ul.menu li:before {
  display: none;
}
#block-menu-menu-social-media ul.menu li .icon {
  text-decoration: none;
}
#block-menu-menu-social-media ul.menu li .facebook {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #3b5998;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .facebook:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .facebook:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .facebook:hover {
  background-color: #4c70ba;
}
#block-menu-menu-social-media ul.menu li .flickr {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f2f2f2;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .flickr:before {
  display: block;
  content: url("../images/flickr.png");
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .flickr:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .flickr:before {
  position: relative;
  top: -3px;
  left: -2px;
}
#block-menu-menu-social-media ul.menu li .flickr:hover {
  background-color: white;
}
#block-menu-menu-social-media ul.menu li .googleplus {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #dd4b39;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .googleplus:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .googleplus:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .googleplus:hover {
  background-color: #e47365;
}
#block-menu-menu-social-media ul.menu li .instagram {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #3f729b;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .instagram:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .instagram:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .instagram:hover {
  background-color: #548cb9;
}
#block-menu-menu-social-media ul.menu li .linkedin {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #0976b4;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .linkedin:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .linkedin:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .linkedin:hover {
  background-color: #0b96e5;
}
#block-menu-menu-social-media ul.menu li .pinterest {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #cc2127;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .pinterest:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .pinterest:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .pinterest:hover {
  background-color: #e04046;
}
#block-menu-menu-social-media ul.menu li .rss {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f26522;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .rss:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .rss:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .rss:hover {
  background-color: #f58752;
}
#block-menu-menu-social-media ul.menu li .twitter {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #55acee;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .twitter:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .twitter:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .twitter:hover {
  background-color: #83c3f3;
}
#block-menu-menu-social-media ul.menu li .youtube {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #b31217;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .youtube:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 22px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .youtube:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .youtube:hover {
  background-color: #e1171d;
}
#block-menu-menu-social-media ul.menu li .vimeo {
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-style: normal;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #1ab7ea;
  padding: 0;
}
#block-menu-menu-social-media ul.menu li .vimeo:before {
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  text-align: center;
  color: #ffffff;
  width: 42px;
  height: 42px;
  font-size: 25px;
  line-height: 42px;
}
#block-menu-menu-social-media ul.menu li .vimeo:hover {
  text-decoration: none !important;
}
#block-menu-menu-social-media ul.menu li .vimeo:hover {
  background-color: #49c6ee;
}

#block-system-user-menu {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
  width: 50%;
  max-width: 400px;
}
#block-system-user-menu > .content > ul.menu li {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 0 0 9px;
}
@media (min-width: 640px) {
  #block-system-user-menu > .content > ul.menu li {
    padding: 0 0 0 10px;
  }
}
@media (min-width: 980px) {
  #block-system-user-menu > .content > ul.menu li {
    padding: 0 0 0 11px;
  }
}
@media (min-width: 1400px) {
  #block-system-user-menu > .content > ul.menu li {
    padding: 0 0 0 13px;
  }
}
#block-system-user-menu > .content > ul.menu li a {
  padding: 0;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

#block-menu-menu-global-navigation {
  padding: 0;
  margin: 0;
  float: right;
}
#block-menu-menu-global-navigation > .content > ul.menu {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
  font-weight: bold;
  line-height: 1em;
}
#block-menu-menu-global-navigation > .content > ul.menu li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
#block-menu-menu-global-navigation > .content > ul.menu li:before {
  display: none;
}
#block-menu-menu-global-navigation > .content > ul.menu li {
  float: left;
}
#block-menu-menu-global-navigation > .content > ul.menu li:after {
  box-sizing: border-box;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: "|";
  width: 1em;
  text-align: center;
  color: #a6a59a;
  padding: 0 2px;
}
@media (min-width: 640px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 2px;
  }
}
@media (min-width: 980px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 3px;
  }
}
@media (min-width: 1400px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 3px;
  }
}
@media (min-width: 800px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 4px;
  }
}
@media (min-width: 800px) and (min-width: 640px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 4px;
  }
}
@media (min-width: 800px) and (min-width: 980px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 5px;
  }
}
@media (min-width: 800px) and (min-width: 1400px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 5px;
  }
}

@media (min-width: 980px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 6px;
  }
}
@media (min-width: 980px) and (min-width: 640px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 6px;
  }
}
@media (min-width: 980px) and (min-width: 980px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 7px;
  }
}
@media (min-width: 980px) and (min-width: 1400px) {
  #block-menu-menu-global-navigation > .content > ul.menu li:after {
    padding: 0 8px;
  }
}

#block-menu-menu-global-navigation > .content > ul.menu li.last:after {
  display: none;
}
#block-menu-menu-global-navigation > .content > ul.menu li a {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-weight: bold;
  color: #424242;
  padding: 0;
  margin: 0;
}
#block-menu-menu-global-navigation > .content > ul.menu li a:hover, #block-menu-menu-global-navigation > .content > ul.menu li a:focus {
  color: #b22641;
  text-decoration: underline;
}
#block-menu-menu-global-navigation > .content > ul.menu li a.active {
  color: #8a0f27;
}

#content #block-views-news-events-block-responsive {
  display: block;
}
@media (min-width: 640px) {
  #content #block-views-news-events-block-responsive {
    display: none;
  }
}

#block-views-news-events-block {
  display: none;
}
@media (min-width: 640px) {
  #block-views-news-events-block {
    display: block;
  }
}
#block-views-news-events-block > .content {
  padding: 14px 0 0;
}
@media (min-width: 640px) {
  #block-views-news-events-block > .content {
    padding: 16px 0 0;
  }
}
@media (min-width: 980px) {
  #block-views-news-events-block > .content {
    padding: 18px 0 0;
  }
}
@media (min-width: 1400px) {
  #block-views-news-events-block > .content {
    padding: 22px 0 0;
  }
}
#block-views-news-events-block > .content .slick-prev {
  margin-left: 0;
}
@media (min-width: 640px) {
  #block-views-news-events-block > .content .slick-prev {
    margin-left: -38px;
  }
}
@media (min-width: 980px) {
  #block-views-news-events-block > .content .slick-prev {
    margin-left: -55px;
  }
}
@media (min-width: 1400px) {
  #block-views-news-events-block > .content .slick-prev {
    margin-left: -55px;
  }
}
#block-views-news-events-block > .content .slick-next {
  margin-right: 0;
}
@media (min-width: 640px) {
  #block-views-news-events-block > .content .slick-next {
    margin-right: -38px;
  }
}
@media (min-width: 980px) {
  #block-views-news-events-block > .content .slick-next {
    margin-right: -55px;
  }
}
@media (min-width: 1400px) {
  #block-views-news-events-block > .content .slick-next {
    margin-right: -55px;
  }
}

#block-menu-menu-quick-links-for-visitors {
  min-height: 50px;
  padding: 0 18px 14px 0;
}
@media (min-width: 640px) {
  #block-menu-menu-quick-links-for-visitors {
    padding: 0 20px 16px 0;
  }
}
@media (min-width: 980px) {
  #block-menu-menu-quick-links-for-visitors {
    padding: 0 22px 18px 0;
  }
}
@media (min-width: 1400px) {
  #block-menu-menu-quick-links-for-visitors {
    padding: 0 25px 22px 0;
  }
}
#block-menu-menu-quick-links-for-visitors h2.block-title {
  display: none;
}
@media (min-width: 480px) {
  #block-menu-menu-quick-links-for-visitors h2.block-title {
    display: block;
  }
}
#block-menu-menu-quick-links-for-visitors > .content > ul.menu {
  display: none;
  list-style: none;
}
@media (min-width: 480px) {
  #block-menu-menu-quick-links-for-visitors > .content > ul.menu {
    display: block;
  }
}
#block-menu-menu-quick-links-for-visitors > .content > ul.menu li:before {
  display: block;
  position: absolute;
  margin-left: -15px;
}
#block-menu-menu-quick-links-for-visitors > .content > ul.menu li {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  box-sizing: border-box;
  width: 49%;
}

.block-bean {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%;
  width: 430px;
}
@media (min-width: 640px) {
  .block-bean {
    max-width: 49%;
  }
}
@media (min-width: 980px) {
  .block-bean {
    max-width: 32%;
  }
}
@media (min-width: 1250px) {
  .block-bean {
    max-width: 33%;
  }
}
.block-bean > .content {
  box-sizing: border-box;
  padding: 0 0 14px;
}
@media (min-width: 640px) {
  .block-bean > .content {
    padding: 0 0 16px;
  }
}
@media (min-width: 980px) {
  .block-bean > .content {
    padding: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  .block-bean > .content {
    padding: 0 0 22px;
  }
}
@media (min-width: 640px) {
  .block-bean .entity-bean .entity-field-collection-item {
    margin: 0 18px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .block-bean .entity-bean .entity-field-collection-item {
    margin: 0 20px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 980px) {
  .block-bean .entity-bean .entity-field-collection-item {
    margin: 0 22px 0 0;
  }
}
@media (min-width: 640px) and (min-width: 1400px) {
  .block-bean .entity-bean .entity-field-collection-item {
    margin: 0 25px 0 0;
  }
}

.block-bean .entity-bean .entity-field-collection-item .group-left {
  width: 85px;
}
@media (min-width: 980px) {
  .block-bean .entity-bean .entity-field-collection-item .group-left {
    width: 100px;
  }
}
.block-bean .entity-bean .entity-field-collection-item .group-left + .group-right {
  box-sizing: border-box;
  float: none;
  width: 100%;
  clear: none;
  padding-left: 100px;
}
@media (min-width: 980px) {
  .block-bean .entity-bean .entity-field-collection-item .group-left + .group-right {
    padding-left: 115px;
  }
}
.block-bean .entity-bean .entity-field-collection-item .group-right > h2 {
  display: block;
  clear: none;
  margin: 0;
  padding: 0;
}
.block-bean .entity-bean .entity-field-collection-item .group-right > h2 a:after, .block-bean .entity-bean .entity-field-collection-item .group-right > h2 a:before {
  display: none;
}
.block-bean .entity-bean .entity-field-collection-item .group-right > p, .block-bean .entity-bean .entity-field-collection-item .group-right > a {
  display: none;
  clear: none;
}
@media (min-width: 640px) {
  .block-bean .entity-bean .entity-field-collection-item .group-right > p, .block-bean .entity-bean .entity-field-collection-item .group-right > a {
    display: inline;
    margin: 0;
    padding: 0;
  }
}

#block-ds-extras-banner {
  max-height: 495px;
  max-width: 100%;
}
#block-ds-extras-banner img {
  width: 100%;
  height: auto;
}

#block-block-14 {
  margin: 0;
}
#block-block-14 h2 {
  padding: 0;
  margin: 0 0 14px;
}
@media (min-width: 640px) {
  #block-block-14 h2 {
    padding: 0;
  }
}
@media (min-width: 980px) {
  #block-block-14 h2 {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  #block-block-14 h2 {
    padding: 0;
  }
}
@media (min-width: 640px) {
  #block-block-14 h2 {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  #block-block-14 h2 {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  #block-block-14 h2 {
    margin: 0 0 22px;
  }
}

@media (min-width: 480px) and (max-width: 980px) {
  #block-block-4 p {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 49%;
  }
}

#block-block-13 ul {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
}
#block-block-13 ul li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
#block-block-13 ul li:before {
  display: none;
}
#block-block-13 ul li {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 18px 14px 0;
  vertical-align: middle;
}
@media (min-width: 640px) {
  #block-block-13 ul li {
    margin: 0 20px 16px 0;
  }
}
@media (min-width: 980px) {
  #block-block-13 ul li {
    margin: 0 22px 18px 0;
  }
}
@media (min-width: 1400px) {
  #block-block-13 ul li {
    margin: 0 25px 22px 0;
  }
}
#block-block-13 ul li img {
  width: 100%;
  height: auto;
}

#block-views-slick-demos-slideshow {
  z-index: 1;
}

/* ==========================================================================
  CONTENT TYPES
  This is where you theme nodes structured by display suite mode.
========================================================================== */
.node-event.view-mode-phone_teaser:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0;
}
.node-event.view-mode-phone_teaser .group-left,
.node-event.view-mode-phone_teaser .group-right {
  box-sizing: border-box;
  float: left;
  max-width: 100%;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}
.node-event.view-mode-phone_teaser .group-left {
  max-width: 30%;
  width: 115px;
}
.node-event.view-mode-phone_teaser .group-left + .group-right {
  width: auto;
  max-width: 70%;
  padding: 0 0 0 18px;
}
@media (min-width: 640px) {
  .node-event.view-mode-phone_teaser .group-left + .group-right {
    padding: 0 0 0 20px;
  }
}
@media (min-width: 980px) {
  .node-event.view-mode-phone_teaser .group-left + .group-right {
    padding: 0 0 0 22px;
  }
}
@media (min-width: 1400px) {
  .node-event.view-mode-phone_teaser .group-left + .group-right {
    padding: 0 0 0 25px;
  }
}

.node.view-mode-teaser .field-name-title h2, .node.view-mode-teaser .field-name-title h3 {
  margin-bottom: 0;
}
.node.view-mode-teaser .field-name-title + .field-type-text-with-summary {
  margin-top: 0;
}
.node.view-mode-teaser .field-name-title + .field-type-text-with-summary p {
  margin-bottom: 0;
}
.node.view-mode-teaser .field-name-title + .field-type-text-with-summary + .field-name-node-link {
  margin-top: 0;
}
.node.view-mode-full {
  padding: 14px 0;
}
@media (min-width: 640px) {
  .node.view-mode-full {
    padding: 16px 0;
  }
}
@media (min-width: 980px) {
  .node.view-mode-full {
    padding: 18px 0;
  }
}
@media (min-width: 1400px) {
  .node.view-mode-full {
    padding: 22px 0;
  }
}
.node.view-mode-full .field-name-field-round-image {
  max-width: 100%;
}
@media (min-width: 480px) {
  .node.view-mode-full .field-name-field-round-image {
    max-width: 50%;
  }
}
#block-views-testimonials-block .node.view-mode-full .field-name-field-round-image {
  max-width: none !important;
}
.node.view-mode-search_result {
  padding: 0 0 28px;
  margin: 0;
}
@media (min-width: 640px) {
  .node.view-mode-search_result {
    padding: 0 0 32px;
  }
}
@media (min-width: 980px) {
  .node.view-mode-search_result {
    padding: 0 0 36px;
  }
}
@media (min-width: 1400px) {
  .node.view-mode-search_result {
    padding: 0 0 44px;
  }
}
@media (min-width: 640px) {
  .node.view-mode-search_result {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .node.view-mode-search_result {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .node.view-mode-search_result {
    margin: 0;
  }
}
.node.view-mode-search_result .group-right {
  float: none;
  max-width: 100%;
  box-sizing: border-box;
  width: auto;
}
.node.view-mode-search_result .group-left {
  float: left;
  width: 100px;
}
.node.view-mode-search_result .group-left + .group-right {
  margin-left: 100px;
  padding: 0 0 0 18px;
}
@media (min-width: 640px) {
  .node.view-mode-search_result .group-left + .group-right {
    padding: 0 0 0 20px;
  }
}
@media (min-width: 980px) {
  .node.view-mode-search_result .group-left + .group-right {
    padding: 0 0 0 22px;
  }
}
@media (min-width: 1400px) {
  .node.view-mode-search_result .group-left + .group-right {
    padding: 0 0 0 25px;
  }
}
.node.view-mode-search_result .field-name-search-snippet {
  padding: 7px 0 0;
}
@media (min-width: 640px) {
  .node.view-mode-search_result .field-name-search-snippet {
    padding: 8px 0 0;
  }
}
@media (min-width: 980px) {
  .node.view-mode-search_result .field-name-search-snippet {
    padding: 9px 0 0;
  }
}
@media (min-width: 1400px) {
  .node.view-mode-search_result .field-name-search-snippet {
    padding: 11px 0 0;
  }
}

.node-event.view-mode-teaser .field-name-field-event-image a {
  display: block;
}
.node-event.view-mode-teaser .field-name-field-event-image a img {
  width: 100%;
  height: auto;
}

.node-testimonial.view-mode-full {
  margin: 0;
  padding: 7px 0 0 54px;
}
@media (min-width: 640px) {
  .node-testimonial.view-mode-full {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .node-testimonial.view-mode-full {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .node-testimonial.view-mode-full {
    margin: 0;
  }
}
@media (min-width: 640px) {
  .node-testimonial.view-mode-full {
    padding: 8px 0 0 60px;
  }
}
@media (min-width: 980px) {
  .node-testimonial.view-mode-full {
    padding: 9px 0 0 66px;
  }
}
@media (min-width: 1400px) {
  .node-testimonial.view-mode-full {
    padding: 11px 0 0 75px;
  }
}
.node-testimonial.view-mode-full .group-left {
  box-sizing: border-box;
  width: 70%;
  padding: 0 18px 0 0;
}
@media (min-width: 640px) {
  .node-testimonial.view-mode-full .group-left {
    padding: 0 20px 0 0;
  }
}
@media (min-width: 980px) {
  .node-testimonial.view-mode-full .group-left {
    padding: 0 22px 0 0;
  }
}
@media (min-width: 1400px) {
  .node-testimonial.view-mode-full .group-left {
    padding: 0 25px 0 0;
  }
}
.node-testimonial.view-mode-full .group-right {
  width: 30%;
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
General views styling. Start with most general, then views that are reused multiple times, then lastly special one-off views.

Views styling should be applied using classes rather than the default views markup, so we will all stay sane.
========================================================================== */
.views-row {
  margin: 0 0 14px;
}
@media (min-width: 640px) {
  .views-row {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  .views-row {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  .views-row {
    margin: 0 0 22px;
  }
}

.views-table {
  width: 100%;
  max-width: 100%;
}

.views-field-field-image {
  line-height: 0;
}

/* Undo Views' default styling for exposed form widgets. Do we want/need this? -VM */
.views-exposed-form .views-exposed-widget {
  float: none;
  padding-right: 0;
}

ul.views-view-grid {
  padding-left: 0;
}
ul.views-view-grid li {
  list-style: none outside none;
  margin: 0 0 14px;
}
@media (min-width: 640px) {
  ul.views-view-grid li {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  ul.views-view-grid li {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  ul.views-view-grid li {
    margin: 0 0 22px;
  }
}
ul.views-view-grid li.col-first {
  clear: left;
}

.view.dl-slideshow .views-row {
  position: relative;
}
.view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image img {
  width: 100%;
  height: auto;
}
.view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing {
  width: 100%;
  max-width: 1450px;
  /* Prevent excessively long lines of text by setting a max-width. */
}
@media (min-width: 480px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing {
    position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -50%;
  }
}
@media (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing {
    top: 25%;
  }
}
@media (min-width: 800px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing {
    top: 30%;
  }
}
@media (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing {
    top: 40%;
  }
}
@media (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing {
    margin-left: -725px;
  }
}
.view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
  display: block;
  box-sizing: border-box;
  padding: 14px 22px 14px 18px;
  margin: 0;
}
@media (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    padding: 16px 24px 16px 20px;
  }
}
@media (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    padding: 18px 27px 18px 22px;
  }
}
@media (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    padding: 22px 30px 22px 25px;
  }
}
@media (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0;
  }
}
@media (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0;
  }
}
@media (min-width: 480px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 18px 0 45px;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);
    zoom: 1;
    width: 70%;
    max-width: 415px;
  }
}
@media (min-width: 480px) and (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 20px 0 50px;
  }
}
@media (min-width: 480px) and (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 22px 0 55px;
  }
}
@media (min-width: 480px) and (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 25px 0 63px;
  }
}

@media (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    width: 55%;
    margin: 0 18px 0 54px;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 20px 0 60px;
  }
}
@media (min-width: 640px) and (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 22px 0 66px;
  }
}
@media (min-width: 640px) and (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 25px 0 75px;
  }
}

@media (min-width: 800px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 18px 0 72px;
  }
}
@media (min-width: 800px) and (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 20px 0 80px;
  }
}
@media (min-width: 800px) and (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 22px 0 88px;
  }
}
@media (min-width: 800px) and (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 25px 0 100px;
  }
}

@media (min-width: 1250px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 18px 0 90px;
  }
}
@media (min-width: 1250px) and (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 20px 0 100px;
  }
}
@media (min-width: 1250px) and (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 22px 0 110px;
  }
}
@media (min-width: 1250px) and (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content {
    margin: 0 25px 0 125px;
  }
}

.view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content h2 {
  margin: 0 0 14px;
}
@media (min-width: 640px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content h2 {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content h2 {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content h2 {
    margin: 0 0 22px;
  }
}
.view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content p.button-link {
  margin: 0;
}
@media (max-width: 479px) {
  .view.dl-slideshow .views-row .views-field-field-homepage-slideshow-image + .views-field-nothing .field-content p.button-link {
    width: 100%;
    text-align: center;
  }
}

.view-news-events.dl-slider-carousel .view-row {
  min-width: 250px;
}
.view-news-events .view-footer {
  text-align: center;
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET

Styles that appear only to logged in people. Plus the skip link, since I didn't know where else to put it.
========================================================================== */
.back-top-button {
  position: fixed;
  z-index: 100;
  visibility: hidden;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  margin: 14px 4px 14px 18px;
  padding: 0;
  margin-top: 800px !important;
  border: 0 none transparent;
  background-color: #8a0f27;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  -moz-transition: all, 0.25s, ease;
  -o-transition: all, 0.25s, ease;
  -webkit-transition: all, 0.25s, ease;
  transition: all, 0.25s, ease;
}
@media (min-width: 640px) {
  .back-top-button {
    margin: 16px 4px 16px 20px;
  }
}
@media (min-width: 980px) {
  .back-top-button {
    margin: 18px 5px 18px 22px;
  }
}
@media (min-width: 1400px) {
  .back-top-button {
    margin: 22px 5px 22px 25px;
  }
}
@media (min-width: 640px) {
  .back-top-button {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .back-top-button {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .back-top-button {
    padding: 0;
  }
}
.back-top-button:hover {
  background-color: #b22641;
}
.back-top-button a {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-indent: -99999px;
  overflow: hidden;
}
.back-top-button a:before {
  position: absolute;
  top: 0;
  text-indent: 0;
  height: 40px;
  width: 40px;
  display: block;
  content: "";
  font-family: "Dloom Font", sans-serif;
  font-size: 18px;
  font-weight: normal;
}
.back-top-button a:link,
.back-top-button a:hover,
.back-top-button a:visited,
.back-top-button a:focus,
.back-top-button a:active {
  color: #ffffff;
}

/* ==========================================================================
   SKIP LINK
========================================================================== */
#skip-link {
  position: absolute;
  width: 80%;
  top: -300px;
  left: 0;
}
#skip-link a {
  position: absolute;
  top: 0;
}
#skip-link:active,
#skip-link a:active,
#skip-link a:focus {
  top: 300px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #333333;
}

/* ==========================================================================
   MESSAGES
========================================================================== */
div.messages {
  position: relative;
  display: block;
  padding: 7px 36px 7px 18px;
  margin: 14px 18px;
  box-sizing: border-box;
  background: none;
}
@media (min-width: 640px) {
  div.messages {
    padding: 8px 40px 8px 20px;
  }
}
@media (min-width: 980px) {
  div.messages {
    padding: 9px 44px 9px 22px;
  }
}
@media (min-width: 1400px) {
  div.messages {
    padding: 11px 50px 11px 25px;
  }
}
@media (min-width: 640px) {
  div.messages {
    margin: 16px 20px;
  }
}
@media (min-width: 980px) {
  div.messages {
    margin: 18px 22px;
  }
}
@media (min-width: 1400px) {
  div.messages {
    margin: 22px 25px;
  }
}
div.messages a:link,
div.messages a:active {
  font-weight: bold;
  text-decoration: none;
}
div.messages a:hover,
div.messages a:focus {
  text-decoration: underline;
}
div.messages div.bt-close-message {
  position: absolute;
  top: 0;
  right: 0;
  margin: 7px 0 0;
  display: block;
  width: 40px;
  height: 40px;
  float: right;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 640px) {
  div.messages div.bt-close-message {
    margin: 8px 0 0;
  }
}
@media (min-width: 980px) {
  div.messages div.bt-close-message {
    margin: 9px 0 0;
  }
}
@media (min-width: 1400px) {
  div.messages div.bt-close-message {
    margin: 11px 0 0;
  }
}
div.messages div.bt-close-message:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  content: "x";
  text-align: center;
}
div.messages div.bt-close-message:hover {
  color: white;
}
div.messages.status {
  color: #4F8A10;
  background-color: #DFF2BF;
}
div.messages.status a:link,
div.messages.status a:hover,
div.messages.status a:focus,
div.messages.status a:active {
  color: #4F8A10;
}
div.messages.status div.bt-close-message:hover:before {
  background-color: #4F8A10;
}
div.messages.error {
  color: #D8000C;
  background-color: #FFBABA;
}
div.messages.error a:link,
div.messages.error a:hover,
div.messages.error a:focus,
div.messages.error a:active {
  color: #D8000C;
}
div.messages.error div.bt-close-message:hover:before {
  background-color: #D8000C;
}
div.messages.warning {
  color: #9F6000;
  background-color: #FEEFB3;
}
div.messages.warning a:link,
div.messages.warning a:hover,
div.messages.warning a:focus,
div.messages.warning a:active {
  background-color: #FEEFB3;
}
div.messages.warning div.bt-close-message:hover:before {
  background-color: #9F6000;
}

div.messages ul {
  margin: 5px 18px 7px;
}
@media (min-width: 640px) {
  div.messages ul {
    margin: 5px 20px 8px;
  }
}
@media (min-width: 980px) {
  div.messages ul {
    margin: 6px 22px 9px;
  }
}
@media (min-width: 1400px) {
  div.messages ul {
    margin: 7px 25px 11px;
  }
}

/* ==========================================================================
   VIEW/EDIT TABS
========================================================================== */
ul.tabs {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
  margin: 7px 0 14px;
  display: inline-block;
}
ul.tabs li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
ul.tabs li:before {
  display: none;
}
@media (min-width: 640px) {
  ul.tabs {
    margin: 8px 0 16px;
  }
}
@media (min-width: 980px) {
  ul.tabs {
    margin: 9px 0 18px;
  }
}
@media (min-width: 1400px) {
  ul.tabs {
    margin: 11px 0 22px;
  }
}
ul.tabs li {
  display: inline-block;
}
ul.tabs li a {
  position: relative;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  background-color: #8a0f27;
  border: 1px solid #8a0f27;
  text-decoration: none;
  font-weight: normal;
}
ul.tabs li a:hover, ul.tabs li a:focus {
  background-color: #b22641;
  border-color: #b22641;
  text-decoration: none;
}
ul.tabs + ul.action-links {
  display: inline-block;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
}
ul.tabs + ul.action-links li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
ul.tabs + ul.action-links li:before {
  display: none;
}
ul.tabs + ul.action-links li {
  display: inline-block;
}
ul.tabs + ul.action-links li a {
  position: relative;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  background-color: #8a0f27;
  border: 1px solid #8a0f27;
  text-decoration: none;
  font-weight: normal;
}
ul.tabs + ul.action-links li a:hover, ul.tabs + ul.action-links li a:focus {
  background-color: #b22641;
  border-color: #b22641;
  text-decoration: none;
}

ul.tabs.secondary li a, ul.tabs.secondary li.active a {
  padding: 0.7em 1em;
}

/* ==========================================================================
   OVERLAY WINDOW LAYOUT & STYLE OVERRIDES
========================================================================== */
#overlay header {
  display: none;
}
#overlay #page {
  width: 100%;
  padding: 0;
}
#overlay .form-submit {
  font-size: 1em;
  padding: .5em;
  display: inline;
  margin-right: .5em;
}

#overlay-tabs {
  display: none;
}

#overlay-close-wrapper {
  right: 30px;
}

/* ==========================================================================
   VERTICAL TABS
========================================================================== */
div.vertical-tabs {
  margin: 2em 0 0 0;
  border: solid #B1C6C7;
  border-width: 0 1px 1px 1px;
}
div.vertical-tabs ul.vertical-tabs-list {
  margin: 0;
  border-top: 0;
}
div.vertical-tabs ul.vertical-tabs-list li {
  border: 1px solid #B1C6C7;
  background-color: #eee;
}
div.vertical-tabs ul.vertical-tabs-list li.selected {
  outline: 0;
}
div.vertical-tabs ul.vertical-tabs-list a {
  outline: 0;
}
div.vertical-tabs ul.vertical-tabs-list a .summary {
  color: #424242;
}
div.vertical-tabs fieldset {
  border-top: 1px solid #B1C6C7 !important;
}

/* ==========================================================================
   ADMIN MENU & QUICKBAR
========================================================================== */
body.quickbar-enabled {
  margin-top: inherit;
}

div#quickbar {
  height: auto;
  position: relative;
}
div#quickbar div.depth-0 {
  height: auto;
  background: #000;
  position: static;
  width: 95%;
  padding: 1em 2.5% 0.5em 2.5%;
}
div#quickbar div.depth-1 {
  position: relative;
  background: #333;
  height: auto;
  float: left;
  width: 95%;
  padding: 1em 2.5% 0.5em 2.5%;
}
div#quickbar div.depth-1 ul.links {
  height: auto;
  line-height: normal;
  padding: 0;
}
div#quickbar ul.links {
  font: 1em/1.6em "Open Sans", Verdana, sans-serif;
}
div#quickbar div.depth-0 ul.links li a,
div#quickbar div.depth-1 ul.links li a {
  position: relative;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  background-color: #8a0f27;
  border: 1px solid #8a0f27;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 3px 8px;
  line-height: 20px;
}
div#quickbar div.depth-0 ul.links li a:hover, div#quickbar div.depth-0 ul.links li a:focus,
div#quickbar div.depth-1 ul.links li a:hover,
div#quickbar div.depth-1 ul.links li a:focus {
  background-color: #b22641;
  border-color: #b22641;
  text-decoration: none;
}
div#quickbar div.depth-0 ul.links li a .icon,
div#quickbar div.depth-1 ul.links li a .icon {
  display: none;
}
div#quickbar div.depth-0 ul.links li a {
  background: #333;
  border: 1px solid #444;
}
div#quickbar div.depth-0 ul.links li a.active {
  background: #666;
  border: 1px solid #777;
}
div#quickbar div.depth-1 ul.links li a {
  background: #555;
  border: 1px solid #666;
}
div#quickbar div.depth-1 ul.links li a.active {
  background: #888;
  border: 1px solid #999;
}
div#quickbar li.view-all {
  display: none;
}
div#quickbar div.shadow {
  display: none;
}

/*fix sizing on admin-menu */
#admin-menu {
  font-size: 0.6em;
}

#admin-menu ul,
#admin-menu li {
  font-size: 1em;
}

/* ==========================================================================
   MISC
========================================================================== */
/* block page help text must die! */
#block-system-help {
  display: none;
}

/* Clean up search on Find Content page */
#views-exposed-form-find-content-page #edit-title-wrapper,
#views-exposed-form-find-content-page #edit-uid-wrapper,
#views-exposed-form-find-content-page #edit-type-wrapper,
#views-exposed-form-find-content-page #edit-status-wrapper {
  float: left;
}
#views-exposed-form-find-content-page #edit-uid-wrapper input,
#views-exposed-form-find-content-page #edit-title-wrapper input {
  width: 12em;
}
#views-exposed-form-find-content-page #edit-uid-wrapper .description {
  display: none;
}

/* password confirmation on My Account screen */
.form-type-password-confirm .form-type-password {
  padding: 0;
  width: 100%;
}
.form-type-password-confirm .form-type-password input {
  width: 50%;
}

/* Unpublished content */
.node-unpublished p.unpublished {
  /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word;
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET

Internet Explorer overrides. Nuff said.
===========================================================================*/
/* ==========================================================================
   IE6 
========================================================================== */
/* ==========================================================================
   IE7 Mobile
========================================================================== */
/* ==========================================================================
   IE7 
========================================================================== */
/* ==========================================================================
   IE8
========================================================================== */
#site-map div.site-map-box-menu .content > ul.site-map-menu a {
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

#site-map div.site-map-box-menu .content > ul.site-map-menu > li > a {
  border-bottom: 1px solid #E5E5E5;
  padding: 0 0 12px;
  margin: 28px 0 0;
  color: #8a0f27;
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a {
    padding: 0 0 13px;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a {
    padding: 0 0 15px;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a {
    padding: 0 0 18px;
  }
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a {
    margin: 32px 0 0;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a {
    margin: 36px 0 0;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > a {
    margin: 44px 0 0;
  }
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > a:hover {
  color: #b81434;
}

#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
  padding: 0 18px 0 0;
  margin: 14px 0 0;
  color: #6d6c64;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a:after {
  position: absolute;
  display: inline-block;
  vertical-align: bottom;
  font-family: "Dloom Font", sans-serif;
  font-size: 0.75em;
  text-align: center;
  font-weight: normal;
  padding: 0 0.375em;
  color: inherit;
  content: "";
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a {
    padding: 0 20px 0 0;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a {
    padding: 0 22px 0 0;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a {
    padding: 0 25px 0 0;
  }
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a {
    margin: 16px 0 0;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a {
    margin: 18px 0 0;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a {
    margin: 22px 0 0;
  }
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li > a:hover {
  color: #87867d;
}

#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
  font-weight: normal;
  padding: 2px 0 0 5px;
  margin: 0;
  color: #424242;
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    padding: 2px 0 0 5px;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    padding: 2px 0 0 6px;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    padding: 3px 0 0 7px;
  }
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    margin: 0;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a {
    margin: 0;
  }
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul li a:hover {
  color: #5c5c5c;
}

#site-map div.site-map-box-menu {
  margin: 0 0 14px;
  padding: 14px 0;
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu {
    margin: 0 0 16px;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu {
    margin: 0 0 18px;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu {
    margin: 0 0 22px;
  }
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu {
    padding: 16px 0;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu {
    padding: 18px 0;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu {
    padding: 22px 0;
  }
}
#site-map div.site-map-box-menu + div.site-map-box-menu {
  margin: 28px 0 14px;
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu + div.site-map-box-menu {
    margin: 32px 0 16px;
  }
}
@media (min-width: 980px) {
  #site-map div.site-map-box-menu + div.site-map-box-menu {
    margin: 36px 0 18px;
  }
}
@media (min-width: 1400px) {
  #site-map div.site-map-box-menu + div.site-map-box-menu {
    margin: 44px 0 22px;
  }
}
#site-map div.site-map-box-menu h2.title {
  display: none;
}
#site-map div.site-map-box-menu ul.site-map-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#site-map div.site-map-box-menu ul.site-map-menu li {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
#site-map div.site-map-box-menu ul.site-map-menu li a {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu li:before {
  display: none;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li {
  display: block;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li.first.expanded > a {
  margin-top: 0;
  padding-top: 0;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background-image: none;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu li {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 none transparent;
  background: none;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu li:before {
  display: none;
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 640px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li {
    width: 49%;
    max-width: 50%;
  }
}
@media (min-width: 1250px) {
  #site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li {
    width: 32%;
    max-width: 33%;
  }
}
#site-map div.site-map-box-menu .content > ul.site-map-menu > li > ul.site-map-menu > li ul {
  display: block;
  width: 100%;
}

/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET

Print styling. Nuff said.
========================================================================== */
@media print {
  @page {
    padding: 1.5cm;
  }
  * {
    background: 0 0 !important;
    color: #000 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    max-width: none !important;
    min-width: initial !important;
    width: auto !important;
    max-height: none !important;
    min-height: initial !important;
    height: auto !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  *:after, *:before {
    display: none;
  }

  body,
  #page,
  #main,
  #content {
    /* Turn off any background colors or images */
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body, button, input, textarea {
    font-size: 100%;
    line-height: 1.4em;
  }

  h1, h2, h3, h4, h5 {
    display: block !important;
    page-break-after: avoid;
  }
  h1 a, h2 a, h3 a, h4 a, h5 a {
    font-size: 1em;
    line-height: 1;
    display: block;
    text-decoration: none;
  }
  h1:before, h1:after,
  h1 a:before,
  h1 a:after, h2:before, h2:after,
  h2 a:before,
  h2 a:after, h3:before, h3:after,
  h3 a:before,
  h3 a:after, h4:before, h4:after,
  h4 a:before,
  h4 a:after, h5:before, h5:after,
  h5 a:before,
  h5 a:after {
    display: none;
  }

  h1 {
    font-size: 2em !important;
    line-height: 1.3em;
    padding: 0;
    margin-bottom: .25em;
  }

  h2 {
    font-size: 1.75em !important;
    line-height: 1.2em;
    padding: 0;
    margin-bottom: .15em;
  }

  h3 {
    font-size: 1.25em !important;
    padding: 0;
    margin: 0 0 .15em;
    line-height: 1em;
  }

  h4 {
    font-size: 1.1em !important;
    padding: 1.2em 0 0;
    margin: 0;
  }

  h5 {
    font-size: 1em !important;
    padding: 1em 0 0;
    margin: 0;
  }

  p {
    font-size: .875em;
  }

  blockquote, h2, h3, h4, p {
    orphans: 3;
    widows: 3;
  }

  blockquote, pre {
    page-break-inside: avoid;
  }

  blockquote {
    border: 0;
    font-size: .9em;
  }

  sup {
    font-size: .65em;
    vertical-align: top;
    position: relative;
    left: -1px;
    top: -4px;
  }

  img {
    max-width: 31.25em;
    margin: .3em 0;
    page-break-inside: avoid;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  li {
    padding: .5em 0;
  }

  ol, ul {
    margin: 0 1.5em;
  }

  a:link,
  a:visited {
    /* underline all links */
    text-decoration: underline !important;
  }
  #site-name a:link, #site-name
  a:visited {
    /* Don't underline header */
    text-decoration: none !important;
  }

  #content {
    /* Un-float the content */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #content a[href]:after {
    /* Add visible URL after links. */
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    /* Only display useful links. */
    content: "";
  }
  #content abbr[title]:after {
    /* Add visible title after abbreviations. */
    content: " (" attr(title) ")";
  }

  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons,
  .block-sharethis,
  #block-search-form {
    /* Hide sidebars and nav elements */
    visibility: hidden;
    display: none;
  }

  .node.view-mode-full {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .xpandable-area {
    display: block !important;
  }
}
/* End @media print */
/*  Start Trumba */
iframe body,
body.ff {
  background-color: transparent !important;
}
iframe body table,
body.ff table {
  border: 0 none transparent !important;
  background-color: transparent !important;
}
iframe body table th, iframe body table td,
body.ff table th,
body.ff table td {
  padding: 0 18px 14px 0;
}
@media (min-width: 640px) {
  iframe body table th, iframe body table td,
  body.ff table th,
  body.ff table td {
    padding: 0 20px 16px 0;
  }
}
@media (min-width: 980px) {
  iframe body table th, iframe body table td,
  body.ff table th,
  body.ff table td {
    padding: 0 22px 18px 0;
  }
}
@media (min-width: 1400px) {
  iframe body table th, iframe body table td,
  body.ff table th,
  body.ff table td {
    padding: 0 25px 22px 0;
  }
}
iframe body table td, iframe body table th, iframe body table tr, iframe body table thead, iframe body table tbody,
body.ff table td,
body.ff table th,
body.ff table tr,
body.ff table thead,
body.ff table tbody {
  border: 0 none transparent !important;
  background-color: transparent !important;
}
iframe body table.responsive td, iframe body table.responsive th, iframe body table.responsive tr, iframe body table.responsive thead, iframe body table.responsive tbody,
body.ff table.responsive td,
body.ff table.responsive th,
body.ff table.responsive tr,
body.ff table.responsive thead,
body.ff table.responsive tbody {
  padding: 0 !important;
}
iframe body table tbody,
body.ff table tbody {
  font-size: 1em;
  line-height: 1.5em;
}
@media (min-width: 640px) {
  iframe body table tbody,
  body.ff table tbody {
    font-size: 1em;
    line-height: 1.4705882353em;
  }
}
@media (min-width: 980px) {
  iframe body table tbody,
  body.ff table tbody {
    font-size: 1em;
    line-height: 1.4444444444em;
  }
}

.txUY {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #f0efe8;
}

a.hidelink {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
}

.twPagingLine a[title="RSS"] {
  display: block;
  text-indent: -999px;
  width: 60px;
  height: 60px;
}
.twPagingLine a[title="RSS"]:before {
  text-indent: 0;
  content: "hello";
}

div.twSimpleListGroup .twEventDetails table table, div.twSimpleListGroup .twEventDetails table td, div.twSimpleListGroup .twEventDetails table tr, div.twSimpleListGroup .twEventDetails table th, div.twSimpleListGroup .twEventDetails table tbody, div.twSimpleListGroup .twEventDetails table thead {
  margin: 0 !important;
  padding: 0 !important;
}
div.twSimpleListGroup .twEventDetails table.twRyoTableWrapper td.twRyoEventCellLeft {
  display: none;
}
div.twSimpleListGroup .twEventDetails table.twRyoTableWrapper td.twRyoEventCellImage {
  padding: 0 !important;
  width: 145px;
  max-width: 25%;
}
div.twSimpleListGroup .twEventDetails table.twRyoTableWrapper td.twRyoEventCellImage img {
  max-width: 100% !important;
  height: auto !important;
}
div.twSimpleListGroup .twEventDetails table.twRyoTableWrapper td.twRyoEventCellRight {
  padding-left: 21px !important;
}
@media (min-width: 640px) {
  div.twSimpleListGroup .twEventDetails table.twRyoTableWrapper td.twRyoEventCellRight {
    padding-left: 24px !important;
  }
}
@media (min-width: 980px) {
  div.twSimpleListGroup .twEventDetails table.twRyoTableWrapper td.twRyoEventCellRight {
    padding-left: 27px !important;
  }
}
@media (min-width: 1400px) {
  div.twSimpleListGroup .twEventDetails table.twRyoTableWrapper td.twRyoEventCellRight {
    padding-left: 33px !important;
  }
}
div.twSimpleListGroup .twEventDetails span.twDetail {
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 3px 0;
  margin: 0;
}
@media (min-width: 640px) {
  div.twSimpleListGroup .twEventDetails span.twDetail {
    padding: 4px 0;
  }
}
@media (min-width: 980px) {
  div.twSimpleListGroup .twEventDetails span.twDetail {
    padding: 4px 0;
  }
}
@media (min-width: 1400px) {
  div.twSimpleListGroup .twEventDetails span.twDetail {
    padding: 5px 0;
  }
}
@media (min-width: 640px) {
  div.twSimpleListGroup .twEventDetails span.twDetail {
    margin: 0;
  }
}
@media (min-width: 980px) {
  div.twSimpleListGroup .twEventDetails span.twDetail {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  div.twSimpleListGroup .twEventDetails span.twDetail {
    margin: 0;
  }
}

div.twMiniCalWrap {
  min-height: 200px;
}
div.twMiniCalWrap .twMiniCalTitle table td.twMiniCalMonthLabel {
  font-size: 1.125em;
  line-height: 1.2222222222em;
  font-weight: bold !important;
}
@media (min-width: 640px) {
  div.twMiniCalWrap .twMiniCalTitle table td.twMiniCalMonthLabel {
    font-size: 1.0588235294em;
    line-height: 1.2222222222em;
  }
}
@media (min-width: 980px) {
  div.twMiniCalWrap .twMiniCalTitle table td.twMiniCalMonthLabel {
    font-size: 1em;
    line-height: 1.2222222222em;
  }
}

a#ctl05_ctl01_ctl00_prevLnk,
a#ctl05_ctl01_ctl00_nextLnk {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #8a0f27;
  color: #ffffff;
}
a#ctl05_ctl01_ctl00_prevLnk img,
a#ctl05_ctl01_ctl00_nextLnk img {
  display: none !important;
}
a#ctl05_ctl01_ctl00_prevLnk:hover,
a#ctl05_ctl01_ctl00_nextLnk:hover {
  background-color: #b22641;
}
a#ctl05_ctl01_ctl00_prevLnk:before,
a#ctl05_ctl01_ctl00_nextLnk:before {
  display: block;
  color: #ffffff !important;
  font-family: "Dloom Font", sans-serif;
  font-size: .8em;
  line-height: 1em;
  width: 1em;
  height: 1em;
  text-align: center;
}

a#ctl05_ctl01_ctl00_prevLnk:before {
  content: "";
}

a#ctl05_ctl01_ctl00_nextLnk:before {
  content: "";
}

ul.responsive-select-menu {
  background: #ffffff;
  overflow: hidden;
  position: relative;
  z-index: 50;
  height: 38px;
  overflow: hidden;
  width: 100%;
  max-width: 350px;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0;
  cursor: pointer;
  position: initial;
  top: initial;
  left: initial;
}
@media (min-width: 480px) {
  ul.responsive-select-menu {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
  }
}
ul.responsive-select-menu li {
  box-sizing: border-box;
  width: 100%;
  padding: 0 25px 0 0 !important;
  margin: 0 !important;
}
ul.responsive-select-menu li:before {
  display: none;
}
ul.responsive-select-menu li > a, ul.responsive-select-menu li > span {
  box-sizing: border-box;
  padding: 0 0 0 12px !important;
  margin: 0 !important;
  color: #424242 !important;
  border-bottom: 1px solid #f0efe8;
  line-height: 38px;
  display: block;
  text-decoration: none !important;
}
ul.responsive-select-menu li > a.active, ul.responsive-select-menu li > span.active {
  color: #424242;
  z-index: 1;
  text-decoration: none !important;
}
ul.responsive-select-menu li > a:hover, ul.responsive-select-menu li > a:focus, ul.responsive-select-menu li > span:hover, ul.responsive-select-menu li > span:focus {
  color: #424242;
  background-color: #f0efe8;
  text-decoration: none !important;
}
ul.responsive-select-menu li.select-title {
  position: relative;
}
ul.responsive-select-menu li.select-title:after {
  content: "";
  font-family: "Dloom Font", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  text-align: center;
  line-height: 38px;
  z-index: 2;
  pointer-events: none;
  color: #b22641;
}
ul.responsive-select-menu.open {
  position: absolute;
  overflow-y: visible;
  height: auto;
}
ul.responsive-select-menu.open li.select-title {
  position: relative;
}
ul.responsive-select-menu.open li.select-title:after {
  color: #f8dfe4;
}