/**
 Colors
 */
/**
 Breakpoints
 */
/**
 Custom spacings
 */
/**
Fonts
 */
/**
 Font weights
 */
/**
 Borders
 */
@-webkit-keyframes bounceLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceLeft {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes bounceRight {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@-webkit-keyframes bounceRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
/*
 *  get-spacer function
 *  Used to access spacer variable values for usage outside of margins and paddings (i.e. top, left, right, bottom)
 *  Usage: get-spacer($size, $bp);
 *  Example: get-spacer(mini, xs);
 *  Params: $size - spacer size needed
 *          $bp - breakpoint for spacer value
 *  Requires: $spacings and $breakpoints variables
 */
/*
 *  Breakpoints generator mixin
 *  Usage: bp($width) {@content;};
 *  Example: bp(xs) {...};
 *  Params: $width - corresponds to label of desired breakpoint from breakpoints var list
 *          @content - block with code to be included in the breakpoint
 *  Requires: $breakpoints variables
 */
/*
 *  Margin generator mixin
 *  Usage: margin($size, $sides);
 *  Example: margin(huge, top bottom left);
 *  Params: $size - corresponds to label of desired margin from margin var list
 *          $sides - single value or list with desired sides to apply margin to
 *  Requires: $margin and $breakpoints variables
 */
/*
 *  Padding generator mixin
 *  Used to fake margins when margin is not possible
 *  Usage: padding($size, $sides);
 *  Example: padding(huge, top bottom left);
 *  Params: $size - corresponds to label of desired margin from margin var list
 *          $sides - single value or list with desired sides to apply padding to
 *  Requires: $margin and $breakpoints variables
 */
/*
 *  Text styles mixin
 *  Usage: text($type);
 *  Example: text(p2);
 *  Params: $type - corresponds to label of desired text from fonts var list
 *  Requires: $fonts and $breakpoints variables
 */
/*
 *  font-awesome mixin
 *  Usage: font-awesome($unicode, $pseudo) {@content;};
 *  Example: font-awesome(f06a, before) {...};
 *  Params: $unicode - defines the font awesome icon
 *          $pseudo - defines after or before pseudo classes
 *  Requires: font awesome implemented
 */
/*
 *  font-awesome mixin
 *  Usage: font-awesome($unicode, $pseudo) {@content;};
 *  Example: font-awesome(f06a, before) {...};
 *  Params: $unicode - defines the font awesome icon
 *          $pseudo - defines after or before pseudo classes
 *  Requires: font awesome implemented
 */
.paragraph-gallery-media-text {
  background-clip: content-box;
  padding-left: 0;
  padding-right: 0; }

.paragraph-gallery-item-media-text .paragraph {
  padding-left: 20px;
  padding-right: 20px; }
.paragraph-gallery-item-media-text .paragraph-image {
  padding: 0; }

.paragraph-gallery-media-text__swiper-button-prev,
.paragraph-gallery-media-text__swiper-button-next {
  display: none; }
  @media only screen and (min-width: 1661px) {
    .paragraph-gallery-media-text__swiper-button-prev,
    .paragraph-gallery-media-text__swiper-button-next {
      display: block; } }
  .paragraph-gallery-media-text__swiper-button-prev:hover,
  .paragraph-gallery-media-text__swiper-button-next:hover {
    background: rgba(255, 255, 255, 0.3); }

.paragraph-gallery-media-text__swiper-button-prev:hover .icon {
  animation: bounceLeft 0.4s linear; }
@media only screen and (min-width: 1301px) {
  .paragraph-gallery-media-text__swiper-button-prev {
    left: 40px; } }

.paragraph-gallery-media-text__swiper-button-next:hover .icon {
  animation: bounceRight 0.4s linear; }
@media only screen and (min-width: 1301px) {
  .paragraph-gallery-media-text__swiper-button-next {
    right: 40px; } }

.paragraph-gallery-media-text__slide-button {
  display: block;
  border: 0;
  background: transparent;
  font-size: 30px;
  padding: 0 10px;
  margin-right: 20px;
  color: #58585a;
  flex-shrink: 0; }
  @media only screen and (min-width: 1661px) {
    .paragraph-gallery-media-text__slide-button {
      display: none; } }
  .paragraph-gallery-media-text__slide-button:hover {
    background: rgba(255, 255, 255, 0.3); }
  .paragraph-gallery-media-text__slide-button:last-child {
    margin-right: 0; }

.paragraph-background--brand_primary .paragraph-gallery-media-text__slide-button {
  color: #e6e6e6; }

.paragraph-gallery-media-text__pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  flex-flow: row nowrap; }
  @media only screen and (min-width: 1001px) {
    .paragraph-gallery-media-text__pagination-wrapper {
      justify-content: flex-start;
      width: 50%; } }

.paragraph-gallery-media-text__pagination-wrapper--left {
  right: 0; }
  @media only screen and (min-width: 1001px) {
    .paragraph-gallery-media-text__pagination-wrapper--left {
      right: 50%; } }

.paragraph-gallery-media-text__pagination-wrapper--right {
  left: 0; }
  @media only screen and (min-width: 1001px) {
    .paragraph-gallery-media-text__pagination-wrapper--right {
      left: 50%; } }

.paragraph-gallery-media-text__swiper-pagination {
  display: flex;
  flex-flow: row wrap;
  flex-shrink: 0; }

.paragraph-background--brand_primary .swiper-pagination-bullet {
  box-shadow: 0 0 0px 0px #ffffff inset, 0 0 1px 0px #ffffff; }

.swiper-pagination-bullet {
  opacity: 1;
  border-width: 1px;
  border-color: #58585a; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #004494;
  border: 0; }

/*# sourceMappingURL=gallery-media-text.css.map */