.mod--hidden {
  overflow: hidden;
}

/* ------------------ transition slide ------------------ */

.slide .carrousel__content {
  display: inline-block;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  position: relative;
  transition: visibility 0s ease, -webkit-transform 0.5s ease-in;
  -webkit-transition: visibility 0s ease, -webkit-transform 0.5s ease-in;
  transition: visibility 0s ease, transform 0.5s ease-in;
  transition: visibility 0s ease, transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  white-space: normal;
}

[data-carrousel-active-slide="1"].slide > .carrousel__content {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

[data-carrousel-active-slide="2"].slide > .carrousel__content {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

[data-carrousel-active-slide="3"].slide > .carrousel__content {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}

[data-carrousel-active-slide="4"].slide > .carrousel__content {
  -webkit-transform: translateX(-300%);
      -ms-transform: translateX(-300%);
          transform: translateX(-300%);
}

[data-carrousel-active-slide="5"].slide > .carrousel__content {
  -webkit-transform: translateX(-400%);
      -ms-transform: translateX(-400%);
          transform: translateX(-400%);
}

[data-carrousel-active-slide="6"].slide > .carrousel__content {
  -webkit-transform: translateX(-500%);
      -ms-transform: translateX(-500%);
          transform: translateX(-500%);
}

[data-carrousel-active-slide="7"].slide > .carrousel__content {
  -webkit-transform: translateX(-600%);
      -ms-transform: translateX(-600%);
          transform: translateX(-600%);
}

[data-carrousel-active-slide="8"].slide > .carrousel__content {
  -webkit-transform: translateX(-700%);
      -ms-transform: translateX(-700%);
          transform: translateX(-700%);
}

[data-carrousel-active-slide="9"].slide > .carrousel__content {
  -webkit-transform: translateX(-800%);
      -ms-transform: translateX(-800%);
          transform: translateX(-800%);
}

[data-carrousel-active-slide].slide > [aria-hidden=true].carrousel__content {
  visibility: hidden;
  -webkit-transition-delay: 0.5s, 0s;
          transition-delay: 0.5s, 0s;
}

/* ------------------ transition fade ------------------ */

.fade .carrousel__content {
  -webkit-animation: fadein 1s;
          animation: fadein 1s;
  white-space: normal;
}

.fade .carrousel__content[aria-hidden=true] {
  -webkit-animation: fadeout 1s;
          animation: fadeout 1s;
}

.fade .carrousel__content[aria-hidden=true] {
  position: absolute;
  left: -9999px; /* Moves content off-screen */
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

/* ------------------ transition none ------------------ */

.none .carrousel__content {
  white-space: normal;
}

.none .carrousel__content[aria-hidden=true] {
  position: absolute;
  left: -9999px; /* Moves content off-screen */
}

/* ------------------ State rules ------------------ */

.announcement-carrousel__control__list__link:focus,
.announcement-carrousel__control__list__link:hover,
.announcement-carrousel__control__list__link:active,
.announcement-carrousel__control__list__link[aria-selected=true] {
  color: #fff;
}

.announcement-carrousel__control__list__link:focus,
.announcement-carrousel__control__list__link:hover,
.announcement-carrousel__control__list__link:active {
  background: #004853;
}

.announcement-carrousel__control__list__link[aria-selected=true] {
  background: #004853;
}

.announcement-carrousel__control__list__link:focus .thumbElementSrc,
.announcement-carrousel__control__list__link:hover .thumbElementSrc,
.announcement-carrousel__control__list__link:active .thumbElementSrc,
.announcement-carrousel__control__list__link[aria-selected=true] .thumbElementSrc {
  opacity: 1;
}

.announcement-carrousel__control__list__link:focus::before,
.announcement-carrousel__control__list__link:hover::before,
.announcement-carrousel__control__list__link:active::before,
.announcement-carrousel__control__list__link[aria-selected=true]::before {
  border-left: 3px solid #FFC72C;
  content: "";
}

/*------------------
--------------------  CWI Specific
------------------*/

.pane-announcement-featured-featured {
  height: 100%;
}

.announcement-carrousel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.announcement-carrousel.container-bg {
  padding: 0;
  overflow: visible;
  width: 100%;
}

.announcement-carrousel__container {
  white-space: nowrap;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.announcement-carrousel__control__list {
  margin: 0 !important;
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.announcement-carrousel__control__list:after {
  position: absolute;
  content: "";
  bottom: -40px;
  height: 40px;
  width: 1px;
}

.announcement-carrousel__control__list__item {
  display: block;
  margin: 0;
}

.announcement-carrousel__button-container {
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.announcement-carrousel__button__previous,
.announcement-carrousel__button__next {
  top: 25%;
}

.announcement-carrousel__button__previous {
  margin-top: -18px;
  left: 25px;
  margin-left: -35px;
}

.announcement-carrousel__button__next {
  margin-top: -18px;
  right: 25px;
  margin-right: -35px;
}

.announcement-carrousel__button__button {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  height: 40px;
  width: 40px;
  opacity: 1;
}

/* -- Nav Buttons -- */

.announcement-carrousel__control__list__link {
  cursor: pointer;
  color: #004853;
  text-decoration: none;
  font-size: 1.5em;
  background: #C7C9C7;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}

.announcement-carrousel__control__list__link .thumbElementSrc {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  opacity: 0.5;
}

.announcement-carrousel__control__list__link::before {
  border-left: 3px solid white;
  content: "";
}

.announcement-carrousel__control__list__link img {
  opacity: 0;
}

.announcement-carrousel__control__list__link__text {
  margin: auto 0;
  text-align: left;
  font-weight: bold;
  padding: 0.5em 1em;
  font-size: 80%;
}

.js-carrousel.announcement-slideshow {
  margin-bottom: 0;
}

.announcement-carrousel__content img {
  width: 100%;
}

.announcement-carrousel__content .views-field-field-announcement-url-3,
.announcement-carrousel__content .views-field-field-announcement-url-revision-id-3 {
  display: block;
  margin: 1em;
  padding-bottom: 1em;
  margin-bottom: 0;
}

.announcement-carrousel__content .views-field-field-announcement-url-3 h3,
.announcement-carrousel__content .views-field-field-announcement-url-revision-id-3 h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0;
  letter-spacing: normal;
  border-bottom: 1px solid #004853;
}

.announcement-carrousel__content .views-field-field-announcement-url-3 .slide-description {
  margin-bottom: 0em;
}

.announcement-carrousel__content .views-field-field-announcement-url-3 .read-more,
.announcement-carrousel__content .views-field-field-announcement-url-revision-id-3 .read-more {
  margin-top: 0.5em;
  display: block;
}

.announcement-carrousel__content .views-field-field-announcement-image-1 img {
  position: absolute;
  left: -9999px; /* Moves content off-screen */
}

.announcement-carrousel__content {
  background: #fff;
}

/**** Announcement - TV Slideshow Preview **/

.view-announcement-slideshow-tv-preview .flexslider .slides img {
  border-radius: 0;
}

/**
 Narrow
***/

@media all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation: landscape) {
  .announcement-carrousel__button__previous,
  .announcement-carrousel__button__next {
    top: 50%;
  }
  .announcement-carrousel__button__previous {
    left: -15px;
  }
  .announcement-carrousel__button__next {
    right: -15px;
  }
  .announcement-carrousel__button__button {
    height: 50px;
    width: 50px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .announcement-carrousel:hover .announcement-carrousel__button-container button,
  .announcement-carrousel .announcement-carrousel__button-container :focus {
    opacity: 1;
  }
  .announcement-carrousel:hover .announcement-carrousel__button__previous,
  .announcement-carrousel .announcement-carrousel__button__previous button :focus {
    left: 25px;
    opacity: 1;
  }
  .announcement-carrousel:hover .announcement-carrousel__button__next,
  .announcement-carrousel:focus .announcement-carrousel__button__next button :focus {
    right: 25px;
    opacity: 1;
  }
  /* -- Content --*/
  .announcement-carrousel__content {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
  }
  .grid-3 .announcement-carrousel__content,
  .grid-4 .announcement-carrousel__content,
  .grid-6 .announcement-carrousel__content {
    display: block;
  }
  .announcement-carrousel__content .views-field-field-announcement-image,
  .announcement-carrousel__content .views-field-field-announcement-image-revision-id {
    width: 100%; /* 67 previously */
    display: inline-block;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .announcement-carrousel__content .views-field-field-announcement-url-3,
  .announcement-carrousel__content .views-field-field-announcement-url-revision-id-3 {
    width: 33%;
    vertical-align: top;
    margin: 0;
  }
  .grid-3 .announcement-carrousel__content .views-field-field-announcement-url-3,
  .grid-3 .announcement-carrousel__content .views-field-field-announcement-url-revision-id-3,
  .grid-4 .announcement-carrousel__content .views-field-field-announcement-url-3,
  .grid-4 .announcement-carrousel__content .views-field-field-announcement-url-revision-id-3,
  .grid-6 .announcement-carrousel__content .views-field-field-announcement-url-3,
  .grid-6 .announcement-carrousel__content .views-field-field-announcement-url-revision-id-3 {
    width: 100%;
  }
  .grid-3 .announcement-carrousel__content .views-field-field-announcement-image,
  .grid-3 .announcement-carrousel__content .views-field-field-announcement-image-revision-id,
  .grid-4 .announcement-carrousel__content .views-field-field-announcement-image,
  .grid-4 .announcement-carrousel__content .views-field-field-announcement-image-revision-id,
  .grid-6 .announcement-carrousel__content .views-field-field-announcement-image,
  .grid-6 .announcement-carrousel__content .views-field-field-announcement-image-revision-id {
    width: 100%;
  }
  .announcement-carrousel__content .views-field-field-announcement-url-3 .field-content,
  .announcement-carrousel__content .views-field-field-announcement-url-revision-id-3 .field-content {
    margin: 2em;
  }
  .announcement-carrousel__control__list__link {
    font-size: 1em;
    margin-top: 0;
  }
  .announcement-carrousel__control__list__item {
    display: inline-block;
    width: 25%;
  }
  .announcement-carrousel__control__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .announcement-carrousel__control__list__link__text {
    font-size: 90%;
  }
  .announcement-carrousel__content .views-field-field-announcement-image picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/****
* Normal
*/

@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) {
  .announcement-carrousel__content .views-field-field-announcement-url-3 h3,
  .announcement-carrousel__content .views-field-field-announcement-url-revision-id-3 h3 {
    font-size: 1.9em;
  }
  .announcement-carrousel__control__list__link__text {
    font-size: 100%;
  }
}