body.cnnespanol-site { padding-top: 0; } .cnnespanol-site { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; } .cnnespanol-site .footer-main { margin-top: 0; } .cnnespanol-site .main { padding-top: 20px; margin-top: 0; margin-bottom: 35px; } .cnnespanol-site .main__content { background-color: white; padding-top: 12px !important; } .cnnespanol-site h1, .cnnespanol-site h2, .cnnespanol-site h3, .cnnespanol-site h4, .cnnespanol-site h5, .cnnespanol-site h6, .cnnespanol-site h7, .cnnespanol-site p { clear: none; margin: 0; } .cnnespanol-site ol, .cnnespanol-site ul, .cnnespanol-site li { margin: 0; padding: 0; } @media (max-width: 959px) { .cnnespanol-site .main { padding-top: 20px; } } .cnnespanol-site .bg-black { background-color: black; } .cnnespanol-site .bg-red { background-color: #CC0000; } .cnnespanol-site .ovf-h { overflow: hidden; width: 100%; } .cnnespanol-site .text-center { text-align: center; } .cnnespanol-site .centrize { display: table; table-layout: fixed; height: 100%; width: 100%; position: relative; } .cnnespanol-site .v-center { display: table-cell; vertical-align: middle; } .cnnespanol-site .mb-50 { margin-bottom: 50px !important; } .cnnespanol-site .banner { text-align: center; display: block; margin: 0 auto 40px; } .cnnespanol-site .banner--mb-0 { margin-bottom: 0; } .cnnespanol-site .banner--mb-15 { margin-bottom: 15px; } .cnnespanol-site .banner--mb-30 { margin-bottom: 30px; } .cnnespanol-site .banner--mb-55 { margin-bottom: 55px; } .cnnespanol-site .banner--mt-45 { margin-top: 45px; } .cnnespanol-site .banner--mt-55 { margin-top: 55px; } .cnnespanol-site .banner--mt-103 { margin-top: 103px; } .cnnespanol-site .banner--ht-600 { height: 600px; } .cnnespanol-site .banner--in-col-4 { margin-top: 111px; margin-bottom: 0; } .cnnespanol-site .banner--sticky .wrap-ad { position: sticky; top: 50px; } .cnnespanol-site .form { position: relative; } .cnnespanol-site .form .form_group { position: relative; } .cnnespanol-site .form .form_input { text-align: left; width: 100%; height: 40px; line-height: 40px; padding-left: 15px; border: none; } .cnnespanol-site .form .form_input::-webkit-input-placeholder { color: black; } .cnnespanol-site .form .form_input:-moz-placeholder { color: black; } .cnnespanol-site .form .form_input::-moz-placeholder { color: black; } .cnnespanol-site .form .form_input:-ms-input-placeholder { color: black; } .cnnespanol-site .form .message { margin-top: 4px; } .cnnespanol-site .form .message.error { color: #CC0000; font-size: 14px; } .cnnespanol-site .form .message.success { font-size: 14px; } .cnnespanol-site .form .message.danger { font-size: 14px; } .cnnespanol-site .form--newsletter { margin: 0 auto; display: block; max-width: 536px; } .cnnespanol-site .form--newsletter .form_input { color: black; font: 500 14px/23px "CNNSans-Condensed", Helvetica Neue, Arial; background-color: white; padding-left: 16px; } .cnnespanol-site .form--newsletter .btn-submit { position: absolute; border: none; background-color: transparent; padding: 0; font-size: 16px; top: 11px; right: 12px; color: black; } body.cnnespanol-site .mt--15 { margin-top: 15px; } body.cnnespanol-site .mt--25 { margin-top: 25px; } body.cnnespanol-site .mb--15 { margin-bottom: 15px; } body.cnnespanol-site .mb--25 { margin-bottom: 25px; } body.cnnespanol-site .news__excerpt li::marker { content: ""; } body.cnnespanol-site div[class^='generals-bop__container'], body.cnnespanol-site div[class*='generals-bop__container'] { margin: 0 auto; } body.cnnespanol-site .cnne-flex--wrap { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 2rem auto; width: 100%; height: auto; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } body.cnnespanol-site .cnne-flex--wrap .cnne-flex--item { margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 50%; min-width: 384px; } body.cnnespanol-site .cnne-flex--wrap .cnne-flex--item:first-child { padding-right: 15px; } body.cnnespanol-site .cnne-flex--wrap .cnne-flex--item:last-child { padding-left: 15px; } @media (max-width: 768px) { body.cnnespanol-site .cnne-flex--wrap .cnne-flex--item { padding: 0; width: 100%; min-width: initial; } } @font-face { font-family: "cnnicon"; src: url("../../../fonts/cnnicon.woff") format("woff"), url("../../../fonts/cnnicon.ttf") format("truetype"), url("../../../fonts/cnnicon.woff2") format("woff2"); font-weight: normal; font-style: normal; } .cnnespanol-site .cnnicon:before { display: inline-block; font-family: "cnnicon"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cnnespanol-site .cnnicon--copy:before { content: "\EA01"; } .cnnespanol-site .cnnicon--facebook:before { content: "\EA02"; } .cnnespanol-site .cnnicon--mail:before { content: "\EA03"; } .cnnespanol-site .cnnicon--playlist:before { content: "\EA04"; } .cnnespanol-site .cnnicon--whatsapp:before { content: "\EA06"; } .cnnespanol-site .cnnicon--sound-on:before { content: "\EA07"; } .cnnespanol-site .cnnicon--sound-off:before { content: "\EA08"; } .cnnespanol-site .cnnicon--close:before { content: "\EA09"; } .cnnespanol-site .cnnicon--arrow:before, .cnnespanol-site .cnnicon--arrow-right:before { content: "\EA10"; } .cnnespanol-site .cnnicon--facebook-square:before { content: "\EA11"; } .cnnespanol-site .cnnicon--instagram:before { content: "\EA12"; } .cnnespanol-site .cnnicon--quote:before { content: "\EA13"; } .cnnespanol-site .cnnicon--newsletter:before { content: "\EA14"; } .cnnespanol-site .cnnicon--cnne:before { content: "\EA15"; } .cnnespanol-site .cnnicon--arrow-up:before { content: "\EA16"; } @font-face { font-family: "CNNSans-Condensed"; src: url("../../../fonts/CNNSansW04-Condensed.eot?#iefix"); src: url("../../../fonts/CNNSansW04-Condensed.eot?#iefix") format("eot"), url("../../../fonts/CNNSansW04-Condensed.woff") format("woff2"), url("../../../fonts/CNNSansW04-Condensed.woff") format("woff"), url("../../../fonts/CNNSansW04-Condensed.ttf") format("truetype"), url("../../../fonts/CNNSansW04-Condensed.svg#CNNSansW04-Condensed") format("svg"); font-weight: 500; } @font-face { font-family: "CNNSans-Condensed-Bold"; src: url("../../../fonts/CNNSansW04-CondensedBold.eot?#iefix"); src: url("../../../fonts/CNNSansW04-CondensedBold.eot?#iefix") format("eot"), url("../../../fonts/CNNSansW04-CondensedBold.woff2") format("woff2"), url("../../../fonts/CNNSansW04-CondensedBold.woff") format("woff"), url("../../../fonts/CNNSansW04-CondensedBold.ttf") format("truetype"), url("../../../fonts/CNNSansW04-CondensedBold.svg#CNNSansW04-CondensedBold") format("svg"); font-weight: 700; } @font-face { font-family: "CNN Sans"; src: url("../../../fonts/CNNSansW04-Regular.eot?#iefix"); src: url("../../../fonts/CNNSansW04-Regular.eot?#iefix") format("eot"), url("../../../fonts/CNNSansW04-Regular.woff") format("woff"), url("../../../fonts/CNNSansW04-Regular.ttf") format("truetype"), url("../../../fonts/CNNSansW04-Regular.svg#CNNSansW04-Regular") format("svg"); } @font-face { font-family: "CNN Sans"; src: url("../../../fonts/CNNSansW04-Light.eot?#iefix"); src: url("../../../fonts/CNNSansW04-Light.eot?#iefix") format("eot"), url("../../../fonts/CNNSansW04-Light.woff") format("woff"), url("../../../fonts/CNNSansW04-Light.ttf") format("truetype"), url("../../../fonts/CNNSansW04-Light.svg#CNNSansW04-Light") format("svg"); font-weight: 300; } @font-face { font-family: "CNN Sans Condensed"; src: url("../../../fonts/CNNSansW04-Condensed.eot?#iefix"); src: url("../../../fonts/CNNSansW04-Condensed.eot?#iefix") format("eot"), url("../../../fonts/CNNSansW04-Condensed.woff") format("woff"), url("../../../fonts/CNNSansW04-Condensed.ttf") format("truetype"), url("../../../fonts/CNNSansW04-Condensed.svg#CNNSansW04-Condensed") format("svg"); } @font-face { font-family: "CNN Sans Condensed"; src: url("../../../fonts/CNNSansW04-CondensedBold.eot?#iefix"); src: url("../../../fonts/CNNSansW04-CondensedBold.eot?#iefix") format("eot"), url("../../../fonts/CNNSansW04-CondensedBold.woff") format("woff"), url("../../../fonts/CNNSansW04-CondensedBold.ttf") format("truetype"), url("../../../fonts/CNNSansW04-CondensedBold.svg#CNNSansW04-CondensedBold") format("svg"); font-weight: bold; } @font-face { font-family: "CNN Sans Condensed"; src: url("../../../fonts/CNNSansW04-CondensedLight.eot?#iefix"); src: url("../../../fonts/CNNSansW04-CondensedLight.eot?#iefix") format("eot"), url("../../../fonts/CNNSansW04-CondensedLight.woff") format("woff"), url("../../../fonts/CNNSansW04-CondensedLight.ttf") format("truetype"), url("../../../fonts/CNNSansW04-CondensedLight.svg#CNNSansW04-CondensedLight") format("svg"); font-weight: 300; } .module { margin-bottom: 30px; } .module__header { border-bottom: 3px solid #f2f2f2; margin-bottom: 30px; } .module__header--center { text-align: center; } .module__header--center .module__title:after { left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .module__title { display: inline-block; font: bold 18px/18px "CNN Sans Condensed"; text-transform: uppercase; position: relative; padding: 15px 0; margin-bottom: -3px !important; } .module__title:after { content: ""; position: absolute; bottom: 0; left: 0; height: 3px; background-color: #CC0000; width: 0%; min-width: 40px; transition: all .3s ease; } .module__title:hover:after { width: 100%; } .module__title a { color: inherit; } .module__title--select { position: relative; } .module__title--select span { position: relative; padding-right: 40px; } .module__title--select span:after { content: ""; position: absolute; top: 9px; right: 9px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #262626 transparent transparent transparent; } .module__title--select ul { display: none; position: absolute; top: 100%; left: 0; z-index: 2; background-color: white; padding: 0; margin: -3px 0 0; list-style: none; background-color: white; border: 1px solid #d9d9d9; } .module__title--select li { display: block; position: relative; height: 45px; padding: 0 20px; font-size: 16px; line-height: 45px; white-space: nowrap; cursor: pointer; } .module__title--select li + li { border-top: 1px solid #d9d9d9; } .module__title--select-active span:after { border-width: 0 8px 8px 8px; border-color: transparent transparent #cc0000 transparent; } .module__title--select-active ul { display: block; } .module__content-select { display: none; } .module__content-active { display: block; } .module--slider .swiper-actions { display: block; text-align: center; } .module--slider .swiper-pagination { display: inline-block; vertical-align: top; position: static; margin: 7px 10px 0; } .module--slider .swiper-pagination-bullet { background-color: #D9D9D9; margin: 0 3px; } .module--slider .swiper-pagination-bullet-active { background-color: #CC0900; } .module--slider .swiper-button { display: inline-block; vertical-align: top; position: static; margin: 0; font-size: 20px; line-height: 20px; width: 40px; padding: 0; height: 40px; color: black; border: none; outline: none; background: none; } .module--slider .swiper-button-prev { -ms-transform: rotate(180deg); transform: rotate(180deg); } .cnnespanol-site .swiper-actions { display: block; text-align: center; } .cnnespanol-site .swiper-actions .swiper-button-next, .cnnespanol-site .swiper-actions .swiper-button-prev, .cnnespanol-site .swiper-actions .swiper-pagination { display: inline-block; margin: 0 !important; position: static !important; float: none; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .cnnespanol-site .swiper-actions .swiper-button-prev { -ms-transform: translate(0, 0) rotate(180deg) !important; transform: translate(0, 0) rotate(180deg) !important; } .cnnespanol-site .swiper-actions .swiper-pagination { position: relative !important; top: -6px; } .cnnespanol-site .swiper-actions .swiper-pagination-bullet { margin: 0 5px; } .cnnespanol-site .mod { margin-bottom: 20px; } .cnnespanol-site .mod--secondary .mod__header { background-color: #f2f2f2; height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; margin-bottom: 15px; } .cnnespanol-site .mod--secondary .mod__title { font: 16px/36px "CNNSans-Medium", Helvetica Neue, Arial; } .cnnespanol-site .mod--secondary .mod__title small { font-family: "CNNSans-Light", Helvetica Neue, Arial; } .cnnespanol-site .mod--secondary .mod__title:after, .cnnespanol-site .mod--secondary .mod__title:before { display: none; } .cnnespanol-site .mod__header { position: relative; margin-bottom: 25px; } .cnnespanol-site .mod__actions { position: absolute; top: -4px; right: 0; height: 35px; background-color: white; } .cnnespanol-site .mod__sponsor { display: inline-block; vertical-align: top; margin: 0 10px; } .cnnespanol-site .mod__sponsor span { font-size: 11px; display: inline-block; vertical-align: top; color: #b9b9b9; line-height: 34px; margin-right: 8px; } .cnnespanol-site .mod__link { font-size: 18px; line-height: 34px; color: #006598; display: inline-block; vertical-align: top; margin-left: 10px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .mod__link:hover { color: #cc0000; } .cnnespanol-site .mod__title { position: relative; display: block; font-weight: 300; font-size: 24px; line-height: 26px; margin-bottom: 12px; padding-top: 1px; color: #262626; } .cnnespanol-site .mod__title span { background-color: white; position: relative; z-index: 2; padding-right: 10px; } .cnnespanol-site .mod__title:after, .cnnespanol-site .mod__title:before { content: ""; position: absolute; bottom: 8px; left: 0; width: 100%; height: 4px; background-color: #d9d9d9; } .cnnespanol-site .mod__title:before { bottom: 13px; } .cnnespanol-site .mod__title--bottom-line-left, .cnnespanol-site .mod__title--bottom-line-center { color: black; font: 700 18px/20px "CNNSans-Condensed", Helvetica Neue, Arial; text-transform: uppercase; border-bottom: 3px solid #f1f1f1; padding-bottom: 12px; margin-bottom: 0; padding-top: 50px; letter-spacing: 0.12rem; } .cnnespanol-site .mod__title--bottom-line-left:before, .cnnespanol-site .mod__title--bottom-line-center:before { display: none; } .cnnespanol-site .mod__title--bottom-line-left:after, .cnnespanol-site .mod__title--bottom-line-center:after { content: ""; background-color: #CC0000; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .cnnespanol-site .mod__title--bottom-line-left a, .cnnespanol-site .mod__title--bottom-line-center a { position: relative; color: inherit; } .cnnespanol-site .mod__title--bottom-line-left a:after, .cnnespanol-site .mod__title--bottom-line-center a:after { content: ""; background-color: #CC0000; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -12px; width: 0; height: 3px; transition: width 0.3s ease; -ms-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -webkit-transition: width 0.3s ease; box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .cnnespanol-site .mod__title--bottom-line-left a:hover:after, .cnnespanol-site .mod__title--bottom-line-center a:hover:after { width: 100%; } .cnnespanol-site .mod__title--bottom-line-left { margin-bottom: 20px; } .cnnespanol-site .mod__title--bottom-line-left a:after { left: 0; margin: 0; } .cnnespanol-site .mod__title--bottom-line-center { text-align: center; margin-bottom: 30px; } .cnnespanol-site .mod__title--bottom-line-center span { padding-right: 0; } .cnnespanol-site .mod__title--bottom-line-center:after { right: 0; margin: 0 auto; } .cnnespanol-site .mod__subtitle { color: #262626; font: 500 14px/23px "CNNSans-Condensed", Helvetica Neue, Arial; } .cnnespanol-site .mod--slider .slick-arrow { margin: 0; border: none; width: 40px; height: 100%; border-radius: 0; position: absolute; top: 0; background-color: white; } .cnnespanol-site .mod--slider .slick-arrow.slick-disabled:after, .cnnespanol-site .mod--slider .slick-arrow.slick-disabled:before { background-color: #c1c1c1; } .cnnespanol-site .mod--slider .slick-arrow:after, .cnnespanol-site .mod--slider .slick-arrow:before { border: none; top: 45px; left: 6px; opacity: 1; width: 5px; height: 28px; background-color: black; border-radius: 3px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .mod--slider .slick-arrow:before { top: 63px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .cnnespanol-site .mod--slider .slick-next { right: -28px; } .cnnespanol-site .mod--slider .slick-next:before { left: 26px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cnnespanol-site .mod--slider .slick-next:after { left: 26px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .cnnespanol-site .mod--slider .slick-prev { left: -28px; } .cnnespanol-site .mod--slider .slick-dots { float: none; width: 100%; text-align: center; } .cnnespanol-site .mod--slider .slick-dots li { float: none; display: inline-block; vertical-align: top; width: 8px; height: 8px; border: none; background-color: #d9d9d9; margin: 0 5px; } .cnnespanol-site .mod--slider .slick-dots li.slick-active { background-color: black; } .cnnespanol-site .mod--slider-style-two { margin-bottom: 0; position: relative; overflow: hidden; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-container { padding-bottom: 92px; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-slide { position: relative; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-slide:before { content: ""; position: absolute; top: 0; right: -16px; width: 1px; height: 100%; background-color: #f1f1f1; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-actions { position: absolute; bottom: 26px; left: 0; width: 100%; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-pagination-bullet { background-color: #D9D9D9; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-pagination-bullet-active { background-color: #CC0000; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-next, .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-prev { margin: 0; border: none; width: 40px; border-radius: 0; position: absolute; color: #848484; font-size: 20px; bottom: 0; left: 50%; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-next:hover, .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-prev:hover { color: #CC0000; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-next:after, .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-prev:after { content: "\EA10"; border: none; top: 0; left: 0; opacity: 1; display: inline-block; font-family: "cnnicon"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-next:before, .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-prev:before { display: none; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-next, .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-prev { left: 50%; top: inherit; bottom: 26px; height: 20px; font: 100 0/0 "CNNSans-Condensed", Helvetica Neue, Arial; background-image: none; } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-next { margin-left: 60px; border: none; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); } .cnnespanol-site .mod--slider-style-two .swiper-slider .swiper-button-prev { margin-left: -60px; transform: translate(-50%, 0) rotate(180deg); -ms-transform: translate(-50%, 0) rotate(180deg); -moz-transform: translate(-50%, 0) rotate(180deg); -webkit-transform: translate(-50%, 0) rotate(180deg); } .cnnespanol-site .mod--slider-style-two .swiper-slider .news--box-style-two .news__media { margin-bottom: 11px; } .cnnespanol-site .mod--videos-del-dia .mod__title--bottom-line-left, .cnnespanol-site .mod--videos-del-dia .mod__title--bottom-line-center { padding-bottom: 27px; } .cnnespanol-site .mod--videos-del-dia .mod__title--bottom-line-center a:after { bottom: -27px; } .cnnespanol-site .mod--videos-del-dia .mod__sponsor { bottom: 27px; } .cnnespanol-site .mod--opinion { margin-bottom: 40px; } .cnnespanol-site .mod--opinion .row--inner { margin: 0 -4px; } .cnnespanol-site .mod--opinion .col { padding: 0 4px; } .cnnespanol-site .mod--opinion .mod__title--bottom-line-center { padding-top: 51px; } .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-container { padding-bottom: 25px; } .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-slide:before { display: none; } .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-pagination-bullet { background-color: #D9D9D9; transition: background 0.3s; -ms-transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; } .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-pagination-bullet:hover { background-color: #CC0000; } .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-pagination-bullet-active { background-color: #CC0000; } .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-actions { bottom: 3px; } .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-button-prev:hover, .cnnespanol-site .mod--opinion.mod--slider-style-two .swiper-slider .swiper-button-next:hover { color: #CC0000; } .cnnespanol-site .mod--opinion .news__label a { color: #CC0000; } .cnnespanol-site .mod--opinion .news__label a:hover { color: #252525; } .cnnespanol-site .mod--frase-del-dia { position: relative; padding: 87px 0 0 143px; min-height: 514px; margin-bottom: 54px; } .cnnespanol-site .mod--frase-del-dia:before { content: "\EA13"; display: inline-block; font-family: "cnnicon"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; color: white; font-size: 82px; position: absolute; top: 60px; left: -3px; } .cnnespanol-site .mod--frase-del-dia .mod__title { font: 700 14px/14px "CNNSans-Condensed", Helvetica Neue, Arial; text-transform: uppercase; color: white; margin-bottom: 39px; } .cnnespanol-site .mod--frase-del-dia .mod__title:before, .cnnespanol-site .mod--frase-del-dia .mod__title:after { display: none; } .cnnespanol-site .mod--photogallery { position: relative; margin-bottom: 0; padding-top: 5em; } .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-container { padding-bottom: 0; } .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-slide:before { content: ''; position: absolute; top: 0; right: 0; background: #fff; height: 100%; width: 1px; } .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-pagination { bottom: 41px; } .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-button-next, .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-button-prev { margin: 0; top: 50%; color: white; } .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-button-next:hover, .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-button-prev:hover { color: #848484; } .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-button-next { right: 0; left: inherit; transform: translatey(-50%); -ms-transform: translatey(-50%); -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); } .cnnespanol-site .mod--photogallery.mod--slider-style-two .swiper-button-prev { left: 0; right: inherit; transform: translatey(-50%) rotate(180deg); -ms-transform: translatey(-50%) rotate(180deg); -moz-transform: translatey(-50%) rotate(180deg); -webkit-transform: translatey(-50%) rotate(180deg); } .cnnespanol-site .mod--photogallery .mod__header { position: absolute; top: 30.9%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 2; margin: 0; } .cnnespanol-site .mod--photogallery .mod__title { font: 700 12px/14px "CNNSans-Condensed", Helvetica Neue, Arial; text-transform: uppercase; color: #c4c4c4; margin: 0; letter-spacing: 0.06rem; } .cnnespanol-site .mod--photogallery .mod__title:before, .cnnespanol-site .mod--photogallery .mod__title:after { display: none; } .cnnespanol-site .mod--photogallery .news--innerbox { margin-bottom: 0; } .cnnespanol-site .mod--photogallery .news--innerbox .news__media { margin-bottom: 0; padding-top: 45.73%; } .cnnespanol-site .mod--photogallery .news--innerbox .news__media a.news__media-item:before { content: ""; position: absolute; display: inline-block; top: 50%; left: 50%; width: 100%; height: 100%; background-color: #000; z-index: 1; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .mod--photogallery .news--innerbox .news__data { width: 100%; max-width: 840px; padding: 0; top: 50%; left: 50%; bottom: inherit; right: inherit; z-index: 2; background: none; margin: 0; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .mod--photogallery .news--innerbox .news__data .news__title { font: 700 50px/57px "CNNSans-Condensed", Helvetica Neue, Arial; text-align: center; overflow: hidden; max-height: 114px; margin-bottom: 21px; } .cnnespanol-site .mod--photogallery .news--innerbox .news__data .news__excerpt { text-align: center; position: relative; overflow: hidden; max-height: 75px; } .cnnespanol-site .mod--photogallery .news--innerbox .news__data .news__excerpt p { color: #fff; font: 500 18px/25px "CNNSans-Medium", Helvetica Neue, Arial; max-width: 520px; display: inline-block; } .cnnespanol-site .mod--form-newsletter { margin-bottom: 46px; padding: 39px 0 55px 0; } .cnnespanol-site .mod--form-newsletter .mod__title { color: white; font: 500 30px/48px "CNNSans-Condensed", Helvetica Neue, Arial; text-align: center; margin-bottom: 2px; } .cnnespanol-site .mod--form-newsletter .mod__title:before, .cnnespanol-site .mod--form-newsletter .mod__title:after { display: none; } .cnnespanol-site .mod--form-newsletter .mod__subtitle { color: white; text-align: center; margin-bottom: 28px; } .cnnespanol-site .mod--innerbox-destacado .slider-pagination-fraction { top: 20px; right: 20px; } .cnnespanol-site .mod--style-two { margin-bottom: 0; } .cnnespanol-site .mod--style-two .mod__sponsor { font: 500 12px/14px "CNNSans-Condensed", Helvetica Neue, Arial; letter-spacing: 0.08rem; position: absolute; bottom: 12px; right: 0; margin: 0; } .cnnespanol-site .mod--style-two .mod__sponsor span { line-height: 25px; margin-right: 16px; } .cnnespanol-site .mod--style-two .mod__sponsor img { width: auto; } .cnnespanol-site .mod--style-two .mod__header { margin-bottom: 20px; } .cnnespanol-site .mod--style-two.mod--shortcode img { height: auto; } .cnnespanol-site .mod--white .mod__header { margin-bottom: 30px; } .cnnespanol-site .mod--white .mod__title { color: #000; } .cnnespanol-site .mod--white .mod__title span { background-color: transparent; } .cnnespanol-site .mod--white .mod__title--bottom-line-left, .cnnespanol-site .mod--white .mod__title--bottom-line-center { border-color: #f1f1f1; } .cnnespanol-site .mod.mb-74 { margin-bottom: 74px; } .cnnespanol-site .mod--videos-del-dia .mod__sponsor { bottom: 27px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-0 .news--summary-destacado { margin-top: -10px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 { margin-bottom: 50px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox:hover .news__title a { cursor: none; color: white; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox .news__title a:hover { cursor: pointer; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox .news__title a:hover:hover a { color: #CC0000; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox:hover .news__data .news__title, .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox:hover .news__data .news__title a { color: white; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox .news__data { pointer-events: inherit; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox .news__data .news__title:hover, .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox .news__data .news__title:hover a { color: #CC0000; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox .news__title { pointer-events: inherit; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--3-4 { width: 65.1%; margin-right: 0; padding-right: 7px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--1-4 { width: 34.9%; padding-left: 7px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--1-4 .news--box-style-two.news--innerbox { margin-bottom: 14px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--1-4 .news--box-style-two.news--innerbox:last-of-type { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .swiper-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .swiper-container { padding-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .swiper-pagination-fraction { top: 20px !important; right: 20px !important; padding: 5px 0 5px !important; width: 73px !important; height: 27px !important; text-align: center !important; border-radius: 14px !important; -ms-border-radius: 14px !important; -moz-border-radius: 14px !important; -webkit-border-radius: 14px !important; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .mod__content { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__media { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__data { pointer-events: inherit; z-index: 1; padding: 15px 81px 31px 35px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__label { margin-bottom: 18px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt { margin-top: 12px; color: white; font-weight: 400; font-size: 14px; line-height: 20px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt p { color: white; font: inherit; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt a { color: white; text-decoration: underline; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ul, .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ol { color: #262626; font: 500 15px/23px "CNNSans-Condensed", Helvetica Neue, Arial; margin: 10px 0 0; list-style: none; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ul li, .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ol li { color: white; position: relative; padding-left: 15px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ul li:before, .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ol li:before { display: inline-block; width: 5px; background: white; height: 5px; margin-left: 0px; position: absolute; top: 9px; left: 0; border-radius: 125px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ol li { counter-increment: li; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .news__excerpt ol li:before { content: counter(li); width: inherit; height: inherit; background: transparent; top: 0; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .mod--slider-style-two .news--innerbox-destacado .share-buttons-style-two { right: 22px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox { margin-bottom: 2.8%; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox .news__label { margin-bottom: 12px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox-destacado { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .news--box-style-two.news--innerbox-destacado .news__label { margin-bottom: 18px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .slider-pagination-fraction { padding: 5px 0 5px; width: 73px; height: 27px; top: 20px; right: 20px; border-radius: 14px; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } .cnnespanol-site .mod-wrappper-header-destacado-v2 { margin-bottom: 46px; } .cnnespanol-site .mod-wrappper-header-destacado-v2 .col--c-8 { width: 59.231%; } .cnnespanol-site .mod-wrappper-header-destacado-v2 .col--c-6 { width: 37.95%; margin-left: 2.81818%; } .cnnespanol-site .mod-wrappper-header-destacado-story { margin-bottom: 26px; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .swiper-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .swiper-container { padding-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .swiper-pagination-fraction { top: 20px !important; right: 20px !important; padding: 5px 0 5px !important; width: 73px !important; height: 27px !important; text-align: center !important; border-radius: 14px !important; -ms-border-radius: 14px !important; -moz-border-radius: 14px !important; -webkit-border-radius: 14px !important; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .mod__content { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .news--box-style-two.news--innerbox-destacado .news__data { pointer-events: inherit; z-index: 1; padding: 15px 35px 46px 35px; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado { margin-bottom: 0; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado:hover .news__title a { color: white; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__data { padding: 15px 81px 49px 35px; text-align: center; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__label { padding: 12px 20px 11px; line-height: 19px; font-size: 17px; margin-bottom: 14px; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__title { font-size: 86px; line-height: 99px; cursor: pointer; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__title:hover a { color: #CC0000; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__media { padding-top: 45.697%; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__excerpt { margin-top: 6px; max-width: 900px; margin: 6px auto 0 auto; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__excerpt p { color: white; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__excerpt p a { color: white; text-decoration: underline; } .cnnespanol-site .mod-wrappper-header-destacado-story .slider-pagination-fraction { padding: 5px 0 5px; width: 73px; height: 27px; top: 20px; right: 20px; border-radius: 14px; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } @media (max-width: 1100px) { .cnnespanol-site .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__label { line-height: 16px; font-size: 14px; } .cnnespanol-site .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__title { font-size: 68px; line-height: 79px; } } @media (max-width: 1170px) { .cnnespanol-site .cnnespanol-site .mod--slider .slick-arrow { display: none !important; } .cnnespanol-site .cnnespanol-site .mod--slider .slick-dots { display: block !important; } } @media (max-width: 1250px) { .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__title { font-size: 66px; line-height: 79px; } } @media (max-width: 1050px) { .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__title { font-size: 51px; line-height: 64px; } .cnnespanol-site .mod-wrappper-header-destacado-story .news--box-style-two.news--innerbox-destacado .news__label { padding: 8px 16px 7px; line-height: 17px; font-size: 16px; margin-bottom: 10px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--3-4 { padding: 0 12px; width: 100%; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--3-4 .news--box-style-two.news--innerbox .news__data { padding: 15px 16px 19px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--1-4 { width: 100%; padding: 0 12px; } .cnnespanol-site .mod-wrappper-header-destacado-v1-1 .col--1-4 .news--box-style-two.news--innerbox { float: left; width: 50%; } } @media (max-width: 960px) { .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .news--box-style-two.news--innerbox-destacado .news__title { font-size: 39px; line-height: 43px; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .news--box-style-two.news--innerbox-destacado .news__label { padding: 6px 11px 4px; line-height: 13px; font-size: 13px; margin-bottom: 10px; } .cnnespanol-site .mod-wrappper-header-destacado-story .mod--slider-style-two .news--box-style-two.news--innerbox-destacado .news__data { padding: 15px 20px 20px 20px; } } .modal--popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: auto; opacity: 0.001; visibility: hidden; pointer-events: none; display: block !important; background: transparent; } .modal--open { opacity: 1; visibility: visible; pointer-events: initial; } .modal--open .modal__overlay { opacity: 1; } .modal--open .modal__main { opacity: 1; } .modal__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.001; background-color: rgba(0, 0, 0, 0.7); transition: opacity .3s ease; -ms-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -webkit-transition: opacity .3s ease; } .modal__main { /*height: 300px;*/ background: white; opacity: 0; left: 50%; top: 150px; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); position: relative; display: block; padding: 0; text-align: left; border-radius: 0; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: all .3s ease .1s; -ms-transition: all .3s ease .1s; -moz-transition: all .3s ease .1s; -webkit-transition: all .3s ease .1s; } .modal__close { position: absolute; font: 600 14px/14px "CNNSans-Condensed", Helvetica Neue, Arial; border: none; padding: 0; top: 33px; right: 20px; font-size: 14px; font-weight: 600; color: #3061F3; padding-right: 23px; outline: none; z-index: 10; cursor: pointer; } .modal__close:hover { color: #CC0000; } .modal__close:after, .modal__close:before { content: ""; height: 1px; top: 6px; right: 0; position: absolute; width: 12px; background-color: black; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .modal__close:before { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .modal--popup .modal__main { border-radius: 5px; border: 1px solid #E6E5E4; max-width: 545px; padding: 23px 20px; } .modal--popup .mod__content__scroll { max-height: 50vh; overflow: scroll; } .modal--popup .modal__main .mod__modtimeline { margin-bottom: 0; } .modal--popup .mod__modtimeline .mod__timeline:after { display: none; } .cnnespanol-site .btn__audio { background: #CC0000; display: block; border-radius: 125px; text-align: center; border: none; cursor: pointer; color: #fff; margin: 0 0 5px; height: 30px; position: relative; width: 100px; text-transform: uppercase; } .cnnespanol-site .btn__audio .btn__audio__play { position: absolute; padding-left: 25px; font: bold 13px/20px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; top: 50%; left: 50%; padding-left: 25px; padding-right: 6px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .btn__audio .btn__audio__play .btn__audio__playicon { content: ''; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 125px; position: absolute; left: 0; top: 1px; } .cnnespanol-site .btn__audio .btn__audio__play .btn__audio__playicon:before { content: ''; width: 0; height: 0; border-left: 6px solid #ffffff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } @keyframes stop { from { width: 20px; height: 20px; } 50% { width: 15px; height: 15px; } to { width: 20px; height: 20px; } } .cnnespanol-site .btn__audio .btn__audio__stop { width: 10px; height: 10px; background: #fff; border-radius: 125px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .btn__audio .btn__audio__stop:before { background: rgba(255, 255, 255, 0.47); width: 20px; height: 20px; content: ''; border-radius: 125px; position: absolute; left: 50%; top: 50%; animation: stop 1.2s infinite ease-out both; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .btn__audio .btn__audio__loading { position: absolute; top: 50%; font-size: 0; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .btn__audio .btn__audio__loading span { border-radius: 125px; display: inline-block; width: 9px; height: 9px; margin: 0 3px; background: #fff; animation: loading .5s infinite; -webkit-animation: loading .5s infinite; } .cnnespanol-site .btn__audio .btn__audio__loading span + span { animation-delay: .1s; -webkit-animation-delay: .1s; } .cnnespanol-site .btn__audio .btn__audio__loading span + span + span { animation-delay: .2s; -webkit-animation-delay: .2s; } @keyframes loading { 0% { opacity: 1; } 50% { opacity: .6; } 100% { opacity: 1; } } .cnnespanol-site .breaking-news .breaking-news-content h2 { font-size: 19px; line-height: 28px; font-family: "CNNSans-Condensed", Helvetica Neue, Arial; } .cnnespanol-site .breaking-news .breaking-news-content .breaking-news-title { margin: 10px 0 0; } .cnnespanol-site .breaking-news .breaking-news-content .breaking-news-title .breaking-news--main-title { font-size: 14px; line-height: 21px; font-family: "CNNSans-Condensed", Helvetica Neue, Arial; } .cnnespanol-site .breaking-news .breaking-news-content .breaking-news-title #close-breaking-news { position: relative; top: 2px; } .cnnespanol-site a { color: #CC0000; } .cnnespanol-site img { vertical-align: top; } .cnnespanol-site .view--more { text-align: center; margin: 20px 0; } .cnnespanol-site .button { display: inline-block; border: 1px solid #e6e5e5; margin: 0; background-color: transparent; height: 40px; line-height: 40px; color: black; font-size: 18px; line-height: 40px; text-align: center; font-family: "CNNSans-Light", Helvetica Neue, Arial; min-width: 215px; padding: 0 15px; border-radius: 4px; outline: none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .button:hover { background-color: #e6e5e5; } .cnnespanol-site .button:active { background-color: #d9d9d9; } .cnnespanol-site .button span { display: inline-block; vertical-align: top; } .cnnespanol-site .button .cnnicon { line-height: 45px; margin-right: 8px; } .cnnespanol-site .button--block { display: block; width: 100%; } .cnnespanol-site .button--medium { height: 30px; line-height: 30px; font: 12px/30px "CNNSans-Semibold", Helvetica Neue, Arial; } .cnnespanol-site .button--primary { background-color: #cc0000; color: white; border: none; } .cnnespanol-site .button--primary:hover { background-color: #990000; } .cnnespanol-site .button--primary:active { background-color: maroon; } .cnnespanol-site .share .cnnicon { width: 36px; height: 36px; border-radius: 100%; border: none; padding: 0; text-align: center; line-height: 42px; color: white; display: inline-block; vertical-align: top; margin-right: 10px; } .cnnespanol-site .share .cnnicon--whatsapp { background-color: #25d366; } .cnnespanol-site .share .cnnicon--whatsapp:hover { background-color: #21bd5c; } .cnnespanol-site .share .cnnicon--whatsapp:active { background-color: #1da851; } .cnnespanol-site .share .cnnicon--facebook { background-color: #3a599d; } .cnnespanol-site .share .cnnicon--facebook:hover { background-color: #334e8a; } .cnnespanol-site .share .cnnicon--facebook:active { background-color: #2c4478; } .cnnespanol-site .share .cnnicon--twitter { background-color: #1da1f2; } .cnnespanol-site .share .cnnicon--twitter:hover { background-color: #0d95e8; } .cnnespanol-site .share .cnnicon--twitter:active { background-color: #0c85d0; } .cnnespanol-site .share .cnnicon--mail { font-size: 15px; background-color: #cc0000; } .cnnespanol-site .share .cnnicon--mail:hover { background-color: #b30000; } .cnnespanol-site .share .cnnicon--mail:active { background-color: #990000; } .cnnespanol-site .share .cnnicon--copy { font-size: 13px; background-color: #262626; } .cnnespanol-site .share .cnnicon--copy:hover { background-color: #191919; } .cnnespanol-site .share .cnnicon--copy:active { background-color: #0d0c0c; } .cnnespanol-site .header-main-nav .cnnicon__img { width: 18px; top: 8px; position: relative; } .cnnespanol-site .share-buttons-style-two { display: inline-block; margin: 0 auto; margin-bottom: 19px; } .cnnespanol-site .share-buttons-style-two > span { text-align: center; display: block; color: #737373; font: 500 14px/20px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 20px; } .cnnespanol-site .share-buttons-style-two a { position: relative; color: #231F20; font-size: 20px; width: 55px; height: 46px; display: inline-block; border-right: 1px solid #231F20; margin: 0; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; } .cnnespanol-site .share-buttons-style-two a:hover { color: #CC0000; } .cnnespanol-site .share-buttons-style-two a:hover.cnnicon--whatsapp { color: #2d9b1e; } .cnnespanol-site .share-buttons-style-two a:hover.cnnicon--facebook-square { color: #3453a5; } .cnnespanol-site .share-buttons-style-two a:hover.cnnicon--twitter { color: #2490f1; } .cnnespanol-site .share-buttons-style-two a .cnnicon__img { height: 22px; width: auto; } .cnnespanol-site .share-buttons-style-two a .cnnicon__img:hover { opacity: .8; } .cnnespanol-site .share-buttons-style-two a .cnnicon__img, .cnnespanol-site .share-buttons-style-two a:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); vertical-align: top; } .cnnespanol-site .share-buttons-style-two a.cnnicon--twitter { font-size: 16px !important; } .cnnespanol-site .share-buttons-style-two a.cnnicon--instagram:before { font-weight: bold; } .cnnespanol-site .share-buttons-style-two a:last-child { border: none; } .cnnespanol-site .share-buttons-style-two.share-buttons-style-two--vertical { z-index: 1; width: 42px; } .cnnespanol-site .share-buttons-style-two.share-buttons-style-two--vertical a { width: 42px; border: none; border-bottom: 1px solid #231F20; vertical-align: top; } .cnnespanol-site .share-buttons-style-two.share-buttons-style-two--vertical a:last-child { border: none; } .cnnespanol-site .vertical-timeline-wrapper { max-width: 282px; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__header h2 { color: black; background-color: #e8eaed; text-transform: uppercase; padding: 8px 0 6px 110px; margin-bottom: 15px; font: 700 13px/18px "CNNSans-Condensed", Helvetica Neue, Arial; letter-spacing: 0.02em; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__header h2 strong { position: absolute; top: 0; left: 0; width: 99px; padding: 8px 0 6px; color: white; background-color: #cb0900; text-align: center; font: 700 13px/18px "CNNSans-Condensed", Helvetica Neue, Arial; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__header h2:after { display: none; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline { position: relative; padding: 0 0 10px 36px; max-width: 400px; list-style: none; margin-bottom: 28px; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline:before { content: ""; position: absolute; left: 7px; width: 1px; height: 100%; background-color: #dbdbdb; display: inline-block; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline article { padding: 0; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li { position: relative; margin-bottom: 10px; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li:last-child { margin-bottom: 0; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline__title { position: relative; font: 500 15px/23px "CNNSans-Condensed", Helvetica Neue, Arial; z-index: 2; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline__title a { color: #000100; transition: color 0.2s ease; -ms-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -webkit-transition: color 0.2s ease; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline__title a:hover { color: #CC0000; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline__date { color: #737373; font: 500 12px/23px "CNNSans-Condensed", Helvetica Neue, Arial; position: absolute; top: 0; left: -39px; position: absolute; z-index: 1; background-color: white; margin-top: -12px; padding: 12px 0 0px 0; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li:last-child .vertical-timeline__date { margin-top: -4px; padding: 5px 0; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li.vertical-timeline--active .vertical-timeline__title a { color: #252525; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li.vertical-timeline--active .vertical-timeline__title a:hover { color: #CC0000; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li.vertical-timeline--active .vertical-timeline__date { font: 0/0 a; color: transparent; text-shadow: none; border: 0; background-color: #fff; width: 17px; height: 21px; top: 10px; left: -35px; padding: 0; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li.vertical-timeline--active .vertical-timeline__date:before { content: ""; width: 15px; height: 15px; background-color: #cb0900; position: absolute; margin-top: 5px; margin-left: -1px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); animation: "dot-timeline" 1s ease-in-out infinite; -ms-animation: "dot-timeline" 1s ease-in-out infinite; -moz-animation: "dot-timeline" 1s ease-in-out infinite; -webkit-animation: "dot-timeline" 1s ease-in-out infinite; } .cnnespanol-site .vertical-timeline-wrapper .vertical-timeline__main .vertical-timeline li.vertical-timeline--active .vertical-timeline__date:after { content: ""; position: absolute; margin-top: 9px; margin-left: 3px; background-color: #cb0900; width: 7px; height: 7px; border-radius: 50%; display: inline-block; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } @keyframes dot-timeline { 0% { transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; } 100% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; } } .cnnespanol-site .slider-pagination-fraction { font-weight: 700; font-size: 12px; line-height: 20px; color: black; position: absolute; top: 12px; right: 12px; background-color: rgba(255, 255, 255, 0.8); z-index: 1; padding: 3px 0 1px; width: 58px; height: 24px; text-align: center; border-radius: 12px; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .cnnespanol-site .load-more-story { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .load-more-story span { color: black; display: inline-block; width: 100%; font: 500 13px/14px "CNNSans-Condensed", Helvetica Neue, Arial; text-transform: uppercase; } .cnnespanol-site .load-more-story > div { width: 6px; height: 6px; background-color: #cb0900; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.5s infinite ease-in-out both; -ms-animation: sk-bouncedelay 1.5s infinite ease-in-out both; -moz-animation: sk-bouncedelay 1.5s infinite ease-in-out both; -webkit-animation: sk-bouncedelay 1.5s infinite ease-in-out both; } .cnnespanol-site .load-more-story .bouonce-1 { animation-delay: -0.32s; -ms-animation-delay: -0.32s; -moz-animation-delay: -0.32s; -webkit-animation-delay: -0.32s; } .cnnespanol-site .load-more-story .bouonce-2 { animation-delay: -0.16s; -ms-animation-delay: -0.16s; -moz-animation-delay: -0.16s; -webkit-animation-delay: -0.16s; } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } } .cnnespanol-site .inner-loading { width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; z-index: 3; background-color: #cccccc; } .cnnespanol-site .header--modlivetv { background: #CC0000; border-radius: 3px; color: white; height: 28px; display: block; margin: 10px 15px 0 0; position: relative; -ms-flex: inherit; flex: inherit; width: 114px; display: none; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .header--modlivetv:hover { background: #b10101; } .cnnespanol-site .header--modlivetv__text { text-transform: uppercase; animation-name: textanim; animation-duration: 5s; animation-iteration-count: infinite; position: absolute; right: 15px; font: bold 13px/30px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; } .cnnespanol-site .header--modlivetv svg { top: 8px; left: 11px; position: absolute; width: 20px; } .cnnespanol-site .header--modlivetv .right--two, .cnnespanol-site .header--modlivetv .left--two { animation-name: secondlive; animation-duration: 2s; animation-iteration-count: infinite; animation-delay: .33s; } .cnnespanol-site .header--modlivetv .right--one, .cnnespanol-site .header--modlivetv .left--one { animation-name: firstlive; animation-duration: 2s; animation-iteration-count: infinite; } .geo--MX .header-main-nav .wrap-nav nav.nav-main li:nth-child(n+13) { display: none; } .geo--MX .header--modlivetv { display: block; } @keyframes firstlive { 0% { opacity: 0; } 66% { opacity: 1; } 100% { opacity: 0; } } @keyframes secondlive { 0% { opacity: 0; } 66% { opacity: 1; } 100% { opacity: 0; } } @keyframes textanim { 0% { text-shadow: 0 0 0 #fff; } 30% { text-shadow: 0 0 0 #fff; } 50% { text-shadow: 0 0 8px #fff; } 70% { text-shadow: 0 0 0 #fff; } 100% { text-shadow: 0 0 0 #fff; } } .cnnespanol-site .row { margin: 0 auto; width: 100%; max-width: 1100px; padding: 0; } .cnnespanol-site .row--container, .cnnespanol-site .row--inner { margin: 0 -12px; font-size: 0; } .cnnespanol-site .row--inner-c { margin: 0 -1.1136363636363636363636363636364%; font-size: 0; line-height: 0; } .cnnespanol-site .row::after { display: block; content: ""; clear: both; } .cnnespanol-site .col { vertical-align: top; display: inline-block; font-size: initial; line-height: initial; padding: 0 12px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .cnnespanol-site .col--aside { float: right; width: 300px; font-size: initial; line-height: initial; } .cnnespanol-site .col--main { margin-right: 320px; font-size: initial; line-height: initial; } .cnnespanol-site .col--1 { width: 8.33%; } .cnnespanol-site .col--2 { width: 16.66%; } .cnnespanol-site .col--3 { width: 25%; } .cnnespanol-site .col--4 { width: 33.33%; } .cnnespanol-site .col--5 { width: 41.66%; } .cnnespanol-site .col--6 { width: 50%; } .cnnespanol-site .col--7 { width: 58.33%; } .cnnespanol-site .col--8 { width: 66.66%; } .cnnespanol-site .col--9 { width: 75%; } .cnnespanol-site .col--10 { width: 83.33%; } .cnnespanol-site .col--11 { width: 91.66%; } .cnnespanol-site .col--12 { width: 100%; } .cnnespanol-site .col--1-5 { width: 20%; } .cnnespanol-site .col--custom { position: relative; float: left; } .cnnespanol-site .col--custom.col--c-1 { width: 5.45455%; } .cnnespanol-site .col--custom.col--c-2 { width: 12.72727%; } .cnnespanol-site .col--custom.col--c-3 { width: 20%; } .cnnespanol-site .col--custom.col--c-4 { width: 27.27273%; } .cnnespanol-site .col--custom.col--c-5 { width: 34.54545%; } .cnnespanol-site .col--custom.col--c-6 { width: 41.81818%; } .cnnespanol-site .col--custom.col--c-7 { width: 49.09091%; } .cnnespanol-site .col--custom.col--c-8 { width: 56.36364%; } .cnnespanol-site .col--custom.col--c-9 { width: 63.63636%; } .cnnespanol-site .col--custom.col--c-10 { width: 70.90909%; } .cnnespanol-site .col--custom.col--c-11 { width: 78.18182%; } .cnnespanol-site .col--custom.col--c-12 { width: 85.45455%; } .cnnespanol-site .col--custom.col--c-13 { width: 92.72727%; } .cnnespanol-site .col--custom.col--c-14 { width: 100%; } .cnnespanol-site .col--custom + .col--custom { margin-left: 1.81818%; } .cnnespanol-site .col--3-4 { float: left; width: 64.586466165413533834586466165414%; margin-right: 1.0526315789473684210526315789474%; } .cnnespanol-site .col--1-4 { float: left; width: 34.360902255639097744360902255639%; } @media (max-width: 1100px) { .cnnespanol-site .row { padding: 0 12px; } } .cnnespanol-site .breaking-news .breaking-news-content { margin: 10px auto; } .cnnespanol-site .site-footer-style-two { text-align: center; background-color: white; padding: 22px 0 26px 0; } .cnnespanol-site .site-footer-style-two .site-logo-wrapper { position: relative; margin-bottom: 22px; } .cnnespanol-site .site-footer-style-two .site-logo-wrapper:after { content: ""; background-color: #d9d9d9; height: 1px; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1; } .cnnespanol-site .site-footer-style-two .site-logo { position: relative; background-color: #CC0000; margin: 0 auto; display: block; z-index: 2; width: 47px; height: 48px; overflow: hidden; } .cnnespanol-site .site-footer-style-two .site-logo .cnnicon--cnne { margin-top: 8px; margin-left: 0px; color: white; font-size: 24px; display: block; } .cnnespanol-site .site-footer-style-two .nav-footer { text-align: center; margin-bottom: 28px; } .cnnespanol-site .site-footer-style-two .nav-footer ul { display: inline-block; margin: 0; padding: 0; vertical-align: text-top; } .cnnespanol-site .site-footer-style-two .nav-footer ul li { display: inline-block; float: left; } .cnnespanol-site .site-footer-style-two .nav-footer ul li a { color: black; font: 500 15px/15px "CNNSans-Condensed", Helvetica Neue, Arial; padding: 0 10px; display: inline-block; border-right: 1px solid black; transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; } .cnnespanol-site .site-footer-style-two .nav-footer ul li a:hover { color: #CC0000; } .cnnespanol-site .site-footer-style-two .nav-footer ul li:last-child a { border: none; } .cnnespanol-site .site-footer-style-two .footer-inner { padding: 0; } .cnnespanol-site .site-footer-style-two .footer-inner p { color: #737373; font: 500 13px/20px "CNNSans-Condensed", Helvetica Neue, Arial; } .cnnespanol-site .site-footer-style-two .footer-inner .vipfooter, .cnnespanol-site .site-footer-style-two .footer-inner a { color: #737373; display: inline-block; font: 500 13px/20px "CNNSans-Condensed", Helvetica Neue, Arial; margin: 0 4px 0 0; transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; } .cnnespanol-site .site-footer-style-two .footer-inner .vipfooter:hover, .cnnespanol-site .site-footer-style-two .footer-inner a:hover { color: #CC0000; } .cnnespanol-site .site-footer-style-two .share-buttons-style-two { margin-bottom: 34px; } .cnnespanol-site .site-footer-style-two .share-buttons-style-two span { color: #252525; font: 500 13px/20px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 15px; } .cnnespanol-site .site-footer-style-two .share-buttons-style-two a { width: 56px; height: 49px; } .cnnespanol-site .site-footer-style-two .go-top { position: relative; display: inline-block; font: 500 13px/20px "CNNSans-Condensed", Helvetica Neue, Arial; margin: 31px 0 0 0; padding: 0 15px 0 0; color: #CC0000; transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; } .cnnespanol-site .site-footer-style-two .go-top:hover { color: black; } .cnnespanol-site .site-footer-style-two .go-top:before { font-size: 11px; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .cnnespanol-site .cnne--delegate-tracker a { color: black; } /** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .cnnespanol-site .cnne-swiper-container.swiper-container { width: 100%; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transition: 300ms; -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -ms-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -ms-transform: scale(0); transform: scale(0); -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -ms-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-zoom-container { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -ms-transform-origin: 50%; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .cnnespanol-site .news { padding: 0; clear: none; border: none; } .cnnespanol-site .news__media { position: relative; width: 100%; height: 0; padding-top: 56.25%; background-color: #ccc; } .cnnespanol-site .news__media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cnnespanol-site .news__media iframe, .cnnespanol-site .news__media .cnnvideo.responsive.fave-wrapper, .cnnespanol-site .news__media-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .cnnespanol-site .news__media:hover .news__videolist { border-color: #cc0000; color: #cc0000; } .cnnespanol-site .news__media:hover .news__videotime { color: #cc0000; } .cnnespanol-site .news__media:hover .news__videoicon { border-color: #cc0000; } .cnnespanol-site .news__media:hover .news__videoicon:before { border-color: transparent transparent transparent #cc0000; } .cnnespanol-site .news__videoplaying { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 3px solid #cc0000; display: none; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .cnnespanol-site .news__videoplaying span { position: absolute; top: 0; left: 0; color: white; font-size: 11px; line-height: 21px; height: 21px; padding: 0 5px; background-color: #cc0000; } .cnnespanol-site .news__videotime { position: absolute; bottom: 0; left: 0; height: 30px; z-index: 2; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 14px; line-height: 31px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news__videotime span { margin-right: 7px; } .cnnespanol-site .news__videoicon { width: 16px; height: 16px; border: 1px solid white; border-radius: 100%; float: left; position: relative; margin: 7px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news__videoicon:before { content: ""; position: absolute; top: 3px; left: 4px; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #ffffff; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news__videolist { position: absolute; top: 50%; left: 50%; border: 1px solid white; border-radius: 5px; background-color: rgba(0, 0, 0, 0.7); text-transform: uppercase; color: white; height: 36px; line-height: 35px; font-size: 13px; padding-right: 13px; padding-left: 13px; white-space: nowrap; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .cnnespanol-site .news__videolist .cnnicon { display: inline-block; vertical-align: top; font-size: 14px; line-height: 40px; margin-right: 10px; } .cnnespanol-site .news__sponsor { position: absolute; top: 0; left: 0; z-index: 2; font-size: 12px; color: white; line-height: 12px; padding: 7px 6px; background-color: #bb923b; } .cnnespanol-site .news__title { color: #262626; clear: none; } .cnnespanol-site .news__title a { font: inherit; color: inherit; transition: color 0.2s; -ms-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; } .cnnespanol-site .news__title:hover a { color: #cc0000; } .cnnespanol-site .news__byline, .cnnespanol-site .news__date { font-size: 13px; line-height: 14px; color: #737373; } .cnnespanol-site .news__byline a { color: #006598; font-family: "CNNSans-Bold", Helvetica Neue, Arial; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news__byline a:hover { color: #cc0000; } .cnnespanol-site .news--box { clear: none; margin-bottom: 25px; } .cnnespanol-site .news--box .news__media { margin-bottom: 15px; background: #ececec url(../../../images/img-nophoto.jpg) no-repeat center; background-size: cover; overflow: hidden; } .cnnespanol-site .news--box .news__media .news__label--btm-left { position: absolute; bottom: 0; left: 0; font: 700 17px/19px "CNNSans-Condensed", Helvetica Neue, Arial; color: white; background-color: #CC0000; text-transform: uppercase; padding: 13px 22px 10px; margin-bottom: 0; z-index: 1; } .cnnespanol-site .news--box .news__media .news__label--btm-left a { color: white; } .cnnespanol-site .news--box .news__title { font-size: 18px; line-height: 22px; overflow: hidden; max-height: 44px; } .cnnespanol-site .news--box .news__title strong { font: inherit; color: #CC0000; } .cnnespanol-site .news--box.news--basic-lead .news__title { font-size: 32px; line-height: 44px; margin-bottom: 9px; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 132px; } .cnnespanol-site .news--box .news__label { display: inline-block; color: #CC0000; font: 700 12px/14px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 0.052rem; } .cnnespanol-site .news--box .news__label a { color: #CC0000; } .cnnespanol-site .news--box .news__info { margin-top: 13px; } .cnnespanol-site .news--box .news__authors { font-size: 14px; line-height: 14px; } .cnnespanol-site .news--box .news__authors a { color: #cc0000; } .cnnespanol-site .news--box .news__videotime { position: absolute; bottom: 0; left: 0; height: 26px; z-index: 2; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 14px; line-height: 31px; padding: 0 4px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--box .news__videotime span { margin-right: 7px; width: 16px; height: 16px; margin: 5px 5px 4px 4px; box-sizing: border-box; position: relative; vertical-align: top; } .cnnespanol-site .news--box .news__videotime span + span { font-size: 12px; line-height: 27px; display: inline-block; width: auto; margin: 0 5px 0 2px; height: auto; } .cnnespanol-site .news--box .news__videotime span:before { top: 3px; left: 4px; } .cnnespanol-site .news--box .news__videoicon { width: 16px; height: 16px; border: 1px solid white; border-radius: 100%; float: left; position: relative; margin: 7px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--box .news__videoicon:before { content: ""; position: absolute; top: 3px; left: 4px; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #ffffff; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--box.news--featured .news__media { padding-top: 61.85%; } .cnnespanol-site .news--box.news--featured .news__title { font-size: 22px; line-height: 26px; max-height: 52px; } .cnnespanol-site .news--videofull { margin-bottom: 20px; } .cnnespanol-site .news--videofull .news__data { padding-top: 25px; } .cnnespanol-site .news--videofull .news__title { font: 34px/42px "CNNSans-Medium", Helvetica Neue, Arial; margin-bottom: 11px; } .cnnespanol-site .news--videofull .news__excerpt { font: 16px/22px "CNNSans-Light", Helvetica Neue, Arial; color: #262626; margin-bottom: 12px; } .cnnespanol-site .news--videofull .news__meta { margin-bottom: 35px; } .cnnespanol-site .news--videofull .news__meta .news__byline { display: inline; } .cnnespanol-site .news--videofull .news__meta .news__date { display: inline; } @media (max-width: 959px) { .cnnespanol-site .news--box .news__title { font-size: 16px; line-height: 18px; max-height: 54px; } } .cnnespanol-site .news--box-style-two .news__excerpt p { color: #727272; font: 500 14px/21px "CNNSans-Medium", Helvetica Neue, Arial; } .cnnespanol-site .news--box-style-two .news__excerpt ul, .cnnespanol-site .news--box-style-two .news__excerpt ol { color: #262626; font: 500 15px/23px "CNNSans-Condensed", Helvetica Neue, Arial; margin: 10px 0 0; } .cnnespanol-site .news--box-style-two .news__excerpt ul li, .cnnespanol-site .news--box-style-two .news__excerpt ol li { position: relative; padding-left: 15px; } .cnnespanol-site .news--box-style-two .news__excerpt ul li:before, .cnnespanol-site .news--box-style-two .news__excerpt ol li:before { display: inline-block; width: 20px; margin-left: 0px; position: absolute; top: 1px; left: 0; } .cnnespanol-site .news--box-style-two .news__excerpt ol li { counter-increment: li; } .cnnespanol-site .news--box-style-two .news__excerpt ol li:before { content: counter(li); } .cnnespanol-site .news--box-style-two .news__excerpt ul li:before { content: ""; width: 5px; height: 5px; background: #262626; border-radius: 125px; top: 9px; } .cnnespanol-site .news--box-style-two .news__media { margin-bottom: 10px; } .cnnespanol-site .news--box-style-two .news__data { position: relative; } .cnnespanol-site .news--box-style-two .news__label { display: inline-block; color: #CC0000; font: 700 12px/14px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 0.052rem; } .cnnespanol-site .news--box-style-two .news__label a { color: #CC0000; } .cnnespanol-site .news--box-style-two .news__time { display: inline-block; color: #737373; font: 700 12px/14px "CNNSans-Condensed", Helvetica Neue, Arial; margin-top: 4px; position: absolute; top: 0; right: 0; } .cnnespanol-site .news--box-style-two .news__time.news__time--red { color: #CC0000; } .cnnespanol-site .news--box-style-two .news__title { color: #262626; font: 700 22px/28px "CNNSans-Condensed", Helvetica Neue, Arial; overflow: inherit; max-height: inherit; } .cnnespanol-site .news--box-style-two .news__title--big-font { font-size: 48px; line-height: 53px; } .cnnespanol-site .news--box-style-two .news__sponsor { padding: 13px 16px 12px; background-color: #BB9131; width: 100%; font-family: "CNNSans-Medium", Helvetica Neue, Arial; } .cnnespanol-site .news--box-style-two.news--with-border-bottom { margin-bottom: 25px; padding-bottom: 13px; border-bottom: 1px solid #d9d9d9; } .cnnespanol-site .news--box-style-two.news--with-border-bottom:last-child { border: none; } .cnnespanol-site .news--box-style-two.news--with-border-bottom:last-of-type { border: none; margin-bottom: 0; } .cnnespanol-site .news--box-style-two.news--with-border-bottom:first-child { border-bottom: 1px solid #d9d9d9; } .cnnespanol-site .news--box-style-two.news--with-border-bottom.news--with-border-bottom-last-news { border-bottom: 1px solid #d9d9d9; } .cnnespanol-site .news--box-style-two.news--with-border-bottom.news--innerbox { padding-bottom: 0; } .cnnespanol-site .news--box-style-two.news--video .news__label { margin-bottom: 9px; } .cnnespanol-site .news--box-style-two.news--video-sticky { position: relative; margin-bottom: 20px; } .cnnespanol-site .news--box-style-two.news--video-sticky .video__autoplay { position: absolute; bottom: 15px; left: 47px; z-index: 1; border: none; background-color: transparent; font-size: 12px; line-height: 12px; margin-bottom: 0; outline: none; padding: 0; } .cnnespanol-site .news--box-style-two.news--video-sticky .video__autoplay .toggle { position: relative; width: 40px; height: 17px; border-radius: 8px; background-color: #CC0000; display: inline-block; vertical-align: top; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--box-style-two.news--video-sticky .video__autoplay .toggle span { display: inline-block; vertical-align: top; position: absolute; top: 2px; right: 3px; width: 13px; height: 13px; background-color: white; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--box-style-two.news--video-sticky .video__autoplay.video__autoplay--active .toggle { background-color: #CC0000; } .cnnespanol-site .news--box-style-two.news--video-sticky .video__autoplay.video__autoplay--active .toggle span { transform: translate(-21px, 0); -ms-transform: translate(-21px, 0); -moz-transform: translate(-21px, 0); -webkit-transform: translate(-21px, 0); } .cnnespanol-site .news--box-style-two.news--video-sticky .cnnicon--sound-on, .cnnespanol-site .news--box-style-two.news--video-sticky .cnnicon--sound-off { position: absolute; bottom: 9px; z-index: 1; left: 14px; color: white; cursor: pointer; } .cnnespanol-site .news--box-style-two.news--video-sticky .cnnicon--close { display: none; position: absolute; top: -30px; z-index: 1; right: 0; color: white; cursor: pointer; border: none; font-size: 15px; outline: none; background-color: #CC0000; width: 30px; height: 30px; padding: 0; } .cnnespanol-site .news--box-style-two.news--video-sticky .cnnicon--close:before { position: absolute; top: 8px; left: 7px; } .cnnespanol-site .news--box-style-two.news--video-sticky .news__media { margin-bottom: 17px; background-color: #ececec; right: 0; transition: right 0.3s ease-in-out, transform 0.3s ease-in-out; -ms-transition: right 0.3s ease-in-out, transform 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out, transform 0.3s ease-in-out; -webkit-transition: right 0.3s ease-in-out, transform 0.3s ease-in-out; } .cnnespanol-site .news--box-style-two.news--video-sticky.is-sticky .news__media { transition: right 0.3s ease-in-out; -ms-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; -webkit-transition: right 0.3s ease-in-out; max-width: 297px; position: fixed; z-index: 4001; height: auto; padding-top: 0; margin: 0; right: 25px; bottom: 25px; overflow: inherit; box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.3); } .cnnespanol-site .news--box-style-two.news--video-sticky.is-sticky .news__media .news__mediaitem { padding-top: 56.25%; } .cnnespanol-site .news--box-style-two.news--video-sticky.is-sticky .cnnicon--close { display: inline-block; } .cnnespanol-site .news--box-style-two.news--video-sticky .news__data { position: relative; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 113px; } .cnnespanol-site .news--box-style-two.news--video-sticky .news__label, .cnnespanol-site .news--box-style-two.news--video-sticky .news__title { color: #CC0000; font: 700 22px/28px "CNNSans-Condensed", Helvetica Neue, Arial; overflow: inherit; max-height: inherit; display: inline; } .cnnespanol-site .news--box-style-two.news--video-sticky .news__label { text-transform: initial; color: #CC0000; margin-right: 6px; margin-bottom: 0; } .cnnespanol-site .news--box-style-two.news--video-sticky .news__title { display: inline; color: #262626; } .cnnespanol-site .news--box-style-two.news--video-sticky.news--with-border-bottom { padding-bottom: 12px; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__title { font-size: 32px; line-height: 44px; margin-bottom: 9px; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 132px; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__excerpt p { color: #727272; font: 500 14px/21px "CNNSans-Medium", Helvetica Neue, Arial; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__excerpt p a { color: #CC0000; } .cnnespanol-site .news--box-style-two.news--photo-gallery.news--with-border-bottom { padding-bottom: 21px; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__media { height: inherit; padding-top: 0; max-height: 260px; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__media img { width: 100%; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__media .swiper-slide { padding-top: 0; height: 260px; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__label--photogallery { position: absolute; bottom: 0; left: 0; font: 700 17px/19px "CNNSans-Condensed", Helvetica Neue, Arial; color: white; background-color: #CC0000; text-transform: uppercase; padding: 13px 22px 10px; z-index: 1; } .cnnespanol-site .news--box-style-two.news--photo-gallery .news__label--photogallery a { color: white; } .cnnespanol-site .news--box-style-two.news--photo-gallery .swiper-pagination-fraction { font-weight: 700; font-size: 12px; line-height: 20px; color: black; position: absolute; top: 12px; right: 12px; left: inherit; background-color: rgba(255, 255, 255, 0.8); z-index: 1; padding: 3px 0 1px; width: 58px; height: 24px; text-align: center; border-radius: 12px; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .cnnespanol-site .news--box-style-two.news--innerbox { margin-bottom: 35px; } .cnnespanol-site .news--box-style-two.news--innerbox:last-of-type { margin-bottom: 0; } .cnnespanol-site .news--box-style-two.news--innerbox .news__data { padding: 15px 16px 19px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); } .cnnespanol-site .news--box-style-two.news--innerbox .news__data { position: absolute; } .cnnespanol-site .news--box-style-two.news--innerbox .news__label { color: white; line-height: 14px; font-size: 12px; font-weight: 700; padding: 8px 15px 7px; margin-bottom: 9px; } .cnnespanol-site .news--box-style-two.news--innerbox .news__title { line-height: 30px; font-size: 24px; font-weight: 700; color: white; overflow: hidden; max-height: 60px; } .cnnespanol-site .news--box-style-two.news--innerbox .news__excerpt { color: white; } .cnnespanol-site .news--box-style-two.news--innerbox .news__media { margin-bottom: 0; } .cnnespanol-site .news--box-style-two.news--innerbox .share-buttons-style-two { position: absolute; top: 30%; transform: translatey(-30%); -ms-transform: translatey(-30%); -moz-transform: translatey(-30%); -webkit-transform: translatey(-30%); right: 12px; } .cnnespanol-site .news--box-style-two.news--innerbox .share-buttons-style-two a { color: white; border-color: white; margin: 0; } .cnnespanol-site .news--box-style-two.news--innerbox .share-buttons-style-two a:hover { color: #CC0000; } .cnnespanol-site .news--box-style-two.news--innerbox .share-buttons-style-two a:hover.cnnicon--whatsapp { color: #2d9b1e; } .cnnespanol-site .news--box-style-two.news--innerbox .share-buttons-style-two a:hover.cnnicon--facebook-square { color: #3453a5; } .cnnespanol-site .news--box-style-two.news--innerbox .share-buttons-style-two a:hover.cnnicon--twitter { color: #2490f1; } .cnnespanol-site .news--box-style-two.news--innerbox .share-buttons-style-two a:before { font-weight: normal; } .cnnespanol-site .news--box-style-two.news--innerbox-destacado .news__title { font-size: 48px; line-height: 53px; max-height: initial; } .cnnespanol-site .news--box-style-two.news--innerbox-destacado .news__label { margin-bottom: 20px; } .cnnespanol-site .news--box-style-two.news--innerbox-destacado .news__data { padding: 15px 81px 32px 35px; } .cnnespanol-site .news--box-style-two.news--innerbox-destacado .news__excerpt { margin-top: 17px; } .cnnespanol-site .news--box-style-two.news--innerbox-destacado .news__excerpt p { font-size: 14px; line-height: 20px; } .cnnespanol-site .news--box-style-two.news--innerbox:hover .news__title { color: #CC0000; } .cnnespanol-site .news--box-style-two.news--summary { padding-left: 75px; min-height: 75px; margin-top: 0; overflow: hidden; } .cnnespanol-site .news--box-style-two.news--summary .news__media { width: 60px; padding-top: 60px; margin: 0; } .cnnespanol-site .news--box-style-two.news--summary .news__label { float: left; margin-bottom: 3px; } .cnnespanol-site .news--box-style-two.news--summary .news__time { margin-top: 0; } .cnnespanol-site .news--box-style-two.news--summary .news__title { float: left; width: 100%; line-height: 23px; font-size: 15px; font-weight: 500; } .cnnespanol-site .news--box-style-two.news--summary .news__videotime { display: none; } .cnnespanol-site .news--box-style-two.news--summary:last-child { min-height: 67px; } .cnnespanol-site .news--box-style-two.news--summary.news--105x60 { padding-left: 120px; min-height: 72px; } .cnnespanol-site .news--box-style-two.news--summary.news--105x60 .news__media { width: 105px; padding-top: 60px; } .cnnespanol-site .news--box-style-two.news--summary.news--105x60.news--with-border-bottom { margin-bottom: 11px; } .cnnespanol-site .news--box-style-two.news--summary.news--nophoto { padding-left: 0; min-height: inherit; } .cnnespanol-site .news--box-style-two.news--summary.news--nophoto .news__media { display: none; } .cnnespanol-site .news--box-style-two.news--summary.news--with-border-bottom { margin-bottom: 14px; padding-bottom: 11px; } .cnnespanol-site .news--box-style-two.news--summary-destacado .news__label { margin-top: 2px; margin-bottom: 6px; } .cnnespanol-site .news--box-style-two.news--summary-destacado .news__title { font-size: 20px; line-height: 28px; } .cnnespanol-site .news--box-style-two.news--summary-destacado .news__title--bigtitle { font-size: 52px; line-height: 58px; text-align: center; font-weight: 700; color: black; margin-top: -5px; } .cnnespanol-site .news--box-style-two.news--summary-destacado.news--105x60.news--with-border-bottom { padding-bottom: 9px; margin-bottom: 15px; } .cnnespanol-site .news--box-style-two.news--video-destacado-full-width .news__media { margin-bottom: 32px; } .cnnespanol-site .news--box-style-two.news--video-destacado-full-width .news__data { padding: 15px 16px 35px 31px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 100%); } .cnnespanol-site .news--box-style-two.news--video-destacado-full-width .news__label { line-height: 14px; font-size: 12px; font-weight: 700; background-color: transparent; padding: 0; margin-bottom: 16px; color: #c4c4c4; } .cnnespanol-site .news--box-style-two.news--video-destacado-full-width .news__title { line-height: 57px; font-size: 50px; font-weight: 700; max-height: 120px; } .cnnespanol-site .news--box-style-two.news--video-destacado-full-width .news__videoicon { width: 115px; height: 115px; border-width: 5px; left: 50%; top: 46%; transform: translate(-50%, -46%); -ms-transform: translate(-50%, -46%); -moz-transform: translate(-50%, -46%); -webkit-transform: translate(-50%, -46%); } .cnnespanol-site .news--box-style-two.news--video-destacado-full-width .news__videoicon:before { border-width: 25px 0 25px 43px; top: 29px; left: 37px; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right { overflow: hidden; margin-bottom: 32px; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__media { width: 73.274%; padding-top: 41.182%; margin-bottom: 0; float: left; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__data { padding: 9px 0px 9px 43px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0) 100%); width: 26.7257%; float: left; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__label { color: #C4C4C4; line-height: 14px; font-size: 12px; font-weight: 700; background-color: transparent; padding: 0; vertical-align: top; margin-bottom: 20px; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__title { color: white; line-height: 36px; font-size: 30px; font-weight: 700; margin-bottom: 11px; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__excerpt { margin-bottom: 31px; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__excerpt p { color: #C4C4C4; font-size: 14px; line-height: 21px; font-family: "CNNSans-Medium", Helvetica Neue, Arial; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__videoicon { width: 115px; height: 115px; border-width: 5px; left: 50%; top: 46%; transform: translate(-50%, -46%); -ms-transform: translate(-50%, -46%); -moz-transform: translate(-50%, -46%); -webkit-transform: translate(-50%, -46%); } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__videoicon:before { border-width: 25px 0 25px 43px; top: 29px; left: 37px; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .share-buttons-style-two { margin-left: -17px; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .share-buttons-style-two a { color: white; border-color: white; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .share-buttons-style-two a:hover { color: #CC0000; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .share-buttons-style-two a:hover.cnnicon--whatsapp { color: #2d9b1e; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .share-buttons-style-two a:hover.cnnicon--facebook-square { color: #3453a5; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .share-buttons-style-two a:hover.cnnicon--twitter { color: #2490f1; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .share-buttons-style-two a:before { font-weight: normal; } .cnnespanol-site .news--box-style-two.news--into-slider { /*.news__videotime{ line-height: 35px; height: 35px; padding: 0 4px; span{ font-size: 13px; line-height: 39px; &:nth-child(2){ margin-right: 13px; } } }*/ /*.news__videoicon{ width: 21px; height: 21px; border-width: 1px; margin: 7px; @include border-radius(50%); &:before{ top: 5px; left: 7px; border-width: 5px 0 4px 8px; } }*/ } .cnnespanol-site .news--box-style-two.news--into-slider .news__title { font: 500 18px/26px "CNNSans-Condensed", Helvetica Neue, Arial; } .cnnespanol-site .news--box-style-two.news--opinion { position: relative; padding: 21px 17px 13px; min-height: 299px; background-color: #ECECEC; } .cnnespanol-site .news--box-style-two.news--opinion .news__title { font: 700 20px/26px "CNNSans-Condensed", Helvetica Neue, Arial; } .cnnespanol-site .news--box-style-two.news--opinion .news__media { background-color: transparent; width: 80px; height: 80px; padding: 0; position: absolute; bottom: 11px; right: 19px; margin-bottom: 0; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .cnnespanol-site .news--box-style-two.news--opinion .news__data { position: initial; } .cnnespanol-site .news--box-style-two.news--opinion .news__media-item { border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-image: linear-gradient(lightgray, darkgray); background: url(../../../images/dummy--opinion.png) no-repeat center; background-size: cover; } .cnnespanol-site .news--box-style-two.news--opinion .news__media-item img { border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .cnnespanol-site .news--box-style-two.news--opinion .news__label { font: 500 14px/19px "CNNSans-Condensed", Helvetica Neue, Arial; text-transform: capitalize; max-width: 76px; position: absolute; bottom: 30px; left: 18px; margin-bottom: 0; letter-spacing: 0; } .cnnespanol-site .news--box-style-two.news--frase-del-dia { padding: 0; margin: 0; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .news__title { color: white; font: 500 38px/44px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 44px; max-width: 378px; margin-bottom: 30px; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .news__media { background-color: transparent; padding: 0; height: initial; position: absolute; bottom: 0; margin: 0; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .news__media-item { position: relative; top: initial; left: initial; width: initial; height: initial; float: right; margin-right: 2.7%; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .news__label { display: block; color: white; font: 700 14px/19px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 42px; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .share-buttons-style-two { margin-left: -16px; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .share-buttons-style-two a { color: white; border-color: white; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .share-buttons-style-two a:hover { color: black; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .share-buttons-style-two a:before { font-weight: normal; } .cnnespanol-site .news--box-style-two.news--box-dark .news__label { color: #c4c4c4; } .cnnespanol-site .news--box-style-two.news--box-dark .news__title { color: white; } .cnnespanol-site .news--box-style-two.news--105x60 .news__media { width: 105px; padding-top: 60px; } .cnnespanol-site .news--box-style-two.news--45-11 .news__media { padding-top: 45.11% !important; } .cnnespanol-site .news--box-style-two.news--56-01 .news__media { padding-top: 56.01% !important; } .cnnespanol-site .news--box-style-two.news--61-11 .news__media { padding-top: 61.11% !important; } .cnnespanol-site .news-bg-image { position: absolute; width: 100%; height: auto; z-index: 0; } @media (max-width: 1100px) { .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__media { width: 100%; padding-top: 56.25%; margin-bottom: 25px; float: none; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__data { padding: 0; width: 100%; float: none; } .cnnespanol-site .news--box-style-two.news--video-destacado-info-right .news__label { margin-bottom: 15px; } .cnnespanol-site .news--box-style-two.news--frase-del-dia .news__media-item { margin-right: 6.5%; width: 75%; } } .cnnespanol-site .news--summary { position: relative; min-height: 80px; padding-left: 160px; } .cnnespanol-site .news--summary + .news--summary { margin-top: 15px; } .cnnespanol-site .news--summary.news--video-playing .news__videoplaying { display: block; } .cnnespanol-site .news--summary.news--video-playing .news__videotime { display: none; } .cnnespanol-site .news--summary .news__videotime { position: absolute; bottom: 0; left: 0; height: 26px; z-index: 2; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 14px; line-height: 31px; padding: 0 4px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--summary .news__videotime span { margin-right: 7px; width: 16px; height: 16px; margin: 5px 5px 4px 4px; box-sizing: border-box; position: relative; vertical-align: top; } .cnnespanol-site .news--summary .news__videotime span + span { font-size: 12px; line-height: 27px; display: inline-block; width: auto; margin: 0 5px 0 2px; height: auto; } .cnnespanol-site .news--summary .news__videotime span:before { top: 3px; left: 4px; } .cnnespanol-site .news--summary .news__media { position: absolute; top: 0; left: 0; width: 140px; padding-top: 79px; background: #ececec url(../../../images/img-nophoto.jpg) no-repeat center; background-size: cover; } .cnnespanol-site .news--summary .news__title { font-size: 14px; line-height: 18px; clear: none; width: auto; } .cnnespanol-site .news--summary .btn__audio { margin-top: 20px; } .cnnespanol-site .news--summary .news__info { margin-top: 13px; } .cnnespanol-site .news--summary .news__authors { font-size: 14px; line-height: 14px; } .cnnespanol-site .news--summary .news__authors a { color: #cc0000; } .cnnespanol-site .news--summary-big { min-height: 210px; padding: 20px 0; overflow: hidden; margin: 0 !important; } .cnnespanol-site .news--summary-big .news__media { position: relative; float: left; width: 300px; height: 170px; padding: 0 !important; margin: 0 !important; background-color: #ececec; } .cnnespanol-site .news--summary-big .news__media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cnnespanol-site .news--summary-big .news__data { margin-left: 335px; padding-right: 70px; } .cnnespanol-site .news--summary-big .news__label { display: inline-block; color: #CC0000; font: bold 12px/14px "CNN Sans Condensed"; margin-bottom: 14px; text-transform: uppercase; } .cnnespanol-site .news--summary-big .news__label a { color: #CC0000; } .cnnespanol-site .news--summary-big .news__title { font: 28px/34px "CNN Sans Condensed"; } body.cnn-radio-ar-template .header--wrap .ad-main-above-nav { background: white; } .headerradio__top { background: #0C0C0C; padding: 6px 0 7px; } .headerradio__top .back__cnn { color: #fff; font: 400 13px/15px "CNNSans-Condensed", Helvetica Neue, Arial; padding-left: 10px; position: relative; } .headerradio__top .back__cnn:before { content: ''; width: 0; height: 0; border-right: 5px solid #4176BE; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; z-index: 0; left: 0; top: 4px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .headerradio__top .back__cnn:hover { text-decoration: underline; } .header__radio { background: white; } .header__radio .banner--header { margin-bottom: 15px; } .header__radio .header-inner-nav { position: relative; } .header__radio .nav-main > .menu-item.active a { color: #4176BE; } .header__radio .wrap-nav { padding-left: 200px; } .header__radio .wrap-nav a { color: #000; } .header__radio .wrap-nav a:hover { color: #4176BE; } .header__radio .header__radio__logo { position: absolute; left: 58px; top: 14px; z-index: 3001; } .header__radio .nav-search { position: relative; margin-left: 6px; } .header__radio .nav-search:before { content: ''; height: 30px; width: 1px; background: black; left: 0; position: absolute; z-index: 2; top: 10px; } .header__radio .nav-search .search-icon { background: #fff; } .header__radio .nav-search .search-icon svg { box-shadow: 0 0 0 #252525; fill: #000; } .header__radio .nav-search .search-icon svg:hover { fill: #4176BE; } .header__radio .nav-search .nav-search-form button { font-size: 14px; top: 14px; right: 15px; } .headerradio__social { transition: opacity 2s linear; -ms-transform: translate(0); transform: translate(0); opacity: 1; overflow-y: hidden; font-size: 0; } .headerradio__social .cnnicon { display: inline-block; font-size: 15px; width: 40px; text-align: center; height: 50px; position: relative; color: #0C0C0C; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transform: translate(0); transform: translate(0); opacity: 1; overflow-y: hidden; } .headerradio__social .cnnicon.cnnicon--whatsapp { font-size: 21px; } .headerradio__social .cnnicon.cnnicon--facebook-square { font-size: 20px; } .headerradio__social .cnnicon:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .headerradio__social .cnnicon .cnnicon__img { width: auto; height: 19px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .headerradio__social .cnnicon:hover { color: #4176BE; } .headerradio__social .cnnicon:hover img { filter: invert(43%) sepia(8%) saturate(3950%) hue-rotate(175deg) brightness(98%) contrast(86%); -webkit-filter: invert(43%) sepia(8%) saturate(3950%) hue-rotate(175deg) brightness(98%) contrast(86%); } .nav-search-open .header__radio .nav-search { max-width: 800px; } .nav-search-open .header__radio .nav-search:before { display: none; } .nav-search-open .header__radio .nav-search input { border: 1px solid #dadada; } .nav-search-open .headerradio__social a, .nav-search-open .headerradio__social { transition-delay: 2s; -ms-transform: translate(9999px); transform: translate(9999px); opacity: 0; width: 0; } .alert__radio { background: #4176BE; padding: 16px 0 17px; } .alert__radio .alert__radio__bnt { border: 2px solid #fff; border-radius: 125px; background-color: transparent; display: inline-block; height: 39px; width: 40px; vertical-align: middle; margin-right: 10px; position: relative; padding: 0; -webkit-appearance: none; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .alert__radio .alert__radio__bnt:hover { opacity: .6; } .alert__radio .alert__radio__bnt--play:before { content: ''; width: 0; height: 0; border-left: 13px solid #ffffff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .alert__radio .alert__radio__bnt--pause:after, .alert__radio .alert__radio__bnt--pause:before { content: ''; width: 4px; height: 18px; background: #fff; position: absolute; z-index: 0; left: 11px; top: 9px; } .alert__radio .alert__radio__bnt--pause:before { left: 21px; } .alert__radio .alert__radio__label { color: #fff; border: 1px solid #fff; display: inline-block; padding: 5px 12px 3px; text-align: center; text-transform: uppercase; font: bold 17px/18px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; vertical-align: middle; margin: 2px 9px 0 0; } .alert__radio .alert__radio__title, .alert__radio .alert__radio__alternative-title { font: 400 20px/23px "CNNSans-Condensed", Helvetica Neue, Arial; color: #fff; margin: 1px 0 0 14px; display: inline-block; vertical-align: middle; } .alert__radio .alert__radio__title a, .alert__radio .alert__radio__alternative-title a { color: inherit; font: inherit; } .footer__radio { text-align: center; margin-top: 50px; padding-bottom: 40px; } .footer__radio .footer__radio__logo { margin: 0 auto 41px; } .footer__radio .nav-footer__radio { font-size: 0; } .footer__radio .nav-footer__radio li { list-style: none; display: inline-block; text-transform: capitalize; color: #000; font: 300 15px/15px "CNNSans-Light", Helvetica Neue, Arial; position: relative; } .footer__radio .nav-footer__radio li + li { border-left: 1px solid #262626; } .footer__radio .nav-footer__radio li a { padding: 0 10px; display: block; color: inherit; font: inherit; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .footer__radio .nav-footer__radio li a:hover { color: #4176BE; } .footer__radio .share__radios { margin: 47px 0 22px; } .footer__radio .share__radios__title { color: #262626; display: block; text-transform: uppercase; font: bold 13px/13px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; margin: 0 0 15px; } .footer__radio .share__radios__links { border: 1px solid #262626; font-size: 0; display: inline-block; } .footer__radio .share__radios__links .cnnicon { color: #262626; font-size: 19px; width: 70px; height: 52px; position: relative; display: inline-block; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .footer__radio .share__radios__links .cnnicon.cnnicon--twitter { font-size: 16px; } .footer__radio .share__radios__links .cnnicon + .cnnicon { border-left: 1px solid #262626; } .footer__radio .share__radios__links .cnnicon:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .footer__radio .share__radios__links .cnnicon:hover { background: #4176BE; color: #fff; } .footer__radio .share__radios__links .cnnicon:hover .cnnicon__img { filter: invert(1); } .footer__radio .share__radios__links .cnnicon__img { width: auto; height: 19px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .footer__radio .footer-inner__radio { color: #5C5C5C; font: 400 13px/20px "CNNSans-Condensed", Helvetica Neue, Arial; } .footer__radio .footer-inner__radio p, .footer__radio .footer-inner__radio a { color: inherit; font: inherit; } .footer__radio .go-top { position: relative; display: inline-block; font: 500 13px/20px "CNNSans-Condensed", Helvetica Neue, Arial; margin: 39px 0 0; padding: 0 15px 0 0; color: #CC0000; } .footer__radio .go-top:before { font-size: 11px; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .cnnespanol-site.page-template-page-tv-schedule { background: white; padding-top: 155px !important; } .cnnespanol-site.page-template-page-tv-schedule .content-area { background: white; color: #000; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__header { background: transparent; padding: 35px 0 24px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__header .section__title { color: #000; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__actions { float: right; margin-top: 15px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__actions p { float: left; color: #333; font: 300 16px/35px "CNN Sans Condensed"; margin: 0; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__actions a { float: left; width: 35px; height: 35px; border-radius: 100%; margin-left: 10px; text-align: center; color: white; line-height: 40px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__actions a.cnnicon--twitter { background-color: #1da1f2; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__actions a.cnnicon--twitter:hover { background-color: #0c85d0; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__actions a.cnnicon--facebook-square { background-color: #37559c; } .cnnespanol-site.page-template-page-tv-schedule .content-area .section__actions a.cnnicon--facebook-square:hover { background-color: #2a4076; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter { position: relative; margin: 0 0 32px; width: 310px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__active { background: #e6e6e6; color: #0c0c0c; height: 40px; font: 400 14px/15px "CNNSans-Medium", Helvetica Neue, Arial; padding: 13px 15px 15px; box-sizing: border-box; cursor: pointer; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__active:after, .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__active:before { content: ''; background: #000; height: 1px; position: absolute; display: block; right: 20px; top: 22px; width: 15px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__active:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 10px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__ul { border: 1px solid #e6e6e6; list-style: none; position: absolute; top: 40px; left: 0px; width: 100%; background-color: #fff; z-index: 2; padding: 0 15px; opacity: 0; visibility: hidden; transform: translate(0, -30px); -ms-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -webkit-transform: translate(0, -30px); transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__li { padding: 14px 0 12px; font: 400 14px/15px "CNNSans-Medium", Helvetica Neue, Arial; cursor: pointer; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__li + li { border-top: 1px solid #e6e6e6; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__li.active { font-weight: bold; } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__open .schedule__filter__active:after, .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__open .schedule__filter__active:before { top: 20px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__open .schedule__filter__active:after { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cnnespanol-site.page-template-page-tv-schedule .content-area .schedule__filter__open .schedule__filter__ul { transform: translate(0, 0px); -ms-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -webkit-transform: translate(0, 0px); opacity: 1; visibility: visible; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule { color: #000; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__pais { display: none; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__pais.active { display: block; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__content { min-height: 500px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__nav { width: 100%; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; border-bottom: 3px solid #e6e6e6; margin-bottom: 5px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__nav__li { text-transform: uppercase; font: bold 17px/19px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; color: #000; position: relative; cursor: pointer; display: block; text-align: center; padding-bottom: 10px; width: 100%; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__nav__li.active:before { content: ''; height: 3px; display: block; background: #CC0000; position: absolute; bottom: -3px; width: 100%; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__day { display: none; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule__day.active { display: block; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item { padding: 31px 0; display: block; position: relative; min-height: 136px; border-bottom: 1px solid #e8eaee; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item a { color: inherit; font: inherit; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item.active { background: #e6e6e6; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item.active .schedule__item__live { display: block; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item__label { width: 74px; position: absolute; text-align: center; font: 600 17px/17px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; margin: 30px 6px 0 0; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item__media { width: 129px; float: left; margin-left: 85px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item__live { position: absolute; right: 45px; width: 110px; height: 41px; color: #fff; font: 600 17px/44px "CNNSans-Condensed", Helvetica Neue, Arial; text-align: center; background: #cc0a00; top: 50%; text-transform: uppercase; display: none; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item__data { padding-left: 22px; padding-right: 170px; display: block; margin: 0 0 0 216px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item__data__title { font: bold 22px/24px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; margin: 0 0 4px; } .cnnespanol-site.page-template-page-tv-schedule .content-area .module__schedule .schedule__item__data__info { font: 400 14px/21px "CNNSans-Light", Helvetica Neue, Arial; color: #727272; } body.cnne-uscore-template { padding-top: 0 !important; background: white; /********* NAV */ /********* FOOTER */ /****** SUMMARY */ /****** MORE NEWS */ /******** NEWSFULL */ /********* CATEGORY */ /********* ABOUT */ } body.cnne-uscore-template.menu--open { position: relative; overflow: hidden; } body.cnne-uscore-template p a { background-image: linear-gradient(180deg, #6a29d5 0, #6a29d5); background-position: bottom; background-repeat: no-repeat; background-size: 1% 0; color: #6a29d5; font-weight: 500; position: relative; text-decoration: none; transition: background-size .1s linear; } body.cnne-uscore-template p a:hover { background-size: 100% 2px; } body.cnne-uscore-template .row { margin: 0 auto; max-width: 1160px; overflow: hidden; padding: 0 10px 10px; } body.cnne-uscore-template .header--wrap { position: relative; } body.cnne-uscore-template .header-inner-nav { max-width: 1200px; display: block; } body.cnne-uscore-template .header__underscore { background-color: transparent; padding-top: 40px; padding-bottom: 44px; } body.cnne-uscore-template .header__underscore .header__underscore__logo { margin: 0 auto; display: block; width: 335px; } body.cnne-uscore-template .header__underscore .header__underscore__logo img { max-height: 68px; width: auto; } body.cnne-uscore-template .header__button { float: right; font-size: 20px; padding: 10px; right: -10px; background: transparent; border: none; outline: none; position: relative; cursor: pointer; } body.cnne-uscore-template .headerunderscore__social { font-size: 0; padding: 13px 0px; position: absolute; } body.cnne-uscore-template .headerunderscore__social a { color: black; text-align: center; display: inline-block; font-size: 20px; width: 40px; } body.cnne-uscore-template .headerunderscore__social a:hover { color: #6a29d5; } body.cnne-uscore-template .header__disclaimer { margin: 0 auto; padding: 28px; background-color: #f2f2f2; max-width: 970px; text-align: center; } body.cnne-uscore-template .header__disclaimer p { font-family: "CNNSans-Medium", Helvetica Neue, Arial; font-weight: 300; font-size: 14px; line-height: 1.5; color: #595959; } body.cnne-uscore-template .header__disclaimer p a { color: #595959; font-weight: bold; font-family: "CNNSans-Semibold", Helvetica Neue, Arial; } body.cnne-uscore-template .nav__underscore { height: 100%; left: 0; top: 0; width: 100%; background: transparent url(../../../images/underscored-navbg.jpg) no-repeat center; background-size: cover; position: fixed; z-index: 99999; display: none; } body.cnne-uscore-template .nav__underscore.nav__underscore--active { display: block; } body.cnne-uscore-template .nav__underscore .header--wrap { position: absolute; } body.cnne-uscore-template .nav__underscore .header-inner-nav { margin: 0 auto; } body.cnne-uscore-template .nav__underscore .headerunderscore__social a { color: white; } body.cnne-uscore-template .nav__underscore .headerunderscore__social a:hover { color: #6a29d5; } body.cnne-uscore-template .nav__underscore .header__button { color: white; cursor: pointer; } body.cnne-uscore-template .nav__underscore .header__button:hover { color: #6a29d5; } body.cnne-uscore-template .nav__underscore .nav__underscore__footer__wrap { max-width: 1200px; display: block; margin: 0 auto; } body.cnne-uscore-template .nav__underscore .nav__underscore__footer { position: absolute; bottom: 20px; width: 100%; } body.cnne-uscore-template .nav__underscore .nav__underscore__footer .footer__underscore__goback span { color: white; } body.cnne-uscore-template .nav__underscore .menu__underscore { -ms-flex-direction: column; flex-direction: column; height: calc(100% - 40px); padding: 40px 0 0; width: 100%; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } body.cnne-uscore-template .nav__underscore .menu__underscore__container { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-positive: 1; flex-grow: 1; } body.cnne-uscore-template .nav__underscore .menu__underscore__container li { text-align: center; width: 100%; padding: .3em 0; color: #fefefe; display: block; font-size: 26px; font-weight: 500; font-family: "CNNSans-Semibold", Helvetica Neue, Arial; letter-spacing: .02em; margin: 0 auto; position: relative; text-align: center; text-transform: uppercase; transition: .3s; width: 485px; font-size: 40px; } body.cnne-uscore-template .nav__underscore .menu__underscore__container li a { font: inherit; color: inherit; } body.cnne-uscore-template .nav__underscore .menu__underscore__container li a:after { content: ""; background-color: #6a29d5; height: 6px; left: 0; bottom: 4px; position: absolute; -ms-transform: scaleX(0); transform: scaleX(0); transition: .3s; width: 100%; } body.cnne-uscore-template .nav__underscore .menu__underscore__container li a:hover:after { -ms-transform: scaleX(1); transform: scaleX(1); } body.cnne-uscore-template .footer__underscore { background-color: #f2f2f2; color: #0a0a0a; margin-top: 80px; padding: 100px 0 60px; font-family: "CNNSans-Medium", Helvetica Neue, Arial; } body.cnne-uscore-template .footer__underscore .footer__underscore__logo img { height: 68px; } body.cnne-uscore-template .footer__underscore .footer__underscore__left { float: left; padding-right: 80px; width: calc(100% - 380px); } body.cnne-uscore-template .footer__underscore .footer__underscore__left p { font-size: 14px; line-height: 2.2; padding-right: 10%; margin: 43px 0 0; font-weight: 300; } body.cnne-uscore-template .footer__underscore .footer__underscore__left p a { color: #0a0a0a; font-weight: 500; font-family: "CNNSans-Semibold", Helvetica Neue, Arial; } body.cnne-uscore-template .footer__underscore__title { font-size: 20px; color: black; font-family: "CNNSans-Semibold", Helvetica Neue, Arial; font-weight: 700; margin: 0; } body.cnne-uscore-template .footer__underscore__subtitle { font-size: 16px; margin-top: 6px; line-height: 1.5; margin-bottom: 39px; } body.cnne-uscore-template .footer__underscore__input { background-color: transparent; border: none; border-bottom: 1px solid; display: inline-block; font-size: 16px; height: 40px; outline: none; color: #a6a6a6; -ms-flex-negative: 1; flex-shrink: 1; max-width: 260px; width: calc(100% - 120px); } body.cnne-uscore-template .footer__underscore__button { background-color: #0a0a0a; color: #fff; display: inline-block; font-size: 1em; text-align: center; height: 40px; text-transform: lowercase; width: 120px; border: none; font-weight: 500; } body.cnne-uscore-template .footer__underscore__suscribe { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.cnne-uscore-template .footer__underscore__bottom { -ms-flex-align: center; align-items: center; clear: both; display: -ms-flexbox; display: flex; padding-top: 46px; } body.cnne-uscore-template .footer__underscore__bottom--left { -ms-flex: 1; flex: 1; padding-right: 20px; } body.cnne-uscore-template .footer__underscore__bottom p { color: #a6a6a6; list-style: none; padding-left: 0; font-size: 14px; line-height: 1.5; margin-bottom: 39px; } body.cnne-uscore-template .footer__underscore__bottom p a { color: inherit; } body.cnne-uscore-template .footer__underscore__bottom ul { color: #a6a6a6; list-style: none; padding-left: 0; font-size: 14px; } body.cnne-uscore-template .footer__underscore__bottom ul li { display: inline-block; margin: 0 20px 0 0; } body.cnne-uscore-template .footer__underscore__bottom ul li a { color: inherit; } body.cnne-uscore-template .footer__underscore__bottom--right { -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: right; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } body.cnne-uscore-template .footer__underscore__bottom--right img { float: right; } body.cnne-uscore-template .footer__underscore__bottom--right span { font-size: 14px; font-weight: 700; font-family: "CNNSans-Bold", Helvetica Neue, Arial; padding-top: 16px; margin-right: 10px; color: black; display: inline-block; } body.cnne-uscore-template .footer__underscore a.optanon-show-settings { color: #a6a6a6; display: block; font-size: small; margin-top: 15px; } body.cnne-uscore-template .underscored__main { margin-top: 76px; } body.cnne-uscore-template .news--summary--big { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; min-height: auto; padding-left: 52.12%; height: 594px; z-index: 22; margin: 75px 0; } body.cnne-uscore-template .news--summary--big + .news--summary--big { margin-top: 100px; } body.cnne-uscore-template .news--summary--big .news__media { margin-right: 60px; width: 52.12%; padding: 0; } body.cnne-uscore-template .news--summary--big .news__media .news__media-item { position: relative; width: 100%; height: 0; padding-top: 100%; background-color: #ccc; display: block; } body.cnne-uscore-template .news--summary--big .news__data { margin-left: 60px; position: relative; padding-bottom: 34px; } body.cnne-uscore-template .news--summary--big .news__data .news__title { font-size: 32px; line-height: 38px; line-height: 1.187; margin: 10px 0; font-weight: 700; color: #0a0a0a; font-family: "CNNSans-Bold", Helvetica Neue, Arial; } body.cnne-uscore-template .news--summary--big .news__data .news__title a { color: inherit; font: inherit; } body.cnne-uscore-template .news--summary--big .news__data .news__excerpt { color: #262626; margin: 20px 0 0; font-size: 16px; line-height: 24px; font-weight: 300; font-family: "CNNSans-Medium", Helvetica Neue, Arial; } body.cnne-uscore-template .news--summary--big .news__data .news__excerpt p { color: inherit; font: inherit; } body.cnne-uscore-template .news--summary--big .news__data:after { background-color: #6a29d5; bottom: -6px; content: ""; height: 6px; left: 0; position: absolute; -ms-transform: scaleX(0); transform: scaleX(0); transition: .3s; width: 100%; bottom: 6px; } body.cnne-uscore-template .news--summary--big:hover .news__data:after { -ms-transform: scaleX(1); transform: scaleX(1); } body.cnne-uscore-template .news--summary--big.news--summary--big--reverse { padding-left: 0; padding-right: 52.12%; } body.cnne-uscore-template .news--summary--big.news--summary--big--reverse .news__media { left: inherit; right: 0; margin-right: 0; margin-left: 60px; } body.cnne-uscore-template .news--summary--big.news--summary--big--reverse .news__data { margin-left: 0; margin-right: 60px; } body.cnne-uscore-template .module .module__header { border: 0; margin-bottom: 68px; } body.cnne-uscore-template .module .module__header .module__title { font: 700 26px/26px "CNNSans-Bold", Helvetica Neue, Arial; color: #0a0a0a; text-transform: uppercase; width: 100%; margin: 55px 0 60px; } body.cnne-uscore-template .module .module__header .module__title:after { display: none; } body.cnne-uscore-template .module.module__morenews .news--box.newbox--320x180 { border-bottom: 0; position: relative; margin: 0 0 31px; } body.cnne-uscore-template .module.module__morenews .news--box.newbox--320x180 .news__data { margin: 15px 0; } body.cnne-uscore-template .module.module__morenews .news--box.newbox--320x180 .news__title { font: 700 18px/21px "CNNSans-Bold", Helvetica Neue, Arial; color: #0a0a0a; } body.cnne-uscore-template .module.module__morenews .news--box.newbox--320x180 .news__title a, body.cnne-uscore-template .module.module__morenews .news--box.newbox--320x180 .news__title a:hover { color: inherit; font: inherit; } body.cnne-uscore-template .module.module__morenews .news--box.newbox--320x180 .news__media { margin-bottom: 0; } body.cnne-uscore-template .module.module__morenews .news--box.newbox--320x180:hover:after { -ms-transform: scaleX(1); transform: scaleX(1); } body.cnne-uscore-template .module.module__morenews .news--box:after { background-color: #6a29d5; bottom: -6px; content: ""; height: 6px; left: 0; position: absolute; -ms-transform: scaleX(0); transform: scaleX(0); transition: .3s; width: 100%; bottom: 6px; } body.cnne-uscore-template .module.module__morenews .news--box:hover:after { -ms-transform: scaleX(1); transform: scaleX(1); } body.cnne-uscore-template .module.module__morenews .module__content { margin: 0 -45px; } body.cnne-uscore-template .module.module__morenews .module__content .col { padding: 0 45px; } body.cnne-uscore-template .storyfull { margin-top: 66px; } body.cnne-uscore-template .storyfull a { background-image: linear-gradient(180deg, #6a29d5 0, #6a29d5); background-position: bottom; background-repeat: no-repeat; background-size: 1% 0; color: #6a29d5; font-weight: 500; position: relative; text-decoration: none; transition: background-size .1s linear; } body.cnne-uscore-template .storyfull a:hover { background-size: 100% 2px; text-decoration: none; } body.cnne-uscore-template .storyfull .storyfull__main { padding: 0 70px; } body.cnne-uscore-template .storyfull .storyfull__header { padding-bottom: 65px; } body.cnne-uscore-template .storyfull .storyfull__header .storyfull__title { line-height: 1.075; font-size: 48px; font-weight: bold; font-family: "CNNSans-Semibold", Helvetica Neue, Arial; color: #0a0a0a; margin-bottom: 17px; } body.cnne-uscore-template .storyfull .storyfull__header .storyfull__authors, body.cnne-uscore-template .storyfull .storyfull__header .storyfull__time { font-weight: bold; font-family: "CNNSans-Semibold", Helvetica Neue, Arial; font-size: 16px; color: #a6a6a6; line-height: 23px; } body.cnne-uscore-template .storyfull .storyfull__header .storyfull__authors a, body.cnne-uscore-template .storyfull .storyfull__header .storyfull__time a { color: inherit; font: inherit; } body.cnne-uscore-template .storyfull .storyfullmedia { margin-bottom: 50px; } body.cnne-uscore-template .storyfull .storyfull__body { margin-right: 20px; } body.cnne-uscore-template .storyfull .storyfull__body > p { font-size: 18px; line-height: 27px; color: #262626; font-family: "CNNSans-Light", Helvetica Neue, Arial; font-weight: 300; margin: 40px 0; } body.cnne-uscore-template .storyfull .storyfull__body a { background-image: linear-gradient(180deg, #6a29d5 0, #6a29d5); background-position: bottom; background-repeat: no-repeat; background-size: 1% 0; color: #6a29d5; font-family: "CNNSans-Medium", Helvetica Neue, Arial; font-weight: bold; position: relative; text-decoration: none; transition: background-size .1s linear; } body.cnne-uscore-template .storyfull .storyfull__body a:hover { background-size: 100% 2px; text-decoration: none; } body.cnne-uscore-template .storyfull .storyfull__body h1, body.cnne-uscore-template .storyfull .storyfull__body h2, body.cnne-uscore-template .storyfull .storyfull__body h3, body.cnne-uscore-template .storyfull .storyfull__body h4, body.cnne-uscore-template .storyfull .storyfull__body h5, body.cnne-uscore-template .storyfull .storyfull__body h6 { font-family: "CNNSans-Bold", Helvetica Neue, Arial; font-weight: bold; color: #0a0a0a; } body.cnne-uscore-template .storyfull .storyfull__body h1 { font-size: 48px; line-height: 51px; } body.cnne-uscore-template .storyfull .storyfull__body h2 { font-size: 40px; line-height: 43px; } body.cnne-uscore-template .storyfull .storyfull__body h3 { font-size: 32px; line-height: 35px; } body.cnne-uscore-template .storyfull .storyfull__body h4 { font-size: 32px; line-height: 35px; } body.cnne-uscore-template .storyfull .storyfull__body h5 { font-size: 26px; line-height: 29px; } body.cnne-uscore-template .storyfull .storyfull__body h6 { font-size: 18px; line-height: 21px; } body.cnne-uscore-template .storyfull .storyfull__body ul, body.cnne-uscore-template .storyfull .storyfull__body ol { margin: 20px 0; padding-left: 40px; } body.cnne-uscore-template .storyfull .storyfull__body ul + li, body.cnne-uscore-template .storyfull .storyfull__body ul li, body.cnne-uscore-template .storyfull .storyfull__body ol + li, body.cnne-uscore-template .storyfull .storyfull__body ol li { border-top: 0; display: list-item; padding: 2px 0; margin: 0; font-size: 16px; } body.cnne-uscore-template .storyfull .storyfull__body ul + li:before, body.cnne-uscore-template .storyfull .storyfull__body ul li:before, body.cnne-uscore-template .storyfull .storyfull__body ol + li:before, body.cnne-uscore-template .storyfull .storyfull__body ol li:before { display: none; } body.cnne-uscore-template .storyfull .storyfull__body blockquote:before { color: #6a29d5; } body.cnne-uscore-template .storyfull .storyfull__body blockquote p { font-family: "CNNSans-Bold", Helvetica Neue, Arial; color: #0a0a0a; font-weight: bold; } body.cnne-uscore-template .storyfull .storyfull__body hr { border-top: 2px solid #262626; max-width: 535px; } body.cnne-uscore-template .category__header { text-align: right; padding-top: 36px; } body.cnne-uscore-template .category__header .category__title { color: #e6e6e6; line-height: .9; position: relative; right: 0; text-align: right; text-transform: uppercase; font-size: 172px; font-family: "CNNSans-Bold", Helvetica Neue, Arial; word-break: break-word; } body.cnne-uscore-template .template-uscore-about .storyfull__main { padding: 0 60px; } body.cnne-uscore-template .template-uscore-about .storyfull__main .module__content { padding-right: 40px; width: calc(100% - 300px); } body.cnne-uscore-template .template-uscore-about .storyfull__main .module__content h2 { font-family: "CNNSans-Bold", Helvetica Neue, Arial; font-weight: bold; color: #0a0a0a; font-size: 26px; line-height: 40px; margin-bottom: 78px; margin-top: 53px; } body.cnne-uscore-template .template-uscore-about .storyfull__main .module__content p { color: #262626; font-size: 18px; line-height: 40px; font-family: "CNNSans-Light", Helvetica Neue, Arial; font-weight: 300; margin-bottom: 40px; } body.cnne-uscore-template .template-uscore-about .storyfull__main .module__content p a { background-image: linear-gradient(180deg, #6a29d5 0, #6a29d5); background-position: bottom; background-repeat: no-repeat; background-size: 1% 0; color: #6a29d5; font-family: "CNNSans-Medium", Helvetica Neue, Arial; font-weight: bold; position: relative; text-decoration: none; transition: background-size .1s linear; } body.cnne-uscore-template .template-uscore-about .storyfull__main .module__content p a:hover { background-size: 100% 2px; text-decoration: none; } @media (max-width: 1160px) { body.cnne-uscore-template .header__disclaimer { margin: 0 10px; } body.cnne-uscore-template .news--summary--big { height: 51.22vw; } } .breaking-news .breaking-news-content { margin: 10px auto; } .cnn-radio-ar-template .breaking-news.color--black { background-color: #000000; border-color: #000000; } .template--20 { /***** RADIO */ /****** LIVEBLOG */ } .template--20 .banner { text-align: center; display: block; overflow: hidden; width: 100%; } .template--20 .col--main { margin-right: 340px; } .template--20 .share.invisible { display: none; } .template--20 .modal { clear: none; } .template--20 .wrap-carousel-slides .wrap-force { float: none; margin-bottom: 35px; } .template--20 .wrap-carousel-slides .wrap-force figcaption { border-bottom: 1px solid #d9d9d9; color: #262626; font: 14px/21px "CNNSans-Light", Helvetica Neue, Arial; padding: 12px 0 10px; } .template--20 .carousel figcaption { border-bottom: 1px solid #d9d9d9; color: #262626; font: 14px/21px "CNNSans-Light", Helvetica Neue, Arial; padding: 12px 0 10px; } .template--20 .carousel .swiper-fullscreen { margin: 0; border: none; background-image: none; background: transparent; width: 40px; height: 40px; background: red; top: 0; right: 0; position: absolute; z-index: 5; background: rgba(0, 0, 0, 0.6) url("../../../images/icon-fullscreen.svg") no-repeat center; background-size: 15px; } .template--20 .carousel .swiper-button-next, .template--20 .carousel .swiper-button-prev { margin: 0; border: none; background-image: none; background: transparent; width: 40px; border-radius: 0; position: absolute; margin-top: -32px; color: #fff; font-size: 20px; top: 50%; bottom: inherit; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); } .template--20 .carousel .swiper-button-next:hover, .template--20 .carousel .swiper-button-prev:hover { color: #fff; opacity: 0.8; } .template--20 .carousel .swiper-button-next:after, .template--20 .carousel .swiper-button-prev:after { content: "\EA10"; border: none; top: 0; left: 0; opacity: 1; display: inline-block; font-family: "cnnicon"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .template--20 .carousel .swiper-button-next:before, .template--20 .carousel .swiper-button-prev:before { display: none; } .template--20 .carousel .swiper-button-next { right: 0px; margin-right: 20px; } .template--20 .carousel .swiper-button-prev { margin-left: 20px; left: 0; transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); -moz-transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); } .template--20 .carousel .swiper-image { position: relative; height: 0; padding-top: 56.38%; } .template--20 .carousel .swiper-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .template--20 .section__header { padding: 35px 0; position: relative; display: block; background-color: #262626; background-repeat: no-repeat; background-position: center center; background-size: cover; } .template--20 .section__header .row { z-index: 2; position: relative; } .template--20 .section__header .section__data { float: left; } .template--20 .section__header .section__logo { display: inline-block; } .template--20 .section__header .section__logo img { height: 50px !important; width: auto !important; } .template--20 .section__header .section__title { font: 52px/64px "CNN Sans Condensed"; color: #fff; display: inline-block; padding: 0 !important; margin: 0 !important; border: none !important; } .template--20 .section__header .section__actions { float: right; } .template--20 .section__header .section__partner { float: right; } .template--20 .section__header .section__partner:empty { display: none; } .template--20 .section__header .section__partner > *:last-child { margin-bottom: 15px; } .template--20 .section__header .section__social { float: right; margin-top: 10px; } .template--20 .section__header .section__social p { float: left; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font: 300 16px/35px "CNN Sans Condensed"; margin: 0; } .template--20 .section__header .section__social a { float: left; width: 35px; height: 35px; border-radius: 100%; margin-left: 10px; text-align: center; color: white; line-height: 40px; } .template--20 .section__header .section__social a.cnnicon--twitter { background-color: #1da1f2; } .template--20 .section__header .section__social a.cnnicon--twitter:hover { background-color: #0c85d0; } .template--20 .section__header .section__social a.cnnicon--facebook-square { background-color: #37559c; } .template--20 .section__header .section__social a.cnnicon--facebook-square:hover { background-color: #2a4076; } .template--20 .storyfull { padding: 0; } .template--20 .storyfull.storyfull--cover .storyfull__main { padding: 35px 15px 75px; } .template--20 .storyfull.storyfull--cover .storyfull__externalrelated { padding: 0 15px; } .template--20 .storyfull__cover { position: relative; display: block; } .template--20 .storyfull__cover + .storyfull__main { padding-top: 10px; } .template--20 .storyfull__media { height: 280px; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .template--20 .storyfull__media img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: inherit; max-height: inherit; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .template--20 .storyfull__data { position: relative; z-index: 2; } .template--20 .storyfull__main { background-color: white; position: relative; z-index: 2; padding: 35px 0 75px; box-sizing: border-box; } .template--20 .storyfull__main .section__social { font-size: 0; margin: 30px 0 0; } .template--20 .storyfull__main .section__social a { vertical-align: top; /*background: $red;*/ display: inline-block; width: 35px; height: 35px; border-radius: 100%; margin-right: 10px; text-align: center; color: white; line-height: 42px; font-size: 14px; } .template--20 .storyfull__main .section__social a.cnnicon--facebook-square { font-size: 16px; background-color: #37559C; } .template--20 .storyfull__main .section__social a.cnnicon--facebook-square:hover { background-color: #304b89; } .template--20 .storyfull__main .section__social a.cnnicon--twitter { font-size: 15px; background-color: #1DA1F2; } .template--20 .storyfull__main .section__social a.cnnicon--twitter:hover { background-color: #0d95e8; } .template--20 .storyfull__main .section__social a.cnnicon--mail { font-size: 14px; background-color: #CC0000; } .template--20 .storyfull__main .section__social a.cnnicon--mail:hover { background-color: #b30000; } .template--20 .storyfull__main .section__social a.cnnicon--instagram { font-size: 16px; background-color: #DD2A7B; } .template--20 .storyfull__main .section__social a.cnnicon--instagram:hover { background-color: #cd216f; } .template--20 .storyfull__main .section__social a.cnnicon--googleplus { font-size: 16px; background-color: #dd4b39; } .template--20 .storyfull__main .section__social a.cnnicon--googleplus:hover { background-color: #d73925; } .template--20 .storyfull__main .section__social a.cnnicon--linked_in { font-size: 16px; background-color: #0077B5; } .template--20 .storyfull__main .section__social a.cnnicon--linked_in:hover { background-color: #00669c; } .template--20 .storyfull__header { padding-bottom: 40px; } .template--20 .storyfull__section { display: inline-block; clear: both; color: #cc0900; text-transform: uppercase; margin-bottom: 18px; font: bold 16px/16px "CNN Sans Condensed"; } .template--20 .storyfull__section:hover { color: black; } .template--20 .storyfull__title { color: #262626; font: 600 56px/64px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 25px; } .template--20 .storyfull__excerpt { font: 300 18px/26px "CNN Sans"; margin-bottom: 25px; } .template--20 .storyfull__line { overflow: hidden; display: block; } .template--20 .storyfull__line .storyfull__social a { opacity: 1; visibility: visible; -ms-transform: translate(0px, 0); transform: translate(0px, 0); -webkit-transform: translate(0px, 0); } .template--20 .storyfull__line .storyfull__social .cnnicon + .cnnicon:after { content: ''; height: 35px; background: #262626; position: absolute; left: -5px; top: 0; width: 1px; } .template--20 .storyfull__info { float: left; } .template--20 .storyfull__authors, .template--20 .storyfull__time { display: block; font: 400 16px/24px "CNNSans-Light", Helvetica Neue, Arial; color: #737373; margin: 0; text-transform: capitalize; } .template--20 .storyfull__authors a, .template--20 .storyfull__time a { color: #3061f3; } .template--20 .storyfull__authors a:hover, .template--20 .storyfull__time a:hover { text-decoration: underline; } .template--20 .storyfull__social { float: right; margin-top: 8px; } .template--20 .storyfull__social .cnnicon { float: left; width: 35px; height: 35px; border-radius: 100%; color: #262626; line-height: 40px; margin-left: 10px; text-align: center; display: block; opacity: 0; visibility: hidden; transition: all .2s; -webkit-transition: all .2s; -ms-transform: translate(0px, -20px); transform: translate(0px, -20px); -webkit-transform: translate(0px, -20px); } .template--20 .storyfull__social .cnnicon:hover { opacity: .8; } .template--20 .storyfull__social .cnnicon--facebook-square { font-size: 16px; } .template--20 .storyfull__social .cnnicon--twitter { font-size: 15px; } .template--20 .storyfull__social .cnnicon--mail { font-size: 14px; } .template--20 .storyfull__social .cnnicon--copy { font-size: 13px; background-position: center; } .template--20 .storyfull__social .cnnicon--check { font-size: 13px; } .template--20 .storyfull__social .cnnicon + .cnnicon { transition-delay: .1s; -webkit-transition-delay: .1s; } .template--20 .storyfull__social .cnnicon + .cnnicon + .cnnicon { transition-delay: .2s; -webkit-transition-delay: .2s; } .template--20 .storyfull__social .cnnicon + .cnnicon + .cnnicon + .cnnicon { transition-delay: .3s; -webkit-transition-delay: .3s; } .template--20 .storyfull__social .cnnicon + .cnnicon + .cnnicon + .cnnicon + .cnnicon { transition-delay: .4s; -webkit-transition-delay: .4s; } .template--20 .storyfull__social .icono--check { background: transparent url(../../../images/icon-check-black.svg) no-repeat center !important; background-size: 17px auto !important; } .template--20 .storyfull__social .icono--check:before { display: none; } .template--20 .storyfull__social.animated .cnnicon { opacity: 1; visibility: visible; -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate(0, 0); } .template--20 .storyfull__gallery { margin-bottom: 40px; } .template--20 .storyfull__gallery.cnnvideo--sticky .cnnvideo { transition: right .3s ease-in-out; -ms-transition: right .3s ease-in-out; -moz-transition: right .3s ease-in-out; -webkit-transition: right .3s ease-in-out; height: 168px !important; min-height: inherit; max-width: 297px; position: fixed; z-index: 4001; padding-top: 0; margin: 0; right: 25px; bottom: 25px; overflow: inherit; box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.3); } .template--20 .storyfull__gallery .boxlive__fixed__close { position: absolute; line-height: 36px; top: -30px; z-index: 1; right: 0; z-index: 1; color: #fff; cursor: pointer; border: none; font-size: 15px; outline: none; background-color: #c00; width: 30px; height: 30px; padding: 0; } .template--20 .storyfull__body { position: relative; color: #262626; } .template--20 .storyfull__body .storyfull__social { position: absolute; top: 0; left: -75px; } .template--20 .storyfull__body .storyfull__social .cnnicon { clear: both; margin: 0 0 10px; } .template--20 .storyfull__body .storyfull__social .cnnicon + .cnnicon:after { content: ''; width: 35px; background: #262626; position: absolute; top: -6px; left: 0; height: 1px; } .template--20 .storyfull__body article.liveblog-entry { clear: none; } .template--20 .storyfull__body > p { font: 300 18px/30px "CNNSans-Light", Helvetica Neue, Arial; margin-bottom: 30px !important; } .template--20 .storyfull__body > p a { color: #3061f3; } .template--20 .storyfull__body > p a:hover { text-decoration: underline; } .template--20 .storyfull__body > p b, .template--20 .storyfull__body > p strong { font-weight: bold; } .template--20 .storyfull__body > p span[style*="color"] { color: #CC0000 !important; } .template--20 .storyfull__body > p:empty { display: none; } .template--20 .storyfull__body .cnnvideo { margin-bottom: 18px; right: 0; transition: right .3s ease-in-out,transform .3s ease-in-out; -ms-transition: right .3s ease-in-out,transform .3s ease-in-out; -moz-transition: right .3s ease-in-out,transform .3s ease-in-out; -webkit-transition: right .3s ease-in-out,transform .3s ease-in-out; } .template--20 .storyfull__body .mejs-container, .template--20 .storyfull__body .mejs-container .mejs-controls, .template--20 .storyfull__body .mejs-embed, .template--20 .storyfull__body .mejs-embed body { clear: none; } .template--20 .storyfull__body figcaption { font-weight: bold; } .template--20 .storyfull__body figcaption .caption--duration { font-weight: initial; } .template--20 .storyfull__body .cnnvideo + figcaption { border-bottom: 1px solid #efefef; font-size: 18px; line-height: 16px; color: #262626; font-weight: 500; font-family: "CNN Sans Condensed"; padding-bottom: 10px; margin-bottom: 15px; margin-top: -10px; } .template--20 .storyfull__body .cnnvideo + figcaption .caption--duration { color: #737373; display: inline-block; padding-left: 5px; font-size: 16px; line-height: 20px; font-weight: 300; font-family: "CNN Sans"; margin: 6px 0 0; } .template--20 .storyfull__body .wp-caption { border: 1px solid #e6e6e6; margin-bottom: 10px; padding: 0; margin-top: 8px; } .template--20 .storyfull__body .wp-caption img { width: 100%; } .template--20 .storyfull__body .wp-caption.alignnone, .template--20 .storyfull__body .wp-caption.aligncenter { margin-bottom: 30px; } .template--20 .storyfull__body .wp-caption.alignleft { margin-right: 23px; } .template--20 .storyfull__body .wp-caption.alignright { margin-left: 23px; } .template--20 .storyfull__body .wp-caption-text { font: 300 13px/21px "CNNSans-Light", Helvetica Neue, Arial; color: #262626; padding: 7px 10px 14px; margin: 0; text-align: left; } .template--20 .storyfull__body .wp-caption-text:first-of-type:first-letter { text-transform: uppercase; } .template--20 .storyfull__body img.alignleft { padding: 0; margin: 7px 30px 30px 0; } .template--20 .storyfull__body img.alignright { padding: 0; margin: 7px 0 30px 30px; } .template--20 .storyfull__body ul, .template--20 .storyfull__body ol { margin: 0 0 30px 50px; } .template--20 .storyfull__body ul li, .template--20 .storyfull__body ol li { font: 300 18px/30px "CNN Sans"; margin-bottom: 10px; } .template--20 .storyfull__body ul a, .template--20 .storyfull__body ol a { color: #3061f3; } .template--20 .storyfull__body ul a:hover, .template--20 .storyfull__body ol a:hover { text-decoration: underline; } .template--20 .storyfull__body h1, .template--20 .storyfull__body h2, .template--20 .storyfull__body h3, .template--20 .storyfull__body h4, .template--20 .storyfull__body h5, .template--20 .storyfull__body h6 { color: #262626; font: bold 26px/31px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; margin-bottom: 12px; } .template--20 .storyfull__body h1 *, .template--20 .storyfull__body h2 *, .template--20 .storyfull__body h3 *, .template--20 .storyfull__body h4 *, .template--20 .storyfull__body h5 *, .template--20 .storyfull__body h6 * { font: inherit; color: inherit; } .template--20 .storyfull__body h1 { font: bold 32px/40px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; } .template--20 .storyfull__body hr { margin: 0 0 30px; display: block; height: 1px; border: 0; border-top: 1px solid #cccc; padding: 0; } .template--20 .storyfull__body .carousel { margin-bottom: 40px; } .template--20 .storyfull__body .module__title { font: bold 18px/18px "CNNSans-Bold", Helvetica Neue, Arial; } .template--20 .storyfull__body #gallery-1 img { border: 0; } .template--20 .storyfull__body #gallery-1 .wp-caption-text { color: #262626; padding-right: 0; padding-left: 0; } .template--20 .storyfull__body .embed-youtube, .template--20 .storyfull__body .embed-instagram, .template--20 .storyfull__body .embed-facebook, .template--20 .storyfull__body .embed-twitter { margin: 0 0 33px; text-align: center; } .template--20 .storyfull__body .instagram-media, .template--20 .storyfull__body .embed-instagram > *, .template--20 .storyfull__body .embed-youtube > *, .template--20 .storyfull__body .embed-twitter > * { margin: 0 auto !important; display: block; } .template--20 .storyfull__body .embed-youtube { position: relative; width: 100%; height: 0; padding-top: 56.16%; overflow: hidden; } .template--20 .storyfull__body .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; max-width: 100%; } .template--20 .storyfull__body .wp-video { margin-bottom: 27px; } .template--20 .storyfull__body blockquote { margin: 50px 0; float: none; position: relative; padding: 0 100px; width: 100% !important; } .template--20 .storyfull__body blockquote:before { font: 200px/200px "CNN Sans Condensed"; margin: 0; color: #CC0000; float: left; margin-top: -2px; height: 75px; overflow: hidden; } .template--20 .storyfull__body blockquote p { font: 600 26px/31px "CNN Sans Condensed"; padding: 0 !important; margin: 0 0 0 90px; clear: none !important; color: #262626; } .template--20 .storyfull__body blockquote cite { text-transform: uppercase; font: 12px/12px "CNN Sans Condensed"; } .template--20 .storyfull__body blockquote.pull-quote { float: left; width: 300px !important; margin: 0 30px 30px 0 !important; padding: 0; text-align: left; } .template--20 .storyfull__body blockquote.pull-quote p { margin: 0 !important; } .template--20 .storyfull__body blockquote.pull-quote:before { float: left; width: 100%; margin: 0 0 0 -12px; } .template--20 .storyfull__body blockquote.pull-quote:after { left: -12px; height: 70px; position: relative; float: left; } .template--20 .storyfull .tags { margin-bottom: 0 !important; font-size: 0; clear: none; } .template--20 .storyfull .tags a { background-color: #eaeaea; color: #262626; transition: background .2s ease; font: 300 14px/32px "CNN Sans"; height: 32px; padding: 0 23px; border-radius: 16px; margin: 0 11px 11px 0; } .template--20 .storyfull .tags a:hover { color: #CC0000; } .template--20 .storyfull .col--aside .wrap-ad { margin-bottom: 20px; } .template--20 .storyfull .col--aside .news--summary { padding-top: 12px; padding-bottom: 3px; border-top: 1px solid #d9d9d9; min-height: 79px; } .template--20 .storyfull .col--aside .news--summary .news__media { top: 12px; } .template--20 .storyfull .col--aside .news--summary .news__title { max-height: 70px; position: relative; overflow: hidden; } .template--20 .storyfull .col--aside .news--box { padding: 0; border-bottom: none !important; } .template--20 .storyfull .col--aside .news--box .news__media { position: relative; height: 0; padding-top: 56.25%; } .template--20 .storyfull .col--aside .news--box .news__media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .template--20 .storyfull .col--aside .content__related .mod__title--bottom-line-left { padding-top: 15px; } .template--20 .storyfull .col--aside .content__related .news--box { padding: 0; border-top: 0; } .template--20 .storyfull .col--aside .content__related .news--box .news__title { font-size: 18px; line-height: 26px; } .template--20 .storyfull .col--aside .module--relatedposts { border: 0; margin-top: 0; margin-right: 0; margin-bottom: 30px; } .template--20 .storyfull .col--aside .module--relatedposts .news--box, .template--20 .storyfull .col--aside .module--relatedposts .news--summary { margin: 0; } .template--20 .storyfull .col--aside .module--relatedposts .news--box .news__data, .template--20 .storyfull .col--aside .module--relatedposts .news--summary .news__data { margin: 0; } .template--20 .storyfull .col--aside .module--relatedposts .news--box-style-two:first-child { padding-bottom: 15px; } .template--20 .storyfull .col--aside .module--relatedposts .module__header { margin: 0 0 27px !important; } .template--20 .storyfull.storyfull--longform { margin-bottom: 100px; } .template--20 .storyfull.storyfull--longform .storyfull__media { height: auto; position: relative; overflow: inherit; } .template--20 .storyfull.storyfull--longform .storyfull__media img { position: static; width: 100%; height: auto; min-width: auto; min-height: auto; -ms-transform: none; transform: none; } .template--20 .storyfull.storyfull--longform .storyfull__media figcaption { margin-top: 10px; color: #262626; position: absolute; bottom: -30px; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .template--20 .storyfull.storyfull--longform .storyfull__media figcaption p { font: inherit; color: inherit; } .template--20 .storyfull.storyfull--longform .storyfull__header { padding-bottom: 0; margin-top: 0; margin-bottom: 0px; position: relative; } .template--20 .storyfull.storyfull--longform .storyfull__header:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 755px; height: 1px; background-color: #d9d9d9; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .template--20 .storyfull.storyfull--longform .storyfull__header .storyfull__data { position: absolute; bottom: 0; padding-bottom: 30px; text-align: center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); } .template--20 .storyfull.storyfull--longform .storyfull__header .storyfull__data .storyfull__title, .template--20 .storyfull.storyfull--longform .storyfull__header .storyfull__data .storyfull__authors, .template--20 .storyfull.storyfull--longform .storyfull__header .storyfull__data .storyfull__time { color: #fff; } .template--20 .storyfull.storyfull--longform .storyfull__header .storyfull__data .storyfull__title a, .template--20 .storyfull.storyfull--longform .storyfull__header .storyfull__data .storyfull__authors a, .template--20 .storyfull.storyfull--longform .storyfull__header .storyfull__data .storyfull__time a { color: #fff; } .template--20 .storyfull.storyfull--longform .storyfull__label { display: inline-block; margin: 0 auto 20px; font-family: "CNNSans-Condensed", Helvetica Neue, Arial; color: white; line-height: 14px; font-size: 12px; font-weight: 700; padding: 8px 15px 7px; background-color: #cc0000; text-transform: uppercase; } .template--20 .storyfull.storyfull--longform .storyfull__title { font: bold 60px/71px "CNN Sans Condensed"; padding: 0 100px; margin: 0 0 13px; } .template--20 .storyfull.storyfull--longform .storyfull__info { float: none; } .template--20 .storyfull.storyfull--longform .storyfull__body { margin: 0 auto; max-width: 755px; } .template--20 .storyfull.storyfull--longform .authorlist { margin: 0 auto; max-width: 755px; position: relative; border-top: 1px solid #ddd; padding-top: 35px; } .template--20 .storyfull.storyfull--longform .authorlist__title { font: bold 32px/32px "CNN Sans Condensed"; } .template--20 .storyfull.storyfull--longform .authorlist dt { font: bold 18px/18px "CNN Sans Condensed"; } .template--20 .storyfull.storyfull--longform .authorlist dd { margin: 10px 0 0; } .template--20 .storyfull.storyfull--longform .authorlist dd:empty { display: none; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__section { display: none; } .template--20 .storyfull .storyfull__main--bloglive .col--main { margin-left: 380px; margin-right: 0; } .template--20 .storyfull .storyfull__main--bloglive .col--main .storyfull__social { display: none; } .template--20 .storyfull .storyfull__main--bloglive .col--aside { float: left; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__header .storyfull__info, .template--20 .storyfull .storyfull__main--bloglive .storyfull__header .storyfull__social { float: none; display: block; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__header .storyfull__social { margin: 43px 0 0 -10px; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__header .storyfull__label__liveblog { color: #252525; text-transform: uppercase; font: bold 16px/16px "CNNSans-Condensed", Helvetica Neue, Arial; padding-left: 25px; letter-spacing: 1px; margin: 0 0 16px -3px; display: block; position: relative; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__header .storyfull__label__liveblog:after { content: ""; position: absolute; top: 1px; left: 3px; height: 14px; width: 14px; background-color: #CA1B00; border-radius: 100%; opacity: .3; animation: hearbeat_scale 1s infinite; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__header .storyfull__label__liveblog:before { content: ""; position: absolute; top: 5px; left: 7px; height: 6px; width: 6px; background-color: #CA1B00; border-radius: 100%; animation: hearbeat_scale 1s infinite; } @keyframes hearbeat_scale { 0% { transform: scale(1); } 50% { transform: scale(0.75); } 100% { transform: scale(1); } } .template--20 .storyfull .storyfull__main--bloglive .storyfull__content { clear: both; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery { float: right; margin-left: 30px; max-width: 460px; margin-top: 51px; width: 100%; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery .storyfull__gallery__media { position: relative; padding-top: 56.25%; margin-bottom: 16px; width: 100%; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery .storyfull__gallery__media .post-media-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery .storyfull__gallery__media .post-media-main figcaption { margin-top: 0; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery .storyfull__gallery__media .cnnvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery .storyfull__gallery__media.cnnvideo--sticky .cnnvideo { transition: right .3s ease-in-out; -ms-transition: right .3s ease-in-out; -moz-transition: right .3s ease-in-out; -webkit-transition: right .3s ease-in-out; height: 168px !important; min-height: inherit; max-width: 297px; position: fixed; z-index: 4001; padding-top: 0; margin: 0; right: 25px; bottom: 25px; overflow: inherit; box-shadow: 0px 0px 25px 4px rgba(0, 0, 0, 0.3); left: inherit; top: inherit; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery .storyfull__gallery__media .boxlive__fixed__close { position: absolute; line-height: 36px; top: -30px; z-index: 1; right: 0; z-index: 1; color: #fff; cursor: pointer; border: none; font-size: 15px; outline: none; background-color: #c00; width: 30px; height: 30px; padding: 0; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery figcaption { color: #737373; padding: 11px 0 14px; font: bold 14px/21px "CNNSans-Condensed", Helvetica Neue, Arial; border-bottom: 1px solid #E6E5E4; margin-top: 33px; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery figcaption .caption--duration { font-weight: initial; } .template--20 .storyfull .storyfull__main--bloglive .storyfull__gallery video { height: auto; width: 100%; } .template--20 .mod__modtimeline { margin-bottom: 57px; padding: 20px 20px 0; border: 1px solid #e6e6e6; border-radius: 4px; margin: 0px 0px 32px; border-top: 4px solid #cc0202; } .template--20 .mod__modtimeline .mod__header { margin-bottom: 14px; } .template--20 .mod__modtimeline .mod__title { padding-top: 5px; border: 0; color: #262626; padding-bottom: 0; margin-bottom: 0; font: 700 18px/20px "CNNSans-Condensed", Helvetica Neue, Arial; } .template--20 .mod__modtimeline .mod__title:after { display: none; } .template--20 .mod__modtimeline .mod__timeline__mas { color: #3061F3; float: right; font: 600 14px/14px "CNNSans-Condensed", Helvetica Neue, Arial; padding-right: 15px; position: relative; margin-top: 0px; border: 0; background: transparent; outline: none; cursor: pointer; } .template--20 .mod__modtimeline .mod__timeline__mas:hover { color: #CC0000; } .template--20 .mod__modtimeline .mod__timeline__mas:before { font-size: 9px; color: #000; -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 0; top: 2px; } .template--20 .mod__modtimeline .mod__timeline { position: relative; list-style: none; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__dot { background: white; display: none; width: 10px; height: 10px; position: absolute; left: 0; top: 0; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li { padding: 0 0 20px 16px; display: block; position: relative; color: #262626; font: 400 16px/23px "CNNSans-Light", Helvetica Neue, Arial; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li h1, .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li h2, .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li h3, .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li h4, .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li h5 { color: #262626; font: bold 18px/23px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; margin-bottom: 5px; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li a { color: #CC0000; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li p { color: inherit; font: inherit; line-height: inherit; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li ul, .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li li { list-style: none; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li blockquote { font: inherit; line-height: inherit; margin: 0; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li blockquote:before { display: none; } .template--20 .mod__modtimeline .mod__timeline .mod__timeline__li blockquote p { padding: 0; font: inherit; line-height: inherit; } .template--20 .mod__modtimeline .mod__timeline__li:after { content: ''; width: 4px; height: 4px; position: absolute; top: 10px; left: 0; background: #787878; border-radius: 0; } .template--20 .mod__modtimeline .mod__timeline__li + .mod__timeline__li .mod__timeline__dot { top: 19px; } .template--20 .mod__modtimeline .liveblog-entry-content-footer { position: relative; text-align: right; margin: 0 0 21px; height: 23px; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a { color: #252525; margin-left: 15px; opacity: 0; visibility: hidden; transition: all 0.2s 0.3s; -ms-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -webkit-transition: all 0.2s 0.3s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a.cnnicon--copy { font-size: 15px; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a.cnnicon--copy.icono--check { vertical-align: top; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a.cnnicon--copy.icono--check:before { background: transparent url(../../../images/icon-check-black.svg) no-repeat center; background-size: 17px auto; height: 13px; font-size: 0; top: 7px; position: relative; vertical-align: top; width: 17px; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a.cnnicon--facebook-square { font-size: 20px; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a.cnnicon--facebook-square:before { top: 1px; position: relative; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a.cnnicon--mail { font-size: 15px; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a.cnnicon--twitter { font-size: 17px; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a + a { transition: all 0.2s 0.3s; -ms-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -webkit-transition: all 0.2s 0.3s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a + a + a { transition: all 0.2s 0.2s; -ms-transition: all 0.2s 0.2s; -moz-transition: all 0.2s 0.2s; -webkit-transition: all 0.2s 0.2s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer a + a + a + a { transition: all 0.2s 0.1s; -ms-transition: all 0.2s 0.1s; -moz-transition: all 0.2s 0.1s; -webkit-transition: all 0.2s 0.1s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer.active a { opacity: 1; visibility: visible; } .template--20 .mod__modtimeline .liveblog-entry-content-footer.active a + a { transition: all 0.2s 0.3s; -ms-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -webkit-transition: all 0.2s 0.3s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer.active a + a + a { transition: all 0.2s 0.2s; -ms-transition: all 0.2s 0.2s; -moz-transition: all 0.2s 0.2s; -webkit-transition: all 0.2s 0.2s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer.active a + a + a + a { transition: all 0.2s 0.1s; -ms-transition: all 0.2s 0.1s; -moz-transition: all 0.2s 0.1s; -webkit-transition: all 0.2s 0.1s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer.active .storyfull__social__liveblog { opacity: 1; visibility: visible; } .template--20 .mod__modtimeline .liveblog-entry-content-footer.active .storyfull__social__liveblog__button__close { display: block; opacity: 1; height: 16px; top: 4px; position: relative; } .template--20 .mod__modtimeline .liveblog-entry-content-footer.active .storyfull__social__liveblog__button__share { display: none; } .template--20 .mod__modtimeline .liveblog-entry-content-footer .storyfull__social__liveblog { opacity: 0; visibility: hidden; right: 30px; top: 0; border-right: 1px solid #e6e5e4; font-size: 16px; height: 25px; padding: 0 15px 0 0; position: absolute; } .template--20 .mod__modtimeline .liveblog-entry-content-footer .storyfull__social__liveblog__button { padding: 0; background: transparent; border: 0; opacity: .2; cursor: pointer; outline: none; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .template--20 .mod__modtimeline .liveblog-entry-content-footer .storyfull__social__liveblog__button:hover { opacity: 1; } .template--20 .mod__modtimeline .liveblog-entry-content-footer .storyfull__social__liveblog__button__close { display: none; } .template--20 .mod__modtimeline .liveblog-entry-content-footer .storyfull__social__liveblog__button svg { width: auto; height: 21px; } .template--20 .module--morestories .news--box { padding: 0; border-bottom: none !important; } .template--20 .module--morestories .news--box .news__title { font-size: 18px; line-height: 26px; } .template--20 .module--morestories .news__media { position: relative; height: 0; padding-top: 56%; } .template--20 .module--morestories .news__media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .template--20 .module--relatedposts { float: left; width: 300px; border: 1px solid #e6e6e6; padding-bottom: 0; margin-right: 22px; margin-top: 7px; margin-bottom: 0; } .template--20 .module--relatedposts .module__header { margin: 10px 20px 25px !important; } .template--20 .module--relatedposts .news--box { padding: 0; border-bottom: 0 !important; margin: 0 0 15px; } .template--20 .module--relatedposts .news--box .news__data { margin: 0 20px 16px; } .template--20 .module--relatedposts .news--box .news__title { font-size: 20px; line-height: 26px; } .template--20 .module--relatedposts .news--summary { margin: 0 20px; } .template--20 .module--relatedposts .news--summary .news__title { font: 15px/23px "CNN Sans Condensed"; } .template--20 .module--relatedposts .news__title { margin: 0; } .template--20.single-radio .storyfull__section { font: 13px/15px "CNNSans-Condensed-Bold", Helvetica Neue, Arial; color: #262626; border-bottom: 1px solid #4176BE; letter-spacing: .5px; padding-bottom: 4px; } .template--20.single-radio .storyfull__authors, .template--20.single-radio .storyfull__time { font: 300 12px/18px "CNNSans-Condensed", Helvetica Neue, Arial; color: #262626; } .template--20.single-radio .storyfull__header .btn__audio { margin-bottom: 25px; } .template--20.single-radio .storyfull__line .storyfull__social .cnnicon + .cnnicon:after { display: none; } .template--20.single-radio .storyfull__body ul, .template--20.single-radio .storyfull__body ol { margin-top: 15px; } .template--20.single-radio .storyfull__body ul li, .template--20.single-radio .storyfull__body ol li { list-style-type: none; list-style: none; display: list-item; list-style-position: inside; padding: 8px 20px; position: relative; line-height: 21px; margin-bottom: 0; } .template--20.single-radio .storyfull__body ul li + li, .template--20.single-radio .storyfull__body ol li + li { border-top: 1px solid #E8EAED; } .template--20.single-radio .storyfull__body ul li:last-child, .template--20.single-radio .storyfull__body ol li:last-child { padding-bottom: 0; } .template--20.single-radio .storyfull__body ul li:before, .template--20.single-radio .storyfull__body ol li:before { content: ''; position: absolute; width: 6px; height: 6px; background: #CC0000; left: 0; border-radius: 125px; top: 15px; } .template--20.single-radio .storyfull__body .storyfull__social .cnnicon + .cnnicon:after { display: none; } .template--20.single-radio .storyfull__social .cnnicon { color: white; } .template--20.single-radio .storyfull__social .cnnicon--facebook-square { font-size: 16px; background-color: #37559C; } .template--20.single-radio .storyfull__social .cnnicon--facebook-square:hover { background-color: #304b89; } .template--20.single-radio .storyfull__social .cnnicon--twitter { font-size: 15px; background-color: #1DA1F2; } .template--20.single-radio .storyfull__social .cnnicon--twitter:hover { background-color: #0d95e8; } .template--20.single-radio .storyfull__social .cnnicon--mail { font-size: 14px; background-color: #CC0000; } .template--20.single-radio .storyfull__social .cnnicon--mail:hover { background-color: #b30000; } .template--20.single-radio .storyfull__social .cnnicon--copy { font-size: 13px; background-color: #7BC223; background-position: center; } .template--20.single-radio .storyfull__social .cnnicon--copy:hover { background-color: #6dac1f; } .template--20.single-radio .storyfull__social .cnnicon--check { font-size: 13px; background-color: #CC0000; } .template--20.single-radio .storyfull__social .icono--check { background: #000 url(../../../images/icon-check.svg) no-repeat center !important; background-size: 17px auto !important; } .template--20.single-radio .storyfull__social .icono--check:before { display: none; } .template--20 #wpcom-liveblog-container { margin-top: 30px; } .template--20 #wpcom-liveblog-container .liveblog-update-btn-container { top: 70px; } .template--20 #wpcom-liveblog-container .liveblog-pagination { display: none; } .template--20 #wpcom-liveblog-container .liveblog-feed + .liveblog-pagination { display: -ms-flexbox; display: flex; } .template--20 #wpcom-liveblog-container .liveblog-entry-delete-confirm-buttons { margin-top: 18px; } .template--20 #wpcom-liveblog-container .liveblog-entry-delete-confirm-buttons .liveblog-btn { font-size: 14px; text-transform: uppercase; border-radius: 125px; padding: 12px 20px 9px; line-height: 14px; } .template--20 #wpcom-liveblog-container .liveblog-entry-delete-confirm-buttons .liveblog-btn.liveblog-btn-delete { background: #CC0000; } .template--20 #wpcom-liveblog-container .liveblog-publish-btn { padding: 11px 0 8px; max-width: 300px; margin: 0 auto; display: block; font-family: "CNNSans-Condensed", Helvetica Neue, Arial; font-weight: 400; font-size: 15px; line-height: 15px; text-transform: uppercase; background: #CC0000; color: white; border-radius: 125px; } .template--20 #wpcom-liveblog-container .liveblog-entry-tools .liveblog-btn { font-family: "CNNSans-Condensed", Helvetica Neue, Arial; font-size: 15px; text-transform: uppercase; border-radius: 125px; line-height: 15px; padding: 10px 25px 8px; } .template--20 #wpcom-liveblog-container .liveblog-entry-tools .liveblog-btn.liveblog-btn-delete { background: #CC0000; } .template--20 #wpcom-liveblog-container .liveblog-entry-tools .liveblog-btn:hover { text-decoration: underline; } .template--20 #wpcom-liveblog-container .liveblog-pagination-pages { font-family: "CNNSans-Condensed", Helvetica Neue, Arial; font-size: 15px; color: #737373; } .template--20 #wpcom-liveblog-container .liveblog-update-btn { font-family: "CNNSans-Condensed", Helvetica Neue, Arial; padding: 8px 20px; font-weight: 400; font-size: 14px; background: #cb0001; text-transform: uppercase; } .template--20 #wpcom-liveblog-container .liveblog-update-btn:hover { text-decoration: underline; } .template--20 #wpcom-liveblog-container .liveblog-pagination-btn { font-family: "CNNSans-Condensed", Helvetica Neue, Arial; font-size: 14px; line-height: 14px; color: #737373; height: 33px; text-transform: uppercase; padding: 11px 25px; } .template--20 #wpcom-liveblog-container .liveblog-pagination-first, .template--20 #wpcom-liveblog-container .liveblog-pagination-last { background: #CC0000; color: white; font-family: "CNNSans-Condensed", Helvetica Neue, Arial; font-size: 14px; text-transform: uppercase; border-radius: 125px; line-height: 14px; padding: 11px 25px; height: 33px; } .template--20 .liveblog-entry { clear: none; padding: 17px 30px; border-radius: 15px; border: 1px solid #E6E5E4; border-radius: 7px; display: block; background: transparent; margin-bottom: 23px; } .template--20 .liveblog-entry .liveblog-entry-aside { font: 300 14px/23px "CNNSans-Condensed", Helvetica Neue, Arial; -ms-flex-preferred-size: inherit; flex-basis: inherit; min-width: auto; margin-right: 0; } .template--20 .liveblog-entry .liveblog-entry-aside span { color: #737373; font-size: inherit; font-weight: inherit; line-height: inherit; display: inherit; margin-right: 8px; } .template--20 .liveblog-entry .liveblog-entry-aside span:first-child { color: #CC0000; } .template--20 .liveblog-entry .liveblog-meta-authors { margin-bottom: 16px; } .template--20 .liveblog-entry .liveblog-meta-author-avatar { display: none; } .template--20 .liveblog-entry .liveblog-meta-author-name { color: #737373; margin: 0; font: 300 14px/24px "CNNSans-Condensed", Helvetica Neue, Arial; text-transform: capitalize; } .template--20 .liveblog-entry .liveblog-entry-content { font: 300 18px/30px "CNNSans-Light", Helvetica Neue, Arial; } .template--20 .liveblog-entry .liveblog-entry-content p { margin-bottom: 24px; color: #252525; } .template--20 .liveblog-entry .liveblog-entry-content a { color: #CC0000; } .template--20 .liveblog-entry .liveblog-entry-content .twitter-tweet, .template--20 .liveblog-entry .liveblog-entry-content .embed-vimeo, .template--20 .liveblog-entry .liveblog-entry-content iframe { margin-left: auto; margin-right: auto; display: block; } .template--20 .liveblog-entry .liveblog-entry-content-footer { position: relative; text-align: right; margin: 12px 0 4px; } .template--20 .liveblog-entry .liveblog-entry-content-footer a { color: #252525; margin-left: 15px; opacity: 0; visibility: hidden; transition: all 0.2s 0.3s; -ms-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -webkit-transition: all 0.2s 0.3s; } .template--20 .liveblog-entry .liveblog-entry-content-footer a.cnnicon--copy { font-size: 15px; } .template--20 .liveblog-entry .liveblog-entry-content-footer a.cnnicon--copy.icono--check { vertical-align: top; } .template--20 .liveblog-entry .liveblog-entry-content-footer a.cnnicon--copy.icono--check:before { background: transparent url(../../../images/icon-check-black.svg) no-repeat center; background-size: 17px auto; height: 13px; font-size: 0; top: 7px; position: relative; vertical-align: top; width: 17px; } .template--20 .liveblog-entry .liveblog-entry-content-footer a.cnnicon--facebook-square { font-size: 20px; } .template--20 .liveblog-entry .liveblog-entry-content-footer a.cnnicon--facebook-square:before { top: 1px; position: relative; } .template--20 .liveblog-entry .liveblog-entry-content-footer a.cnnicon--mail { font-size: 15px; } .template--20 .liveblog-entry .liveblog-entry-content-footer a.cnnicon--twitter { font-size: 17px; } .template--20 .liveblog-entry .liveblog-entry-content-footer a + a { transition: all 0.2s 0.3s; -ms-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -webkit-transition: all 0.2s 0.3s; } .template--20 .liveblog-entry .liveblog-entry-content-footer a + a + a { transition: all 0.2s 0.2s; -ms-transition: all 0.2s 0.2s; -moz-transition: all 0.2s 0.2s; -webkit-transition: all 0.2s 0.2s; } .template--20 .liveblog-entry .liveblog-entry-content-footer a + a + a + a { transition: all 0.2s 0.1s; -ms-transition: all 0.2s 0.1s; -moz-transition: all 0.2s 0.1s; -webkit-transition: all 0.2s 0.1s; } .template--20 .liveblog-entry .liveblog-entry-content-footer.active a { opacity: 1; visibility: visible; } .template--20 .liveblog-entry .liveblog-entry-content-footer.active a + a { transition: all 0.2s 0.3s; -ms-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -webkit-transition: all 0.2s 0.3s; } .template--20 .liveblog-entry .liveblog-entry-content-footer.active a + a + a { transition: all 0.2s 0.2s; -ms-transition: all 0.2s 0.2s; -moz-transition: all 0.2s 0.2s; -webkit-transition: all 0.2s 0.2s; } .template--20 .liveblog-entry .liveblog-entry-content-footer.active a + a + a + a { transition: all 0.2s 0.1s; -ms-transition: all 0.2s 0.1s; -moz-transition: all 0.2s 0.1s; -webkit-transition: all 0.2s 0.1s; } .template--20 .liveblog-entry .liveblog-entry-content-footer.active .storyfull__social__liveblog { opacity: 1; visibility: visible; } .template--20 .liveblog-entry .liveblog-entry-content-footer.active .storyfull__social__liveblog__button__close { display: block; opacity: 1; height: 16px; } .template--20 .liveblog-entry .liveblog-entry-content-footer.active .storyfull__social__liveblog__button__share { display: none; } .template--20 .liveblog-entry .liveblog-entry-content-footer .storyfull__social__liveblog { opacity: 0; visibility: hidden; right: 30px; top: 0; border-right: 1px solid #e6e5e4; font-size: 16px; height: 25px; padding: 0 15px 0 0; position: absolute; } .template--20 .liveblog-entry .liveblog-entry-content-footer .storyfull__social__liveblog__button { padding: 0; background: transparent; border: 0; opacity: .2; cursor: pointer; outline: none; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .template--20 .liveblog-entry .liveblog-entry-content-footer .storyfull__social__liveblog__button:hover { opacity: 1; } .template--20 .liveblog-entry .liveblog-entry-content-footer .storyfull__social__liveblog__button__close { display: none; } .template--20 .liveblog-entry .liveblog-entry-content-footer .storyfull__social__liveblog__button svg { width: auto; height: 21px; } .template--20 .newsliveblog__lenght { color: #262626; font: bold 14px/14px "CNNSans-Condensed", Helvetica Neue, Arial; margin-bottom: 16px; } .template--20 .newsliveblog__scrolltop { background-color: #000; border: 0; color: #fff; display: block; width: 40px; height: 40px; padding: 0; border-radius: 20px; cursor: pointer; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); position: fixed; margin: 0 0 0 340px; z-index: 11; text-align: center; line-height: 50px; opacity: 0; visibility: hidden; outline: none; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transform: translateX(-50%) translateZ(0) scale(0); -ms-transform: translateX(-50%) translateZ(0) scale(0); -moz-transform: translateX(-50%) translateZ(0) scale(0); -webkit-transform: translateX(-50%) translateZ(0) scale(0); } .template--20 .newsliveblog__scrolltop svg { width: 16px; fill: white; } .template--20 .newsliveblog__scrolltop.active { opacity: 1; visibility: visible; transform: translateX(-50%) translateZ(0) scale(1); -ms-transform: translateX(-50%) translateZ(0) scale(1); -moz-transform: translateX(-50%) translateZ(0) scale(1); -webkit-transform: translateX(-50%) translateZ(0) scale(1); } .template--20 .newsliveblog .liveblog-entry { padding: 24px 24px 10px; } .template--20 .newsliveblog .liveblog__title h3 { margin-bottom: 0; } .template--20 .newsliveblog .liveblog-entry-aside .livebloghp__article__time { font-family: "CNNSans-Semibold", Helvetica Neue, Arial; font: 400 12px/15px "CNNSans-Semibold", Helvetica Neue, Arial; } .template--20 .newsliveblog .liveblog__title { margin-top: 7px; font-family: "CNNSans-Bold", Helvetica Neue, Arial; font: bold 28px/35px "CNNSans-Bold", Helvetica Neue, Arial; } .template--20 .newsliveblog .liveblog-meta-author-name { display: block; margin-top: 15px; color: #8c8c8c; font-family: "CNNSans-Semibold", Helvetica Neue, Arial; font: 400 12px/15px "CNNSans-Semibold", Helvetica Neue, Arial; } .template--20 .newsliveblog .liveblog-meta-authors { margin-bottom: 0; } .template--20 .newsliveblog .liveblog-entry-content { margin-top: 19px; } .template--20 .newsliveblog .liveblog-entry-content ol li, .template--20 .newsliveblog .liveblog-entry-content ul li, .template--20 .newsliveblog .liveblog-entry-content p { font-size: 16px; line-height: 26px; } .template--20 .newsliveblog .liveblog-entry-content ol li strong, .template--20 .newsliveblog .liveblog-entry-content ul li strong, .template--20 .newsliveblog .liveblog-entry-content p strong { font-weight: 500; } .template--20 .newsliveblog .liveblog-entry-content blockquote { padding: 0 0 0 16px; border-left: 3px solid #CC0000; margin-bottom: 25px; margin-top: 0; } .template--20 .newsliveblog .liveblog-entry-content blockquote p { margin: 0; font: 300 16px/26px "CNNSans-Light", Helvetica Neue, Arial; } .template--20 .newsliveblog .liveblog-entry-content blockquote:before { display: none; } .template--20 .newsliveblog .liveblog-entry-content .wp-caption { border: 0; } .template--20 .newsliveblog .liveblog-entry-content .wp-caption .wp-caption-text { padding: 0; font: 12px/20px "CNNSans-Medium", Helvetica Neue, Arial; color: #4d4d4d; padding: 15px 0; border-bottom: 1px solid #E6E5E4; } .normalizecss .sidebar > *, .normalizecss .sidebar-sticky > * { margin: 0 !important; } .normalizecss .content-related { width: 100% !important; float: none !important; padding: 0 !important; background: transparent; margin: 0 0 30px !important; } .normalizecss .content-related .key-lines { display: block; text-transform: uppercase; position: relative; padding: 15px 0; background-color: transparent; border: none; border-bottom: 3px solid #f2f2f2; margin-bottom: 30px; } .normalizecss .content-related .key-lines span { padding: 0; color: black; font: bold 18px/18px "CNN Sans Condensed"; background-color: transparent; } .normalizecss .content-related .key-lines:after { content: ""; position: absolute; bottom: -3px; left: 0; height: 3px; background-color: #cf160f; width: 40px; padding: 0; border: 0; } .normalizecss .content-related article { padding: 0 0 15px !important; } .normalizecss .content-related article + article { padding-top: 15px !important; } .normalizecss .content-related article + article img { margin-bottom: 0 !important; } .normalizecss .content-related article + article h3 { font: 15px/23px "CNNSans-Condensed"; } .normalizecss .content-related article img { margin: 0 0 14px; } .normalizecss .content-related article h3 { font: 700 22px/28px "CNNSans-Condensed"; color: #252525; } /*# sourceMappingURL=story-d.css.map */