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; } .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; } .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; } } /** 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--innerbox { position: relative; margin-bottom: 20px; } .cnnespanol-site .news--innerbox:hover .news__title a { color: #cc0000; } .cnnespanol-site .news--innerbox.news--featured .news__media { padding-top: 56.365%; } .cnnespanol-site .news--innerbox.news--featured .news__data { padding: 25px 27px 44px; } .cnnespanol-site .news--innerbox.news--featured .news__title { font: bold 50px/57px "CNN Sans Condensed"; } .cnnespanol-site .news--innerbox .news__media { padding-top: 56.25%; position: relative; height: 0; } .cnnespanol-site .news--innerbox .news__media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cnnespanol-site .news--innerbox .news__videotime { position: absolute; top: 45%; left: 50%; z-index: 2; color: white; font-size: 14px; line-height: 31px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--innerbox .news__videotime { background: transparent; height: 96px; top: 42%; width: 96px; } .cnnespanol-site .news--innerbox .news__videoicon { display: block; width: 96px; height: 96px; border: 3px solid white; border-radius: 100%; transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .cnnespanol-site .news--innerbox .news__videoicon:before { content: ""; position: absolute; top: 26px; left: 34px; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 38px; 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--innerbox .news__data { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 20px 17px; pointer-events: none; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); } .cnnespanol-site .news--innerbox .news__label { display: inline-block; padding: 5px 9px; margin: 0 0 10px; background-color: #cc0000; color: white; text-transform: uppercase; font: bold 12px/14px "CNN Sans Condensed"; margin-bottom: 10px; } .cnnespanol-site .news--innerbox .news__label:empty { display: none; } .cnnespanol-site .news--innerbox .news__title { color: white; font-size: 25px; line-height: 32px; } .cnnespanol-site .news--innerbox .news__title a { font: inherit; color: inherit; } .cnnespanol-site .news--innerbox .news__excerpt { font: 300 16px/25px "CNN Sans"; color: white; margin-top: 10px; display: block; } .cnnespanol-site .news--innerbox .news__excerpt p { margin: 0; font: inherit; color: inherit; } .cnnespanol-site .news--innerbox .news__excerpt p a { color: #CC0000; } @media (max-width: 1100px) { .cnnespanol-site .news--innerbox .news__title { font-size: 22px; line-height: 26px; } } .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"; } .event--innerbox { position: relative; margin-bottom: 20px; text-align: center; padding: 0; height: 179px; } .event--innerbox .event__media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } .event--innerbox .event__media:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.2); } .event--innerbox .event__media img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .event--innerbox .event__data { position: relative; z-index: 3; padding: 19px 60px 0; } .event--innerbox .event__label { font-family: "CNNSans-Condensed", Helvetica Neue, Arial; position: absolute; top: 0; left: 0; color: white; font-size: 14px; line-height: 34px; height: 32px; padding: 0 10px 0 35px; background-color: #3654a2; } .event--innerbox .event__label span { position: absolute; top: 7px; left: 9px; } .event--innerbox .event__date { font: 300 16px/28px "CNNSans-Condensed", Helvetica Neue, Arial; color: white; margin-bottom: 10px; display: block; min-height: 28px; } .event--innerbox .event__title { font: 300 28px/32px "CNNSans-Condensed", Helvetica Neue, Arial; color: white; margin-bottom: 11px; max-height: 65px; position: relative; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .event--innerbox .event__title a { color: inherit; font: inherit; } .event--innerbox .event__title a:hover { text-decoration: underline; } .event--innerbox .event__actions a { font: 300 14px/28px "CNNSans-Condensed", Helvetica Neue, Arial; color: white; display: inline-block; margin: 0 10px; } .event--innerbox .event__actions a:hover { text-decoration: underline; } .event--innerbox .event__actions a span { display: inline-block; margin-top: 9px; margin-right: 6px; } .section { margin-top: 0; } .section .section__header { padding-top: 35px; position: relative; display: block; margin-bottom: 23px; } .section .section__header .row { z-index: 2; position: relative; } .section .section__header--invert .section__title, .section .section__header--invert .section__actions p, .section .section__header--invert .section__description { color: white !important; } .section .section__header--background + .section__content > .row { padding: 10px 10px 0; background: white; } .section .section__header--video + .section__content > .row { padding: 10px 10px 0; background: white; } .section .news .news__title:hover a { color: #CC0000; } .section .zone--main .col--main .news--box .news__videotime { bottom: 41px; } .section .zone--main .news { padding-top: 0; } .section .zone--main .col--aside .news.news--box-style-two { margin-bottom: 20px !important; } .section .zone--main .col--aside .news__title { max-height: 85px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .section .zone--main .col--aside .news__title span { color: #CC0000; } .section .section__video { height: 400px; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: -1; } .section .section__video video { 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%); } .section .section__background { height: 400px; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: -1; } .section .section__background:before { content: ''; background: #000; bottom: 0; position: absolute; height: 150px; position: absolute; background: linear-gradient(to bottom, transparent 0%, white 100%); width: 100%; z-index: 2; } .section .section__background img { position: absolute; top: 0; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: inherit; max-height: inherit; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .section .section__data { float: left; max-width: 50%; } .section .section__logo { display: inline-block; } .section .section__logo img { height: auto; max-height: 80px; width: auto; } .section .section__title { font: 52px/64px "CNN Sans Condensed" !important; color: #252525; display: inline-block; padding: 0 !important; margin: 0 !important; border: none !important; } .section .section__description { font: 300 16px/24px "CNN Sans"; color: #333; margin-top: 20px; } .section .section__description:empty { display: none; } .section .section__partner { margin-top: -15px; text-align: right; float: left; } .section .section__partner:empty { display: none; } .section .section__partner > *:last-child { margin-bottom: 15px; } .section .section__partner .wrap-ad { text-align: center; } .section .section__partner .wrap-ad:before { content: "Presentado por"; color: white; font-size: 11px; } .section .section__partner .wrap-ad.ad-empty:before { display: none; } .section .section__actions { float: right; margin-top: 15px; } .section .section__actions p { float: left; color: #333; font: 300 16px/35px "CNN Sans Condensed"; margin: 0; } .section .section__actions a { float: left; width: 35px; height: 35px; border-radius: 100%; margin-left: 10px; text-align: center; color: white; line-height: 40px; } .section .section__actions a.cnnicon--twitter { background-color: #1da1f2; } .section .section__actions a.cnnicon--twitter:hover { background-color: #0c85d0; } .section .section__actions a.cnnicon--facebook-square { background-color: #37559c; } .section .section__actions a.cnnicon--facebook-square:hover { background-color: #2a4076; } .section .zone--main .news--innerbox .news__excerpt, .section .zone--mainlarge .news--innerbox .news__excerpt, .section .zone--fullwidth .news--innerbox .news__excerpt { font: 300 18px/28px "CNN Sans"; } .section .zone--main .col--main .news--box-style-two .news__excerpt p, .section .zone--mainlarge .col--main .news--box-style-two .news__excerpt p, .section .zone--fullwidth .col--main .news--box-style-two .news__excerpt p { font: 300 18px/28px "CNN Sans"; } .section .module---newslist .module__content .col--4 .news--box { margin-bottom: 35px; } @media (max-width: 950px) { .section .module__content, .section .zone { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .section .module__content .col--main, .section .zone .col--main { margin-right: 0; margin-bottom: 20px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-box-ordinal-group: 1; -o-box-ordinal-group: 1; box-ordinal-group: 1; } .section .module__content .col--aside, .section .zone .col--aside { float: none; width: 100%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-box-ordinal-group: 2; -o-box-ordinal-group: 2; box-ordinal-group: 2; } .section .module__content .col--aside .banner, .section .module__content .col--aside .news, .section .zone .col--aside .banner, .section .zone .col--aside .news { border: 0; margin-bottom: 0; float: left; width: 50%; } .section .module__content .col--aside .col--4, .section .zone .col--aside .col--4 { width: 50%; } .section .module__content .col--aside .banner, .section .module__content .col--aside .news, .section .zone .col--aside .banner, .section .zone .col--aside .news { width: 100%; } } .section .message-error .error404__img { width: 66px; height: 66px; margin: 0 auto 30px; background: transparent url(../../../images/sprite_logo.png) no-repeat; background-size: auto 66px; animation: anim-logo 1.5s steps(39) forwards; } .section .message-error.section__header { padding-top: 85px; margin-bottom: 60px; } .section .message-error .section__title { font: 57px/67px "CNN Sans Condensed" !important; } .section .message-error p { max-width: 650px; margin: 30px auto 0; font: 400 21px/27px "CNNSans-Light", Helvetica Neue, Arial; color: #737373; } @keyframes anim-logo { from { background-position: 0; } to { background-position: -2574px; } } .zone { margin-bottom: 40px; } .zone .news { margin-bottom: 0 !important; } .zone--main .col--main .news--box .news__media { margin-bottom: 24px; padding-top: 56.15%; } .zone--main .col--main .news--box .news__label { position: relative; top: -65px; margin-bottom: -10px !important; display: inline-block; background-color: #cc0800; color: white; font-size: 18px !important; line-height: 20px !important; padding: 0; } .zone--main .col--main .news--box .news__label:hover { color: white !important; background-color: #b30800 !important; } .zone--main .col--main .news--box .news__label a { padding: 12px 20px 9px; display: inline-block; color: white; } .zone--main .col--main .news--box .news__title { margin-top: -38px !important; font-size: 38px !important; line-height: 44px !important; height: auto; margin-bottom: 13px; } .zone--main .col--main .news--box .news__excerpt p { font: 300 16px/24px "CNN Sans"; } .zone--main .col--aside .news { margin-bottom: 20px; } .zone--main .col--aside .banner { margin-bottom: 0; } .zone--main .col--aside .module--videolive .module__title { padding-top: 0; } .trendingtopics { padding-top: 3px; margin-bottom: 20px; } .trendingtopics span { text-transform: uppercase; float: left; color: #CC0000; font: 600 16px/18px "CNN Sans Condensed", Helvetica Neue, Arial; } .trendingtopics ul { margin-left: 123px; font-size: 0; line-height: 0; } .trendingtopics li { border-right: 1px solid #d9d9d9; padding-right: 9px; margin: 0 9px 10px 0; display: inline-block; vertical-align: top; } .trendingtopics li:last-child { border: none; } .trendingtopics a { font: 500 16px/18px "CNN Sans Condensed", Helvetica Neue, Arial; color: #262626; } .trendingtopics a:hover { color: #CC0000; } .wrap-outbrain { margin-bottom: 60px; } .outbrain-story .AR_4 { background-color: transparent !important; } .outbrain-story .AR_4 .ob_org_header { margin-bottom: 25px !important; background-color: transparent !important; position: relative; display: block; color: black; font: 700 18px/20px "CNNSans-Condensed", Helvetica Neue, Arial; text-transform: uppercase; border-bottom: 3px solid #f1f1f1; border-right: transparent !important; border-left: transparent !important; padding-bottom: 15px; margin-bottom: 0; padding-top: 48px; box-sizing: initial; -ms-box-sizing: initial; -moz-box-sizing: initial; -webkit-box-sizing: initial; } .outbrain-story .AR_4 .ob_org_header:before { display: none; } .outbrain-story .AR_4 .ob_org_header:after { content: ""; border: none; 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; } .outbrain-story .AR_4 .ob_what::first-letter { text-transform: uppercase; } .outbrain-story .AR_4 .ob_what a { font: 500 12px/14px "CNNSans-Condensed", Helvetica Neue, Arial !important; letter-spacing: 0.08rem; } .outbrain-story .AR_4 .ob_what a .ob_logo { margin: 3px auto; } .outbrain-story .AR_4 .ob_container .strip-rec-link-title { max-width: 300px; color: #252525; font: 700 22px/28px "CNNSans-Condensed", Helvetica Neue, Arial !important; } .cnnespanol-site .mod--dark .mod__title { padding-top: 55px; padding-bottom: 26px; } .cnnespanol-site .mod--dark .mod__title a:after { bottom: -26px; } .cnnespanol-site .breaking-news .breaking-news-content { margin: 10px auto; } .cnnespanol-site .headline--large-banner { text-align: center; } .cnnespanol-site .headline--large-banner .link-banner:hover { color: #CC0000; } .cnnespanol-site .headline--large-banner .banner-text { color: black; font-size: 72px; line-height: 80px; font-weight: 500; font-family: 'CNNSans-Medium', Helvetica; } .cnnespanol-site .news--box-style-two .news__title { -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 84px; } .cnnespanol-site .banner--mt-103 { margin-top: 86px; } .cnnespanol-site .fave-player-container .vjs-big-play-button.fave-big-play-button { background: url(../../../images/icon-player.svg) no-repeat center; background-size: 115px !important; opacity: 1; } .cnnespanol-site .fave-player-container .vjs-big-play-button.fave-big-play-button:hover { background: url(../../../images/icon-player.svg) no-repeat center; background-size: 115px !important; opacity: .8; } .cnnespanol-site .bg-white .mod--slider-style-two .swiper-slider .swiper-container { /*padding-bottom: 52px;*/ } .cnnespanol-site .bg-white .mod--slider-style-two .swiper-slider .news__title { max-height: 75px; } .cnnespanol-site .col--custom .news--box-style-two .swiper-slider .swiper-pagination-bullets { display: none; } .cnnespanol-site .mod__title--bottom-line-left, .cnnespanol-site .mod__title--bottom-line-center { padding-top: 30px; } .cnnespanol-site .col--4 .mod__title--bottom-line-left { padding-top: 30px; } .cnnespanol-site .col--3 .news--box .news__data .news__title { font-size: 18px; line-height: 26px; } .cnnespanol-site .bg-white { margin-top: 0; margin-bottom: 0; } .cnnespanol-site .mod--opinion { margin-bottom: 20px; } .cnnespanol-site .mod--opinion .mod__title--bottom-line-center { padding-top: 30px; } .cnnespanol-site .mod--opinion .news--box .news__videotime { display: none; } .cnnespanol-site .mod--photogallery { padding-top: 0px; margin-top: 55px; } .cnnespanol-site .mod--photogallery .news__excerpt p { color: #fff; font: 500 14px/21px "CNNSans-Medium", Helvetica Neue, Arial; max-width: 430px; display: inline-block; } .cnnespanol-site .mod--photogallery .news__excerpt p * { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; text-align: inherit !important; } .cnnespanol-site .mod--photogallery .news--innerbox .news__media { padding-top: 45.113%; } .cnnespanol-site .news--innerbox .news__videotime { padding: 0; } .cnnespanol-site .news--innerbox .news__videotime span + span { display: none; } .cnnespanol-site .news--box-style-two.news--innerbox .news__label a { color: #fff; } .cnnespanol-site .news--box-style-two.news--innerbox .news__videotime { background: rgba(0, 0, 0, 0.3); border-radius: 125px; margin: 0; width: 55px; height: 55px; } .cnnespanol-site .news--box-style-two.news--innerbox .news__videotime span { width: 55px; height: 55px; margin: 0; padding: 0; } .cnnespanol-site .news--box-style-two.news--innerbox .news__videotime span:before { top: 14px; left: 17px; border-width: 11px 0 11px 19px; } .cnnespanol-site .livebloghp { max-width: 360px; margin: 0 auto; } .cnnespanol-site .livebloghp__header { background: #ececec; font-size: 0; letter-spacing: 0.5px; } .cnnespanol-site .livebloghp__header * { vertical-align: top; } .cnnespanol-site .livebloghp__header__title { font-size: 13px; display: block; line-height: 13px; font: bold 13px/15px "CNNSans-Condensed", Helvetica Neue, Arial; color: black; padding: 10px 10px 7px; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; max-width: 220px; position: relative; overflow: hidden; margin-left: 93px; } .cnnespanol-site .livebloghp__header__title a { color: inherit; font: inherit; } .cnnespanol-site .livebloghp__header__title a:hover { text-decoration: underline; } .cnnespanol-site .livebloghp__header__span { display: inline-block; font-size: 13px; background: #CC0000; line-height: 20px; font: bold 13px/15px "CNNSans-Condensed", Helvetica Neue, Arial; color: white; padding: 10px 15px 7px; position: absolute; } .cnnespanol-site .livebloghp__content { position: relative; margin-top: 11px; margin-bottom: 25px; } .cnnespanol-site .livebloghp__content:before { content: ''; width: 1px; background: #DBDBDB; height: 100%; position: absolute; left: 8px; } .cnnespanol-site .livebloghp__article__content { font: 400 15px/23px "CNNSans-Condensed", Helvetica Neue, Arial; color: #262626; position: relative; max-height: 69px; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .cnnespanol-site .livebloghp__article__content * { font: inherit; color: inherit; } .cnnespanol-site .livebloghp__article { padding-left: 44px; position: relative; margin: 0 0 7px; } .cnnespanol-site .livebloghp__article a:hover { color: #CC0000; } .cnnespanol-site .livebloghp__article__time { position: absolute; left: 0; background: white; top: -6px; font: 400 11px/13px "CNNSans-Condensed", Helvetica Neue, Arial; padding: 12px 0; color: #737373; margin: 0 0 8px; display: block; } .cnnespanol-site .livebloghp__article:first-child .livebloghp__article__time { font-size: 0; width: 20px; height: 5px; padding: 15px 0 12px; } .cnnespanol-site .livebloghp__article:first-child .livebloghp__article__time:after { content: ''; position: absolute; width: 12px; height: 12px; background: #CC0000; padding: 0; border-radius: 125px; left: 2px; top: 12px; opacity: .3; animation: hearbeat_scale 1s infinite; } .cnnespanol-site .livebloghp__article:first-child .livebloghp__article__time:before { content: ""; position: absolute; left: 5px; top: 15px; height: 6px; width: 6px; background-color: #CC0000; border-radius: 100%; animation: hearbeat_scale 1s infinite; } @keyframes hearbeat_scale { 0% { transform: scale(1); } 50% { transform: scale(0.75); } 100% { transform: scale(1); } } .cnnespanol-site .modlive { border-bottom: 1px solid #D9D9D9; margin-bottom: 25px; } .cnnespanol-site .modlive__media { background-color: #ccc; height: 0; padding-top: 55.33333333%; position: relative; width: 100%; } .cnnespanol-site .modlive__media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cnnespanol-site .modlive__data { background: black; color: white; padding: 12px 15px 12px; margin-bottom: 15px; } .cnnespanol-site .modlive__data a { color: inherit; font: inherit; } .cnnespanol-site .modlive__data__section { background: #cc0000; border-radius: 3px; display: inline-block; height: 28px; position: relative; top: 6px; margin: 0 3px 0 0; width: 106px; } .cnnespanol-site .modlive__data__section:hover { background: #b10101; } .cnnespanol-site .modlive__data__section__text { font: bold 13px/13px "CNNSans-Condensed", Helvetica Neue, Arial; position: absolute; right: 10px; top: 9px; letter-spacing: .5px; text-transform: uppercase; animation-name: textanim; animation-duration: 5s; animation-iteration-count: infinite; } .cnnespanol-site .modlive__data__section svg { position: absolute; top: 8px; left: 6px; width: 20px; } .cnnespanol-site .modlive__data__section .right--two, .cnnespanol-site .modlive__data__section .left--two { animation-name: secondlive; animation-duration: 2s; animation-iteration-count: infinite; animation-delay: .33s; } .cnnespanol-site .modlive__data__section .right--one, .cnnespanol-site .modlive__data__section .left--one { animation-name: firstlive; animation-duration: 2s; animation-iteration-count: infinite; } .cnnespanol-site .modlive__data__title { font: bold 21px/30px "CNNSans-Condensed", Helvetica Neue, Arial; display: inline; } .cnnespanol-site .modlive__data__title a:hover { text-decoration: underline; } @media (max-width: 900px) { .cnnespanol-site .col--custom.col--c-4, .cnnespanol-site .col--custom.col--c-6, .cnnespanol-site .col--4 { width: 100%; } .cnnespanol-site .news--box-style-two.news--innerbox, .cnnespanol-site .col--custom.col--c-6 { margin-bottom: 20px; } .cnnespanol-site .col--custom + .col--custom { margin-left: 0; } .cnnespanol-site .col--3 { width: 50%; } .cnnespanol-site .banner.banner--ht-600.banner--sticky { height: 100%; } } /*# sourceMappingURL=homepage-d.css.map */