@charset "UTF-8";
/*  
++++++++++++++++
+++ SUBPAGES +++
++++++++++++++++
*/
/*
++++++++++++++++++++++
+++ SUBPAGES: BASE +++
++++++++++++++++++++++
*/
/*
++++++++++++
+++ BASE +++
++++++++++++
*/
/*
++++++++++++++++++++++
+++ BASE: SETTINGS +++
++++++++++++++++++++++
*/
/*
 * These Drupal and Wordpress variables are fundamental to compiling CSS files.
 * ---
 * If it's a Drupal or Wordpress project set $use_FRAMEWORK to true and ensure
 * the right version of Drupal is set so only output styles
 * appropriate to this version of the CMS.
 */
/*
 * True: Octicons
 * False: Pika
 */
/*
++++++++++++++++++++++++++++++
+++ SETTINGS: BREAK POINTS +++
++++++++++++++++++++++++++++++
*/
/*
+++++++++++++++++++++++++
+++ SETTINGS: PALETTE +++
+++++++++++++++++++++++++
*/
/*
 * Feel free to customize these but green, red and yellow are needed for modules.
 * Green and red for warnings and yellow for status messages
 */
/*
+++++++++++++++++++++++++++++++++
+++ VARIABLES: SOCIAL PALETTE +++
+++++++++++++++++++++++++++++++++
*/
/*  
+++++++++++++++++++++++++ 
+++ SETTINGS: SPRITES +++ 
+++++++++++++++++++++++++ 
*/
/*  
+++++++++++++++++++++++++
+++ SETTINGS: TOOLKIT +++ 
+++++++++++++++++++++++++
*/
/*
 * Code modified from https://github.com/Team-Sass/toolkit
 */
/*
++++++++++++++++++++++++++++
+++ SETTINGS: TYPOGRAPHY +++
++++++++++++++++++++++++++++
*/
/*
+++++++++++++++++++++++++++++
+++ HELPERS: CONDITIONALS +++
+++++++++++++++++++++++++++++
*/
/*  
+++++++++++++++++++++++++++++
+++ HELPERS: PLACEHOLDERS +++ 
+++++++++++++++++++++++++++++
*/
/*
 * Code modified from https://github.com/Team-Sass/toolkit
 */
/*  
+++++++++++++++++++++++++
+++ HELPERS: SETTINGS +++ 
+++++++++++++++++++++++++
*/
/*
+++++++++++++++++++++++
+++ HELPERS: LAYOUT +++
+++++++++++++++++++++++
*/
.compcol {
  margin-top: 48px; }
  @media only screen and (min-width: 61.25em) {
    .compcol {
      float: left;
      margin-left: 3%;
      margin-top: 0;
      width: 30%; } }

@media only screen and (min-width: 61.25em) {
  .maincol {
    float: left;
    width: 66%; } }
@media only screen and (min-width: 61.25em) {
  .with_center.maincol {
    float: none;
    margin-left: auto;
    margin-right: auto; } }

/*
+++++++++++++++++++++++++++
+++ HELPERS: TYPOGRAPHY +++
+++++++++++++++++++++++++++
*/
.module_feed_category_title, .sitemap_element.level0, .primary .comment-wrapper .title.comment-form, .primary .crm-container .messages .msg-title, .primary .crm-container .thankyou_text-section p, .primary .crm-container .event-info label, .asidecol .subnav_element, .primary blockquote p, .feed_base_more {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "FS Jack Web Medium", sans-serif;
  font-size-adjust: .49;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  -moz-font-feature-settings: "kern=1";
  -webkit-font-feature-settings: "kern" 1;
  text-rendering: optimizeLegibility; }

.features_overlay_picto, .related_overlay_picto, .feed_thumb_overlay_picto, .module_feed_picto, .module_feed_status:before {
  display: inline-block;
  font-family: "octicons", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.features_overlay_picto, .related_overlay_picto, .feed_thumb_overlay_picto {
  font-size: 32px; }

.social_element, .feed_base_title_picto {
  font-family: "SSSocialRegular", sans-serif;
  font-style: normal; }

.features_summary i, .related_summary i, .feed_summary i, .primary .view-civi-events .views-field-description i, .primary label, .module_feed_nav_title, .module_feed_detail, .module_feed_status, .sitemap_element.level0, .tags_feed_element, .highlight_align, .primary .comment-wrapper .links a, .primary .view-civi-events .views-label, .primary .crm-container .header-dark, .primary .crm-container #membership-listings td {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600; }

.module_feed_category_title, .sitemap_element.level0, .primary .comment-wrapper .title.comment-form, .primary .crm-container .messages .msg-title, .primary .crm-container .thankyou_text-section p {
  font-size: 1.23077em; }
  @media only screen and (min-width: 43.75em) {
    .module_feed_category_title, .sitemap_element.level0, .primary .comment-wrapper .title.comment-form, .primary .crm-container .messages .msg-title, .primary .crm-container .thankyou_text-section p {
      font-size: 1.38462em; } }

.primary .crm-container .event-info label {
  font-size: 1.15385em; }
  @media only screen and (min-width: 43.75em) {
    .primary .crm-container .event-info label {
      font-size: 1.23077em; } }

.primary li, .primary .comment-wrapper .content, .primary .crm-container .event_summary-section, .primary .crm-container .messages, .primary .crm-container .messages .msg-text, .primary .crm-container .event_date_time-section .content, .primary .crm-container .adr, .primary .crm-mailing-subscribe-form-block #help {
  font-size: 1.23077em;
  line-height: 1.3; }

.features_surtitle a:hover, .feed_surtitle a:hover, .features_title_wl:hover, .related_title_wl:hover, .feed_title_wl:hover, .primary .comment-wrapper .links a:hover {
  color: #00A1DE;
  text-decoration: underline; }

.features_title, .related_title, .features_title a, .related_title a {
  color: #292C39; }

.features_surtitle, .feed_surtitle, .features_surtitle a, .feed_surtitle a {
  color: #00A1DE; }

.features_surtitle, .feed_surtitle {
  font-size: 0.84615em;
  margin-bottom: .5em; }
  .features_surtitle i, .feed_surtitle i {
    color: #5E5E5E; }
  @media only screen and (min-width: 87.5em) {
    .features_surtitle, .feed_surtitle {
      font-size: 0.92308em; } }

.related_meta, .feed_meta, .primary .view-civi-events .views-field-event-type, .primary .view-civi-events .views-field-start-date, .primary .view-civi-events .views-field-end-date, .features_summary, .related_summary, .feed_summary, .primary .view-civi-events .views-field-description {
  color: #5E5E5E; }

.related_meta, .feed_meta, .primary .view-civi-events .views-field-event-type, .primary .view-civi-events .views-field-start-date, .primary .view-civi-events .views-field-end-date {
  display: block;
  font-size: 1em;
  font-style: italic;
  line-height: 1.2;
  margin-top: .2em; }

.features_summary, .related_summary, .feed_summary, .primary .view-civi-events .views-field-description {
  font-size: 1.15385em;
  line-height: 1.3;
  margin-top: .5em; }
  @media only screen and (min-width: 43.75em) {
    .features_summary, .related_summary, .feed_summary, .primary .view-civi-events .views-field-description {
      font-size: 1.07692em;
      line-height: 1.2; } }
  .features_summary i, .related_summary i, .feed_summary i, .primary .view-civi-events .views-field-description i {
    color: #00A1DE;
    font-size: .88em;
    font-style: normal;
    text-transform: uppercase; }

/*
++++++++++++++++++++++++++
+++ HELPERS: ANIMATION +++
++++++++++++++++++++++++++
*/

.features_overlay, .related_overlay, .feed_thumb_overlay {
  -webkit-transition-property: all;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
  background-color: rgba(41, 44, 57, 0.8);
  color: #FFFFFF;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99999; }
  .features_overlay_picto, .related_overlay_picto, .feed_thumb_overlay_picto {
    font-size: 36px;
    height: 32px;
    line-height: 32px;
    margin-top: -16px;
    position: relative;
    top: 50%; }
  .features_thumb_base, .related_thumb_base, .feed_thumb_base, .features_thumb, .related_thumb, .feed_thumb {
    display: block; }
  .features_thumb, .related_thumb, .feed_thumb {
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    height: auto;
    width: 100%; }
    .features_thumb_base, .related_thumb_base, .feed_thumb_base {
      overflow: hidden;
      position: relative; }
      .features_thumb_base:hover .features_overlay, .related_thumb_base:hover .features_overlay, .feed_thumb_base:hover .features_overlay, .features_thumb_base:hover .related_overlay, .related_thumb_base:hover .related_overlay, .feed_thumb_base:hover .related_overlay, .features_thumb_base:hover .feed_thumb_overlay, .related_thumb_base:hover .feed_thumb_overlay, .feed_thumb_base:hover .feed_thumb_overlay {
        opacity: 1; }
      .features_thumb_base:hover .features_thumb, .related_thumb_base:hover .features_thumb, .feed_thumb_base:hover .features_thumb, .features_thumb_base:hover .related_thumb, .related_thumb_base:hover .related_thumb, .feed_thumb_base:hover .related_thumb, .features_thumb_base:hover .feed_thumb, .related_thumb_base:hover .feed_thumb, .feed_thumb_base:hover .feed_thumb {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
    .related_thumb_base, .feed_thumb_base {
      border-bottom: 2px solid #292C39;
      margin-bottom: 12px; }
      @media only screen and (min-width: 61.25em) {
        .related_thumb_base, .feed_thumb_base {
          border-bottom: none;
          float: left;
          margin-bottom: 0; } }

/*
+++++++++++++++++++++++++++
+++ HELPERS: BACKGROUND +++
+++++++++++++++++++++++++++
*/
/*
++++++++++++++++++++++++
+++ HELPERS: BUTTONS +++
++++++++++++++++++++++++
*/
.social_element.email {
  background-color: #292C39; }
  .social_element.email, .social_element.facebook, .social_element.flickr, .social_element.googleplus, .social_element.instagram, .social_element.linkedin, .social_element.pinterest, .social_element.twitter, .social_element.vimeo, .social_element.youtube {
    -webkit-transition-property: background-color, box-shadow, border-color, color, opacity, text-shadow;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-property: background-color, box-shadow, border-color, color, opacity, text-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease; }
  .social_element.email:hover {
    background-color: shade(#292C39, 8%); }

.social_element.facebook {
  background-color: #3B5998; }
  .social_element.facebook:hover {
    background-color: shade(#3B5998, 8%); }

.social_element.flickr {
  background-color: #ff0084; }
  .social_element.flickr:hover {
    background-color: shade(#ff0084, 8%); }

.social_element.googleplus {
  background-color: #D34836; }
  .social_element.googleplus:hover {
    background-color: shade(#D34836, 8%); }

.social_element.instagram {
  background-color: #517FA4; }
  .social_element.instagram:hover {
    background-color: shade(#517FA4, 8%); }

.social_element.linkedin {
  background-color: #4875B4; }
  .social_element.linkedin:hover {
    background-color: shade(#4875B4, 8%); }

.social_element.pinterest {
  background-color: #C92228; }
  .social_element.pinterest:hover {
    background-color: shade(#C92228, 8%); }

.social_element.twitter {
  background-color: #59CCFF; }
  .social_element.twitter:hover {
    background-color: shade(#59CCFF, 8%); }

.social_element.vimeo {
  background-color: #1AB7EA; }
  .social_element.vimeo:hover {
    background-color: shade(#1AB7EA, 8%); }

.social_element.youtube {
  background-color: #EF3B39; }
  .social_element.youtube:hover {
    background-color: shade(#EF3B39, 8%); }

/*  
+++++++++++++++++++++++
+++ HELPERS: CENTER +++ 
+++++++++++++++++++++++
*/
/*
 * Code modified from https://github.com/Team-Sass/toolkit
 */
/*  
+++++++++++++++++++++++++ 
+++ HELPERS: CLEARFIX +++ 
+++++++++++++++++++++++++
*/
.compcol:after, .maincol:after, .module_feed_nav:after, .module_feed_nav_base:after, .module_feed:after, .module_feed_base:after, .module_feed_block:after, .pager:after, .asidecol .subnav:after, .social_base:after, .features:after, .related_block:after, .tags:after, .feed_base:after, .feed_block:after, .primary .view-civi-events .views-row:after, .primary .comment:after, .crm-container .price-set-option-content:after,
.compcol:before,
.maincol:before,
.module_feed_nav:before,
.module_feed_nav_base:before,
.module_feed:before,
.module_feed_base:before,
.module_feed_block:before,
.pager:before,
.asidecol .subnav:before,
.social_base:before,
.features:before,
.related_block:before,
.tags:before,
.feed_base:before,
.feed_block:before,
.primary .view-civi-events .views-row:before,
.primary .comment:before,
.crm-container .price-set-option-content:before {
  content: "";
  display: table; }

.compcol:after, .maincol:after, .module_feed_nav:after, .module_feed_nav_base:after, .module_feed:after, .module_feed_base:after, .module_feed_block:after, .pager:after, .asidecol .subnav:after, .social_base:after, .features:after, .related_block:after, .tags:after, .feed_base:after, .feed_block:after, .primary .view-civi-events .views-row:after, .primary .comment:after, .crm-container .price-set-option-content:after {
  clear: both; }

/*
++++++++++++++++++++++
+++ HELPERS: COLOR +++
++++++++++++++++++++++
*/
/*
 * Code modified from https://github.com/Team-Sass/toolkit
 */
/*
 * $colours should be a comma separated list
 * $direction_old is from the origin e.g. `left top`
 * $direction_new is to the end e.g. `to right bottom`
 */
/*
++++++++++++++++++++++++++
+++ CORE MODULES: FEED +++
++++++++++++++++++++++++++
*/
.module_feed_nav {
  margin-top: .5em; }
  .module_feed_nav_block {
    float: left;
    margin-left: 8px; }
    .module_feed_nav_block.first {
      margin-left: 0; }
  .module_feed_nav_element {
    text-shadow: 0 1px 1px #252732;
    background-color: #292C39;
    border-color: #272a36;
    color: #FFFFFF; }
    .module_feed_nav_element:hover {
      border-color: #262834;
      background-color: #272a36;
      color: #FFFFFF; }
  .module_feed_nav_title {
    font-size: 1.23077em; }

.module_feed_block {
  border-top: 1px dashed #DEDEDE;
  margin-top: 24px;
  padding-top: 24px; }
  .module_feed_block.with_category_title {
    margin-top: 12px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px; }
  .module_feed_block.with_pictos {
    padding-left: 48px; }
  .module_feed_block.first {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
  @media only screen and (min-width: 61.25em) {
    .module_feed_block.with_images {
      padding-left: 208px; } }
  .module_feed_block p {
    font-size: 1.15385em;
    line-height: 1.3;
    margin-top: .7em; }
.module_feed_img_base, .module_feed_img {
  border-radius: 4px;
  display: block; }
.module_feed_picto {
  color: #292C39;
  font-size: 2.46154em;
  float: left;
  line-height: 1.6;
  margin-left: -48px;
  width: 32px; }
.module_feed_img_base {
  height: auto;
  margin-bottom: 8px;
  width: 100%; }
  @media only screen and (min-width: 61.25em) {
    .module_feed_img_base {
      float: left;
      margin-bottom: 0;
      margin-left: -208px;
      width: 192px; } }
.module_feed_img {
  height: auto;
  max-width: 100%; }
.module_feed_category_title {
  border-top: 6px solid #DEDEDE;
  margin-bottom: 24px;
  margin-top: 36px;
  padding-top: 6px; }
.module_feed_title {
  font-size: 1.84615em; }
  .module_feed_title.with_category_title {
    color: #4E4E4E;
    font-size: 1.15385em; }
.module_feed_title_wl:hover, .module_feed_category:hover {
  color: #292C39;
  text-decoration: underline; }
.module_feed_summary {
  font-size: 1.23077em;
  line-height: 1.3;
  margin-top: 1em; }
.module_feed_detail {
  color: #5E5E5E;
  font-size: 1.07692em; }
.module_feed_details {
  margin-top: .2em; }
.module_feed_status {
  font-size: 1em;
  margin-top: -0.5em; }
  .module_feed_status:before {
    content: "●";
    font-weight: normal;
    font-size: 2em;
    padding-right: .1em;
    position: relative;
    top: 4px; }
  .module_feed_status.status_active:before {
    color: #70A400; }
  .module_feed_status.status_inactive:before {
    color: #E34424; }

.primary .module_feed_details {
  background-color: #EEEEEE;
  border-bottom: 1px solid #e4e4e4;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 1em;
  position: relative; }
.primary .module_feed_status {
  font-size: 1.23077em; }
.primary .module_feed_detail {
  color: #4E4E4E;
  font-size: 1.23077em;
  line-height: 24px; }
.primary a.module_feed_detail:hover {
  color: #292C39; }

.related_module_content_base .module_feed_status {
  margin-bottom: 1em; }

.btn_module_cta {
  text-shadow: 0 1px 1px #252732;
  background-color: #292C39;
  border-color: #272a36;
  color: #FFFFFF;
  margin-top: 48px; }
  .btn_module_cta:hover {
    border-color: #262834;
    background-color: #272a36;
    color: #FFFFFF; }
  @media only screen and (max-width: 61.25em) {
    .btn_module_cta {
      padding: 10px 20px; } }

/*  
++++++++++++++++++++++++++++++++
+++ CORE MODULES: PAGINATION +++ 
++++++++++++++++++++++++++++++++
*/
.pagination, .pager {
  margin-top: 24px;
  overflow: hidden; }
  @media only screen and (min-width: 38.75em) {
    .pagination, .pager {
      margin-top: 36px; } }
  .pagination_block, .pager li, .pager li.pager-next, .pager li.pager-previous {
    margin-top: 12px; }
    @media only screen and (min-width: 38.75em) {
      .pagination_block, .pager li, .pager li.pager-next, .pager li.pager-previous {
        float: left;
        margin-right: 3px;
        margin-top: 8px; } }
    @media only screen and (min-width: 61.25em) {
      .pagination_block.prev, .pager li.prev, .pager li.pager-previous {
        margin-right: 12px; } }
    @media only screen and (min-width: 38.75em) {
      .pagination_block.next, .pager li.next, .pager li.pager-next {
        margin-left: 6px; } }
    @media only screen and (min-width: 61.25em) {
      .pagination_block.next, .pager li.next, .pager li.pager-next {
        margin-left: 9px; } }
    @media only screen and (min-width: 38.75em) {
      .pagination_block.view_all, .pager li.view_all {
        margin-left: 12px; } }
    @media only screen and (min-width: 61.25em) {
      .pagination_block.view_all, .pager li.view_all {
        margin-left: 24px; } }
  .pagination_element, .pager a, .pager li.pager-current {
    text-shadow: 0 1px 1px #252732;
    background-color: #292C39;
    border-color: #272a36;
    color: #FFFFFF;
    /*
        &.numeral {
            display: none;
            
            @include mq($min: $break_medium) {
                display: inline-block;
            }
        }
            
    */ }
    .pagination_element:hover, .pager a:hover, .pager li.pager-current:hover {
      border-color: #262834;
      background-color: #272a36;
      color: #FFFFFF; }
    @media only screen and (max-width: 61.25em) {
      .pagination_element, .pager a, .pager li.pager-current {
        padding: 4px 20px !important; } }
    .pagination_element.current, .pager a.current, .pager li.pager-current {
      text-shadow: 0 1px 1px #252732;
      background-color: #292C39;
      border-color: #272a36;
      color: #FFFFFF; }
      .pagination_element.current:hover, .pager a.current:hover, .pager li.pager-current:hover {
        border-color: #262834;
        background-color: #272a36;
        color: #FFFFFF; }
  .pagination_element, .pager a, .pager li.pager-current, .pagination_element.current, .pager a.current, .pager li.pager-current {
    font-size: 1.07692em;
    text-align: center;
    line-height: 28px; }
    @media only screen and (min-width: 38.75em) {
      .pagination_element, .pager a, .pager li.pager-current, .pagination_element.current, .pager a.current, .pager li.pager-current {
        height: 28px;
        padding: 0 12px; } }

/*  
+++++++++++++++++++++++++++++++
+++ CORE MODULES: NOT FOUND +++ 
+++++++++++++++++++++++++++++++
*/
.notfound_picto {
  background-color: #292C39;
  border: 1px solid #252732;
  border-radius: 100%;
  height: 94px;
  width: 94px; }
  @media only screen and (min-width: 43.75em) {
    .notfound_picto {
      height: 142px;
      width: 142px; } }

/*
+++++++++++++++++++++++++++++
+++ CORE MODULES: SITEMAP +++
+++++++++++++++++++++++++++++
*/
.sitemap_block.level0 {
  border-top: 6px solid #DEDEDE;
  margin-bottom: 24px;
  margin-top: 36px;
  padding-top: 6px; }
  .sitemap_block.level0.first {
    margin-top: 0; }
.sitemap_block.level1, .sitemap_block.level2 {
  list-style: disc;
  margin-top: .2em; }
  .sitemap_block.level1.first, .sitemap_block.level2.first {
    margin-top: 0; }
.sitemap_block > ul {
  margin-bottom: 1em;
  margin-top: .7em;
  padding-left: 2em; }
.sitemap_block.level2 > ul {
  margin-top: 1em; }
.sitemap_element {
  line-height: 1.2; }
  .sitemap_element:hover {
    color: #292C39;
    text-decoration: underline; }
  .sitemap_element.level0 {
    display: block;
    margin-bottom: 24px; }
  .sitemap_element.level1 {
    font-size: 1.23077em; }
  .sitemap_element.level2 {
    font-size: 1.07692em; }

/*
++++++++++++++++++++++++++++++++++++
+++ LAYOUT: CORE SUBPAGES LAYOUT +++
++++++++++++++++++++++++++++++++++++
*/
.compcol_sub, .asidecol_sub {
  margin-top: 36px; }
  .compcol_sub.first, .asidecol_sub.first {
    margin-top: 0; }
  @media only screen and (min-width: 43.75em) {
    .compcol_sub, .asidecol_sub {
      margin-top: 48px; } }

.subcol {
  margin-top: 36px; }
  @media only screen and (min-width: 43.75em) {
    .subcol {
      margin-top: 48px; } }

.asidecol {
  margin-bottom: 24px; }
  @media only screen and (min-width: 61.25em) {
    .asidecol {
      border-left: none;
      float: left;
      margin-bottom: 0;
      margin-left: -204px;
      width: 180px; } }
  @media only screen and (min-width: 78.75em) {
    .asidecol {
      margin-left: -228px; } }
  @media only screen and (min-width: 87.5em) {
    .asidecol {
      margin-left: -252px; } }

/*
++++++++++++++++++++++++++++++++++++++++++
+++ LAYOUT: NAVIGATION SUBNAV ASIDECOL +++
++++++++++++++++++++++++++++++++++++++++++
*/
/*
 * This layout is used in the .asidecol navigation on basic pages
 */
.asidecol .subnav {
  background-color: #292C39; }
  .asidecol .subnav_base_title {
    font-size: 1.07692em;
    margin-bottom: 12px; }
  .asidecol .subnav_level1 {
    background-color: #5c5f69;
    border-left: 4px solid #00A1DE;
    padding-bottom: 12px;
    padding-top: 12px; }
    .asidecol .subnav_level1 ul {
      border-left: 2px solid #29b0e3;
      margin-bottom: 8px;
      margin-top: 8px;
      padding-left: 8px;
      padding-right: 8px; }
    .asidecol .subnav_level1 .subnav_element {
      font-size: 0.92308em;
      padding-bottom: 12px;
      padding-top: 12px; }
      @media only screen and (min-width: 43.75em) {
        .asidecol .subnav_level1 .subnav_element {
          padding-bottom: 0;
          padding-top: 0; } }
  .asidecol .subnav_level2 {
    margin-left: 12px;
    margin-right: 12px; }
    @media only screen and (min-width: 43.75em) {
      .asidecol .subnav_level2 li {
        margin-top: 6px; }
        .asidecol .subnav_level2 li.first {
          margin-top: 0; } }
  .asidecol .subnav_block.level0 {
    border-bottom: 2px solid #363945; }
    .asidecol .subnav_block.level0.last, .asidecol .subnav_block.level0.on {
      border-bottom: 0; }
  .asidecol .subnav_element {
    color: #FFFFFF;
    display: block;
    line-height: 1.2;
    padding-bottom: 12px;
    padding-top: 12px; }
    .asidecol .subnav_element:hover {
      text-decoration: underline; }
    .asidecol .subnav_element.on {
      color: #00A1DE;
      text-decoration: none; }
    .asidecol .subnav_element.level0 {
      border-left: 4px solid #292C39;
      font-size: 1em;
      padding-left: 8px;
      padding-right: 8px; }
      .asidecol .subnav_element.level0:hover {
        background-color: #282b38; }
      .asidecol .subnav_element.level0.on {
        background-color: #00A1DE;
        border-left-color: #00A1DE;
        color: #FFFFFF; }
    .asidecol .subnav_element.level1 {
      padding-bottom: 12px;
      padding-left: 8px;
      padding-right: 8px;
      padding-top: 12px; }
      @media only screen and (min-width: 43.75em) {
        .asidecol .subnav_element.level1 {
          padding-bottom: 6px;
          padding-top: 6px; } }

/*
+++++++++++++++++++++++
+++ LAYOUT: PRIMARY +++
+++++++++++++++++++++++
*/
/* .primary for when long-form text content is
* needed, like a blog post or standard subpage
*
* .primary_header is used at the top of the .primary area
* so you can use .primary_header + h2 to target elements
* at the top of the area.
*/
.primary {
  overflow: hidden;
  position: relative;
  /*
   * `with_intro` used on branch templates so you can align an image
   * and all the text in `.primary` leaves the correct gutter width.
   */
  /*div*/ }
  @media only screen and (min-width: 43.75em) {
    .primary.with_intro {
      padding-left: 184px; } }
  .primary dl dl, .primary ol ol, .primary ul ul {
    margin-left: 1em; }
  .primary ol li {
    list-style: decimal; }
    .primary ol li li {
      list-style: lower-roman; }
  .primary ul li {
    list-style: disc; }
    .primary ul li li {
      list-style: circle; }
  .primary li {
    line-height: 1.4;
    margin-top: 4px;
    margin-left: 2.5em; }
    .primary li li {
      margin-left: 1em; }
  .primary table li, .primary li p, .primary table p, .primary li dl li, .primary li ol li, .primary li ul li {
    font-size: 1em; }
  .primary img {
    display: block;
    margin-bottom: 1em; }
    @media only screen and (min-width: 43.75em) {
      .primary img {
        max-width: 100%;
        width: auto; } }
  .primary input[type='radio'], .primary input[type='checkbox'] {
    background: none;
    border: none;
    box-shadow: none;
    min-width: 0;
    padding: 0;
    width: auto; }
  .primary iframe {
    display: block;
    margin-bottom: 1.5em;
    margin-top: 1.5em; }
    @media only screen and (min-width: 61.25em) {
      .primary iframe {
        margin-bottom: 1.5em; } }
  .primary .fluid-width-video-wrapper {
    overflow: hidden; }
  @media only screen and (min-width: 61.25em) {
    .primary .align_left, .primary .alignleft, .primary .align_right, .primary .alignright {
      max-width: 216px;
      width: auto; } }
  @media only screen and (min-width: 61.25em) {
    .primary .align_left, .primary .alignleft {
      float: left;
      margin: 0 1em 1em 0; } }
  @media only screen and (min-width: 61.25em) {
    .primary .align_right, .primary .alignright {
      float: right;
      margin: 0 0 1em 1em; } }
  .primary .button {
    text-shadow: 0 1px 1px #252732;
    background-color: #292C39;
    border-color: #272a36;
    color: #FFFFFF;
    color: #FFFFFF;
    text-decoration: none; }
    .primary .button:hover {
      border-color: #262834;
      background-color: #272a36;
      color: #FFFFFF; }
    .primary .button:hover {
      color: #FFFFFF; }
    .primary .button a {
      color: #FFFFFF;
      text-decoration: none; }
      .primary .button a:hover {
        color: #FFFFFF; }
  .primary p, .primary p + p, .primary p + table, .primary p + dl, .primary p + ol, .primary p + ul, .primary p + form {
    margin-top: 1em; }
  .primary p + h2, .primary p + h3, .primary p + h4,
  .primary h2 + h3, .primary h2 + h4,
  .primary h3 + h2, .primary h3 + h4,
  .primary dl + h2, .primary dl + h3, .primary dl + h4,
  .primary ol + h2, .primary ol + h3, .primary ol + h4,
  .primary ul + h2, .primary ul + h3, .primary ul + h4,
  .primary table + h2, .primary table + h3, .primary table + h4 {
    margin-top: 1.5em; }
  .primary h1 {
    margin-bottom: 36px; }
    .primary h1 + p {
      margin-top: 0; }
  .primary h2, .primary h3, .primary h4 {
    margin-top: 1em; }
  .primary h2 + p, .primary h2 + dl, .primary h2 + ol, .primary h2 + ul, .primary h2 + table, .primary h2 + form {
    margin-top: 0.5em; }
  .primary h3 + p, .primary h3 + dl, .primary h3 + ol, .primary h3 + ul, .primary h3 + table, .primary h3 + form {
    margin-top: 0.5em; }
  .primary h4 + p, .primary h4 + dl, .primary h4 + ol, .primary h4 + ul, .primary h4 + table, .primary h4 + form {
    margin-top: 0.5em; }
  .primary p {
    line-height: 1.4; }
  .primary_header {
    display: none; }
    .primary_header + h2, .primary_header + h3, .primary_header + h4, .primary_header + h5, .primary_header + h6, .primary_header + p, .primary_header + blockquote, .primary_header + figure, .primary .primary_header + .imgw_cap, .primary_header + iframe {
      margin-top: 0; }
    .primary_header + p {
      font-size: 1.38462em;
      line-height: 1.3; }
  /*.primary a {
    color: #00A1DE;
    text-decoration: underline; }
    .primary a:hover {
      color: #ECC200; }*/
  .primary blockquote {
    border-left: 2px solid #292C39;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-left: .7em;
    padding-right: .7em; }
    @media only screen and (min-width: 30em) {
      .primary blockquote {
        padding-left: 1em;
        padding-right: 1em; } }
    @media only screen and (min-width: 43.75em) {
      .primary blockquote {
        border-left: none;
        margin-bottom: 3em;
        margin-top: 3em;
        padding-left: 4em;
        padding-right: 4em;
        text-align: center; } }
    .primary blockquote p {
      color: #00A1DE;
      font-size: 1.38462em;
      line-height: 1.3;
      margin-top: 0; }
    .primary blockquote cite {
      color: #5E5E5E;
      display: block;
      font-size: 1.07692em;
      margin-top: .5em; }
  .primary figure, .primary .imgw_cap {
    margin-top: 1.5em;
    padding-bottom: .5em;
    width: 100% !important; }
    .primary figure img, .primary .imgw_cap img {
      margin-bottom: 0; }
    .primary figure + p:first-of-type, .primary .imgw_cap + p:first-of-type {
      margin-top: 1em; }
    @media only screen and (min-width: 43.75em) {
      .primary figure, .primary .imgw_cap {
        margin-top: 2em;
        padding-bottom: 1em;
        width: auto !important; } }
    .primary figure.primary_intro_media, .primary .primary_intro_media.imgw_cap {
      margin-bottom: 24px;
      margin-top: 0;
      padding-bottom: 0; }
      @media only screen and (min-width: 43.75em) {
        .primary figure.primary_intro_media, .primary .primary_intro_media.imgw_cap {
          float: left;
          margin-bottom: 0;
          margin-left: -184px;
          width: 160px !important; } }
  .primary figcaption, .primary .imgw_cap p {
    color: #6E6E6E;
    font-size: 1.07692em;
    line-height: 1.2;
    margin-top: .5em;
    text-align: center; }
    @media only screen and (min-width: 43.75em) {
      .primary figcaption, .primary .imgw_cap p {
        text-align: left; } }
    @media only screen and (min-width: 61.25em) {
      .primary figcaption, .primary .imgw_cap p {
        text-align: center; } }
    .primary figcaption a, .primary .imgw_cap p a {
      color: #6E6E6E; }
    @media only screen and (min-width: 43.75em) {
      .primary figcaption.primary_intro_media_caption, .primary .imgw_cap p.primary_intro_media_caption {
        text-align: center; } }
    .primary figcaption.primary_intro_media_caption a, .primary .imgw_cap p.primary_intro_media_caption a {
      background-color: #00A1DE;
      border-bottom: 2px solid #0198d2;
      border-radius: 4px;
      color: #FFFFFF;
      display: block;
      margin-top: .5em;
      padding-bottom: 12px;
      padding-top: 12px;
      text-decoration: none; }
      @media only screen and (min-width: 43.75em) {
        .primary figcaption.primary_intro_media_caption a, .primary .imgw_cap p.primary_intro_media_caption a {
          background: none;
          border-bottom: none;
          border-radius: 0;
          color: #00A1DE;
          font-size: 0.92308em;
          margin-top: .1em;
          padding-bottom: 0;
          padding-top: 0;
          text-decoration: underline; } }
      .primary figcaption.primary_intro_media_caption a:hover, .primary .imgw_cap p.primary_intro_media_caption a:hover {
        color: #ECC200;
        text-decoration: underline; }

/*
++++++++++++++++++++++
+++ LAYOUT: SOCIAL +++
++++++++++++++++++++++
*/
.social_base {
  margin-top: 24px; }
  @media only screen and (min-width: 43.75em) {
    .social_base {
      margin-top: 48px; } }
.social_block {
  float: left;
  margin-left: 5%;
  margin-top: 12px;
  width: 30%; }
  .social_block.startrow3 {
    margin-left: 0; }
  @media only screen and (min-width: 43.75em) {
    .social_block {
      margin-left: 12px;
      margin-top: 0;
      width: 40px; }
      .social_block.startrow3 {
        margin-left: 12px; }
      .social_block.first {
        margin-left: 0; } }
  @media only screen and (min-width: 61.25em) {
    .social_block {
      margin-left: 6px;
      width: 32px; }
      .social_block.startrow3 {
        margin-left: 6px; }
      .social_block.first {
        margin-left: 0; } }
.social_element {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #292C39;
  border-radius: 4px;
  color: #FFFFFF;
  display: block;
  font-size: 1.23077em;
  height: 44px;
  line-height: 48px;
  text-align: center; }
  @media only screen and (min-width: 43.75em) {
    .social_element {
      font-size: 1em;
      height: 24px;
      line-height: 28px;
      width: 40px; } }
  @media only screen and (min-width: 61.25em) {
    .social_element {
      width: 32px; } }
  .social_element.print {
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    background-image: url("../images/picto-print.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 44px; }
    @media only screen and (min-width: 43.75em) {
      .social_element.print {
        -webkit-background-size: contain;
        background-size: contain;
        padding-top: 24px; } }
  .social_element.googleplus {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto; }

.no-backgroundsize .social_element.print {
  background-image: url("../images/picto-print--24.png"); }

/*
++++++++++++++++++++++++
+++ LAYOUT: FEATURES +++
++++++++++++++++++++++++
*/
.features.first {
  margin-top: 0; }
.features_block {
  margin-top: 24px; }
  .features_block.first {
    margin-top: 0; }
  @media only screen and (min-width: 43.75em) {
    .features_block.double, .features_block.triple, .features_block.quadruple {
      float: left;
      margin-left: 4%;
      margin-top: 4%;
      width: 48%; }
      .features_block.double.block1, .features_block.double.block2, .features_block.triple.block1, .features_block.triple.block2, .features_block.quadruple.block1, .features_block.quadruple.block2 {
        margin-top: 0; }
      .features_block.double.startrow2, .features_block.triple.startrow2, .features_block.quadruple.startrow2 {
        clear: left;
        margin-left: 0; } }
  @media only screen and (min-width: 61.25em) {
    .features_block.triple.startrow2, .features_block.quadruple.startrow2 {
      clear: none; } }
  @media only screen and (min-width: 61.25em) {
    .features_block.triple {
      margin-left: 5%;
      width: 30%; }
      .features_block.triple.block3 {
        margin-top: 0; }
      .features_block.triple.startrow2 {
        margin-left: 5%; }
      .features_block.triple.startrow3 {
        clear: left;
        margin-left: 0; } }
  @media only screen and (min-width: 61.25em) {
    .features_block.quadruple {
      margin-left: 4%;
      width: 22%; }
      .features_block.quadruple.block3, .features_block.quadruple.block4 {
        margin-top: 0; }
      .features_block.quadruple.startrow2 {
        margin-left: 4%; }
      .features_block.quadruple.startrow4 {
        clear: left;
        margin-left: 0; } }
.features_thumb_base {
  margin-bottom: 8px; }
.features_about {
  padding-left: 0;
  padding-right: 0; }
.features_title {
  font-size: 1.23077em; }
@media only screen and (min-width: 43.75em) {
  .features_summary.quadruple {
    line-height: 1.2; } }

/*
+++++++++++++++++++++++
+++ LAYOUT: RELATED +++
+++++++++++++++++++++++
*/
.related_base {
  border-top: 4px solid #DEDEDE;
  margin-top: 36px;
  padding-top: 16px;
  position: relative; }
  @media only screen and (min-width: 43.75em) {
    .related_base {
      margin-top: 48px; } }
  .related_base_title {
    color: #292C39;
    font-size: 1.84615em;
    margin-bottom: 1em; }
    @media only screen and (min-width: 61.25em) {
      .related_base_title.no_images {
        left: 0;
        margin-bottom: 0;
        position: absolute;
        width: 192px; } }

@media only screen and (min-width: 61.25em) {
  .related {
    margin-left: 216px;
    margin-top: .3em; }
    .related.with_images {
      margin-left: 0;
      margin-top: 0; } }
.related_block {
  margin-top: 16px;
  position: relative;
  overflow: hidden; }
  .related_block.first {
    margin-top: 0; }
  .related_block.with_images {
    margin-top: 24px; }
    .related_block.with_images.first {
      margin-top: 0; }
    @media only screen and (min-width: 61.25em) {
      .related_block.with_images {
        padding-left: 216px; } }
@media only screen and (min-width: 61.25em) {
  .related_thumb_base {
    margin-left: -216px;
    width: 204px; } }
.related_title {
  font-size: 1.23077em; }
.related_meta_feed {
  margin-top: .5em; }
  .related_meta_feed_block {
    display: inline-block;
    margin-left: .5em; }
    .related_meta_feed_block.first {
      margin-left: 0; }
  .related_meta_feed_title {
    font-size: 1em; }
  .related_meta_feed_sub {
    margin-top: .2em; }
.related_submeta {
  font-size: 1em;
  line-height: 1.2;
  margin-top: 8px; }

/*
++++++++++++++++++++
+++ LAYOUT: TAGS +++
++++++++++++++++++++
*/
.tags {
  border-top: 4px solid #DEDEDE;
  margin-top: 36px;
  padding-top: 16px; }
  @media only screen and (min-width: 43.75em) {
    .tags {
      margin-top: 48px; } }
  .tags_title {
    color: #292C39;
    font-size: 1.84615em;
    margin-bottom: 24px; }
    @media only screen and (min-width: 43.75em) {
      .tags_title {
        margin-bottom: 12px; } }
  .tags_feed_block {
    margin-top: 12px; }
    .tags_feed_block.first {
      margin-top: 0; }
    @media only screen and (min-width: 43.75em) {
      .tags_feed_block {
        float: left;
        margin-right: 8px;
        margin-top: 8px; }
        .tags_feed_block.first {
          margin-top: 8px; }
        .tags_feed_block.last {
          margin-right: 0; } }
  .tags_feed_element {
    background-color: #FAFAFA;
    border: 2px solid whitesmoke;
    border-radius: 4px;
    box-shadow: 0 1px 1px #d8d8d8;
    color: #5E5E5E;
    display: block;
    font-size: 1.23077em;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px; }
    .tags_feed_element:hover {
      background-color: #292C39;
      border-color: #272a36;
      color: #FFFFFF;
      text-decoration: underline; }
    @media only screen and (min-width: 43.75em) {
      .tags_feed_element {
        font-size: 1.07692em;
        padding-bottom: 6px;
        padding-top: 6px; } }

/*
+++++++++++++++++++++
+++ LAYOUT: FEEDS +++
+++++++++++++++++++++
*/
.feed_base_title {
  margin-bottom: 24px; }
  .feed_base_title.small {
    border-bottom: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
    margin-bottom: 0;
    padding-bottom: 16px;
    padding-top: 16px; }
    @media only screen and (min-width: 43.75em) {
      .feed_base_title.small {
        font-size: 1.23077em; } }
  .feed_base_title_picto {
    color: #59CCFF;
    font-size: .92em; }
.feed_base_more {
  background-color: #292C39;
  border-bottom: 2px solid #272a36;
  border-radius: 4px;
  color: #FFFFFF;
  display: block;
  font-size: 1.23077em;
  margin-top: 24px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 16px;
  text-align: center; }
  @media only screen and (min-width: 43.75em) {
    .feed_base_more {
      background: none;
      border-bottom: none;
      border-radius: 0;
      color: #292C39;
      font-size: 1.07692em;
      padding: 0;
      text-align: left; } }
  @media only screen and (min-width: 61.25em) {
    .feed_base_more:hover {
      color: #00A1DE;
      text-decoration: underline; } }
  .feed_base_more.small {
    margin-top: 16px; }
  @media only screen and (min-width: 61.25em) {
    .feed_base_more.single.with_images {
      margin-left: 88px; } }
  @media only screen and (min-width: 78.75em) {
    .feed_base_more.single.with_images {
      margin-left: 112px; } }
  @media only screen and (min-width: 61.25em) {
    .feed_base_more.double.with_images {
      margin-left: 200px; } }
.feed_block, .primary .view-civi-events .views-row {
  border-top: 1px solid #DEDEDE;
  margin-top: 24px;
  padding-top: 16px; }
  .feed_block.first, .primary .view-civi-events .first.views-row {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
  .feed_block.single, .primary .view-civi-events .single.views-row {
    margin-top: 0;
    padding-bottom: 12px; }
    .feed_block.single.first, .primary .view-civi-events .single.first.views-row {
      padding-top: 12px; }
    .feed_block.single.last, .primary .view-civi-events .single.last.views-row {
      padding-bottom: 0; }
    @media only screen and (min-width: 61.25em) {
      .feed_block.single.with_images, .primary .view-civi-events .single.with_images.views-row {
        padding-left: 88px; } }
    @media only screen and (min-width: 78.75em) {
      .feed_block.single.with_images, .primary .view-civi-events .single.with_images.views-row {
        padding-left: 112px; } }
  @media only screen and (min-width: 61.25em) {
    .feed_block.double.with_images, .primary .view-civi-events .double.with_images.views-row {
      padding-left: 200px; } }
@media only screen and (min-width: 43.75em) {
  .feed_title, .primary .view-civi-events h2 {
    font-size: 1.38462em; } }
.feed_title.small, .primary .view-civi-events h2.small {
  font-size: 1.07692em; }
@media only screen and (min-width: 61.25em) {
  .feed_thumb_base {
    margin-left: -200px;
    width: 192px; } }
  @media only screen and (min-width: 61.25em) and (min-width: 61.25em) {
    .feed_thumb_base.single {
      margin-left: -88px;
      width: 80px; } }
  @media only screen and (min-width: 61.25em) and (min-width: 78.75em) {
    .feed_thumb_base.single {
      margin-left: -112px;
      width: 104px; } }

/*
++++++++++++++++++++++++++
+++ LAYOUT: HIGHLIGHTS +++
++++++++++++++++++++++++++
*/
/*
 * These appear in the middle of text as call-to-actions.
 */
.highlight {
  background-color: #eaeaeb;
  border: 2px solid #d0d1d3;
  border-radius: 4px;
  display: block;
  margin-top: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  text-align: center; }
  .highlight:hover {
    background-color: #e1e1e3;
    border-color: #c7c8cc; }
    .highlight:hover .highlight_align:hover {
      text-decoration: none;
      background-repeat: repeat-x;
      background-image: -webkit-linear-gradient(to top, #7f8088 75%);
      background-image: -webkit-linear-gradient(#e1e1e3 75%, #7f8088 75%);
      background-image: linear-gradient(#e1e1e3 75%, #7f8088 75%);
      background-size: 0.125em 0.1875em;
      background-position: 0 1.125em;
      text-shadow: 0.0625em 0.0625em 0 #e1e1e3, -0.0625em 0 0 #e1e1e3; }
  .highlight_align {
    text-decoration: none;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(to top, #7f8088 75%);
    background-image: -webkit-linear-gradient(#eaeaeb 75%, #7f8088 75%);
    background-image: linear-gradient(#eaeaeb 75%, #7f8088 75%);
    background-size: 0.125em 0.1875em;
    background-position: 0 1.125em;
    text-shadow: 0.0625em 0.0625em 0 #eaeaeb, -0.0625em 0 0 #eaeaeb;
    color: #292C39;
    display: inline-block;
    font-size: 1.15385em; }

.primary .highlight + h2, .primary .highlight + h3, .primary .highlight + h4, .primary .highlight + p {
  margin-top: 24px; }

/*
++++++++++++++++++++++++++++++++++
+++ PLUGINS: CIVI CRM COMMENTS +++
++++++++++++++++++++++++++++++++++
*/
.primary .comment {
  border-top: 1px solid #DEDEDE;
  margin-top: 12px;
  padding-top: 12px; }
  @media only screen and (min-width: 30em) {
    .primary .comment {
      margin-top: 16px;
      padding-top: 16px; } }
  .primary .comment-wrapper {
    margin-top: 24px;
    /*
     * Styling for gap between comments.
     */
    /*
     * For some reason only the first comment gets <p>. The others are just text
     * in a span so style to look like <p>.
     */ }
    @media only screen and (min-width: 30em) {
      .primary .comment-wrapper {
        margin-top: 36px; } }
    @media only screen and (min-width: 43.75em) {
      .primary .comment-wrapper {
        margin-top: 48px; } }
    .primary .comment-wrapper > .comment:first-of-type {
      border-top: none;
      margin-top: 0;
      padding-top: 0; }
    .primary .comment-wrapper .title {
      margin-bottom: 1em;
      margin-top: 0; }
      .primary .comment-wrapper .title.comment-form {
        margin-bottom: .5em;
        margin-top: 24px; }
        @media only screen and (min-width: 30em) {
          .primary .comment-wrapper .title.comment-form {
            margin-top: 36px; } }
    .primary .comment-wrapper .content {
      margin-top: .5em; }
      .primary .comment-wrapper .content p {
        font-size: 1em;
        margin-top: 0; }
    .primary .comment-wrapper .links {
      margin-top: .5em; }
      .primary .comment-wrapper .links li {
        float: left;
        font-size: 1em;
        list-style: none;
        margin-left: 8px;
        margin-top: 0; }
        .primary .comment-wrapper .links li:first-child {
          margin-left: 0; }
      .primary .comment-wrapper .links a {
        color: #292C39;
        font-size: 1em;
        text-decoration: none;
        text-transform: capitalize; }
    .primary .comment-wrapper .submitted a {
      color: #292C39; }
      .primary .comment-wrapper .submitted a:hover {
        color: #00A1DE; }
      .primary .comment-wrapper .submitted a.permalink {
        color: #6E6E6E;
        display: block;
        margin-bottom: .5em; }
        .primary .comment-wrapper .submitted a.permalink:hover {
          color: #00A1DE; }
    .primary .comment-wrapper .submitted .username {
      color: #00A1DE; }
    .primary .comment-wrapper .indented {
      padding-left: 24px;
      padding-right: 24px; }
      @media only screen and (min-width: 30em) {
        .primary .comment-wrapper .indented {
          padding-left: 36px;
          padding-right: 36px; } }
    .primary .comment-wrapper .form {
      margin-top: 0; }
      .primary .comment-wrapper .form-wrapper {
        margin-top: 12px; }
  .primary .comment-form {
    margin-top: 0; }
    .primary .comment-form-wrapper {
      margin-top: 12px; }
    .primary .comment-form .username {
      font-size: 1.23077em; }

/*
++++++++++++++++++++++++++++++++++++++++
+++ PLUGINS: CIVI CRM EVENTS LISTING +++
++++++++++++++++++++++++++++++++++++++++
*/
.primary .view-civi-events li {
  font-size: 1em;
  list-style: none;
  margin-left: 0;
  margin-top: 0; }
.primary .view-civi-events h2, .primary .view-civi-events h2 a {
  color: #292C39; }
.primary .view-civi-events h2 {
  margin-top: 0; }
  .primary .view-civi-events h2 a {
    text-decoration: none; }
    .primary .view-civi-events h2 a:hover {
      color: #00A1DE;
      text-decoration: underline; }
.primary .view-civi-events .views-row:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0; }
@media only screen and (min-width: 38.75em) {
  .primary .view-civi-events .views-field-event-type, .primary .view-civi-events .views-field-start-date, .primary .view-civi-events .views-field-end-date {
    float: left; } }
@media only screen and (min-width: 38.75em) {
  .primary .view-civi-events .views-field-start-date, .primary .view-civi-events .views-field-end-date {
    margin-left: 8px; } }
.primary .view-civi-events .pager li {
  margin-top: 12px; }
  .primary .view-civi-events .pager li:first-child {
    margin-top: 0; }
  @media only screen and (min-width: 38.75em) {
    .primary .view-civi-events .pager li {
      margin-top: 0; } }
.primary .view-civi-events .pager-item a, .primary .view-civi-events .pager-next a, .primary .view-civi-events .pager-last a {
  color: #FFFFFF;
  text-decoration: none; }
  .primary .view-civi-events .pager-item a:hover, .primary .view-civi-events .pager-next a:hover, .primary .view-civi-events .pager-last a:hover {
    text-decoration: underline; }

/*
+++++++++++++++++++++++++++++++++++++
+++ PLUGINS: CIVI CRM EVENTS ITEM +++
+++++++++++++++++++++++++++++++++++++
*/
.primary .crm-container #printer-friendly {
  display: none; }
.primary .crm-container .event_summary-section, .primary .crm-container .messages {
  margin-bottom: 24px; }
.primary .crm-container .messages .icon {
  display: none; }
.primary .crm-container .event_address-section, .primary .crm-container .event_fees-section {
  margin-top: 1em; }
.primary .crm-container .event_date_time-section abbr[title] {
  border-bottom: none; }
.primary .crm-container .event-info label {
  margin-bottom: .3em; }

/*
+++++++++++++++++++++++++++++++
+++ PLUGINS: CIVI CRM FORMS +++
+++++++++++++++++++++++++++++++
*/
/*
 * Used for membership payments and events form
 */
.crm-container .intro_text-section {
  margin-bottom: 24px; }
.crm-container .crm-submit-buttons {
  margin-top: 24px; }
.crm-container .form-submit.cancel {
  text-shadow: 0 1px 1px #bdbdbd;
  background-color: #DEDEDE;
  border-color: #d2d2d2;
  color: #292C39;
  box-shadow: none;
  margin-top: 12px; }
  .crm-container .form-submit.cancel:hover {
    border-color: #c6c6c6;
    background-color: #d2d2d2;
    color: #292C39; }
  @media only screen and (min-width: 43.75em) {
    .crm-container .form-submit.cancel {
      margin-top: 0; } }
  @media only screen and (max-width: 43.75em) {
    .crm-container .form-submit.cancel {
      padding-bottom: 12px;
      padding-top: 12px; } }
  @media only screen and (min-width: 61.25em) {
    .crm-container .form-submit.cancel {
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box; } }
.crm-container .crm-error {
  background-color: #ECC200;
  border-bottom: 1px solid #d8b100;
  border-radius: 4px;
  font-size: 1.15385em;
  margin-bottom: 24px;
  margin-top: 24px;
  padding: 16px;
  position: relative; }
  .crm-container .crm-error li {
    font-size: 1em; }
.crm-container .description {
  display: block;
  font-size: 1.07692em;
  margin-bottom: 1em;
  margin-top: 24px; }
.crm-container .crm-profile-name-event_registration {
  margin-top: 24px; }
.crm-container .price-set-row {
  margin-top: 6px; }
  .crm-container .price-set-row:first-child {
    margin-top: 0; }
.crm-container .price-set-option-content {
  display: block;
  padding-left: 1.6em;
  padding-right: 1.6em; }
  .crm-container .price-set-option-content input {
    box-shadow: none;
    float: left;
    margin-left: -1.6em;
    min-width: 5px;
    width: 1.2em;
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  .crm-container .price-set-option-content label {
    display: block;
    margin-bottom: 0; }
.crm-container #billing-payment-block fieldset {
  margin-top: 24px; }
.crm-container .email-5-section {
  margin-top: 12px; }
.crm-container fieldset .label {
  margin-top: 1em; }
.crm-container fieldset p {
  font-size: 1.07692em;
  line-height: 1.3;
  margin-bottom: .5em;
  margin-top: 0; }
.crm-container label {
  display: inline-block; }
.crm-container input[type='radio'] {
  margin-right: 8px; }
.crm-container input[type='checkbox'] {
  margin-right: 4px; }
.crm-container .crm-marker {
  color: #E34424; }

/*
++++++++++++++++++++++++++++++++++++++
+++ PLUGINS: CIVI CRM TRANSACTIONS +++
++++++++++++++++++++++++++++++++++++++
*/
/*
 * Used for payments e.g. membership renewel
 */
.primary .crm-container .messages p {
  font-size: 1em; }
.primary .crm-container .header-dark {
  background-color: #DEDEDE;
  font-size: 1.07692em;
  margin-top: 24px; }
.primary .crm-container .amount_display-group, .primary .crm-container .billing_name_address-group.crm-group, .primary .crm-container .contributor_email-group,
.primary .crm-container .credit_card-group, .primary .crm-container .credit_card_details-section {
  background-color: #EEEEEE; }
.primary .crm-container .header-dark,
.primary .crm-container .amount_display-group .display-block,
.primary .crm-container .billing_name-section,
.primary .crm-container .billing_address-section,
.primary .crm-container .contributor_email-section,
.primary .crm-container .credit_card_details-section {
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px; }
.primary .crm-container #membership-listings {
  margin-top: .3em; }
  .primary .crm-container #membership-listings td {
    background: none;
    font-size: 1.07692em;
    padding-bottom: 0;
    padding-left: .2em;
    padding-right: .2em;
    padding-top: 0; }
.primary .crm-container .thankyou_text-section p {
  margin-top: 0; }
.primary .crm-container .crm-contribution-thankyou-form-block #help {
  font-size: 1.07692em;
  margin-top: .1em; }

/*
++++++++++++++++++++++++++++++++++++
+++ PLUGINS: CIVI CRM NEWSLETTER +++
++++++++++++++++++++++++++++++++++++
*/
.primary .crm-mailing-subscribe-form-block #help {
  margin-bottom: 24px; }
.primary .crm-mailing-subscribe-form-block table {
  border-radius: 0; }
.primary .crm-mailing-subscribe-form-block td {
  background: none;
  font-size: 1em;
  padding: 0;
  width: auto !important; }
.primary .crm-mailing-subscribe-form-block label {
  margin-bottom: 0; }
.primary .crm-mailing-subscribe-form-block .crm-marker {
  color: #E34424; }
.primary .crm-mailing-subscribe-form-block .crm-mailing-subscribe-form-block-email td {
  padding-bottom: 16px; }
.primary .crm-mailing-subscribe-form-block .crm-mailing-subscribe-form-block-mark_x_280 {
  padding-right: 16px; }
  @media only screen and (min-width: 61.25em) {
    .primary .crm-mailing-subscribe-form-block .crm-mailing-subscribe-form-block-mark_x_280 {
      padding-right: 8px; } }
.primary .crm-mailing-subscribe-form-block .crm-submit-buttons {
  margin-top: 36px; }
  .primary .crm-mailing-subscribe-form-block .crm-submit-buttons .crm-button {
    display: block; }
    @media only screen and (min-width: 38.75em) {
      .primary .crm-mailing-subscribe-form-block .crm-submit-buttons .crm-button {
        display: inline-block; } }
    .primary .crm-mailing-subscribe-form-block .crm-submit-buttons .crm-button-type-cancel {
      margin-top: 12px; }
      .primary .crm-mailing-subscribe-form-block .crm-submit-buttons .crm-button-type-cancel input {
        text-shadow: 0 1px 1px #949494;
        background-color: #AEAEAE;
        border-color: #a4a4a4;
        color: #292C39; }
        .primary .crm-mailing-subscribe-form-block .crm-submit-buttons .crm-button-type-cancel input:hover {
          border-color: #9b9b9b;
          background-color: #a4a4a4;
          color: #292C39; }
        @media only screen and (max-width: 43.75em) {
          .primary .crm-mailing-subscribe-form-block .crm-submit-buttons .crm-button-type-cancel input {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-bottom: 12px;
            padding-top: 12px; } }
        @media only screen and (min-width: 61.25em) {
          .primary .crm-mailing-subscribe-form-block .crm-submit-buttons .crm-button-type-cancel input {
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box; } }

ul.topnav-secondary li.topnav_block:first-of-type { margin-left: 0; }
/*# sourceMappingURL=subpages.css.map */