.section-right:nth-child(1) {
  float: right;
}

@media (min-width: 992px) {
  .section-right:nth-child(1) .right-most {
    position: absolute;
    padding-right: 10px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .section-right ul.list-unstyled.cbwidget-list {
    font-size: 0.8em;
  }
}
.section-right:nth-child(2),
.section-right:nth-child(3) {
  float: left;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background-color: #000;
  margin-bottom: 20px;
}

.video-container .scalable-video .video-wrapper video {
  width: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*.img-container{
    background-color: lightgray;
} */
.embed-container {
  width: 100%;
  position: relative;
  padding-bottom: 58.25%;
  height: 0;
  overflow: hidden;
}

div.vplay:hover .play-btn {
  background: url("../img/play-btn.png") no-repeat scroll 0 -27px transparent;
  z-index: 888;
}

.videos.cbwidget-section.cbborder,
.cbwidget-section.cbborder.program-videos,
.ece_incoming.cbwidget-section.cbborder {
  display: inline-block;
  width: 100%;
  position: relative;
}

.cbwidget-section.cbborder.teaser-section .teaser .media-body,
.videos.cbwidget-section.cbborder .media-body,
.cbwidget-section.cbborder.program-videos .media-body,
.ece_incoming.cbwidget-section.cbborder .media-body {
  padding-left: 30px;
}

.overlay-wrapper.news-alert h2 {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
}

.overlay-wrapper.news-alert {
  top: 0;
  bottom: unset;
  opacity: 1;
  background: #c00;
}

@media (max-width: 1024px) {
  .overlay-wrapper.news-alert h2 {
    font-size: 25px;
    padding-left: 10px;
  }
}

@media (max-width: 768px) {
  .overlay-wrapper.news-alert h2 {
    font-size: 20px;
    padding-left: 5px;
  }
}
@media (min-width: 601px) {
  .zoom {
    transition: transform 0.2s; /* Animation */
    margin: 0 auto;
  }

  .zoom:hover {
    transform: scale(
      1.05
    ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    z-index: 9999;
  }
}

.bg-light {
  background-color: lightgray;
}
.play-btn {
  bottom: 3px;
  left: 5px;
}

.play-area {
  width: 35px;
  height: 35px;
}

.breadcrumb {
  background-color: inherit;
  padding-left: 0;
}

.breadcrumb li a {
  font-family: cnn-roman, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 0.8em;
  text-transform: uppercase;
}

/*Magnolia Teaser Big
.widget-text {
    margin-top: 15px
}*/

h2.bold-widget-text {
  color: #020204;
  font-size: 1.1875em;
}

.article-sidebar-section {
  padding-top: 10px;
}

.article-sidebar-section.last {
  margin-bottom: 20px;
}

.widget.list {
  margin: 0 0 15px 0;
}

.widget.list h4.title {
  font-size: 1em;
  line-height: 1.2em;
  padding: 22px 0;
}

.widget.list .title-white {
  color: #fffffd;
  margin: 15px 0;
}

blockquote.quote-full {
  margin: 0;
}

.carousel-header {
  background-color: #1a1a1a;
}

.carousel-header span.at_flat_counter {
  display: none;
}

.carousel-header .addThisShare {
  margin-top: 7px;
}

.article-mainheader {
  padding-top: 0;
}

.breadcrumb {
  margin-bottom: 0;
}

.section-related-top {
  padding-bottom: 30px;
}

.search-result {
  margin-top: 10px;
}

.marginTop10px {
  margin-top: 10px;
}

.marginTop20 {
  margin-top: 20px;
}

.search-result .results .media {
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
}

.search-result .results .media.first {
  padding-top: 0;
  border-top: 0;
}

.search-pagination {
  text-align: center;
}

.search-pagination .pagination > li > a {
  background-color: #bfbfbf;
}

.search-pagination .pagination > li > a {
  color: #0b0b0b !important;
}

.search-pagination .pagination > li > a:focus,
.search-pagination .pagination > li > a:hover,
.search-pagination .pagination > .active > span,
.search-pagination .pagination > .active > span:focus,
.search-pagination .pagination > .active > span:hover {
  background-color: #0b0b0b !important;
}

.search-pagination .pagination > .active > span,
.search-pagination .pagination > .active > span:focus,
.search-pagination .pagination > .active > span:hover {
  border-color: #bfbfbf;
}

.search-pagination .pagination > li > a:focus,
.search-pagination .pagination > li > a:hover {
  color: #fff !important;
}

.search-pagination .pagination li span.noLink {
  background: none repeat scroll 0 0 #bfbfbf;
  color: #0b0b0b;
  cursor: default;
}

.special {
  margin-top: 10px;
}

.special .article-title-area {
  margin-bottom: 10px;
}

.special .article-maincontent-p a {
  color: #006582;
}

.httpPlayer.video-wrapper {
  display: block;
  width: 100%;
}

#videocontent {
  width: 100%;
  max-width: 760px;
}

.videoFlow {
  margin-bottom: 10px;
}

.video-js {
  padding-top: 56.25%;
  box-shadow: 0 0 2em #bfbfbf;
  background-color: black;
}

.vjs-fullscreen {
  padding-top: 0;
}

.videos-top-area ul.cbwidget-list li a {
  color: #f2f2f2;
  font-size: 0.8em;
  line-height: 1em;
}

.small-font,
h2.small-font {
  font-size: 1em;
}

.extra-small-font,
h2.extra-small-font {
  font-size: 14px;
}

.black-font,
h2.black-font,
h2.black-font a,
p.black-font,
h3.black-font {
  color: #262626;
}

.white-font,
h2.white-font,
h2.white-font a,
p.white-font {
  color: #fafafa;
}

span.lead-title-white {
  position: relative;
  padding: 0 30px 0 11px;
  z-index: 1000;
  background: unset;
  color: #262626;
}

h2.cpmedium-lead span.brand-border-gray {
  padding: 1px;
  width: 100%;
  top: 44px;
  left: 10px;
  margin-left: 10px;
  position: absolute;
  border-bottom: 2px solid gray;
  border-top: 2px solid gray;
}

h4.extra-minwidget-title {
  font-size: 1em;
  line-height: 1.2em;
  padding: 10px 0;
  font-family: inherit;
}

.minwidget-title-black {
  color: black;
}

.no-margin {
  margin: 0;
}

.article-maincontent-p a {
  color: #006598 !important;
}

.inline-top {
  margin: 0 0 10px;
}

.inline-left {
  margin: 0 10px 0 0;
}

.inline-right {
  margin: 0 0 0 10px;
}

.row.carousel-header {
  margin: 0;
}

.row.carousel-header .col-sm-9 {
  padding-left: 0;
}

.row.carousel-header .col-sm-3 {
  padding-right: 0;
}

.carousel.default .item .row .col-sm-4 h2,
.carousel.default .item .row .col-sm-4 p.sub-heading,
.carousel.default .item .row .col-sm-4 .slider-text {
  padding-right: 20px;
}

.comments.default {
  margin: 20px 0;
}

.btn-comments {
  background-color: #bfbfbf;
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset,
    0 1px 1px rgba(0, 0, 0, 0.075);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  color: #0b0b0b;
}

.btn-comments:hover {
  color: #fff;
  font-weight: bold;
}

button.btn-comments::-moz-focus-inner {
  border: 0;
  outline: 0;
}

.custom-search-input form .form-control {
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 16px;
}

.custom-search-input form .form-control::-moz-placeholder {
  color: #fff;
}

.navbar {
  border-bottom: 0 none !important;
}

.owl-pagination img {
  height: 67%;
  padding: 1px !important;
  max-height: 62px;
  object-fit: cover;
}

.article-maincontent-p h2 {
  font-size: 1.3em;
}

.article-maincontent-p p {
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  margin: 0 0 20px;
}

.article-maincontent-p ul li {
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}

.article-maincontent-p p strong {
  font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}

.article-maincontent-p ul {
  margin: 0 0 20px 20px;
}

.carousel-header .cp-topheader {
  padding-left: 2px;
}

.picture-caption h4,
.carousel-caption h4 {
  font-weight: 300;
  font-size: 0.86em;
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  margin: 10px 0 20px;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-right-10 {
  margin-right: 10px;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-left-11 {
  padding-left: 11px !important;
}

.tag-result {
  margin-top: 10px;
}

.tag-result .media {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted;
}

.tag-result .img-container.picture {
  margin-right: 25px;
}

.tag-result .media .media-body .widget-text {
  margin-top: 0;
}

.tag-result .media .media-body .widget-text h4.title {
  margin-bottom: 5px;
}

.article-tags {
  margin: 0 0 20px;
}

.article-tags .label {
  background-color: #f1f1f1;
  border-radius: 0;
  color: #0b0b0b;
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 1em;
}

.article-tags a.label:hover {
  color: #fff !important;
}

.article-ad-bottom {
  margin-top: 5px;
}

h2.font-sm {
  font-size: 1em !important;
}

h2.font-md {
  font-size: 1.3em !important;
}

h2.font-lg {
  font-size: 1.5em !important;
}

.list.detail .row .col-xs-7.text {
  padding-left: 0;
}

h3.article-cpmedium-lead span.article-brand-border-red {
  border-bottom: 2px solid #c00;
  border-top: 2px solid #c00;
  left: 0;
  padding: 1px;
  position: absolute;
  top: 21px;
  width: 95%;
}

.widget.ad.ad_rect.script.cp-banner:first-child:after,
.widget.ad.text-center.ad_rect:first-child:after {
  content: "Advertisement";
  text-align: center;
  color: #737373;
  font-size: 1em;
  font-weight: 400;
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
}

.widget.ad_rect.fixed_width:first-child:after {
  margin-left: 30%;
}

.carousel-control .icon-next::before,
.carousel-control .icon-prev::before {
  content: none;
}

.error-container {
  padding: 1.5em 0 0.3em;
  text-align: center;
}

.error-container h1.error_headline {
  font-family: CNN, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 3.25rem;
  font-weight: 300;
  line-height: 1.07692;
  color: #262626;
}

.search-result .widget.ad.cp-banner {
  margin-top: 0;
}

.tag-result .widget.ad.cp-banner {
  margin-top: 10px;
}

ul.article-navigation .article-count {
  font-size: 1.2em;
}

.dateLine {
  position: relative;
}

@media (min-width: 768px) {
  .dateIcon {
    background: url("../img/icon_ui_timestamp 15x15.png") no-repeat transparent;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .dateIcon {
    background: url("../img/icon_ui_timestamp 15x15.png") no-repeat transparent;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 1.5px;
    bottom: 0;
  }
}

@media (max-width: 727px) {
  .ad.leaderboard {
    display: none;
  }
}

p.dateString.no-icon {
  margin-left: unset;
}

p.dateString {
  color: #777;
  margin-left: 20px;
  font-size: 1em;
}

.article-toptitle.listStory-subTitle h3 {
  font-size: 1.5em;
}

.teaser .meta p.leadtext {
  color: #777;
}

.channel .cbcontainer h1 {
  margin-bottom: 3px;
}

.channel .cbwidget {
  margin-top: 50px;
}

.program-related .slider-text,
.channel span.lead-title-black {
  padding-left: 0;
}

.program-related .glyphicon {
  top: 3px;
}

.channel .col-md-8 {
  padding-left: 0;
}

.channel .col-md-4 {
  padding-right: 0;
}

.media-body.tv-schdl-text {
  padding-left: 10px !important;
}

p.cpbold-header {
  color: #f2f2f2;
  font-family: inherit;
}

.feature-top .feature-content {
  margin-bottom: 0 !important;
}

span.inline-caption {
  color: #777;
  font-size: 0.8em;
}

span.inline-caption.inline-right {
  float: right;
  width: 50%;
}

span.inline-caption.inline-left {
  float: left;
  width: 50%;
}

.youtube-inline {
  margin-bottom: 20px;
}

blockquote.twitter-tweet {
  background-image: none;
  padding: 10px 20px;
}

.article-tags .list-inline > li {
  margin-bottom: 0.6em;
}

.flowplayer {
  background-size: cover !important;
}

.top-minus-5 {
  position: relative;
  top: -5px !important;
  margin-top: 0 !important;
}

.top-minus-10 {
  position: relative;
  top: -10px !important;
  margin-top: 0 !important;
}

.top-minus-15 {
  position: relative;
  top: -15px !important;
  margin-top: 0 !important;
}

.top-minus-20 {
  position: relative;
  top: -20px !important;
  margin-top: 0 !important;
}

.top-minus-25 {
  position: relative;
  top: -25px !important;
  margin-top: 0 !important;
}

.top-minus-30 {
  position: relative;
  top: -30px !important;
  margin-top: 0 !important;
}

.font-medium {
  font-size: 1.3em;
  margin-top: 0 !important;
}

.height-75 {
  height: 75px !important;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
  .padding-left-0 {
    padding-left: 0;
  }
  .xs-text-align-left {
    text-align: left !important;
  }
  .carousel-header .cp-topheader,
  h3.subhead-lead,
  h3.subhead-brand,
  .widget.list.headline,
  .xs-special .col-xs-7.text {
    text-align: left;
  }
  h2.cpmedium-header,
  .cpmedium-header,
  .sub-heading,
  .slider-text,
  .widget-text {
    text-align: left;
  }
  .cbwidget-section.cbborder.teaser-section .teaser .media-body,
  .videos.cbwidget-section.cbborder .media-body,
  .cbwidget-section.cbborder.program-videos .media-body,
  .ece_incoming.cbwidget-section.cbborder .media-body {
    padding-left: 10px;
  }
  .widget-text {
    margin-top: 5px;
  }
  h3.subhead-lead {
    font-size: 1.5em !important;
  }
  ul.cbwidget-list li a {
    font-size: 1.3em !important;
  }
  .font-size-1_1px {
    font-size: 1.1em !important;
  }
  .font-size-1_3px {
    font-size: 1.3em !important;
  }
  .font-size-1_5px {
    font-size: 1.5em !important;
  }
  .mobile-fonts h3.current-head a {
    font-size: 1.3em !important;
  }
  .custom-search-input form .form-control {
    font-size: 1em;
  }
  .xs-padding-bottom-5 {
    padding-bottom: 5px !important;
  }
}

@media screen and (max-device-width: 667px) and (orientation: landscape) {
  .padding-left-0 {
    padding-left: 0;
  }
  .xs-special .col-xs-5 {
    width: 31.6667%;
  }
  .xs-special .col-xs-5.image {
    text-align: left !important;
  }
  .xs-special .col-xs-7 {
    width: 68.3333%;
  }
  .xs-text-align-left {
    text-align: left !important;
  }
  .carousel-header .cp-topheader,
  h3.subhead-lead,
  h3.subhead-brand,
  .widget.list.headline,
  .xs-special .col-xs-7.text {
    text-align: left;
  }
  h2.cpmedium-header,
  .cpmedium-header,
  .sub-heading,
  .slider-text,
  .widget-text {
    text-align: left;
  }
  .cbwidget-section.cbborder.teaser-section .teaser .media-body,
  .videos.cbwidget-section.cbborder .media-body,
  .cbwidget-section.cbborder.program-videos .media-body,
  .ece_incoming.cbwidget-section.cbborder .media-body {
    padding-left: 10px;
  }
  .widget-text {
    margin-top: 5px;
  }
  h3.subhead-lead {
    font-size: 1.5em !important;
  }
  .font-size-1_1px {
    font-size: 1.1em !important;
  }
  .font-size-1_3px {
    font-size: 1.3em !important;
  }
  .font-size-1_5px {
    font-size: 1.5em !important;
  }
  ul.cbwidget-list li a {
    font-size: 1.3em !important;
  }
  .mobile-fonts h3.current-head a {
    font-size: 1.3em !important;
  }
  .custom-search-input form .form-control {
    font-size: 1em;
  }
  .xs-padding-bottom-5 {
    padding-bottom: 5px !important;
  }
}

.related-investigative .article-title-area,
.related-investigative h2 span.article-title-black {
  background: inherit;
}

.related-investigative h2 {
  color: #fff;
  padding: 0 0 10px;
}

.related-investigative h2 span.article-title-black {
  padding-left: 0;
  padding-top: 0;
}

.related-investigative .textColorWhite ul.cbwidget-list li a,
.related-investigative .textColorWhite {
  color: #fff;
}

.investigative-article-related-stories {
  background: #f1f1f1;
  padding: 0 10px;
}

.container-fluid .body-padding-div {
  padding-top: 70px;
  background: #0b0b0b none repeat scroll 0 0;
  margin-right: -15px;
  margin-left: -15px;
}

.container-fluid .body-padding-div.body-scroll {
  padding-top: 70px;
}

@media (max-width: 748px) {
  .container-fluid .body-padding-div {
    padding-top: 100px;
  }
}

@media (min-width: 1200px) {
  .mainheader-scroll .mainheader_logo.mainheader-l {
    width: 70px !important;
    float: left;
  }
  .mainheader-scroll .mainheader_logo.mainheader-r {
    height: 70px !important;
    width: 1070px !important;
    float: left;
  }
  .mainheader-scroll #top-search-area {
    margin-top: 0 !important;
  }
  .mainheader-scroll .custom-search-input {
    margin-top: 3px !important;
    margin-right: 2px !important;
  }
  .mainheader-scroll nav.navbar {
    width: 1070px !important;
  }
  .mainheader-scroll div#topNavbar {
    width: 100%;
    max-width: 1070px !important;
  }
  .mainheader-scroll svg.at-icon {
    width: 24px !important;
    height: 24px !important;
  }
  .mainheader-scroll span.at-icon-wrapper {
    line-height: 24px !important;
    height: 24px !important;
    width: 24px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .mainheader-scroll .mainheader_logo.mainheader-l {
    width: 70px !important;
  }
  .mainheader-scroll .mainheader_logo.mainheader-r {
    height: 110px !important;
  }
  .mainheader-scroll #top-search-area {
    margin-top: 0 !important;
  }
  .mainheader-scroll .custom-search-input {
    margin-top: 0 !important;
    margin-right: 2px !important;
  }
}

.author-byline p {
  color: #777;
  margin: 0 0 5px;
}

.author-byline a {
  color: #337ab7;
}

a.carousel-author,
a.carousel-author:hover,
a.carousel-author:visited {
  color: #337ab7 !important;
}

.margin-top-40 {
  margin-top: 40px;
}

.nav > li > a {
  padding-left: 17px;
  padding-right: 17px;
}

.list.noLink ul.cbwidget-list li {
  color: #fff;
}

.widget-header-label-area {
  background-color: lightgrey;
}

.header-branding {
  background-color: #006400;
  color: #fff;
}

.widget-text-branding {
  margin-top: 10px;
  background-color: #d8f6ce;
}

.article-branding-title {
  font-size: 1.3em !important;
  font-weight: bold;
  margin-top: 10px;
}

.article-branding-title,
.article-branding-leadtext,
.article-branding-body {
  color: #000 !important;
  margin-left: 10px;
  margin-right: 10px;
}

.article-branding-body {
  margin-top: 10px;
}

.votes .section-title {
  margin-top: 10px;
}

.votes .margin10 {
  margin-left: 10px;
  margin-right: 10px;
}

.votes .margin30 {
  margin-left: 30px;
  margin-right: 30px;
}

.votes .margin50 {
  margin-left: 50px;
  margin-right: 50px;
}

.votes .section-title h1.cp-topheader {
  color: #000;
}

.votes .custom-navbar > li > a:focus,
.votes .custom-navbar > li > a:hover,
.votes .custom-navbar > li.active > a,
.votes ul.custom-navbar {
  background: 0;
  text-transform: uppercase;
}

.votes .nav.custom-navbar li {
  margin-right: 20px;
}

.votes .nav.custom-navbar li.active {
  text-decoration: underline;
}

.votes ul.cbwidget-list li {
  border-bottom: 1px solid #7f7f7f !important;
  border-top: 0 !important;
  padding: 10px 0;
}

.votes ul.cbwidget-list li a {
  color: #fff !important;
  line-height: 1em !important;
}

span.lead-title-black-votes {
  position: relative;
  z-index: 1000;
  padding: 0 30px 0 11px;
  background: #1a1a1a;
}

h2.cpmedium-lead span.brand-border-white {
  padding: 1px;
  width: 100%;
  top: 44px;
  left: 0;
  margin-left: 0;
  position: absolute;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
}

h3.subhead-lead-votes {
  color: #f8f7f3;
  background: #0080ff;
  padding-right: 10px;
  padding-bottom: 11px;
  width: 100%;
}

.special-teaser-img {
  position: relative;
  overflow: hidden;
  background-color: #262626;
}

.special-teaser-img .img-container {
  margin-right: 10px;
}

.special-teaser-img .title {
  font-size: 1.5em !important;
  color: #fff;
}

.special-teaser-img .leadtext {
  color: #fff;
}

.overlay-wrapper {
  position: absolute;
  bottom: 0;
  background: #000;
  opacity: 0.8;
  padding-left: 10px;
  filter: alpha(opacity=60);
  width: 100%;
}

.overlay-wrapper .widget-text {
  margin-top: 0 !important;
}

.overlay-wrapper h1,
.overlay-wrapper h2 {
  padding-top: 10px;
  padding-bottom: 0;
  padding-right: 10px;
  font-weight: bold;
}

.teaser {
  position: relative;
}

.overlay-wrapper p.cp-medium {
  font-size: 1.3em !important;
}

/*Scrollable container*/
.vertical-scroll-container .teasers {
  padding-left: 3%;
  padding: 3%;
}

.vertical-scroll-container {
  max-height: 548px;
  /* overflow-y: scroll*/
  margin: auto;
  margin-bottom: 30px;
}
.vertical-scroll-container.dark {
  background-color: #1a1a1a;
}

.vertical-scroll-container .teaser.img-container {
  padding-bottom: 3%;
}

.article-scroll {
  width: 100%;
}

@media (min-width: 769px) {
  .article-scroll .left-hand {
    float: left;
    padding-right: 10px;
  }
  .article-scroll .right-hand {
    float: right;
    padding-left: 10px;
  }
  .scroll-teaser {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .overlay-wrapper .cpmedium-header {
    padding-left: 0 !important;
  }
}

.list-horizontal-title-area h2.widget-label {
  color: #000;
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 1.687em;
  margin: 0;
  padding: 30px 0 20px;
  position: relative;
}

.list-horizontal-title-area h2.widget-label span.lead-title-black-votes {
  background-color: #fff;
  padding: 0 30px 0 0;
  position: relative;
  z-index: 1000;
}

.list-horizontal-title-area h2.widget-label span.brand-border-black {
  border-bottom: 3px solid black;
  border-top: 3px solid black;
  left: 0;
  margin-left: 0;
  padding: 1px;
  position: absolute;
  top: 44px;
  width: 100%;
}

.votes ul.nav.navbar-nav.custom-navbar li {
  font-size: 1.1em;
}

.votes .horizontal-title {
  padding-top: 5px;
}

@media only screen and (max-device-width: 640px),
  only screen and (max-device-width: 667px),
  only screen and (max-width: 480px) {
  ul.cbwidget-list li a {
    font-size: 1.3em !important;
  }
}

.header-area.cnnlife {
  background: #fff none repeat scroll 0 0;
}

.overlay-right.overlay-wrapper {
  top: 0;
  bottom: inherit;
  width: 25%;
  height: 100%;
  right: 0;
  padding: 20px;
  background-color: #000;
}

.overlay-right.overlay-wrapper .black-font,
.overlay-right.overlay-wrapper h2.black-font,
.overlay-right.overlay-wrapper h2.black-font a {
  color: #fff;
  font-size: 1.5em;
}

.overlay-right.overlay-wrapper p.byline,
.overlay-right.overlay-wrapper p.author {
  color: #fff;
  font-size: 1em;
  margin-top: 10px;
}

.overlay-right.overlay-wrapper p.black-font {
  color: #fff;
}

.overlay-right.overlay-wrapper p.overlay-medium.black-font {
  font-size: 1em;
}

.teaser-top,
.teaser-bottom {
  width: 100%;
}

.teaser-top p.kicker {
  width: 50%;
  float: left;
  color: #0d9ca6;
  text-transform: uppercase;
  font-size: 0.8em;
}

.teaser-bottom p.kicker {
  width: 100%;
  float: left;
  color: #bdbdbd;
  text-transform: uppercase;
  font-size: 14px;
}

p.row-num {
  font-family: cnn-bold;
  font-size: 2em;
  color: #ddd;
  line-height: 1;
}

p.list-title a {
  font-family: cnn-bold;
  line-height: 0.5em !important;
  font-size: 0.9em !important;
}

.cnnlife ul.cbwidget-list li {
  border-top: none;
  padding: 5px 0;
}

.teaser-top .timestamp {
  width: 50%;
  float: right;
  text-align: right;
}

.vertical-divider {
  border-left: 1px solid #bdbdbd;
  margin-left: -15px;
  padding-left: 15px;
  margin-bottom: -15px;
}

h3.subhead-lead.life-feature-title {
  background: none;
  color: gray;
  padding-left: 0;
  font-size: 1.5em;
  font-weight: 700;
  padding-bottom: 20px;
  padding-top: 20px;
}

.cnn-life-teaser .widget-text {
  margin-top: 0;
}

.cnn-life-teaser .widget-text .teaser-title {
  font-size: 1.3em;
  font-weight: bold;
}

.cnn-life-teaser .widget-text p.author {
  font-size: 1em;
}

.cnn-life-teaser .widget-text p.leadtext {
  font-size: 1.1em;
}

.top-banner-area.gray {
  background-color: #f3f2f1;
}

.columnist h3.current-head {
  color: #000;
  text-align: center;
  font-weight: bold;
  padding-top: 0;
}

.columnist p.byline {
  font-size: 0.8em;
}

.columnist p.byline,
.columnist p.leadtext {
  color: #000;
  text-align: center;
}

.columnist p.leadtext {
  margin-top: 5px;
  font-size: 0.7em;
}

.list.detail a.contentHomeSection,
.columnist a.contentHomeSection {
  color: #0d9ca6;
  text-align: center;
  font-size: 0.8em;
  text-transform: uppercase;
}

.columnist .cbwidget-section {
  text-align: center;
}

.cnn-life-lateststory .article-title-area {
  background-color: #f3f2f1;
  margin-bottom: 5px;
}

.cnn-life-lateststory h3.article-cpmedium-lead {
  color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cnn-life-lateststory span.article-title-black {
  background-color: #f3f2f1;
  padding: 5px 11px 4px 8px;
}

.cnn-life-lateststory h3.article-cpmedium-lead span.article-brand-border-red {
  display: none;
}

.list.detail ul.cbwidget-list li:first-child {
  border-top: 0;
}

.cnn-life-list .article-sidebarcommon-style p {
  float: left;
}

.border-right-dotted {
  border-right: 1px dotted;
}

.menu-black-background #topNavbar,
.menu-black-background .custom-navbar > li > a:focus,
.menu-black-background .custom-navbar > li > a:hover,
.menu-black-background .custom-navbar > li.active > a,
.menu-black-background .custom-navbar > li > a {
  background-color: #0b0b0b;
  text-transform: uppercase;
}

.menu-black-background #topNavbar,
.menu-black-background .custom-navbar > li > a {
  color: #fff;
}

.cnn-life-lateststory .widget-text {
  margin-top: 0;
}

.cbwidget.cnnlife {
  margin-bottom: 30px;
}

.cbwidget.cnnlife .leadtext {
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 0.8em;
}

.picture.default.captionCover {
  position: relative;
}

.picture.default.captionCover .story-byline,
.picture.default.captionCover .story-title,
.picture.default.captionCover .page-label {
  position: absolute;
  z-index: 100;
  color: #fff;
}

.picture.default.captionCover .page-label {
  top: 10%;
  left: 10%;
  text-transform: uppercase;
}

.picture.default.captionCover .page-label h3 {
  padding-left: 0;
  font-size: 1em;
}

.picture.default.captionCover .story-title {
  top: 15%;
  left: 10%;
  width: 40%;
  font-weight: bold;
}

.picture.default.captionCover .story-title h2 {
  font-size: 40px;
}

.picture.default.captionCover .story-byline p {
  font-size: 0.8em;
}

.picture.default.captionCover .story-byline {
  bottom: 25%;
  left: 40%;
  font-size: 1.5em;
}

.cnn-life-lateststory h6.article-cpmedium-lead.jk-relative {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 6px;
}

.header-area.cnnlife #mainheader .navbar-toggle {
  bottom: 45px;
}

.header-area.cnnlife .navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

h1.cnn-life-header-label {
  font-family: cnn-life-head, "Helvetica Neue", Helvetica, Arial, Utkal,
    sans-serif;
}

.cnn-life-list .article-sidebarcommon-style p.byline {
  width: 100%;
  font-size: 0.9em;
}

.cnn-life-list .article-sidebarcommon-style p.leadtext {
  font-size: 0.8em;
}

.cnn-life-lateststory h6 a.homeSectionLabel {
  text-transform: uppercase;
}

.cnn-life-lateststory p.leadtext {
  font-size: 0.8em;
}

.cnn-life-body blockquote {
  background-image: none;
  color: #006975;
  font-weight: bold;
  font-size: 1.5em;
}

.cnn-life-body blockquote.quote-full {
  padding-top: 40px;
}

.cnn-life.story-byline {
  margin-top: 10px;
}

.cnn-life-teaser p.kicker a {
  text-transform: uppercase;
}

.cnn-life-lateststory h6 a.homeSectionLabel {
  color: #0d9ca6;
}

.cnn-life-list .article-sidebarcommon-style p.timestamp {
  font-size: 0.8em;
}

.cnn-life-list .article-sidebarcommon-style p.list-title {
  width: 100%;
}

@media (max-width: 767px) {
  p.cover-story-teaser-leadtext {
    display: none;
  }
  .media-body.overlay-right.cover-story-overlay.overlay-wrapper h6.title,
  .media-body.overlay-right.cover-story-overlay.overlay-wrapper
    p.cover-story-kicker,
  .media-body.overlay-right.cover-story-overlay.overlay-wrapper p.byline {
    text-align: left;
  }
  .cbwidget.cnnlife {
    text-align: left;
  }
  .list.detail.cnn-life-list .col-xs-8.text {
    text-align: left;
  }
  .list.detail a.contentHomeSection,
  .columnist a.contentHomeSection {
    font-size: 0.8em !important;
  }
  .cnn-life-body blockquote {
    width: 100% !important;
  }
}

@media (max-width: 550px) {
  .picture.default.captionCover .story-title h2 {
    font-size: 30px;
  }
  .picture.default.captionCover .story-title h2 {
    top: 20%;
    width: 50%;
  }
}

@media (max-width: 420px) {
  .picture.default.captionCover .story-title h2 {
    font-size: 20px;
  }
  .cnn-life-list .text,
  .cnn-life-list .image,
  .cnn-life-list .image img {
    width: 100%;
  }
  .cnn-life-list .image {
    margin-bottom: 10px;
  }
}

@media (max-width: 400px) {
  .media-body.overlay-right.cover-story-overlay.overlay-wrapper
    p.cover-story-kicker {
    font-size: 14px;
  }
  .overlay-right.overlay-wrapper {
    padding: 10px;
  }
}

.inline-gallery {
  padding: 20px;
  border: 1px solid #0d9ca6;
  margin-bottom: 20px;
  cursor: pointer;
}

.inline-gallery,
.inline-gallery-row {
  width: 100%;
  float: left;
}

.inline-gallery .inline-gallery-picture-item {
  width: 25%;
  float: left;
  padding: 5px;
}

.inline-gallery .inline-gallery-picture-item.row-first {
  padding-left: 0;
}

.inline-gallery .inline-gallery-picture-item.row-last {
  padding-right: 0;
}

.inline-gallery .inline-gallery-text {
  color: #0d9ca6;
  font-size: 12px;
  font-weight: bold;
  float: left;
  margin: 10px 0 20px;
}

.slideshow-article.carousel.inline-gallery {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-left: none;
  border-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.slideshow-article.carousel.inline-gallery .gallery-header {
  font-style: normal;
  color: #dcdcdc;
  font-size: 1em;
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
}

.slideshow-article.carousel.inline-gallery .carousel-control {
  background: 0;
  opacity: 1;
}

.slideshow-article.carousel.inline-gallery .icon-prev,
.slideshow-article.carousel.inline-gallery .icon-next {
  display: block;
  width: 80px;
  height: 80px;
  padding: 20px;
  background: #333;
}

.slideshow-article.carousel.inline-gallery .icon-prev {
  left: 30px;
}

.slideshow-article.carousel.inline-gallery .icon-next {
  right: 30px;
}

.slideshow-article.carousel.inline-gallery .gallery-counter,
.slideshow-article.carousel.inline-gallery .inline-gallery-text {
  color: #333;
  font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}

.slideshow-article.carousel.inline-gallery .inline-gallery-text {
  float: none;
  font-size: 1em;
}

.slideshow-article.carousel.inline-gallery .inline-gallery-picture-item {
  width: 100%;
}

.slideshow-article.carousel.inline-gallery .inline-gallery-picture {
  margin: 0 auto;
}

.life-article .mfp-container {
  background: #fff;
}

.life-article .mfp-title,
.life-article .mfp-counter {
  color: #333;
}

.life-article .mfp-close {
  color: #999 !important;
}

.picture-num-update {
  height: 0;
  display: block;
}

.center-align {
  text-align: center;
}

.cnn-life-section-header {
  font-size: 30px;
  margin: 30px 0 20px;
  font-weight: bold;
}

.carousel-slideshow .row .col-sm-8 {
  padding-right: 0;
}

.carousel-slideshow .row .col-sm-4 {
  padding-left: 0;
  padding-right: 0;
  height: 477px;
}

.carousel-slideshow .row .col-sm-4 .picture-caption {
  border-bottom: 1px dotted;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 10px;
  height: 119px;
  margin-bottom: 0;
  padding-top: 10px;
}

.carousel-slideshow .row .col-sm-4 .picture-caption.caption3 {
  border-bottom: 0;
}

.carousel-slideshow .picture-caption span {
  display: block;
  width: 100%;
}

.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
  font-size: 12px;
}

.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author {
  font-size: 12px;
}

.carousel-slideshow .row .col-sm-4 .picture-caption.caption0 {
  padding-top: 10px;
  padding-bottom: 5px;
}

.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker {
  color: #19697a;
}

.article-maincontent-p.cnn-life-body {
  font-size: 1em;
}

.article-maincontent-p h3 {
  padding: 10px 0 8px 0px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-slideshow .row .col-sm-4 {
    height: 394px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    height: 98px;
    padding-bottom: 5px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption span {
    padding-bottom: 4px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author,
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
    font-size: 10px;
    line-height: 1;
  }
  .carousel-slideshow
    .row
    .col-sm-4
    .picture-caption
    .slideshow-picture-kicker {
    font-size: 10px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
    font-size: 14px;
    line-height: 1;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .carousel-slideshow .row .col-sm-4 {
    height: 303px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    height: 75px;
    padding-bottom: 5px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption span {
    padding-bottom: 3px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author,
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
    font-size: 8px;
    line-height: 1;
  }
  .carousel-slideshow
    .row
    .col-sm-4
    .picture-caption
    .slideshow-picture-kicker {
    font-size: 8px;
    line-height: 1;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
    font-size: 10px;
    line-height: 1;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  .carousel-slideshow .row .col-sm-4 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    height: 90px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    width: 25%;
    float: left;
    padding-left: 10px;
    height: 90px;
  }
  .carousel-slideshow .row .col-sm-8 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
    font-size: 10px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
  .carousel-slideshow
    .row
    .col-sm-4
    .picture-caption
    .slideshow-picture-author {
    display: none;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
    font-size: 12px;
    line-height: 1;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    border-bottom: 0;
    border-right: 1px dotted;
  }
}

@media (min-width: 401px) and (max-width: 499px) {
  .carousel-slideshow .row .col-sm-4 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    height: 90px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    width: 25%;
    float: left;
    padding-left: 10px;
    height: 100%;
    margin-bottom: 0;
  }
  .carousel-slideshow .row .col-sm-8 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
    font-size: 8px;
    line-height: 1;
    margin-bottom: 5px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date,
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
  .carousel-slideshow
    .row
    .col-sm-4
    .picture-caption
    .slideshow-picture-author {
    display: none;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
    font-size: 10px;
    line-height: 1;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    border-bottom: 0;
    border-right: 1px dotted;
  }
}
@media (max-width: 425px) {
  .article-maincontent-p.cnn-life-body {
    font-size: 1.3em;
  }
}
@media (max-width: 400px) {
  .carousel-slideshow .row .col-sm-4 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    height: 90px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    width: 25%;
    float: left;
    padding-left: 10px;
    height: 100%;
    margin-bottom: 0;
  }
  .carousel-slideshow .row .col-sm-8 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
    font-size: 8px;
    line-height: 1;
    margin-bottom: 5px;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date,
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
  .carousel-slideshow
    .row
    .col-sm-4
    .picture-caption
    .slideshow-picture-author {
    display: none;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
    font-size: 10px;
    line-height: 1;
  }
  .carousel-slideshow .row .col-sm-4 .picture-caption {
    border-bottom: 0;
    border-right: 1px dotted;
  }
}

.carousel-slideshow .row .col-sm-4 {
  background-color: #f5f4f3;
}

.carousel-slideshow .row .col-sm-4 .picture-caption.active {
  background-color: #b0b0b0;
}

.dashed-border-hr {
  margin: 10px 0 10px 0 !important;
  border-top: 1px dashed #8c8b8b;
  width: 66.66%;
}

.subhead-lead-life-top-stories {
  background-color: #bec1c1;
  padding: 0 0 0 10px !important;
  margin-bottom: 15px;
}

.subhead-lead-life-related-stories {
  background-color: #19697a;
  padding: 0 0 0 10px !important;
  color: #fff;
}

.life-date-time .content-mainimg-time {
  padding-top: 10px;
  float: right;
}

.font-bold h2 {
  font-weight: bold !important;
}

.life-top-stories ul.cbwidget-list li {
  border-top: none !important;
  padding: 0 !important;
}

.life-top-stories .list-unstyled {
  list-style: initial !important;
  margin-left: 30px;
}

.background-black {
  background: #000;
}

.life-article-top-ad {
  margin-top: -100px !important;
}

.cnn-life-section-list {
  border-right: 1px dashed;
}

.cnn-life-section-columnist .article-title-area,
.cnn-life-section-list .article-title-area {
  background: 0;
}

.cnn-life-section-columnist h3.article-cpmedium-lead,
.cnn-life-section-list h3.article-cpmedium-lead {
  color: #000;
  text-align: center;
}

.cnn-life-section-columnist h3.article-cpmedium-lead span.article-title-black,
.cnn-life-section-list h3.article-cpmedium-lead span.article-title-black {
  background: 0;
  font-weight: bold;
}

.cnn-life-section-columnist
  h3.article-cpmedium-lead
  span.article-brand-border-red,
.cnn-life-section-list h3.article-cpmedium-lead span.article-brand-border-red {
  display: none;
}

.cnn-life-section-list .teaser-top .timestamp {
  width: 100%;
  text-align: left;
  float: left;
}

.cnn-life-section-list .article-sidebarcommon-style p,
.cnn-life-section-list .article-sidebarcommon-style li {
  margin-bottom: 0;
}

.cnn-life-section-list .article-sidebarcommon-style li {
  width: 85%;
}

.cnn-life-section-list p.timestamp,
.cnn-life-section-list p.list-kicker,
.cnn-life-section-list p.byline {
  font-size: 12px;
}

.cnn-life-section-list p {
  color: #000;
}

.cnn-life-section-list ul.cbwidget-list li p.list-kicker a {
  color: #19697a;
}

.cnn-life-section-list p.list-kicker,
.cnn-life-section-list p.list-title,
.cnn-life-section-list p.byline {
  font-weight: bold;
}

.cnn-life-section-list ul.cbwidget-list li p.list-title a {
  line-height: 1;
  font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}

.cnn-life-section-columnist .list.detail a.contentHomeSection,
.cnn-life-section-columnist .columnist a.contentHomeSection {
  color: #19697a;
}

/*New Life*/

/*Full-width Image Teaser*/
.full-width a.btn {
  white-space: normal;
  text-align: left;
}

.full-width h1 {
  padding-top: 0 !important;
}

.full-width .cbcontainer {
  width: unset;
}

.full-width .col-xs-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.full-width .overlay-text {
  width: 600px;
  text-align: left;
  bottom: 10%;
}

.full-width .carousel-inner > .item > img,
.full-width .carousel-inner > .item > a > img {
  width: 100%;
  max-height: 910px;
  object-fit: cover;
}

.thin-border-top {
  border-top: 1px solid gray;
}

.life .mainheader-l {
  width: 225px;
  float: left;
}
.life .mainheader_logo.mainheader-r {
  height: 70px;
  width: 75%;
}
.life .mainheader-r .navbar {
  margin-bottom: 15px;
  right: 0;
  /*background: #0a0a0a;*/
  opacity: 0.9;
}
.life .body-padding-div {
  padding-top: 70px !important;
}
.life-category .body-padding-div {
  margin-bottom: 30px;
}
.header-area {
  width: 100%;
  height: 70px;
}
.life .navbar-header-top {
  width: 70px;
}
.life .logo-txt {
  margin: -10px 15px;
  font-weight: 1000;
  font-size: 2.8em;
}
.life div#topNavbar {
  background: none;
}
.life ul.custom-navbar {
  background: #0b0b0b;
  float: right;
}
.life ul.custom-navbar li a {
  color: #fffcfc;
}
.life #topNavbar {
  width: 100%;
}
.life ul li a,
.life ul,
.life li {
  font-size: 1.13em;
}
.life .nav > li > a {
  padding-left: 15px;
  padding-right: 15px;
}

/*Black Theme*/
.cover-story.border-black img.media-object {
  border: 75px solid black;
}
/*END Black*/

/*White Theme*/
.cover-story.border-white img.media-object {
  border: 75px solid white;
}
.cover-story.border-white .cnn-life-teaser {
  color: white;
  background-color: black;
}
.cover-story.border-white h4.subhead-lead {
  color: white;
}
/*END White*/

/*life Recent News*/
.life-recent h3.subhead-lead {
  background: none;
  color: gray;
  padding-left: 0;
  font-weight: bolder;
  font-size: 1.5em;
}

.life-recent .cbwidget-list,
.life-recent ul li a,
.life-recent ul,
.life-recent li {
  font-size: 1.07em !important;
  font-weight: bold;
  font-family: cnn-bold;
}
/* life youtube */
.life-youtube .cbcontainer > .row {
  margin-right: 0;
  margin-left: 0;
  background-color: black;
}
.life-youtube .teaser.col-sm-8.pull-right {
  padding: 40px;
}

/*life Cover Story*/
.cover-story .teaser {
  padding-right: 0;
  padding-left: 0;
}
.cover-story .cnn-life-teaser {
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  padding-left: 0;
  padding-right: 0;
  margin: 15px 0;
}
.cover-story .teaser-title {
  font-size: 3em !important;
  font-family: cnn-bold;
}

@media (max-width: 767px) {
  .cover-story .article-text {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
  }
  .life-youtube .teaser.col-sm-8.pull-right {
    width: 100%;
    padding: 0;
    padding-top: 15px;
  }
  .life-youtube .col-sm-4.pull-right {
    width: 100%;
  }
  .full-width .overlay-text {
    width: 85%;
  }
}
@media (min-width: 1200px) {
  .cover-story .cbcontainer {
    width: 1140px;
  }
}
@media (min-width: 768px) {
  .life .row.in {
    margin-right: 0;
    margin-left: 0;
  }
  .cover-story .teaser-bottom {
    padding-top: 25%;
  }
  .cover-story .article-text {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 30px;
  }
}
/**/
.padding-left-11.paddingBottom10Border .widget-text {
  padding-bottom: 10px;
  border-bottom: 1px solid #7f7f7f !important;
}

.full-width {
  overflow: hidden;
}

.full-width .full-width-body .cnn-life-cover-story-txt,
.full-width .full-width-body .content-main-title,
.full-width .full-width-body .content-mainimg-bottom,
.full-width .full-width-body .cnn-life.story-byline {
  width: 730px;
  margin-left: auto;
  margin-right: auto;
}

.full-width .full-width-body .cnn-life-body h2,
.full-width .full-width-body .cnn-life-body ul,
.full-width .full-width-body .cnn-life-body p {
  width: 730px;
  margin-left: auto;
  margin-right: auto;
}

.full-width .full-width-body .cnn-life-body h2 {
  font-size: 1.5em;
}

.full-width .full-width-body .cnn-life-body ul {
  padding-left: 15px;
}

.full-width .full-width-body .cnn-life-body blockquote.quote-left footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-left p {
  width: 365px;
  margin-left: 0;
  margin-right: 0;
  float: right;
  padding-right: 10px;
}

.full-width .full-width-body .cnn-life-body blockquote.quote-right footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-right p {
  width: 365px;
  margin-left: 0;
  margin-right: 0;
  float: left;
  padding-left: 10px;
}

.full-width .full-width-body .cnn-life-body blockquote.quote-right footer {
  text-align: right;
}

.full-width .full-width-body .cnn-life-body blockquote.quote-full footer {
  width: 730px;
  margin-left: auto;
  margin-right: auto;
}

.full-width .full-width-body .cnn-life-body p.full-width-inline-picture {
  width: 100%;
  position: relative;
}

.full-width
  .full-width-body
  .cnn-life-body
  p.full-width-inline-picture
  span.inline-caption.inline-fullWidth {
  background-color: #19697a;
  color: #fff;
  font-size: 20px;
  height: 100%;
  padding: 20px;
  position: absolute;
  right: 0;
  width: 30%;
}

.full-width .full-width-body .cnn-life-body blockquote.quote-right footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-left footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-full footer {
  display: none;
}

.full-width .full-width-body .cnn-life-body blockquote {
  padding-top: 30px;
}

.full-width
  .full-width-body
  .cnn-life-body
  p.full-width-inline-picture
  span.inline-caption.inline-fullWidth
  span.inline-caption-outer
  span.inline-caption-inner {
  bottom: 20px;
  position: absolute;
  width: 100%;
}

.full-width .full-width-body .content-main-title h2 {
  font-size: 46px;
}

.full-width .full-width-body .cnn-life-cover-story-txt h2 {
  font-size: 26px;
}

.full-width .full-width-body .content-mainimg-bottom h2 {
  font-size: 22px;
}

.full-width .full-width-body .cnn-life-body blockquote.quote-left p.width30,
.full-width .full-width-body .cnn-life-body blockquote.quote-right p.width30,
.full-width .full-width-body .cnn-life-body blockquote.quote-left p.width40,
.full-width .full-width-body .cnn-life-body blockquote.quote-right p.width40 {
  font-size: 16px;
  width: 240px;
}

.full-width .picture.default.captionCover .story-title {
  bottom: 5%;
  text-align: center;
  width: 80%;
  top: inherit;
}

@media (max-width: 769px) {
  .full-width .full-width-body .cnn-life-cover-story-txt,
  .full-width .full-width-body .content-main-title,
  .full-width .full-width-body .content-mainimg-bottom,
  .full-width .full-width-body .cnn-life.story-byline,
  .full-width .full-width-body .cnn-life-body ul,
  .full-width .full-width-body .cnn-life-body h2,
  .full-width .full-width-body .cnn-life-body p {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .full-width .full-width-body .cnn-life-cover-story-txt h2 {
    font-size: 22px;
  }
  .full-width .full-width-body .cnn-life-body p.full-width-inline-picture {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .full-width .feature-content {
    margin-bottom: 20px;
  }
  .full-width .full-width-body .content-main-title h2 {
    font-size: 36px;
  }
  .full-width .full-width-body .content-mainimg-bottom h2 {
    font-size: 18px;
  }
  .full-width
    .full-width-body
    .cnn-life-body
    p.full-width-inline-picture
    img.inline-fullWidth {
    width: 100%;
  }
  .full-width
    .full-width-body
    .cnn-life-body
    p.full-width-inline-picture
    span.inline-caption.inline-fullWidth {
    font-size: 12px;
    display: block;
    height: auto;
    padding: 10px 20px;
    position: relative;
    right: inherit;
    width: 100%;
  }
  .full-width
    .full-width-body
    .cnn-life-body
    p.full-width-inline-picture
    span.inline-caption.inline-fullWidth
    span.inline-caption-outer
    span.inline-caption-inner {
    position: inherit;
  }
}

@media (min-width: 300px) and (max-width: 830px) {
  .full-width .full-width-body .cnn-life-body blockquote.quote-full,
  .full-width .full-width-body .cnn-life-body blockquote.quote-right,
  .full-width .full-width-body .cnn-life-body blockquote.quote-left {
    padding-top: 20px;
  }
  .full-width .full-width-body .cnn-life-body blockquote.quote-full p,
  .full-width .full-width-body .cnn-life-body blockquote.quote-right p,
  .full-width .full-width-body .cnn-life-body blockquote.quote-left p {
    width: 100%;
    font-size: 16px;
  }
  .full-width .full-width-body .cnn-life-body blockquote.quote-full p,
  .full-width .full-width-body .cnn-life-body blockquote.quote-right p,
  .full-width .full-width-body .cnn-life-body blockquote.quote-left p {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 300px) and (max-width: 600px) {
  .full-width .picture.default.captionCover .story-byline,
  .full-width .picture.default.captionCover .story-title {
    width: 80%;
    text-align: center;
  }
  .full-width .picture.default.captionCover .story-byline {
    font-size: 14px;
    left: 10%;
  }
  .full-width .picture.default.captionCover .story-title h2 {
    width: 100%;
    font-size: 18px;
  }
  .full-width .full-width-body .content-mainimg-bottom h2 {
    font-size: 20px;
  }
}

.full-width .feature-content {
  margin-bottom: 25px;
}

.full-width .inline-gallery {
  margin-bottom: 0;
}

@media (min-width: 1120px) and (max-width: 1340px) {
  .full-width
    .full-width-body
    .cnn-life-body
    p.full-width-inline-picture
    span.inline-caption.inline-fullWidth
    span.inline-caption-outer
    span.inline-caption-inner {
    width: 90%;
  }
}

@media (min-width: 989px) and (max-width: 1120px) {
  .full-width
    .full-width-body
    .cnn-life-body
    p.full-width-inline-picture
    span.inline-caption.inline-fullWidth
    span.inline-caption-outer
    span.inline-caption-inner {
    width: 80%;
  }
}

.cnn-life-section-featured-stories .teaser-top .timestamp {
  display: none;
}

.cnn-life-section-featured-stories .teaser p.byline {
  font-weight: bold;
}

.cnn-life-section-featured-stories .teaser p.byline,
.cnn-life-section-featured-stories .teaser-top p.kicker {
  font-size: 13px;
}

.cnn-life-section-columnist .columnist h3.current-head {
  padding-bottom: 5px;
}

.cnn-life-section-columnist .columnist p.byline {
  margin-bottom: 20px;
  font-weight: bold;
}

section.cnn-life-section-columnist {
  border-left: 1px black dotted;
}

.cnn-life-section-featured-stories {
  margin-top: 20px;
  margin-bottom: 20px;
}

.cnn-life-section-featured-stories .cnn-life-teaser .widget-text .teaser-title {
  line-height: 1.3em;
}

@media (max-width: 767px) {
  .cnn-life-section-columnist .list.columnist img {
    width: 100%;
  }
  .cnn-life-section-columnist .columnist .cbwidget-section {
    text-align: left;
  }
  .cnn-life-section-columnist .columnist h3.current-head,
  .cnn-life-section-columnist .columnist a.contentHomeSection {
    text-align: left;
  }
  .cnn-life-section-columnist .columnist p.byline {
    display: none;
  }
  .cnn-life-section-columnist .columnist p.leadtext {
    text-align: left;
    margin-bottom: 20px;
  }
}

ul.nav.navbar-nav.custom-navbar li.menu-oath {
  background-color: #fff;
}

.full-width
  .full-width-body
  .cnn-life-body
  p.full-width-inline-picture
  span.inline-caption.inline-fullWidth
  span.inline-caption-outer
  span.inline-caption-inner {
  padding-right: 40px;
}

@media (max-width: 769px) {
  .full-width
    .full-width-body
    .cnn-life-body
    p.full-width-inline-picture
    span.inline-caption.inline-fullWidth
    span.inline-caption-outer
    span.inline-caption-inner {
    padding-right: 0;
  }
}

.top-banner-area.withBackground .row.carousel-header,
.top-banner-area.withBackground .custom-owl .item {
  background: transparent;
}

.top-banner-area.withBackground .row.carousel-body {
  background: #262626 none repeat scroll 0 0;
}

.row.sports-section {
  margin: 0;
  position: relative;
}

.row.sports-section.paddingTop15 {
  padding-top: 15px;
}

.row.sports-section .marginTop15 {
  margin-top: 15px;
}

.row.sports-section .col-sm-9 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.row.sports-section .col-sm-3 {
  padding-left: 0;
}

.row.sports-section .overlay-wrapper {
  background: #000 none repeat scroll 0 0;
  opacity: 0.8;
}

.row.sports-section .black-font,
.row.sports-section h2.black-font,
.row.sports-section h2.black-font a,
.row.sports-section p.black-font {
  color: #fff;
}

.row.sports-section article.media {
  margin-top: 0;
}

.row.sports-section .col-sm-4.left {
  padding-right: 5px;
}

.row.sports-section .col-sm-4.middle {
  padding-left: 10px;
  padding-right: 10px;
}

.row.sports-section .col-sm-4.right {
  padding-left: 5px;
}

.row.sports-section .article-title-area span.article-brand-border-red {
  display: none;
}

.row.sports-section .article-title-area span.article-title-black {
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
}

.row.sports-section .col-sm-4 .overlay-wrapper {
  background: 0;
  opacity: 1;
  font-weight: bold;
}

.row.sports-section h2.cpmedium-lead span.lead-title-black {
  font-weight: bold;
}

.row.sports-section h2.cpmedium-lead span.brand-border-white {
  border-bottom: 6px solid #fff;
  border-top: 0;
  padding: 1px;
  position: absolute;
  width: 100%;
  top: 40px;
  left: 0;
}

.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0;
  background: none;
  display: inline-block;
  border-radius: 0;
}
.carousel-control {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.carousel-inner > .item img.block {
  object-fit: contain !important;
  max-height: 500px;
  max-width: 750;
}
div .overlay-wrapper .carousel-img-text {
  position: relative;
  z-index: 15;
  bottom: 0;
  font-size: 14px;
  margin-left: 0;
  color: white;
  padding-left: 25px;
  padding-right: 50px;
  text-shadow: 1px 1px 1px black;
}

.row.sports-section
  .carousel.gallery
  .owl-carousel.desktop
  .row.carousel-body
  h2.cpmedium-header {
  bottom: 20px;
  font-weight: bold;
  padding-left: 40px;
  padding-right: 10px;
  position: absolute;
  text-align: center;
  width: 95%;
  z-index: 10000;
}

.row.sports-section .carousel.gallery .owl-carousel.desktop .owl-nav .owl-prev {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 140px;
  z-index: 100000;
  text-align: center;
  border: none !important;
}

.row.sports-section .carousel.gallery .owl-carousel.desktop .owl-nav .owl-next {
  background-color: #000;
  height: 100%;
  right: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 140px;
  z-index: 100000;
  text-align: center;
  border: none !important;
}

.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-nav button,
.owl-carousel.single .owl-nav button {
  background-color: #000;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  z-index: 100000;
  text-align: center;
  border: none !important;
}
.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-nav .owl-next,
.owl-carousel.single .owl-nav .owl-next {
  right: 0;
}
.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-nav .owl-prev,
.owl-carousel.single .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel.mobile h2.cpmedium-header {
  bottom: 0px;
  font-weight: bold;
  padding-left: 45px;
  padding-right: 10px;
  position: absolute;
  text-align: left;
  width: 85%;
  z-index: 10000;
  text-shadow: 1px 1px 1px black;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .row.sports-section
    .carousel.gallery
    .owl-carousel.desktop
    .row.carousel-body
    h2.cpmedium-header {
    font-size: 26px;
    padding-left: 0;
    padding-right: 30px;
  }
  .row.sports-section
    .carousel.gallery
    .owl-carousel.desktop
    .owl-controls
    .owl-nav
    .owl-next,
  .row.sports-section
    .carousel.gallery
    .owl-carousel.desktop
    .owl-controls
    .owl-nav
    .owl-prev {
    height: 366px;
    width: 135px;
  }
}

@media (min-width: 770px) and (max-width: 1200px) {
  .row.sports-section
    .carousel.gallery
    .owl-carousel.desktop
    .row.carousel-body
    h2.cpmedium-header {
    font-size: 20px;
    padding-left: 0;
    padding-right: 40px;
  }
  .row.sports-section
    .carousel.gallery
    .owl-carousel.desktop
    .owl-controls
    .owl-nav
    .owl-next,
  .row.sports-section
    .carousel.gallery
    .owl-carousel.desktop
    .owl-controls
    .owl-nav
    .owl-prev {
    height: 235px;
    width: 135px;
  }
}

.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls,
.owl-carousel.single .owl-controls {
  position: absolute;
  top: 50%;
  width: 100%;
}

.row.sports-section
  .carousel.gallery
  .owl-carousel.mobile
  .owl-controls
  .owl-prev,
.owl-carousel.single .owl-controls .owl-prev {
  float: left;
}

.row.sports-section
  .carousel.gallery
  .owl-carousel.mobile
  .owl-controls
  .owl-next,
.owl-carousel.single .owl-controls .owl-next {
  float: right;
}

.row.sports-section .carousel.gallery .row.carousel-body img {
  max-height: 486px;
  height: 100%;
}
.row.sports-section .carousel.gallery .row.carousel-body img,
.row.sports-section .teaser-image-overlay-wrapper img {
  background-color: #000;
}

.sports-page .top-banner-area.withBackground {
  background-color: #000;
}

.sports-page .top-banner-area.withBackground img.section-background-image {
  height: 50% !important;
  min-height: inherit;
}

.row.sports-section span.article-title-black {
  background: inherit;
}

@media (max-width: 770px) {
  .row.sports-section .col-sm-4.left,
  .row.sports-section .col-sm-4.middle,
  .row.sports-section .col-sm-4.right {
    margin-top: 10px;
  }
  .row.sports-section .col-sm-4.left {
    margin-left: 0;
    margin-right: 10px;
  }
  .row.sports-section .col-sm-4.middle {
    margin-left: 5px;
    margin-right: 5px;
  }
  .row.sports-section .col-sm-4.right {
    margin-left: 10px;
    margin-right: 0;
  }
  .row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
  }
  .row.sports-section
    .carousel.gallery
    .owl-carousel.mobile
    .owl-controls
    .owl-prev {
    float: left;
  }
  .row.sports-section
    .carousel.gallery
    .owl-carousel.mobile
    .owl-controls
    .owl-next {
    float: right;
  }
  .row.sports-section.top-story .media-body.overlay-wrapper {
    padding-top: 5px;
  }
}

img.section-background-image {
  left: 0;
  height: 50% !important;
  min-width: 100%;
  min-height: 100%;
  top: 0;
}

.row.whiteContainer {
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  position: relative;
}

.whiteOverBlackOverlay .overlay-wrapper {
  background: #000;
}

.withBackground .row.whiteContainer {
  opacity: 0.9;
}

article.full-width .withBackground .row.whiteContainer {
  padding-left: 10px;
  padding-right: 10px;
}

.whiteOverBlackOverlay .feature-content.withBackground {
  margin-bottom: 0;
}

.full-width .removeBottomMargin .feature-content {
  margin-bottom: 0;
}

.paddingBottom20 {
  padding-bottom: 20px;
}

.row.whiteContainer h2.cpmedium-lead-light {
  padding-bottom: 10px;
}

.sponsor img.brand-logo {
  display: block;
  margin: auto;
}

@media (min-width: 1200px) {
  .custom-search-input.menu-bar.xs-text-center.text-right {
    display: none;
  }
  .row.whiteContainer .pictureAdjust article.media .teaser img {
    height: 168px;
  }
  .mainheader_logo.mainheader-r {
    height: 131px;
    width: 1010px;
  }
}
@media (max-width: 1199px) {
  div #top-search-area .custom-search-input {
    display: none;
  }
  .mainheader-r .navbar .navbar-nav {
    margin: 0 !important;
  }
  .mainheader-r .navbar {
    position: static !important;
    z-index: 99999 !important;
    margin-top: 25px !important;
  }
  .custom-navbar > li > a {
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #333;
  }
  .mainheader_logo.mainheader-l {
    width: 130px;
  }
  .mainheader_logo.mainheader-r {
    width: 75%;
    height: 70px;
  }
  .mainheader_logo.mainheader-l {
    width: 70px;
    float: left;
  }
  .life .mainheader_logo.mainheader-r {
    height: 70px;
    width: 45%;
  }
  .mainheader-scroll svg.at-icon {
    width: 24px !important;
    height: 24px !important;
  }
  .mainheader-r .navbar {
    width: 70%;
    overflow: hidden;
    float: right;
  }
  .life .mainheader-r .navbar {
    width: 100%;
  }
  .container-fluid .body-padding-div {
    padding-top: 70px;
  }
  svg.at-icon {
    width: 24px !important;
    height: 24px !important;
  }
  span.at-icon-wrapper {
    line-height: 24px !important;
    height: 24px !important;
    width: 24px !important;
  }
  .custom-search-input {
    margin-top: 5px;
  }
  .life .mainheader_logo.mainheader-l {
    width: unset;
    float: left;
  }
}

@media (min-width: 990px) and (max-width: 1199px) {
  .row.whiteContainer .pictureAdjust article.media .teaser img {
    height: 134px;
  }
}

@media (max-width: 767px) {
  /*.mainheader-scroll .mainheader_logo.mainheader-r, */
  .life .mainheader_logo.mainheader-r {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
  }
}
.widget.sponsoredContent.newsAlertTop .news-alert-header,
.widget.sponsoredContent.breakingNewsTop .breaking-news-header {
  overflow: hidden;
  padding: 10px;
  background: #c00;
}

.widget.sponsoredContent.newsAlertTop .bn-header-title,
.widget.sponsoredContent.breakingNewsTop .bn-header-title {
  width: 50%;
  float: left;
}

.widget.sponsoredContent.newsAlertTop .bn-header-title h3,
.widget.sponsoredContent.breakingNewsTop .bn-header-title h3 {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 0 0 0 !important;
}

.widget.sponsoredContent.newsAlertTop .bn-header-brand,
.widget.sponsoredContent.breakingNewsTop .bn-header-brand {
  width: 50%;
  float: left;
}

.widget.sponsoredContent.newsAlertTop .bn-header-sponsor-logo-container,
.widget.sponsoredContent.breakingNewsTop .bn-header-sponsor-logo-container {
  float: right;
}

.widget.sponsoredContent.newsAlertTop .news-alert-content,
.widget.sponsoredContent.breakingNewsTop .breaking-news-content {
  overflow: hidden;
  padding: 7px;
  background: #fff;
}

.widget.sponsoredContent.newsAlertTop .news-alert-content ul li,
.widget.sponsoredContent.newsAlertTop #newscontent,
.widget.sponsoredContent.breakingNewsTop .breaking-news-content ul li,
.widget.sponsoredContent.breakingNewsTop #newscontent {
  color: #c00;
}

.widget.sponsoredContent.newsAlertTop .icon,
.widget.sponsoredContent.breakingNewsTop .icon {
  fill: #c00 !important;
}

.widget.sponsoredContent.newsAlertTop ul#ticker,
.widget.sponsoredContent.breakingNewsTop ul#ticker {
  list-style: none;
}

.widget.sponsoredContent.newsAlertTop ul li,
.widget.sponsoredContent.newsAlertTop #newscontent,
.widget.sponsoredContent.breakingNewsTop ul li,
.widget.sponsoredContent.breakingNewsTop #newscontent {
  font-weight: bold;
  font-size: 1.3em;
}

.list.multiColumnList .parent.row {
  padding-top: 20px;
  padding-bottom: 20px;
}

.blackBackgroundOverlay-title,
.blackBackgroundOverlay-leadtext {
  background-color: #373737;
}

.blackBackgroundOverlay-title h3 {
  padding-bottom: 0;
  background-color: #373737;
}

.blackBackgroundOverlay-title h3 a,
p.blackBackgroundOverlay-leadtext {
  color: #fff;
}

p.blackBackgroundOverlay-leadtext {
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 10px;
}

div.all-recipe {
  float: right;
  background-color: red;
  padding: 5px;
  color: #fff;
}

div.all-recipe a:hover {
  color: #fff !important;
}

.chefstwist .feature-content {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.full-recipes-header h3 {
  padding-left: 0;
  padding-bottom: 0;
}

.list.multiColumnList .col-xs-8.text {
  padding-left: 0;
}

.list.multiColumnList .col-xs-8.text h3.list-title {
  padding-top: 0;
}

.list.multiColumnList .col-xs-8.text p.list-title a {
  color: #000 !important;
}

.articleTwist {
  margin-top: 50px;
}

.articleTwist h1.title {
  font-size: 1.3em !important;
  color: #0b0b0b;
}

.underline {
  text-decoration: underline;
}

.width-50 {
  width: 50%;
}

.width-80 {
  width: 80%;
}

.width-100 {
  width: 100%;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.ingredients,
.directions,
.preptime,
.yield {
  padding: 10px 0 8px 8px;
}

.prep-yield-wrapper {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.prep-yield-wrapper h3 {
  text-decoration: underline;
  font-weight: bold;
}

.preptime,
.yield {
  padding: 0 0 8px 8px;
}

.ingredients span {
  color: #fffffd;
}

.dark-background-wrapper {
  background: #3e3d39;
}

.margin-left-1px {
  margin-left: 1px;
}

.font-weigth-bold {
  font-weight: bold;
}

.font-color-white {
  color: #fffffd !important;
}

.ingred-direct-wrapper {
  background: #3e3d39;
  margin-left: 1px;
  color: #fffffd !important;
  font-family: cnn-roman, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  width: 80%;
}

.ingred-direct-wrapper h3 {
  font-weight: bold;
  text-decoration: underline;
}

.related-recipes p.list-title {
  font-weight: bold;
}

.related-recipes ul.cbwidget-list li {
  border-top: 2px solid #a6a498;
}

img.section-background-image {
  height: auto !important;
}

div.padding-5 {
  margin-top: 10px;
  padding-right: 5px;
  padding-left: 5px;
}

.container-padding-10 .row {
  padding-left: 10px;
  padding-right: 10px;
}

.container-padding-5 .row {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .desktopArticleMarginTopChefsTwist,
  .desktopMarginTopChefsTwist {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .desktopArticleMarginTopChefsTwist,
  .desktopMarginTopChefsTwist {
    margin-top: 25px;
  }
  .parent.row div:first-child {
    margin-bottom: 10px;
  }
  .articleTwist {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .directions {
    padding-top: 10px;
  }
  .chefstwist .cpnavbar-brand img {
    max-width: 100%;
  }
  .custom-search-input {
    margin-top: -7px;
    padding-right: 24px;
  }
  .mainheader-r .navbar {
    margin-top: 68px !important;
  }
}

.prosync-ad-container {
  position: relative;
}

.prosync-ad-container .overlay-items {
  position: absolute;
  top: 300px;
  margin: 0 40px;
}

.prosync-ad-container .overlay-items span {
  display: block;
  text-align: left;
  background-color: #1274bd;
  padding: 7px 10px;
  border-right: 10px solid yellow;
  color: #fff;
  margin-bottom: 5px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .prosync-ad-container .overlay-items {
    top: 250px;
    margin: 0 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .prosync-ad-container .overlay-items {
    top: 150px;
    margin: 0 15px;
  }
  .prosync-ad-container .overlay-items span {
    padding: 5px 5px;
  }
  .navbar-fixed-top .navbar-collapse {
    max-height: 655px;
  }
}

@media (max-width: 767px) {
  .prosync-ad-container .overlay-items {
    top: 300px;
    margin: 0 30px;
  }
  .prosync-ad-container .overlay-items span {
    padding: 10px 10px;
  }
}

@media (min-width: 720px) and (max-width: 767px) {
  .prosync-ad-container .overlay-items {
    left: 30%;
  }
}

@media (min-width: 620px) and (max-width: 719px) {
  .prosync-ad-container .overlay-items {
    left: 26%;
  }
}

@media (min-width: 500px) and (max-width: 620px) {
  .prosync-ad-container .overlay-items {
    left: 20%;
  }
}

@media (min-width: 400px) and (max-width: 499px) {
  .prosync-ad-container .overlay-items {
    left: 10%;
  }
}

@media (max-width: 399px) {
  .prosync-ad-container .overlay-items {
    left: inherit;
  }
}

@media (max-width: 320px) {
  .prosync-ad-container .overlay-items span {
    padding: 5px 5px;
  }
}

.transport-background .top-banner-area {
  background-image: url("../img/highway-traffic-website.jpg");
  background-position: center;
}

.font-family-medium {
  font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}

.service-road-latest-episode .vplay,
.drive-latest-episode .vplay {
  position: relative;
}

.service-road-latest-episode .media-body,
.drive-latest-episode .media-body {
  padding-left: 0 !important;
}

.transport-main span.lead-title-white {
  padding: 0 30px 0 0;
}

#drive .traffic-news .subhead-lead {
  margin-left: 20px;
}

.trafiic-news .teaser {
  margin-left: 20px;
}

#drive .traffic-news .teaser {
  margin-left: 20px;
}

.entertainment-background .top-banner-area {
  background-image: url(../img/Background_SANMIGUEL_SUPER_DRY.png);
  background-position: center;
  background-size: contain;
}

.carousel-multiple .carousel-picture {
  padding-bottom: unset;
}
.carousel-multiple .play-area {
  top: 0;
  bottom: unset;
}

.carousel-multiple .owl-theme .owl-nav [class*="owl-"] {
  color: #bdbdbd;
  font-size: 4.5em;
  margin: 0;
  padding: 0;
  background: none;
  display: inline-block;
  border-radius: 0;
  border: none;
}
.carousel-multiple .owl-theme .owl-nav [class*="owl-"]:hover {
  background: unset;
}

.carousel-multiple .owl-theme .owl-dots .owl-dot {
  background: none;
  display: inline;
  border: none;
}
.carousel-multiple .owl-prev {
  width: 15px;
  height: 100%;
  position: absolute;
  top: -22%;
  /*margin-left: -15px!important;*/
  display: block !important;
  border: 0px solid black;
}

.carousel-multiple .owl-next {
  width: 15px;
  height: 100%;
  position: absolute;
  top: -22%;
  right: -15px;
  display: block !important;
  border: 0px solid black;
}

@media (min-width: 600px) {
  .carousel-multiple .owl-carousel.desktop h2.cpmedium-header {
    text-align: left;
    font-size: 0.9em !important;
    color: black !important;
  }

  .carousel-multiple .play-area {
    display: block;
  }

  .carousel-multiple .owl-carousel .owl-video-play-icon {
    display: none;
  }
}
@media (max-width: 599px) {
  .carousel-multiple .play-area {
    display: none;
  }

  .carousel-multiple .owl-carousel .owl-video-play-icon {
    display: block;
  }

  .carousel-multiple .owl-prev,
  .carousel-multiple .owl-next {
    width: 30px;
    top: 0;
  }

  .carousel-multiple .owl-prev {
    margin-left: 0 !important;
  }

  .carousel-multiple .owl-next {
    right: 0;
  }

  .carousel-multiple .owl-theme .owl-nav [class*="owl-"],
  .carousel-multiple .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #0b0b0b;
    opacity: 0.5;
  }
}

/* CSS ANIMATION */

/* ANIMATION: SPINNER */
@keyframes spinner {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-o-keyframes spinner {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-ms-keyframes spinner {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-webkit-keyframes spinner {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-moz-keyframes spinner {
  0% {
    background-color: rgb(0, 0, 0);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

/* ANIMATION: FADE-IN */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* MISC: MARGIN */
.margin-top--50 {
  margin-top: 50px;
}

.margin-bottom--50 {
  margin-bottom: 50px;
}

/* MISC: CSS-LOADER */
.css-loader {
  position: relative;
  width: 125px;
  height: 125px;
  margin: auto;
  transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
}

.css-loader__circle {
  position: absolute;
  background-color: rgb(255, 255, 255);
  height: 22px;
  width: 22px;
  border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  animation-name: spinner;
  -o-animation-name: spinner;
  -ms-animation-name: spinner;
  -webkit-animation-name: spinner;
  -moz-animation-name: spinner;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

.css-loader__circle--1 {
  left: 0;
  top: 51px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
}

.css-loader__circle--2 {
  left: 15px;
  top: 15px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

.css-loader__circle--3 {
  left: 51px;
  top: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

.css-loader__circle--4 {
  right: 15px;
  top: 15px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

.css-loader__circle--5 {
  right: 0;
  top: 51px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

.css-loader__circle--6 {
  right: 15px;
  bottom: 15px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

.css-loader__circle--7 {
  left: 51px;
  bottom: 0;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

.css-loader__circle--8 {
  left: 15px;
  bottom: 15px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

/* COMPONENT: SEARCH-RESULT */
.search-result--list .media:first-child {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}

.search-result--list .media {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
}

.search-result--pagination {
  display: block;
  position: relative;
}

.search-result--pagination .pagination-list {
  display: block;
  list-style: none;
  text-align: center;
  margin: 7px 0 0;
  padding: 15px 0;
  border-top: 1px solid #e6e6e6;
}

.search-result--pagination li {
  display: inline-block;
}

.search-result--pagination .pagination-page {
  display: block;
  padding: 0 5px;
  cursor: pointer;
  font-weight: 300;
  padding: 0 5px;
  color: #a6a6a6;
  font-size: 20px;
}

.search-result--pagination .pagination-page:hover {
  color: #c00;
}

.search-result--pagination .pagination-page.active,
.search-result--pagination .pagination-page.active:hover {
  color: #262626;
  font-weight: 700;
}

.search-result--pagination .pagination-page.disabled,
.search-result--pagination .pagination-page.disabled:hover {
  cursor: text;
  color: #a6a6a6;
}

.search-result--pagination .pagination-page--prev,
.search-result--pagination .pagination-page--next {
  position: absolute;
  top: 15px;
  color: #262626;
  display: inline-block;
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
}

.search-result--pagination .pagination-page .glyphicon {
  top: 2px;
}

.search-result--pagination .pagination-page--prev {
  left: 0;
}

.search-result--pagination .pagination-page--next {
  right: 0;
}

/* COMPONENT: LOAD-MORE-CONTENT */
body:not(.is-edit-mode) .load-more-content--list > div {
  display: none;
}

body:not(.is-edit-mode) .load-more-content--list > div.loaded {
  display: block;
  animation: fadeIn ease 0.3s;
  -webkit-animation: fadeIn ease 0.3s;
  -moz-animation: fadeIn ease 0.3s;
  -o-animation: fadeIn ease 0.3s;
  -ms-animation: fadeIn ease 0.3s;
}

body:not(.is-edit-mode)
  .load-more-content--list
  > div.load-more-content--button {
  margin: 50px 0 30px;
  text-align: center;
}

body:not(.is-edit-mode) .load-more-content--button button {
  background: transparent;
  border: 1px solid #ddd;
  box-shadow: none;
  padding: 15px;
  max-width: 250px;
  width: 100%;
  border-radius: 3px;
  text-transform: uppercase;
  transition: ease-in all 0.1s;
  outline: none;
}

body:not(.is-edit-mode) .div.load-more-content--button button:hover {
  background-color: #ddd;
  border: 1px solid #ddd;
}

/* COMPONENT: CNN-LIVE-STREAM-HLS */
.cnn-live-stream-hls__container {
  margin: 0 auto;
  text-align: center;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.cnn-live-stream-hls__video {
  width: 100%;
  height: 100%;
}

.cnn-live-stream-hls__video .vjs-big-play-button {
  background-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/play_white.png");
  background-repeat: no-repeat;
  background-size: 46px;
  background-position: 50% calc(50% - 10px);
  border: none !important;
  box-shadow: none !important;
  transition: none;
}

.cnn-live-stream-hls__video .vjs-big-play-button:hover {
  background-color: transparent;
}

.cnn-live-stream-hls__video .vjs-big-play-button .vjs-icon-placeholder:before {
  display: none !important;
}

.cnn-live-stream-hls__loader {
  padding: 50px 0;
  background-color: #f5f5f5;
}

/* COMPONENT: CNN-ARTICLE-SNIPPET */
.article-snippet {
  border-top: 5px solid #000;
  margin: 20px 0;
  padding: 30px 0;
}

.article-snippet-content {
  padding: 0 40px;
}

.article-snippet-heading {
  margin-bottom: 12px;
}

.article-snippet-heading > dt {
  display: inline-block;
  font-weight: 400;
  padding: 0 10px;
  position: relative;
}

.article-snippet-heading > dt:nth-child(2):before {
  content: "";
  border-left: 1px solid #000;
  position: absolute;
  left: -2px;
  height: 100%;
}

.article-snippet-vertical {
  text-transform: uppercase;
}

.article-snippet-title {
  font-size: 28px;
}

@media (max-width: 767px) {
  .article-snippet-content {
    padding: 0 20px;
  }
}

/*************************************
GLOBAL
*********************************** */
.heading {
  font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 1.687em;
  margin: 0;
  padding: 30px 0 10px 0;
  color: #1a1a1a;
  position: relative;
  overflow: hidden;
}

.heading:after{
  border-bottom: 4px solid #a5a5a5;
  border-top: 4px solid #a5a5a5;
  padding: 1px;
  margin-left: 30px;
  position: absolute;
  width: 100%;
  top: 44px;
  display: inline-block;
  height: 4px;
  vertical-align: bottom;
  content: "";
}

/*************************************
COMMUNITY TEMPLATE
*********************************** */

.community__hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #7f7f7f;
  background-position: center;
  position: relative;
  padding: 50px 0 50px;
}

.community__hero:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.community__heroTitle {
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 5px;
  color: #fff;

}

.community__heroSubtitle {
  font-size: 1.2rem;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.community__heroIcon{
  width: 50px;
}

/*************************************
COMMUNITY TEMPLATE - MEDIA QUERY
*********************************** */
@media screen and (min-width: 768px) {
  .community__hero{
    font-size: 4em;
    padding-top: 100px;
  }

  .community__heroTitle{
    font-size: 4rem;
  }

  .community__heroSubtitle {
    font-size: 1.5rem;
  }

  .community__heroIcon{
    width: 75px;
  }
}

@media screen and (min-width: 1025px) {
  .community__hero{
    padding-top: 150px;
  }

  .community__heroTitle {
    font-size: 4rem;
    margin-bottom: 10px;
  }

  .community__heroSubtitle{
    font-size: 2rem;
  }

  .community__heroIcon{
    width: auto;
  }
}

@media screen and (min-width: 1367px) {
  .community__heroTitle {
    font-size: 5rem;
  }
}

/*************************************
QUOTE TEXT COMPONENT
*********************************** */
.quoteText{
  padding: 10px 0;
}

.quoteText .text{
  font-family: Satisfy, Helvetica, Arial, Utkal, sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  min-height: auto;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: normal;
  color: #000;
}

@media screen and (min-width: 768px) {
  .quoteText{
    padding: 15px 0;
  }

  .quoteText .text {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1025px) {
  .quoteText{
    padding: 20px 0;
  }

  .quoteText .text {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 1367px) {
  .quoteText{
    padding: 25px 0;
  }

  .quoteText .text {
    font-size: 3rem;
  }
}


/*************************************
FEATURED SECTION COMPONENT
*********************************** */

.featuredSection{
  background: steelblue;
}

.featuredSection__wrap{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 50px 10px 50px;
}

.featuredSection__content{
  width: 100%;
  margin: 0 25px;
  color: #fff;
}

.featuredSection__title{
  font-weight: bold;
  font-size: 1.5em;
  padding: 0;
  margin-bottom: 15px;
}

.featuredSection__description p{
  font-size: 0.9em;
  margin-bottom: 0;
}

.featuredSection__image{
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  .featuredSection__title{
    font-size: 1.75em;
  }

  .featuredSection__description p {
    font-size: 1em;
  }
}

@media screen and (min-width: 998px) {
  .featuredSection__title{
    font-size: 2em;
  }

  .featuredSection__description p {
    font-size: 1.2em;
  }

  .featuredSection__wrap {
    flex-direction: row;
    padding: 70px 20px 70px;
  }

  .featuredSection__content{
    width: 80%;
  }

  .featuredSection__content--full{
    width: 100%;
  }

  .featuredSection__image{
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1025px) {
  .featuredSection__content{
    margin: 0 50px 0 0;
  }
}

/*************************************
IMAGE GROUP COMPONENT
*********************************** */
.imageGroup {
  margin: 25px 0;
}

.imageGroup .imageLink {
  padding: 20px 10px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .imageGroup {
    margin: 50px 0;
  }
}

/*************************************
IMAGE LINK CAROUSEL COMPONENT
*********************************** */
body.is-edit-mode .imageLinkCarousel .imageLinkCarousel__item {
  width: 33%;
  display: inline-block;
}

body.is-edit-mode .imageLinkCarousel .imageLinkCarousel__controls {
  display: none;
}

.imageLinkCarousel{
  margin: 25px 0;
}

.imageLinkCarousel .imageLinkCarousel__container{
  position: relative;
}

.imageLinkCarousel .imageLink {
  padding: 20px 10px;
  text-align: center;
}

.imageLinkCarousel .imageLinkCarousel__controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.imageLinkCarousel .imageLinkCarousel__controls button {
  border: none;
  padding: 0;
  position: absolute;
  top: 45%;

  border-radius: 50%;
  background: steelblue;
  width: 50px;
  height: 50px;
}

.imageLinkCarousel .imageLinkCarousel__controls--prev{
  left: 0;
}

.imageLinkCarousel .imageLinkCarousel__controls--next{
  right: 0;
}

.imageLinkCarousel .imageLinkCarousel__controls .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-left: 10px solid white;
  margin-left: 22px;
}

.imageLinkCarousel .imageLinkCarousel__controls .arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-right: 10px solid white;
  margin-left: 18px;
}

@media screen and (min-width: 768px) {
  .imageLinkCarousel {
    margin: 50px 0;
  }
}

/*************************************
CALLOUT CARD GROUP COMPONENT
*********************************** */
.calloutCardGroup{
  margin-bottom: 50px;
}

.calloutCardGroup .calloutCard{
  text-align: center;
  padding: 20px 10px;
}

.calloutCard__image{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  height: 250px;
}

.calloutCard__image img{
  max-height: 100%;
}

.calloutCard p{
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 1.5;
}

.calloutCard__text{
  text-align: center;
}

@media screen and (min-width: 768px) {
  .calloutCard p{
    font-size: 1em;
  }

  .calloutCard__text{
    text-align: left;
  }
}

@media screen and (min-width: 998px) {
  .calloutCard p{
    font-size: 1.2em;
  }
}

/*************************************
FEATURED ARTICLE COMPONENT
*********************************** */
.featuredArticle {
  margin: 25px 0;
}

@media screen and (min-width: 768px) {
  .featuredArticle {
    margin: 50px 0;
  }
}

/*************************************
ARTICLE COMPONENT
*********************************** */

.article{
  margin: 10px 0;
}

.article .article__link {
  height: 300px;
  width: 100%;
  color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.article .article__link:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.3);
  z-index: 1;
}

.article .article__link:hover,
.article .article__link:focus,
.article .article__link:active{
  color: #fff !important;
}

.article .article__barTitle{
  background-color: #cc0000;
  padding: 7px 15px;
  z-index: 2;
}

.article .article__title{
  padding: 10px 15px;
  margin-bottom: 20px;
  z-index: 2;
}

/*************************************
PAGE CAROUSEL
*********************************** */
.pageCarousel {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 70px;
}

.pageCarousel .pageCarousel__navContainer{
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  padding: 5px;
  background-color: rgba(0,0,0,0.05);
}

.pageCarousel .pageCarousel__navContainer button{
  flex: 1;
  margin: 5px;
  height: 6px;
  border-radius: 0;
  background: #ccc;
  border: none;
  width: 100%;
  padding: 0;
}

.pageCarousel .pageCarousel__navContainer span{
  display: block;
  background: #fff;
  width: 0%;
  height: 100%;
  transition: 0.3s ease-in-out;
}

.pageCarousel .pageCarousel__navContainer .tns-nav-loaded span{
  background-color: #fff;
  width: 100%;
}

.pageCarousel .pageCarousel__navContainer .tns-nav-active span {
  animation: progressbar-countdown;
  /* Placeholder, this will be updated using javascript */
  animation-duration: 5s;
  /* We stop in the end */
  animation-iteration-count: 1;
  /* Stay on pause when the animation is finished finished */
  animation-fill-mode: forwards;
  /* We start paused, we start the animation using javascript */
  animation-play-state: paused;
  /* We want a linear animation, ease-out is standard */
  animation-timing-function: linear;
}

@keyframes progressbar-countdown {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.pageCarousel .tns-outer{
  position: relative;
}

.pageCarousel .tns-slider,
.pageCarousel .tns-outer,
.pageCarousel .tns-ovh,
.pageCarousel .tns-inner{
  height: 100% !important;
}

.pageCarousel__controls button {
  background: none;
  border: none;
}

.pageCarousel__controls--prev{
  position: absolute;
  top: 50%;
  left: 0;
}

.pageCarousel__controls--next{
  position: absolute;
  top: 50%;
  right: 0;
}

.pageCarousel__controls--next .svg-back{
  display: none;
}

.pageCarousel__controls--next.disabled .svg-back {
  display: block;
  cursor: pointer;
}

.pageCarousel__controls--next.disabled .svg-next {
  display: none;
}

.pageCarousel__controls svg{
  fill: #fff;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  height: 50px;
  padding: 10px 5px 5px;
}


.pageCarousel__item{
  background-repeat: no-repeat;
  background-color: #7f7f7f;
  background-size: cover;
  background-position: center;

  height: 100%;
  position: relative;
}

.pageCarousel__caption{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
  min-height: 35%;
  color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
  transition: 0.3s ease-in-out;
}

.pageCarousel__caption .pageCarousel__caption--body {
  margin: 0;
}

.pageCarousel__caption--title{
  font-family: cnn-roman, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 2rem;
  font-weight: bold;
}

.pageCarousel__caption--subtitle{
  font-family: cnn-roman, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
  font-size: 1.25rem;
  padding-left: 0;
  paddng-right: 0;
}

.pageCarousel__caption--footer {
  font-family:monaco,"courier new",verdana;
  font-size: 1rem;
  text-align: right;
  margin-top: 30px;
}

.pageCarousel__caption--footer span:nth-child(2):before{
  content: " | ";
  padding: 0 10px;
}

@media screen and (min-width: 768px) {
  .pageCarousel .pageCarousel__navContainer button{
    height: 8px;
  }

  .pageCarousel__controls--prev{
    left: 10px;
  }

  .pageCarousel__controls--next{
    right: 10px;
  }

  .pageCarousel__controls svg{
    height: 55px;
  }

  .pageCarousel__caption{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pageCarousel__caption--title{
    font-size: 3rem;
  }

  .pageCarousel__caption--subtitle{
    font-size: 1.75rem;
  }

  .pageCarousel__caption .pageCarousel__caption--body {
    margin: auto;
  }
}

@media screen and (min-width: 1025px) {
  .pageCarousel .pageCarousel__navContainer button{
    height: 10px;
  }

  .pageCarousel__controls--prev{
    left: 20px;
  }

  .pageCarousel__controls--next{
    right: 20px;
  }

  .pageCarousel__controls svg{
    height: 60px;
  }

  .pageCarousel__caption{
    opacity: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .pageCarousel__item:hover .pageCarousel__caption{
    opacity: 1;
  }

  .pageCarousel__caption--title{
    font-size: 5rem;
  }

  .pageCarousel__caption--subtitle{
    font-size: 2rem;
  }

  .pageCarousel__caption--footer{
    margin-top: 50px;
  }
}