/*----------------------------------------------*\
    BLOCK - Image
	==============

	@package yaybrigade

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package ccr

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 368px, bigger phones */
/* 560px */
/* 800px */
/* 1008px, tablet vertical */
/* 1200px */
/* Max Widths */
/* 1040px */
/* 672px */
/* Fonts */
/*
 *
 * / Mixins
------------------------------------------------*/
/* line 11, ../../src/blocks/image.scss */
.image {
  margin-bottom: 1.5em;
  /* multiple images */
  /* widths */
  /* image align  */ }
  @media screen and (min-width: 35rem) {
    /* line 11, ../../src/blocks/image.scss */
    .image {
      margin-bottom: 2em; } }
  /* line 21, ../../src/blocks/image.scss */
  .image--multiple .image__figure:not(:last-child) {
    margin-bottom: 2em; }
  @media screen and (min-width: 35rem) {
    /* line 27, ../../src/blocks/image.scss */
    .image--multiple .image__wrapper {
      display: -ms-flexbox;
      display: flex;
      margin: 0 -.5em; }
    /* line 31, ../../src/blocks/image.scss */
    .image--multiple .image__figure {
      margin: 0 .5em !important;
      /* overwrite :not(:last-child) above */
      -ms-flex: 1 1 0px;
          flex: 1 1 0; } }
  @media screen and (min-width: 23rem) {
    /* line 42, ../../src/blocks/image.scss */
    .image--width-one-quarter .image__image,
    .image--width-one-quarter .image__caption {
      width: 50%; }
    /* line 47, ../../src/blocks/image.scss */
    .image--width-one-quarter .caption-location-beside .image__caption {
      width: 50%; } }
  @media screen and (min-width: 35rem) {
    /* line 54, ../../src/blocks/image.scss */
    .image--width-one-quarter .image__image,
    .image--width-one-quarter .image__caption {
      width: 25%; }
    /* line 59, ../../src/blocks/image.scss */
    .image--width-one-quarter .caption-location-beside .image__caption {
      width: 75%; } }
  @media screen and (min-width: 23rem) {
    /* line 70, ../../src/blocks/image.scss */
    .image--width-half .image__image,
    .image--width-half .image__caption {
      width: 66.6666%; }
    /* line 75, ../../src/blocks/image.scss */
    .image--width-half .caption-location-beside .image__caption {
      width: 33.3333%; } }
  @media screen and (min-width: 35rem) {
    /* line 82, ../../src/blocks/image.scss */
    .image--width-half .image__image,
    .image--width-half .image__caption {
      width: 50%; }
    /* line 87, ../../src/blocks/image.scss */
    .image--width-half .caption-location-beside .image__caption {
      width: 50%; } }
  @media screen and (min-width: 35rem) {
    /* line 98, ../../src/blocks/image.scss */
    .image--width-two-thirds .image__image,
    .image--width-two-thirds .image__caption {
      width: 50%; }
    /* line 103, ../../src/blocks/image.scss */
    .image--width-two-thirds .caption-location-beside .image__caption {
      width: 50%; } }
  @media screen and (min-width: 42rem) {
    /* line 94, ../../src/blocks/image.scss */
    .image--width-two-thirds {
      /* this works better slightly earlier */ }
      /* line 110, ../../src/blocks/image.scss */
      .image--width-two-thirds .image__image,
      .image--width-two-thirds .image__caption {
        width: 66.6666%; }
      /* line 115, ../../src/blocks/image.scss */
      .image--width-two-thirds .caption-location-beside .image__caption {
        width: 33.3333%; } }
  /* line 125, ../../src/blocks/image.scss */
  .image--align-center .image__caption,
  .image--align-center .image__image {
    margin-left: auto;
    margin-right: auto; }
  @media screen and (min-width: 35rem) {
    /* line 134, ../../src/blocks/image.scss */
    .image__figure.caption-location-beside {
      display: -ms-flexbox;
      display: flex; }
      /* line 139, ../../src/blocks/image.scss */
      .image__figure.caption-location-beside .image__caption {
        padding-left: 1em;
        padding-right: 1em; } }
  /* line 145, ../../src/blocks/image.scss */
  .image__figure.caption-location-beside-left {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  /* line 151, ../../src/blocks/image.scss */
  .image__image img {
    width: 100%;
    /* Always span the given width */
    display: block; }
  /* line 156, ../../src/blocks/image.scss */
  .image__caption {
    margin-top: .5em;
    max-width: 20em; }
    @media screen and (min-width: 35rem) {
      /* line 156, ../../src/blocks/image.scss */
      .image__caption {
        margin-top: .75em; } }
    /* line 164, ../../src/blocks/image.scss */
    .caption-horizontal-align-center .image__caption {
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
    @media screen and (min-width: 50rem) {
      /* line 169, ../../src/blocks/image.scss */
      .caption-horizontal-align-right .image__caption {
        margin-left: auto; } }
    @media screen and (min-width: 35rem) {
      /* line 175, ../../src/blocks/image.scss */
      .caption-vertical-align-top .image__caption {
        margin-top: 0; } }
    @media screen and (min-width: 35rem) {
      /* line 180, ../../src/blocks/image.scss */
      .caption-vertical-align-top-with-space .image__caption {
        margin-top: 0;
        padding-top: 2em; } }
    /* line 187, ../../src/blocks/image.scss */
    .caption-vertical-align-bottom .image__caption {
      -ms-flex-item-align: end;
          align-self: flex-end; }
    @media screen and (min-width: 35rem) {
      /* line 190, ../../src/blocks/image.scss */
      .caption-vertical-align-bottom-with-space .image__caption {
        -ms-flex-item-align: end;
            align-self: flex-end;
        padding-bottom: 2em; } }
    /* line 197, ../../src/blocks/image.scss */
    .image__caption p {
      font-size: .8em;
      color: #666;
      line-height: 1.4; }
  /* line 203, ../../src/blocks/image.scss */
  .image__credit {
    display: block;
    font-size: .6em; }
  /* line 207, ../../src/blocks/image.scss */
  .image__group-caption {
    margin-top: .5em;
    max-width: 24em; }
    /* line 211, ../../src/blocks/image.scss */
    .image__group-caption p {
      font-size: .8em;
      color: #666;
      line-height: 1.4; }

/*----------------------------------------------*\
    BLOCK - Body Text
	=================

	@package yaybrigade

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package ccr

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 368px, bigger phones */
/* 560px */
/* 800px */
/* 1008px, tablet vertical */
/* 1200px */
/* Max Widths */
/* 1040px */
/* 672px */
/* Fonts */
/*
 *
 * / Mixins
------------------------------------------------*/
.body-text {
  line-height: 1.4;
  margin-bottom: 2em; }
  .body-text p {
    margin-bottom: .8em; }
  .body-text h2 {
    font-weight: 600;
    font-size: 1.2em;
    margin-top: 1.6em;
    margin-bottom: .8em; }
  .body-text h3 {
    font-size: .9em;
    font-weight: 700;
    margin-top: 1.8em;
    margin-bottom: .9em; }
  .body-text h2 + h3 {
    margin-top: -0.1em; }
  .body-text ul {
    margin-bottom: 1.6em; }
    .body-text ul li {
      margin-bottom: .2em;
      list-style: circle;
      margin-left: 1em; }
      @media screen and (min-width: 23rem) {
        .body-text ul li {
          margin-left: 2em; } }
      @media screen and (min-width: 35rem) {
        .body-text ul li {
          margin-left: 3em; } }
  .body-text ol {
    margin-bottom: 1.6em; }
    .body-text ol li {
      margin-bottom: .2em;
      list-style: decimal;
      margin-left: 1em; }
      @media screen and (min-width: 23rem) {
        .body-text ol li {
          margin-left: 2em; } }
      @media screen and (min-width: 35rem) {
        .body-text ol li {
          margin-left: 3em; } }
  .body-text blockquote {
    margin: .8em 2em 1.6em;
    line-height: 1.6; }
    @media screen and (min-width: 35rem) {
      .body-text blockquote {
        margin-left: 3em;
        margin-right: 3em; } }
    .body-text blockquote p {
      font-size: .85em;
      margin-bottom: .8em; }
  .body-text a {
    color: #444;
    text-decoration: none;
    border-bottom: 1px solid #adafb3;
    line-height: 1.2; }
    .body-text a:hover {
      border-bottom: 1.5px solid #444; }

/*----------------------------------------------*\
    BLOCK - Heading
	===============

	@package yaybrigade

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package ccr

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 368px, bigger phones */
/* 560px */
/* 800px */
/* 1008px, tablet vertical */
/* 1200px */
/* Max Widths */
/* 1040px */
/* 672px */
/* Fonts */
/*
 *
 * / Mixins
------------------------------------------------*/
.heading__wrapper {
  font-weight: 600;
  font-size: 1.2em;
  margin-top: 1.6em;
  margin-bottom: .8em; }
  @media screen and (min-width: 35rem) {
    .heading__wrapper {
      margin-top: 3.2em; } }
  @media screen and (min-width: 50rem) {
    .heading__wrapper {
      margin-top: 4em; } }

/* Custom contexts */
.home .heading__wrapper {
  font-size: .9em; }

/*----------------------------------------------*\
    BLOCK - Slideshow
	=================

	@package yaybrigade

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package ccr

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 368px, bigger phones */
/* 560px */
/* 800px */
/* 1008px, tablet vertical */
/* 1200px */
/* Max Widths */
/* 1040px */
/* 672px */
/* Fonts */
/*
 *
 * / Mixins
------------------------------------------------*/
.slideshow {
  margin-bottom: 2em; }
  @media screen and (max-width: 35rem) {
    .slideshow {
      /* MAX-WIDTH! */
      padding: 0; } }
  .slideshow__images img {
    display: block;
    max-height: 90vh;
    width: auto !important; }

/*----------------------------------------------*\
    SLICK CUSTOM TEMPLATE
\*----------------------------------------------*/
/* Enable vertical centering */
.slick-slide {
  float: none; }

.slick-initialized .slick-slide {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url(/wp-content/themes/ccr/css/build/blocks/../../../js/lib/slick/images/ajax-loader.gif) center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 24px;
  width: 13px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 2000;
  width: 20px; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    opacity: 1; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    opacity: 0;
    cursor: auto; }
  .slick-prev:before,
  .slick-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 20px;
    line-height: 1; }

.slick-prev {
  display: none !important; }
  @media screen and (min-width: 35rem) {
    .slick-prev {
      display: block !important;
      left: -1.5rem; } }
  @media screen and (min-width: 75rem) {
    .slick-prev {
      left: -2.5rem; } }
  .slick-prev:before {
    background: url(/wp-content/themes/ccr/css/build/blocks/../../../js/lib/slick/images/arrow-left.svg) center center no-repeat; }

.slick-next {
  display: none !important; }
  @media screen and (min-width: 35rem) {
    .slick-next {
      display: block !important;
      right: -1.5rem; } }
  @media screen and (min-width: 75rem) {
    .slick-next {
      right: -2.5rem; } }
  .slick-next:before {
    background: url(/wp-content/themes/ccr/css/build/blocks/../../../js/lib/slick/images/arrow-right.svg) center center no-repeat; }

/* Dots */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 2px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    height: 10px;
    width: 10px; }
    @media screen and (min-width: 23rem) {
      .slick-dots li {
        -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
                transform: scale(0.85);
        height: 15px;
        width: 15px; } }
    @media screen and (min-width: 35rem) {
      .slick-dots li {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        height: 20px;
        width: 20px; } }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 10px;
      width: 10px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .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 {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 10px;
        height: 10px;
        line-height: 10px;
        text-align: center;
        border: 1px solid #666;
        border-radius: 100%; }
    .slick-dots li.slick-active button:before {
      background-color: #666; }