@charset "UTF-8";
/*********************
GRID
*********************/
/*********************
BREAKPOINTS
*********************/
.zn-zone2 li:nth-child(1) .cd__content,
.cd--tool__feed .pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd-feed__content,
.cd--tool__feed .pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd-feed__content,
.pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd--tool__feed .cd-feed__content,
.pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content,
.pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd--tool__feed .cd-feed__content,
.pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content,
.pg.t-light [data-eq-state$=large].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content,
.pg .zn.t-light [data-eq-state$=large].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content,
.pg .zn.t-light [data-eq-state$=full16x9].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content {
  background-color: #7E1863 !important;
  color: #fff !important;
  padding-left: 18px;
  padding-right: 18px; }
  .zn-zone2 li:nth-child(1) .cd__content .cd__headline a:hover, .zn-zone2 li:nth-child(1) .cd__content .cd__headline a:hover .cd__headline-text,
  .cd--tool__feed .pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd-feed__content .cd__headline a:hover,
  .cd--tool__feed .pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd-feed__content .cd__headline a:hover .cd__headline-text,
  .cd--tool__feed .pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd-feed__content .cd__headline a:hover,
  .cd--tool__feed .pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd-feed__content .cd__headline a:hover .cd__headline-text,
  .pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd--tool__feed .cd-feed__content .cd__headline a:hover,
  .pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd--tool__feed .cd-feed__content .cd__headline a:hover .cd__headline-text,
  .pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover,
  .pg.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover .cd__headline-text,
  .pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd--tool__feed .cd-feed__content .cd__headline a:hover,
  .pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd--tool__feed .cd-feed__content .cd__headline a:hover .cd__headline-text,
  .pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover,
  .pg .zn.t-light [data-eq-state$=medium].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover .cd__headline-text,
  .pg.t-light [data-eq-state$=large].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover,
  .pg.t-light [data-eq-state$=large].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover .cd__headline-text,
  .pg .zn.t-light [data-eq-state$=large].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover,
  .pg .zn.t-light [data-eq-state$=large].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover .cd__headline-text,
  .pg .zn.t-light [data-eq-state$=full16x9].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover,
  .pg .zn.t-light [data-eq-state$=full16x9].cd--vertical.cd--has-media:not(.cd--media__video-demand):not(.cd--media__go-free-preview) .cd__content .cd__headline a:hover .cd__headline-text {
    color: #EAD0A0; }

/*********************
GRID
*********************/
/*********************
BREAKPOINTS
*********************/
/* top module */
h2.cn__title {
  background-color: #7E1863 !important;
  color: #EAD0A0 !important;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500; }

/*********************
GRID
*********************/
/*********************
BREAKPOINTS
*********************/
.pg .zn.t-dark {
  background-color: #262626; }
  .pg .zn.t-dark .zn-header__text {
    font-weight: 500;
    color: #EAD0A0; }
  .pg .zn.t-dark .zn-header__stripes {
    height: 13px; }
    .pg .zn.t-dark .zn-header__stripes:after {
      height: 4px;
      border-top-color: #EAD0A0;
      border-top-width: 1px;
      border-bottom-color: #EAD0A0;
      border-bottom-width: 1px; }

.pg .zn.t-light .zn-header__text {
  font-weight: 500;
  color: #7E1863; }

.pg .zn.t-light .zn-header__stripes {
  height: 13px; }
  .pg .zn.t-light .zn-header__stripes:after {
    height: 4px;
    border-top-color: #7E1863;
    border-top-width: 1px;
    border-bottom-color: #7E1863;
    border-bottom-width: 1px; }

.pg .zn.zn-zone7 {
  background-color: #7E1863; }
  .pg .zn.zn-zone7 .zn-header__text {
    font-weight: 500;
    color: #EAD0A0; }
  .pg .zn.zn-zone7 .zn-header__stripes {
    height: 13px; }
    .pg .zn.zn-zone7 .zn-header__stripes:after {
      height: 4px;
      border-top-color: #EAD0A0;
      border-top-width: 1px;
      border-bottom-color: #EAD0A0;
      border-bottom-width: 1px; }
  .pg .zn.zn-zone7 .cd {
    color: #fff; }
  .pg .zn.zn-zone7 .cd__headline a:hover, .pg .zn.zn-zone7 .cd__headline a:hover .cd__headline-text {
    color: #EAD0A0; }

/*********************
GRID
*********************/
/*********************
BREAKPOINTS
*********************/
.metadata-header__wrapper {
  display: none; }

.cnnix-pg-header-container {
  padding: 0;
  margin-top: 20px; }
  @media (min-width: 680px) {
    .cnnix-pg-header-container {
      max-width: 100%; } }

.cnnix-pg-header {
  background-color: #7E1863;
  height: 0px;
  position: relative;
  padding-bottom: 53.3333333333%;
  overflow: hidden; }
  @media (min-width: 680px) {
    .cnnix-pg-header {
      height: 300px;
      padding-bottom: 0; } }
  .cnnix-pg-header__images {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-position: top left;
    background-image: url("//cdn.cnn.com/cnn/.element/interactive/2018/royal-wedding/images/bgRepeat.png");
    background-repeat: repeat-x; }
  .cnnix-pg-header__images-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    opacity: 0;
    transition: opacity .3s ease-out;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (min-width: 680px) {
      .cnnix-pg-header__images-img {
        background-position: center center;
        background-size: auto; } }
  .cnnix-pg-header__images-img.active {
    opacity: 1.0; }
  .cnnix-pg-header__images-img--1 {
    background-image: url("//cdn.cnn.com/cnn/.element/interactive/2018/royal-wedding/images/mobile-Slide1.png"); }
    @media (min-width: 680px) {
      .cnnix-pg-header__images-img--1 {
        background-image: url("//cdn.cnn.com/cnn/.element/interactive/2018/royal-wedding/images/Slide1.png"); } }
  .cnnix-pg-header__images-img--2 {
    background-image: url("//cdn.cnn.com/cnn/.element/interactive/2018/royal-wedding/images/mobile-Slide2.png"); }
    @media (min-width: 680px) {
      .cnnix-pg-header__images-img--2 {
        background-image: url("//cdn.cnn.com/cnn/.element/interactive/2018/royal-wedding/images/Slide2.png"); } }
  .cnnix-pg-header__images-img--3 {
    background-image: url("//cdn.cnn.com/cnn/.element/interactive/2018/royal-wedding/images/mobile-Slide3.png"); }
    @media (min-width: 680px) {
      .cnnix-pg-header__images-img--3 {
        background-image: url("//cdn.cnn.com/cnn/.element/interactive/2018/royal-wedding/images/Slide3.png"); } }
  .cnnix-pg-header__content {
    position: absolute;
    bottom: 0;
    left: 10px;
    padding-top: 13px; }
    @media (min-width: 680px) {
      .cnnix-pg-header__content {
        width: 100%;
        max-width: 1100px;
        max-width: calc(100% - 20px);
        left: 50%;
        transform: translateX(-50%);
        bottom: 25px;
        background-size: 76px 71px;
        padding-top: 16px;
        padding-bottom: 0; } }
    @media (min-width: 1100px) {
      .cnnix-pg-header__content {
        max-width: 1100px; } }
  .cnnix-pg-header__title, .cnnix-pg-header__subtitle {
    font-size: 22px;
    font-size: 1.46rem;
    line-height: 22px;
    line-height: 1.46rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
    letter-spacing: 1px; }
    @media (min-width: 680px) {
      .cnnix-pg-header__title, .cnnix-pg-header__subtitle {
        font-size: 30px;
        font-size: 2rem;
        line-height: 30px;
        line-height: 2rem; } }
  .cnnix-pg-header__title {
    color: #EAD0A0; }
  .cnnix-pg-header__subtitle {
    color: #fff; }
  .cnnix-pg-header__date {
    margin: 0;
    padding: 8px 0 4px 0;
    padding: .53333333333rem 0 .26666666667rem 0;
    color: #fff;
    font-size: 14px;
    font-size: .933333333333333rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left; }
    @media (min-width: 680px) {
      .cnnix-pg-header__date {
        position: absolute;
        right: 0;
        bottom: -6px;
        font-size: 24px;
        font-size: 1.6rem;
        line-height: 27px;
        line-height: 1.8rem;
        width: 310px;
        padding-left: 16px;
        color: #EAD0A0; } }
    @media (min-width: 680px) {
      .cnnix-pg-header__date:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 1px;
        height: 90px;
        background-color: #fff;
        display: block; } }
    .cnnix-pg-header__date span {
      display: inline-block;
      position: relative;
      color: #fff; }
      .cnnix-pg-header__date span:before {
        content: '•';
        margin: 0 4px;
        display: inline-block; }
        @media (min-width: 680px) {
          .cnnix-pg-header__date span:before {
            content: '';
            display: none; } }
      @media (min-width: 680px) {
        .cnnix-pg-header__date span {
          display: block; } }

.cnnix-pg-header.cnnix-pg-header--article {
  height: 50px;
  padding-bottom: 0;
  overflow: hidden; }
  .cnnix-pg-header.cnnix-pg-header--article .cnnix-pg-header__content {
    position: relative; }
    @media (min-width: 680px) {
      .cnnix-pg-header.cnnix-pg-header--article .cnnix-pg-header__content {
        bottom: 0; } }
    @media (min-width: 1100px) {
      .cnnix-pg-header.cnnix-pg-header--article .cnnix-pg-header__content {
        max-width: 1100px; } }
  .cnnix-pg-header.cnnix-pg-header--article .cnnix-pg-header__title, .cnnix-pg-header.cnnix-pg-header--article .cnnix-pg-header__subtitle {
    line-height: 50px;
    position: relative;
    display: inline-block; }
  .cnnix-pg-header.cnnix-pg-header--article .cnnix-pg-header__date {
    color: #fff; }
    @media (min-width: 680px) {
      .cnnix-pg-header.cnnix-pg-header--article .cnnix-pg-header__date {
        width: 300px; } }

.cn-grid:after {
  content: '';
  margin-bottom: 30px;
  clear: both;
  display: table; }

/* zone webtags are in */
.pg .zn.t-dark.zn-zone8 {
  background-color: #1a1a1a; }