/* Our Locations block styling */
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/** Add any additional color supplied in the style guide **/
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
/* background colors */
/* Menu and link colors */
/* Text colors */
/* Border colors */
/* Owl Carousel colors */
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Colors
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
.coe-card .image-container img {
  width: auto;
}

.coe-card:hover img {
  -webkit-filter: brightness(255);
          filter: brightness(255);
}

.coe-card .name {
  margin: 0.625rem 0;
  color: #164D92;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

@media only screen and (max-width: 992px) {
  .coe-card .name {
    color: #fff;
  }
}

.coe-card .excerpt {
  color: #58595B;
}

@media only screen and (max-width: 992px) {
  .coe-card .excerpt {
    color: #fff;
  }
}

.coe-card .excerpt p {
  font-weight: 400;
}

.coe-card .link-text {
  color: #fff;
  margin-top: 2.1875rem;
  text-transform: uppercase;
  font-weight: 600;
}

@media only screen and (min-width: 1200px) {
  .coe-card .link-text {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .coe-card .link-text {
    font-size: 0.75rem;
  }
}

.coe-card .link-text::after {
  content: '';
  background: url(../../../images/next-arrow.svg);
  width: 24px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 0.75rem;
  width: 1.1875rem;
  height: 0.5625rem;
  position: relative;
  top: -0.125rem;
}

@media only screen and (max-width: 992px) {
  .coe-card .link-text::after {
    width: 1.0625rem;
    height: 0.5rem;
    top: -0.0625rem;
  }
}

.coe-card a {
  padding: 0 2.5rem;
  min-height: 15rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 600ms ease transform;
  -o-transition: 600ms ease transform;
  transition: 600ms ease transform;
}

@media only screen and (max-width: 992px) {
  .coe-card a {
    background-color: #00B48D;
    color: #fff;
    padding: 0 1.25rem;
  }
}

@media only screen and (max-width: 1200px) {
  .coe-card a {
    min-height: 18.75rem;
  }
}

.coe-card a svg path {
  fill: #00B48D;
}

@media only screen and (max-width: 992px) {
  .coe-card a svg path {
    fill: #fff;
  }
}

.coe-card a:hover {
  background-color: #00B48D;
  color: #fff;
}

@media only screen and (min-width: 576px) {
  .coe-card a:hover {
    -webkit-transform: scaleX(1.1) scaleY(1.1);
        -ms-transform: scaleX(1.1) scaleY(1.1);
            transform: scaleX(1.1) scaleY(1.1);
  }
}

.coe-card a:hover svg path {
  fill: #fff;
}

.coe-card a:hover .excerpt,
.coe-card a:hover .name {
  color: #fff;
}

.coe-card a:hover .link-text {
  display: block;
}

.block--views-blockaster-centres-of-excellence-block-1 {
  background-color: #f2f2f2;
  color: #164D92;
}

@media only screen and (min-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 .owl-stage {
    right: -1.5625rem;
  }
}

@media only screen and (min-width: 1024px) {
  .block--views-blockaster-centres-of-excellence-block-1 .owl-stage {
    right: -1.875rem;
  }
}

@media only screen and (min-width: 1200px) {
  .block--views-blockaster-centres-of-excellence-block-1 .owl-stage {
    right: -1.875rem;
  }
}

@media only screen and (min-width: 1280px) {
  .block--views-blockaster-centres-of-excellence-block-1 .owl-stage {
    right: -4.375rem;
  }
}

@media only screen and (min-width: 1440px) {
  .block--views-blockaster-centres-of-excellence-block-1 .owl-stage {
    right: -9.375rem;
  }
}

@media only screen and (max-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 .owl-stage {
    right: 0;
  }
}

.block--views-blockaster-centres-of-excellence-block-1 .view--aster-centres-of-excellence {
  position: relative;
}

.block--views-blockaster-centres-of-excellence-block-1 .container {
  padding: 0;
}

@media only screen and (max-width: 992px) {
  .block--views-blockaster-centres-of-excellence-block-1 .container {
    padding: 0 0.9375rem;
  }
}

@media only screen and (max-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 .container {
    padding: 0;
  }
}

.block--views-blockaster-centres-of-excellence-block-1 .container-fluid {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 .container-fluid {
    max-width: 33.75rem;
  }
}

.block--views-blockaster-centres-of-excellence-block-1 .header-container .view__header {
  float: left;
  width: 80%;
  margin-bottom: 1.875rem;
  font-size: 1.125rem;
  font-weight: 300;
}

@media only screen and (max-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 .header-container .view__header {
    width: 100%;
    font-size: 1rem;
  }
}

.block--views-blockaster-centres-of-excellence-block-1 .header-container .more-link-desktop {
  float: left;
  width: 20%;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 .header-container .more-link-desktop {
    display: none;
  }
}

.block--views-blockaster-centres-of-excellence-block-1 .more-link a {
  color: #164D92;
  font-weight: 600;
}

.block--views-blockaster-centres-of-excellence-block-1 .more-link a::after {
  content: '';
  background: url(../../../images/next-arrow-green.svg);
  width: 24px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 0.75rem;
}

.block--views-blockaster-centres-of-excellence-block-1 .more-link-mobile {
  position: absolute;
  bottom: 1.1875rem;
  right: 0;
  z-index: 1;
}

@media only screen and (max-width: 576px) {
  .block--views-blockaster-centres-of-excellence-block-1 .more-link-mobile {
    bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 .more-link-mobile {
    display: none;
  }
}

.block--views-blockaster-centres-of-excellence-block-1 h2 {
  color: #164D92;
  font-size: 2.875rem;
  line-height: 4rem;
  font-weight: 600 !important;
  margin-top: 0.9375rem;
  margin-bottom: 0.625rem;
  margin-top: 0;
  margin-bottom: 0.9375rem;
}

@media only screen and (max-width: 1280px) {
  .block--views-blockaster-centres-of-excellence-block-1 h2 {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}

@media only screen and (max-width: 992px) {
  .block--views-blockaster-centres-of-excellence-block-1 h2 {
    font-size: 2.8125rem;
    line-height: 3.4375rem;
  }
}

@media only screen and (max-width: 768px) {
  .block--views-blockaster-centres-of-excellence-block-1 h2 {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    font-weight: 600;
  }
}

.block--views-blockaster-centres-of-excellence-block-1 .jcarousel-wrapper .jcarousel-wrapper.jcarousel-skin-default .jcarousel img {
  height: auto !important;
  width: auto;
  display: inline-block;
  max-width: initial;
  max-height: initial;
}

.block--views-blockaster-centres-of-excellence-block-1 .coe-card a:hover .name,
.block--views-blockaster-centres-of-excellence-block-1 .coe-card a:hover .excerpt {
  color: #fff;
}

/*# sourceMappingURL=centre-of-excellence.css.map */