html { font: 62.5% Arial, Helvetica, sans-serif; } body { margin: 0; font-size: 100%; } h1, h2, h3, h4, h5, h6, p, pre, blockquote { margin: 0; font-size: 1em; } ul, ol, dl, dt, dd { padding: 0; margin: 0; } ul, ol { list-style: none; } address, cite { font-style: normal; } img { border: none; -ms-interpolation-mode: bicubic; } figure { margin: 0; padding: 0; } main, article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; } td, th { vertical-align: top; } caption, th { text-align: left; } form { margin: 0; } fieldset { margin: 0; padding: 0; border: none; } iframe { border: 0; } legend { margin: 0; padding: 0; color: #000; } input, textarea, select { font: 1em Arial, Helvetica, sans-serif; } textarea { overflow: auto; } input[type="text"] { margin: 0; } a { text-decoration: none; } /* Mixins */ @media only screen and (max-width: 767px) { } /** * Fix for vw, vh, vmin, vmax on iOS 7. * caniuse.com/#feat=viewport-units * * This fix works by replacing viewport units with px values on known screen sizes. * * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix. * Target devices running iOS 8+ will incidentally execute the media query, * but this will still produce the expected result; so this is not a problem. * * As an example, replace: * * height: 50vh; * * with: * * .safe-vh(height, 50vh); * **/ /* * Theme: r2 * Vars for LESS - Per blog - Motorpasion */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNc.ttf) format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM4.ttf) format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNc.ttf) format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYag.ttf) format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype'); } .border-custom { border-top: 1px solid #ddd; } .pager { margin: 24px 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager a, .pager span { display: inline-block; } .pager .next a, .pager .next span { float: right; } .pager .previous a { float: left; } /* Forums */ .section-forum-index h1 { margin-left: 12px; } .section-forum-index h2 { clear: both; border-top: 1px solid #e9e9e9; margin: 28px 0 0; padding: 14px 12px 0; } .section-forum-index ul { margin: 0; padding: 0; } .forum-nav { clear: left; } .btn-forum-new-message { margin-bottom: 14px; float: right; margin-right: 12px; } .forum-message-counter { display: inline-block; margin: 14px 12px 0; color: #666; } .forum-category-item { list-style-type: none; margin: 14px 12px; background: #f9f9f9; border-radius: 4px; border: 1px solid #ddd; } .forum-category-item h3 { margin: 0; padding: 14px 12px; border-radius: 4px 4px 0 0; } .forum-category-messages { font-size: 0.8em; color: #333; white-space: nowrap; } .forum-category-preview { background: #f0f0f0; border-radius: 0 0 4px 4px; } .forum-category-preview a { color: #333; display: block; padding: 14px 12px; } .forum-category-preview cite { color: #999; } .forum-category-preview img { float: left; margin: 0 24px 56px 0; } .forum-new-message-form { background: #eee; border-radius: 4px; margin: 28px 12px; padding: 14px 24px 14px; } .forum-new-message-form textarea { width: 94%; } .forum-new-message-form .upload-image { border-radius: 5px; margin-bottom: 20px; } .forum-new-message-form .upload-image:before { font-size: 24px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .forum-new-message-form .upload-image:before:hover { text-decoration: none; } .forum-new-message-form .upload-image:after { content: ""; margin-right: 0; margin-left: 0; } .forum-new-message-form .upload-image:before { opacity: 0.5; vertical-align: middle; margin-right: 5px; } .forum-new-message-form .upload-image label { background: #fff; padding: 10px 6px; width: 94%; border: 1px solid #cccccc; border-radius: 3px; margin: 5px 0; } .forum-new-message-form .upload-image .input-file { height: 40px; } /* For respuestas question detail from */ .section-respuestas-home label .input-file { background-color: #ffffff; border: 1px solid #cccccc; padding: 2px 5px; border-radius: 3px; } .section-respuestas-home .image-icon:before { font-size: 24px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-respuestas-home .image-icon:before:hover { text-decoration: none; } .section-respuestas-home .image-icon:after { content: ""; margin-right: 0; margin-left: 0; } .section-respuestas-home .image-icon:before { opacity: 0.5; vertical-align: middle; margin-right: 10px; } /* Forum message page */ .forum-breadcrumb { margin: 28px 0; padding: 0; } .forum-breadcrumb li { margin: 14px 0 0 12px; display: inline-block; } .forum-breadcrumb a { display: inline-block; padding: 7px 12px; background: #f0f0f0; border-radius: 4px; white-space: nowrap; } .forum-message-header { margin-left: 12px; margin-bottom: 28px; line-height: 1.3; } .forum-first-message { clear: both; } .section-forum-message .comment-vote-count { text-align: left; } .nav-backlink { margin: 28px 0 0 0; text-align: center; } /* Forum category page */ .section-forum-category h1 { margin-left: 12px; } .section-forum-category ul { margin: 0; padding: 0; } .forum-message-item { clear: both; list-style-type: none; margin: 14px 12px; background: #f3f3f3; border-radius: 4px; border: 1px solid #eee; } .forum-message-item h2 { padding: 14px 12px; line-height: 1.3; } .forum-message-item h2 a, .forum-message-item h2 a:visited { color: #333; } .forum-message-author { margin: 0 24px 28px; } .forum-message-author cite { font-style: normal; } .forum-message-author img { height: 40px; width: 40px; float: left; margin-right: 12px; margin-bottom: 14px; } .forum-message-author .time { display: block; color: #999; font-style: italic; } .btn-message-comments { float: right; margin: 0 24px 0 0; display: inline; } .btn-message-comments a:after { font-size: 24px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .btn-message-comments a:after:hover { text-decoration: none; } .btn-message-comments a:before { content: ""; margin-right: 0; margin-left: 0; } .btn-message-comments a:after { margin-left: 0; } .btn-message-comments span { display: none; } /* Only for mobile */ .section-forum-message .social-sharing { width: 230px; float: left; margin-left: 12px; margin-top: 0; } .section-forum-message .social-sharing li { display: inline; } .section-forum-message .social-sharing .btn-facebook { display: inline-block; overflow: hidden; text-align: center; } .section-forum-message .social-sharing .btn-facebook:before { font-size: 24px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-forum-message .social-sharing .btn-facebook:before:hover { text-decoration: none; } .section-forum-message .social-sharing .btn-facebook:after { content: ""; margin-right: 0; margin-left: 0; } .section-forum-message .social-sharing .btn-facebook:before, .section-forum-message .social-sharing .btn-facebook:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .section-forum-message .social-sharing .btn-facebook:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-forum-message .social-sharing .btn-favorite { display: inline-block; overflow: hidden; text-align: center; } .section-forum-message .social-sharing .btn-favorite:before { font-size: 24px; font-family: icons-min; content: "\e610"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-forum-message .social-sharing .btn-favorite:before:hover { text-decoration: none; } .section-forum-message .social-sharing .btn-favorite:after { content: ""; margin-right: 0; margin-left: 0; } .section-forum-message .social-sharing .btn-favorite:before, .section-forum-message .social-sharing .btn-favorite:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .section-forum-message .social-sharing .btn-favorite:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-forum-message .social-sharing .btn-twitter { display: inline-block; overflow: hidden; text-align: center; } .section-forum-message .social-sharing .btn-twitter:before { font-size: 24px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-forum-message .social-sharing .btn-twitter:before:hover { text-decoration: none; } .section-forum-message .social-sharing .btn-twitter:after { content: ""; margin-right: 0; margin-left: 0; } .section-forum-message .social-sharing .btn-twitter:before, .section-forum-message .social-sharing .btn-twitter:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .section-forum-message .social-sharing .btn-twitter:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-forum-message .social-sharing .btn-gplus { display: inline-block; overflow: hidden; text-align: center; } .section-forum-message .social-sharing .btn-gplus:before { font-size: 24px; font-family: icons-min; content: "\e620"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-forum-message .social-sharing .btn-gplus:before:hover { text-decoration: none; } .section-forum-message .social-sharing .btn-gplus:after { content: ""; margin-right: 0; margin-left: 0; } .section-forum-message .social-sharing .btn-gplus:before, .section-forum-message .social-sharing .btn-gplus:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .section-forum-message .social-sharing .btn-gplus:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-forum-message .social-sharing .email-share-button { display: inline-block; overflow: hidden; text-align: center; } .section-forum-message .social-sharing .email-share-button:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-forum-message .social-sharing .email-share-button:before:hover { text-decoration: none; } .section-forum-message .social-sharing .email-share-button:after { content: ""; margin-right: 0; margin-left: 0; } .section-forum-message .social-sharing .email-share-button:before, .section-forum-message .social-sharing .email-share-button:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .section-forum-message .social-sharing .email-share-button:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-forum-message .social-sharing .btn-whatsapp { display: inline-block; overflow: hidden; text-align: center; } .section-forum-message .social-sharing .btn-whatsapp:before { font-size: 24px; font-family: icons-min; content: "\e616"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-forum-message .social-sharing .btn-whatsapp:before:hover { text-decoration: none; } .section-forum-message .social-sharing .btn-whatsapp:after { content: ""; margin-right: 0; margin-left: 0; } .section-forum-message .social-sharing .btn-whatsapp:before, .section-forum-message .social-sharing .btn-whatsapp:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .section-forum-message .social-sharing .btn-whatsapp:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-forum-message .social-sharing .btn-favorite, .section-forum-message .social-sharing .btn-facebook, .section-forum-message .social-sharing .btn-twitter, .section-forum-message .social-sharing .btn-gplus, .section-forum-message .social-sharing .btn-whatsapp, .section-forum-message .social-sharing .email-share-button { width: 40px; height: 40px; padding: 0; } .section-forum-message .social-sharing .btn-favorite:before, .section-forum-message .social-sharing .btn-facebook:before, .section-forum-message .social-sharing .btn-twitter:before, .section-forum-message .social-sharing .btn-gplus:before, .section-forum-message .social-sharing .btn-whatsapp:before, .section-forum-message .social-sharing .email-share-button:before { margin: 12px 8px; } .section-forum-message .forum-nav { clear: none; float: right; } .section-forum-message .btn-forum-new-message { padding: 0 12px; } .section-forum-message .btn-forum-new-message:before { font-size: 32px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-forum-message .btn-forum-new-message:before:hover { text-decoration: none; } .section-forum-message .btn-forum-new-message:after { content: ""; margin-right: 0; margin-left: 0; } .section-forum-message .btn-forum-new-message:before { margin-right: 0.1em; } .section-forum-message .btn-forum-new-message span { display: none; } body { color: #333; background-color: #fbfbfb; } a { color: #C00; } .blob a:visited { color: #900; } .blob a:hover { color: #f00; } .a-blob:visited { color: #900; } .a-blob:hover { color: #f00; } .a-text { color: #333; } .a-text:hover { color: #f00; } .a-faded { color: #777; } .a-faded:hover { color: #f00; } .a-colored { background-color: #fbeded; } .a-colored:hover { color: #f00; background-color: #ffeded; } .a-light { color: #fff; } .a-light:hover { text-decoration: underline; } .a-inverted { background-color: #C00; color: #fff; } .a-inverted:hover { background-color: #f00; } .cancel-link, .comment-order a, .comment-date a { color: #777; } .cancel-link:hover, .comment-order a:hover, .comment-date a:hover { color: #f00; } .btn, a.btn, a.btn:visited { background-color: #900; color: #fff; } .btn:hover, a.btn:hover, a.btn:visited:hover { background-color: #910000; color: #fff; } .btn.is-opened { background-color: #fff; color: #900; } .btn-primary { background-color: #D44040; color: #fff; } .btn-primary:hover { background-color: #c93d3d; color: #fff; } .btn-primary.is-opened { background-color: #fff; color: #D44040; } .btn-secondary, .btn-faded { background-color: #f3f3f3; color: #777; } .btn-secondary:hover, .btn-faded:hover { background-color: #f4f4f4; color: #333; } .btn-inverted { background-color: #333; color: #ccc; } .btn-inverted:hover { background-color: #444; color: #fff; } .btn-secondary.is-opened, .btn-context.is-opened, .btn-comment-reply.is-opened, .btn-comment-menu.is-opened, .btn-comment-subscribe.is-opened { background-color: #333; color: #f3f3f3; } .btn-secondary.is-opened:hover, .btn-context.is-opened:hover, .btn-comment-reply.is-opened:hover, .btn-comment-menu.is-opened:hover, .btn-comment-subscribe.is-opened:hover { background-color: #303030; color: #f3f3f3; } .btn-comment-vote-up { background-color: #72ac26 !important; } .btn-comment-vote-up:hover { background-color: #72ac26 !important; } .btn-comment-vote-down { background-color: #E03737 !important; color: #fff; } .btn-comment-vote-down:hover { background-color: #E03737 !important; color: #fff; } .btn-comment-vote-up.comment-vote-disabled, .btn-comment-vote-up.comment-vote-disabled:hover .btn-comment-vote-down.comment-vote-disabled, .btn-comment-vote-down.comment-vote-disabled:hover { background-color: #f3f3f3; color: #777; cursor: default; } .btn-facebook, .btn-text-facebook { background-color: #4267b2 !important; color: #fff; } .btn-facebook:hover, .btn-text-facebook:hover { background-color: #3f62a9 !important; color: #fff; } .link-facebook, .link-facebook:hover { color: #4267b2; } .btn-twitter, .btn-text-twitter { background-color: #00abf1 !important; color: #fff; } .btn-twitter:hover, .btn-text-twitter:hover { background-color: #00a2e5 !important; color: #fff; } .link-twitter, .link-twitter:hover { color: #00abf1; background-color: transparent !important; } .btn-gplus, .btn-text-gplus { background-color: #DB4D25 !important; color: #fff; } .btn-gplus:hover, .btn-text-gplus:hover { background-color: #d04923 !important; color: #fff; } .link-gplus, .link-gplus:hover { color: #DB4D25; } .btn-whatsapp, .btn-text-whatsapp { background-color: #56A61E !important; color: #fff; } .btn-whatsapp:hover, .btn-text-whatsapp:hover { background-color: #529e1d !important; color: #fff; } .link-whatsapp, .link-whatsapp:hover { color: #56A61E; } .btn-snapchat, .btn-text-snapchat { background-color: #EFEC00 !important; color: #fff; } .btn-snapchat:hover, .btn-text-snapchat:hover { background-color: #e3e000 !important; color: #fff; } .link-snapchat, .link-snapchat:hover { color: #000; } .btn-instagram, .btn-text-instagram { background-color: #125688 !important; color: #fff; } .btn-instagram:hover, .btn-text-instagram:hover { background-color: #115281 !important; color: #fff; } .link-instagram, .link-instagram:hover { color: #125688; } .btn-flickr, .btn-text-flickr { background-color: #128FDC !important; color: #fff; } .btn-flickr:hover, .btn-text-flickr:hover { background-color: #1188d1 !important; color: #fff; } .link-flickr, .link-flickr:hover { color: #128FDC; } .btn-telegram, .btn-text-telegram { background-color: #2e87ca !important; color: #fff; } .btn-telegram:hover, .btn-text-telegram:hover { background-color: #2c80c0 !important; color: #fff; } .link-telegram, .link-telegram:hover { color: #2e87ca; } .btn-email, .btn-text-email { background-color: #729e54 !important; color: #fff; } .btn-email:hover, .btn-text-email:hover { background-color: #6c9650 !important; color: #fff; } .link-email, .link-email:hover { color: #729e54; } .btn-rss, .btn-text-rss { background-color: #f60 !important; color: #fff; } .btn-rss:hover, .btn-text-rss:hover { background-color: #f26100 !important; color: #fff; } .link-rss, .link-rss:hover { color: #f60; } .link-youtube, .link-youtube:hover { color: #cc181e; } .link-pinterest, .link-pinterest:hover { color: #cc181e; } .link-twitch, .link-twitch:hover { color: #6441a4; } .link-linkedin, .link-linkedin:hover { color: #0077B5; background-color: transparent !important; } .link-flipboard, .link-flipboard:hover { color: #e02828; background-color: transparent !important; } @media only screen and (min-width: 1280px) { .comment-actions-share .btn-facebook, .comment-actions-share .btn-twitter, .comment-actions-share .btn-email { background: transparent !important; color: #777; } .comment-actions-share .btn-facebook:hover { color: #4267b2; } .comment-actions-share .btn-twitter:hover { color: #00abf1; } .comment-actions-share .btn-email:hover { color: #729e54; } } .head-container, .head, .head-with-ad { background: #c00; } .head-link { background-color: #D44040; color: #fff; border-bottom: 1px solid #d85353; } .head-link:hover { background-color: #d85353; color: #fff; } .head-editorspick, .head-sponsor { color: #222; color: #fff; } .head-editorspick a, .head-sponsor a { color: #222; color: #fff; } .head-editorspick a:hover, .head-sponsor a:hover { color: #222; color: #fff; } .head-editorspick-type, .head-sponsor-type { color: #222; color: #fff; opacity: 0.4; } .head-link-secondary { background: #222; color: #777; } .head-link-secondary a { color: #777; } .head-link-secondary a:hover { color: #fbfbfb; } .icon-unread { color: #00AADF; } .head.m-v5 { background: #9F0000; } .head.m-v5 .head-link { background-color: #ad2626 !important; color: #fff; border-bottom: 1px solid #bc4d4d !important; } .head.m-v5 .head-link:hover { background-color: #c93d3d; color: #fff; } .head-link-new.m-v5::after { color: #5BA4D7 !important; } .head-menu { background: #f6f6f6; } .head-menu h2 { color: #777; } .related-item a, .related-leaving-item a, .head-new-item, .head-list-item, .head-menu-editorspick a { color: #333; } .related-item a:hover, .related-leaving-item a:hover, .head-new-item:hover, .head-list-item:hover, .head-menu-editorspick a:hover { background: #fff; color: #C00; } .item-meta, .head-item-meta { color: #777; } .search-box, .head-menu-search, .head-channel-list.is-visible, .head-list-item.is-visible, .head-channel-list.is-visible { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .head-search-button:hover { background: transparent !important; color: #f00 !important; } .head-menu-follow a { opacity: 0.8; } .head-menu-follow a:hover { opacity: 1; } .comment-section { background-color: #ececec; } .comment-section h2, .comment-section h3, .comment-section h3 a { color: #767676; } .comment-section h3 a:hover { color: #f00; } .context-menu-list { background-color: #333; } .context-menu-list li { color: #f3f3f3; border-color: #595959; } .context-menu-list a { color: #f3f3f3; } .context-menu-list a:hover { background: #292929; color: #fff; } .context-menu-list .votes { color: #fff; } .u-article-summary, .sumario, .sumario_derecha, .sumario_izquierda { color: #6F6361; } .article-share .icon-facebook:hover { color: #4267b2; } .article-share .icon-twitter:hover { color: #00abf1; } .article-share .icon-gplus:hover { color: #DB4D25; } .article-share .icon-email:hover { color: #729e54; } @media only screen and (min-width: 768px) { .comment-order a, .comment-order a:visited { color: #b1b1b1; } } .comment-author a { color: #333; } .comment-author a:hover { color: #f00; } .comment-thread-caption.is-fixed .comment-thread-caption-wrapper { background: #333; color: #d6d6d6; } .comment-thread-close { background-color: #f6f6f6 !important; color: #b1b1b1 !important; } .comment-thread-caption.is-fixed .comment-thread-close, .comment-thread-caption.is-fixed .comment-thread-source-more { background-color: #777 !important; color: #fff !important; opacity: 0.5; } .comment-thread-caption.is-fixed .comment-thread-close:hover, .comment-thread-caption.is-fixed .comment-thread-source-more:hover { opacity: 1; } .comment-item { background: #fff; } .ad-contact a, .comment-moderated { background: transparent; color: #b1b1b1; } .article-link-related a strong { color: #333; } .article-link-related a span { color: #777; } .article-link-related a:hover strong, .article-link-related a:hover span { color: #f00; } .article-item-title, .article-item-content { color: #333; } .article-item-date { color: #777; } .article-metadata { color: #777; } .search-results-section { background-color: #ececec; } .search-results-query { background: #DFFAFF; } .search-article-item a { background: #fff; } @media only screen and (min-width: 768px) { .section-hero-container { background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-top: 1px solid #f3f3f3; } } .u-logo-webedia { background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; } @media only screen and (min-width: 768px) { .u-logo-webedia { margin-top: 4px; margin-left: 16px; float: none; } } .comscore-logo-webedia-travel { background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_TRAVEL_ALLWHITE.png"); } @media only screen and (min-width: 768px) { .comscore-logo-webedia-travel { margin-top: 4px; margin-left: 16px; float: none; } } .comscore-logo-webedia-gaming { background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_GAMING_ALLWHITE.png"); } @media only screen and (min-width: 768px) { .comscore-logo-webedia-gaming { margin-top: 4px; margin-left: 16px; float: none; } } .comscore-logo-webedia-glam { background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_GLAM_ALLWHITE.png"); } @media only screen and (min-width: 768px) { .comscore-logo-webedia-glam { margin-top: 4px; margin-left: 16px; float: none; } } .comscore-logo-webedia-food { background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); } @media only screen and (min-width: 768px) { .comscore-logo-webedia-food { margin-top: 4px; margin-left: 16px; float: none; } } .comscore-logo-webedia-movies { background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_MOVIES_ALLWHITE.png"); } @media only screen and (min-width: 768px) { .comscore-logo-webedia-movies { margin-top: 4px; margin-left: 16px; float: none; } } .comscore-logo-webedia-tech { background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_TECH_VERTICALS_ALLWHITE.png"); } @media only screen and (min-width: 768px) { .comscore-logo-webedia-tech { margin-top: 4px; margin-left: 16px; float: none; } } .comscore-logo-webedia-lifestyle { background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_FOOD_ALLWHITE.png"); background-repeat: no-repeat; background-position: center; background-size: cover; vertical-align: top; text-indent: -100000px; height: 30px; width: 109px; display: inline-block; opacity: 0.6; float: right; background-image: url("//img.weblogssl.com/g/r/brands/WEBEDIA_LOGO_LIFESTYLE_ALLWHITE.png"); background-size: contain; } @media only screen and (min-width: 768px) { .comscore-logo-webedia-lifestyle { margin-top: 4px; margin-left: 16px; float: none; } } body { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; } .u-type0, body { font-size: 17px; line-height: 24px; } @media only screen and (min-width: 768px) { .u-type0, body { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .u-type0, body { font-size: 19px; line-height: 28px; } } .u-type1 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .u-type1 { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .u-type1 { font-size: 40px; line-height: 44.8px; } } .u-type2, .type2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .u-type2, .type2 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .u-type2, .type2 { font-size: 28px; line-height: 35px; } } .u-type3, .type3 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .u-type3, .type3 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .u-type3, .type3 { font-size: 23px; line-height: 29.4px; } } .u-type4 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .u-type4 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .u-type4 { font-size: 19px; line-height: 28px; } } .u-type5 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 17px; line-height: 24px; } @media only screen and (min-width: 768px) { .u-type5 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .u-type5 { font-size: 19px; line-height: 28px; } } .u-type-mini, .type-mini { font-size: 15px; } @media only screen and (min-width: 768px) { .u-type-mini, .type-mini { font-size: 16px; } } @media only screen and (min-width: 1150px) { .u-type-mini, .type-mini { font-size: 16px; } } .u-font-mini, .font-mini { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .u-font-mini, .font-mini { font-size: 16px; } } @media only screen and (min-width: 1150px) { .u-font-mini, .font-mini { font-size: 16px; } } @media only screen and (min-width: 768px) { .u-font-mini, .font-mini { line-height: 21px; } } @media only screen and (min-width: 1150px) { .u-font-mini, .font-mini { line-height: 21px; } } .head-link, .u-type-micro, .type-micro { font-size: 13px; } @media only screen and (min-width: 768px) { .head-link, .u-type-micro, .type-micro { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-link, .u-type-micro, .type-micro { font-size: 13px; } } .u-font-micro, .font-micro { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .u-font-micro, .font-micro { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-font-micro, .font-micro { font-size: 13px; } } @media only screen and (min-width: 768px) { .u-font-micro, .font-micro { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .u-font-micro, .font-micro { line-height: 16.8px; } } .u-font-micro-elastic { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .u-font-micro-elastic { font-size: 13px; line-height: 16.8px; } } @media only screen and (min-width: 1150px) { .u-font-micro-elastic { font-size: 16px; line-height: 21px; } } .u-type-pico { font-size: 11px; } .u-font-pico { font-size: 11px; line-height: 13px; } .u-type-giant { font-size: 33px; } @media only screen and (min-width: 768px) { .u-type-giant { font-size: 40px; } } @media only screen and (min-width: 1150px) { .u-type-giant { font-size: 40px; } } .u-font-giant { font-size: 33px; line-height: 36px; letter-spacing: 0; } @media only screen and (min-width: 768px) { .u-font-giant { font-size: 40px; } } @media only screen and (min-width: 1150px) { .u-font-giant { font-size: 40px; } } @media only screen and (min-width: 768px) { .u-font-giant { line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .u-font-giant { line-height: 44.8px; } } .u-type-pico, .font-pico, .u-font-pico { font-size: 11px; } @media only screen and (min-width: 768px) { .u-type-pico, .font-pico, .u-font-pico { font-size: 11px; } } @media only screen and (min-width: 1150px) { .u-type-pico, .font-pico, .u-font-pico { font-size: 11px; } } .u-font-pico { line-height: 16px; } .u-heading0, .heading0 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; text-transform: none; font-size: 33px; line-height: 36px; margin-top: 48px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .u-heading0, .heading0 { margin-top: 56px; margin-bottom: 28px; font-size: 57px; line-height: 61.6px; } } @media only screen and (min-width: 1150px) { .u-heading0, .heading0 { margin-top: 56px; margin-bottom: 28px; font-size: 57px; line-height: 61.6px; } } h1, .u-heading1, .heading1 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; margin-top: 48px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { h1, .u-heading1, .heading1 { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { h1, .u-heading1, .heading1 { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 768px) { h1, .u-heading1, .heading1 { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { h1, .u-heading1, .heading1 { margin-top: 56px; margin-bottom: 28px; } } h2, .u-heading2, .heading2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { h2, .u-heading2, .heading2 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { h2, .u-heading2, .heading2 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { h2, .u-heading2, .heading2 { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { h2, .u-heading2, .heading2 { margin-top: 42px; margin-bottom: 14px; } } h3, .u-heading3, .heading3 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { h3, .u-heading3, .heading3 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { h3, .u-heading3, .heading3 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { h3, .u-heading3, .heading3 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { h3, .u-heading3, .heading3 { margin-top: 28px; margin-bottom: 14px; } } h4, .u-heading4, .heading4 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { h4, .u-heading4, .heading4 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { h4, .u-heading4, .heading4 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { h4, .u-heading4, .heading4 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { h4, .u-heading4, .heading4 { margin-top: 28px; margin-bottom: 14px; } } h5, .u-heading5, .heading5 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 17px; line-height: 24px; margin-top: 24px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { h5, .u-heading5, .heading5 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { h5, .u-heading5, .heading5 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { h5, .u-heading5, .heading5 { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { h5, .u-heading5, .heading5 { margin-top: 28px; margin-bottom: 28px; } } .u-type-nav { font-size: 15px; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; text-transform: uppercase; } @media only screen and (min-width: 768px) { .u-type-nav { font-size: 16px; } } @media only screen and (min-width: 1150px) { .u-type-nav { font-size: 16px; } } .u-tag-type, .tag-type { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; } @media only screen and (min-width: 768px) { .u-tag-type, .tag-type { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-tag-type, .tag-type { font-size: 13px; } } .u-type-taxonomy { font-size: 13px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: bold; } @media only screen and (min-width: 768px) { .u-type-taxonomy { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-type-taxonomy { font-size: 13px; } } @media only screen and (min-width: 768px) { .u-type-taxonomy { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .u-type-taxonomy { line-height: 16.8px; } } .u-tag-label, .tag-label { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; } @media only screen and (min-width: 768px) { .u-tag-label, .tag-label { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-tag-label, .tag-label { font-size: 13px; } } @media only screen and (min-width: 768px) { .u-tag-label, .tag-label { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .u-tag-label, .tag-label { height: 28px; line-height: 29px; } } .u-tag-box, .tag-box { height: 48px; line-height: 48px; } @media only screen and (min-width: 768px) { .u-tag-box, .tag-box { height: 56px; line-height: 56px; } } @media only screen and (min-width: 1150px) { .u-tag-box, .tag-box { height: 56px; line-height: 56px; } } p, ul, ol, pre, table, blockquote { margin-top: 24px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { p, ul, ol, pre, table, blockquote { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { p, ul, ol, pre, table, blockquote { margin-top: 28px; margin-bottom: 28px; } } a { text-decoration: none; } strong { font-weight: 700; } em { font-style: italic; } .u-type-text, .home-blob, .blob { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; } .u-type-text p a, .home-blob p a, .blob p a, .u-type-text li a, .home-blob li a, .blob li a, .u-type-text blockquote a, .home-blob blockquote a, .blob blockquote a { text-decoration: underline; } .u-type-text ul li, .home-blob ul li, .blob ul li, .u-type-text ol li, .home-blob ol li, .blob ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .u-type-text ul li, .home-blob ul li, .blob ul li, .u-type-text ol li, .home-blob ol li, .blob ol li { margin-bottom: 14px; } } .u-type-text ul li, .home-blob ul li, .blob ul li { list-style-type: disc; list-style-position: outside; } .u-type-text ol li, .home-blob ol li, .blob ol li { list-style-type: decimal; list-style-position: outside; } .u-type-text blockquote, .home-blob blockquote, .blob blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .u-type-text blockquote, .home-blob blockquote, .blob blockquote { padding: 0 0 0 24px; } } .u-type-text blockquote blockquote, .home-blob blockquote blockquote, .blob blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .u-type-text blockquote blockquote, .home-blob blockquote blockquote, .blob blockquote blockquote { padding: 0 0 0 24px; } } .u-type-text blockquote p, .home-blob blockquote p, .blob blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .u-article-summary, .summary { text-align: left; font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 22px; line-height: 28.8px; margin-top: 0; margin-bottom: 24px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 24px 0; } @media only screen and (min-width: 768px) { .u-article-summary, .summary { font-size: 23px; line-height: 29.4px; padding-top: 28px; padding-bottom: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .u-article-summary, .summary { font-size: 23px; line-height: 29.4px; padding-top: 28px; padding-bottom: 28px; margin-bottom: 28px; } } .u-article-summary p, .summary p { margin: 0; } @media only screen and (min-width: 768px) { .u-article-summary p, .summary p { margin: 0; } } @media only screen and (min-width: 1024px) { .u-article-summary p, .summary p { margin: 0; } } .u-tip-type { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .u-tip-type { font-size: 16px; } } @media only screen and (min-width: 1150px) { .u-tip-type { font-size: 16px; } } @media only screen and (min-width: 768px) { .u-tip-type { line-height: 21px; } } @media only screen and (min-width: 1150px) { .u-tip-type { line-height: 21px; } } .caption, .caption-type, .type-caption, .type-caption-credit, .caption-text { font-size: 15px; line-height: 20px; font-weight: 400; font-style: italic; color: #777; text-transform: none; } @media only screen and (min-width: 768px) { .caption, .caption-type, .type-caption, .type-caption-credit, .caption-text { font-size: 16px; } } @media only screen and (min-width: 1150px) { .caption, .caption-type, .type-caption, .type-caption-credit, .caption-text { font-size: 16px; } } @media only screen and (min-width: 768px) { .caption, .caption-type, .type-caption, .type-caption-credit, .caption-text { line-height: 21px; } } @media only screen and (min-width: 1150px) { .caption, .caption-type, .type-caption, .type-caption-credit, .caption-text { line-height: 21px; } } .caption-type, .type-caption { display: block; border-bottom: 1px solid #e9e9e9; padding: 12px 0; margin-bottom: 24px; text-align: left; } @media only screen and (min-width: 768px) { .caption-type, .type-caption { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .caption-type, .type-caption { max-width: 696px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .caption-type, .type-caption { padding-top: 14px; padding-bottom: 14px; margin-bottom: 28px; } } .article-asset-large .caption-type, .article-asset-cover .caption-type { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .article-asset-large .caption-type, .article-asset-cover .caption-type { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .article-asset-large .caption-type, .article-asset-cover .caption-type { margin-left: auto; margin-right: auto; } } .caption-text { display: block; border-bottom: 1px solid #e9e9e9; padding: 12px 0; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .caption-text { padding-top: 14px; padding-bottom: 14px; margin-bottom: 28px; } } .module-size-big .caption-text, .module-size-cover .caption-text { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .module-size-big .caption-text, .module-size-cover .caption-text { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .module-size-big .caption-text, .module-size-cover .caption-text { margin-left: auto; margin-right: auto; } } .type-caption-credit { font-size: 13px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.1em; font-style: normal; } @media only screen and (min-width: 768px) { .type-caption-credit { font-size: 13px; } } @media only screen and (min-width: 1150px) { .type-caption-credit { font-size: 13px; } } @media only screen and (min-width: 768px) { .type-caption-credit { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .type-caption-credit { line-height: 16.8px; } } /* Capitals .blob-capital-line { font-family: @font-headings; text-transform: uppercase; } .blob-capital-letter { display: block; font-family: @font-headings; font-weight: @font-headings-weight; font-size: @d-h0-font-size; color: lighten(@color-brand,15%); margin: @m-line-height auto; line-height: @d-line-height*2.5; @media @tablet { float: left; margin: 0 @base-gutter*0.5 @t-line-height 0; font-size: @d-h0-font-size*2; } @media @desktop { margin-bottom: @d-line-height; font-size: @d-h0-font-size*3; } } */ .blob-capital-line { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; text-transform: uppercase; } .blob-capital-letter { display: block; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 57px; color: #f00; margin-right: 12px; margin-bottom: 24px; line-height: 70px; } @media only screen and (min-width: 768px) { .blob-capital-letter { float: left; margin-bottom: 28px; } } .u-type-byline { font-size: 13px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; color: #777; } @media only screen and (min-width: 768px) { .u-type-byline { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-type-byline { font-size: 13px; } } @media only screen and (min-width: 768px) { .u-type-byline { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .u-type-byline { line-height: 16.8px; } } .u-type-byline a { color: #777; } .u-type-byline a:hover { color: #f00; } .u-block-disclaimer, .u-type-disclaimer { font-size: 11px; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; color: #333; background: #f4f2e9; } @media only screen and (min-width: 768px) { .u-block-disclaimer, .u-type-disclaimer { font-size: 11px; } } @media only screen and (min-width: 1150px) { .u-block-disclaimer, .u-type-disclaimer { font-size: 11px; } } .u-type-excerpt { font-size: 15px; line-height: 20px; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; } @media only screen and (min-width: 768px) { .u-type-excerpt { font-size: 16px; } } @media only screen and (min-width: 1150px) { .u-type-excerpt { font-size: 16px; } } @media only screen and (min-width: 768px) { .u-type-excerpt { line-height: 21px; } } @media only screen and (min-width: 1150px) { .u-type-excerpt { line-height: 21px; } } .u-type-excerpt p a, .u-type-excerpt li a, .u-type-excerpt blockquote a { text-decoration: underline; } .u-type-excerpt ul li, .u-type-excerpt ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .u-type-excerpt ul li, .u-type-excerpt ol li { margin-bottom: 14px; } } .u-type-excerpt ul li { list-style-type: disc; list-style-position: outside; } .u-type-excerpt ol li { list-style-type: decimal; list-style-position: outside; } .u-type-excerpt blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .u-type-excerpt blockquote { padding: 0 0 0 24px; } } .u-type-excerpt blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .u-type-excerpt blockquote blockquote { padding: 0 0 0 24px; } } .u-type-excerpt blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .u-type-excerpt p, .u-type-excerpt ul, .u-type-excerpt ol { margin-top: 6px; margin-bottom: 6px; } @media only screen and (min-width: 768px) { .u-type-excerpt p, .u-type-excerpt ul, .u-type-excerpt ol { margin-top: 7px; margin-bottom: 7px; } } @media only screen and (min-width: 1024px) { .u-type-excerpt p, .u-type-excerpt ul, .u-type-excerpt ol { margin-top: 7px; margin-bottom: 7px; } } /* Related content within article */ .article-link-related a:hover { text-decoration: underline; } .article-link-related strong { text-transform: uppercase; } .cancel-link { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .cancel-link { font-size: 16px; } } @media only screen and (min-width: 1150px) { .cancel-link { font-size: 16px; } } @media only screen and (min-width: 768px) { .cancel-link { line-height: 21px; } } @media only screen and (min-width: 1150px) { .cancel-link { line-height: 21px; } } .section-header { font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: lighter; text-transform: uppercase; color: #777; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .section-header { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .section-header { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .section-header { margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .section-header { margin-bottom: 14px; } } .u-compact p:first-child { margin-top: 0; } .u-compact p:last-child { margin-bottom: 0; } .u-compact-mini p { margin-bottom: 12px; margin-top: 12px; } .u-compact-mini p:first-child { margin-top: 0; } .u-compact-mini p:last-child { margin-bottom: 0; } .text-segment p a, .text-segment li a, .text-segment blockquote a { text-decoration: underline; } .text-segment ul li, .text-segment ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .text-segment ul li, .text-segment ol li { margin-bottom: 14px; } } .text-segment ul li { list-style-type: disc; list-style-position: outside; } .text-segment ol li { list-style-type: decimal; list-style-position: outside; } .text-segment blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .text-segment blockquote { padding: 0 0 0 24px; } } .text-segment blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .text-segment blockquote blockquote { padding: 0 0 0 24px; } } .text-segment blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .text-segment.m-compact p:first-child { margin-top: 0; } .text-segment.m-compact p:last-child { margin-bottom: 0; } .text-segment.m-compact-mini p { margin-bottom: 12px; margin-top: 12px; } .text-segment.m-compact-mini p:first-child { margin-top: 0; } .text-segment.m-compact-mini p:last-child { margin-bottom: 0; } .alert-text-danger { color: #b94a48; } .alert-text-danger a { color: #b94a48; } .m-author-disabled { cursor: not-allowed; color: #777; } .m-author-disabled a { color: #777; } .m-author-disabled .abstract-answers, .m-author-disabled a.abstract-answers { color: #fff; } .m-author-disabled .comment-author-avatar { cursor: not-allowed; } .m-author-disabled .comment-author-name { display: inline-block; color: #777; vertical-align: top; font-weight: 500; } .m-author-disabled .comment-author-name a { color: #777; cursor: not-allowed; } .m-modal-user-deactivate .text-segment ul li, .m-modal-user-deactivate-message .text-segment ul li { list-style-type: disc; } .u-type-mini-0 { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .u-type-mini-0 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .u-type-mini-0 { font-size: 19px; line-height: 28px; } } /* * Icons */ @font-face { font-family: 'icons-min'; src: url('https://img.weblogssl.com/g/r/icons/icons.eot?bv10vh6'); src: url('https://img.weblogssl.com/g/r/icons/icons.eot?bv10vh6#iefix') format('embedded-opentype'), url('https://img.weblogssl.com/g/r/icons/icons.ttf?bv10vh6') format('truetype'), url('https://img.weblogssl.com/g/r/icons/icons.woff2?bv10vh6') format('woff2'), url('https://img.weblogssl.com/g/r/icons/icons.woff?bv10vh6') format('woff'), url('https://img.weblogssl.com/g/r/icons/icons.svg?bv10vh6#icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } /* Basic method */ /* Layouts */ .icon-nomargin:before, .icon-nomargin:after { margin: 0; } .icon-faded:before, .icon-faded:after { opacity: 0.4; } /* .icon-standalone(@i,@s:@icon-size-big) { display: inline-block; .icon-left(@i); .icon-size(@s); width: @s; height: @s; overflow: hidden; text-align: center; &:before { display: inline-block; width: @s; height: @s; font-size: @s; line-height: @s + 6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } } */ .icon-inline:before, .icon-inline:after { display: inline-block; } .icon-block:before, .icon-block:after { display: block; margin-left: auto; margin-right: auto; } .icon-remove:before, .icon-remove:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } .icon-spin { -webkit-animation: i-spin 2s infinite linear; animation: i-spin 2s infinite linear; } @-webkit-keyframes i-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes i-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Instances */ .btn-search:after { font-size: 24px; font-family: icons-min; content: "\e60a"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .btn-search:after:hover { text-decoration: none; } .btn-search:before { content: ""; margin-right: 0; margin-left: 0; } .btn-subscribe:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-subscribe:before:hover { text-decoration: none; } .btn-subscribe:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comments:before { font-size: 24px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comments:before:hover { text-decoration: none; } .btn-comments:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment:before { font-size: 16px; font-family: icons-min; content: "\f075"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment:before:hover { text-decoration: none; } .btn-comment:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment.is-opened:after { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .btn-comment.is-opened:after:hover { text-decoration: none; } .btn-comment.is-opened:before { content: ""; margin-right: 0; margin-left: 0; } .head-link-home:before { font-size: 16px; font-family: icons-min; content: "\e615"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-link-home:before:hover { text-decoration: none; } .head-link-home:after { content: ""; margin-right: 0; margin-left: 0; } .head-menu-login a:before { font-size: 24px; font-family: icons-min; content: "\e60f"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-menu-login a:before:hover { text-decoration: none; } .head-menu-login a:after { content: ""; margin-right: 0; margin-left: 0; } .icon-twitter { display: inline-block; overflow: hidden; text-align: center; } .icon-twitter:before { font-size: 24px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-twitter:before:hover { text-decoration: none; } .icon-twitter:after { content: ""; margin-right: 0; margin-left: 0; } .icon-twitter:before, .icon-twitter:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-twitter:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-facebook { display: inline-block; overflow: hidden; text-align: center; } .icon-facebook:before { font-size: 24px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-facebook:before:hover { text-decoration: none; } .icon-facebook:after { content: ""; margin-right: 0; margin-left: 0; } .icon-facebook:before, .icon-facebook:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-facebook:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-facebook-box { display: inline-block; overflow: hidden; text-align: center; } .icon-facebook-box:before { font-size: 24px; font-family: icons-min; content: "\e900"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-facebook-box:before:hover { text-decoration: none; } .icon-facebook-box:after { content: ""; margin-right: 0; margin-left: 0; } .icon-facebook-box:before, .icon-facebook-box:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-facebook-box:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-twitch { display: inline-block; overflow: hidden; text-align: center; } .icon-twitch:before { font-size: 24px; font-family: icons-min; content: "\ea9f"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-twitch:before:hover { text-decoration: none; } .icon-twitch:after { content: ""; margin-right: 0; margin-left: 0; } .icon-twitch:before, .icon-twitch:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-twitch:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-gplus { display: inline-block; overflow: hidden; text-align: center; } .icon-gplus:before { font-size: 24px; font-family: icons-min; content: "\e620"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-gplus:before:hover { text-decoration: none; } .icon-gplus:after { content: ""; margin-right: 0; margin-left: 0; } .icon-gplus:before, .icon-gplus:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-gplus:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-youtube { display: inline-block; overflow: hidden; text-align: center; } .icon-youtube:before { font-size: 24px; font-family: icons-min; content: "\e621"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-youtube:before:hover { text-decoration: none; } .icon-youtube:after { content: ""; margin-right: 0; margin-left: 0; } .icon-youtube:before, .icon-youtube:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-youtube:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-rss { display: inline-block; overflow: hidden; text-align: center; } .icon-rss:before { font-size: 24px; font-family: icons-min; content: "\e622"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-rss:before:hover { text-decoration: none; } .icon-rss:after { content: ""; margin-right: 0; margin-left: 0; } .icon-rss:before, .icon-rss:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-rss:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-email { display: inline-block; overflow: hidden; text-align: center; } .icon-email:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-email:before:hover { text-decoration: none; } .icon-email:after { content: ""; margin-right: 0; margin-left: 0; } .icon-email:before, .icon-email:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-email:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-pinterest { display: inline-block; overflow: hidden; text-align: center; } .icon-pinterest:before { font-size: 24px; font-family: icons-min; content: "\e61e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-pinterest:before:hover { text-decoration: none; } .icon-pinterest:after { content: ""; margin-right: 0; margin-left: 0; } .icon-pinterest:before, .icon-pinterest:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-pinterest:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-snapchat { display: inline-block; overflow: hidden; text-align: center; } .icon-snapchat:before { font-size: 24px; font-family: icons-min; content: "\e62a"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-snapchat:before:hover { text-decoration: none; } .icon-snapchat:after { content: ""; margin-right: 0; margin-left: 0; } .icon-snapchat:before, .icon-snapchat:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-snapchat:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-flickr { display: inline-block; overflow: hidden; text-align: center; } .icon-flickr:before { font-size: 24px; font-family: icons-min; content: "\f16e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-flickr:before:hover { text-decoration: none; } .icon-flickr:after { content: ""; margin-right: 0; margin-left: 0; } .icon-flickr:before, .icon-flickr:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-flickr:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-instagram { display: inline-block; overflow: hidden; text-align: center; } .icon-instagram:before { font-size: 24px; font-family: icons-min; content: "\e61f"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-instagram:before:hover { text-decoration: none; } .icon-instagram:after { content: ""; margin-right: 0; margin-left: 0; } .icon-instagram:before, .icon-instagram:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-instagram:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-telegram { display: inline-block; overflow: hidden; text-align: center; } .icon-telegram:before { font-size: 24px; font-family: icons-min; content: "\e906"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-telegram:before:hover { text-decoration: none; } .icon-telegram:after { content: ""; margin-right: 0; margin-left: 0; } .icon-telegram:before, .icon-telegram:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-telegram:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-respuestas:before { font-size: 24px; font-family: icons-min; content: "\e60c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-respuestas:before:hover { text-decoration: none; } .section-respuestas:after { content: ""; margin-right: 0; margin-left: 0; } .section-tv:before { font-size: 24px; font-family: icons-min; content: "\e621"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-tv:before:hover { text-decoration: none; } .section-tv:after { content: ""; margin-right: 0; margin-left: 0; } .section-lomejor:before { font-size: 24px; font-family: icons-min; content: "\e610"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-lomejor:before:hover { text-decoration: none; } .section-lomejor:after { content: ""; margin-right: 0; margin-left: 0; } .section-galleries:before { font-size: 24px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-galleries:before:hover { text-decoration: none; } .section-galleries:after { content: ""; margin-right: 0; margin-left: 0; } .section-staff:before { font-size: 24px; font-family: icons-min; content: "\e629"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-staff:before:hover { text-decoration: none; } .section-staff:after { content: ""; margin-right: 0; margin-left: 0; } .section-contact:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-contact:before:hover { text-decoration: none; } .section-contact:after { content: ""; margin-right: 0; margin-left: 0; } .section-login:before { font-size: 24px; font-family: icons-min; content: "\e60f"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-login:before:hover { text-decoration: none; } .section-login:after { content: ""; margin-right: 0; margin-left: 0; } .section-settings:before { font-size: 24px; font-family: icons-min; content: "\e608"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-settings:before:hover { text-decoration: none; } .section-settings:after { content: ""; margin-right: 0; margin-left: 0; } .section-logout:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-logout:before:hover { text-decoration: none; } .section-logout:after { content: ""; margin-right: 0; margin-left: 0; } .head-new-item:before { content: "»"; position: absolute; left: 16px; top: 12px; font-weight: normal; } @media only screen and (min-width: 768px) { .head-new-item:before { top: 14px; left: 24px; } } .head-new-item.m-crosspost:before { font-size: 16px; font-family: icons-min; content: "\f079"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-new-item.m-crosspost:before:hover { text-decoration: none; } .head-new-item.m-crosspost:after { content: ""; margin-right: 0; margin-left: 0; } .head-new-item.m-republish:before { font-size: 16px; font-family: icons-min; content: "\f01e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-new-item.m-republish:before:hover { text-decoration: none; } .head-new-item.m-republish:after { content: ""; margin-right: 0; margin-left: 0; } .head-new-item.m-video:before { font-size: 16px; font-family: icons-min; content: "\e613"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-new-item.m-video:before:hover { text-decoration: none; } .head-new-item.m-video:after { content: ""; margin-right: 0; margin-left: 0; } .head-new-item.m-special:before { font-size: 16px; font-family: icons-min; content: "\e610"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-new-item.m-special:before:hover { text-decoration: none; } .head-new-item.m-special:after { content: ""; margin-right: 0; margin-left: 0; } .head-new-item.m-crosspost:before, .head-new-item.m-republish:before, .head-new-item.m-video:before, .head-new-item.m-special:before { margin-left: -6px; } .icon-unread { font-size: 13px; font-family: icons-min; content: "\e600"; font-style: normal; font-weight: normal; vertical-align: top; } .icon-unread:hover { text-decoration: none; } .head-link-explore-label:after { font-size: 16px; font-family: icons-min; content: "\f074"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .head-link-explore-label:after:hover { text-decoration: none; } .head-link-explore-label:before { content: ""; margin-right: 0; margin-left: 0; } .head-link-explore-label:after { margin-left: 12px; } .tweet-this:after { font-size: 24px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .tweet-this:after:hover { text-decoration: none; } .tweet-this:before { content: ""; margin-right: 0; margin-left: 0; } /* Icons - livestreaming */ .tweet-text-link:after { font-size: 24px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .tweet-text-link:after:hover { text-decoration: none; } .tweet-text-link:before { content: ""; margin-right: 0; margin-left: 0; } .icon-linkedin { display: inline-block; overflow: hidden; text-align: center; } .icon-linkedin:before { font-size: 24px; font-family: icons-min; content: "\e61d"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-linkedin:before:hover { text-decoration: none; } .icon-linkedin:after { content: ""; margin-right: 0; margin-left: 0; } .icon-linkedin:before, .icon-linkedin:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-linkedin:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .icon-flipboard { display: inline-block; overflow: hidden; text-align: center; } .icon-flipboard:before { font-size: 24px; font-family: icons-min; content: "\e908"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .icon-flipboard:before:hover { text-decoration: none; } .icon-flipboard:after { content: ""; margin-right: 0; margin-left: 0; } .icon-flipboard:before, .icon-flipboard:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .icon-flipboard:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } /* * Buttons */ .u-btn-wrap { height: auto; white-space: normal; line-height: 20px; font-size: 13px; padding: 4px 12px; font-weight: 400; } @media only screen and (min-width: 768px) { .u-btn-wrap { height: 28px; line-height: 28px; padding: 0 12px; } } .btn-primary, .btn-secondary, .btn-working, .btn-disabled, .btn-mini, .btn-giant, .btn-facebook, .btn-twitter, .btn-gplus, .btn-whatsapp, .btn-snapchat, .btn-flickr, .btn-email, .btn { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-primary:hover, .btn-secondary:hover, .btn-working:hover, .btn-disabled:hover, .btn-mini:hover, .btn-giant:hover, .btn-facebook:hover, .btn-twitter:hover, .btn-gplus:hover, .btn-whatsapp:hover, .btn-snapchat:hover, .btn-flickr:hover, .btn-email:hover, .btn:hover { text-decoration: none; } .btn-primary:active, .btn-secondary:active, .btn-working:active, .btn-disabled:active, .btn-mini:active, .btn-giant:active, .btn-facebook:active, .btn-twitter:active, .btn-gplus:active, .btn-whatsapp:active, .btn-snapchat:active, .btn-flickr:active, .btn-email:active, .btn:active, .btn-primary:focus, .btn-secondary:focus, .btn-working:focus, .btn-disabled:focus, .btn-mini:focus, .btn-giant:focus, .btn-facebook:focus, .btn-twitter:focus, .btn-gplus:focus, .btn-whatsapp:focus, .btn-snapchat:focus, .btn-flickr:focus, .btn-email:focus, .btn:focus { padding-top: 1px; } /* Button statuses */ .btn-disabled { opacity: 0.4; box-shadow: none; } .btn-disabled:link, .btn-disabled:visited, .btn-disabled:hover, .btn-disabled:active { cursor: default; box-shadow: none; } .btn-working { background: #fff url("https://img.weblogssl.com/g/xataka4/common/ajax-loader.gif") no-repeat scroll 12px 50%; background-size: 16px auto; color: #999; padding-left: 34px; } .btn-working:link, .btn-working:visited, .btn-working:hover, .btn-working:active { color: #999 !important; background-color: #fff; cursor: default; } /* Button sizes */ .btn-mini { height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .btn-giant { height: 56px; line-height: 56px; padding-left: 32px; padding-right: 32px; border-radius: 56px; font-size: 120%; } .btn-context.is-opened { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-comment-menu.is-opened { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-settings:before { font-size: 20px; font-family: icons-min; content: "\e608"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-settings:before:hover { text-decoration: none; } .btn-settings:after { content: ""; margin-right: 0; margin-left: 0; } .btn-gplus { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-gplus:before { font-size: 24px; font-family: icons-min; content: "\e620"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-gplus:before:hover { text-decoration: none; } .btn-gplus:after { content: ""; margin-right: 0; margin-left: 0; } .btn-gplus:before, .btn-gplus:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-gplus:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-gplus:before, .btn-gplus:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-whatsapp { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-whatsapp:before { font-size: 24px; font-family: icons-min; content: "\e616"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-whatsapp:before:hover { text-decoration: none; } .btn-whatsapp:after { content: ""; margin-right: 0; margin-left: 0; } .btn-whatsapp:before, .btn-whatsapp:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-whatsapp:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-whatsapp:before, .btn-whatsapp:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-email { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-email:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-email:before:hover { text-decoration: none; } .btn-email:after { content: ""; margin-right: 0; margin-left: 0; } .btn-email:before, .btn-email:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-email:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-email:before, .btn-email:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-rss { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-rss:before { font-size: 24px; font-family: icons-min; content: "\e622"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-rss:before:hover { text-decoration: none; } .btn-rss:after { content: ""; margin-right: 0; margin-left: 0; } .btn-rss:before, .btn-rss:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-rss:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-rss:before, .btn-rss:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-snapchat { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-snapchat:before { font-size: 24px; font-family: icons-min; content: "\e62a"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-snapchat:before:hover { text-decoration: none; } .btn-snapchat:after { content: ""; margin-right: 0; margin-left: 0; } .btn-snapchat:before, .btn-snapchat:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-snapchat:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-snapchat:before, .btn-snapchat:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-flickr { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-flickr:before { font-size: 24px; font-family: icons-min; content: "\f16e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-flickr:before:hover { text-decoration: none; } .btn-flickr:after { content: ""; margin-right: 0; margin-left: 0; } .btn-flickr:before, .btn-flickr:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-flickr:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-flickr:before, .btn-flickr:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-telegram { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-telegram:before { font-size: 24px; font-family: icons-min; content: "\e906"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-telegram:before:hover { text-decoration: none; } .btn-telegram:after { content: ""; margin-right: 0; margin-left: 0; } .btn-telegram:before, .btn-telegram:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-telegram:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-telegram:before, .btn-telegram:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-text-facebook { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-text-facebook:hover { background-color: #910000; color: #fff; } .btn-text-facebook:hover { text-decoration: none; } .btn-text-facebook:active, .btn-text-facebook:focus { padding-top: 1px; } .btn-text-facebook:before { font-size: 16px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-text-facebook:before:hover { text-decoration: none; } .btn-text-facebook:after { content: ""; margin-right: 0; margin-left: 0; } .btn-text-twitter { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-text-twitter:hover { background-color: #910000; color: #fff; } .btn-text-twitter:hover { text-decoration: none; } .btn-text-twitter:active, .btn-text-twitter:focus { padding-top: 1px; } .btn-text-twitter:before { font-size: 16px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-text-twitter:before:hover { text-decoration: none; } .btn-text-twitter:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-facebook, .btn-ico-twitter, .btn-ico-gplus { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-ico-facebook:hover, .btn-ico-twitter:hover, .btn-ico-gplus:hover { background-color: #910000; color: #fff; } .btn-ico-facebook:hover, .btn-ico-twitter:hover, .btn-ico-gplus:hover { text-decoration: none; } .btn-ico-facebook:active, .btn-ico-twitter:active, .btn-ico-gplus:active, .btn-ico-facebook:focus, .btn-ico-twitter:focus, .btn-ico-gplus:focus { padding-top: 1px; } .btn-ico-facebook { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-facebook:before { font-size: 24px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-facebook:before:hover { text-decoration: none; } .btn-ico-facebook:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-facebook:before, .btn-ico-facebook:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-ico-facebook:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-facebook:before, .btn-ico-facebook:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-ico-twitter { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-twitter:before { font-size: 24px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-twitter:before:hover { text-decoration: none; } .btn-ico-twitter:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-twitter:before, .btn-ico-twitter:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-ico-twitter:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-twitter:before, .btn-ico-twitter:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-ico-gplus { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-gplus:before { font-size: 24px; font-family: icons-min; content: "\e620"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-gplus:before:hover { text-decoration: none; } .btn-ico-gplus:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-gplus:before, .btn-ico-gplus:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-ico-gplus:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-gplus:before, .btn-ico-gplus:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-ico-snapchat { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-snapchat:before { font-size: 24px; font-family: icons-min; content: "\e62a"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-snapchat:before:hover { text-decoration: none; } .btn-ico-snapchat:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-snapchat:before, .btn-ico-snapchat:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-ico-snapchat:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-snapchat:before, .btn-ico-snapchat:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-ico-flickr { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-flickr:before { font-size: 24px; font-family: icons-min; content: "\f16e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-flickr:before:hover { text-decoration: none; } .btn-ico-flickr:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-flickr:before, .btn-ico-flickr:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-ico-flickr:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-flickr:before, .btn-ico-flickr:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-ico-telegram { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-telegram:before { font-size: 24px; font-family: icons-min; content: "\e906"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-telegram:before:hover { text-decoration: none; } .btn-ico-telegram:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-telegram:before, .btn-ico-telegram:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-ico-telegram:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-telegram:before, .btn-ico-telegram:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-facebook-count { background-color: #4267b2 !important; background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; padding-right: 15.6px; /* height: 28px; line-height: 28px; padding: 0 12px 0 6px; font-size: 13px; width: auto; vertical-align: bottom; &:before { font-size: 14px; margin: 0 2px; line-height: 15px; vertical-align: text-top; } */ } .btn-facebook-count:hover { background-color: #3f62a9 !important; color: #fff; } .btn-facebook-count:hover { background-color: #910000; color: #fff; } .btn-facebook-count:hover { text-decoration: none; } .btn-facebook-count:active, .btn-facebook-count:focus { padding-top: 1px; } .btn-facebook-count:before { font-size: 16px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-facebook-count:before:hover { text-decoration: none; } .btn-facebook-count:after { content: ""; margin-right: 0; margin-left: 0; } .btn-facebook-count:hover { text-decoration: none; } .btn-facebook-count:active, .btn-facebook-count:focus { padding-top: 1px; } .btn-instagram-follow { font-family: "Proxima Nova", Futura, Avenir, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 15px; line-height: 20px; color: #2588E4; padding: 3px 16px; border-radius: 6px; border: 2px solid #2588E4; display: inline-block; cursor: pointer; vertical-align: baseline; white-space: nowrap; } @media only screen and (min-width: 768px) { .btn-instagram-follow { font-size: 16px; } } @media only screen and (min-width: 1150px) { .btn-instagram-follow { font-size: 16px; } } @media only screen and (min-width: 768px) { .btn-instagram-follow { line-height: 21px; } } @media only screen and (min-width: 1150px) { .btn-instagram-follow { line-height: 21px; } } .btn-instagram-follow:hover { text-decoration: none; background: #2588E4; color: #fff; } .btn-instagram-follow:active, .btn-instagram-follow:focus { padding-top: 1px; } .close, .btn-ico-close { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .close:hover, .btn-ico-close:hover { background-color: #f4f4f4; color: #333; } .close:hover, .btn-ico-close:hover { text-decoration: none; } .close:active, .btn-ico-close:active, .close:focus, .btn-ico-close:focus { padding-top: 1px; } .close:before, .btn-ico-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .close:before:hover, .btn-ico-close:before:hover { text-decoration: none; } .close:after, .btn-ico-close:after { content: ""; margin-right: 0; margin-left: 0; } .close:before, .btn-ico-close:before, .close:after, .btn-ico-close:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .close:before, .btn-ico-close:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .close:before, .btn-ico-close:before, .close:after, .btn-ico-close:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .close:before, .btn-ico-close:before { margin-left: 6px; margin-right: 6px; } @media only screen and (min-width: 1280px) { .close, .btn-ico-close { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .close:before, .btn-ico-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .close:before:hover, .btn-ico-close:before:hover { text-decoration: none; } .close:after, .btn-ico-close:after { content: ""; margin-right: 0; margin-left: 0; } .close:before, .btn-ico-close:before, .close:after, .btn-ico-close:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .close:before, .btn-ico-close:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .close:before, .btn-ico-close:before, .close:after, .btn-ico-close:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } } .close-corner { float: right; margin: 12px 16px 12px; } @media only screen and (min-width: 768px) { .close-corner { margin-top: 7px; margin-bottom: 7px; } } .close-fixed { position: fixed; top: 12px; right: 16px; } @media only screen and (min-width: 768px) { .close-fixed { top: 28px; right: 24px; } } .close-edge { margin: 4px; } @media only screen and (min-width: 768px) { .close-edge { margin: 4px; } } .close-sticky { margin: 4px; position: absolute; top: 0; right: 0; } @media only screen and (min-width: 768px) { .close-sticky { margin: 4px; } } .btn-delete { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; background-color: #E03737; } .btn-delete:hover { background-color: #910000; color: #fff; } .btn-delete:hover { text-decoration: none; } .btn-delete:active, .btn-delete:focus { padding-top: 1px; } .btn-delete:before { font-size: 16px; font-family: icons-min; content: "\e9ac"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-delete:before:hover { text-decoration: none; } .btn-delete:after { content: ""; margin-right: 0; margin-left: 0; } .btn-edit { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; background-color: #72ac26; } .btn-edit:hover { background-color: #910000; color: #fff; } .btn-edit:hover { text-decoration: none; } .btn-edit:active, .btn-edit:focus { padding-top: 1px; } .btn-edit:before { font-size: 16px; font-family: icons-min; content: "\e907"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-edit:before:hover { text-decoration: none; } .btn-edit:after { content: ""; margin-right: 0; margin-left: 0; } .btn-load { background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 56px; line-height: 56px; padding-left: 32px; padding-right: 32px; border-radius: 56px; font-size: 120%; } .btn-load:hover { background-color: #c93d3d; color: #fff; } .btn-load:hover { text-decoration: none; } .btn-load:active, .btn-load:focus { padding-top: 1px; } .btn-load:hover { text-decoration: none; } .btn-load:active, .btn-load:focus { padding-top: 1px; } .m-btn-light { background-color: #fff; color: #333; } .m-btn-light:hover { background-color: #ececec; color: #111; } .btn-remove { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; background-color: #fff; color: #333; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-remove:hover { background-color: #f4f4f4; color: #333; } .btn-remove:hover { text-decoration: none; } .btn-remove:active, .btn-remove:focus { padding-top: 1px; } .btn-remove:hover { background-color: #ececec; color: #111; } .btn-remove:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-remove:before:hover { text-decoration: none; } .btn-remove:after { content: ""; margin-right: 0; margin-left: 0; } .btn-remove:before, .btn-remove:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-remove:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-remove:before, .btn-remove:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-attach-gif { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; margin-right: 16px; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-attach-gif:hover { background-color: #f4f4f4; color: #333; } .btn-attach-gif:hover { text-decoration: none; } .btn-attach-gif:active, .btn-attach-gif:focus { padding-top: 1px; } .btn-attach-gif:before { font-size: 24px; font-family: icons-min; content: "\e909"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-attach-gif:before:hover { text-decoration: none; } .btn-attach-gif:after { content: ""; margin-right: 0; margin-left: 0; } .btn-attach-gif:before, .btn-attach-gif:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .btn-attach-gif:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-attach-gif:before, .btn-attach-gif:after { line-height: 28.8px; margin: 0 5px; vertical-align: middle; } .btn-attach-sticker { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; margin-right: 16px; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-attach-sticker:hover { background-color: #f4f4f4; color: #333; } .btn-attach-sticker:hover { text-decoration: none; } .btn-attach-sticker:active, .btn-attach-sticker:focus { padding-top: 1px; } .btn-attach-sticker:before { font-size: 24px; font-family: icons-min; content: "\e9e1"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-attach-sticker:before:hover { text-decoration: none; } .btn-attach-sticker:after { content: ""; margin-right: 0; margin-left: 0; } .btn-attach-sticker:before, .btn-attach-sticker:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-attach-sticker:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-attach-sticker:before, .btn-attach-sticker:after { line-height: 14.4px; margin: 0 13px; vertical-align: middle; } .btn-add-attachment { background-color: #fff; color: #333; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; border: 0; } .btn-add-attachment:hover { background-color: #ececec; color: #111; } .btn-add-attachment:before { font-size: 24px; font-family: icons-min; content: "\e602"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-add-attachment:before:hover { text-decoration: none; } .btn-add-attachment:after { content: ""; margin-right: 0; margin-left: 0; } .btn-add-attachment:before, .btn-add-attachment:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-add-attachment:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-add-attachment:before, .btn-add-attachment:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .is-working { background: #fff url("//img.weblogssl.com/g/xataka4/common/ajax-loader.gif") no-repeat scroll 12px 50%; background-repeat: no-repeat; background-size: 16px auto; text-indent: 24px; color: #777; } .is-working:before, .is-working:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } .is-working:hover { background-color: #fff; } .btn-ico-expand, .btn-ico-collapse { background-color: #900; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; border-radius: 50%; background-color: #222; color: #fff; } .btn-ico-expand:hover, .btn-ico-collapse:hover { background-color: #910000; color: #fff; } .btn-ico-expand:hover, .btn-ico-collapse:hover { text-decoration: none; } .btn-ico-expand:active, .btn-ico-collapse:active, .btn-ico-expand:focus, .btn-ico-collapse:focus { padding-top: 1px; } .btn-ico-expand { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-expand:before { font-size: 24px; font-family: icons-min; content: "\e602"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-expand:before:hover { text-decoration: none; } .btn-ico-expand:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-expand:before, .btn-ico-expand:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-ico-expand:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-expand:before, .btn-ico-expand:after { line-height: 21.6px; margin: 0 2px; vertical-align: middle; } .btn-ico-collapse { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-ico-collapse:before { font-size: 24px; font-family: icons-min; content: "-"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-ico-collapse:before:hover { text-decoration: none; } .btn-ico-collapse:after { content: ""; margin-right: 0; margin-left: 0; } .btn-ico-collapse:before, .btn-ico-collapse:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-ico-collapse:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-ico-collapse:before, .btn-ico-collapse:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-ico-collapse::before, .btn-ico-collapse::after { content: ""; height: 2px; width: 15px; background: #fff; } .btn-modal-close { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; background-color: #fff; color: #333; } .btn-modal-close:hover { background-color: #f4f4f4; color: #333; } .btn-modal-close:hover { text-decoration: none; } .btn-modal-close:active, .btn-modal-close:focus { padding-top: 1px; } .btn-modal-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-modal-close:before:hover { text-decoration: none; } .btn-modal-close:after { content: ""; margin-right: 0; margin-left: 0; } .btn-modal-close:before, .btn-modal-close:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-modal-close:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-modal-close:before, .btn-modal-close:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-modal-close:before { margin-left: 6px; margin-right: 6px; } @media only screen and (min-width: 1280px) { .btn-modal-close { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-modal-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-modal-close:before:hover { text-decoration: none; } .btn-modal-close:after { content: ""; margin-right: 0; margin-left: 0; } .btn-modal-close:before, .btn-modal-close:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-modal-close:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-modal-close:before, .btn-modal-close:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } } .btn-modal-close:hover { background-color: #ececec; color: #111; } .btn-action-delete { background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-action-delete:hover { background-color: #c93d3d; color: #fff; } .btn-action-delete:hover { text-decoration: none; } .btn-action-delete:active, .btn-action-delete:focus { padding-top: 1px; } .btn-action-delete:before { font-size: 16px; font-family: icons-min; content: "\e9ac"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-action-delete:before:hover { text-decoration: none; } .btn-action-delete:after { content: ""; margin-right: 0; margin-left: 0; } .u-btn-mini, .m-btn-mini { height: 28px; line-height: 28px; } .u-btn-circle-small { width: 24px; height: 24px; line-height: 20px; background: #fbfbfb; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); border-radius: 100%; } /* * Forms */ .hint { font-size: 13px; line-height: 16px; color: #777; margin-left: 0.5em; } @media only screen and (min-width: 768px) { .hint { font-size: 13px; } } @media only screen and (min-width: 1150px) { .hint { font-size: 13px; } } @media only screen and (min-width: 768px) { .hint { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .hint { line-height: 16.8px; } } .hint-error { color: #c00; } input, textarea, keygen, select, button { font-size: 15px; line-height: 20px; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { input, textarea, keygen, select, button { font-size: 16px; } } @media only screen and (min-width: 1150px) { input, textarea, keygen, select, button { font-size: 16px; } } @media only screen and (min-width: 768px) { input, textarea, keygen, select, button { line-height: 21px; } } @media only screen and (min-width: 1150px) { input, textarea, keygen, select, button { line-height: 21px; } } input, select, textarea, .input-create { background: #fff; color: #777; border-radius: 2px; display: inline-block; font-size: 16px; height: 36.4px; line-height: 42px; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; border: none; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border: 1px solid #eee; vertical-align: baseline; text-indent: 6px; } input:focus, select:focus, textarea:focus, .input-create:focus, input:active, select:active, textarea:active, .input-create:active { color: #333; border-color: rgba(119, 119, 119, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .input-disabled { opacity: 0.4; cursor: default; } .input-error { border-color: #c00; color: #c00; box-shadow: 0 2px 0 1px #c00; } input[type=checkbox], input[type=radio] { height: auto; line-height: 28px; margin: 0 0.5em 0 0; vertical-align: middle; } textarea { height: auto; line-height: 21px; text-indent: 0; } select { padding-top: 8px; text-indent: 8px; } label { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { label { font-size: 16px; } } @media only screen and (min-width: 1150px) { label { font-size: 16px; } } @media only screen and (min-width: 768px) { label { line-height: 21px; } } @media only screen and (min-width: 1150px) { label { line-height: 21px; } } .label-block { display: block; margin: 28px 0; } .label-block input, .label-block select, .label-block textarea { display: block; width: 99%; margin: 7px 0; } .label-block input[type=checkbox], .label-block input[type=radio] { display: inline; width: auto; } .label-in-row { display: inline-block; margin: 28px 32px 28px 0; vertical-align: top; } .label-in-row input, .label-in-row select, .label-in-row textarea { display: block; margin: 7px 0; } .label-in-row input[type=checkbox], .label-in-row input[type=radio] { display: inline; } .help-msg { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .help-msg { font-size: 16px; } } @media only screen and (min-width: 1150px) { .help-msg { font-size: 16px; } } @media only screen and (min-width: 768px) { .help-msg { line-height: 21px; } } @media only screen and (min-width: 1150px) { .help-msg { line-height: 21px; } } .form-submit-alt { float: right; line-height: 42px; } .alert, .alert-success, .alert-error, .alert-info { padding: 12px 16px; margin: 24px 0; background-color: #FFF6CF; border: 1px solid #ffe9c0; border-radius: 4px; color: #6F4E14; font-size: 15px; line-height: 20px; text-align: left; position: relative; } @media only screen and (min-width: 768px) { .alert, .alert-success, .alert-error, .alert-info { font-size: 16px; } } @media only screen and (min-width: 1150px) { .alert, .alert-success, .alert-error, .alert-info { font-size: 16px; } } @media only screen and (min-width: 768px) { .alert, .alert-success, .alert-error, .alert-info { line-height: 21px; } } @media only screen and (min-width: 1150px) { .alert, .alert-success, .alert-error, .alert-info { line-height: 21px; } } .alert h4, .alert-success h4, .alert-error h4, .alert-info h4 { margin: 0; } .alert a, .alert-success a, .alert-error a, .alert-info a { text-decoration: underline; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-block { margin: 24px 0; padding: 12px 16px; } @media only screen and (min-width: 768px) { .alert-block { margin: 28px 0; padding: 14px 12px; } } .alert-block > p, .alert-block > ul { margin: 0; } .alert-block p + p { margin: 0; } .blob-alert-container { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .blob-alert-container { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .blob-alert-container { margin-left: auto; margin-right: auto; } } .blob .blob-alert { padding-top: 1px; padding-bottom: 1px; overflow: hidden; } @media only screen and (min-width: 1024px) { .blob .blob-alert { margin-left: calc((100% - 696px)/2); } } .blob .blob-alert p, .blob .blob-alert ul { margin: 12px 0; } @media only screen and (min-width: 768px) { .blob .blob-alert p, .blob .blob-alert ul { margin: 14px 0; } } @media only screen and (min-width: 1024px) { .blob .blob-alert p, .blob .blob-alert ul { margin: 14px 0; } } @media only screen and (min-width: 1280px) { .custom .blob .blob-alert { max-width: calc(100% - 248px); } } .status, .exito, .aviso, .error, .wsl_error, .informacion { padding: 12px 16px; margin: 24px 0; background-color: #FFF6CF; border: 1px solid #ffe9c0; border-radius: 4px; color: #6F4E14; font-size: 15px; line-height: 20px; text-align: left; position: relative; } @media only screen and (min-width: 768px) { .status, .exito, .aviso, .error, .wsl_error, .informacion { font-size: 16px; } } @media only screen and (min-width: 1150px) { .status, .exito, .aviso, .error, .wsl_error, .informacion { font-size: 16px; } } @media only screen and (min-width: 768px) { .status, .exito, .aviso, .error, .wsl_error, .informacion { line-height: 21px; } } @media only screen and (min-width: 1150px) { .status, .exito, .aviso, .error, .wsl_error, .informacion { line-height: 21px; } } .exito { padding: 12px 16px; margin: 24px 0; background-color: #FFF6CF; border: 1px solid #ffe9c0; border-radius: 4px; color: #6F4E14; font-size: 15px; line-height: 20px; text-align: left; position: relative; background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } @media only screen and (min-width: 768px) { .exito { font-size: 16px; } } @media only screen and (min-width: 1150px) { .exito { font-size: 16px; } } @media only screen and (min-width: 768px) { .exito { line-height: 21px; } } @media only screen and (min-width: 1150px) { .exito { line-height: 21px; } } .error, .wsl_error { padding: 12px 16px; margin: 24px 0; background-color: #FFF6CF; border: 1px solid #ffe9c0; border-radius: 4px; color: #6F4E14; font-size: 15px; line-height: 20px; text-align: left; position: relative; background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } @media only screen and (min-width: 768px) { .error, .wsl_error { font-size: 16px; } } @media only screen and (min-width: 1150px) { .error, .wsl_error { font-size: 16px; } } @media only screen and (min-width: 768px) { .error, .wsl_error { line-height: 21px; } } @media only screen and (min-width: 1150px) { .error, .wsl_error { line-height: 21px; } } .status, .informacion, .mensaje { padding: 12px 16px; margin: 24px 0; background-color: #FFF6CF; border: 1px solid #ffe9c0; border-radius: 4px; color: #6F4E14; font-size: 15px; line-height: 20px; text-align: left; position: relative; background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } @media only screen and (min-width: 768px) { .status, .informacion, .mensaje { font-size: 16px; } } @media only screen and (min-width: 1150px) { .status, .informacion, .mensaje { font-size: 16px; } } @media only screen and (min-width: 768px) { .status, .informacion, .mensaje { line-height: 21px; } } @media only screen and (min-width: 1150px) { .status, .informacion, .mensaje { line-height: 21px; } } input.error, select.error, textarea.error, input.Error, select.Error, textarea.Error, input.wsl_error, .textarea.wsl_error, select.wsl_error, .errorbox { border: 2px solid #eed3d7; } .mleft span.error, .mleft span.wsl_error { display: inline-block !important; margin: 7px 0 !important; } body { width: 100%; } hr { margin-left: 16px; margin-right: 16px; height: 0; border: 0; border-top: 1px solid #ddd; } @media only screen and (min-width: 768px) { hr { max-width: 696px; margin: 24px auto; } } .page-container { overflow: hidden; margin: 0 auto; text-align: center; } .content-container { text-align: left; } .home-content, .static-content { margin: 0 16px; overflow: hidden; } @media only screen and (min-width: 480px) { .home-content, .static-content { margin-left: 4px; margin-right: 4px; } } @media only screen and (min-width: 768px) { .home-content, .static-content { margin-left: 24px; margin-right: 24px; padding-top: 56px; } } @media only screen and (min-width: 1150px) { .home-content, .static-content { max-width: 1044px; margin-left: auto; margin-right: auto; } } .page-nav { text-align: center; margin: 24px 0; } @media only screen and (min-width: 768px) { .page-nav { margin: 28px 0; } } @media only screen and (min-width: 1024px) { .page-nav { margin: 28px 0; } } .page-nav li { display: inline; } .loader { text-align: center; padding: 24px 0; box-sizing: border-box; background: #fff; } .m-separator { margin-top: 0; } @media only screen and (min-width: 768px) { .m-separator { margin-top: 48px; } } .u-list-stack { white-space: normal; list-style: none; } .u-list-stack-item { display: block; } .u-list-stack-item-loose { display: block; } .u-list-inline, .u-list-inline-hidden, .u-list-inline-item, .u-list-inline-item-cozy, .u-list-inline-item-loose { margin: 0; padding: 0; display: inline-block; } @media only screen and (min-width: 768px) { .u-list-inline, .u-list-inline-hidden, .u-list-inline-item, .u-list-inline-item-cozy, .u-list-inline-item-loose { margin: 0; } } @media only screen and (min-width: 1024px) { .u-list-inline, .u-list-inline-hidden, .u-list-inline-item, .u-list-inline-item-cozy, .u-list-inline-item-loose { margin: 0; } } .u-list-inline a, .u-list-inline-hidden a, .u-list-inline-item a, .u-list-inline-item-cozy a, .u-list-inline-item-loose a { display: inline-block; } .u-list-inline-item-cozy { margin: 12px 16px 6px 0; } .u-list-inline-item-cozy:last-child { margin-right: 0; } @media only screen and (min-width: 768px) { .u-list-inline-item-cozy { margin: 14px 24px 14px 0; } .u-list-inline-item-cozy:last-child { margin-right: 0; } } @media only screen and (min-width: 1024px) { .u-list-inline-item-cozy { margin-top: 14px; margin-bottom: 14px; } } .u-list-inline-item-loose { margin: 12px 0 6px 16px; } .u-list-inline-item-loose:last-child { margin-right: 16px; } @media only screen and (min-width: 768px) { .u-list-inline-item-loose { margin: 14px 0 14px 24px; } .u-list-inline-item-loose:last-child { margin-right: 24px; } } @media only screen and (min-width: 1024px) { .u-list-inline-item-loose { margin-top: 14px; margin-bottom: 14px; } } .u-list-inline-hidden { white-space: nowrap; width: 100%; overflow: hidden; } .u-list-inline-scroll { white-space: nowrap; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 0; } .u-list-inline-scroll:after { content: "Desliza para ver más »"; font-weight: 400; font-style: italic; color: #777; text-transform: none; font-size: 15px; color: #888; line-height: 20px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .u-list-inline-scroll:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .u-list-inline-scroll:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .u-list-inline-scroll:after { line-height: 21px; } } @media only screen and (min-width: 1150px) { .u-list-inline-scroll:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .u-list-inline-scroll:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .u-list-inline-scroll:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .u-list-inline-scroll:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .u-list-inline-scroll:after { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-list-inline-scroll:after { font-size: 13px; } } @media only screen and (min-width: 768px) { .u-list-inline-scroll:after { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .u-list-inline-scroll:after { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .u-list-inline-scroll:after { content: ""; margin: 0; padding: 0; border: none; } } .u-list-inline-scroll:after { display: block; margin-left: 16px; margin-bottom: 12px; } .u-list-inline-scroll-item { display: inline-block; white-space: normal; } .u-list-inline-scroll-item-loose { display: inline-block; vertical-align: top; white-space: normal; margin: 12px 0 6px 16px; } .u-list-inline-scroll-item-loose:last-child { margin-right: 16px; } @media only screen and (min-width: 768px) { .u-list-inline-scroll-item-loose { margin: 14px 0 14px 24px; } .u-list-inline-scroll-item-loose:last-child { margin-right: 24px; } } @media only screen and (min-width: 1024px) { .u-list-inline-scroll-item-loose { margin: 14px 0 14px 24px; } } .u-list-flex { margin: 0 auto; display: inline-block; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-item: flex-start; } @media only screen and (min-width: 768px) { .u-list-flex { margin: 0 auto; } } .u-list-flex-item { margin: 0; display: inline-block; flex-grow: 1; flex-shrink: 0; } @media only screen and (min-width: 768px) { .u-list-flex-item { margin: 0 24px; } } .u-list-flex-item a { display: inline-block; } @media only screen and (min-width: 768px) { .u-list-flex-switch { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; } } @media only screen and (min-width: 768px) { .u-list-flex-switch-item { display: inline-block; flex-grow: 1; flex-shrink: 0; flex-basis: 0; } } .u-layout-reset { margin: 0; } @media only screen and (min-width: 768px) { .u-layout-reset { margin: 0; width: auto; max-width: auto; } } @media only screen and (min-width: 1024px) { .u-layout-reset { margin: 0; max-width: auto; } } @media only screen and (min-width: 1600px) { .u-layout-reset { max-width: auto; } } .u-layout-reset-h { margin-left: 0; margin-right: 0; } @media only screen and (min-width: 768px) { .u-layout-reset-h { margin-left: 0; margin-right: 0; width: auto; max-width: auto; } } @media only screen and (min-width: 1024px) { .u-layout-reset-h { margin-left: 0; margin-right: 0; max-width: auto; } } @media only screen and (min-width: 1600px) { .u-layout-reset-h { max-width: auto; } } .u-layout-half-line, .layout-half-line { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .u-layout-half-line, .layout-half-line { width: 372px; margin-left: auto; margin-right: auto; } } .u-layout-full-line, .layout-full-line { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .u-layout-full-line, .layout-full-line { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .u-layout-full-line, .layout-full-line { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .u-layout-full-line-container, .layout-full-line-container { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .u-layout-full-line-container, .layout-full-line-container { max-width: 696px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .u-layout-medium-line, .layout-medium-line { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .u-layout-medium-line, .layout-medium-line { max-width: 1248px; } } .u-layout-full-big-line { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .u-layout-full-big-line { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .u-layout-full-big-line { max-width: 100%; margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1150px) { .u-layout-full-big-line { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .u-layout-full-big-line { max-width: 1368px; } } @media only screen and (min-width: 768px) { .u-layout-big-line, .layout-big-line { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .u-layout-big-line, .layout-big-line { max-width: 1368px; } } .u-layout-giant-line, .layout-giant-line { margin-left: auto; margin-right: auto; max-width: 1920px; } .u-layout-cozy-big-line { margin-left: 16px; margin-right: 16px; overflow: hidden; } @media only screen and (min-width: 768px) { .u-layout-cozy-big-line { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .u-layout-cozy-big-line { max-width: 1044px; margin-left: auto; margin-right: auto; } } .u-layout-edge-edge, .layout-edge-edge { margin: 0; max-width: 100%; } @media only screen and (min-width: 768px) { .u-layout-cozy-edge-line { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .u-layout-cozy-edge-line { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .u-layout-cozy-edge-line { margin-left: auto; margin-right: auto; max-width: 1368px; } } .u-layout-cozy-edge-edge { margin-left: 16px; margin-right: 16px; max-width: 100%; } @media only screen and (min-width: 768px) { .u-layout-cozy-edge-edge { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .u-layout-cozy-edge-edge { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1280px) { .u-layout-cozy-edge-edge { margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .u-layout-flex-line { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .u-layout-flex-line { max-width: 1368px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { .u-layout-flex-content { float: left; width: calc(100% - 348px); } } @media only screen and (min-width: 768px) { .u-layout-flex-aside { width: 300px; margin-left: 48px; margin-right: 24px; margin-bottom: 28px; float: right; clear: right; } } @media only screen and (min-width: 1024px) { .u-layout-flex-aside { margin-right: 0; } } @media only screen and (min-width: 768px) { .u-layout-flex-aside-left { float: left; clear: left; } } @media only screen and (min-width: 1024px) { .u-layout-flex-aside-left { margin-left: 0; } } @media only screen and (min-width: 1440px) { .u-layout-flex-aside-left { margin-right: 48px; } } @media only screen and (min-width: 768px) { .u-layout-flex-aside-right { float: right; clear: right; } } @media only screen and (min-width: 1024px) { .u-layout-flex-aside-right { margin-right: 0; } } @media only screen and (min-width: 1440px) { .u-layout-flex-aside-right { margin-left: 48px; } } .u-layout-flex-content-safe { overflow: hidden; } @media only screen and (min-width: 1024px) { .u-layout-flex-content-safe { margin-left: calc((100% - 696px)/2); } } @media only screen and (min-width: 1024px) { .u-layout-flex-content-safe-large { margin-left: auto; } } .u-layout-flex-content-safe-fixed { overflow: hidden; } @media only screen and (min-width: 1024px) { .u-layout-flex-content-safe-fixed { margin-left: calc((100% - 696px)/2); margin-right: calc((100% - 696px)/2); } } @media only screen and (min-width: 1024px) { .u-layout-flex-content-safe-fixed-large { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 480px) { .u-layout-two-columns-item { max-width: 46%; margin-left: 1%; display: inline-block; vertical-align: top; } } @media only screen and (min-width: 768px) { .u-layout-two-columns-item { max-width: 47%; margin-left: 1.5%; } } @media only screen and (min-width: 1024px) { .u-layout-two-columns-item { float: none; clear: none; max-width: 100%; margin-left: 0; } } .u-hint-horizontal-scroll-remove:before, .u-hint-horizontal-scroll-remove:after { content: ""; margin: 0; padding: 0; border: none; } .u-list-flex-inline { margin: 0 auto; display: inline-block; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-item: flex-start; } @media only screen and (min-width: 768px) { .u-list-flex-inline { margin: 0 auto; } } .u-size-billboard { margin: 0 16px; } @media only screen and (min-width: 768px) { .u-size-billboard { margin: 0 24px; } } @media only screen and (min-width: 1024px) { .u-size-billboard { max-width: 1000px; margin: 0 48px; } } @media only screen and (min-width: 1150px) { .u-size-billboard { margin: 0 auto; } } .u-scroll-smooth { overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; white-space: nowrap; } .u-asset-min { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .u-asset-min { max-width: 324px; margin-left: auto; margin-right: auto; } } .u-asset-half-line { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .u-asset-half-line { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1280px) { .u-asset-half-line { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1440px) { .u-asset-half-line { max-width: 1368px; } } .u-asset-half-line .asset-content { max-width: 372px; margin: 0 auto; } @media only screen and (min-width: 1024px) { .u-asset-half-line .asset-content { min-width: 372px; } } .u-asset-full-line { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .u-asset-full-line { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .u-asset-full-line { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1280px) { .u-asset-big-line { max-width: 1044px; margin: 0 auto; } } @media only screen and (min-width: 1600px) { .u-asset-big-line { max-width: 1368px; } } .u-asset-big-line-margin { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .u-asset-big-line-margin { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1280px) { .u-asset-big-line-margin { max-width: 1044px; margin: 0 auto; } } @media only screen and (min-width: 1600px) { .u-asset-big-line-margin { max-width: 1368px; } } .article-asset-min { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .article-asset-min { max-width: 324px; margin-left: auto; margin-right: auto; } } .article-asset-small { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .article-asset-small { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1280px) { .article-asset-small { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1440px) { .article-asset-small { max-width: 1368px; } } .article-asset-small .asset-content { max-width: 372px; margin: 0 auto; } @media only screen and (min-width: 1024px) { .article-asset-small .asset-content { min-width: 372px; } } .article-asset-small .asset-content { overflow: visible; } .article-asset-normal { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .article-asset-normal { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .article-asset-normal { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1280px) { .article-asset-big, .article-asset-large { max-width: 1044px; margin: 0 auto; } } @media only screen and (min-width: 1600px) { .article-asset-big, .article-asset-large { max-width: 1368px; } } .article-asset-cover img, .article-asset-cover iframe, .article-asset-cover object { display: block; width: 100%; height: auto; } @media only screen and (min-width: 768px) { .article-asset-left { float: left; margin-right: 48px; } } @media only screen and (min-width: 768px) { .article-asset-right { float: right; margin-left: 48px; } } .article-asset-left.article-asset-image { /* img { width: @base-col; float: left; margin-right: @base-gutter*2; } */ } .article-asset-right.article-asset-image { /* img { width: @base-col; float: right; margin-left: @base-gutter*2; } */ } .article-asset-image.article-asset-small .asset-content, .article-asset-summary.article-asset-small .asset-content { max-width: 100%; overflow: visible; } @media only screen and (min-width: 768px) { .article-asset-summary.article-asset-small .sumario_izquierda, .article-asset-summary.article-asset-small .izquierda, .article-asset-summary.article-asset-small .izquierda_sinmarco { width: 372px; float: left; margin-right: 48px; } } @media only screen and (min-width: 768px) { .article-asset-summary.article-asset-small .sumario_derecha, .article-asset-summary.article-asset-small .derecha, .article-asset-summary.article-asset-small .derecha_sinmarco { width: 372px; float: right; margin-left: 48px; } } @media only screen and (min-width: 768px) { .article-asset-image.article-asset-small .izquierda, .article-asset-image.article-asset-small .izquierda_sinmarco { max-width: 372px; float: left; margin-right: 48px; } } @media only screen and (min-width: 768px) { .article-asset-image.article-asset-small .derecha, .article-asset-image.article-asset-small .derecha_sinmarco { max-width: 372px; float: right; margin-left: 48px; } } @media only screen and (min-width: 768px) { .article-asset-rich-content.article-asset-small .izquierda, .article-asset-rich-content.article-asset-small .izquierda_sinmarco { max-width: 372px; float: left; margin-right: 48px; } } @media only screen and (min-width: 768px) { .article-asset-rich-content.article-asset-small .derecha, .article-asset-rich-content.article-asset-small .derecha_sinmarco { max-width: 372px; float: right; margin-left: 48px; } } .article-asset-image { text-align: center; } .article-asset-image img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto 0; } @media only screen and (min-width: 1024px) { .article-asset-image img { margin-bottom: 24px; } } .article-asset-image .asset-content { overflow: hidden; } .article-asset-image.article-asset-small img, .article-asset-image.article-asset-small img.centro_sinmarco, .article-asset-image.article-asset-small img.derecha_sinmarco, .article-asset-image.article-asset-small img.izquierda_sinmarco { width: auto; } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 768px) { .article-asset-image.article-asset-small img, .article-asset-image.article-asset-small img.centro, .article-asset-image.article-asset-small img.centro_sinmarco { max-width: 372px; } } .article-asset-video { overflow: hidden; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .article-asset-video { margin-bottom: 28px; } } @media only screen and (min-width: 1280px) { .article-asset-video { clear: left; } } .article-asset-video.article-asset-normal { overflow: hidden; } @media only screen and (min-width: 1024px) { .article-asset-video.article-asset-normal { margin-left: calc((100% - 696px)/2); } } .article-asset-video .asset-content { float: left; width: 100%; } .article-asset-video .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 56.25% 0 0 0; overflow: hidden; } .article-asset-video .base-asset-video embed, .article-asset-video .base-asset-video iframe, .article-asset-video .base-asset-video object, .article-asset-video .base-asset-video video, .article-asset-video .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .article-asset-embed-giphy .article-asset-video .asset-content { float: none; } .article-asset-instagram { overflow: hidden; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .article-asset-instagram { margin-bottom: 28px; } } @media only screen and (min-width: 1280px) { .article-asset-instagram { clear: left; } } .article-asset-instagram.article-asset-normal { overflow: hidden; } @media only screen and (min-width: 1024px) { .article-asset-instagram.article-asset-normal { margin-left: calc((100% - 696px)/2); } } .article-asset-instagram .asset-content { float: left; width: 100%; } .js-video { height: 0; padding-top: 25px; padding-bottom: 56.5%; position: relative; overflow: hidden; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .js-video { margin-bottom: 28px; } } @media only screen and (min-width: 1280px) { .js-video { clear: left; } } .js-video.widescreen { padding-bottom: 57.25%; } .js-video.p4-3 { padding-bottom: 56.25%; } .js-video.vimeo { padding-top: 0; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .article-infographic { max-width: 696px; } .article-infographic img, .article-infographic img.centro, .article-infographic img.centro_sinmarco { margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 768px) { .article-infographic img, .article-infographic img.centro, .article-infographic img.centro_sinmarco { margin-top: 0; margin-bottom: 0; } } /* .head-favicons-container, .head-editorspick-container, .head-corners-container, .ad-top, .ad-second, .related-alts-container, .article-social-share.m-in-featured, .article-featured-category { display: none; @media @tablet { display: block; } } */ .article-asset-fbvideo { overflow: hidden; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .article-asset-fbvideo { margin-bottom: 28px; } } @media only screen and (min-width: 1280px) { .article-asset-fbvideo { clear: left; } } .article-asset-fbvideo.article-asset-normal { overflow: hidden; } @media only screen and (min-width: 1024px) { .article-asset-fbvideo.article-asset-normal { margin-left: calc((100% - 696px)/2); } } .article-asset-fbvideo .asset-content { float: left; width: 100%; } .article-asset-fbvideo .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 56.25% 0 0 0; overflow: hidden; } .article-asset-fbvideo .base-asset-video embed, .article-asset-fbvideo .base-asset-video iframe, .article-asset-fbvideo .base-asset-video object, .article-asset-fbvideo .base-asset-video video, .article-asset-fbvideo .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .article-asset-small.article-asset-center { text-align: center; } .article-asset-small.article-asset-center iframe { width: 100%; } .article-asset-normal.article-asset-center { text-align: center; } .article-asset-rich-content { overflow: hidden; } @media only screen and (min-width: 1024px) { .article-asset-rich-content { margin-left: calc((100% - 696px)/2); } } .article-asset-rich-content iframe { width: 100% !important; } .blob .article-asset-rich-content { margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .article-landing .article-asset-rich-content { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .u-layout-grid-limit-edge { margin: 0 24px; } } @media only screen and (min-width: 1150px) { .u-layout-grid-limit-edge { margin: 0 48px; } } @media only screen and (min-width: 1360px) { .u-layout-grid-limit-edge { margin: 0 auto; max-width: 1280px; } } @media only screen and (min-width: 1600px) { .u-layout-grid-limit-edge { max-width: 1368px; } } .u-layout-grid-limit-margin { max-width: 1280px; } @media only screen and (min-width: 768px) { .u-layout-grid-limit-margin { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .u-layout-grid-limit-margin { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1360px) { .u-layout-grid-limit-margin { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .u-layout-grid-limit-margin { max-width: 1368px; } } /* z-index scale */ .ordinal, .article-featured-title-container, .article-super-title { z-index: 1000; } /* Comment replies caption - for context */ .comment-thread-caption.is-fixed .comment-thread-caption-wrapper, .brand-article-logo.m-featured .brand-article-inner { z-index: 2000; } .context-menu-list { z-index: 2000; } .head, .article-social-share.m-v1, .article-social-share.m-v2, .article-social-share.m-v3, .related-leaving { z-index: 3000; } .article-home-figure .slide-next, .article-home-figure .slide-prev, .head-favicons-container, .favicons-expanded-container { z-index: 4000; } .slideshow, .slideshow .gallery-item-desc h2 span { z-index: 5000; } .slide-next, .slide-prev { z-index: 6000; } .head-menu-container, .nav-login, .nav-register, .video-light-box-overlay, .modal-contact-overlay, .section-modal-overlay.is-block { z-index: 7000; } .video-light-box, .cookies-overlay, .modal-contact { z-index: 8000; } .head.is-visible .head-favicons-index { z-index: 1000; } .head.is-visible { z-index: 4000; } .head.is-visible .head-favicons-index { z-index: 6000; } .event-article-social-share .article-social-share ul { z-index: 1000; } .section-modal-container.is-block { z-index: 99999; } .head-container { height: 72px; } @media only screen and (min-width: 768px) { .head-container { height: 187px; } } @media only screen and (min-width: 1024px) { .head-container { height: 152px; } } .head-container-with-primary, .head-container-with-ad { height: auto; } .head-container-with-primary { height: 112px; } @media only screen and (min-width: 768px) { .head-container-with-primary, .head-container-with-corner { height: 227px; } } @media only screen and (min-width: 1024px) { .head-container-with-primary, .head-container-with-corner { height: 192px; } } .head { height: 72px; line-height: 72px; position: fixed; top: 0; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 1px 0; } @media only screen and (min-width: 768px) { .head { height: auto; } } .head-with-ad { height: auto; padding: 0; } .head-brand { height: 72px; line-height: 72px; padding: 1px 0 0; width: 100%; position: relative; } @media only screen and (min-width: 768px) { .head-brand { height: 147px; } } @media only screen and (min-width: 1024px) { .head-brand { height: 112px; text-align: right; } } .brand { width: 190px; margin: 8px auto; text-align: center; height: 56px; } @media only screen and (min-width: 768px) { .brand { height: 98px; line-height: 98px; margin: 0 auto; width: 300px; } } @media only screen and (min-width: 1024px) { .brand { height: 112px; line-height: 112px; } } .brand .brand-logo { height: 56px; width: 100%; display: inline-block; overflow: hidden; text-indent: -10000px; background: url("images/head-brand-logo.svg?v=129"); background-size: contain; background-repeat: no-repeat; background-position: center center; } @media only screen and (min-width: 768px) { .brand .brand-logo { height: 68.6px; max-height: 68.6px; vertical-align: middle; } } .brand svg { height: 56px; max-width: 99%; width: auto; color: #fff; fill: #fff; } .brand svg .path-alt { color: #fff; } .brand path, .brand rect, .brand polygon { fill: #fff; } .brand path.path-alt, .brand rect.path-alt, .brand polygon.path-alt { color: #fff; } .head.is-init { position: relative; } .head.is-hidden { top: -500px; } .head.is-visible { top: 0; left: 0; } @media only screen and (max-height: 480px) and (orientation: landscape) { .head.is-visible { top: -500px; } } .head.is-visible .head-primary-container { display: none; } @media only screen and (min-width: 768px) { .head.is-visible { top: 40px; } } @media only screen and (min-width: 768px) { .head.is-visible .head-favicons-container { height: 0; overflow: visible; } } @media only screen and (min-width: 768px) { .head.is-visible .head-favicons { position: relative; } } @media only screen and (min-width: 768px) { .head.is-visible .head-favicons-index { position: absolute; top: 0; right: 71px; height: 70px; line-height: 70px; border-right: none; } } .head.is-visible .head-favicons-index a { color: #222; color: #fff; } .head.is-visible .head-favicons-index a:hover, .head.is-visible .head-favicons-index a.is-visible { color: #fff; } @media only screen and (min-width: 1024px) { .head.is-visible .head-favicons-index { right: 0; } } @media only screen and (min-width: 768px) { .head.is-visible .head-brand { height: 70px; overflow: hidden; } } @media only screen and (min-width: 768px) { .head.is-visible .brand { height: 70px; line-height: 70px; } } @media only screen and (min-width: 768px) { .head.is-visible .brand-logo { height: 49px; margin-top: 0; } } @media only screen and (min-width: 768px) { .head.is-visible .head-link { height: 70px; line-height: 63px; padding: 0; width: 70px; } .head.is-visible .head-link:before { margin-bottom: 70px; } } @media only screen and (min-width: 768px) { .head.is-visible .head-link-new:after, .head.is-visible .head-link-new.m-v3:after { top: 1px; right: 20.4px; } } .head.is-visible .head-favicons-list, .head.is-visible .head-group, .head.is-visible .head-editorspick-container, .head.is-visible .head-sponsor-container, .head.is-visible .head-primary-container, .head.is-visible .head-corners-container { display: none; } .temp-favicons .head.is-visible { top: 40px; } .head-nav { margin: 0; } @media only screen and (min-width: 1024px) { .head-nav { position: absolute; top: 0; left: 0; border-left: 1px solid #d42626; height: 112px; overflow: hidden; } } .head-nav li { display: inline; } .head-link { position: absolute; top: 12px; left: 8px; border-radius: 4px; display: block; width: 48px; height: 48px; text-align: center; line-height: 1.1; cursor: pointer; } .head-link:before { margin-top: 3px; } @media only screen and (min-width: 768px) { .head-link { left: 0; top: 0; width: 98px; border-radius: 0; line-height: 24px; padding: 25.2px 0; background: transparent; border: none; margin: 0; border-right: 1px solid #d42626; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; } .head-link:hover { background-color: #cf0d0d; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .head-link { font-size: 13px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .head-link { font-size: 13px; } } @media only screen and (min-width: 1024px) { .head-link { position: static; float: left; width: 112px; height: 112px; line-height: 28px; } } .head-link-sections:before { font-size: 24px; font-family: icons-min; content: "\e609"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-link-sections:before:hover { text-decoration: none; } .head-link-sections:after { content: ""; margin-right: 0; margin-left: 0; } .head-link-sections:before, .head-link-sections:after { display: block; margin-left: auto; margin-right: auto; } .head-link-new { left: auto; right: 8px; } .head-link-new:before { font-size: 24px; font-family: icons-min; content: "\e618"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-link-new:before:hover { text-decoration: none; } .head-link-new:after { content: ""; margin-right: 0; margin-left: 0; } .head-link-new:before, .head-link-new:after { display: block; margin-left: auto; margin-right: auto; } .head-link-new:after { color: #00AADF; font-size: 13px; font-family: icons-min; content: "\e600"; font-style: normal; font-weight: normal; vertical-align: top; position: absolute; top: 6px; right: 9px; } .head-link-new:after:hover { text-decoration: none; } @media only screen and (min-width: 768px) { .head-link-new { left: auto; right: 0; border-left: 1px solid #d42626; } .head-link-new:after { top: 26px; right: 33px; } } @media only screen and (min-width: 1024px) { .head-link-new { position: relative; top: auto; left: auto; right: auto; border-left: none; border-right: 1px solid #d42626; } .head-link-new:after { right: 41px; } } .head-link-search { display: none; } .head-link-search:before { font-size: 24px; font-family: icons-min; content: "\e60a"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-link-search:before:hover { text-decoration: none; } .head-link-search:after { content: ""; margin-right: 0; margin-left: 0; } .head-link-search:before, .head-link-search:after { display: block; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1024px) { .head-link-search { display: block; } } .head-favicons, .head-brand, .head-primary, .head-corners { max-width: 1368px; margin: 0 auto; } .head-favicons-container { height: 0; line-height: 40px; overflow: hidden; background-color: #111; color: #777; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .head-favicons-container { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-favicons-container { font-size: 13px; } } @media only screen and (min-width: 768px) { .head-favicons-container { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .head-favicons-container { line-height: 16.8px; } } .head-favicons-container a { color: #777; } @media only screen and (min-width: 1150px) { .head-favicons-container { overflow: visible; } } @media only screen and (min-width: 768px) { .head-favicons-container { height: 40px; } } .head-favicons-index { float: right; margin-left: 6px; line-height: 40px; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); white-space: nowrap; } .head-favicons-index:after { font-size: 16px; font-family: icons-min; content: "\e624"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .head-favicons-index:after:hover { text-decoration: none; } .head-favicons-index:before { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-index acronym, .head-favicons-index abbr { text-decoration: none; } .head-favicons-list { margin: 0; } .head-favicons-list li { display: inline-block; } .head-favicons-list a { white-space: nowrap; display: inline-block; padding: 0 12px; line-height: 40px; height: 40px; } .head-favicons-list a:hover { background: #333; color: #fff; } @media only screen and (min-width: 768px) { .head-content, .head-editorspick-container { clear: both; border-top: 1px solid #d42626; text-align: left; height: 49px; line-height: 49px; } } @media only screen and (min-width: 1024px) { .head-content, .head-editorspick-container { position: absolute; top: 0; right: 0; height: 112px; line-height: 112px; overflow: hidden; text-align: left; border-top: none; max-width: 340px; } } @media only screen and (min-width: 1280px) { .head-content, .head-editorspick-container { max-width: 360px; } } @media only screen and (min-width: 1600px) { .head-content, .head-editorspick-container { max-width: 400px; } } .head-content iframe, .head-editorspick-container iframe, .head-content #div-gpt-ad-1449133484909-0, .head-editorspick-container #div-gpt-ad-1449133484909-0 { float: right; } @media only screen and (min-width: 1024px) { .head-editorspick-container { border-left: 1px solid #d42626; border-right: 1px solid #d42626; } } @media only screen and (min-width: 768px) { .head-content .head-editorspick-container, .head-sponsor-container { height: 49px; line-height: 49px; overflow: hidden; } } @media only screen and (min-width: 1024px) { .head-content .head-editorspick-container, .head-sponsor-container { position: static; float: right; height: 112px; line-height: 112px; max-width: 340px; border-left: 1px solid #d42626; border-right: 1px solid #d42626; } } @media only screen and (min-width: 1280px) { .head-content .head-editorspick-container, .head-sponsor-container { max-width: 360px; } } @media only screen and (min-width: 1600px) { .head-content .head-editorspick-container, .head-sponsor-container { max-width: 400px; } } .head-content .head-editorspick-container:hover, .head-sponsor-container:hover { background-color: #cf0d0d; } .head-editorspick, .head-sponsor { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 12px; text-indent: -999999px; } @media only screen and (min-width: 768px) { .head-editorspick, .head-sponsor { text-indent: 0; } } @media only screen and (min-width: 1024px) { .head-editorspick, .head-sponsor { display: inline-block; vertical-align: middle; margin: 0 24px; white-space: normal; } } .head-editorspick-post { font-size: 13px; line-height: 16px; margin: 0; display: inline; } @media only screen and (min-width: 768px) { .head-editorspick-post { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-editorspick-post { font-size: 13px; } } @media only screen and (min-width: 768px) { .head-editorspick-post { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .head-editorspick-post { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .head-editorspick-post { display: block; } } .head-editorspick-type, .head-sponsor-type { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; margin: 0 12px 0 0; display: inline; line-height: 28px; } @media only screen and (min-width: 768px) { .head-editorspick-type, .head-sponsor-type { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-editorspick-type, .head-sponsor-type { font-size: 13px; } } @media only screen and (min-width: 1024px) { .head-editorspick-type, .head-sponsor-type { display: block; margin: 0; } } @media only screen and (min-width: 1024px) { .head-editorspick-post a { font-size: 15px; line-height: 20px; display: block; max-height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 768px) { .head-editorspick-post a { font-size: 16px; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 1150px) { .head-editorspick-post a { font-size: 16px; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 768px) { .head-editorspick-post a { line-height: 21px; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 1150px) { .head-editorspick-post a { line-height: 21px; } } .head-corners-container { position: absolute; top: -9999px; } @media only screen and (min-width: 768px) { .head-corners-container { position: static; height: 40px; line-height: 40px; overflow: hidden; background-color: #fff; color: #777; font-size: 13px; line-height: 16px; text-align: right; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .head-corners-container { font-size: 13px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .head-corners-container { font-size: 13px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .head-corners-container { line-height: 16.8px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1024px) { .head-corners-container { line-height: 16.8px; } } .head-corners-list { margin: 0; display: inline; } .head-corners-list li { display: inline-block; } .head-corners-disclaimer { font-size: 13px; line-height: 16px; font-weight: 100; margin: 0; display: inline; } @media only screen and (min-width: 768px) { .head-corners-disclaimer { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-corners-disclaimer { font-size: 13px; } } @media only screen and (min-width: 768px) { .head-corners-disclaimer { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .head-corners-disclaimer { line-height: 16.8px; } } .head-corners-link { white-space: nowrap; display: inline-block; padding: 0 9.6px; margin: 0 2.4px; line-height: 36px; font-weight: bold; color: #333; border-top: 4px solid #ddd; } .head-corners-link:hover { background-color: #ddd; } .head-content-favs { position: relative; } .head-favicons-container.m-is-later { width: 100%; position: absolute; top: 0; } .head-favicons-container.m-is-later.is-visible { position: fixed; top: 70px; } .head-favicons-container.m-is-later.is-visible .head-favicons-index { display: none; } .head-favicons-container.m-is-later.is-visible { top: 0px; } @media only screen and (min-width: 768px) { .article-social-share.is-visible.m-v1 { top: 110px; } } @media only screen and (min-width: 768px) { .clubmarca .article-social-share.m-v1.is-visible { top: 70px; } } .clubmarca .head.is-visible { top: 0; } .favicons-expanded-container { width: 100%; position: absolute; top: 42px; } .head-menu-container { width: 100%; height: 100%; position: fixed; top: 0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; } .head-menu-toggler { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; background: #000; opacity: 0; } .head-menu { height: 100%; overflow: auto; position: absolute; top: 0; } .head-menu:after { content: ""; display: block; height: 150px; } .head-menu-sections { left: -100%; } .head-menu-sections.is-visible { -webkit-transform: translate(100%, 0px); transform: translate(100%, 0px); } .head-menu-sections.is-visible .head-menu-toggler { opacity: 0.8; } .head-menu-sections .head-menu { left: 0; margin-right: 48px; } @media only screen and (min-width: 768px) { .head-menu-sections .head-menu { max-width: 560px; margin-right: auto; margin-left: 0; } } .head-menu-sections.m-v2, .head-menu-sections.m-v2 .head-menu { left: auto; margin-right: auto; } .head-menu-new, .head-menu-searchapp, .head-menu-sections.m-v2 { right: -100%; } @media only screen and (min-width: 1024px) { .head-menu-new, .head-menu-searchapp, .head-menu-sections.m-v2 { right: auto; left: -100%; } } .head-menu-new.is-visible, .head-menu-searchapp.is-visible, .head-menu-sections.is-visible.m-v2 { -webkit-transform: translate(-100%, 0px); transform: translate(-100%, 0px); } @media only screen and (min-width: 1024px) { .head-menu-new.is-visible, .head-menu-searchapp.is-visible, .head-menu-sections.is-visible.m-v2 { -webkit-transform: translate(100%, 0px); transform: translate(100%, 0px); } } .head-menu-new.is-visible .head-menu-toggler, .head-menu-searchapp.is-visible .head-menu-toggler, .head-menu-sections.is-visible.m-v2 .head-menu-toggler { opacity: 0.8; } .head-menu-new .head-menu, .head-menu-searchapp .head-menu, .head-menu-sections.m-v2 .head-menu { right: 0; margin-left: 48px; } @media only screen and (min-width: 768px) { .head-menu-new .head-menu, .head-menu-searchapp .head-menu, .head-menu-sections.m-v2 .head-menu { max-width: 640px; margin-left: auto; margin-right: 0; } } @media only screen and (min-width: 1024px) { .head-menu-new .head-menu, .head-menu-searchapp .head-menu, .head-menu-sections.m-v2 .head-menu { width: 640px; right: auto; left: 0; margin-right: auto; margin-left: 0; } } @media only screen and (min-width: 768px) { .head-menu-searchapp .head-menu { min-width: 560px; } } body, html { height: 100%; } .head-menu-close { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; float: right; margin: 14.4px 12px 0 0; } .head-menu-close:hover { background-color: #f4f4f4; color: #333; } .head-menu-close:hover { text-decoration: none; } .head-menu-close:active, .head-menu-close:focus { padding-top: 1px; } .head-menu-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-menu-close:before:hover { text-decoration: none; } .head-menu-close:after { content: ""; margin-right: 0; margin-left: 0; } .head-menu-close:before, .head-menu-close:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .head-menu-close:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .head-menu-close:before, .head-menu-close:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .head-menu-close:before { margin-left: 6px; margin-right: 6px; } @media only screen and (min-width: 1280px) { .head-menu-close { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .head-menu-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-menu-close:before:hover { text-decoration: none; } .head-menu-close:after { content: ""; margin-right: 0; margin-left: 0; } .head-menu-close:before, .head-menu-close:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .head-menu-close:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .head-menu-close:before, .head-menu-close:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } } @media only screen and (min-width: 768px) { .head-menu-close { margin: 25.2px 28px 0 0; } } .head-menu ul { margin: 0; } .head-menu h3, .nav-heading { text-transform: uppercase; color: #777; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; font-weight: normal; } @media only screen and (min-width: 768px) { .head-menu h3, .nav-heading { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .head-menu h3, .nav-heading { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .head-menu h3, .nav-heading { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .head-menu h3, .nav-heading { margin-top: 28px; margin-bottom: 14px; } } .head-menu h3, .head-menu .nav-heading { padding: 0 m-base-gutter; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .head-menu h3, .head-menu .nav-heading { padding: 0 24px; margin-bottom: 14px; } } .head-menu h2 { display: none; } .list-item, .menu-follow, .head-new-item, .head-list-item, .head-channel-item, .head-menu-follow { display: block; padding: 12px 16px; clear: left; } @media only screen and (min-width: 768px) { .list-item, .menu-follow, .head-new-item, .head-list-item, .head-channel-item, .head-menu-follow { padding: 14px 24px; } } .head-new-item, .head-menu-partners, .head-menu-search, .head-menu-categories, .head-menu-follow, .head-menu-extras, .head-menu-external, .head-channel-caption, .head-menu-links, .head-menu-editorspick, .head-menu-sponsor, .head-menu-video, .head-channel-item, .head-menu-follow, .head-menu-snapchat, .head-menu-newsletter, .head-menu h2, .sections-login { border-bottom: 1px solid #e9e9e9; } .head-menu-video, .head-menu-editorspick, .head-menu-sponsor { padding-top: 1px; } .head-more-item { margin: 24px 16px; } @media only screen and (min-width: 768px) { .head-more-item { margin-top: 14px; margin-bottom: 14px; } } .head-new-item { padding-left: 32px; position: relative; } @media only screen and (min-width: 768px) { .head-new-item { padding-left: 48px; } } .head-new-item .head-item-meta { display: block; } .head-menu-editorspick a { display: block; margin: 0 16px 24px; } @media only screen and (min-width: 768px) { .head-menu-editorspick a { margin: 0 24px 28px; } } .head-new-video-thumb { display: block; width: 100%; position: relative; background: #000; margin-bottom: 6px; } .head-new-video-thumb:after { font-size: 60px; font-family: icons-min; content: "\e621"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .head-new-video-thumb:after:hover { text-decoration: none; } .head-new-video-thumb:before { content: ""; margin-right: 0; margin-left: 0; } .head-new-video-thumb:after { display: block; position: absolute; top: 0; left: 0; width: 100%; text-align: center; margin-left: 0; color: #fff; opacity: 0.8; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; height: 130px; line-height: 130px; } @media only screen and (min-width: 360px) { .head-new-video-thumb:after { height: 150px; line-height: 150px; } } @media only screen and (min-width: 480px) { .head-new-video-thumb:after { height: 180px; line-height: 180px; } } @media only screen and (min-width: 768px) { .head-new-video-thumb:after { height: 100px; line-height: 100px; } } .head-new-video-thumb:hover:after { color: #cc181e; opacity: 1; } @media only screen and (min-width: 768px) { .head-new-video-thumb { width: 180px; display: inline-block; float: left; margin-right: 12px; margin-bottom: 0; } } .head-new-video-thumb img { display: block; width: 100%; height: auto; opacity: 0.7; } @media only screen and (min-width: 768px) { .head-new-item.m-video .head-item-meta:after { display: block; content: " "; clear: left; } } .head-menu-video .head-new-item { padding-left: 16px; } .head-menu-video .head-new-item:before, .head-menu-video .head-new-item:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } @media only screen and (min-width: 768px) { .head-menu-video { width: 100%; overflow: hidden; } .head-menu-video li { display: inline; } .head-menu-video .head-new-item { padding: 0; border: none; width: 180px; display: inline-block; vertical-align: top; margin-left: 24px; } .head-menu-video .head-new-video-thumb { float: none; margin-right: 0; } .head-menu-video .head-new-video-desc { display: block; margin-left: 0; padding: 0 6px 7px 6px; } } .head-menu-video h3 { margin-bottom: 0; } @media only screen and (min-width: 768px) { .head-menu-video h3 { margin-bottom: 14px; } } .head-menu-partners ul { margin-bottom: 6px; } @media only screen and (min-width: 768px) { .head-menu-partners ul { margin-bottom: 7px; } } .head-menu-search { clear: right; } @media only screen and (min-width: 768px) { .head-menu-search { margin-top: 0; } } .head-menu-search > section { padding-top: 1px; } .head-search-form { position: relative; } .head-search-form input { border: none; display: block; width: 85%; height: 72px; padding: 0; text-indent: 16px; background: transparent; box-shadow: none; } @media only screen and (min-width: 1024px) { .head-search-form input { width: 90%; text-indent: 24px; } } .head-search-button { /* .btn-secondary; background: transparent; .btn-icon(@icon-search); position: absolute; top: 2px; right: 2%; */ background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; background: transparent; box-shadow: none; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; position: absolute; top: 18px; right: 2%; } .head-search-button:hover { background-color: #f4f4f4; color: #333; } .head-search-button:hover { text-decoration: none; } .head-search-button:active, .head-search-button:focus { padding-top: 1px; } .head-search-button:before { font-size: 24px; font-family: icons-min; content: "\e60a"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .head-search-button:before:hover { text-decoration: none; } .head-search-button:after { content: ""; margin-right: 0; margin-left: 0; } .head-search-button:before, .head-search-button:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .head-search-button:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .head-search-button:before, .head-search-button:after { line-height: 28.8px; margin: 0 5px; vertical-align: middle; } .search-results-box { height: 0; overflow: hidden; } .search-results-box.is-visible { height: auto; overflow: visible; } @media only screen and (min-width: 480px) { .menu-follow ul, .head-menu-follow ul { display: inline-block; vertical-align: middle; } } .menu-follow li, .head-menu-follow li { display: inline-block; vertical-align: middle; margin-right: 9.6px; } @media only screen and (min-width: 480px) { .menu-follow li, .head-menu-follow li { margin-left: 24px; margin-right: 0; } } .menu-follow a, .head-menu-follow a { width: 32px; height: 32px; line-height: 32px; overflow: hidden; } .menu-follow a:before, .head-menu-follow a:before, .menu-follow a:after, .head-menu-follow a:after { line-height: 28.8px; margin: 0 0px; vertical-align: middle; } .head-menu-snapchat, .head-menu-newsletter { display: none; padding-top: 24px; } @media only screen and (min-width: 768px) { .head-menu-snapchat, .head-menu-newsletter { padding-top: 28px; } } .head-menu-snapchat { text-align: center; } .head-menu-snapchat-snapuser { clear: both; } .head-menu-snapchat-snapcode { margin-left: 16px; margin-right: 16px; text-align: center; } @media only screen and (min-width: 768px) { .head-menu-snapchat-snapcode { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .head-menu-snapchat-snapcode { margin-left: auto; margin-right: auto; } } .head-menu-snapchat-snapcode img { display: block; max-width: 200px; margin: 0 auto; } .head-menu-newsletter .newsletter-heading { margin-top: 0; padding: 0; } .head-menu-newsletter .newsletter-input { width: 95%; margin-bottom: 6px; } @media only screen and (min-width: 768px) { .head-menu-newsletter .newsletter-input { width: 350px; margin-bottom: 0; } } .menu-categories ul, .channel-list ul, .menu-external ul, .head-channel-list ul, .head-menu-external ul, .head-menu-categories ul { width: 100%; overflow: hidden; margin-top: 12px; } @media only screen and (min-width: 768px) { .menu-categories ul, .channel-list ul, .menu-external ul, .head-channel-list ul, .head-menu-external ul, .head-menu-categories ul { margin-top: 14px; } } .menu-categories li, .channel-list li, .menu-external li, .head-channel-list li, .head-menu-external li, .head-menu-categories li { width: 50%; float: left; margin-top: 6px; } @media only screen and (min-width: 768px) { .menu-categories li, .channel-list li, .menu-external li, .head-channel-list li, .head-menu-external li, .head-menu-categories li { margin-top: 7px; } } .menu-categories .list-item, .channel-list .list-item, .menu-external .list-item, .head-channel-list .head-list-item, .head-menu-external .head-list-item, .head-menu-categories .head-list-item { padding: 6px 16px; } @media only screen and (min-width: 768px) { .menu-categories .list-item, .channel-list .list-item, .menu-external .list-item, .head-channel-list .head-list-item, .head-menu-external .head-list-item, .head-menu-categories .head-list-item { padding: 7px 24px; } } .menu-categories li:nth-child(odd), .channel-list li:nth-child(odd), .menu-external li:nth-child(odd), .head-channel-list li:nth-child(odd), .head-menu-external li:nth-child(odd), .head-menu-categories li:nth-child(odd) { clear: left; } .menu-categories li:nth-child(even) .head-list-item, .channel-list li:nth-child(even) .head-list-item, .menu-external li:nth-child(even) .head-list-item, .head-channel-list li:nth-child(even) .head-list-item, .head-menu-external li:nth-child(even) .head-list-item, .head-menu-categories li:nth-child(even) .head-list-item { margin-left: 0; } .section-user { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .section-user:before { font-size: 24px; font-family: icons-min; content: "\e627"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-user:before:hover { text-decoration: none; } .section-user:after { content: ""; margin-right: 0; margin-left: 0; } .section-user:before { margin-top: 6px; float: right; width: 24px; height: 24px; line-height: 24px; overflow: hidden; } .section-user:before:before, .section-user:before:after { line-height: 28.8px; margin: 0 -4px; vertical-align: middle; } .section-user-avatar { display: inline-block; height: 40px; width: 40px; overflow: hidden; background-color: #333; margin-right: 12px; margin-bottom: 24px; float: left; } .section-user-username { display: block; margin-bottom: 6px; } .channel-caption .item-meta, .head-channel-caption .item-meta, .channel-caption .head-item-meta, .head-channel-caption .head-item-meta { display: block; margin-right: 48px; } .channel-caption.is-visible, .head-channel-caption.is-visible { border: none; color: #777; } .channel-caption.is-visible .item-meta, .head-channel-caption.is-visible .item-meta, .channel-caption.is-visible .head-item-meta, .head-channel-caption.is-visible .head-item-meta { display: none; } .channel-list, .head-channel-list { height: 0; overflow: hidden; margin: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; } .channel-list.is-visible, .head-channel-list.is-visible { height: auto; } .channel-list li, .head-channel-list li { margin-top: 0; margin-bottom: 6px; } @media only screen and (min-width: 768px) { .channel-list li, .head-channel-list li { margin-bottom: 7px; } } .channel-caption:before, .head-channel-caption:before { font-size: 24px; font-family: icons-min; content: "\e602"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .channel-caption:before:hover, .head-channel-caption:before:hover { text-decoration: none; } .channel-caption:after, .head-channel-caption:after { content: ""; margin-right: 0; margin-left: 0; } .channel-caption:before, .head-channel-caption:before { float: right; width: 24px; height: 24px; line-height: 24px; overflow: hidden; } .channel-caption:before:before, .head-channel-caption:before:before, .channel-caption:before:after, .head-channel-caption:before:after { line-height: 28.8px; margin: 0 -4px; vertical-align: middle; } .channel-caption.is-visible:before, .head-channel-caption.is-visible:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .channel-caption.is-visible:before:hover, .head-channel-caption.is-visible:before:hover { text-decoration: none; } .channel-caption.is-visible:after, .head-channel-caption.is-visible:after { content: ""; margin-right: 0; margin-left: 0; } .item-meta.m-desc, .head-item-meta.m-desc { display: block; } .head-menu-searchapp .head-menu { min-width: 80%; } @media only screen and (min-width: 768px) { .head-menu-searchapp .head-menu { min-width: 480px; max-width: 640px; } } /* Head type */ .head-menu h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .head-menu h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .head-menu h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .head-menu h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .head-menu h2 { margin-top: 28px; margin-bottom: 14px; } } .head-menu h3 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 17px; line-height: 24px; margin-top: 24px; margin-bottom: 24px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .head-menu h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .head-menu h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .head-menu h3 { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .head-menu h3 { margin-top: 28px; margin-bottom: 28px; } } .head-new-video-subscribe { font-size: 15px; } @media only screen and (min-width: 768px) { .head-new-video-subscribe { font-size: 16px; } } @media only screen and (min-width: 1150px) { .head-new-video-subscribe { font-size: 16px; } } .list-item, .head-new-item, .head-list-item, .head-new-video-item { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .list-item, .head-new-item, .head-list-item, .head-new-video-item { font-size: 16px; } } @media only screen and (min-width: 1150px) { .list-item, .head-new-item, .head-list-item, .head-new-video-item { font-size: 16px; } } @media only screen and (min-width: 768px) { .list-item, .head-new-item, .head-list-item, .head-new-video-item { line-height: 21px; } } @media only screen and (min-width: 1150px) { .list-item, .head-new-item, .head-list-item, .head-new-video-item { line-height: 21px; } } .head-menu-editorspick a, .head-new-item, .head-list-item { font-weight: 700; } .item-meta, .head-item-meta { display: inline-block; font-size: 15px; font-style: italic; font-weight: 400; } @media only screen and (min-width: 768px) { .item-meta, .head-item-meta { font-size: 16px; } } @media only screen and (min-width: 1150px) { .item-meta, .head-item-meta { font-size: 16px; } } .head-link-editorspick a { font-size: 13px; line-height: 16px; margin: 0; display: block; max-height: 33.6px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media only screen and (min-width: 768px) { .head-link-editorspick a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-link-editorspick a { font-size: 13px; } } @media only screen and (min-width: 768px) { .head-link-editorspick a { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .head-link-editorspick a { line-height: 16.8px; } } .head-link-editorspick h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; margin: 0; padding-top: 11.2px; padding-bottom: 2.8px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .head-link-editorspick h3 { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-link-editorspick h3 { font-size: 13px; } } @media only screen and (min-width: 768px) { .head-link-editorspick h3 { margin-bottom: 14px; } } .head-link-secondary, .head-link-secondary h3 { font-size: 13px; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 768px) { .head-link-secondary, .head-link-secondary h3 { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-link-secondary, .head-link-secondary h3 { font-size: 13px; } } .nav-login, .nav-register { width: 100%; height: 100%; position: fixed; top: 0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; left: -200%; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .nav-login, .nav-register { font-size: 16px; } } @media only screen and (min-width: 1150px) { .nav-login, .nav-register { font-size: 16px; } } @media only screen and (min-width: 768px) { .nav-login, .nav-register { line-height: 21px; } } @media only screen and (min-width: 1150px) { .nav-login, .nav-register { line-height: 21px; } } .nav-login.is-visible, .nav-register.is-visible, .nav-login.in, .nav-register.in { -webkit-transform: translate(200%, 0px); transform: translate(200%, 0px); } .nav-login.is-visible .head-menu-toggler, .nav-register.is-visible .head-menu-toggler, .nav-login.in .head-menu-toggler, .nav-register.in .head-menu-toggler { opacity: 0.8; } .nav-login .head-menu, .nav-register .head-menu { left: 0; margin-right: 48px; min-width: 85%; text-align: center; } @media only screen and (min-width: 768px) { .nav-login .head-menu, .nav-register .head-menu { padding-top: 28px; width: 560px; min-width: 0; margin-right: auto; margin-left: 0; } } .head-menu .close { background: #fff; } .hide { display: none; } .head-menu-static .head-menu-container { position: static; height: auto; } .head-menu-static .head-menu-toggler { left: -200%; } .head-menu-static .head-menu { position: static; max-width: 100%; width: 100%; height: auto; margin: 0; } .head-menu-static .head-menu:after { display: inline; height: auto; } .head-menu-static .head-channel-list { height: auto; } .head-menu-static .head-channel-caption:before { content: ""; } .login-form, .register-form { clear: right; border-bottom: 1px solid #e9e9e9; text-align: left; padding: 0 24px 24px; } @media only screen and (min-width: 768px) { .login-form, .register-form { padding: 0 24px 24px; } } .login-form p, .register-form p { margin-top: 0; } .login-form .submit-area, .register-form .submit-area { margin: 0 auto; text-align: center; } .login-form p label, .register-form p label { width: 100%; } @media only screen and (min-width: 768px) { .login-form p label, .register-form p label { width: 100%; } } .login-form label, .register-form label { display: block; font-weight: bold; margin: 0 0 12px; } @media only screen and (min-width: 768px) { .login-form label, .register-form label { margin-bottom: 14px; } } .login-form .text, .register-form .text { display: block; width: 100%; margin: 6px 0; box-sizing: border-box; } @media only screen and (min-width: 768px) { .login-form .text, .register-form .text { margin: 7px 0; } } #wsl_login_button img { display: none; } .login-3rd-part, #dont_have_account_text, #already_acc, #activation { padding: 0; } .login-3rd-part { display: inline-block; } .login-3rd-part p { margin-bottom: 0; } #already_acc, #dont_have_account_text { font-size: 15px; line-height: 20px; color: #777; display: inline-block; } @media only screen and (min-width: 768px) { #already_acc, #dont_have_account_text { font-size: 16px; } } @media only screen and (min-width: 1150px) { #already_acc, #dont_have_account_text { font-size: 16px; } } @media only screen and (min-width: 768px) { #already_acc, #dont_have_account_text { line-height: 21px; } } @media only screen and (min-width: 1150px) { #already_acc, #dont_have_account_text { line-height: 21px; } } #already_acc { margin-left: 24px; } .facebook-login { background-color: #4267b2 !important; background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .facebook-login:hover { background-color: #3f62a9 !important; color: #fff; } .facebook-login:hover { background-color: #910000; color: #fff; } .facebook-login:hover { text-decoration: none; } .facebook-login:active, .facebook-login:focus { padding-top: 1px; } .facebook-login:before { font-size: 16px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .facebook-login:before:hover { text-decoration: none; } .facebook-login:after { content: ""; margin-right: 0; margin-left: 0; } .twitter-login { background-color: #00abf1 !important; background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; margin-top: 24px; } .twitter-login:hover { background-color: #00a2e5 !important; color: #fff; } .twitter-login:hover { background-color: #910000; color: #fff; } .twitter-login:hover { text-decoration: none; } .twitter-login:active, .twitter-login:focus { padding-top: 1px; } .twitter-login:before { font-size: 16px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .twitter-login:before:hover { text-decoration: none; } .twitter-login:after { content: ""; margin-right: 0; margin-left: 0; } .submit-area, .remember-password, .wsl_error, .status, #wsl_check_username, #wsl_check_email, .exito { margin: 24px 0; } #open_register, #already_acc a, .remember-password a { padding: 0; background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; text-transform: capitalize; } #open_register:hover, #already_acc a:hover, .remember-password a:hover { background-color: #c93d3d; color: #fff; } #open_register:hover, #already_acc a:hover, .remember-password a:hover { text-decoration: none; } #open_register:active, #already_acc a:active, .remember-password a:active, #open_register:focus, #already_acc a:focus, .remember-password a:focus { padding-top: 1px; } #wsl_check_username { display: block; } p .exito { display: inline-block; } .mhelp { font-size: 15px; line-height: 20px; font-weight: normal; color: #777; } @media only screen and (min-width: 768px) { .mhelp { font-size: 16px; } } @media only screen and (min-width: 1150px) { .mhelp { font-size: 16px; } } @media only screen and (min-width: 768px) { .mhelp { line-height: 21px; } } @media only screen and (min-width: 1150px) { .mhelp { line-height: 21px; } } #wsl_condition_agree { display: inline-block !important; vertical-align: baseline; } body::after { content: "wide"; display: none; } html.noscroll body { left: 0; overflow: hidden; width: 100%; -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { .head-container-with-primary .head { overflow: hidden; } } .head-primary-container { background: #f7f7f7; border-top: 1px solid #ececec; color: #000; } .head-primary-container a { color: #000; border-top: 4px solid #f7f7f7; } .head-primary { font-size: 15px; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; text-transform: uppercase; height: 40px; line-height: 36px; text-align: center; } @media only screen and (min-width: 768px) { .head-primary { font-size: 16px; } } @media only screen and (min-width: 1150px) { .head-primary { font-size: 16px; } } .head-primary ul { display: inline-block; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-item: flex-start; max-width: 490px; margin: 0 auto; } @media only screen and (min-width: 768px) { .head-primary ul { margin: 0 auto; } } .head-primary-item { margin: 0; display: inline-block; flex-grow: 1; flex-shrink: 0; } @media only screen and (min-width: 768px) { .head-primary-item { margin: 0 24px; } } .head-primary-item a { display: inline-block; } .head-primary-item.m-tre-home.m-active a, .head-primary-item.m-tre-trm.m-active a { border-top-color: #000; color: #000; } .head-primary-item.m-tre-arb.m-active a { border-top-color: #8B728F; color: #8B728F; } .head-primary-item.m-tre-trl.m-active a { border-top-color: #819F77; color: #819F77; } @media only screen and (min-width: 768px) { .head-container-with-corner .head-primary { text-align: left; height: 0; } .head-container-with-corner .head-primary ul { float: left; } } @media only screen and (min-width: 768px) { .head-container-with-primary .head-corners-container { background: #f7f7f7; overflow: visible; } } .sections-login .user-card-since { margin: 0; } .btn-action-comments { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-action-comments:hover { background-color: #910000; color: #fff; } .btn-action-comments:hover { text-decoration: none; } .btn-action-comments:active, .btn-action-comments:focus { padding-top: 1px; } .btn-action-comments:before { font-size: 16px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-action-comments:before:hover { text-decoration: none; } .btn-action-comments:after { content: ""; margin-right: 0; margin-left: 0; } .btn-action-logout { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-action-logout:hover { background-color: #910000; color: #fff; } .btn-action-logout:hover { text-decoration: none; } .btn-action-logout:active, .btn-action-logout:focus { padding-top: 1px; } .btn-action-logout:before { font-size: 16px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-action-logout:before:hover { text-decoration: none; } .btn-action-logout:after { content: ""; margin-right: 0; margin-left: 0; } .btn-action-settings { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-action-settings:hover { background-color: #910000; color: #fff; } .btn-action-settings:hover { text-decoration: none; } .btn-action-settings:active, .btn-action-settings:focus { padding-top: 1px; } .btn-action-settings:before { font-size: 16px; font-family: icons-min; content: "\e608"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-action-settings:before:hover { text-decoration: none; } .btn-action-settings:after { content: ""; margin-right: 0; margin-left: 0; } .section-user-login { margin-top: 60px; padding: 16px 8px; display: flex; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; align-items: flex-start; width: 100%; box-sizing: border-box; } .section-user-login .hint { margin-left: 0; margin-bottom: 0; } @media only screen and (min-width: 768px) { .section-user-login { padding: 16px 24px; } } .login-option-links { color: #777; font-size: 15px; line-height: 20px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .login-option-links { font-size: 16px; } } @media only screen and (min-width: 1150px) { .login-option-links { font-size: 16px; } } @media only screen and (min-width: 768px) { .login-option-links { line-height: 21px; } } @media only screen and (min-width: 1150px) { .login-option-links { line-height: 21px; } } @media only screen and (min-width: 768px) { .login-option-links { margin-bottom: 4px; } } .section-avatar { text-align: center; height: 40.08px; width: 40.08px; border-radius: 100%; background: #fff; overflow: hidden; border: 4px solid #fff; margin-right: 16px; display: flex; justify-content: center; align-items: flex-end; flex-shrink: 0; } .section-avatar:before { font-size: 48px; font-family: icons-min; content: "\e60f"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-avatar:before:hover { text-decoration: none; } .section-avatar:after { content: ""; margin-right: 0; margin-left: 0; } .section-avatar:before { color: #C00; margin-right: 0; line-height: 36px; } .user-option-link { color: #C00; font-weight: 700; } .user-option-link:hover { color: #f00; } .nav-login .head-menu { padding-top: 4px; } @media only screen and (min-width: 768px) { .nav-login .head-menu { padding-top: 4px; } } .nav-login .help-msg { margin: 0 0 16px; } .nav-login .help-msg a { text-decoration: underline; } .nav-login .facebook-login { display: inline-block; overflow: hidden; text-align: center; } .nav-login .facebook-login:before { font-size: 24px; font-family: icons-min; content: "\e900"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .nav-login .facebook-login:before:hover { text-decoration: none; } .nav-login .facebook-login:after { content: ""; margin-right: 0; margin-left: 0; } .nav-login .facebook-login:before, .nav-login .facebook-login:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .nav-login .facebook-login:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .nav-login .twitter-login:before, .nav-login .facebook-login:before { margin-right: 8px; } .nav-login .login-3rd-part { display: block; font-size: 0; margin: 16px 0 0; } .nav-login .login-3rd-part a { margin: 8px; vertical-align: top; } @media only screen and (min-width: 768px) { .nav-login .login-3rd-part a { margin: 0 8px; } } @media only screen and (min-width: 768px) { .nav-login .login-3rd-part { margin: 24px 0 0; } } .nav-login #open_register { margin-top: 8px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .nav-login #open_register { margin-top: 16px; } } .login-form { padding: 0 24px 24px; } .login-form .text { margin: 4px 0; box-sizing: border-box; } @media only screen and (min-width: 768px) { .login-form .text { margin: 4px 0; } } .login-form a { color: #C00; } .login-form p label { width: 100%; } @media only screen and (min-width: 768px) { .login-form { padding: 0 24px 24px; } } .login-form .form-submit-alt.help-msg { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .login-form .form-submit-alt.help-msg { margin-bottom: 24px; } } .nav-register .head-menu { padding-top: 4px; } @media only screen and (min-width: 768px) { .nav-register .head-menu { padding-top: 4px; } } .nav-register .help-msg { margin: 0 0 16px; } .nav-register .help-msg a { text-decoration: underline; } .nav-register .register-form a { text-decoration: underline; } .nav-register .login-3rd-part { display: block; font-size: 0; margin: 16px 0 0; } .nav-register .login-3rd-part a { margin: 8px 8px 0; vertical-align: top; } @media only screen and (min-width: 768px) { .nav-register .login-3rd-part a { margin: 0 8px 0; } } @media only screen and (min-width: 768px) { .nav-register .login-3rd-part { margin: 24px 0 0; } } .nav-register .facebook-login { display: inline-block; overflow: hidden; text-align: center; } .nav-register .facebook-login:before { font-size: 24px; font-family: icons-min; content: "\e900"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .nav-register .facebook-login:before:hover { text-decoration: none; } .nav-register .facebook-login:after { content: ""; margin-right: 0; margin-left: 0; } .nav-register .facebook-login:before, .nav-register .facebook-login:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .nav-register .facebook-login:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .nav-register .twitter-login:before, .nav-register .facebook-login:before { margin-right: 8px; } .search-box { border: 1px solid #e9e9e9; } @media only screen and (min-width: 768px) { .search-box { margin-top: 0; } } .search-form { position: relative; } .search-form input { border: none; display: block; width: 85%; height: 72px; padding: 0; text-indent: 16px; background: transparent; box-shadow: none; } @media only screen and (min-width: 1024px) { .search-form input { width: 90%; text-indent: 24px; } } .search-button { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; background: transparent; box-shadow: none; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; position: absolute; top: 18px; right: 2%; } .search-button:hover { background-color: #f4f4f4; color: #333; } .search-button:hover { text-decoration: none; } .search-button:active, .search-button:focus { padding-top: 1px; } .search-button:before { font-size: 24px; font-family: icons-min; content: "\e60a"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .search-button:before:hover { text-decoration: none; } .search-button:after { content: ""; margin-right: 0; margin-left: 0; } .search-button:before, .search-button:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .search-button:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .search-button:before, .search-button:after { line-height: 28.8px; margin: 0 5px; vertical-align: middle; } .search-autocomplete { display: none; } .head-menu .search-results-list { margin-bottom: 24px; border-bottom: 1px solid #e9e9e9; } @media only screen and (min-width: 768px) { .head-menu .search-results-list { border: none; margin-bottom: 28px; } } @media only screen and (min-width: 768px) { .search-results-wrapper { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .search-results-wrapper { max-width: 696px; margin-left: auto; margin-right: auto; } } .search-results-alternate { padding-top: 1px; padding-bottom: 1px; margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .search-results-alternate { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 768px) { .search-article-item { margin-bottom: 14px; margin-left: 24px; margin-right: 24px; } } .search-article-item a { display: block; padding: 12px 0; border-top: 1px solid #e9e9e9; padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 768px) { .search-article-item a { border: none; padding-left: 12px; padding-right: 12px; } } .search-article-item img { float: right; margin: 0 0 0 12px; height: 72px; width: 96px; max-width: 50%; object-fit: cover; } .head-menu .search-article-item img { width: 72px; margin-left: 4px; } .search-article-item .article-item-title { max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media only screen and (min-width: 768px) { .search-article-item .article-item-title { font-size: 17px; line-height: 24px; font-weight: bold; max-height: 100%; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .search-article-item .article-item-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .search-article-item .article-item-title { font-size: 19px; line-height: 28px; } } .search-article-item .article-item-date { display: block; line-height: 24px; } @media only screen and (min-width: 768px) { .search-article-item .article-item-date { display: inline; line-height: 28px; } } .search-article-item .article-item-content { font-size: 15px; line-height: 20px; word-break: break-all; margin: 0; } @media only screen and (min-width: 768px) { .search-article-item .article-item-content { font-size: 16px; } } @media only screen and (min-width: 1150px) { .search-article-item .article-item-content { font-size: 16px; } } @media only screen and (min-width: 768px) { .search-article-item .article-item-content { line-height: 21px; } } @media only screen and (min-width: 1150px) { .search-article-item .article-item-content { line-height: 21px; } } .search-results-list .article-item-info { min-height: 68px; } .search-assist.is-visible { width: 100%; position: fixed; left: 0; bottom: 0; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); } .article-item-title { font-size: 17px; line-height: 24px; margin: 0; font-weight: bold; line-height: 20px; } @media only screen and (min-width: 768px) { .article-item-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .article-item-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .article-item-title { line-height: 21px; } } @media only screen and (min-width: 768px) { .blob { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { } .blob h2, .blob h3, .blob h4 { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .blob h2, .blob h3, .blob h4 { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .blob h2, .blob h3, .blob h4 { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .blob h2, .blob h3, .blob h4 { margin-left: 32px; margin-right: 32px; } } @media only screen and (min-width: 1024px) { .blob h2, .blob h3, .blob h4 { margin-left: auto; margin-right: auto; } } .blob p, .blob ul, .blob ol, .blob li, .blob blockquote { margin-left: 16px; margin-right: 16px; margin-top: 0; } @media only screen and (min-width: 768px) { .blob p, .blob ul, .blob ol, .blob li, .blob blockquote { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .blob p, .blob ul, .blob ol, .blob li, .blob blockquote { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .blob p, .blob ul, .blob ol, .blob li, .blob blockquote { margin-top: 0; margin-left: 32px; margin-right: 32px; } } @media only screen and (min-width: 1024px) { .blob p, .blob ul, .blob ol, .blob li, .blob blockquote { margin-left: auto; margin-right: auto; } } .blob li p { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .blob li p { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .blob { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1600px) { .blob { max-width: 1368px; } } .article-social-share { font-size: 15px; line-height: 20px; width: 100%; overflow: hidden; position: relative; padding: 1px 0; line-height: 48px; min-height: 48px; color: #777; } @media only screen and (min-width: 768px) { .article-social-share { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .article-social-share { max-width: 696px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .article-social-share { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-social-share { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-social-share { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-social-share { line-height: 21px; } } .article-social-share p { margin-top: 14.4px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .article-social-share p { margin-top: 14px; } } .article-social-share p { margin-left: 6px; margin-right: 204px; vertical-align: middle; display: inline-block; } .article-social-share ul { margin-top: 0; margin-bottom: 0; width: auto; position: absolute; right: 0; top: 0; line-height: 48px; text-align: right; } .article-social-share li { display: inline; margin-right: 12px; } @media only screen and (min-width: 768px) { .article-social-share li { margin-right: 6px; } } .article-social-share-wrapper { margin-left: auto; margin-right: auto; max-width: 1368px; } .article-social-share.m-in-normal { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 768px) { .article-social-share.m-in-normal { background: none; box-shadow: none; width: 184px; position: absolute; top: 0; margin: 0; padding: 0; } } @media only screen and (min-width: 768px) { .article-social-share.m-in-normal p { display: none; } } @media only screen and (min-width: 768px) { .article-social-share.m-in-normal ul { position: static; text-align: left; margin-left: 24px; line-height: 28px; height: auto; } } @media only screen and (min-width: 1024px) { .article-social-share.m-in-normal ul { margin-left: 0; } } @media only screen and (min-width: 768px) { .article-social-share.m-in-featured { float: right; opacity: 0.9; width: 184px; margin: 0; padding: 0; } } @media only screen and (min-width: 768px) { .article-social-share.m-in-featured p { display: none; } } @media only screen and (min-width: 768px) { .article-social-share.m-in-featured a { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 768px) { .article-content .article-social-share, .article-social-share.m-in-home { max-width: 696px; margin: 0 auto; border-bottom: 1px solid #e9e9e9; } } @media only screen and (min-width: 768px) { .article-content .article-social-share p, .article-social-share.m-in-home p { margin-top: 0; margin-right: 12px; } } @media only screen and (min-width: 768px) { .article-content .article-social-share ul, .article-social-share.m-in-home ul { position: static; text-align: left; line-height: 28px; height: auto; display: inline-block; } } .article-social-share.is-visible { margin: 0; } .article-social-share-meta { display: none; } .article-social-share.m-v1 { position: fixed; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); line-height: 48px; min-height: 48px; max-width: 100%; margin-bottom: 0; padding: 8px 16px; box-sizing: border-box; } @media only screen and (min-width: 768px) { .article-social-share.m-v1 { margin-left: 0; bottom: auto; top: 70px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-transform: translate(0px, -140px); transform: translate(0px, -140px); font-size: 13px; line-height: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .article-social-share.m-v1 { font-size: 13px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .article-social-share.m-v1 { font-size: 13px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .article-social-share.m-v1 { line-height: 16.8px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1024px) { .article-social-share.m-v1 { line-height: 16.8px; } } .article-social-share.m-v1 p { margin-top: 0; } .article-social-share.m-v1 ul { height: 48px; line-height: 48px; } .article-social-share.m-v1 .article-social-share-wrapper { position: relative; } .article-social-share.is-hidden.m-v1 { -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } @media only screen and (min-width: 768px) { .article-social-share.is-hidden.m-v1 { -webkit-transform: translate(0px, -140px); transform: translate(0px, -140px); } } .article-social-share.is-visible.m-v1 { line-height: 20px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } @media only screen and (max-height: 320px) and (orientation: landscape) { .article-social-share.is-visible.m-v1 { -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } } @media only screen and (min-width: 768px) { .article-social-share.is-visible.m-v1 { min-height: 42px; padding: 0; } } .article-social-share.is-visible.m-v1 p { margin-top: 12px; margin-bottom: 12px; display: block; } @media only screen and (min-width: 768px) { .article-social-share.is-visible.m-v1 p { margin-top: 7px; margin-bottom: 7px; margin-right: 0; display: inline-block; max-width: calc(100% - 164px); } } @media only screen and (min-width: 768px) { .article-social-share.is-visible.m-v1 q { color: #333; float: left; max-width: 85%; } } .article-social-share.is-visible.m-v1 ul { height: 72px; line-height: 72px; } @media only screen and (min-width: 768px) { .article-social-share.is-visible.m-v1 ul { height: 42px; line-height: 42px; position: static; display: inline-block; width: 160px; margin-left: 12px; text-align: left; } } .article-social-share.is-visible.m-v1 .article-social-share-meta { display: block; width: 99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (min-width: 768px) { .article-social-share.is-visible.m-v1 .article-social-share-meta { width: auto; margin-left: 12px; margin-right: 12px; } } .article-social-share.is-visible.m-v1 .btn-facebook-count, .article-social-share.is-visible.m-v1 .btn-facebook, .article-social-share.is-visible.m-v1 .btn-twitter, .article-social-share.is-visible.m-v1 .btn-email { width: 24px; height: 24px; line-height: 24px; } .article-social-share.is-visible.m-v1 .btn-facebook-count:before, .article-social-share.is-visible.m-v1 .btn-facebook:before, .article-social-share.is-visible.m-v1 .btn-twitter:before, .article-social-share.is-visible.m-v1 .btn-email:before { font-size: 14px; margin: 0 2px; line-height: 15px; } .article-social-share.is-visible.m-v1 .btn-facebook-count { padding: 0 12px 0 6px; font-size: 13px; width: auto; } .article-social-share.is-visible.m-v1 .btn-facebook-count:before { vertical-align: baseline; } .-social-share.m-v2 { position: fixed; left: 0; bottom: 0; width: auto; margin-left: 4px; margin-bottom: 4px; line-height: 48px; min-height: 48px; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 24px; } .-social-share.m-v2 p { display: none; } .-social-share.m-v2 ul { position: static; line-height: 38px; } .article-social-share.is-hidden.m-v2 { -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } .article-social-share.is-visible.m-v2 { line-height: 20px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } @media only screen and (max-height: 320px) and (orientation: landscape) { .article-social-share.is-visible.m-v2 { -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } } .article-social-share.m-v3 { position: fixed; left: 0; bottom: 0; width: auto; margin: auto auto 4px 4px; line-height: 48px; min-height: 48px; border-radius: 24px; font-weight: bold; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); color: #333; } .article-social-share.m-v3 p { margin-top: 0; margin-left: 12px; margin-right: 188px; display: block; } @media only screen and (min-width: 768px) { .article-social-share.m-v3 p { margin-top: 0; } } .article-social-share.is-hidden.m-v3 { -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } .article-social-share.is-visible.m-v3 { line-height: 20px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); width: auto; max-width: 97%; } @media only screen and (max-height: 320px) and (orientation: landscape) { .article-social-share.is-visible.m-v3 { -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } } @media only screen and (min-width: 480px) { .article-social-share.is-visible.m-v3 { max-width: 99%; } } .article-social-share.is-visible.m-v3 p { line-height: 48px; margin-right: 172px; display: block; } .article-social-share.is-visible.m-v3 span { display: none; } .article-social-share.is-visible.m-v3 .article-social-share-meta { display: block; width: 99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article-social-share.m-in-links { border-bottom: 1px solid #e9e9e9; margin-bottom: 12px; padding-bottom: 12px; } @media only screen and (min-width: 768px) { .article-social-share.m-in-links { width: auto; float: right; border: none; padding-bottom: 0; } } @media only screen and (min-width: 768px) { .article-social-share.m-in-links ul { width: auto; } } .article-date { white-space: normal; margin-top: 8px; } @media only screen and (min-width: 768px) { .article-date { white-space: nowrap; margin-top: 0; } } .article-time { min-height: 20px; display: inline-block; } @media only screen and (min-width: 768px) { .article-time { display: inline-block; } } @media only screen and (min-width: 1024px) { .article-time { display: block; } } @media only screen and (min-width: 768px) { .article-time time:before { content: '-'; padding: 0 4px; } } .article-time .article-date:before { display: none; } @media only screen and (min-width: 1024px) { .article-normal .article-time { max-width: calc(100% - 170px); } } .article-social-share .btn-facebook { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; vertical-align: middle; } .article-social-share .btn-facebook:before { font-size: 24px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-social-share .btn-facebook:before:hover { text-decoration: none; } .article-social-share .btn-facebook:after { content: ""; margin-right: 0; margin-left: 0; } .article-social-share .btn-facebook:before, .article-social-share .btn-facebook:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .article-social-share .btn-facebook:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .article-social-share .btn-facebook:before, .article-social-share .btn-facebook:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .article-social-share .btn-twitter { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; vertical-align: middle; } .article-social-share .btn-twitter:before { font-size: 24px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-social-share .btn-twitter:before:hover { text-decoration: none; } .article-social-share .btn-twitter:after { content: ""; margin-right: 0; margin-left: 0; } .article-social-share .btn-twitter:before, .article-social-share .btn-twitter:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .article-social-share .btn-twitter:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .article-social-share .btn-twitter:before, .article-social-share .btn-twitter:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .article-social-share .btn-email { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; vertical-align: middle; } .article-social-share .btn-email:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-social-share .btn-email:before:hover { text-decoration: none; } .article-social-share .btn-email:after { content: ""; margin-right: 0; margin-left: 0; } .article-social-share .btn-email:before, .article-social-share .btn-email:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .article-social-share .btn-email:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .article-social-share .btn-email:before, .article-social-share .btn-email:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .article-social-share .btn-whatsapp { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; vertical-align: middle; } .article-social-share .btn-whatsapp:before { font-size: 24px; font-family: icons-min; content: "\e616"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-social-share .btn-whatsapp:before:hover { text-decoration: none; } .article-social-share .btn-whatsapp:after { content: ""; margin-right: 0; margin-left: 0; } .article-social-share .btn-whatsapp:before, .article-social-share .btn-whatsapp:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .article-social-share .btn-whatsapp:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .article-social-share .btn-whatsapp:before, .article-social-share .btn-whatsapp:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .article-container { padding: 1px 0 0; position: relative; } .article-content { margin-bottom: 48px; } @media only screen and (min-width: 768px) { .article-content { margin-bottom: 56px; } } .article-content:after { content: " "; display: block; clear: right; } .article-category, .article-featured-category { height: 48px; line-height: 48px; } @media only screen and (min-width: 768px) { .article-category, .article-featured-category { height: 56px; line-height: 56px; } } @media only screen and (min-width: 1150px) { .article-category, .article-featured-category { height: 56px; line-height: 56px; } } .article-category a, .article-featured-category a { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; background-color: #C00; color: #fff; } @media only screen and (min-width: 768px) { .article-category a, .article-featured-category a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .article-category a, .article-featured-category a { font-size: 13px; } } @media only screen and (min-width: 768px) { .article-category a, .article-featured-category a { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .article-category a, .article-featured-category a { height: 28px; line-height: 29px; } } .article-category a:hover, .article-featured-category a:hover { background-color: #f00; } .article-actions { margin: 0; } @media only screen and (min-width: 768px) { .article-actions { float: none; white-space: nowrap; margin: 28px 0 14px 24px; } } @media only screen and (min-width: 1024px) { .article-actions { float: none; position: absolute; right: 0; margin-top: 0; } } @media only screen and (min-width: 1280px) { .article-actions { margin-top: -7px; } } .article-actions.m-in-featured { margin-top: 0; margin-left: 0; } @media only screen and (min-width: 480px) { .article-actions.m-in-featured { position: static; } } @media only screen and (min-width: 768px) { .article-actions.m-in-featured { margin-left: 0; } } @media only screen and (min-width: 1024px) { .article-actions.m-in-featured { float: right; margin-top: -7px; } } .article-comments, .article-save { display: inline-block; } .article-comments a, .article-save a { vertical-align: middle; margin-bottom: 12px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; background-color: #900; color: #fff; background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } @media only screen and (min-width: 768px) { .article-comments a, .article-save a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .article-comments a, .article-save a { font-size: 13px; } } .article-comments a:hover, .article-save a:hover { background-color: #910000; color: #fff; } .article-comments a:hover, .article-save a:hover { text-decoration: none; } .article-comments a:active, .article-save a:active, .article-comments a:focus, .article-save a:focus { padding-top: 1px; } .article-comments a:hover, .article-save a:hover { background-color: #f4f4f4; color: #333; } .article-comments a:hover, .article-save a:hover { text-decoration: none; } .article-comments a:active, .article-save a:active, .article-comments a:focus, .article-save a:focus { padding-top: 1px; } .article-comments a:hover, .article-save a:hover { text-decoration: none; } .article-comments a:active, .article-save a:active, .article-comments a:focus, .article-save a:focus { padding-top: 1px; } @media only screen and (min-width: 768px) { .article-comments a, .article-save a { margin-bottom: 0; } } .article-comments a:before { font-size: 16px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-comments a:before:hover { text-decoration: none; } .article-comments a:after { content: ""; margin-right: 0; margin-left: 0; } .article-save a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; } .article-save a:before { font-size: 16px; font-family: icons-min; content: "\f004"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-save a:before:hover { text-decoration: none; } .article-save a:after { content: ""; margin-right: 0; margin-left: 0; } .article-save.m-saved a { color: #CF4053; } .article-metadata-container { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .article-metadata-container { clear: left; margin-left: 24px; margin-right: 372px; } } @media only screen and (min-width: 1024px) { .article-metadata-container { margin-left: 48px; margin-right: 396px; } } @media only screen and (min-width: 1440px) { .article-metadata-container { max-width: 1368px; margin-left: auto; margin-right: auto; } } .article-metadata { font-size: 15px; line-height: 20px; border-bottom: 1px solid #e9e9e9; padding-bottom: 12px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .article-metadata { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-metadata { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-metadata { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-metadata { line-height: 21px; } } @media only screen and (min-width: 768px) { .article-metadata { padding-bottom: 16px; margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .article-metadata { line-height: 24px; } } @media only screen and (min-width: 1280px) { .article-metadata { padding-bottom: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1440px) { .article-metadata { margin-right: 348px; } } .article-disclaimer { margin-top: 7px; } .article-author { display: inline-block; } @media only screen and (min-width: 1024px) { .article-author { display: block; } } @media only screen and (min-width: 1280px) { .article-author { position: absolute; width: 228px; margin-top: 58px; } } @media only screen and (min-width: 1440px) { .article-author { width: 300px; } } .article-author-avatar img { display: none; } @media only screen and (min-width: 1280px) { .article-author-avatar img { display: block; float: left; width: 56px; height: auto; margin-right: 12px; margin-bottom: 28px; } } .article-author-link { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; font-weight: bold; margin-right: 12px; margin-top: 7px; display: inline-block; } @media only screen and (min-width: 768px) { .article-author-link { font-size: 13px; } } @media only screen and (min-width: 1150px) { .article-author-link { font-size: 13px; } } .article-author-link:visited { color: #900; } .article-author-link:hover { color: #f00; } @media only screen and (min-width: 1280px) { .article-author-link { margin-top: 0; } } .article-author-twitter { color: #777; display: none; margin-right: 12px; } .article-author-twitter:hover { color: #f00; } @media only screen and (min-width: 1024px) { .article-author-twitter { display: inline; } } @media only screen and (min-width: 1280px) { .article-author-twitter { display: block; margin-top: 7px; } } .article-links { margin-left: 16px; margin-right: 16px; overflow: hidden; clear: left; } @media only screen and (min-width: 768px) { .article-links { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .article-links { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { .article-links { margin-left: calc((100% - 696px)/2); } } @media only screen and (min-width: 768px) { .article-links { border-bottom: 1px solid #e9e9e9; padding-bottom: 14px; margin-top: 28px; } } @media only screen and (min-width: 1024px) { .article-links { margin-top: 28px; } } @media only screen and (min-width: 768px) { .article-topics-list { margin-left: 4em; } } .article-topics-list ul, .article-topics-list li { display: inline; } .article-topics-tags li a { position: relative; overflow: hidden; } .article-topics-tags li a:before { font-size: 16px; font-family: icons-min; content: "\f02b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-topics-tags li a:before:hover { text-decoration: none; } .article-topics-tags li a:after { content: ""; margin-right: 0; margin-left: 0; } .article-topic-desc { font-size: 15px; line-height: 20px; color: #777; display: block; margin-bottom: 12px; margin-right: 12px; margin-left: 8px; } @media only screen and (min-width: 768px) { .article-topic-desc { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-topic-desc { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-topic-desc { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-topic-desc { line-height: 21px; } } @media only screen and (min-width: 768px) { .article-topic-desc { float: left; margin-bottom: 28px; line-height: 28px; margin-left: -4em; } } .article-topic-desc:after { content: ":"; } .article-topic-link { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; background-color: #C00; color: #fff; margin-bottom: 6px; } @media only screen and (min-width: 768px) { .article-topic-link { font-size: 13px; } } @media only screen and (min-width: 1150px) { .article-topic-link { font-size: 13px; } } @media only screen and (min-width: 768px) { .article-topic-link { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .article-topic-link { height: 28px; line-height: 29px; } } .article-topic-link:hover { background-color: #f00; } @media only screen and (min-width: 768px) { .article-topic-link { margin-bottom: 7px; } } @media only screen and (min-width: 1024px) { .article-normal-header { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .article-normal-header { max-width: 1368px; margin-left: auto; margin-right: auto; } } .article-normal-header h1 { margin-top: 24px; margin-bottom: 16px; padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 768px) { .article-normal-header h1 { margin-top: 56px; margin-bottom: 28px; padding-left: 24px; padding-right: 24px; } } @media only screen and (min-width: 1024px) { .article-normal-header h1 { padding: 0; margin-top: 64px; margin-bottom: 24px; } } @media only screen and (min-width: 1280px) { .article-normal-header h1 { margin-right: 348px; } } @media only screen and (min-width: 1024px) { .article-normal-header-content { float: left; width: calc(100% - 348px); } } @media only screen and (min-width: 768px) { .article-normal-header-content { padding-top: 56px; position: relative; } } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 768px) { .article-aside { width: 300px; margin-left: 48px; margin-right: 24px; margin-bottom: 28px; float: right; clear: right; } } @media only screen and (min-width: 1024px) { .article-aside { margin-right: 0; } } @media only screen and (min-width: 768px) { .article-aside { margin-left: 36px; } } @media only screen and (min-width: 768px) { .article-aside-content { float: right; width: 100%; max-width: 300px; } } @media only screen and (min-width: 768px) { .article-aside.m-normal-first-aside { margin-top: -70px; } } @media only screen and (min-width: 1024px) { .article-aside.m-normal-first-aside { margin-top: 28px; } } @media only screen and (min-width: 1024px) { .article-aside.m-blob-aside { margin-right: 24px; margin-top: 0; } } @media only screen and (min-width: 1440px) { .article-aside.m-blob-aside { float: none; width: auto; max-width: 1368px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .article-aside.m-blob-aside .article-aside-content { margin-left: 36px; } } /* .article-featured-header { .u-layout-edge-edge; max-height: 67vh; position: relative; margin-bottom: @m-line-height; @media @landscape { max-height: 125vh; } @media @tablet { margin-bottom: @d-line-height; } @media @desktop { max-height: 125vh; margin-bottom: @d-line-height*1.5; } } */ /* .article-featured-header { .u-layout-edge-edge; .viewport-unit(max-height, 67); //Fix for IOS7 (mixing inside -vars.less) position: relative; margin-bottom: @m-line-height; @media @landscape { .viewport-unit(max-height, 125); //Fix for IOS7 (mixing inside -vars.less) } @media @tablet { margin-bottom: @d-line-height; } @media @desktop { .viewport-unit(max-height, 125); //Fix for IOS7 (mixing inside -vars.less) margin-bottom: @d-line-height*1.5; } } */ .article-featured-header { margin: 0; max-width: 100%; position: relative; margin-bottom: 24px; max-height: 67vh; } @media only screen and (orientation: landscape) { .article-featured-header { max-height: 125vh; } } @media only screen and (min-width: 768px) { .article-featured-header { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .article-featured-header { max-height: 125vh; margin-bottom: 42px; } } @media only screen and (orientation: landscape) { .article-featured-header { max-height: 125vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .article-featured-header { max-height: 321.6px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .article-featured-header { max-height: 380.56px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .article-featured-header { max-height: 686.08px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .article-featured-header { max-height: 400px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .article-featured-header { max-height: 400px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .article-featured-header { max-height: 960px; } } .article-featured-cover { text-align: center; overflow: hidden; width: 200%; max-width: 200%; margin: 0 auto 0 -50%; max-height: 67vh; } .article-featured-cover img, .article-featured-cover iframe, .article-featured-cover object { display: block; width: 100%; height: auto; } .article-featured-cover img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto 0; } @media only screen and (min-width: 1024px) { .article-featured-cover img { margin-bottom: 24px; } } .article-featured-cover .asset-content { overflow: hidden; } @media only screen and (orientation: landscape) { .article-featured-cover { max-height: 125vh; width: 100%; margin: 0 auto; } } @media only screen and (min-width: 768px) { .article-featured-cover { width: 130%; margin: 0 auto 0 -15%; } } @media only screen and (min-width: 1024px) { .article-featured-cover { max-height: 125vh; width: 100%; margin: 0 auto; } } @media only screen and (orientation: landscape) { .article-featured-cover { max-height: 125vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .article-featured-cover { max-height: 321.6px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .article-featured-cover { max-height: 380.56px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .article-featured-cover { max-height: 686.08px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .article-featured-cover { max-height: 400px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .article-featured-cover { max-height: 400px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .article-featured-cover { max-height: 960px; } } .article-featured-cover img { display: block; width: 100%; height: auto; object-fit: cover; margin-bottom: 0; } @media only screen and (min-width: 768px) { .article-featured-cover img { margin-bottom: 0; } } .article-featured-cover span { display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); position: absolute; top: 0; left: 0; z-index: 1; } @media only screen and (min-width: 768px) { .article-featured-cover span { height: 50%; background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); } } @media only screen and (orientation: landscape) { .article-featured-cover span { height: 60%; background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); } } @media only screen and (min-width: 1024px) { .article-featured-cover span { height: 40%; background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); } } .article-featured-title-container { position: absolute; bottom: 24px; width: 100%; } @media only screen and (min-width: 768px) { .article-featured-title-container { bottom: auto; top: 28px; } } @media only screen and (min-width: 1024px) { .article-featured-title-container { top: 56px; } } @media only screen and (min-width: 1360px) { .article-featured-title-container { top: 84px; } } .article-featured-title { margin-left: 16px; margin-right: 16px; margin: 0 16px; } @media only screen and (min-width: 768px) { .article-featured-title { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .article-featured-title { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { .article-featured-title { max-width: 1044px; margin: 0 48px; } } @media only screen and (min-width: 1280px) { .article-featured-title { margin: 0 auto; } } .article-featured-title h1 { clear: both; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; text-transform: none; font-size: 33px; line-height: 36px; margin-top: 48px; margin-bottom: 24px; color: #fff; margin: 0; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 768px) { .article-featured-title h1 { margin-top: 56px; margin-bottom: 28px; font-size: 57px; line-height: 61.6px; } } @media only screen and (min-width: 1150px) { .article-featured-title h1 { margin-top: 56px; margin-bottom: 28px; font-size: 57px; line-height: 61.6px; } } .article-featured-category { float: left; opacity: 0.9; } .article-featured-category a { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 768px) { .article-featured-aside { width: 300px; margin-left: 48px; margin-right: 24px; margin-bottom: 28px; float: right; clear: right; } } @media only screen and (min-width: 1024px) { .article-featured-aside { margin-right: 0; } } @media only screen and (min-width: 768px) { .article-featured-aside { float: right; clear: right; } } @media only screen and (min-width: 1024px) { .article-featured-aside { margin-right: 0; } } @media only screen and (min-width: 1440px) { .article-featured-aside { margin-left: 48px; } } .brand-article-logo { background: #EFECE0; padding: 4px 0 0; position: relative; padding-bottom: 12px; } @media only screen and (min-width: 1024px) { .brand-article-logo { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .brand-article-logo { max-width: 1368px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .brand-article-logo { padding-bottom: 0; } } @media only screen and (min-width: 1024px) { .brand-article-logo { padding-top: 0; } } .brand-article-logo .brand-logo-disclaimer-text { display: block; height: auto; text-align: center; width: 100%; line-height: normal; margin-top: 10px; } .brand-logo-disclaimer-link { color: #333; text-decoration: underline; } .brand-logo-disclaimer-link:hover { color: #f00; } .legal-anchor-link { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .legal-anchor-link { font-size: 13px; } } @media only screen and (min-width: 1150px) { .legal-anchor-link { font-size: 13px; } } @media only screen and (min-width: 768px) { .legal-anchor-link { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .legal-anchor-link { line-height: 16.8px; } } .brand-article-inner { background: #EFECE0; text-align: center; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .brand-article-inner { font-size: 13px; } } @media only screen and (min-width: 1150px) { .brand-article-inner { font-size: 13px; } } @media only screen and (min-width: 768px) { .brand-article-inner { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .brand-article-inner { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .brand-article-inner { float: right; width: 300px; } } @media only screen and (min-width: 768px) { .brand-article-logo.m-normal .brand-article-inner { margin-top: 14px; margin-bottom: -14px; } } @media only screen and (min-width: 1024px) { .brand-article-logo.m-normal .brand-article-inner { margin-top: 14px; } } @media only screen and (min-width: 1024px) { .brand-article-logo.m-featured .brand-article-inner { position: absolute; top: 0; right: 0; padding: 28px 0; } } .brand-logo-disclaimer-text, .brand-logo-image { vertical-align: middle; height: 70px; } .brand-logo-disclaimer-text { width: 80px; text-align: right; } @media only screen and (min-width: 360px) { .brand-logo-disclaimer-text { width: 35%; } } @media only screen and (min-width: 480px) { .brand-logo-disclaimer-text { width: auto; } } .article-header-branded-container { background: #EFECE0; padding: 1px 0; } @media only screen and (min-width: 768px) { .article-header-branded-container { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .article-featured-title-container.m-branded { width: calc(100% - 324px); } } @media only screen and (min-width: 1280px) { .article-featured-title-container.m-branded { width: calc(100% - 444px); margin-left: 48px; } } .fb-save-container { display: inline-block; margin-left: 4px; } .fb-save-container .fb-save { margin: 0!important; display: inline-block !important; vertical-align: middle; } .fb-save-container .fb_iframe_widget { margin-bottom: 0!important; } /* added for event */ .article-event-title-container.article-featured-title-container { bottom: auto; top: 10px; } @media only screen and (min-width: 768px) { .article-event-title-container.article-featured-title-container { bottom: auto; top: 28px; } } @media only screen and (min-width: 1024px) { .article-event-title-container.article-featured-title-container { top: 56px; } } @media only screen and (min-width: 1360px) { .article-event-title-container.article-featured-title-container { top: 84px; } } .article-event-header.article-featured-header { max-height: 125vh; } @media only screen and (orientation: landscape) { .article-event-header.article-featured-header { max-height: 125vh; } } @media only screen and (min-width: 768px) { .article-event-header.article-featured-header { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .article-event-header.article-featured-header { max-height: 125vh; margin-bottom: 42px; } } .article-event-header.article-featured-header .article-featured-cover { max-height: 125vh; } .flag-task-14 .article-social-share.m-v1 { position: static; } .flag-task-14 .article-social-share.m-v1.is-visible { display: block; } .flag-task-14 .article-social-share.is-hidden.m-v1 { -webkit-transform: translate(0px, 0%); transform: translate(0px, 0%); } @media only screen and (min-width: 768px) { .flag-task-14 .article-social-share.is-hidden.m-v1 { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .flag-task-14 .article-social-share.m-v1 { display: none; line-height: 20px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } @media only screen and (max-height: 320px) and (orientation: landscape) { .flag-task-14 .article-social-share.m-v1 { -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } } @media only screen and (min-width: 768px) { .flag-task-14 .article-social-share.m-v1 { min-height: 42px; padding: 0; } } .flag-task-14 .article-social-share.m-v1 p { margin-top: 12px; margin-bottom: 12px; display: block; } @media only screen and (min-width: 768px) { .flag-task-14 .article-social-share.m-v1 p { margin-top: 7px; margin-bottom: 7px; margin-right: 0; display: inline-block; max-width: calc(100% - 185px); } } @media only screen and (min-width: 768px) { .flag-task-14 .article-social-share.m-v1 q { color: #333; float: left; max-width: 85%; } } .flag-task-14 .article-social-share.m-v1 ul { height: 72px; line-height: 72px; } @media only screen and (min-width: 768px) { .flag-task-14 .article-social-share.m-v1 ul { height: 42px; line-height: 42px; position: static; display: inline-block; width: 160px; margin-left: 12px; text-align: left; } } .flag-task-14 .article-social-share.m-v1 ul a { color: #fff; } .flag-task-14 .article-social-share.m-v1 .article-social-share-meta { display: block; width: 99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (min-width: 768px) { .flag-task-14 .article-social-share.m-v1 .article-social-share-meta { width: auto; margin-left: 12px; margin-right: 12px; } } .flag-task-14 .article-social-share.m-v1 .btn-facebook-count, .flag-task-14 .article-social-share.m-v1 .btn-facebook, .flag-task-14 .article-social-share.m-v1 .btn-twitter, .flag-task-14 .article-social-share.m-v1 .btn-email { width: 24px; height: 24px; line-height: 24px; } .flag-task-14 .article-social-share.m-v1 .btn-facebook-count:before, .flag-task-14 .article-social-share.m-v1 .btn-facebook:before, .flag-task-14 .article-social-share.m-v1 .btn-twitter:before, .flag-task-14 .article-social-share.m-v1 .btn-email:before { font-size: 14px; margin: 0 2px; line-height: 15px; } .flag-task-14 .article-social-share.m-v1 .btn-facebook-count { padding: 0 12px 0 6px; font-size: 13px; width: auto; } .flag-task-14 .article-social-share.m-v1 .btn-facebook-count:before { vertical-align: baseline; } .article-content-wrapper { display: flex; flex-direction: column; } .article-content-wrapper .article-content-outer { order: -1; } .article-content-wrapper .article-content-outer .article-social-share { position: static; width: auto; margin-bottom: 9.6px; } @media only screen and (min-width: 1024px) { .article-content-wrapper .article-content-outer .article-social-share { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .article-content-wrapper .article-content-outer .article-social-share { max-width: 1368px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .article-content-wrapper .article-content-inner .article-normal-header-content { padding-top: 0; } } @media only screen and (min-width: 1024px) { .article-content-wrapper .article-content-inner .article-aside.m-normal-first-aside { margin-top: 0; } } .article-featured .article-content-outer { position: relative; } .article-featured .article-content-outer .article-social-share { position: static; width: auto; } @media only screen and (min-width: 1024px) { .article-featured .article-content-outer .article-social-share { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .article-featured .article-content-outer .article-social-share { max-width: 1368px; margin-left: auto; margin-right: auto; } } .article-featured .article-content-outer .article-social-share.m-in-featured { text-align: right; position: absolute; right: 0; top: 64.8px; left: 0; z-index: 1; float: none; margin: 0 auto; min-height: 0; overflow: visible; width: 100%; } @media only screen and (min-width: 768px) { .article-featured .article-content-outer .article-social-share.m-in-featured { margin-right: 72px; max-width: 696px; top: 28px; } } @media only screen and (min-width: 1024px) { .article-featured .article-content-outer .article-social-share.m-in-featured { margin-right: 48px; max-width: 1044px; top: 56px; } } @media only screen and (min-width: 1150px) { .article-featured .article-content-outer .article-social-share.m-in-featured { right: 0; margin-right: auto; } } @media only screen and (min-width: 1360px) { .article-featured .article-content-outer .article-social-share.m-in-featured { top: 91px; } } .article-featured .article-featured-title-container { z-index: 1; } .article-featured .article-featured-category { z-index: auto; } .article-featured .article-featured-category { position: absolute; top: 0; } @media only screen and (min-width: 1440px) { .clubmarca .article-content-wrapper .article-content-outer .article-social-share { margin-left: 48px; margin-right: 48px; } } .article-comments { float: left; background-color: transparent; margin-bottom: 0; height: auto; line-height: 20px; } .article-comments a { color: #C00; font-weight: 900; background: transparent; padding: 0; letter-spacing: 0; font-size: 15px; height: auto; line-height: 20px; display: inline-flex; } .article-comments a:before { font-size: 27px; } @media only screen and (min-width: 360px) { .article-comments a:before { font-size: 27px; } } @media only screen and (min-width: 1024px) { .article-comments a { line-height: 24px; } } @media only screen and (min-width: 1024px) { .article-featured .article-aside-content { margin-top: 54px; } } @media only screen and (min-width: 1280px) { .article-featured .article-aside-content { margin-top: 20px; } } @media only screen and (min-width: 1440px) { .article-featured .article-aside-content { margin-top: 44px; } } .blob img { margin: 24px auto; width: auto; max-width: 100%; } @media only screen and (min-width: 768px) { .blob img { margin-top: 28px; margin-bottom: 28px; } } .blob p img { margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 768px) { .blob p img { margin-top: 0; margin-bottom: 0; } } .blob img.izquierda, .blob img.izquierda_sinmarco { display: block; width: 100%; max-width: 100%; height: auto; } @media only screen and (min-width: 768px) { .blob img.izquierda, .blob img.izquierda_sinmarco { float: left; margin-right: 24px; max-width: 372px; } } @media only screen and (min-width: 1024px) { .blob img.izquierda, .blob img.izquierda_sinmarco { margin-bottom: 28px; margin-right: 48px; margin-top: 0; } } .blob img.derecha, .blob img.derecha_sinmarco { display: block; width: 100%; max-width: 100%; height: auto; } @media only screen and (min-width: 768px) { .blob img.derecha, .blob img.derecha_sinmarco { float: right; margin-left: 24px; max-width: 372px; } } @media only screen and (min-width: 1024px) { .blob img.derecha, .blob img.derecha_sinmarco { margin-bottom: 28px; margin-left: 48px; } } .blob img.centro, .blob img.centro_sinmarco { display: block; width: calc(100% + 16px*2); max-width: calc(100% + 16px*2); height: auto; margin-left: -16px; margin-right: -16px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .blob img.centro, .blob img.centro_sinmarco { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 28px; } } .caption-img, .caption, .article-metadata, .article-links, .article-link-related, .article-social-share { font-size: 15px; color: #888; line-height: 20px; } @media only screen and (min-width: 768px) { .caption-img, .caption, .article-metadata, .article-links, .article-link-related, .article-social-share { font-size: 16px; } } @media only screen and (min-width: 1150px) { .caption-img, .caption, .article-metadata, .article-links, .article-link-related, .article-social-share { font-size: 16px; } } @media only screen and (min-width: 768px) { .caption-img, .caption, .article-metadata, .article-links, .article-link-related, .article-social-share { line-height: 21px; } } .caption-img span { font-size: 15px; line-height: 20px; font-weight: 400; font-style: italic; color: #777; text-transform: none; display: block; border-bottom: 1px solid #e9e9e9; padding: 12px 0; margin-bottom: 24px; text-align: left; } @media only screen and (min-width: 768px) { .caption-img span { font-size: 16px; } } @media only screen and (min-width: 1150px) { .caption-img span { font-size: 16px; } } @media only screen and (min-width: 768px) { .caption-img span { line-height: 21px; } } @media only screen and (min-width: 1150px) { .caption-img span { line-height: 21px; } } @media only screen and (min-width: 768px) { .caption-img span { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .caption-img span { max-width: 696px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .caption-img span { padding-top: 14px; padding-bottom: 14px; margin-bottom: 28px; } } .caption-img { text-align: center; } .caption-img img, .caption-img img.centro, .caption-img img.centro_sinmarco, .supercaption img, .supercaption img.centro, .supercaption img.centro_sinmarco { margin-bottom: 0; } .supercaption { margin-bottom: 24px; position: relative; } .supercaption br { display: none; } .supercaption .caption { background: #ececec; color: #333; padding: 12px 16px; text-align: left; } @media only screen and (min-width: 768px) { .supercaption .caption { background: rgba(255, 255, 255, 0.8); margin: 28px 0; padding: 28px 24px; position: absolute; right: 0; top: 0; width: 324px; } } .supercaption .caption h2, .supercaption .caption h3, .supercaption .caption h4, .supercaption .caption h5, .supercaption .caption h6 { margin-top: 0; } .supercaption .invertido { background: rgba(0, 0, 0, 0.8); color: #ddd; } @media only screen and (min-width: 768px) { .supercaption .invertido { background: rgba(0, 0, 0, 0.6); } } @media only screen and (min-width: 768px) { .supercaption .derecha { left: auto; right: 0; } } @media only screen and (min-width: 768px) { .supercaption .izquierda { left: 0; right: auto; } } @media only screen and (min-width: 768px) { .supercaption .arriba, .supercaption .abajo { margin: 0 24px; } } @media only screen and (min-width: 768px) { .supercaption .arriba { bottom: auto; top: 0; } } @media only screen and (min-width: 768px) { .supercaption .abajo { top: auto; bottom: 0; } } .sumario, .sumario_derecha, .sumario_izquierda, .blob .sumario_derecha, .blob .sumario_izquierda, .blob .sumario { color: #6F6361; text-align: left; font-family: Roboto Condensed, Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 22px; line-height: 28.8px; margin-top: 0; margin-bottom: 24px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 24px 0; } @media only screen and (min-width: 768px) { .sumario, .sumario_derecha, .sumario_izquierda, .blob .sumario_derecha, .blob .sumario_izquierda, .blob .sumario { font-size: 23px; line-height: 29.4px; padding-top: 28px; padding-bottom: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .sumario, .sumario_derecha, .sumario_izquierda, .blob .sumario_derecha, .blob .sumario_izquierda, .blob .sumario { font-size: 23px; line-height: 29.4px; padding-top: 28px; padding-bottom: 28px; margin-bottom: 28px; } } .sumario p, .sumario_derecha p, .sumario_izquierda p, .blob .sumario_derecha p, .blob .sumario_izquierda p, .blob .sumario p { margin: 0; } @media only screen and (min-width: 768px) { .sumario p, .sumario_derecha p, .sumario_izquierda p, .blob .sumario_derecha p, .blob .sumario_izquierda p, .blob .sumario p { margin: 0; } } @media only screen and (min-width: 1024px) { .sumario p, .sumario_derecha p, .sumario_izquierda p, .blob .sumario_derecha p, .blob .sumario_izquierda p, .blob .sumario p { margin: 0; } } .ficha { margin-left: 16px; margin-right: 16px; margin-top: 24px; margin-bottom: 24px; background: #ececec; padding: 1px 0 12px; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 768px) { .ficha { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .ficha { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .ficha { padding-bottom: 14px; margin-top: 28px; margin-bottom: 28px; } } .ficha h4 { font-size: 15px; line-height: 20px; font-weight: normal; margin: 18px 0; } @media only screen and (min-width: 768px) { .ficha h4 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .ficha h4 { font-size: 16px; } } @media only screen and (min-width: 768px) { .ficha h4 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .ficha h4 { line-height: 21px; } } .ficha .ficha-first-price { font-weight: bold; font-size: 1em; margin-bottom: 18px 0; } @media only screen and (min-width: 768px) { .ficha .ficha-first-price { margin-bottom: 21px 0; } } @media only screen and (min-width: 1150px) { .ficha .ficha-first-price { margin-bottom: 21px 0; } } .ficha .btn-price-ficha-tecnica { margin: 14px 0 0 0; text-align: center; } @media only screen and (min-width: 768px) { .ficha .btn-price-ficha-tecnica { float: right; clear: right; } } .ficha br { display: none; } .ficha-titulo { margin: 3px 4px; overflow: hidden; background: #fff; padding: 1px 0; } .ficha-titulo h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin: 12px 0 6px; } @media only screen and (min-width: 768px) { .ficha-titulo h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .ficha-titulo h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .ficha-titulo h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .ficha-titulo h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .ficha-titulo h2 { margin-top: 14px; margin-bottom: 7px; } } .ficha-titulo h2 span { display: block; text-transform: none; font-weight: normal; font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .ficha-titulo h2 span { font-size: 16px; } } @media only screen and (min-width: 1150px) { .ficha-titulo h2 span { font-size: 16px; } } @media only screen and (min-width: 768px) { .ficha-titulo h2 span { line-height: 21px; } } @media only screen and (min-width: 1150px) { .ficha-titulo h2 span { line-height: 21px; } } .ficha-titulo h2 span.caps { text-transform: uppercase; } .ficha-titulo img { float: left; height: 48px; width: auto; margin: 6px 8px; padding: 0; border: none; vertical-align: middle; } @media only screen and (min-width: 768px) { .ficha-titulo img { height: 56px; margin: 7px 24px; } } .ficha-desc { margin: 24px 16px 0; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .ficha-desc { font-size: 16px; } } @media only screen and (min-width: 1150px) { .ficha-desc { font-size: 16px; } } @media only screen and (min-width: 768px) { .ficha-desc { line-height: 21px; } } @media only screen and (min-width: 1150px) { .ficha-desc { line-height: 21px; } } @media only screen and (min-width: 768px) { .ficha-desc { margin: 28px 24px 0; } } .ficha-desc ul { margin-top: 24px; } @media only screen and (min-width: 480px) { .ficha-desc ul { margin-right: 130px; } } @media only screen and (min-width: 768px) { .ficha-desc ul { margin-top: 0; } } .ficha-desc li { margin-left: 0; margin-right: 0; } @media only screen and (min-width: 768px) { .ficha-desc li { margin-left: 24px; } } .ficha-desc p { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .ficha-desc p { font-size: 13px; } } @media only screen and (min-width: 1150px) { .ficha-desc p { font-size: 13px; } } @media only screen and (min-width: 768px) { .ficha-desc p { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .ficha-desc p { line-height: 16.8px; } } .ficha-desc img { display: block; width: 120px; height: 120px; border: 1px solid #e9e9e9; padding: 4px; margin: 0 auto; background: #fff; } @media only screen and (min-width: 480px) { .ficha-desc img { float: right; } } .nota, .firmainvitada { margin-left: 16px; margin-right: 16px; border-left: 4px solid #e9e9e9; font-size: 15px; line-height: 20px; font-style: italic; padding-left: 16px; } @media only screen and (min-width: 768px) { .nota, .firmainvitada { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .nota, .firmainvitada { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .nota, .firmainvitada { font-size: 16px; } } @media only screen and (min-width: 1150px) { .nota, .firmainvitada { font-size: 16px; } } @media only screen and (min-width: 768px) { .nota, .firmainvitada { line-height: 21px; } } @media only screen and (min-width: 1150px) { .nota, .firmainvitada { line-height: 21px; } } @media only screen and (min-width: 768px) { .nota, .firmainvitada { padding-left: 24px; } } .nota hr, .firmainvitada hr { border: none; color: #e9e9e9; background: #e9e9e9; height: 1px; } .nota img, .nota img.derecha, .firmainvitada img, .firmainvitada img.derecha { border: 1px solid #e9e9e9; background: #fff; padding: 4px; display: block; margin: 0 auto; } @media only screen and (min-width: 768px) { .nota img, .nota img.derecha, .firmainvitada img, .firmainvitada img.derecha { float: right; } } @media only screen and (min-width: 1024px) { .nota img, .nota img.derecha, .firmainvitada img, .firmainvitada img.derecha { margin-right: 0; } } .blob p a.tweet-this { text-decoration: none; color: #444; } .tweet-this { border-bottom: 1px dotted #00abf1; color: #444; } .tweet-this:hover { background-color: #EFFBFF; color: #00abf1; border: none; } .tweet-this:after { color: #00abf1; } .sumario .tweet-this, .sumario_derecha .tweet-this, .sumario_izquierda .tweet-this { border-bottom: none; } .sumario .tweet-this:after, .sumario_derecha .tweet-this:after, .sumario_izquierda .tweet-this:after { font-style: normal; vertical-align: text-bottom; } .ficha-producto { margin: 0 16px 24px; max-width: 100%; overflow: hidden; position: relative; } @media only screen and (min-width: 768px) { .ficha-producto { margin: 0 24px 28px; } } @media only screen and (min-width: 1024px) { .ficha-producto { margin: 0 auto 28px; } } .ficha-producto h2 { display: inline-block; background: #C00; color: #fff; padding: 12px 16px !important; margin: 150px 0 0 !important; font-size: 18px; position: relative; } .ficha-producto .datos { background: rgba(255, 255, 255, 0.9); border: 2px solid #C00; position: relative; margin: 0 0 24px; padding: 0 0 8px; } .ficha-producto p { padding: 16px 24px; margin: 0 0 8px; border-bottom: 1px solid #eee; } .ficha-producto img, .ficha-producto img.centro, .ficha-producto img.centro_sinmarco { width: auto; max-height: 250px; display: block; position: absolute; right: 0; } .ficha-producto img.derecha, .ficha-producto img.derecha_sinmarco { right: 48px; } .ficha-producto table { margin: 0; border: none; width: auto; } .ficha-producto th, .ficha-producto td { padding: 8px 0 8px 24px; border: none; vertical-align: top; } .ficha-producto th { font-size: 0.8em; font-weight: normal; text-transform: uppercase; color: #999; } .article-taxonomy a { background-color: #C00; color: #fff; border-radius: 4px; padding: 7px 10px 5px; line-height: 48px; white-space: nowrap; } /* Amazon affiliate widgets */ .af-box { margin-left: 16px; margin-right: 16px; border-radius: 4px; border: 4px solid #eee; background: #fcfcfc; text-align: center; margin-top: 24px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .af-box { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .af-box { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .af-box { margin-top: 28px; margin-bottom: 28px; } } .af-box:hover { border-color: #ddd; } .af-box h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin: 12px 16px; } @media only screen and (min-width: 768px) { .af-box h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .af-box h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .af-box h2 { margin: 14px 24px; } } .af-box p, .af-box ul { margin: 0; } .af-box li { margin: 0 0 0 4%; width: 44%; float: left; display: inline; } .af-box p { width: 80%; margin: 0 auto; } .af-box a { color: #333; } .af-image img { display: block; max-width: 100%; height: auto; margin: 0; } .af-buy a { display: block; background: #fee260; width: 100%; overflow: hidden; border-radius: 4px; padding: 12px 0; margin: 0 auto 12px; line-height: 1; } .af-box li .af-buy a { margin-right: 0; } .af-buy a:hover { color: #fff !important; background: #ff9900; text-decoration: none; } .af-name { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .af-name { font-size: 13px; } } @media only screen and (min-width: 1150px) { .af-name { font-size: 13px; } } @media only screen and (min-width: 768px) { .af-name { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .af-name { line-height: 16.8px; } } .af-price { font-size: 17px; line-height: 24px; font-weight: bold; white-space: nowrap; } @media only screen and (min-width: 768px) { .af-price { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .af-price { font-size: 19px; line-height: 28px; } } /* Landscape style */ .af-box-landscape { width: 95%; text-align: left; } .af-box-landscape .af-image { width: 35%; display: inline-block; vertical-align: middle; } .af-box-landscape .af-data { width: 64%; display: inline-block; vertical-align: middle; text-align: center; } .af-box-landscape .af-price { display: block; } /* Compact style */ .af-box-compact { text-align: left; width: 95%; max-width: 660px; } .af-box-compact .af-image { width: 150px; float: left; } .af-box-compact .af-data { min-height: 110px; line-height: 110px; text-align: left; display: block; width: auto; } .af-box-compact h2 { display: inline-block; width: 280px; padding: 0; vertical-align: middle; } .af-box-compact p { width: 145px; display: inline-block; vertical-align: middle; } .af-box-compact .af-buy a { width: auto; padding: 12px; margin: 0; text-transform: none; text-align: center; } .af-box-compact .af-price { display: block; } .af-inverted { background: #222; border-color: #bbb; } .af-inverted h2, .af-inverted h2 a { color: #eee; } .af-inverted .af-image { opacity: 0.8; } /* Affiliates Mobile styles */ @media screen and (orientation: portrait) and (max-width: 479px) { .af-box .af-image { display: inline-block; height: 120px; overflow: hidden; } } @media screen and (orientation: landscape) and (max-width: 679px) { .af-box { width: 95%; text-align: left; width: 90%; margin-left: auto; margin-right: auto; } .af-box .af-image { width: 35%; display: inline-block; vertical-align: middle; } .af-box .af-data { width: 64%; display: inline-block; vertical-align: middle; text-align: center; } .af-box .af-price { display: block; } } @media screen and (orientation: portrait) and (min-width: 480px) { .af-box { width: 95%; text-align: left; width: 90%; margin-left: auto; margin-right: auto; } .af-box .af-image { width: 35%; display: inline-block; vertical-align: middle; } .af-box .af-data { width: 64%; display: inline-block; vertical-align: middle; text-align: center; } .af-box .af-price { display: block; } } @media screen and (min-width: 680px) { .af-box { text-align: left; width: 95%; max-width: 660px; width: 90%; margin-left: auto; margin-right: auto; } .af-box .af-image { width: 35%; display: inline-block; vertical-align: middle; } .af-box .af-data { width: 64%; display: inline-block; vertical-align: middle; text-align: center; } .af-box .af-price { display: block; } .af-box .af-image { width: 150px; float: left; } .af-box .af-data { min-height: 110px; line-height: 110px; text-align: left; display: block; width: auto; } .af-box h2 { display: inline-block; width: 280px; padding: 0; vertical-align: middle; } .af-box p { width: 145px; display: inline-block; vertical-align: middle; } .af-box .af-buy a { width: auto; padding: 12px; margin: 0; text-transform: none; text-align: center; } .af-box .af-price { display: block; } } .af-box, .af-box-compact, .af-box-landscape { width: 90%; margin-left: auto; margin-right: auto; } .af-box h2 span { display: none; } /* added for vida extra */ .af-box-5 { padding-bottom: 20px; } .af-box-5 h2 { width: auto; } .af-box-5 .af-buy { clear: both; margin: 0; padding: 0; } .af-box-5 .af-buy a { text-align: center; } .af-box-5 .af-buy li { margin-top: 10px; width: 28%; } .af-box-5 .af-buy li:nth-child(4) { margin-left: 20%; } .af-box-4 { padding-bottom: 10px; } .af-box-4 h2 { width: auto; } .af-box-4 .af-buy { clear: both; margin: 0; padding: 0; } .af-box-4 .af-buy a { text-align: center; } .af-box-4 .af-buy li { margin-top: 10px; } .af-box-3 { padding-bottom: 20px; } .af-box-3 h2 { width: auto; } .af-box-3 .af-buy { clear: both; margin: 0; padding: 0; } .af-box-3 .af-buy a { text-align: center; } .af-box-3 .af-buy li { margin-top: 10px; width: 28%; } .af-box-2 { padding-bottom: 10px; } .af-box-2 h2 { width: auto; } .af-box-2 .af-buy { clear: both; margin: 0; padding: 0; } .af-box-2 .af-buy a { text-align: center; } .af-box-2 .af-buy li { margin-top: 10px; } .af-box-1 { padding-bottom: 10px; } .af-box-1 .af-data { display: inline-block; margin: 0; } .af-box-1 .af-buy { width: 50%; margin: 10px auto 0 auto; } .af-box-1 .af-buy a { text-align: center; } .af-box-1 .af-buy li { width: 100%; } @media all and (orientation: portrait) { .af-box-5 .af-buy li, .af-box-3 .af-buy li { width: 44%; } .af-box-5 .af-buy li:nth-child(4), .af-box-3 .af-buy li:nth-child(4) { margin-left: 4%; } .af-box-5 .af-buy li:last-child, .af-box-3 .af-buy li:last-child { width: 92%; } .af-box-5 .af-buy li:last-child a, .af-box-3 .af-buy li:last-child a { width: 50%; margin: 0 auto; } } @media only screen and (min-width: 768px) { /* Amazon affiliate widgets */ .af-box { margin-left: 16px; margin-right: 16px; margin-left: auto; margin-right: auto; overflow: hidden; border-radius: 4px; border: 4px solid #eee; background: #fcfcfc; text-align: center; } .af-box:hover { border-color: #ddd; } .af-box h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin: 12px; padding: 0; color: #666; } .af-box h2 span { display: block; /*color: @color-text-faded;*/ margin: 6px 0 0; font-size: 13px; font-weight: normal; } .af-box p, .af-box ul { margin: 0; } .af-box li { margin: 0 0 0 4%; width: 44%; float: left; display: inline; } .af-box p { width: 80%; margin: 0 auto; } .af-box a { color: #333; } .af-image img { display: block; max-width: 100%; height: auto; } .af-buy a { display: block; font-size: 0.9em; background: #fee260; width: 100%; overflow: hidden; line-height: 1; border-radius: 4px; padding: 12px 0; margin: 0 auto 12px; } .af-box li .af-buy a { margin-right: 0; } .af-buy a:hover { color: #fff !important; background: #ff9900; text-decoration: none; } li .af-name { font-size: 0.9em; white-space: nowrap; } li .af-price { display: block; font-size: 1.5em; margin-top: 6px; } /* Landscape style */ .af-box-landscape { width: 95%; text-align: left; } .af-box-landscape .af-image { width: 35%; display: inline-block; vertical-align: middle; } .af-box-landscape .af-data { width: 64%; display: inline-block; vertical-align: middle; text-align: center; } /* Compact style */ .af-box-compact { text-align: left; width: 95%; max-width: 660px; } .af-box-compact .af-image { width: 150px; float: left; } .af-box-compact .af-data { min-height: 110px; line-height: 110px; text-align: left; display: block; width: auto; } .af-box-compact h2 { display: inline-block; width: 300px; padding: 0; vertical-align: middle; } .af-box-compact p { width: 145px; display: inline-block; vertical-align: middle; } .af-box-compact .af-buy a { width: auto; padding: 12px; margin: 0; text-transform: none; text-align: center; } .af-box-compact .af-name { font-size: 15px; line-height: 20px; } .af-box-compact .af-price { display: block; margin-top: 6px; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; } .af-inverted { background: #222; border-color: #bbb; } .af-inverted h2, .af-inverted h2 a { color: #eee; } .af-inverted .af-image { opacity: 0.8; } /* Affiliates desktop styles */ .af-box-compact { width: 100%; } .af-box { text-align: left; width: 95%; max-width: 660px; width: 100%; } .af-box .af-image { width: 35%; display: inline-block; vertical-align: middle; } .af-box .af-data { width: 64%; display: inline-block; vertical-align: middle; text-align: center; } .af-box .af-image { width: 150px; float: left; } .af-box .af-data { min-height: 110px; line-height: 110px; text-align: left; display: block; width: auto; } .af-box h2 { display: inline-block; width: 300px; padding: 0; vertical-align: middle; } .af-box p { width: 145px; display: inline-block; vertical-align: middle; } .af-box .af-buy a { width: auto; padding: 12px; margin: 0; text-transform: none; text-align: center; } .af-box .af-name { font-size: 15px; line-height: 20px; } .af-box .af-price { display: block; margin-top: 6px; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; } /* added for vida extra */ .af-box-5 h2 { width: auto; } .af-box-5 .af-buy { clear: both; } .af-box-5 .af-buy li { width: 17.5%; margin: 10px 0 10px 2%; } .af-box-4 h2 { width: auto; } .af-box-4 .af-buy { clear: both; } .af-box-4 .af-buy li { width: 22.5%; margin: 10px 0 10px 2%; } .af-box-3 h2 { width: auto; } .af-box-3 .af-buy { clear: both; } .af-box-3 .af-buy li { width: 30%; margin: 10px 0 10px 2.5%; } .af-box-2 { padding: 0; } .af-box-2 h2 { width: auto; } .af-box-2 .af-data { display: inline-block; margin: 0; } .af-box-2 .af-buy { float: right; clear: none; } .af-box-2 .af-buy li { margin-top: 10px; margin-bottom: 10px; } .af-box-2 .af-name { width: 100px; display: inline-block; } .af-box-1 { padding: 0; } .af-box-1 .af-data { display: inline-block; margin: 0; } .af-box-1 .af-buy { float: right; margin: 20px 20px 0 0; width: auto; } .af-box-1 .af-buy li { width: 100%; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .af-box { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1024px) { .af-box { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .af-box h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .af-box h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .af-box h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .af-box h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .af-box-compact .af-name { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .af-box-compact .af-name { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .af-box-compact .af-name { line-height: 21px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .af-box-compact .af-name { line-height: 21px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .af-box-compact .af-price { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .af-box-compact .af-price { font-size: 23px; line-height: 29.4px; } } .af-box-container { overflow: hidden; } @media only screen and (min-width: 1024px) { .af-box-container { margin-left: calc((100% - 696px)/2); margin-right: calc((100% - 696px)/2); } } .af-box { box-sizing: border-box; display: flex; align-items: center; } .af-image img { max-height: 150px; margin: 0 auto; } .af-image { margin: 6px 8px; } .base-asset-vine { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .base-asset-vine embed, .base-asset-vine iframe, .base-asset-vine object, .base-asset-vine video, .base-asset-vine .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .asset-game { width: 100%; min-width: 300px; max-width: 696px; overflow: hidden; } .asset-game-date, .asset-game-streaming { font-size: 13px; line-height: 16px; height: 24px; line-height: 24px; } @media only screen and (min-width: 768px) { .asset-game-date, .asset-game-streaming { font-size: 13px; } } @media only screen and (min-width: 1150px) { .asset-game-date, .asset-game-streaming { font-size: 13px; } } @media only screen and (min-width: 768px) { .asset-game-date, .asset-game-streaming { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .asset-game-date, .asset-game-streaming { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .asset-game-date, .asset-game-streaming { height: 28px; line-height: 28px; } } @media only screen and (min-width: 1024px) { .asset-game-date, .asset-game-streaming { height: 28px; line-height: 28px; } } .asset-game-streaming { float: right; } .asset-game-streaming a { display: inline-block; background-color: #C00; color: #fff; background: #D44040; padding: 0 8px; text-transform: uppercase; font-size: 11px; } .asset-game-streaming a:before { font-size: 16px; font-family: icons-min; content: "\e613"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .asset-game-streaming a:before:hover { text-decoration: none; } .asset-game-streaming a:after { content: ""; margin-right: 0; margin-left: 0; } .asset-game-streaming a:hover { background-color: #f00; } @media only screen and (min-width: 768px) { .asset-game-streaming a { font-size: 11px; } } @media only screen and (min-width: 1150px) { .asset-game-streaming a { font-size: 11px; } } .asset-game-date { background: rgba(0, 0, 0, 0.35); color: #fff; padding-left: 8px; margin-bottom: 1px; } .asset-game-local, .asset-game-visitor { float: left; width: 49%; width: calc(50% - 1px); background: #333; color: #fff; text-align: center; height: 72px; display: -webkit-flex; -webkit-flex-direction: row; -webkit-flex-wrap: nowrap; -webkit-justify-content: space-around; -webkit-align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; } @media only screen and (min-width: 768px) { .asset-game-local, .asset-game-visitor { height: 84px; } } @media only screen and (min-width: 1024px) { .asset-game-local, .asset-game-visitor { height: 84px; } } .asset-game-local-name, .asset-game-visitor-name, .asset-game-local-image, .asset-game-visitor-image, .asset-game-local-score, .asset-game-visitor-score { display: inline-block; vertical-align: middle; } .asset-game-local-name, .asset-game-visitor-name { font-size: 13px; line-height: 16px; opacity: 0.6; width: 0; overflow: hidden; } @media only screen and (min-width: 768px) { .asset-game-local-name, .asset-game-visitor-name { font-size: 13px; } } @media only screen and (min-width: 1150px) { .asset-game-local-name, .asset-game-visitor-name { font-size: 13px; } } @media only screen and (min-width: 768px) { .asset-game-local-name, .asset-game-visitor-name { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .asset-game-local-name, .asset-game-visitor-name { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .asset-game-local-name, .asset-game-visitor-name { width: auto; -webkit-flex-grow: 1; -webkit-flex-basis: 50px; flex-grow: 1; flex-basis: 50px; padding: 0 4px; } } .asset-game-local-image, .asset-game-visitor-image { width: 56px; overflow: hidden; margin: 0 8px; } .asset-game-local-image img, .asset-game-visitor-image img { display: block; max-width: 100%; height: auto; max-height: 64px; } .asset-game-local-score, .asset-game-visitor-score { font-size: 33px; line-height: 36px; letter-spacing: 0; font-weight: 100; width: 56px; overflow: hidden; } @media only screen and (min-width: 768px) { .asset-game-local-score, .asset-game-visitor-score { font-size: 40px; } } @media only screen and (min-width: 1150px) { .asset-game-local-score, .asset-game-visitor-score { font-size: 40px; } } @media only screen and (min-width: 768px) { .asset-game-local-score, .asset-game-visitor-score { line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .asset-game-local-score, .asset-game-visitor-score { line-height: 44.8px; } } @media only screen and (min-width: 1024px) { .asset-game-local-score, .asset-game-visitor-score { width: 64px; } } .asset-game-visitor { float: right; } .home-game-results-container { clear: both; background: #232323; color: #fff; padding: 12px 0 0; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .home-game-results-container { margin-bottom: 0; } } .home-game-results { margin: 0; max-width: 100%; max-width: 1368px; margin: 0 auto; } .home-game-results-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; font-weight: 100; padding-left: 16px; } @media only screen and (min-width: 768px) { .home-game-results-title { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .home-game-results-title { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .home-game-results-title { display: inline-block; padding-left: 0; margin-left: 2.5%; margin-top: 28px; } } @media only screen and (min-width: 1024px) { .home-game-results-title { margin-top: 28px; } } @media only screen and (min-width: 1280px) { .home-game-results-title { margin-left: 1.5%; } } .home-game-results-title a { color: #fff; } .home-game-results-title a:hover { text-decoration: underline; } .home-game-results-subtitle { font-size: 13px; line-height: 16px; opacity: 0.6; padding-left: 16px; margin-top: 12px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .home-game-results-subtitle { font-size: 13px; } } @media only screen and (min-width: 1150px) { .home-game-results-subtitle { font-size: 13px; } } @media only screen and (min-width: 768px) { .home-game-results-subtitle { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .home-game-results-subtitle { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .home-game-results-subtitle { display: inline; } } .home-game-results-subtitle a { color: #fff; } .home-game-results-subtitle a:hover { text-decoration: underline; } .home-game-results-aside { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; font-weight: 100; margin-top: 0; margin-right: 16px; float: right; } @media only screen and (min-width: 768px) { .home-game-results-aside { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .home-game-results-aside { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .home-game-results-aside { margin-right: 2.5%; margin-top: 28px; } } @media only screen and (min-width: 1024px) { .home-game-results-aside { margin-top: 28px; } } @media only screen and (min-width: 1280px) { .home-game-results-aside { margin-right: 1.5%; } } .home-game-results-aside a { color: #fff; } .home-game-results-aside a:hover { text-decoration: underline; } .home-game-list { white-space: nowrap; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 0; clear: both; } .home-game-list:after { content: "Desliza para ver más »"; font-weight: 400; font-style: italic; color: #777; text-transform: none; font-size: 15px; color: #888; line-height: 20px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .home-game-list:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .home-game-list:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .home-game-list:after { line-height: 21px; } } @media only screen and (min-width: 1150px) { .home-game-list:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .home-game-list:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .home-game-list:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .home-game-list:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .home-game-list:after { font-size: 13px; } } @media only screen and (min-width: 1150px) { .home-game-list:after { font-size: 13px; } } @media only screen and (min-width: 768px) { .home-game-list:after { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .home-game-list:after { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .home-game-list:after { content: ""; margin: 0; padding: 0; border: none; } } .home-game-list:after { display: block; margin-left: 16px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .home-game-list { white-space: normal; overflow: visible; } } .home-game-list .asset-game { display: inline-block; vertical-align: top; white-space: normal; margin: 12px 0 6px 16px; } .home-game-list .asset-game:last-child { margin-right: 16px; } @media only screen and (min-width: 768px) { .home-game-list .asset-game { margin: 14px 0 14px 24px; } .home-game-list .asset-game:last-child { margin-right: 24px; } } @media only screen and (min-width: 1024px) { .home-game-list .asset-game { margin: 14px 0 14px 24px; } } .home-game-list { /* white-space: nowrap; width: 100%; overflow: scroll; padding: @m-line-height*0.5 0 @m-line-height*0.5; border-top: 1px solid rgba(255, 255, 255, 0.1); .u-hint-horizontal-scroll-after("Desliza para ver más »"); -webkit-overflow-scrolling: touch; scroll-behavior: smooth; */ margin-bottom: 0; margin-top: 0; } .home-game-list:after { /* display: block; margin-left: @m-base-gutter;*/ } @media only screen and (min-width: 768px) { .home-game-list { /* white-space: normal; overflow: hidden; padding: 0; border: none; */ } } .home-game-list .asset-game { min-width: 220px; width: 35%; } @media only screen and (min-width: 768px) { .home-game-list .asset-game { width: 46%; margin-top: 0; margin-left: 2.5%; } } @media only screen and (min-width: 1150px) { .home-game-list .asset-game { width: 30%; margin-top: 0; margin-left: 1.5%; margin-right: 1.5%; } } .asset-game-local, .asset-game-visitor { background: #2F4C4C; } .m-is-loser { background: #402831; } .home-game-list { background: #192828; color: #fff; } .home-game-results-container { background: #131f1f; } @media only screen and (min-width: 768px) { .home-game-results-container { background: #192828; } } .asset-recipe-topic-desc { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .asset-recipe-topic-desc { font-size: 16px; } } @media only screen and (min-width: 1150px) { .asset-recipe-topic-desc { font-size: 16px; } } @media only screen and (min-width: 768px) { .asset-recipe-topic-desc { line-height: 21px; } } @media only screen and (min-width: 1150px) { .asset-recipe-topic-desc { line-height: 21px; } } .asset-recipe-topic-list { display: inline; } .asset-recipe-topic-list li { display: inline; } .asset-recipe-topic-list li:after { content: ", "; } .asset-recipe-topic-list li:last-child:after { content: " "; } .asset-recipe-topic { text-decoration: underline; } .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { overflow: hidden; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; border-bottom: 2px solid #C00; padding-bottom: 12px; margin-top: 48px; margin-left: 0; margin-right: 0; } @media only screen and (min-width: 1024px) { .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { margin-left: calc((100% - 696px)/2); } } @media only screen and (min-width: 768px) { .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { padding-bottom: 14px; margin-top: 56px; } } @media only screen and (min-width: 1024px) { .asset-recipe-section-title, .blob .asset-recipe-section-title, .asset-recipe-steps h2 { padding-bottom: 14px; margin-top: 56px; margin-left: 0; } } .asset-recipe-steps p, .blob .asset-recipe-steps p { font-size: 17px; line-height: 24px; } @media only screen and (min-width: 768px) { .asset-recipe-steps p, .blob .asset-recipe-steps p { margin-left: auto; margin-right: auto; font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .asset-recipe-steps p, .blob .asset-recipe-steps p { font-size: 19px; line-height: 28px; } } .asset-recipe-yield, .asset-recipe-difficulty { font-size: 17px; line-height: 24px; } @media only screen and (min-width: 768px) { .asset-recipe-yield, .asset-recipe-difficulty { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .asset-recipe-yield, .asset-recipe-difficulty { font-size: 19px; line-height: 28px; } } .asset-recipe-yield, .asset-recipe-ingr-amount, .asset-recipe-difficulty, .asset-recipe-time-value, .asset-recipe-list-item.m-is-totaltime, .blob .asset-recipe-yield, .blob .asset-recipe-difficulty { font-weight: 700; } .asset-recipe-list, .blob .asset-recipe-list { font-size: 17px; line-height: 24px; margin: 18px auto 24px 0; } @media only screen and (min-width: 768px) { .asset-recipe-list, .blob .asset-recipe-list { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .asset-recipe-list, .blob .asset-recipe-list { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .asset-recipe-list, .blob .asset-recipe-list { max-width: 300px; margin: 21px auto 28px 0; } } .asset-recipe-list-item, .blob .asset-recipe-list-item { box-sizing: border-box; background: url("//img.weblogssl.com/g/xataka4/common/border-dashed-2.png") 0 bottom repeat-x; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-item: flex-end; margin-bottom: 12px; margin-left: 0; margin-right: 0; } @media only screen and (min-width: 768px) { .asset-recipe-list-item, .blob .asset-recipe-list-item { margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .asset-recipe-list-item, .blob .asset-recipe-list-item { margin-bottom: 14px; } } .asset-recipe-list-item.m-no-amount, .blob .asset-recipe-list-item.m-no-amount { border: none; background: none; } .asset-recipe-ingr-name, .asset-recipe-ingr-amount, .asset-recipe-time-name, .asset-recipe-time-value { margin-bottom: -4px; } .asset-recipe-ingr-name > span, .asset-recipe-ingr-amount, .asset-recipe-time-name > span, .asset-recipe-time-value { background: #fbfbfb; padding-right: 8px; } .asset-recipe-ingr-name > span, .asset-recipe-time-name > span { display: inline; padding-bottom: 2px; } .asset-recipe-ingr-amount, .asset-recipe-time-value { margin-left: 48px; padding-right: 0; padding-left: 8px; white-space: nowrap; align-self: flex-end; } .asset-recipe-actions { font-size: 15px; line-height: 20px; color: #777; text-align: center; padding-bottom: 24px; border-bottom: 1px solid #e9e9e9; } @media only screen and (min-width: 768px) { .asset-recipe-actions { font-size: 16px; } } @media only screen and (min-width: 1150px) { .asset-recipe-actions { font-size: 16px; } } @media only screen and (min-width: 768px) { .asset-recipe-actions { line-height: 21px; } } @media only screen and (min-width: 1150px) { .asset-recipe-actions { line-height: 21px; } } @media only screen and (min-width: 768px) { .asset-recipe-actions { text-align: left; padding-bottom: 28px; margin-bottom: 21px; white-space: nowrap; } } @media only screen and (min-width: 1024px) { .asset-recipe-actions { padding-bottom: 28px; margin-bottom: 21px; } } .asset-recipe-actions .article-save { display: inline-block; margin-top: 6px; } @media only screen and (min-width: 768px) { .asset-recipe-actions .article-save { margin-top: 0; } } .asset-recipe-meta, .asset-recipe-actions, .asset-recipe-steps p { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .asset-recipe-meta, .asset-recipe-actions, .asset-recipe-steps p { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .asset-recipe-meta, .asset-recipe-actions, .asset-recipe-steps p { margin-left: auto; margin-right: auto; } } .poster-article, .poster-video, .poster { position: relative; overflow: hidden; box-sizing: border-box; border-top: 4px solid rgba(255, 255, 255, 0.2); } @media only screen and (min-width: 768px) { .poster-article, .poster-video, .poster { border: 4px solid rgba(255, 255, 255, 0.2); } .poster-article:hover, .poster-video:hover, .poster:hover { border-color: #fff; } } .poster-article:hover img, .poster-video:hover img, .poster:hover img { opacity: 1; } .poster-figure { background: #111; } .poster-figure a, .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 46.66666667% 0 0 0; overflow: hidden; } .poster-figure a img, .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 768px) { .poster-figure a, .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 133.33333333% 0 0 0; overflow: hidden; } .poster-figure a img, .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .poster-figure a, .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .poster-figure a img, .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1360px) { .poster-figure a, .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .poster-figure a img, .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .poster-figure a, .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 56.25% 0 0 0; overflow: hidden; } .poster-figure a img, .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .poster-figure img { display: block; width: 100%; object-fit: cover; opacity: 0.7; height: 168px; overflow: hidden; /* @media @tablet { height: @t-line-height*10; } @media @desktop { height: @d-line-height*8; } @media @desktop-ll { height: @d-line-height*10; } */ } .poster-content { position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; padding: 1px 16px 15.6px; background: rgba(9, 12, 15, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 12, 15, 0)), to(rgba(9, 12, 15, 0.9))); background: -webkit-linear-gradient(top, rgba(9, 12, 15, 0), rgba(9, 12, 15, 0.9)); background: -moz-linear-gradient(top, rgba(9, 12, 15, 0), rgba(9, 12, 15, 0.9)); background: -ms-linear-gradient(top, rgba(9, 12, 15, 0), rgba(9, 12, 15, 0.9)); background: -o-linear-gradient(top, rgba(9, 12, 15, 0), rgba(9, 12, 15, 0.9)); } @media only screen and (min-width: 1024px) { .poster-content { padding: 1px 16px 14px; } } @media only screen and (min-width: 1440px) { .poster-content { padding: 1px 24px 21px; } } .poster-title { text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin-bottom: 0; color: #fff; font-weight: 900; } @media only screen and (min-width: 768px) { .poster-title { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .poster-title { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .poster-title { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .poster-title { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .poster-title { font-size: 19px; line-height: 28px; margin-bottom: 0; } } @media only screen and (min-width: 1150px) { .poster-title { font-size: 23px; line-height: 29.4px; margin-bottom: 0; } } .poster-title a { color: #fff; } .poster-title a:hover { text-decoration: underline; } .poster-summary { color: #fff; } .poster-article.m-featured, .poster-video.m-featured, .poster.m-featured { border: none; } @media only screen and (min-width: 768px) { .poster-article.m-featured, .poster-video.m-featured, .poster.m-featured { margin-top: 28px; } } @media only screen and (min-width: 1024px) { .poster-article.m-featured, .poster-video.m-featured, .poster.m-featured { margin-top: 28px; } } .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 80vh; } @media only screen and (orientation: landscape) { .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 80vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 384px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 454.4px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 819.2px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 256px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 256px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .poster-article.m-featured .poster-figure, .poster-video.m-featured .poster-figure, .poster.m-featured .poster-figure { max-height: 614.4px; } } .poster-article.m-featured .poster-figure a, .poster-video.m-featured .poster-figure a, .poster.m-featured .poster-figure a, .poster-article.m-featured .figure-img-container, .poster-video.m-featured .figure-img-container, .poster.m-featured .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .poster-article.m-featured .poster-figure a img, .poster-video.m-featured .poster-figure a img, .poster.m-featured .poster-figure a img, .poster-article.m-featured .figure-img-container img, .poster-video.m-featured .figure-img-container img, .poster.m-featured .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 1024px) { .poster-article.m-featured .poster-figure a, .poster-video.m-featured .poster-figure a, .poster.m-featured .poster-figure a, .poster-article.m-featured .figure-img-container, .poster-video.m-featured .figure-img-container, .poster.m-featured .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 46.66666667% 0 0 0; overflow: hidden; } .poster-article.m-featured .poster-figure a img, .poster-video.m-featured .poster-figure a img, .poster.m-featured .poster-figure a img, .poster-article.m-featured .figure-img-container img, .poster-video.m-featured .figure-img-container img, .poster.m-featured .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .poster-article.m-featured .poster-title, .poster-video.m-featured .poster-title, .poster.m-featured .poster-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; font-weight: 900; } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-title, .poster-video.m-featured .poster-title, .poster.m-featured .poster-title { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .poster-article.m-featured .poster-title, .poster-video.m-featured .poster-title, .poster.m-featured .poster-title { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-title, .poster-video.m-featured .poster-title, .poster.m-featured .poster-title { flex-grow: 1; flex-shrink: 0; flex-basis: auto; } } .poster-article.m-featured .poster-summary a, .poster-video.m-featured .poster-summary a, .poster.m-featured .poster-summary a { color: #fff; } .poster-article.m-featured .poster-summary a:hover, .poster-video.m-featured .poster-summary a:hover, .poster.m-featured .poster-summary a:hover { text-decoration: underline; } .poster-article.m-featured, .poster.m-featured { border: none; } @media only screen and (min-width: 768px) { .poster-article.m-featured, .poster.m-featured { margin-top: 0; } } @media only screen and (min-width: 1024px) { .poster-article.m-featured, .poster.m-featured { margin-top: 0; } } .poster-article.m-featured .poster-content, .poster.m-featured .poster-content { padding-bottom: 1px; } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-content, .poster.m-featured .poster-content { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: end; align-items: flex-start; padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-title, .poster.m-featured .poster-title, .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { box-sizing: border-box; width: 100%; flex-grow: 0; flex-shrink: 0; } } @media only screen and (min-width: 1024px) { .poster-article.m-featured .poster-title, .poster.m-featured .poster-title, .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { width: 66%; } } .poster-article.m-featured .poster-title, .poster.m-featured .poster-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; margin-top: 48px; margin-bottom: 24px; font-weight: 900; } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-title, .poster.m-featured .poster-title { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .poster-article.m-featured .poster-title, .poster.m-featured .poster-title { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-title, .poster.m-featured .poster-title { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .poster-article.m-featured .poster-title, .poster.m-featured .poster-title { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-title, .poster.m-featured .poster-title { padding: 0 24px; flex-basis: auto; } } .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { background: #1e1e1e; } @media only screen and (min-width: 768px) { .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { flex-basis: content; padding: 24px; font-size: 15px; line-height: 20px; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; opacity: 0.9; } .poster-article.m-featured .poster-summary p a, .poster.m-featured .poster-summary p a, .poster-article.m-featured .poster-summary li a, .poster.m-featured .poster-summary li a, .poster-article.m-featured .poster-summary blockquote a, .poster.m-featured .poster-summary blockquote a { text-decoration: underline; } .poster-article.m-featured .poster-summary ul li, .poster.m-featured .poster-summary ul li, .poster-article.m-featured .poster-summary ol li, .poster.m-featured .poster-summary ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } .poster-article.m-featured .poster-summary ul li, .poster.m-featured .poster-summary ul li { list-style-type: disc; list-style-position: outside; } .poster-article.m-featured .poster-summary ol li, .poster.m-featured .poster-summary ol li { list-style-type: decimal; list-style-position: outside; } .poster-article.m-featured .poster-summary blockquote, .poster.m-featured .poster-summary blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .poster-article.m-featured .poster-summary blockquote blockquote, .poster.m-featured .poster-summary blockquote blockquote { border: none; padding: 0; } .poster-article.m-featured .poster-summary blockquote p, .poster.m-featured .poster-summary blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .poster-article.m-featured .poster-summary p, .poster.m-featured .poster-summary p, .poster-article.m-featured .poster-summary ul, .poster.m-featured .poster-summary ul, .poster-article.m-featured .poster-summary ol, .poster.m-featured .poster-summary ol { margin-top: 6px; margin-bottom: 6px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { line-height: 21px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .poster-article.m-featured .poster-summary, .poster.m-featured .poster-summary { line-height: 21px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .poster-article.m-featured .poster-summary ul li, .poster.m-featured .poster-summary ul li, .poster-article.m-featured .poster-summary ol li, .poster.m-featured .poster-summary ol li { margin-bottom: 14px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .poster-article.m-featured .poster-summary blockquote, .poster.m-featured .poster-summary blockquote { padding: 0 0 0 24px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .poster-article.m-featured .poster-summary blockquote blockquote, .poster.m-featured .poster-summary blockquote blockquote { padding: 0 0 0 24px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .poster-article.m-featured .poster-summary p, .poster.m-featured .poster-summary p, .poster-article.m-featured .poster-summary ul, .poster.m-featured .poster-summary ul, .poster-article.m-featured .poster-summary ol, .poster.m-featured .poster-summary ol { margin-top: 7px; margin-bottom: 7px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1024px) { .poster-article.m-featured .poster-summary p, .poster.m-featured .poster-summary p, .poster-article.m-featured .poster-summary ul, .poster.m-featured .poster-summary ul, .poster-article.m-featured .poster-summary ol, .poster.m-featured .poster-summary ol { margin-top: 7px; margin-bottom: 7px; } } .poster-video:hover { cursor: pointer; } .poster-video .poster-title { padding-left: 48px; } .poster-video .poster-title:before { font-size: 24px; font-family: icons-min; content: "\e613"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .poster-video .poster-title:before:hover { text-decoration: none; } .poster-video .poster-title:after { content: ""; margin-right: 0; margin-left: 0; } .poster-video .poster-title:before { float: left; margin-left: -24px; } .poster-video .poster-title:before { border: 3.84px solid #fff; border-radius: 24px; line-height: 24px; padding: 7.2px 6px 7.2px 7.44px; text-indent: 2.16px; margin-bottom: 0; margin-left: -57.6px; margin-right: 12px; } @media only screen and (min-width: 768px) { .poster-video.m-featured .poster-content { box-sizing: border-box; padding-top: 7%; padding-left: 48px; padding-right: 48px; min-height: 80%; } } @media only screen and (min-width: 768px) { .poster-video.m-featured .poster-title { padding-left: 96px; max-width: 696px; margin-left: auto; margin-right: auto; } .poster-video.m-featured .poster-title:before { font-size: 48px; font-family: icons-min; content: "\e613"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .poster-video.m-featured .poster-title:before:hover { text-decoration: none; } .poster-video.m-featured .poster-title:after { content: ""; margin-right: 0; margin-left: 0; } .poster-video.m-featured .poster-title:before { float: left; margin-left: -24px; } .poster-video.m-featured .poster-title:before { border: 7.68px solid #fff; border-radius: 48px; line-height: 48px; padding: 14.4px 12px 14.4px 14.88px; text-indent: 4.32px; margin-bottom: 0; margin-left: -115.2px; margin-right: 12px; } } .flag-cropper-section-hero .poster-figure a, .flag-cropper-section-hero .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 46.66666667% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-figure a img, .flag-cropper-section-hero .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 768px) { .flag-cropper-section-hero .poster-figure a, .flag-cropper-section-hero .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-figure a img, .flag-cropper-section-hero .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .flag-cropper-section-hero .poster-figure a, .flag-cropper-section-hero .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-figure a img, .flag-cropper-section-hero .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1150px) { .flag-cropper-section-hero .poster-figure a, .flag-cropper-section-hero .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-figure a img, .flag-cropper-section-hero .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1360px) { .flag-cropper-section-hero .poster-figure a, .flag-cropper-section-hero .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-figure a img, .flag-cropper-section-hero .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .flag-cropper-section-hero .poster-figure a, .flag-cropper-section-hero .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-figure a img, .flag-cropper-section-hero .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .flag-cropper-section-hero .poster-figure img { height: auto; } .flag-cropper-section-hero .poster-summary { display: none; } @media only screen and (min-width: 768px) { .flag-cropper-section-hero .poster-summary { display: block; } } .flag-cropper-section-hero .poster-article.m-featured .poster-figure a, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-article.m-featured .poster-figure a img, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 768px) { .flag-cropper-section-hero .poster-article.m-featured .poster-figure a, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-article.m-featured .poster-figure a img, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .flag-cropper-section-hero .poster-article.m-featured .poster-figure a, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-article.m-featured .poster-figure a img, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1280px) { .flag-cropper-section-hero .poster-article.m-featured .poster-figure a, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 46.66666667% 0 0 0; overflow: hidden; } .flag-cropper-section-hero .poster-article.m-featured .poster-figure a img, .flag-cropper-section-hero .poster-article.m-featured .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .custom .poster-figure a, .custom .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .custom .poster-figure a img, .custom .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1360px) { .custom .poster-figure a, .custom .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .custom .poster-figure a img, .custom .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .custom .poster-figure a, .custom .poster-figure .figure-img-container { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .custom .poster-figure a img, .custom .poster-figure .figure-img-container img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .custom .poster-content { padding-left: 12px; padding-right: 12px; padding-bottom: 14px; } } .poster-article:last-child { border-bottom: 4px solid rgba(255, 255, 255, 0.2); } .poster-article:last-child:hover { border-color: #fff; } .abstract-article, .abstract-longform, .abstract-landing, .abstract-ecommerce, .abstract-respuestas, .abstract { border-top: 1px solid #e9e9e9; background: #fff; overflow: hidden; } .abstract-article:last-child, .abstract-longform:last-child, .abstract-landing:last-child, .abstract-ecommerce:last-child, .abstract-respuestas:last-child, .abstract:last-child { border-bottom: 1px solid #e9e9e9; } .abstract-figure { margin: 24px 16px 24px 16px; float: right; width: 37%; } @media only screen and (min-width: 360px) { .abstract-figure { width: 45%; } } @media only screen and (min-width: 768px) { .abstract-figure { margin: 28px 24px 28px 24px; } } @media only screen and (min-width: 1024px) { .abstract-figure { margin-top: 28px; margin-bottom: 28px; } } .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; /* @media @mobile-l { .u-ratio-img(@r-golden); } @media @desktop { .u-ratio-img(@r-4-3); } */ } .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 1150px) { .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .abstract-figure .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; /* @media @mobile-l { .u-ratio-video(@r-golden); } @media @desktop { .u-ratio-video(@r-4-3); } */ } .abstract-figure .base-asset-video embed, .abstract-figure .base-asset-video iframe, .abstract-figure .base-asset-video object, .abstract-figure .base-asset-video video, .abstract-figure .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 1150px) { .abstract-figure .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .abstract-figure .base-asset-video embed, .abstract-figure .base-asset-video iframe, .abstract-figure .base-asset-video object, .abstract-figure .base-asset-video video, .abstract-figure .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .abstract-figure .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 56.25% 0 0 0; overflow: hidden; } .abstract-figure .base-asset-video embed, .abstract-figure .base-asset-video iframe, .abstract-figure .base-asset-video object, .abstract-figure .base-asset-video video, .abstract-figure .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .abstract-article.m-gallery .abstract-figure { position: relative; } .abstract-figure-gallery { display: block; position: absolute; bottom: 0; width: 100%; overflow: hidden; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 8px; box-sizing: border-box; } .abstract-figure-gallery:hover { text-decoration: underline; } @media only screen and (min-width: 1150px) { .abstract-figure-gallery { padding-bottom: 0; } } .abstract-figure-gallery-label { float: right; text-align: center; font-size: 13px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .abstract-figure-gallery-label { font-size: 13px; } } @media only screen and (min-width: 1150px) { .abstract-figure-gallery-label { font-size: 13px; } } @media only screen and (min-width: 1024px) { .abstract-figure-gallery-label:before { font-size: 32px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-figure-gallery-label:before:hover { text-decoration: none; } .abstract-figure-gallery-label:after { content: ""; margin-right: 0; margin-left: 0; } .abstract-figure-gallery-label:before, .abstract-figure-gallery-label:after { display: block; margin-left: auto; margin-right: auto; } .abstract-figure-gallery-label:before, .abstract-figure-gallery-label:after { color: rgba(255, 255, 255, 0.6); } .abstract-figure-gallery-label:before, .abstract-figure-gallery-label:after { margin: 7px auto 0 auto; } .abstract-figure-gallery-label:before, .abstract-figure-gallery-label:after { vertical-align: initial; } } .abstract-figure-gallery-list { margin: 0; padding: 0; display: inline-block; float: left; } @media only screen and (min-width: 768px) { .abstract-figure-gallery-list { margin: 0; } } @media only screen and (min-width: 1024px) { .abstract-figure-gallery-list { margin: 0; } } .abstract-figure-gallery-list a { display: inline-block; } .abstract-figure-gallery-list li { display: inline-block; vertical-align: middle; background: #ddd; width: 12px; height: 12px; } @media only screen and (min-width: 768px) { .abstract-figure-gallery-list li { width: 36px; height: 36px; } } @media only screen and (min-width: 1024px) { .abstract-figure-gallery-list li { width: 64px; height: 64px; } } .abstract-figure-gallery-list img { display: block; width: 100%; height: auto; } .abstract-article.m-slideshow .abstract-figure { position: relative; } .abstract-slideshow-slide-count { display: block; position: absolute; bottom: 0; width: 100%; overflow: hidden; font-size: 15px; line-height: 20px; color: #fff; text-transform: uppercase; background: rgba(0, 0, 0, 0.6); padding: 8px; box-sizing: border-box; } @media only screen and (min-width: 768px) { .abstract-slideshow-slide-count { font-size: 16px; } } @media only screen and (min-width: 1150px) { .abstract-slideshow-slide-count { font-size: 16px; } } @media only screen and (min-width: 768px) { .abstract-slideshow-slide-count { line-height: 21px; } } @media only screen and (min-width: 1150px) { .abstract-slideshow-slide-count { line-height: 21px; } } .abstract-slideshow-slide-count:hover { text-decoration: underline; } .abstract-slideshow-slide-count:before { font-size: 32px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-slideshow-slide-count:before:hover { text-decoration: none; } .abstract-slideshow-slide-count:after { content: ""; margin-right: 0; margin-left: 0; } .abstract-slideshow-slide-count:before, .abstract-slideshow-slide-count:after { color: rgba(255, 255, 255, 0.6); } .abstract-slideshow-slide-count:before, .abstract-slideshow-slide-count:after { vertical-align: text-bottom; } .abstract-content { margin-left: 16px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .abstract-content { margin-left: 24px; margin-bottom: 28px; clear: left; } } @media only screen and (min-width: 1024px) { .abstract-content { margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .abstract-content { max-width: calc(55% - 96px); } } .abstract-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .abstract-title { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .abstract-title { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .abstract-title { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .abstract-title { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .abstract-title { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .abstract-title { margin-top: 28px; } } .abstract-title a { color: #333; } .abstract-title a:hover { color: #f00; } .abstract-taxonomy { display: flex; align-items: center; font-size: 13px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: bold; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .abstract-taxonomy { font-size: 13px; } } @media only screen and (min-width: 1150px) { .abstract-taxonomy { font-size: 13px; } } @media only screen and (min-width: 768px) { .abstract-taxonomy { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .abstract-taxonomy { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .abstract-taxonomy { margin-bottom: 9.33333333px; } } @media only screen and (min-width: 1024px) { .abstract-taxonomy { margin-bottom: 9.33333333px; } } .abstract-taxonomy.m-crosspost.m-branded { display: block; } .abstract-taxonomy.m-crosspost.m-branded::before { vertical-align: bottom; } .abstract-excerpt { font-size: 15px; line-height: 20px; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; } @media only screen and (min-width: 768px) { .abstract-excerpt { font-size: 16px; } } @media only screen and (min-width: 1150px) { .abstract-excerpt { font-size: 16px; } } @media only screen and (min-width: 768px) { .abstract-excerpt { line-height: 21px; } } @media only screen and (min-width: 1150px) { .abstract-excerpt { line-height: 21px; } } .abstract-excerpt p a, .abstract-excerpt li a, .abstract-excerpt blockquote a { text-decoration: underline; } .abstract-excerpt ul li, .abstract-excerpt ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .abstract-excerpt ul li, .abstract-excerpt ol li { margin-bottom: 14px; } } .abstract-excerpt ul li { list-style-type: disc; list-style-position: outside; } .abstract-excerpt ol li { list-style-type: decimal; list-style-position: outside; } .abstract-excerpt blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .abstract-excerpt blockquote { padding: 0 0 0 24px; } } .abstract-excerpt blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .abstract-excerpt blockquote blockquote { padding: 0 0 0 24px; } } .abstract-excerpt blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .abstract-excerpt p, .abstract-excerpt ul, .abstract-excerpt ol { margin-top: 6px; margin-bottom: 6px; } @media only screen and (min-width: 768px) { .abstract-excerpt p, .abstract-excerpt ul, .abstract-excerpt ol { margin-top: 7px; margin-bottom: 7px; } } @media only screen and (min-width: 1024px) { .abstract-excerpt p, .abstract-excerpt ul, .abstract-excerpt ol { margin-top: 7px; margin-bottom: 7px; } } @media only screen and (min-width: 768px) { .abstract-excerpt { margin-top: 9.33333333px; margin-bottom: 9.33333333px; } } @media only screen and (min-width: 1024px) { .abstract-excerpt { margin-top: 9.33333333px; margin-bottom: 9.33333333px; } } .abstract-excerpt a { color: #333; } .abstract-excerpt a:hover { color: #f00; } .abstract-excerpt p { display: inline; } .abstract-date:before { font-size: 16px; font-family: icons-min; content: "-"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-date:before:hover { text-decoration: none; } .abstract-date:after { content: ""; margin-right: 0; margin-left: 0; } .abstract-author:before { font-size: 16px; font-family: icons-min; content: "-"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-author:before:hover { text-decoration: none; } .abstract-author:after { content: ""; margin-right: 0; margin-left: 0; } .abstract-comments { white-space: nowrap; } .abstract-comments:before { font-size: 16px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-comments:before:hover { text-decoration: none; } .abstract-comments:after { content: ""; margin-right: 0; margin-left: 0; } .abstract-comments:before, .abstract-comments:after { margin: 0; } .abstract-comment-label { display: inline-block; width: 0; overflow: hidden; } .abstract-date, .abstract-author, .abstract-comments, .abstract-comment-label, .abstract-link-more { font-size: 13px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; color: #777; } @media only screen and (min-width: 768px) { .abstract-date, .abstract-author, .abstract-comments, .abstract-comment-label, .abstract-link-more { font-size: 13px; } } @media only screen and (min-width: 1150px) { .abstract-date, .abstract-author, .abstract-comments, .abstract-comment-label, .abstract-link-more { font-size: 13px; } } @media only screen and (min-width: 768px) { .abstract-date, .abstract-author, .abstract-comments, .abstract-comment-label, .abstract-link-more { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .abstract-date, .abstract-author, .abstract-comments, .abstract-comment-label, .abstract-link-more { line-height: 16.8px; } } .abstract-date a, .abstract-author a, .abstract-comments a, .abstract-comment-label a, .abstract-link-more a { color: #777; } .abstract-date a:hover, .abstract-author a:hover, .abstract-comments a:hover, .abstract-comment-label a:hover, .abstract-link-more a:hover { color: #f00; } .abstract-date:before, .abstract-author:before, .abstract-comments:before, .abstract-comment-label:before, .abstract-link-more:before, .abstract-date:after, .abstract-author:after, .abstract-comments:after, .abstract-comment-label:after, .abstract-link-more:after { vertical-align: initial; } .abstract-excerpt a.abstract-link-more { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; color: #777; } .abstract-excerpt a.abstract-link-more:hover { color: #f00; } .abstract-disclaimer.m-branded { font-size: 11px; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; color: #333; background: #f4f2e9; display: block; } @media only screen and (min-width: 768px) { .abstract-disclaimer.m-branded { font-size: 11px; } } @media only screen and (min-width: 1150px) { .abstract-disclaimer.m-branded { font-size: 11px; } } .abstract-article .abstract-disclaimer.m-branded { margin: 0; } @media only screen and (min-width: 768px) { .abstract-article .abstract-disclaimer.m-branded { display: inline-block; margin: 28px 0 0 24px; width: calc(55% - 96px); } } @media only screen and (min-width: 1024px) { .abstract-article .abstract-disclaimer.m-branded { margin: 28px 0 0 24px; } } .abstract-article .abstract-taxonomy-container { margin: 0 0 -12px; } @media only screen and (min-width: 768px) { .abstract-article .abstract-taxonomy-container { float: left; margin: 28px 0 28px 24px; width: calc(55% - 96px); } } @media only screen and (min-width: 1024px) { .abstract-article .abstract-taxonomy-container { margin: 0; } } @media only screen and (min-width: 768px) { .abstract-article .abstract-taxonomy-container .abstract-disclaimer.m-branded { display: block; width: auto; margin: 0; } } .abstract-article .abstract-taxonomy-container .abstract-taxonomy { display: block; margin-left: 16px; margin-right: 16px; margin-top: 12px; } @media only screen and (min-width: 768px) { .abstract-article .abstract-taxonomy-container .abstract-taxonomy { margin-left: 0; margin-right: 0; margin-top: 14px; } } .abstract-longform, .abstract-landing { position: relative; overflow: hidden; } .abstract-longform .abstract-figure, .abstract-landing .abstract-figure { background: #000; width: 100%; margin: 0; } .abstract-longform .abstract-figure img, .abstract-landing .abstract-figure img { display: block; width: 100%; object-fit: cover; opacity: 0.95; overflow: hidden; } .abstract-longform .abstract-figure img:hover, .abstract-landing .abstract-figure img:hover { opacity: 1; } .abstract-longform .abstract-figure .base-asset-image, .abstract-landing .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .abstract-longform .abstract-figure .base-asset-image img, .abstract-landing .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 480px) { .abstract-longform .abstract-figure .base-asset-image, .abstract-landing .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .abstract-longform .abstract-figure .base-asset-image img, .abstract-landing .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 768px) { .abstract-longform .abstract-figure .base-asset-image, .abstract-landing .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .abstract-longform .abstract-figure .base-asset-image img, .abstract-landing .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .abstract-longform .abstract-figure .base-asset-image, .abstract-landing .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .abstract-longform .abstract-figure .base-asset-image img, .abstract-landing .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .abstract-longform .abstract-figure .base-asset-image, .abstract-landing .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .abstract-longform .abstract-figure .base-asset-image img, .abstract-landing .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .abstract-longform .abstract-content, .abstract-landing .abstract-content { margin: 0; position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; max-width: 100%; padding: 24px 16px; background: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); color: #fff; } @media only screen and (min-width: 768px) { .abstract-longform .abstract-content, .abstract-landing .abstract-content { padding: 28px 24px; } } @media only screen and (min-width: 1024px) { .abstract-longform .abstract-content, .abstract-landing .abstract-content { padding: 56px 96px 56px 48px; } } .abstract-longform .abstract-content a, .abstract-landing .abstract-content a { color: #fff; } .abstract-longform .abstract-content a:hover, .abstract-landing .abstract-content a:hover { text-decoration: underline; } .abstract-longform .abstract-title, .abstract-landing .abstract-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; font-weight: 900; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); margin-top: 12px; } @media only screen and (min-width: 768px) { .abstract-longform .abstract-title, .abstract-landing .abstract-title { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .abstract-longform .abstract-title, .abstract-landing .abstract-title { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .abstract-longform .abstract-title, .abstract-landing .abstract-title { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .abstract-longform .abstract-title, .abstract-landing .abstract-title { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .abstract-longform .abstract-title, .abstract-landing .abstract-title { margin-top: 14px; } } @media only screen and (min-width: 1024px) { .abstract-longform .abstract-title, .abstract-landing .abstract-title { margin-top: 28px; } } .abstract-longform .abstract-date, .abstract-landing .abstract-date, .abstract-longform .abstract-author, .abstract-landing .abstract-author, .abstract-longform .abstract-comments, .abstract-landing .abstract-comments, .abstract-longform .abstract-comment-label, .abstract-landing .abstract-comment-label, .abstract-longform .abstract-link-more, .abstract-landing .abstract-link-more { color: #fff; } .abstract-longform .abstract-excerpt a.abstract-link-more, .abstract-landing .abstract-excerpt a.abstract-link-more { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; color: #777; } .abstract-longform .abstract-excerpt a.abstract-link-more:hover, .abstract-landing .abstract-excerpt a.abstract-link-more:hover { color: #f00; } .abstract-longform .abstract-date:before, .abstract-landing .abstract-date:before, .abstract-longform .abstract-date:after, .abstract-landing .abstract-date:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } .abstract-longform .abstract-author:before, .abstract-landing .abstract-author:before, .abstract-longform .abstract-author:after, .abstract-landing .abstract-author:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } .abstract-longform .abstract-author:before, .abstract-landing .abstract-author:before, .abstract-longform .abstract-author:after, .abstract-landing .abstract-author:after { vertical-align: initial; } @media only screen and (min-width: 768px) { .abstract-longform .abstract-disclaimer, .abstract-landing .abstract-disclaimer { display: inline-block; position: absolute; top: 28px; left: 24px; z-index: 1; } } @media only screen and (min-width: 1024px) { .abstract-longform .abstract-disclaimer, .abstract-landing .abstract-disclaimer { top: 56px; left: 48px; } } .abstract-ecommerce { position: relative; overflow: hidden; color: #fff; } .abstract-ecommerce .abstract-figure { background: #000; width: calc(100% - 32px); } @media only screen and (min-width: 768px) { .abstract-ecommerce .abstract-figure { width: calc(100% - 48px); } } .abstract-ecommerce .abstract-figure img { display: block; width: 100%; object-fit: cover; opacity: 0.8; overflow: hidden; } .abstract-ecommerce .abstract-figure img:hover { opacity: 1; } .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 56.25% 0 0 0; overflow: hidden; } .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 480px) { .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 33.33333333% 0 0 0; overflow: hidden; } .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 38.197% 0 0 0; overflow: hidden; } .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 38.197% 0 0 0; overflow: hidden; } .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .abstract-ecommerce .abstract-content { max-width: 100%; margin: 24px 16px; padding: 1px 16px; position: absolute; top: 0; left: 0; right: 0; box-sizing: border-box; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); color: #fff; } @media only screen and (min-width: 768px) { .abstract-ecommerce .abstract-content { margin: 28px 24px; padding: 1px 24px; } } @media only screen and (min-width: 1024px) { .abstract-ecommerce .abstract-content { margin-top: 28px; margin-bottom: 28px; } } .abstract-ecommerce .abstract-content a { color: #fff; } .abstract-ecommerce .abstract-content a:hover { text-decoration: underline; } .abstract-ecommerce .abstract-title { text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); color: #fff; } .abstract-ecommerce .abstract-title:before { font-size: 32px; font-family: icons-min; content: "\f06b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-ecommerce .abstract-title:before:hover { text-decoration: none; } .abstract-ecommerce .abstract-title:after { content: ""; margin-right: 0; margin-left: 0; } .abstract-ecommerce .abstract-title:before, .abstract-ecommerce .abstract-title:after { vertical-align: initial; } .abstract-ecommerce .abstract-title:before { float: left; margin-left: -32px; } .abstract-ecommerce .abstract-title, .abstract-ecommerce .abstract-taxonomy, .abstract-ecommerce .abstract-excerpt { margin-left: 40px; } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 768px) { .abstract-ecommerce .abstract-disclaimer { display: inline-block; margin-top: 28px; margin-left: 24px; } } .abstract-respuestas .abstract-content { max-width: 100%; } .abstract-answers { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; float: right; margin-right: 16px; } .abstract-answers:hover { background-color: #910000; color: #fff; } .abstract-answers:hover { text-decoration: none; } .abstract-answers:active, .abstract-answers:focus { padding-top: 1px; } .abstract-answers:hover { text-decoration: none; } .abstract-answers:active, .abstract-answers:focus { padding-top: 1px; } @media only screen and (min-width: 768px) { .abstract-answers { margin-right: 24px; } } .abstract-article.m-featured .abstract-figure { float: none; width: auto; margin-right: 16px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .abstract-article.m-featured .abstract-figure { margin-right: 24px; margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .abstract-article.m-featured .abstract-figure { margin-bottom: 14px; } } .abstract-article.m-featured .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .abstract-article.m-featured .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 1024px) { .abstract-article.m-featured .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .abstract-article.m-featured .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .abstract-article.m-featured .abstract-figure .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .abstract-article.m-featured .abstract-figure .base-asset-video embed, .abstract-article.m-featured .abstract-figure .base-asset-video iframe, .abstract-article.m-featured .abstract-figure .base-asset-video object, .abstract-article.m-featured .abstract-figure .base-asset-video video, .abstract-article.m-featured .abstract-figure .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 1024px) { .abstract-article.m-featured .abstract-figure .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .abstract-article.m-featured .abstract-figure .base-asset-video embed, .abstract-article.m-featured .abstract-figure .base-asset-video iframe, .abstract-article.m-featured .abstract-figure .base-asset-video object, .abstract-article.m-featured .abstract-figure .base-asset-video video, .abstract-article.m-featured .abstract-figure .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .abstract-article.m-featured .abstract-content { max-width: calc(100% - 48px); } .abstract-article.m-featured .abstract-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin-top: 12px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .abstract-article.m-featured .abstract-title { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .abstract-article.m-featured .abstract-title { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .abstract-article.m-featured .abstract-title { margin-top: 14px; margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .abstract-article.m-featured .abstract-title { margin-top: 14px; margin-bottom: 28px; } } .abstract-article.m-featured .abstract-excerpt { max-width: 696px; } .abstract-taxonomy.m-republish:before { font-size: 20px; font-family: icons-min; content: "\f01e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-taxonomy.m-republish:before:hover { text-decoration: none; } .abstract-taxonomy.m-republish:after { content: ""; margin-right: 0; margin-left: 0; } .abstract-taxonomy.m-crosspost:before { font-size: 20px; font-family: icons-min; content: "\f079"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .abstract-taxonomy.m-crosspost:before:hover { text-decoration: none; } .abstract-taxonomy.m-crosspost:after { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .custom .abstract-ecommerce .abstract-title, .custom .abstract-ecommerce .abstract-taxonomy, .custom .abstract-ecommerce .abstract-excerpt { margin-right: 24px; } } @media only screen and (min-width: 1150px) { .custom .abstract-article .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .custom .abstract-article .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1150px) { .custom .abstract-article .abstract-figure .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .custom .abstract-article .abstract-figure .base-asset-video embed, .custom .abstract-article .abstract-figure .base-asset-video iframe, .custom .abstract-article .abstract-figure .base-asset-video object, .custom .abstract-article .abstract-figure .base-asset-video video, .custom .abstract-article .abstract-figure .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1150px) { .custom .abstract-article.m-featured .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .custom .abstract-article.m-featured .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1150px) { .custom .abstract-article.m-featured .abstract-figure .base-asset-video { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .custom .abstract-article.m-featured .abstract-figure .base-asset-video embed, .custom .abstract-article.m-featured .abstract-figure .base-asset-video iframe, .custom .abstract-article.m-featured .abstract-figure .base-asset-video object, .custom .abstract-article.m-featured .abstract-figure .base-asset-video video, .custom .abstract-article.m-featured .abstract-figure .base-asset-video .fb-video { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1150px) { .custom .abstract-content { max-width: calc(100% - 48px); } } @media only screen and (min-width: 1150px) { .custom .abstract-longform .abstract-content, .custom .abstract-landing .abstract-content { max-width: 100%; } } .flag-cropper-section-recent .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 1024px) { .flag-cropper-section-recent .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1150px) { .flag-cropper-section-recent .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 75% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1360px) { .flag-cropper-section-recent .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .flag-cropper-section-recent .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 480px) { .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 768px) { .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 38.197% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1024px) { .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1280px) { .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 38.197% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media only screen and (min-width: 1440px) { .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 38.197% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .flag-cropper-section-recent .abstract-ecommerce .abstract-content { width: calc(100% - 32px); } @media only screen and (min-width: 768px) { .flag-cropper-section-recent .abstract-ecommerce .abstract-content { width: calc(100% - 48px); } } @media only screen and (min-width: 1150px) { .flag-cropper-section-recent .custom .abstract-ecommerce .abstract-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .flag-cropper-section-recent .custom .abstract-ecommerce .abstract-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .abstract-longform .abstract-taxonomy.m-republish, .abstract-landing .abstract-taxonomy.m-republish { font-weight: 400; margin-top: 18.04511278px; margin-bottom: 4px; line-height: 20px; } @media only screen and (min-width: 768px) { .abstract-longform .abstract-taxonomy.m-republish, .abstract-landing .abstract-taxonomy.m-republish { font-weight: 400; margin-bottom: 20px; margin-top: 24px; } } .card-article, .card { border-bottom: 1px solid #e9e9e9; background: #fff; overflow: hidden; width: 240px; } @media only screen and (min-width: 768px) { .card-article, .card { width: 300px; } } .card-figure, .card-content { margin: 7.92px; } @media only screen and (min-width: 768px) { .card-figure, .card-content { margin: 9.24px; } } @media only screen and (min-width: 1024px) { .card-figure, .card-content { margin-top: 7px; margin-bottom: 7px; } } .card-figure { float: left; width: 88px; height: 88px; overflow: hidden; } @media only screen and (min-width: 768px) { .card-figure { width: 112px; height: 112px; } } .card-figure .base-asset-image { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .card-figure .base-asset-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .card-content { margin-left: 104px; min-height: 88px; display: flex; align-items: center; } @media only screen and (min-width: 768px) { .card-content { margin-left: 124px; min-height: 112px; } } .card-title { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .card-title { font-size: 16px; } } @media only screen and (min-width: 1150px) { .card-title { font-size: 16px; } } @media only screen and (min-width: 768px) { .card-title { line-height: 21px; } } @media only screen and (min-width: 1150px) { .card-title { line-height: 21px; } } .card-title a { color: #333; } .card-title a:hover { color: #f00; } .card-disclaimer.m-branded { font-size: 11px; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; color: #333; background: #f4f2e9; display: block; } @media only screen and (min-width: 768px) { .card-disclaimer.m-branded { font-size: 11px; } } @media only screen and (min-width: 1150px) { .card-disclaimer.m-branded { font-size: 11px; } } .card-article.m-noddus { width: 300px; } .user-card { display: flex; flex-direction: column; flex: 1; padding-top: 24px; } @media only screen and (min-width: 1024px) { .user-card { padding-top: 28px; } } .user-card-info, .user-card-actions { text-align: center; } @media only screen and (min-width: 768px) { .user-card-info, .user-card-actions { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; } } @media only screen and (min-width: 768px) { .user-card-info, .user-card-actions { justify-content: flex-start; } } .user-card-actions, .head-menu .user-card-actions { margin-top: 7.2px; margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .user-card-actions, .head-menu .user-card-actions { margin-bottom: 28px; } } .user-card-info, .user-card-actions, .user-deactivate { padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 1024px) { .user-card-info, .user-card-actions, .user-deactivate { padding-left: 24px; padding-right: 24px; } } .user-card-avatar { width: 48px; height: 48px; } .user-card-name { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin: 6px 0 0 0; text-align: center; color: #777; margin-top: 0; } @media only screen and (min-width: 768px) { .user-card-name { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .user-card-name { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .user-card-name { text-align: left; } } .user-card-star { color: #fa0; } .user-card-karma, .user-card-since { font-size: 13px; line-height: 16px; color: #777; } @media only screen and (min-width: 768px) { .user-card-karma, .user-card-since { font-size: 13px; } } @media only screen and (min-width: 1150px) { .user-card-karma, .user-card-since { font-size: 13px; } } @media only screen and (min-width: 768px) { .user-card-karma, .user-card-since { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .user-card-karma, .user-card-since { line-height: 16.8px; } } .user-card-rating, .user-card-since { text-align: center; } @media only screen and (min-width: 768px) { .user-card-rating, .user-card-since { text-align: left; } } .user-card-actions-item { margin-top: 12px; } @media only screen and (min-width: 768px) { .user-card-actions-item { margin-right: 16.8px; } .user-card-actions-item:last-child { margin-right: 0; } } @media only screen and (min-width: 768px) { .user-card-summary { margin-left: 16.8px; } } .user-card.m-compact { padding-top: 0; } .user-card.m-compact .user-card-link { float: left; margin-right: 12px; } @media only screen and (min-width: 768px) { .user-card.m-compact .user-card-link { margin-right: 18px; } } .user-card.m-compact .user-card-info { padding-left: 0; padding-right: 0; } .user-card.m-compact .user-card-avatar { width: 36px; height: 36px; } @media only screen and (min-width: 768px) { .user-card.m-compact .user-card-avatar { width: 48px; height: 48px; } } .user-card.m-compact .user-card-star { font-size: 22px; } .user-card.m-compact .user-card-name { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; text-align: left; margin-top: 0; margin-bottom: 2px; } @media only screen and (min-width: 768px) { .user-card.m-compact .user-card-name { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .user-card.m-compact .user-card-name { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1024px) { .user-card.m-compact .user-card-name { display: inline-block; } } .user-card.m-compact .user-card-since { text-align: left; } @media only screen and (min-width: 1024px) { .user-card.m-compact .user-card-since { display: inline-block; margin-left: 12px; } } .user-card.m-compact .user-card-rating { text-align: left; } @media only screen and (min-width: 1024px) { .user-card.m-compact .user-card-rating { display: inline-block; margin-left: 18px; } } @media only screen and (min-width: 768px) { .user-card.m-compact .user-card-summary { margin-left: 0; } } @media only screen and (min-width: 1024px) { .user-card.m-compact .user-card-summary { text-align: left; } } .user-card-description { font-size: 15px; line-height: 20px; margin-top: 6px; text-align: left; } @media only screen and (min-width: 768px) { .user-card-description { font-size: 16px; } } @media only screen and (min-width: 1150px) { .user-card-description { font-size: 16px; } } @media only screen and (min-width: 768px) { .user-card-description { line-height: 21px; } } @media only screen and (min-width: 1150px) { .user-card-description { line-height: 21px; } } @media only screen and (min-width: 1024px) { .user-card-description { max-width: 696px; } } .m-is-user .form-box { margin-bottom: 48px; } @media only screen and (min-width: 768px) { .m-is-user .form-box { margin-bottom: 56px; } } .m-is-user .form-input { margin-left: 1px; width: 99%; } .m-is-user .section-heading { color: #333; } @media only screen and (min-width: 768px) { .m-is-user .section-heading { margin-top: 0; } } .has-tooltip { position: relative; } .tooltip { left: 8.4px; top: 100%; padding: 5.6px 12px; line-height: 16.8px; margin-top: 4.8px; background: #000 !important; color: #fff; height: auto; position: absolute; font-size: 13px; line-height: 16px; display: none; } @media only screen and (min-width: 768px) { .tooltip { font-size: 13px; } } @media only screen and (min-width: 1150px) { .tooltip { font-size: 13px; } } @media only screen and (min-width: 768px) { .tooltip { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .tooltip { line-height: 16.8px; } } .user-card-rating { position: relative; } .user-card-rating:hover .tooltip { display: inline-block; } .alert-success.alert-compact, .alert-error.alert-compact, .alert-info.alert-compact { margin-bottom: 0; } .user-deactivate { border-top: 1px solid #e9e9e9; padding-top: 12px; padding-bottom: 12px; text-align: center; } @media only screen and (min-width: 768px) { .user-deactivate { text-align: left; } } .user-deactivate-link { color: #777; font-size: 15px; } .user-deactivate-link:before { font-size: 16px; font-family: icons-min; content: "\e9ac"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .user-deactivate-link:before:hover { text-decoration: none; } .user-deactivate-link:after { content: ""; margin-right: 0; margin-left: 0; } .user-deactivate-link:hover { color: #f00; } @media only screen and (min-width: 768px) { .user-deactivate-link { font-size: 16px; } } @media only screen and (min-width: 1150px) { .user-deactivate-link { font-size: 16px; } } .user-deactivate-link::before { margin-right: 8px; } .user-recover-password { margin-top: 24px; } @media only screen and (min-width: 768px) { .user-recover-password { flex-grow: 1; padding-left: 24px; margin-top: -14px; max-width: 492px; } } .user-recover-password .form-label { font-weight: 900; margin-bottom: 6px; } .user-recover-password .alert-success { margin-top: 12px; margin-bottom: 0; } .user-recover-password .form-row { display: flex; justify-content: space-between; flex-direction: column; } @media only screen and (min-width: 768px) { .user-recover-password .form-row { flex-direction: row; } } .user-recover-password .form-row .btn-action-delete { align-self: baseline; margin-top: 12px; } @media only screen and (min-width: 768px) { .user-recover-password .form-row .btn-action-delete { margin-top: 0; margin-left: 12px; } } @media only screen and (min-width: 768px) { .user-recover-password .form-inpunt-inline { flex-grow: 1; } } .user-recover-password-link { font-size: 15px; } @media only screen and (min-width: 768px) { .user-recover-password-link { font-size: 16px; } } @media only screen and (min-width: 1150px) { .user-recover-password-link { font-size: 16px; } } .article-rating { display: flex; align-items: center; margin: 0 auto 32px; padding: 0 16px; justify-content: start; } .article-rating .caption { color: #777; display: flex; } @media only screen and (min-width: 768px) { .article-rating .caption { display: block; } } @media only screen and (min-width: 1024px) { .article-rating .caption { display: flex; } } @media only screen and (min-width: 768px) { .article-rating { clear: left; margin-bottom: 30px; max-width: 100%; padding: 0 24px; } } @media only screen and (min-width: 1024px) { .article-rating { justify-content: flex-end; padding: 0; } } @media only screen and (min-width: 1440px) { .article-rating { margin-right: 348px; margin-left: 0; } } .user-rating { display: flex; margin-left: 8px; } .user-rating .star { position: relative; } .user-rating .star:before { font-size: 21.25px; position: relative; color: #B8B8B8; line-height: 24px; content: '\2605'; } @media only screen and (min-width: 768px) { .user-rating .star:before { font-size: 28.5px; line-height: 28px; } } .user-rating .active:after { font-size: 21.25px; position: absolute; color: #fa0; line-height: 24px; content: '\2605'; left: 0; top: 0; } @media only screen and (min-width: 768px) { .user-rating .active:after { font-size: 28.5px; line-height: 28px; } } .user-rating .active.m-half:after { width: 10px; overflow: hidden; } .section-deeplinking { overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; white-space: nowrap; display: flex; padding: 16px 0; } @media only screen and (min-width: 768px) { .section-deeplinking { margin: 0 24px; } } @media only screen and (min-width: 1150px) { .section-deeplinking { margin: 0 48px; } } @media only screen and (min-width: 1360px) { .section-deeplinking { margin: 0 auto; max-width: 1280px; } } @media only screen and (min-width: 1600px) { .section-deeplinking { max-width: 1368px; } } @media only screen and (min-width: 768px) { .section-deeplinking { white-space: normal; } } .section-deeplinking-header { text-transform: uppercase; color: #777; margin-left: 16px; white-space: nowrap; flex-shrink: 0; -webkit-flex-shrink: 0; } .section-deeplinking-header:after { font-size: 9px; font-family: icons-min; content: "\e901"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .section-deeplinking-header:after:hover { text-decoration: none; } .section-deeplinking-header:before { content: ""; margin-right: 0; margin-left: 0; } .section-deeplinking-header:after { margin: 0 4px 0 8px; vertical-align: baseline; } @media only screen and (min-width: 768px) { .section-deeplinking-header { margin-left: 0; } } @media only screen and (min-width: 1024px) { .section-deeplinking-header { min-width: 125px; } } .section-deeplinking-header, .section-deeplinking-anchor { font-size: 13px; line-height: 24px; } .section-deeplinking-list { font-size: 0; line-height: 1; } @media only screen and (min-width: 768px) { .section-deeplinking-list { overflow: hidden; height: 24px; } .section-deeplinking-list.is-expended { height: auto; overflow: visible; } .section-deeplinking-list.is-expended .section-deeplinking-item { margin-bottom: 4px; } } .section-deeplinking-item { display: inline-block; } .section-deeplinking-item:after { font-size: 13px; font-family: icons-min; content: "—"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .section-deeplinking-item:after:hover { text-decoration: none; } .section-deeplinking-item:before { content: ""; margin-right: 0; margin-left: 0; } .section-deeplinking-item:last-child { padding-right: 16px; } @media only screen and (min-width: 768px) { .section-deeplinking-item:last-child { padding-right: 0; } } .section-deeplinking-item:last-child:after { display: none; } .section-deeplinking-item:after { margin: 0 4px; vertical-align: super; } .section-deeplinking-item .section-deeplinking-anchor { color: #333; margin: 0 4px; -webkit-text-size-adjust: none; } .section-deeplinking-item .section-deeplinking-anchor:hover { text-decoration: underline !important; } .section-deeplinking-btn { cursor: pointer; } @media only screen and (min-width: 768px) { .section-deeplinking-btn { display: inline-block; overflow: hidden; text-align: center; width: 24px; height: 24px; line-height: 20px; background: #fbfbfb; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); border-radius: 100%; flex-shrink: 0; display: flex; justify-content: center; align-items: center; line-height: 24px; } .section-deeplinking-btn:before { font-size: 24px; font-family: icons-min; content: "\e602"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-deeplinking-btn:before:hover { text-decoration: none; } .section-deeplinking-btn:after { content: ""; margin-right: 0; margin-left: 0; } .section-deeplinking-btn:before, .section-deeplinking-btn:after { font-size: 14px; line-height: 1; vertical-align: text-bottom; } .section-deeplinking-btn:before { display: inline-block; width: 14px; height: 14px; font-size: 14px; line-height: 15.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-deeplinking-btn::before { vertical-align: middle; line-height: 1; } } .section-deeplinking-btn.btn-toggle { display: inline-block; overflow: hidden; text-align: center; display: flex; } .section-deeplinking-btn.btn-toggle:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-deeplinking-btn.btn-toggle:before:hover { text-decoration: none; } .section-deeplinking-btn.btn-toggle:after { content: ""; margin-right: 0; margin-left: 0; } .section-deeplinking-btn.btn-toggle:before, .section-deeplinking-btn.btn-toggle:after { font-size: 14px; line-height: 1; vertical-align: text-bottom; } .section-deeplinking-btn.btn-toggle:before { display: inline-block; width: 14px; height: 14px; font-size: 14px; line-height: 15.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .section-deeplinking-btn.btn-toggle::before { vertical-align: middle; line-height: 1; } .section-deeplinking-container .section-deeplinking-item { display: inline; } .section-deeplinking-container .section-deeplinking-btn { margin-left: 8px; } .u-icon-fire { background: url("//img.weblogssl.com/g/r/svg/icon-fire.png?v=129") no-repeat; background-size: 16px 20px; } @media only screen and (min-width: 768px) { .u-icon-fire { background-position: left top; } } .section-deeplinking-container.m-deeplinking-news { background: #111; } .section-deeplinking-container.m-deeplinking-news .section-deeplinking { white-space: nowrap; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-news .section-deeplinking { white-space: normal; } } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-header { background: url("//img.weblogssl.com/g/r/svg/icon-fire.png?v=129") no-repeat; background-size: 16px 20px; line-height: 20px; padding-left: 24px; background-position: left center; overflow: hidden; height: 20px; width: 0; } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-news .section-deeplinking-header { background-position: left top; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-news .section-deeplinking-header { width: auto; line-height: 24px; overflow: visible; margin-right: 4px; } } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-header:after { display: none; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-news .section-deeplinking-header:after { display: inline; } } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-header, .section-deeplinking-container.m-deeplinking-news .section-deeplinking-item, .section-deeplinking-container.m-deeplinking-news .section-deeplinking-anchor, .section-deeplinking-container.m-deeplinking-news .section-deeplinking-btn { color: #fff; } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-list { overflow: visible; height: auto; } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-list.is-expended { overflow: visible; height: auto; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-news .section-deeplinking-list { overflow: hidden; height: 24px; } } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-item::after { margin: 0 8px; } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-item .section-deeplinking-anchor { line-height: 20px; margin: 0; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-news .section-deeplinking-item .section-deeplinking-anchor { line-height: 24px; } } .section-deeplinking-container.m-deeplinking-news .section-deeplinking-btn { background-color: rgba(255, 255, 255, 0.13); display: none; visibility: hidden; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-news .section-deeplinking-btn { display: flex; visibility: visible; } } .section-deeplinking-container.m-deeplinking-aside { background: transparent; border-top: 0; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside { border-top: 1px solid #ccc; } } .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-header { background: url("//img.weblogssl.com/g/r/svg/icon-fire.png?v=129") no-repeat; background-size: 16px 20px; line-height: 20px; padding-left: 24px; background-position: left center; overflow: hidden; height: 20px; } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-header { background-position: left top; } } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-header { line-height: 24px; overflow: visible; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-header { display: block; padding-left: 32px; margin-bottom: 16px; } } .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-header:after { display: none; } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-header:after { display: inline; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-header:after { display: none; } } .section-deeplinking-container.m-deeplinking-aside .section-deeplinking { margin: 0 auto; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking { display: block; padding: 16px 0 24px; margin: 0 auto; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-btn { display: none; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-list { overflow: visible; height: auto; } } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-item:after { margin: 0 8px; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-item:after { margin: 0 4px; } } .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-item .section-deeplinking-anchor { line-height: 20px; } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-item .section-deeplinking-anchor { line-height: 24px; margin: 0; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-item .section-deeplinking-anchor { line-height: 24px; margin: 0 4px; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-aside .section-deeplinking-item:first-child .section-deeplinking-anchor { margin-left: 0; } } .section-deeplinking-container.m-deeplinking-light { background: transparent; border-top: 0; } .section-deeplinking-container.m-deeplinking-light.m-spacing-edge { border-top: 1px solid #ccc; } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-light.m-spacing-edge { margin-left: -24px; margin-right: -24px; } } .section-deeplinking-container.m-deeplinking-light .section-deeplinking { white-space: nowrap; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking { white-space: normal; } } .section-deeplinking-container.m-deeplinking-light .section-deeplinking-header { background: url("//img.weblogssl.com/g/r/svg/icon-fire.png?v=129") no-repeat; background-size: 16px 20px; line-height: 20px; padding-left: 24px; background-position: left center; overflow: hidden; height: 20px; width: 0; } @media only screen and (min-width: 768px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking-header { background-position: left top; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking-header { width: auto; line-height: 24px; overflow: visible; margin-right: 4px; } } .section-deeplinking-container.m-deeplinking-light .section-deeplinking-header:after { display: none; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking-header:after { display: inline; } } .section-deeplinking-container.m-deeplinking-light .section-deeplinking-btn { display: none; visibility: hidden; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking-btn { display: flex; visibility: visible; } } .section-deeplinking-container.m-deeplinking-light .section-deeplinking-list { overflow: visible; height: auto; } .section-deeplinking-container.m-deeplinking-light .section-deeplinking-list.is-expended { overflow: visible; height: auto; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking-list { overflow: hidden; height: 24px; } } .section-deeplinking-container.m-deeplinking-light .section-deeplinking-item .section-deeplinking-anchor { line-height: 20px; } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking-item .section-deeplinking-anchor { line-height: 24px; margin: 0; } } @media only screen and (min-width: 1024px) { .section-deeplinking-container.m-deeplinking-light .section-deeplinking-item:after { margin: 0 8px; } } @media only screen and (min-width: 1024px) { .custom .m-deeplinking-news { padding: 0 16px; } } #didomi-host #didomi-notice.bottom { background-color: rgba(17, 17, 17, 0.9) !important; } .didomi-notice__interior-border { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .didomi-notice__interior-border { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .didomi-notice__interior-border { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .didomi-notice__interior-border { max-width: 100% !important; margin: 0 auto !important; } } @media only screen and (min-width: 1024px) { .didomi-notice__interior-border { max-width: 768px !important; } } @media only screen and (min-width: 1150px) { .didomi-notice__interior-border { max-width: 1024px !important; } } @media only screen and (min-width: 1360px) { .didomi-notice__interior-border { max-width: 1280px !important; } } @media only screen and (min-width: 1440px) { .didomi-notice__interior-border { max-width: 1360px !important; } } @media only screen and (min-width: 1600px) { .didomi-notice__interior-border { max-width: 1440px !important; } } #didomi-host #text span { color: #ccc !important; font-size: 12px !important; } #didomi-host .didomi-consent-popup__backdrop { background-color: rgba(0, 0, 0, 0.8) !important; } #didomi-host .didomi-consent-popup__exterior-border { border: 0 !important; padding: 0 !important; } #didomi-host .didomi-consent-popup__dialog { background: #eee !important; width: 100% !important; border-radius: 0 !important; border: 0 !important; } @media only screen and (min-width: 1024px) { #didomi-host .didomi-consent-popup__dialog { max-width: 696px !important; } } .didomi-consent-popup-header { padding: 24px 16px 18px !important; } @media only screen and (min-width: 1024px) { .didomi-consent-popup-header { padding: 28px 24px !important; } } #didomi-host .didomi-consent-popup-body { padding: 24px 16px 24px !important; border-top: 1px solid #e9e9e9 !important; border-bottom: 1px solid #e9e9e9 !important; } @media only screen and (min-width: 1024px) { #didomi-host .didomi-consent-popup-body { padding: 28px 24px !important; } } #didomi-host .didomi-consent-popup-footer { height: auto !important; padding: 24px 16px 24px !important; } @media only screen and (min-width: 1024px) { #didomi-host .didomi-consent-popup-footer { padding: 28px 24px !important; } } #didomi-consent-popup { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; } .didomi-consent-popup-title span { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif !important; font-weight: 700 !important; font-style: normal !important; font-size: 17px !important; line-height: 26.4px !important; text-transform: none !important; letter-spacing: 0 !important; color: #6F6361 !important; } @media only screen and (min-width: 768px) { .didomi-consent-popup-title span { font-size: 23px !important; line-height: 29.4px !important; } } @media only screen and (min-width: 1150px) { .didomi-consent-popup-title span { font-size: 23px !important; line-height: 29.4px !important; } } #didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif !important; font-weight: bold !important; color: #333 !important; font-size: inherit !important; } #didomi-host .didomi-components-accordion .label-click, #didomi-host p, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-partner, #didomi-host .didomi-components-accordion .content { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif !important; font-weight: 400 !important; color: #333 !important; font-size: 14px !important; } @media only screen and (min-width: 768px) { #didomi-host .didomi-components-accordion .label-click, #didomi-host p, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-partner, #didomi-host .didomi-components-accordion .content { font-size: inherit !important; } } #didomi-host .didomi-components-button { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; font-weight: 700 !important; } #didomi-host .didomi-components-button, #didomi-host .didomi-components-radio__option:first-child { background-color: #f3f3f3 !important; color: #777 !important; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 14px !important; padding: 0 14px !important; border-radius: 21px !important; border: none !important; display: inline-block !important; height: 42px !important; line-height: 42px !important; cursor: pointer !important; vertical-align: baseline !important; white-space: nowrap !important; background: #fff !important; text-transform: none !important; } #didomi-host .didomi-components-button:hover, #didomi-host .didomi-components-radio__option:first-child:hover { background-color: #f4f4f4 !important; color: #333 !important; } #didomi-host .didomi-components-button:hover, #didomi-host .didomi-components-radio__option:first-child:hover { text-decoration: none !important; } #didomi-host .didomi-components-button:active, #didomi-host .didomi-components-radio__option:first-child:active, #didomi-host .didomi-components-button:focus, #didomi-host .didomi-components-radio__option:first-child:focus { padding-top: 1px !important; } #didomi-host .didomi-components-button:last-child, #didomi-host .didomi-components-radio__option:first-child:last-child { margin-right: 0 !important; } #didomi-host .didomi-components-button:hover, #didomi-host .didomi-components-radio__option:first-child:hover { background: #fff !important; } #didomi-host .didomi-components-button.didomi-components-button--color, #didomi-host .didomi-components-radio__option:last-child { background-color: #D44040 !important; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 14px !important; padding: 0 14px !important; border-radius: 21px !important; border: none !important; display: inline-block !important; height: 42px !important; line-height: 42px !important; cursor: pointer !important; vertical-align: baseline !important; white-space: nowrap !important; text-transform: none !important; color: #fff !important; } #didomi-host .didomi-components-button.didomi-components-button--color:hover, #didomi-host .didomi-components-radio__option:last-child:hover { background-color: #c93d3d !important; color: #fff !important; } #didomi-host .didomi-components-button.didomi-components-button--color:hover, #didomi-host .didomi-components-radio__option:last-child:hover { text-decoration: none !important; } #didomi-host .didomi-components-button.didomi-components-button--color:active, #didomi-host .didomi-components-radio__option:last-child:active, #didomi-host .didomi-components-button.didomi-components-button--color:focus, #didomi-host .didomi-components-radio__option:last-child:focus { padding-top: 1px !important; } #didomi-host .didomi-components-radio__option:first-child, #didomi-host .didomi-components-radio__option:last-child { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 14px !important; padding: 0 14px !important; border-radius: 21px !important; border: none !important; display: inline-block !important; height: 42px !important; line-height: 42px !important; cursor: pointer !important; vertical-align: baseline !important; white-space: nowrap !important; height: 28px !important; line-height: 29px !important; padding-left: 12px !important; padding-right: 12px !important; text-transform: none !important; } #didomi-host .didomi-components-radio__option:first-child:hover, #didomi-host .didomi-components-radio__option:last-child:hover { text-decoration: none !important; } #didomi-host .didomi-components-radio__option:first-child:active, #didomi-host .didomi-components-radio__option:last-child:active, #didomi-host .didomi-components-radio__option:first-child:focus, #didomi-host .didomi-components-radio__option:last-child:focus { padding-top: 1px !important; } #didomi-host .didomi-consent-popup-footer { flex-direction: column !important; } @media only screen and (min-width: 768px) { #didomi-host .didomi-consent-popup-footer { flex-direction: row !important; } } #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions { width: 100%; justify-content: center !important; } @media only screen and (min-width: 768px) { #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions { justify-content: flex-end !important; } } #didomi-host #didomi-notice.shape-banner #buttons .standard-button { background-color: #f3f3f3 !important; color: #777 !important; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 14px !important; padding: 0 14px !important; border-radius: 21px !important; border: none !important; display: inline-block !important; height: 42px !important; line-height: 42px !important; cursor: pointer !important; vertical-align: baseline !important; white-space: nowrap !important; height: 28px !important; line-height: 29px !important; padding-left: 12px !important; padding-right: 12px !important; min-width: 0 !important; text-transform: none !important; } #didomi-host #didomi-notice.shape-banner #buttons .standard-button:hover { background-color: #f4f4f4 !important; color: #333 !important; } #didomi-host #didomi-notice.shape-banner #buttons .standard-button:hover { text-decoration: none !important; } #didomi-host #didomi-notice.shape-banner #buttons .standard-button:active, #didomi-host #didomi-notice.shape-banner #buttons .standard-button:focus { padding-top: 1px !important; } #didomi-host #didomi-notice.shape-banner #buttons .standard-button:hover { text-decoration: none !important; } #didomi-host #didomi-notice.shape-banner #buttons .standard-button:active, #didomi-host #didomi-notice.shape-banner #buttons .standard-button:focus { padding-top: 1px !important; } #didomi-host #didomi-notice.shape-banner #buttons .highlight-button { background-color: #D44040 !important; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif !important; font-size: 14px !important; padding: 0 14px !important; border-radius: 21px !important; border: none !important; display: inline-block !important; height: 42px !important; line-height: 42px !important; cursor: pointer !important; vertical-align: baseline !important; white-space: nowrap !important; height: 28px !important; line-height: 29px !important; padding-left: 12px !important; padding-right: 12px !important; text-decoration: none !important; min-width: 0 !important; text-transform: none !important; color: #fff !important; } #didomi-host #didomi-notice.shape-banner #buttons .highlight-button:hover { background-color: #c93d3d !important; color: #fff !important; } #didomi-host #didomi-notice.shape-banner #buttons .highlight-button:hover { text-decoration: none !important; } #didomi-host #didomi-notice.shape-banner #buttons .highlight-button:active, #didomi-host #didomi-notice.shape-banner #buttons .highlight-button:focus { padding-top: 1px !important; } #didomi-host #didomi-notice.shape-banner #buttons .highlight-button:hover { text-decoration: none !important; } #didomi-host #didomi-notice.shape-banner #buttons .highlight-button:active, #didomi-host #didomi-notice.shape-banner #buttons .highlight-button:focus { padding-top: 1px !important; } #didomi-host .didomi-components-collapse .content-overlay:after { background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #F2F4F6 90%) !important; } #didomi-host { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; } .didomi-components-radio__option--disagree polygon { fill: #333 !important; } #didomi-host .didomi-mobile #didomi-notice #buttons.multiple a { width: auto !important; } #didomi-host .didomi-mobile #didomi-notice.bottom .didomi-notice__interior-border { border-top-width: 0 !important; } /*body #didomi-host :not(svg|*) {all:initial ;}*/ #didomi-host { -webkit-text-fill-color: inherit !important; } #didomi-host #didomi-notice.shape-banner .didomi-notice__interior-border { flex-direction: column !important; } @media only screen and (min-width: 768px) { #didomi-host #didomi-notice.shape-banner .didomi-notice__interior-border { flex-direction: column !important; } } @media only screen and (min-width: 1150px) { #didomi-host #didomi-notice.shape-banner .didomi-notice__interior-border { flex-direction: row !important; } } #didomi-host #didomi-notice #buttons { margin-top: 20px !important; } @media only screen and (min-width: 1024px) { #didomi-host #didomi-notice #buttons { margin-top: 20px !important; } } @media only screen and (min-width: 1150px) { #didomi-host #didomi-notice #buttons { margin-top: 0 !important; } } .didomi-components-radio__option--agree svg polyline { fill: #fff !important; } #didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__explanation a { color: #C00 !important; font-weight: normal !important; } #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions * { margin-right: 0 !important; } #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions .didomi-components-button { margin-right: 10px !important; } #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions .didomi-components-button:last-child { margin-right: 0 !important; } #didomi-host #didomi-notice.shape-banner #buttons .didomi-dismiss-button { display: none !important; } .section-hero-container { margin: 0; } @media only screen and (min-width: 768px) { .section-hero-container { padding: 1px 0; } } .section-hero { max-width: 1280px; } @media only screen and (min-width: 768px) { .section-hero { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .section-hero { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1360px) { .section-hero { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .section-hero { max-width: 1368px; } } @media only screen and (min-width: 768px) { .section-hero-list { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; } } @media only screen and (min-width: 768px) { .section-hero-list { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .section-hero-list { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 768px) { .section-hero-list .hero-poster { display: inline-block; flex-grow: 1; flex-shrink: 0; flex-basis: 0; } } @media only screen and (min-width: 768px) { .section-hero-list .hero-poster { display: inline-block; flex-grow: 1; flex-shrink: 0; flex-basis: 0; } } @media only screen and (min-width: 768px) { .section-hero-list .hero-poster { margin: 0 24px 0 0; } } @media only screen and (min-width: 1024px) { .section-hero-list .hero-poster { margin-top: 0; margin-bottom: 0; margin-right: 24px; } } @media only screen and (min-width: 768px) { .section-hero-list .hero-poster:last-child { margin-right: 0; } } @media only screen and (min-width: 1024px) { .section-hero-list .hero-poster:last-child { margin-right: 0; } } .section-recent-container { clear: both; } .section-recent { max-width: 1280px; overflow: hidden; } @media only screen and (min-width: 768px) { .section-recent { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .section-recent { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1360px) { .section-recent { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .section-recent { max-width: 1368px; } } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 1024px) { } .section-header-recent { font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: lighter; text-transform: uppercase; color: #777; margin-bottom: 12px; margin-top: 24px; margin-left: 16px; } @media only screen and (min-width: 768px) { .section-header-recent { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .section-header-recent { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .section-header-recent { margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .section-header-recent { margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .section-header-recent { margin-top: 28px; margin-left: 24px; } } @media only screen and (min-width: 1024px) { .section-header-recent { margin-top: 28px; } } @media only screen and (min-width: 1024px) { .section-recent-list, .home-nav-list, .home-nav-load { float: left; width: calc(100% - 324px); } } @media only screen and (min-width: 768px) { .section-recent-aside { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .section-recent-aside { float: right; clear: right; width: 300px; margin-left: 24px; margin-right: 0; } } .section-recent-aside .ad-lat, .section-recent-aside .ad-lat2 { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1024px) { .section-recent-aside .ad-lat .ad-contact, .section-recent-aside .ad-lat2 .ad-contact { margin-top: -12px; } } .section-recent-aside .ad-contact { display: none; } @media only screen and (min-width: 768px) { .section-recent-aside .ad-box { margin-top: 24px; } } @media only screen and (min-width: 768px) { .section-recent-aside .ad-lat, .section-recent-aside .related-alts { width: 300px; flex-shrink: 0; } } .related-alts-container { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; } .related-alts { flex: auto; } @media only screen and (min-width: 768px) { .related-alts-container .section-native-container, .related-alts-container .aside-thebest { width: 48%; flex-shrink: 0; min-width: 300px; } } @media only screen and (min-width: 1024px) { .related-alts-container .section-native-container, .related-alts-container .aside-thebest { width: 300px; } } .related-alts-container .aside-thebest { margin-top: 48px; } .home-nav-container { overflow: hidden; margin-top: 24px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .home-nav-container { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .home-nav-container { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .home-nav-container { margin-left: auto; margin-right: auto; max-width: 1368px; } } @media only screen and (min-width: 768px) { .home-nav-container { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .home-nav-container { margin-top: 28px; margin-bottom: 28px; } } .home-nav { text-align: center; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .home-nav { text-align: left; float: right; margin: 0; } } @media only screen and (min-width: 1024px) { .home-nav { margin: 0; } } .home-nav li { display: inline; } .article-archive { text-align: center; } @media only screen and (min-width: 768px) { .article-archive { text-align: left; } } .btn-go-home:before { font-size: 16px; font-family: icons-min; content: "\e615"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-go-home:before:hover { text-decoration: none; } .btn-go-home:after { content: ""; margin-right: 0; margin-left: 0; } .article-archive a { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .article-archive a:hover { background-color: #f4f4f4; color: #333; } .article-archive a:hover { text-decoration: none; } .article-archive a:active, .article-archive a:focus { padding-top: 1px; } .article-archive a:before { font-size: 16px; font-family: icons-min; content: "\f02b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-archive a:before:hover { text-decoration: none; } .article-archive a:after { content: ""; margin-right: 0; margin-left: 0; } .home-nav-load { text-align: center; } .read-more-articles { text-align: center; padding: 48px 0; background: #fff; } @media only screen and (min-width: 768px) { .read-more-articles { padding: 64.08px 0; } } .read-more-wrapper { margin: 0 24px; } @media only screen and (min-width: 768px) { .read-more-wrapper { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .read-more-wrapper { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .read-more-wrapper { margin-left: auto; margin-right: auto; max-width: 1368px; } } .article-title { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .article-title { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-title { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-title { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-title { line-height: 21px; } } @media only screen and (min-width: 768px) { .article-title { font-size: 15px; line-height: 20px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .article-title { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .article-title { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .article-title { line-height: 21px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .article-title { line-height: 21px; } } .article-subtitle { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 17px; line-height: 24px; color: #333; margin: 8px 0 24px; font-weight: 900; } @media only screen and (min-width: 768px) { .article-subtitle { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .article-subtitle { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .article-subtitle { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; font-size: 20.1875px; line-height: 24px; font-weight: 400; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .article-subtitle { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .article-subtitle { font-size: 23px; line-height: 29.4px; } } .btn-more-article { display: inline-flex; padding: 0 10px 0 16px; color: #fff; } .btn-more-article:after { font-size: 16px; font-family: icons-min; content: "\e624"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .btn-more-article:after:hover { text-decoration: none; } .btn-more-article:before { content: ""; margin-right: 0; margin-left: 0; } .btn-more-article:after { margin-left: 6px; } .ad-top-infinity { background: #fff; padding: 36px 0; } @media only screen and (min-width: 1024px) { .ad-top-infinity { padding: 72px 0; } } .base-asset-media { display: flex; } .section-native-container { width: 100%; background: #DFDCD1; padding: 1px 0 0; margin: 48px 0; } @media only screen and (min-width: 768px) { .section-native-container { width: auto; background: transparent; margin-top: 0; } } .section-native { white-space: nowrap; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 0; } .section-native:after { content: "Desliza para ver más »"; font-weight: 400; font-style: italic; color: #777; text-transform: none; font-size: 15px; color: #888; line-height: 20px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .section-native:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .section-native:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .section-native:after { line-height: 21px; } } @media only screen and (min-width: 1150px) { .section-native:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .section-native:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .section-native:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .section-native:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .section-native:after { font-size: 13px; } } @media only screen and (min-width: 1150px) { .section-native:after { font-size: 13px; } } @media only screen and (min-width: 768px) { .section-native:after { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .section-native:after { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .section-native:after { content: ""; margin: 0; padding: 0; border: none; } } .section-native:after { display: block; margin-left: 16px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .section-native { white-space: normal; overflow: visible; } } .section-native .native-card { display: inline-block; vertical-align: top; white-space: normal; margin: 12px 0 6px 16px; } .section-native .native-card:last-child { margin-right: 16px; } @media only screen and (min-width: 768px) { .section-native .native-card { margin: 14px 0 14px 24px; } .section-native .native-card:last-child { margin-right: 24px; } } @media only screen and (min-width: 1024px) { .section-native .native-card { margin: 14px 0 14px 24px; } } @media only screen and (min-width: 1024px) { .section-native .native-card { display: block; margin-top: 0; margin-left: 0; margin-right: 0; } } .section-header-native { margin-left: 16px; margin-right: 16px; max-width: 100%; font-size: 15px; line-height: 20px; color: #333; margin-top: 12px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .section-header-native { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .section-header-native { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1280px) { .section-header-native { margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 768px) { .section-header-native { font-size: 16px; } } @media only screen and (min-width: 1150px) { .section-header-native { font-size: 16px; } } @media only screen and (min-width: 768px) { .section-header-native { line-height: 21px; } } @media only screen and (min-width: 1150px) { .section-header-native { line-height: 21px; } } @media only screen and (min-width: 768px) { .section-header-native { font-weight: 700; } } .section-instagram-container { background: #fff; box-shadow: 1px 0px 5px 2px rgba(0, 0, 0, 0.1) inset; padding-bottom: 12px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .section-instagram-container { padding-bottom: 21px; margin-bottom: 28px; clear: both; } } @media only screen and (min-width: 1024px) { .section-instagram-container { padding-bottom: 21px; margin-bottom: 28px; } } .section-instagram { margin-left: 16px; margin-right: 16px; position: relative; } @media only screen and (min-width: 768px) { .section-instagram { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .section-instagram { margin-left: auto; margin-right: auto; } } .section-header-instagram { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 17px; line-height: 24px; margin-top: 24px; margin-bottom: 24px; float: left; width: 70%; } .section-header-instagram:before { font-size: 32px; font-family: icons-min; content: "\e61f"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .section-header-instagram:before:hover { text-decoration: none; } .section-header-instagram:after { content: ""; margin-right: 0; margin-left: 0; } .section-header-instagram:before, .section-header-instagram:after { float: left; margin-bottom: 4px; } @media only screen and (min-width: 768px) { .section-header-instagram { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .section-header-instagram { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .section-header-instagram { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .section-header-instagram { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 768px) { .section-header-instagram { margin-bottom: 21px; } } @media only screen and (min-width: 1024px) { .section-header-instagram { margin-bottom: 21px; } } .section-header-instagram a { color: #333; } .section-header-instagram a:hover { color: #f00; } .section-instagram-follow { float: right; width: 30%; text-align: right; margin-top: 24px; position: absolute; top: 0; right: 0; } @media only screen and (min-width: 768px) { .section-instagram-follow { margin-top: 28px; margin-bottom: 21px; } } @media only screen and (min-width: 1024px) { .section-instagram-follow { margin-top: 28px; margin-bottom: 21px; } } .section-instagram-list { margin: 0; padding: 0; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) { .section-instagram-list { margin: 0; } } @media only screen and (min-width: 1024px) { .section-instagram-list { margin: 0; } } .section-instagram-list a { display: inline-block; } .section-instagram-item { margin: 0; padding: 0; display: inline-block; width: 32.5%; } @media only screen and (min-width: 768px) { .section-instagram-item { margin: 0; } } @media only screen and (min-width: 1024px) { .section-instagram-item { margin: 0; } } .section-instagram-item a { display: inline-block; } @media only screen and (min-width: 768px) { .section-instagram-item { width: 19.5%; } } .section-instagram-item a { vertical-align: middle; } .section-instagram-item img { display: block; width: 100%; height: auto; } .module-type-table table, .data-table, .tabla-datos { display: block; min-width: 100%; width: auto !important; overflow: scroll; border-collapse: collapse; background: #fff; font-size: 15px; line-height: 20px; border-top: 1px solid #e9e9e9; } @media only screen and (min-width: 768px) { .module-type-table table, .data-table, .tabla-datos { font-size: 16px; } } @media only screen and (min-width: 1150px) { .module-type-table table, .data-table, .tabla-datos { font-size: 16px; } } @media only screen and (min-width: 768px) { .module-type-table table, .data-table, .tabla-datos { line-height: 21px; } } @media only screen and (min-width: 1150px) { .module-type-table table, .data-table, .tabla-datos { line-height: 21px; } } @media only screen and (min-width: 1024px) { .module-type-table table, .data-table, .tabla-datos { display: table; min-width: 696px; width: auto !important; overflow: visible; margin-left: auto; margin-right: auto; } .module-type-table table:before, .data-table:before, .tabla-datos:before { display: none; } } .module-type-table table tbody, .data-table tbody, .tabla-datos tbody { width: 100%; } .module-type-table table caption, .data-table caption, .tabla-datos caption { font-size: 17px; line-height: 24px; font-weight: bold; padding: 24px 8px 12px; } @media only screen and (min-width: 768px) { .module-type-table table caption, .data-table caption, .tabla-datos caption { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .module-type-table table caption, .data-table caption, .tabla-datos caption { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .module-type-table table caption, .data-table caption, .tabla-datos caption { padding: 14px 12px; } } @media only screen and (min-width: 768px) { .module-type-table table caption, .data-table caption, .tabla-datos caption { padding: 14px 12px; } } .module-type-table table th, .data-table th, .tabla-datos th, .module-type-table table td, .data-table td, .tabla-datos td { padding: 12px 8px; } @media only screen and (min-width: 768px) { .module-type-table table th, .data-table th, .tabla-datos th, .module-type-table table td, .data-table td, .tabla-datos td { padding: 14px 12px; } } .module-type-table table th p, .data-table th p, .tabla-datos th p, .module-type-table table td p, .data-table td p, .tabla-datos td p { margin: 0; } @media only screen and (min-width: 768px) { .module-type-table table th p, .data-table th p, .tabla-datos th p, .module-type-table table td p, .data-table td p, .tabla-datos td p { margin: 0; } } .module-type-table table thead, .data-table thead, .tabla-datos thead { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0px; } .module-type-table table th, .data-table th, .tabla-datos th { font-size: 13px; line-height: 16px; text-transform: uppercase; font-weight: normal; } @media only screen and (min-width: 768px) { .module-type-table table th, .data-table th, .tabla-datos th { font-size: 13px; } } @media only screen and (min-width: 1150px) { .module-type-table table th, .data-table th, .tabla-datos th { font-size: 13px; } } @media only screen and (min-width: 768px) { .module-type-table table th, .data-table th, .tabla-datos th { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .module-type-table table th, .data-table th, .tabla-datos th { line-height: 16.8px; } } .module-type-table table thead th, .data-table thead th, .tabla-datos thead th { vertical-align: bottom; border-bottom: 2px solid #e9e9e9; background: #fff; } .module-type-table table td, .data-table td, .tabla-datos td, .module-type-table table tbody th, .data-table tbody th, .tabla-datos tbody th { border-bottom: 1px solid #e9e9e9; } @media only screen and (min-width: 1024px) { .custom .tabla-datos { display: block; } } .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { content: "Desliza para ver más »"; font-weight: 400; font-style: italic; color: #777; text-transform: none; font-size: 15px; color: #888; line-height: 20px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { font-size: 16px; } } @media only screen and (min-width: 1150px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { font-size: 16px; } } @media only screen and (min-width: 768px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { line-height: 21px; } } @media only screen and (min-width: 1150px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { line-height: 21px; } } @media only screen and (min-width: 768px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { font-size: 16px; } } @media only screen and (min-width: 1150px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { font-size: 16px; } } @media only screen and (min-width: 768px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { line-height: 21px; } } @media only screen and (min-width: 768px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { font-size: 13px; } } @media only screen and (min-width: 1150px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { font-size: 13px; } } @media only screen and (min-width: 768px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { content: ""; margin: 0; padding: 0; border: none; } } .module-type-table.module-size-big table:before, .supertable:before, .tabla-datos:before { display: inline-block; padding: 12px 8px 0; } .tip-text { font-size: 15px; line-height: 20px; color: #777; display: block; } @media only screen and (min-width: 768px) { .tip-text { font-size: 16px; } } @media only screen and (min-width: 1150px) { .tip-text { font-size: 16px; } } @media only screen and (min-width: 768px) { .tip-text { line-height: 21px; } } @media only screen and (min-width: 1150px) { .tip-text { line-height: 21px; } } .td-featured { background: #f7f7f7; } th.td-featured { background: transparent; } .td-type-image { text-align: center; } .td-type-number { text-align: right; } .data-table .article-asset-small, .tabla-datos .article-asset-small, .data-table .article-asset-normal, .tabla-datos .article-asset-normal, .data-table .article-asset-big, .tabla-datos .article-asset-big { margin: 0; } @media only screen and (min-width: 768px) { .data-table .article-asset-small, .tabla-datos .article-asset-small, .data-table .article-asset-normal, .tabla-datos .article-asset-normal, .data-table .article-asset-big, .tabla-datos .article-asset-big { margin: 0; width: auto; max-width: auto; } } @media only screen and (min-width: 1024px) { .data-table .article-asset-small, .tabla-datos .article-asset-small, .data-table .article-asset-normal, .tabla-datos .article-asset-normal, .data-table .article-asset-big, .tabla-datos .article-asset-big { margin: 0; max-width: auto; } } @media only screen and (min-width: 1600px) { .data-table .article-asset-small, .tabla-datos .article-asset-small, .data-table .article-asset-normal, .tabla-datos .article-asset-normal, .data-table .article-asset-big, .tabla-datos .article-asset-big { max-width: auto; } } .module-type-table .module-type-image img, .data-table .article-asset-image img, .tabla-datos .article-asset-image img { width: auto; margin: 0; max-width: 100%; } @media only screen and (min-width: 768px) { .module-type-table .module-type-image img, .data-table .article-asset-image img, .tabla-datos .article-asset-image img { width: auto; } } .module-type-table table thead th { vertical-align: top; } .module-type-table.module-fg-light td, .module-type-table.module-fg-light th { color: #333; } .module-type-table table:before, .data-table:before, .tabla-datos:before { display: none; } .blob .tabla-datos .article-asset-normal img.centro, .blob .tabla-datos .article-asset-normal img.centro_sinmarco { margin-left: auto; margin-right: auto; width: 100%; max-width: 100%; } .quote, .home-blob blockquote, .blob blockquote { border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .quote, .home-blob blockquote, .blob blockquote { padding: 0 0 0 24px; } } .quote blockquote, .home-blob blockquote blockquote, .blob blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .quote blockquote, .home-blob blockquote blockquote, .blob blockquote blockquote { padding: 0 0 0 24px; } } .quote p, .home-blob blockquote p, .blob blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } /* Reviews */ .nota-analisis { position: relative; padding-top: 1px; margin-left: 16px; margin-right: 16px; border-bottom: 1px solid #e9e9e9; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .nota-analisis { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1280px) { .nota-analisis { max-width: 1044px; margin: 0 auto; } } @media only screen and (min-width: 1600px) { .nota-analisis { max-width: 1368px; } } @media only screen and (min-width: 768px) { .nota-analisis { margin-bottom: 28px; } } .nota-analisis br { display: block; clear: both; } .nota-analisis:after { content: ''; display: block; clear: both; } @media only screen and (min-width: 768px) { .nota-analisis.m-with-sidebar { overflow: hidden; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1024px) { .nota-analisis.m-with-sidebar { margin-left: calc((100% - 696px)/2); } } @media only screen and (min-width: 768px) { .nota-analisis.m-with-sidebar .positivo, .nota-analisis.m-with-sidebar .negativo { width: auto; } } @media only screen and (min-width: 1024px) { .nota-analisis.m-with-sidebar .positivo, .nota-analisis.m-with-sidebar .negativo { width: 48%; } } .total br, .positivo br, .negativo br, .parcial br { display: none; } .nota-analisis .total { float: left; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin: 0; color: #fff; font-weight: bold; padding: 0 0 0 16px; } @media only screen and (min-width: 768px) { .nota-analisis .total { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .nota-analisis .total { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .nota-analisis .total { padding-left: 24px; } } .nota-analisis .total:after { display: inline-block; font-weight: 100; content: "/10"; background: #eee; color: #a0a0a0; padding: 12px 16px 12px 8px; margin-left: 16px; } @media only screen and (min-width: 768px) { .nota-analisis .total:after { padding: 14px 24px 14px 12px; margin-left: 24px; } } .total-9, .total-10 { background-color: #277812; } .total-7, .total-8 { background-color: #9CBF2F; } .total-5, .total-6 { background-color: #FFB900; } .total-3, .total-4 { background-color: #FC6B00; } .total-0, .total-1, .total-2 { background-color: #AF0400; } .nota-9 strong, .nota-10 strong { color: #277812; } .nota-9 span, .nota-10 span { background-color: #277812; } .nota-7 strong, .nota-8 strong { color: #9CBF2F; } .nota-7 span, .nota-8 span { background-color: #9CBF2F; } .nota-5 strong, .nota-6 strong { color: #FFB900; } .nota-5 span, .nota-6 span { background-color: #FFB900; } .nota-3 strong, .nota-4 strong { color: #FC6B00; } .nota-3 span, .nota-4 span { background-color: #FC6B00; } .nota-0 strong, .nota-1 strong, .nota-2 strong { color: #AF0400; } .nota-0 span, .nota-1 span, .nota-2 span { background-color: #AF0400; } .resumen { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .resumen { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .resumen { margin-left: auto; margin-right: auto; } } .resumen, .ficha-tecnica, .parcial { clear: left; overflow: hidden; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .resumen, .ficha-tecnica, .parcial { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .resumen, .ficha-tecnica, .parcial { float: left; width: 48%; } } .resumen blockquote { margin-top: 24px; } .parcial { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .parcial div { position: relative; border-bottom: 4px solid #ccc; margin: 24px 24px; } @media only screen and (min-width: 768px) { .parcial div { margin: 28px 24px; } } @media only screen and (min-width: 1024px) { } .parcial div strong { float: right; } .parcial div span { position: absolute; bottom: -4px; display: block; height: 4px; } .positivo, .negativo { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .positivo, .negativo { margin-bottom: 28px; } } .positivo h3, .negativo h3 { font-size: 17px; line-height: 24px; margin: 0; font-weight: lighter; background-color: #91ba87; color: #fff; text-indent: 24px; padding: 6px 0; } @media only screen and (min-width: 768px) { .positivo h3, .negativo h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .positivo h3, .negativo h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .positivo h3, .negativo h3 { padding-top: 7px; padding-bottom: 7px; } } .positivo ul, .negativo ul { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin: 0; padding: 24px 0 12px; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .positivo ul, .negativo ul { font-size: 16px; } } @media only screen and (min-width: 1150px) { .positivo ul, .negativo ul { font-size: 16px; } } @media only screen and (min-width: 768px) { .positivo ul, .negativo ul { line-height: 21px; } } @media only screen and (min-width: 1150px) { .positivo ul, .negativo ul { line-height: 21px; } } @media only screen and (min-width: 768px) { .positivo ul, .negativo ul { padding-top: 28px 0 14px; } } .positivo ul li, .negativo ul li { list-style-type: none; } .positivo li, .negativo li { margin-left: 42px; margin-right: 12px; margin-bottom: 12px; } .positivo li:before, .negativo li:before { font-size: 16px; font-family: icons-min; content: "\e628"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .positivo li:before:hover, .negativo li:before:hover { text-decoration: none; } .positivo li:after, .negativo li:after { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .positivo li, .negativo li { margin-bottom: 14px; } } .positivo li:before, .negativo li:before { color: #277812; opacity: 0.5; margin-left: -20px; } @media only screen and (min-width: 768px) { .positivo { width: 48%; float: left; } } @media only screen and (min-width: 1024px) { .positivo { float: right; margin-left: 3%; } } @media only screen and (min-width: 768px) { .negativo { width: 48%; float: right; clear: right; } } .negativo h3 { background-color: #d5807e; } .negativo li:before { font-size: 16px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .negativo li:before:hover { text-decoration: none; } .negativo li:after { content: ""; margin-right: 0; margin-left: 0; } .negativo li:before { color: #AF0400; } .ficha-tecnica .cover { float: left; } .ficha-tecnica img.cover, .ficha-tecnica .cover img { height: 60px; width: auto; float: left; margin: 0 12px 24px 0; } @media only screen and (min-width: 768px) { .ficha-tecnica img.cover, .ficha-tecnica .cover img { margin-bottom: 28px; } } .ficha-tecnica h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin: 0; display: inline; } @media only screen and (min-width: 768px) { .ficha-tecnica h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .ficha-tecnica h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .ficha-tecnica h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .ficha-tecnica h2 { margin-top: 28px; margin-bottom: 14px; } } .ficha-tecnica table { border: none; background: #fff; border-top: 1px solid #e9e9e9; border-collapse: collapse; width: 100%; margin-bottom: 0; } .ficha-tecnica th, .ficha-tecnica td { border: none; border-bottom: 1px solid #e9e9e9; vertical-align: top; padding: 12px 8px; } @media only screen and (min-width: 768px) { .ficha-tecnica th, .ficha-tecnica td { padding: 14px 12px; } } .ficha-tecnica { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .ficha-tecnica { font-size: 16px; } } @media only screen and (min-width: 1150px) { .ficha-tecnica { font-size: 16px; } } @media only screen and (min-width: 768px) { .ficha-tecnica { line-height: 21px; } } @media only screen and (min-width: 1150px) { .ficha-tecnica { line-height: 21px; } } .ficha-tecnica th { color: #999; text-transform: uppercase; font-size: 0.8em; font-weight: normal; padding-right: 0; padding-left: 64px; background-image: url("//img.weblogssl.com/g/xataka4/common/ficha-juego.png?v=129"); background-position: 16px 16px; background-repeat: no-repeat; } .ficha-tecnica th.desarrollador { background-position: 16px -90px; } .ficha-tecnica th.compania { background-position: 16px -190px; } .ficha-tecnica th.lanzamiento { background-position: 16px -286px; } .ficha-tecnica th.precio { background-position: 16px -384px; } .nota-analisis p { margin-top: 0; margin-bottom: 0; } .parcial[style] { margin-top: 0 !important; margin-bottom: 0 !important; width: auto !important; margin-left: 16px !important; margin-right: 16px !important; } @media only screen and (min-width: 768px) { .parcial[style] { margin-left: 72px !important; margin-right: 72px !important; } } @media only screen and (min-width: 1024px) { .parcial[style] { margin-left: auto !important; margin-right: auto !important; } } .parcial[style] div span { height: 4px !important; } .nota-analisis div[style] { margin-left: 16px; margin-right: 16px; width: auto !important; } @media only screen and (min-width: 768px) { .nota-analisis div[style] { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .nota-analisis div[style] { margin-left: auto; margin-right: auto; } } .parcial div[style="margin-left:.5em"] { margin-left: 24px !important; margin-right: 24px !important; } .parcial[style="width:300px;margin:10px 0 10px"] { margin-top: 0 !important; margin-bottom: 24px !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } @media only screen and (min-width: 768px) { .parcial[style="width:300px;margin:10px 0 10px"] { margin-bottom: 28px !important; } } @media only screen and (min-width: 1024px) { .parcial[style="width:300px;margin:10px 0 10px"] { float: left; width: 48% !important; } } .parcial[style="width:300px;margin:10px 0 10px"] div span { height: 4px !important; } .parcial div[style="margin-left:.5em"] { margin-left: 24px !important; } .parcial div[style="margin:.5em"] { margin: 24px 24px !important; } @media only screen and (min-width: 768px) { .parcial div[style="margin:.5em"] { margin: 28px 24px !important; } } .nota-analisis div[style="width:300px;margin:1.5em auto 0"] { width: auto !important; max-width: 696px !important; margin: 0 auto !important; clear: both; } .article-asset-review { clear: both; } .actualizacion, .article-asset-actualizacion { font-size: 17px; line-height: 24px; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .actualizacion, .article-asset-actualizacion { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .actualizacion, .article-asset-actualizacion { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .actualizacion, .article-asset-actualizacion { font-size: 16px; } } @media only screen and (min-width: 1150px) { .actualizacion, .article-asset-actualizacion { font-size: 16px; } } @media only screen and (min-width: 768px) { .actualizacion, .article-asset-actualizacion { line-height: 21px; } } @media only screen and (min-width: 1150px) { .actualizacion, .article-asset-actualizacion { line-height: 21px; } } .actualizacion p, .article-asset-actualizacion p, .actualizacion ul, .article-asset-actualizacion ul, .actualizacion ol, .article-asset-actualizacion ol, .actualizacion li, .article-asset-actualizacion li, .actualizacion blockquote, .article-asset-actualizacion blockquote { margin-left: 0; margin-right: 0; } @media only screen and (min-width: 768px) { .actualizacion p, .article-asset-actualizacion p, .actualizacion ul, .article-asset-actualizacion ul, .actualizacion ol, .article-asset-actualizacion ol, .actualizacion li, .article-asset-actualizacion li, .actualizacion blockquote, .article-asset-actualizacion blockquote { margin-left: 0; margin-right: 0; width: auto; max-width: auto; } } @media only screen and (min-width: 1024px) { .actualizacion p, .article-asset-actualizacion p, .actualizacion ul, .article-asset-actualizacion ul, .actualizacion ol, .article-asset-actualizacion ol, .actualizacion li, .article-asset-actualizacion li, .actualizacion blockquote, .article-asset-actualizacion blockquote { margin-left: 0; margin-right: 0; max-width: auto; } } @media only screen and (min-width: 1600px) { .actualizacion p, .article-asset-actualizacion p, .actualizacion ul, .article-asset-actualizacion ul, .actualizacion ol, .article-asset-actualizacion ol, .actualizacion li, .article-asset-actualizacion li, .actualizacion blockquote, .article-asset-actualizacion blockquote { max-width: auto; } } .actualizacion span, .actualizacion .actualizacion-inner, .article-asset-actualizacion > .asset-content { display: block; box-sizing: border-box; border: 1px dashed #efd459; background: #FFFCEF; padding: 1em 1em; margin: 12px 16px; border-radius: 4px; max-width: 696px; } @media only screen and (min-width: 768px) { .actualizacion span, .actualizacion .actualizacion-inner, .article-asset-actualizacion > .asset-content { margin: 14px 0; } } @media only screen and (min-width: 1024px) { .actualizacion span, .actualizacion .actualizacion-inner, .article-asset-actualizacion > .asset-content { float: left; margin: 14px 0; min-width: 100%; } } @media only screen and (min-width: 768px) { .actualizacion span, .actualizacion .actualizacion-inner { margin-left: 72px; } } @media only screen and (min-width: 1024px) { .actualizacion span, .actualizacion .actualizacion-inner { margin-left: 0; } } .article-asset-actualizacion > .asset-content { padding-bottom: 0; } .blob .actualizacion, .blob .article-asset-actualizacion { overflow: hidden; font-size: 17px; line-height: 24px; } @media only screen and (min-width: 1024px) { .blob .actualizacion, .blob .article-asset-actualizacion { margin-left: calc((100% - 696px)/2); margin-right: calc((100% - 696px)/2); } } @media only screen and (min-width: 768px) { .blob .actualizacion, .blob .article-asset-actualizacion { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .blob .actualizacion, .blob .article-asset-actualizacion { font-size: 19px; line-height: 28px; } } .blob .actualizacion span, .blob .actualizacion .actualizacion-inner, .blob .article-asset-actualizacion > .asset-content { margin: 24px 16px; } @media only screen and (min-width: 768px) { .blob .actualizacion span, .blob .actualizacion .actualizacion-inner, .blob .article-asset-actualizacion > .asset-content { margin: 28px 0 28px 72px; } } @media only screen and (min-width: 1024px) { .blob .actualizacion span, .blob .actualizacion .actualizacion-inner, .blob .article-asset-actualizacion > .asset-content { margin: 28px 0; } } .asset-card-deal { position: relative; margin-left: 16px; margin-right: 16px; overflow: hidden; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-size: 15px; line-height: 20px; padding: 12px 0; margin: 24px 12px; } @media only screen and (min-width: 768px) { .asset-card-deal { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .asset-card-deal { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .asset-card-deal { font-size: 16px; } } @media only screen and (min-width: 1150px) { .asset-card-deal { font-size: 16px; } } @media only screen and (min-width: 768px) { .asset-card-deal { line-height: 21px; } } @media only screen and (min-width: 1150px) { .asset-card-deal { line-height: 21px; } } @media only screen and (min-width: 768px) { .asset-card-deal { padding: 14px 0; margin: 28px auto; } } @media only screen and (min-width: 1150px) { .asset-card-deal { padding: 14px 0; margin: 28px auto; } } .asset-card-deal h2, .asset-card-deal h3, .asset-card-deal h4, .asset-card-deal p { padding: 0 24px; margin: 18px 0; } @media only screen and (min-width: 768px) { .asset-card-deal h2, .asset-card-deal h3, .asset-card-deal h4, .asset-card-deal p { margin: 21px 0; } } @media only screen and (min-width: 1150px) { .asset-card-deal h2, .asset-card-deal h3, .asset-card-deal h4, .asset-card-deal p { margin: 21px 0; } } .asset-card-deal h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .asset-card-deal h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .asset-card-deal h2 { font-size: 23px; line-height: 29.4px; } } .asset-card-deal h3 { text-align: center; } @media only screen and (min-width: 480px) { .asset-card-deal h3 { width: 30%; position: absolute; top: 24px; right: 24px; margin: 0; padding: 0; } } @media only screen and (min-width: 1024px) { .asset-card-deal h3 { margin: 0; } } .asset-card-deal h3 a { display: block; background: #D44040; color: #fff; border-radius: 8px; padding: 12px 16px; font-size: 15px; line-height: 20px; font-weight: normal; } @media only screen and (min-width: 768px) { .asset-card-deal h3 a { font-size: 16px; } } @media only screen and (min-width: 1150px) { .asset-card-deal h3 a { font-size: 16px; } } @media only screen and (min-width: 768px) { .asset-card-deal h3 a { line-height: 21px; } } @media only screen and (min-width: 1150px) { .asset-card-deal h3 a { line-height: 21px; } } .asset-card-deal h3 a:visited, .asset-card-deal h3 a:active { color: #fff; } .asset-card-deal h3 a:hover { background: #f00; color: #fff; text-decoration: none; } .asset-card-deal h3 strong { line-height: 24px; font-weight: bold; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .asset-card-deal h3 strong { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .asset-card-deal h3 strong { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .asset-card-deal h3 strong { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .asset-card-deal h3 strong { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .asset-card-deal h3 strong { display: block; } } .asset-card-deal h4, .asset-card-deal .asset-card-deal-first-price { border-bottom: 1px solid #e9e9e9; padding-bottom: 12px; } @media only screen and (min-width: 768px) { .asset-card-deal h4, .asset-card-deal .asset-card-deal-first-price { padding-bottom: 14px; } } @media only screen and (min-width: 768px) { .asset-card-deal h4, .asset-card-deal .asset-card-deal-first-price { padding-bottom: 14px; } } .asset-card-deal h4 { font-size: 15px; line-height: 20px; font-weight: normal; } @media only screen and (min-width: 768px) { .asset-card-deal h4 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .asset-card-deal h4 { font-size: 16px; } } @media only screen and (min-width: 768px) { .asset-card-deal h4 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .asset-card-deal h4 { line-height: 21px; } } .asset-card-deal .asset-card-deal-image { display: block; max-width: 90%; margin: -24px auto 0; } @media only screen and (min-width: 480px) { .asset-card-deal .asset-card-deal-image { width: 30%; float: right; margin-right: 24px; } } .asset-card-deal .asset-card-deal-image img { min-width: 0; margin: 0; margin-top: 12px; } @media only screen and (orientation: landscape) { .asset-card-deal .asset-card-deal-image img { margin-top: 0; } } @media only screen and (min-width: 768px) { .asset-card-deal .asset-card-deal-image img { margin: 0; } } @media only screen and (min-width: 1024px) { .asset-card-deal .asset-card-deal-image img { margin: 0; } } @media only screen and (min-width: 768px) { .asset-card-deal .article-asset-normal { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 480px) { .asset-card-deal .asset-card-deal-header, .asset-card-deal .asset-card-deal-description { margin-right: 40%; } } .asset-card-deal .asset-card-deal-first-price { color: #D44040; font-weight: bold; } .asset-card-deal ul { margin-left: 24px; } .asset-card-deal-client { margin: 0 16px; text-align: center; } @media only screen and (orientation: landscape) { .asset-card-deal-client { margin: 0; text-align: left; position: absolute; left: 24px; bottom: 12px; } } @media only screen and (min-width: 480px) { .asset-card-deal-client { margin: 0; text-align: left; position: absolute; left: 24px; bottom: 12px; } } .asset-card-deal-client-disclaimer { font-size: 15px; display: block; } @media only screen and (min-width: 768px) { .asset-card-deal-client-disclaimer { font-size: 16px; } } @media only screen and (min-width: 1150px) { .asset-card-deal-client-disclaimer { font-size: 16px; } } @media only screen and (orientation: landscape) { .asset-card-deal-client-disclaimer { display: inline-block; } } @media only screen and (min-width: 480px) { .asset-card-deal-client-disclaimer { display: inline-block; } } .asset-card-deal-header h3 a { display: inline-block; } @media only screen and (orientation: landscape) { .asset-card-deal-header h3 a { display: block; } } @media only screen and (min-width: 768px) { .asset-card-deal-header h3 a { display: block; } } .asset-card-deal-header h3 a strong { display: block; } .asset-card-deal-header p a { text-decoration: underline; } .asset-card-deal-client-logo { text-indent: -999999px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; } .blob .asset-card-deal.m-client-eci a, .asset-card-deal.m-client-eci a { color: #008C2E; } .blob .asset-card-deal.m-client-eci .asset-card-deal-header h3 a, .asset-card-deal.m-client-eci .asset-card-deal-header h3 a { background: #008C2E; color: #ffffff; } .blob .asset-card-deal.m-client-eci .asset-card-deal-client-logo, .asset-card-deal.m-client-eci .asset-card-deal-client-logo { background-image: url("//img.weblogssl.com/g/branded/logo-eci.svg?v=129"); width: 100px; height: 24px; } @media only screen and (min-width: 768px) { .blob .asset-card-deal.m-client-eci .asset-card-deal-client-logo, .asset-card-deal.m-client-eci .asset-card-deal-client-logo { width: 100px; height: 24px; } } .blob .asset-card-deal.m-client-eci .article-asset-normal img.centro_sinmarco, .asset-card-deal.m-client-eci .article-asset-normal img.centro_sinmarco { margin-left: 0; margin-right: 0; max-width: 100%; width: 100%; } .twitter-tweet, .instagram-media { margin-left: auto !important; margin-right: auto !important; margin-bottom: 24px !important; } @media only screen and (min-width: 768px) { .twitter-tweet, .instagram-media { margin-bottom: 28px !important; } } @media only screen and (min-width: 1024px) { .instagram-media { min-width: initial !important; max-width: 600px !important; } } .fb_iframe_widget { display: block !important; max-width: 696px; margin: 0 auto 24px; /*@media @tablet { margin-bottom: @d-line-height !important; }*/ } #fb-share-button { background-color: #ffffff; border: 1px solid #ddd; padding: 10px; position: absolute; top: -9999px; left: -9999px; z-index: 9999; box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5); font-size: 14px; border-radius: 4px; color: #888; cursor: pointer; } #fb-share-button .btn-facebook { margin-left: 5px; } #fb-share-button:hover { box-shadow: 0 1px 2px #66afe9; color: #222; } .pb_feed { max-width: 90%; margin: 0 auto; } @media only screen and (min-width: 1024px) { .pb_feed { max-width: 540px; margin: 0 0 0 72px; } } @media only screen and (min-width: 1280px) { .pb_feed { max-width: 640px; margin: 0 0 0 140px; } } @media only screen and (min-width: 1600px) { .pb_feed { margin: 0 auto; } } .pb_top_content_container, .pb_feed_anim { clear: none !important; } .prettyprint { max-width: 90%; margin: 0 auto 24px; } @media only screen and (min-width: 768px) { .prettyprint { margin-bottom: 28px; } } .article-asset-embed-giphy { margin-bottom: 24px; text-align: center; } @media only screen and (min-width: 768px) { .article-asset-embed-giphy { margin-bottom: 28px; } } .article-asset-embed-giphy .asset-content > div:first-child { margin: 0 auto; width: 100% !important; } .article-asset-embed-giphy iframe { display: none; } .article-asset-embed-giphy img { margin: 0; } .module-type-giphy { margin-bottom: 24px; text-align: center; } @media only screen and (min-width: 768px) { .module-type-giphy { margin-bottom: 28px; } } .module-type-giphy .module-content > div:first-child { margin: 0 auto; width: 100% !important; min-width: 300px; } .module-type-giphy img { margin: 0; } .tabla-datos .article-asset-embed-giphy .asset-content > div:first-child, .module-type-table .module-type-giphy .module-content > div:first-child { min-width: 300px; } .article-asset-embed-infogram, .article-asset-table { margin-bottom: 24px; text-align: center; } @media only screen and (min-width: 768px) { .article-asset-embed-infogram, .article-asset-table { margin-bottom: 28px; } } .article-asset-table { overflow: hidden; } @media only screen and (min-width: 1024px) { .article-asset-table { margin-left: auto; margin-right: auto; } } .tabla-datos { text-align: left; } .custom .article-asset-table .tabla-datos td { word-break: break-word; } @media only screen and (min-width: 1024px) { .custom .tabla-datos { display: table; min-width: auto; } } .article-asset-embed-datawrapper, .article-asset-embed-infogram { overflow: hidden; } @media only screen and (min-width: 1024px) { .article-asset-embed-datawrapper, .article-asset-embed-infogram { margin-left: calc((100% - 696px)/2); margin-right: calc((100% - 696px)/2); } } @media only screen and (min-width: 1024px) { .article-asset-embed-datawrapper.article-asset-large, .article-asset-embed-infogram.article-asset-large, .article-asset-embed-infogram.article-asset-cover, .article-asset-embed-infogram.article-asset-edge, .article-asset-embed-datawrapper.article-asset-cover, .article-asset-embed-datawrapper.article-asset-edge { margin-left: auto; margin-right: auto; } } .syntaxhighlighter:before { content: "Desliza para ver más »"; font-weight: 400; font-style: italic; color: #777; text-transform: none; font-size: 15px; color: #888; line-height: 20px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .syntaxhighlighter:before { font-size: 16px; } } @media only screen and (min-width: 1150px) { .syntaxhighlighter:before { font-size: 16px; } } @media only screen and (min-width: 768px) { .syntaxhighlighter:before { line-height: 21px; } } @media only screen and (min-width: 1150px) { .syntaxhighlighter:before { line-height: 21px; } } @media only screen and (min-width: 768px) { .syntaxhighlighter:before { font-size: 16px; } } @media only screen and (min-width: 1150px) { .syntaxhighlighter:before { font-size: 16px; } } @media only screen and (min-width: 768px) { .syntaxhighlighter:before { line-height: 21px; } } @media only screen and (min-width: 768px) { .syntaxhighlighter:before { font-size: 13px; } } @media only screen and (min-width: 1150px) { .syntaxhighlighter:before { font-size: 13px; } } @media only screen and (min-width: 768px) { .syntaxhighlighter:before { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .syntaxhighlighter:before { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .syntaxhighlighter:before { content: ""; margin: 0; padding: 0; border: none; } } .base-asset-video .jwplayer { position: absolute; display: block; width: 100%!important; height: 100%!important; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .slide-gallery { overflow: hidden; } .slide-gallery h2 { font-size: 17px; line-height: 24px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .slide-gallery h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .slide-gallery h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1280px) { .slide-gallery h2 { max-width: 100%; } } .slide-gallery h2 a { display: block; font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 12px; color: #777; } .slide-gallery h2 a:before { font-size: 24px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-gallery h2 a:before:hover { text-decoration: none; } .slide-gallery h2 a:after { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .slide-gallery h2 a { font-size: 16px; } } @media only screen and (min-width: 1150px) { .slide-gallery h2 a { font-size: 16px; } } @media only screen and (min-width: 768px) { .slide-gallery h2 a { line-height: 21px; } } @media only screen and (min-width: 1150px) { .slide-gallery h2 a { line-height: 21px; } } .slide-gallery h2 a:hover { color: #f00; } @media only screen and (min-width: 768px) { .slide-gallery h2 a { float: right; margin-bottom: 0; margin-top: 7px; } } .slide-gallery img { margin: 0; } .slide-gallery .elastislide-list { max-width: 100%; } .slide-gallery .elastislide-list li { display: inline-block; margin: 0 8px 0 0; max-width: 23%; } /* Galleries */ .thumbs { text-align: center; width: 100%; overflow: hidden; color: #999; } .thumbs h3 { color: #333; } .thumbs .float { width: 70px; height: 70px; overflow: hidden; float: left; margin: 0 0 24px 24px; display: inline; background: #fff; } .thumbs .float img { width: auto; } .slide-gallery .clearfix:before, .slide-gallery .clearfix:after, .slide-gallery h2:before, .slide-gallery h2:after { content: " "; display: table; } .slide-gallery .clearfix:after, .slide-gallery h2:after { clear: both; } .slide-gallery { position: relative; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .slide-gallery { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .slide-gallery { max-width: 1368px; } } @media only screen and (min-width: 768px) { .slide-gallery { margin-bottom: 28px; } } .slide-gallery-home { width: 650px; } .elastislide-list { margin-bottom: 0!important; } .no-js .elastislide-list { display: block; } .elastislide-carousel ul li { min-width: 20px; } .elastislide-wrapper { position: relative; margin: 10px auto; min-height: 60px; } .elastislide-wrapper.elastislide-loading { background-image: url('//img.weblogssl.com/g/xataka4/common/ajax-loader.gif'); background-repeat: no-repeat; background-position: center center; } .elastislide-horizontal { padding: 0; } .elastislide-carousel { overflow: hidden; position: relative; } .elastislide-carousel ul { position: relative; display: block; list-style-type: none; padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .elastislide-horizontal ul { white-space: nowrap; } .elastislide-carousel ul li { margin: 0; -webkit-backface-visibility: hidden; } .elastislide-horizontal ul li { height: 100%; display: inline-block; } .elastislide-carousel ul li a { display: inline-block; width: 100%; } .elastislide-carousel ul li a img { display: block; border: 2px solid #fff; max-width: 100%; max-height: 200px; } .elastislide-carousel ul li a img:hover { border: 2px solid #ddd; } .elastislide-carousel ul.elastislide-list li a img { max-height: none; max-width: none; } .gallery-thumbs .elastislide-carousel ul.elastislide-list li a img { max-width: 100%; max-height: 200px; } .right-grad, .left-grad { position: absolute; top: 35%; height: 100%; left: 0; } .right-grad { left: auto; right: 0; } .elastislide-horizontal nav span.elastislide-next, .elastislide-horizontal nav span.elastislide-prev { background: rgba(255, 255, 255, 0.8); color: #333; cursor: pointer; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 31%; } .elastislide-horizontal nav span.elastislide-next:hover, .elastislide-horizontal nav span.elastislide-prev:hover { background: #fff; } .elastislide-horizontal nav span.elastislide-next { display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; padding: 0; overflow: hidden; white-space: normal; right: 0; } .elastislide-horizontal nav span.elastislide-next:before { font-size: 24px; font-family: icons-min; content: "\e627"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .elastislide-horizontal nav span.elastislide-next:before:hover { text-decoration: none; } .elastislide-horizontal nav span.elastislide-next:after { content: ""; margin-right: 0; margin-left: 0; } .elastislide-horizontal nav span.elastislide-next:before, .elastislide-horizontal nav span.elastislide-next:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .elastislide-horizontal nav span.elastislide-next:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .elastislide-horizontal nav span.elastislide-next:before, .elastislide-horizontal nav span.elastislide-next:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } @media only screen and (min-width: 768px) { .elastislide-horizontal nav span.elastislide-next { display: inline-block; text-align: center; width: 72px; height: 72px; line-height: 72px; padding: 0; overflow: hidden; white-space: normal; } .elastislide-horizontal nav span.elastislide-next:before { font-size: 24px; font-family: icons-min; content: "\e627"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .elastislide-horizontal nav span.elastislide-next:before:hover { text-decoration: none; } .elastislide-horizontal nav span.elastislide-next:after { content: ""; margin-right: 0; margin-left: 0; } .elastislide-horizontal nav span.elastislide-next:before, .elastislide-horizontal nav span.elastislide-next:after { font-size: 48px; line-height: 1; vertical-align: text-bottom; } .elastislide-horizontal nav span.elastislide-next:before { display: inline-block; width: 48px; height: 48px; font-size: 48px; line-height: 52.8px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .elastislide-horizontal nav span.elastislide-next:before, .elastislide-horizontal nav span.elastislide-next:after { line-height: 43.2px; margin: 0 12px; vertical-align: middle; } } .elastislide-horizontal nav span.elastislide-next:before { margin-right: 6px; } .elastislide-horizontal nav span.elastislide-prev { background: rgba(255, 255, 255, 0.8); color: #333; display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; padding: 0; overflow: hidden; white-space: normal; } .elastislide-horizontal nav span.elastislide-prev:before { font-size: 24px; font-family: icons-min; content: "\e626"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .elastislide-horizontal nav span.elastislide-prev:before:hover { text-decoration: none; } .elastislide-horizontal nav span.elastislide-prev:after { content: ""; margin-right: 0; margin-left: 0; } .elastislide-horizontal nav span.elastislide-prev:before, .elastislide-horizontal nav span.elastislide-prev:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .elastislide-horizontal nav span.elastislide-prev:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .elastislide-horizontal nav span.elastislide-prev:before, .elastislide-horizontal nav span.elastislide-prev:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } @media only screen and (min-width: 768px) { .elastislide-horizontal nav span.elastislide-prev { display: inline-block; text-align: center; width: 72px; height: 72px; line-height: 72px; padding: 0; overflow: hidden; white-space: normal; } .elastislide-horizontal nav span.elastislide-prev:before { font-size: 24px; font-family: icons-min; content: "\e626"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .elastislide-horizontal nav span.elastislide-prev:before:hover { text-decoration: none; } .elastislide-horizontal nav span.elastislide-prev:after { content: ""; margin-right: 0; margin-left: 0; } .elastislide-horizontal nav span.elastislide-prev:before, .elastislide-horizontal nav span.elastislide-prev:after { font-size: 48px; line-height: 1; vertical-align: text-bottom; } .elastislide-horizontal nav span.elastislide-prev:before { display: inline-block; width: 48px; height: 48px; font-size: 48px; line-height: 52.8px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .elastislide-horizontal nav span.elastislide-prev:before, .elastislide-horizontal nav span.elastislide-prev:after { line-height: 43.2px; margin: 0 12px; vertical-align: middle; } } .elastislide-horizontal nav span.elastislide-prev:before { margin-left: 6px; } .article-content .elastislide-carousel { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .gallery-page { background: #1c1c1c; color: #F9F9F9; } .gallery-index { color: #F9F9F9; } .gallery-index h1, .gallery-index h2 { color: #F9F9F9; } .gallery-index h1 { padding-bottom: 20px; font-size: 20px; line-height: 20px; margin: 5px 0; } .gallery-index ul { margin: 0 20px; padding: 0; } .gallery-index .gallery-summary { width: 44%; margin-right: 4%; } .gallery-index .gallery-summary:nth-child(2n+2) { margin-right: 0; } .gallery-index .gallery-summary .metadata { min-height: 56px; } .gallery-index .gallery-summary .metadata h2 { font-size: 100%; margin: 5px 0; line-height: 1.2; } .gallery-index .gallery-summary .metadata span { font-size: 0.9em; width: 32px; padding: 6px 0; } .gallery-index .gallery-summary a { height: 175px; width: 100%; } .gallery-index .nav { margin-bottom: 40px; } .gallery-index .nav li { display: inline; margin-left: 10px; } @media screen and (orientation: portrait) { .gallery-index .gallery-summary { width: 100%; margin-right: 0; margin-bottom: 10px; } .gallery-index .gallery-summary a { height: 200px; } } @media (min-width: 960px) and (orientation: landscape) { .gallery-index .gallery-summary { width: 30%; margin-right: 3%; } .gallery-index .gallery-summary:nth-child(2n+2) { margin-right: 3%; } .gallery-index .gallery-summary:nth-child(3n+3) { margin-right: 0; } } @media (min-width: 480px) and (max-width: 959px) and (orientation: portrait) { .gallery-index .gallery-summary { width: 44%; margin-right: 4%; } .gallery-index .gallery-summary:nth-child(2n+2) { margin-right: 0; } } /* css for gallery home page mobile ends here */ /* css for top right cross icon */ .slideshow .slide-item-close a { color: #ccc; } .article-slideshow { position: relative; padding-top: 1px; } @media only screen and (min-width: 768px) { .article-slideshow { position: static; } } .slide-next, .slide-prev { position: fixed; top: 49%; left: 0; text-align: center; } .slide-next:hover, .slide-prev:hover { text-decoration: none; background: #fff; } .slide-next { left: auto; right: 0; } .slide-next { display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; padding: 0; overflow: hidden; white-space: normal; } .slide-next:before { font-size: 24px; font-family: icons-min; content: "\e627"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-next:before:hover { text-decoration: none; } .slide-next:after { content: ""; margin-right: 0; margin-left: 0; } .slide-next:before, .slide-next:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .slide-next:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .slide-next:before, .slide-next:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } @media only screen and (min-width: 768px) { .slide-next { display: inline-block; text-align: center; width: 72px; height: 72px; line-height: 72px; padding: 0; overflow: hidden; white-space: normal; } .slide-next:before { font-size: 24px; font-family: icons-min; content: "\e627"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-next:before:hover { text-decoration: none; } .slide-next:after { content: ""; margin-right: 0; margin-left: 0; } .slide-next:before, .slide-next:after { font-size: 48px; line-height: 1; vertical-align: text-bottom; } .slide-next:before { display: inline-block; width: 48px; height: 48px; font-size: 48px; line-height: 52.8px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .slide-next:before, .slide-next:after { line-height: 43.2px; margin: 0 12px; vertical-align: middle; } } .slide-prev { display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; padding: 0; overflow: hidden; white-space: normal; } .slide-prev:before { font-size: 24px; font-family: icons-min; content: "\e626"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-prev:before:hover { text-decoration: none; } .slide-prev:after { content: ""; margin-right: 0; margin-left: 0; } .slide-prev:before, .slide-prev:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .slide-prev:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .slide-prev:before, .slide-prev:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } @media only screen and (min-width: 768px) { .slide-prev { display: inline-block; text-align: center; width: 72px; height: 72px; line-height: 72px; padding: 0; overflow: hidden; white-space: normal; } .slide-prev:before { font-size: 24px; font-family: icons-min; content: "\e626"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-prev:before:hover { text-decoration: none; } .slide-prev:after { content: ""; margin-right: 0; margin-left: 0; } .slide-prev:before, .slide-prev:after { font-size: 48px; line-height: 1; vertical-align: text-bottom; } .slide-prev:before { display: inline-block; width: 48px; height: 48px; font-size: 48px; line-height: 52.8px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .slide-prev:before, .slide-prev:after { line-height: 43.2px; margin: 0 12px; vertical-align: middle; } } .slideshow { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .slideshow-container { padding-bottom: 2px; box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5); position: relative; min-height: 100vh; } @media only screen and (orientation: landscape) { .slideshow-container { min-height: 100vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .slideshow-container { min-height: 480px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .slideshow-container { min-height: 568px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .slideshow-container { min-height: 1024px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .slideshow-container { min-height: 320px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .slideshow-container { min-height: 320px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .slideshow-container { min-height: 768px; } } .slideshow .slide-next, .slideshow .slide-prev { top: auto; bottom: 0; position: absolute; box-shadow: none; background: rgba(255, 255, 255, 0.6); color: #333; top: 60vh; } @media only screen and (orientation: landscape) { .slideshow .slide-next, .slideshow .slide-prev { top: 60vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .slideshow .slide-next, .slideshow .slide-prev { top: 288px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .slideshow .slide-next, .slideshow .slide-prev { top: 340.8px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .slideshow .slide-next, .slideshow .slide-prev { top: 614.4px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .slideshow .slide-next, .slideshow .slide-prev { top: 192px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .slideshow .slide-next, .slideshow .slide-prev { top: 192px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .slideshow .slide-next, .slideshow .slide-prev { top: 460.8px; } } @media only screen and (min-width: 768px) { .slideshow .slide-next, .slideshow .slide-prev { bottom: auto; } } @media only screen and (min-width: 1280px) { .slideshow .slide-next, .slideshow .slide-prev { bottom: auto; top: 50vh; } } .slide-item-header { min-height: 64px; position: relative; } .slide-item-header h1 { padding: 18px 12px; text-align: left; font-size: 17px; line-height: 24px; margin: 0 58px 0 0; } @media only screen and (min-width: 768px) { .slide-item-header h1 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .slide-item-header h1 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .slide-item-header h1 { padding: 28px 24px 28px 196px; } } .slide-item-header h1 span { margin-right: 12px; } .gallery-single .slide-next, .slideshow .slide-next, .gallery-single .slide-prev, .slideshow .slide-prev { position: absolute; } .gallery-single .slide-next:before, .slideshow .slide-next:before, .gallery-single .slide-prev:before, .slideshow .slide-prev:before { margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } @media only screen and (min-width: 768px) { .gallery-single .slide-next:before, .slideshow .slide-next:before, .gallery-single .slide-prev:before, .slideshow .slide-prev:before { margin: 0; } } /* .slide-item-header h1:before { @media @tablet { position: absolute; top: @d-line-height*0.25; left: @base-gutter*0.5; content: "-"; width: @brand-w; height: @d-line-height*2.25; text-indent: @brand-w; overflow: hidden; background-image: url("@{img-brand-path}head-brand-logo.svg?v=@{img-v}"); background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0.3; } } */ .slideshow-brand .brand { width: 160px; height: 63px; line-height: 63px; text-align: center; float: left; margin-left: 12px; margin-top: 7px; } .slideshow-brand .brand .brand-logo { height: 56px; width: 160px; height: 63px; display: inline-block; overflow: hidden; text-indent: -10000px; background: url("images/head-brand-logo.svg?v=129"); background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0.3; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; } .slideshow-brand .brand .brand-logo:hover { opacity: 0.5; } .slide-comments-link { white-space: nowrap; } .slide-comments-link:before { font-size: 24px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-comments-link:before:hover { text-decoration: none; } .slide-comments-link:after { content: ""; margin-right: 0; margin-left: 0; } .slide-item-close { position: fixed; top: 6px; right: 6px; z-index: 1; } .slide-item-close a { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; float: right; margin: 12px 8px 0 0; } .slide-item-close a:hover { background-color: #f4f4f4; color: #333; } .slide-item-close a:hover { text-decoration: none; } .slide-item-close a:active, .slide-item-close a:focus { padding-top: 1px; } .slide-item-close a:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-item-close a:before:hover { text-decoration: none; } .slide-item-close a:after { content: ""; margin-right: 0; margin-left: 0; } .slide-item-close a:before, .slide-item-close a:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .slide-item-close a:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .slide-item-close a:before, .slide-item-close a:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .slide-item-close a:before { margin-left: 6px; margin-right: 6px; } @media only screen and (min-width: 1280px) { .slide-item-close a { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .slide-item-close a:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .slide-item-close a:before:hover { text-decoration: none; } .slide-item-close a:after { content: ""; margin-right: 0; margin-left: 0; } .slide-item-close a:before, .slide-item-close a:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .slide-item-close a:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .slide-item-close a:before, .slide-item-close a:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } } @media only screen and (min-width: 768px) { .slide-item-close a { margin: 11.2px 12px 0 0; } } @media only screen and (min-width: 1280px) { .slide-item-close a { margin-top: 19.6px; } } .slideshow { /* .gallery-item-related { margin: @baseMargin auto; h2 { line-height: 1.6; } .slide-comments-link { .icon-right(@icon-comments); color: @linkColor; } ul { margin-left: 0; padding: 0; max-width: 100%; } .gallery-summary { margin-left: @baseMargin*0.5; margin-right: @baseMargin*0.5; a { width: 240px; height: 200px; } .metadata { min-height: 0; } h2 { margin-top: 0; padding-right: @baseMargin*0.5; font-size: 110%; color: #999; } &:hover { h2 { color: #fff; } } } .message { font-size: 90%; display: inline-block; margin: @baseMargin auto @baseMargin*0.5; padding: @baseMargin*0.5 @baseMargin; } } */ } .slideshow .gallery-item { text-align: center; clear: both; } .slideshow .gallery-item-image { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; height: auto; overflow: hidden; position: relative; max-height: 70vh; } @media only screen and (orientation: landscape) { .slideshow .gallery-item-image { max-height: 70vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .slideshow .gallery-item-image { max-height: 336px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .slideshow .gallery-item-image { max-height: 397.6px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .slideshow .gallery-item-image { max-height: 716.8px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .slideshow .gallery-item-image { max-height: 224px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .slideshow .gallery-item-image { max-height: 224px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .slideshow .gallery-item-image { max-height: 537.6px; } } @media only screen and (min-width: 1280px) { .slideshow .gallery-item-image { width: auto; max-width: calc(80% - 80px) !important; max-height: 100vh; } } .slideshow .gallery-item-image a { display: inline-block; position: relative; max-width: 100%; } .slideshow .gallery-item-image img { max-height: 70vh; width: auto; } @media only screen and (orientation: landscape) { .slideshow .gallery-item-image img { max-height: 70vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .slideshow .gallery-item-image img { max-height: 336px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .slideshow .gallery-item-image img { max-height: 397.6px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .slideshow .gallery-item-image img { max-height: 716.8px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .slideshow .gallery-item-image img { max-height: 224px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .slideshow .gallery-item-image img { max-height: 224px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .slideshow .gallery-item-image img { max-height: 537.6px; } } @media only screen and (min-width: 1280px) { .slideshow .gallery-item-image img { max-height: 100vh; max-width: 100%; } } .slideshow .gallery-item-image span { left: 4px; margin-left: 0; } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-video { width: calc(80% - 80px); } } .slideshow .gallery-item-video .js-video { margin-left: 48px; margin-right: 48px; } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-video .js-video { margin-left: 72px; } } .slideshow .gallery-item-desc { text-align: left; position: relative; padding-bottom: 72px; margin-left: 64px; margin-right: 64px; } @media only screen and (min-width: 768px) { .slideshow .gallery-item-desc { max-width: 552px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-desc { text-align: left; width: 20%; display: inline-block; vertical-align: top; margin: 0 48px 0 24px; } } .slideshow .gallery-item-desc h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin: 24px 0 12px 0; } @media only screen and (min-width: 768px) { .slideshow .gallery-item-desc h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .slideshow .gallery-item-desc h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .slideshow .gallery-item-desc h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-desc h2 { margin-right: 0; } } .slideshow .gallery-item-desc h2 span { display: block; text-align: left; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; font-weight: lighter; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .slideshow .gallery-item-desc h2 span { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .slideshow .gallery-item-desc h2 span { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-desc h2 span { margin-bottom: 28px; } } .slideshow .gallery-item-desc p { font-size: 15px; line-height: 20px; margin-top: 12px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .slideshow .gallery-item-desc p { font-size: 16px; } } @media only screen and (min-width: 1150px) { .slideshow .gallery-item-desc p { font-size: 16px; } } @media only screen and (min-width: 768px) { .slideshow .gallery-item-desc p { line-height: 21px; } } @media only screen and (min-width: 1150px) { .slideshow .gallery-item-desc p { line-height: 21px; } } @media only screen and (min-width: 768px) { .slideshow .gallery-item-desc p { margin-top: 14px; margin-bottom: 14px; } } .slideshow .gallery-item .social-widgets { text-align: right; margin: 0; width: 144px; position: absolute; top: 0; right: 0; } @media only screen and (min-width: 1024px) { .slideshow .gallery-item .social-widgets { float: none; position: static; width: auto; text-align: left; } } .slideshow .gallery-item .social-widgets .twitter-share-button, .slideshow .gallery-item .social-widgets .g-plusone, .slideshow .gallery-item .social-widgets .fb-like { display: block; margin: 0; } .slideshow .gallery-item .social-widgets ul { margin: 0; padding: 0; display: inline; } .slideshow .gallery-item .social-widgets li { margin: 0 0 0 6px; display: inline; } @media only screen and (min-width: 1024px) { .slideshow .gallery-item .social-widgets li { margin: 0 6px 0 0; } } .slideshow .gallery-item-related { margin: 0; max-width: 100%; } @media only screen and (min-width: 768px) { .slideshow .gallery-item-related { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .slideshow .gallery-item-related { max-width: 1368px; } } .slideshow .gallery-item-related h2 { max-width: 300px; margin-left: auto; margin-right: auto; line-height: 48px; } @media only screen and (min-width: 768px) { .slideshow .gallery-item-related h2 { max-width: 380px; line-height: 56px; } } .slideshow .gallery-item-related h2 a { display: block; background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .slideshow .gallery-item-related h2 a:hover { background-color: #910000; color: #fff; } .slideshow .gallery-item-related h2 a:hover { text-decoration: none; } .slideshow .gallery-item-related h2 a:active, .slideshow .gallery-item-related h2 a:focus { padding-top: 1px; } .slideshow .gallery-item-related .slide-comments-link:after { font-size: 24px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .slideshow .gallery-item-related .slide-comments-link:after:hover { text-decoration: none; } .slideshow .gallery-item-related .slide-comments-link:before { content: ""; margin-right: 0; margin-left: 0; } .slideshow .gallery-item-related ul { margin: 0; width: 100%; overflow: hidden; } .slideshow .gallery-item-related .gallery-summary { margin-left: 6px; margin-right: 6px; } .slideshow .gallery-item-related .gallery-summary a { width: 240px; height: 200px; } .slideshow .gallery-item-related .gallery-summary .metadata { min-height: 0; } .slideshow .gallery-item-related .gallery-summary h2 { margin-top: 0; padding-right: 6px; font-size: 110%; color: #999; } .slideshow .gallery-item-related .gallery-summary:hover h2 { color: #fff; } .slideshow .gallery-item-related .horizontal-related-posts, .slideshow .gallery-item-related .horizontal-related-posts.article-brand { line-height: 1; max-height: 100%; background: #333; color: #eee; height: auto; margin: 0 16px 24px; } @media only screen and (min-width: 480px) { .slideshow .gallery-item-related .horizontal-related-posts, .slideshow .gallery-item-related .horizontal-related-posts.article-brand { float: left; clear: none; min-height: 292px; width: 44%; margin: 0 0 24px 4%; } } @media only screen and (min-width: 768px) { .slideshow .gallery-item-related .horizontal-related-posts, .slideshow .gallery-item-related .horizontal-related-posts.article-brand { min-height: 324px; margin: 0 0 28px 4%; } } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-related .horizontal-related-posts, .slideshow .gallery-item-related .horizontal-related-posts.article-brand { width: 23%; margin: 0 1% 28px; } } @media only screen and (min-width: 480px) { .slideshow .gallery-item-related .horizontal-related-posts:nth-child(3), .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(3), .slideshow .gallery-item-related .horizontal-related-posts:nth-child(7), .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(7) { clear: left; } } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-related .horizontal-related-posts:nth-child(3), .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(3), .slideshow .gallery-item-related .horizontal-related-posts:nth-child(7), .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(7) { clear: none; } } @media only screen and (min-width: 480px) { .slideshow .gallery-item-related .horizontal-related-posts:nth-child(5), .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(5) { clear: left; } } @media only screen and (min-width: 1024px) { .slideshow .gallery-item-related .horizontal-related-posts:nth-child(5), .slideshow .gallery-item-related .horizontal-related-posts.article-brand:nth-child(5) { clear: none; } } .slideshow .gallery-item-related .horizontal-related-posts a, .slideshow .gallery-item-related .horizontal-related-posts.article-brand a { display: block; } .slideshow .gallery-item-related .horizontal-related-posts span, .slideshow .gallery-item-related .horizontal-related-posts.article-brand span { width: 90%; margin-top: 12px; margin-bottom: 12px; font-weight: normal; position: static; background: transparent; } @media only screen and (min-width: 480px) { .slideshow .gallery-item-related .horizontal-related-posts span, .slideshow .gallery-item-related .horizontal-related-posts.article-brand span { max-height: 88px; } } @media only screen and (min-width: 768px) { .slideshow .gallery-item-related .horizontal-related-posts span, .slideshow .gallery-item-related .horizontal-related-posts.article-brand span { max-height: 120px; margin-top: 14px; margin-bottom: 14px; } } .slideshow .gallery-item-related .horizontal-related-posts img, .slideshow .gallery-item-related .horizontal-related-posts.article-brand img { width: 100%; max-width: 100%; height: auto; float: none; } .slideshow .gallery-item-related .message { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .slideshow .gallery-item-related .message { margin-bottom: 28px; } } @media only screen and (min-width: 768px) { .slide-item-vertical .slide-item-header h1 { padding-right: 24px; } } @media only screen and (min-width: 1024px) { .slide-item-vertical .slide-item-header { float: left; max-width: 200px; } .slide-item-vertical .slide-item-header h1 { margin: 0; padding-top: 100px; padding-left: 24px; } .slide-item-vertical .slide-item-header .site-link { float: none; display: block; margin: 12px 0 0 24px; } .slide-item-vertical .slide-item-header .slide-comments-link { display: block; margin: 28px 0 0; } .slide-item-vertical .slideshow-brand .brand { margin-top: 14px; } .slide-item-vertical .gallery-item { clear: none; margin-left: 248px; text-align: left; } } @media only screen and (min-width: 1280px) { .slide-item-vertical .slide-item-header { max-width: 20%; width: 20%; } .slide-item-vertical .slide-item-header h1 { padding-left: 48px; padding-right: 48px; } .slide-item-vertical .slideshow-brand .brand { margin-left: 48px; } } @media only screen and (min-width: 1440px) { .slide-item-vertical .slide-item-header { max-width: 25%; width: 25%; } } .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 92vh; } @media only screen and (orientation: landscape) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 92vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 441.6px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 522.56px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 942.08px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 294.4px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 294.4px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 706.56px; } } @media only screen and (min-width: 1280px) { .slide-item-vertical .gallery-item-image, .slide-item-vertical .gallery-item-image img { max-height: 100vh; } } @media screen and (orientation: landscape) { .slide-item-vertical .gallery-item-image { max-width: 80%; position: relative; } } .slideshow { background: rgba(0, 0, 0, 0.7); color: #d6d6d6; } .slideshow .slideshow-container { background: #000; } .slideshow .slide-item-header { background: #111; color: #fff; } .slideshow .slide-item-header h1 { color: #fff; } .slideshow .gallery-item-desc h2 { color: #fff; } .slideshow .gallery-item-desc h2 span, .slideshow .slide-comments-link { color: #666; } .slideshow .slide-item-close a { background-color: #333; } .slideshow .gallery-item-related h2 { color: #eee; } .slideshow .btn-ico-twitter, .slideshow .btn-ico-facebook, .slideshow .btn-ico-gplus { background-color: #333; color: #ccc; } .slideshow .btn-ico-twitter:hover, .slideshow .btn-ico-facebook:hover, .slideshow .btn-ico-gplus:hover { background-color: #444; color: #fff; } .slideshow-inverted { color: #333; } .slideshow-inverted .slideshow-container { background: #fbfbfb; } .slideshow-inverted .slide-item-header { background: #fff; } .slideshow-inverted .slide-item-header h1 { color: #111; } .slideshow-inverted .gallery-item-desc h2 { color: #111; } .slideshow-inverted .gallery-item-desc h2 span { color: #777; } .slideshow-inverted .slide-item-close a { background-color: #e0e0e0; } .slideshow-inverted .gallery-item-related h2 { color: #222; } .slideshow-inverted .btn-ico-twitter, .slideshow-inverted .btn-ico-facebook, .slideshow-inverted .btn-ico-gplus { background-color: #f3f3f3; color: #777; } .slideshow-inverted .btn-ico-twitter:hover, .slideshow-inverted .btn-ico-facebook:hover, .slideshow-inverted .btn-ico-gplus:hover { background-color: #f4f4f4; color: #333; } @media only screen and (min-width: 1024px) { .slideshow.slide-item-vertical .slide-item-header { background: transparent; } } .gallery-thumbs ul { margin-left: 0; margin-right: 0; } .article-slideshow .gallery-thumbs { width: auto; overflow: hidden; } @media only screen and (min-width: 1024px) { .article-slideshow .gallery-thumbs { margin-left: calc((100% - 696px)/2); } } .article-slideshow .gallery-thumbs ul { margin: 0; padding: 0; display: inline-block; width: auto; } @media only screen and (min-width: 768px) { .article-slideshow .gallery-thumbs ul { margin: 0; } } @media only screen and (min-width: 1024px) { .article-slideshow .gallery-thumbs ul { margin: 0; } } .article-slideshow .gallery-thumbs ul a { display: inline-block; } .article-slideshow .gallery-thumbs li { margin: 0; padding: 0; display: inline-block; margin: 12px 16px 6px 0; } @media only screen and (min-width: 768px) { .article-slideshow .gallery-thumbs li { margin: 0; } } @media only screen and (min-width: 1024px) { .article-slideshow .gallery-thumbs li { margin: 0; } } .article-slideshow .gallery-thumbs li a { display: inline-block; } .article-slideshow .gallery-thumbs li:last-child { margin-right: 0; } @media only screen and (min-width: 768px) { .article-slideshow .gallery-thumbs li { margin: 14px 24px 14px 0; } .article-slideshow .gallery-thumbs li:last-child { margin-right: 0; } } @media only screen and (min-width: 1024px) { .article-slideshow .gallery-thumbs li { margin-top: 14px; margin-bottom: 14px; } } .article-slideshow .gallery-thumbs .btn.slide-thumb { background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; margin-left: 24px; } .article-slideshow .gallery-thumbs .btn.slide-thumb:hover { background-color: #c93d3d; color: #fff; } .article-slideshow .gallery-thumbs .btn.slide-thumb:hover { text-decoration: none; } .article-slideshow .gallery-thumbs .btn.slide-thumb:active, .article-slideshow .gallery-thumbs .btn.slide-thumb:focus { padding-top: 1px; } .article-slideshow .gallery-thumbs .btn.slide-thumb:before { font-size: 24px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-slideshow .gallery-thumbs .btn.slide-thumb:before:hover { text-decoration: none; } .article-slideshow .gallery-thumbs .btn.slide-thumb:after { content: ""; margin-right: 0; margin-left: 0; } .ad-slideshow { width: 320px; margin: 6px auto 0; height: 320px; background: none; text-align: center; } @media only screen and (min-width: 768px) { .ad-slideshow { width: auto; height: auto; line-height: 320px; } } @media only screen and (min-width: 1024px) { .ad-slideshow { margin-left: 72px; margin-right: 72px; } } .ad-slideshow .ad-contact { border: none; margin-bottom: 3px; text-align: center; color: #666 !important; } .ad-slideshow img { display: block; } .ad-slideshow-content { vertical-align: middle; line-height: 1; display: inline-block; } .related-item { display: block; position: relative; width: 100%; overflow: hidden; height: 120px; line-height: 120px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin-bottom: 24px; } @media only screen and (min-width: 768px) { .related-item { height: 126px; line-height: 126px; margin-bottom: 28px; } } .related-item a { display: block; flex-shrink: 0; } .related-item img { float: left; margin: 0 3% 0 0; height: 120px; width: 120px; max-width: 46%; object-fit: cover; } @media only screen and (min-width: 768px) { .related-item img { height: 140px; width: 140px; } } .related-item-info { width: 49%; display: inline-block; line-height: 24px; vertical-align: middle; } .related-item-title { max-height: 120px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; margin: 0; font-weight: normal; font-size: 17px; line-height: 24px; font-size: 15px; line-height: 20px; display: inline-block; } @media only screen and (min-width: 768px) { .related-item-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .related-item-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .related-item-title { font-size: 16px; } } @media only screen and (min-width: 1150px) { .related-item-title { font-size: 16px; } } @media only screen and (min-width: 768px) { .related-item-title { line-height: 21px; } } @media only screen and (min-width: 1150px) { .related-item-title { line-height: 21px; } } @media only screen and (min-width: 768px) { .related-item-title { max-height: 105px; } } .related-item-title:hover { color: #f00; } .sidebar-disclaimer, .related-item .article-disclaimer a, .post-related-content .article-disclaimer a { font-size: 13px; line-height: 16px; font-weight: normal; margin: 0; display: inline-block; padding: 4px 6px 2px; color: #333; background: #EFECE0; } @media only screen and (min-width: 768px) { .sidebar-disclaimer, .related-item .article-disclaimer a, .post-related-content .article-disclaimer a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .sidebar-disclaimer, .related-item .article-disclaimer a, .post-related-content .article-disclaimer a { font-size: 13px; } } @media only screen and (min-width: 768px) { .sidebar-disclaimer, .related-item .article-disclaimer a, .post-related-content .article-disclaimer a { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .sidebar-disclaimer, .related-item .article-disclaimer a, .post-related-content .article-disclaimer a { line-height: 16.8px; } } .related-item .article-disclaimer, .post-related-content .article-disclaimer { width: 46%; position: absolute; top: 0; left: 0; margin: 0; z-index: 1; } @media only screen and (min-width: 1024px) { .post-related-content .article-disclaimer { bottom: auto; left: auto; top: 2px; right: 2px; text-align: right; } } .related-leaving { width: 100%; position: fixed; left: 0; bottom: 0; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); display: none; } .related-leaving.m-v1 { display: block; -webkit-transform: translate(0px, 200%); transform: translate(0px, 200%); } .related-leaving.is-visible { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } .related-leaving-item { background: #f0f0f0; width: 100%; height: 96px; line-height: 96px; } .related-leaving-item img { float: left; margin: 0 3% 0 0; height: 96px; width: 144px; max-width: 46%; object-fit: cover; } .related-leaving-item .hint { margin-left: 0; display: block; font-size: 13px; line-height: 16px; margin-bottom: 6px; } @media only screen and (min-width: 768px) { .related-leaving-item .hint { font-size: 13px; } } @media only screen and (min-width: 1150px) { .related-leaving-item .hint { font-size: 13px; } } @media only screen and (min-width: 768px) { .related-leaving-item .hint { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .related-leaving-item .hint { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .related-leaving-item .hint { margin-bottom: 7px; } } .related-leaving-item-info { width: 49%; display: inline-block; line-height: 24px; vertical-align: middle; } .related-leaving-item-title { max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 6px; margin: 0; font-weight: bold; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .related-leaving-item-title { font-size: 16px; } } @media only screen and (min-width: 1150px) { .related-leaving-item-title { font-size: 16px; } } @media only screen and (min-width: 768px) { .related-leaving-item-title { line-height: 21px; } } @media only screen and (min-width: 1150px) { .related-leaving-item-title { line-height: 21px; } } @media only screen and (min-width: 768px) { .related-leaving-item-title { line-height: 21px; max-height: 84px; margin-top: 7px; } } .post-related-posts { max-width: 1280px; padding-top: 24px; padding-bottom: 24px; } @media only screen and (min-width: 768px) { .post-related-posts { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .post-related-posts { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1360px) { .post-related-posts { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .post-related-posts { max-width: 1368px; } } @media only screen and (min-width: 768px) { .post-related-posts { padding-top: 56px; padding-bottom: 56px; } } .section-title { font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: lighter; text-transform: uppercase; color: #777; margin-bottom: 12px; margin-left: 12px; } @media only screen and (min-width: 768px) { .section-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .section-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .section-title { margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .section-title { margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .section-title { margin-left: 0; } } .post-related-content ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 0; margin-right: 0; } @media only screen and (min-width: 768px) { .post-related-content ul { width: 100%; overflow: hidden; } } .horizontal-related-posts { clear: left; min-height: 108px; line-height: normal; overflow: visible; margin: 0 16px 12px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-weight: normal; width: 100%; } @media only screen and (min-width: 768px) { .horizontal-related-posts { display: inline-block; vertical-align: top; width: 48%; float: none; margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 1024px) { .horizontal-related-posts { width: 23%; min-height: 0; } } .horizontal-related-posts:nth-child(5) { clear: left; } .horizontal-related-posts:hover { opacity: 0.9; } .horizontal-related-posts img { float: left; margin: 0 3% 0 0; height: 108px; width: 144px; max-width: 40%; object-fit: cover; background-color: #eee; overflow: hidden; } @media only screen and (min-width: 1024px) { .horizontal-related-posts img { float: none; display: block; height: auto; width: 100%; max-width: 100%; min-height: 140px; } } .horizontal-related-posts span { width: 56%; display: inline-block; vertical-align: middle; font-size: 15px; line-height: 20px; color: #333; margin-left: 8px; padding: 2.66666667px 0; } @media only screen and (min-width: 768px) { .horizontal-related-posts span { font-size: 16px; } } @media only screen and (min-width: 1150px) { .horizontal-related-posts span { font-size: 16px; } } @media only screen and (min-width: 768px) { .horizontal-related-posts span { line-height: 21px; } } @media only screen and (min-width: 1150px) { .horizontal-related-posts span { line-height: 21px; } } .horizontal-related-posts span:hover { color: #f00; } @media only screen and (min-width: 1024px) { .horizontal-related-posts span { width: auto; margin: 14px 12px; min-height: 63px; padding: 0; } } @media only screen and (min-width: 1024px) { .horizontal-related-posts.article-brand a { display: block; max-height: 172px; overflow: hidden; } } @media only screen and (min-width: 1600px) { .horizontal-related-posts.article-brand a { max-height: 226px; } } @media only screen and (min-width: 1024px) { .horizontal-related-posts.article-brand .article-disclaimer a { display: inline-block; } } .post-related-motorpasion-title, .post-related-trendencias-title, .post-related-trendenciasbelleza-title, .post-related-xatakamagnet-title { font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: lighter; text-transform: uppercase; color: #777; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .post-related-motorpasion-title, .post-related-trendencias-title, .post-related-trendenciasbelleza-title, .post-related-xatakamagnet-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .post-related-motorpasion-title, .post-related-trendencias-title, .post-related-trendenciasbelleza-title, .post-related-xatakamagnet-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .post-related-motorpasion-title, .post-related-trendencias-title, .post-related-trendenciasbelleza-title, .post-related-xatakamagnet-title { margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .post-related-motorpasion-title, .post-related-trendencias-title, .post-related-trendenciasbelleza-title, .post-related-xatakamagnet-title { margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .post-related-motorpasion-title:before, .post-related-trendencias-title:before, .post-related-trendenciasbelleza-title:before, .post-related-xatakamagnet-title:before { vertical-align: top; padding: 11.2px; border-radius: 28px; font-weight: normal; } } @media only screen and (min-width: 768px) { .post-related-trendencias-title:before { font-size: 10px; font-family: favicons; content: "\e613"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .post-related-trendencias-title:before:hover { text-decoration: none; } .post-related-trendencias-title:after { content: ""; margin-right: 0; margin-left: 0; } .post-related-trendencias-title:before { color: #000; background-color: #fff; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 768px) { .post-related-trendenciasbelleza-title:before { font-size: 10px; font-family: favicons; content: "\e612"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .post-related-trendenciasbelleza-title:before:hover { text-decoration: none; } .post-related-trendenciasbelleza-title:after { content: ""; margin-right: 0; margin-left: 0; } .post-related-trendenciasbelleza-title:before { color: #927897; background-color: #fff; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 768px) { .post-related-xatakamagnet-title:before { font-size: 10px; font-family: favicons; content: "\e60b"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .post-related-xatakamagnet-title:before:hover { text-decoration: none; } .post-related-xatakamagnet-title:after { content: ""; margin-right: 0; margin-left: 0; } .post-related-xatakamagnet-title:before { background: #67ACD7; color: #fff; } } @media only screen and (min-width: 768px) { .post-related-motorpasion-title:before { font-size: 10px; font-family: favicons; content: "\e60e"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .post-related-motorpasion-title:before:hover { text-decoration: none; } .post-related-motorpasion-title:after { content: ""; margin-right: 0; margin-left: 0; } .post-related-motorpasion-title:before { color: #B50610; background: #fff; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1); } } /* Related content with branded */ .section-related { max-width: 100%; padding: 1px 0; margin: 0; /* h2 { max-width: 90%; margin: 48px auto 24px; } */ } .section-related nav { max-width: 90%; margin: 0 auto; } .section-related .header-section { border: none; margin: 0 auto; } .post-related-content .article-brand { max-height: 200px; position: relative; } @media only screen and (min-width: 1024px) { .post-related-content .article-brand { max-height: 100%; } } /* New BOT structre */ .flag-recommend-bot-section .post-related-wrapper { display: table; } @media only screen and (min-width: 768px) { .flag-recommend-bot-section .post-related-wrapper { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-wrapper { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .flag-recommend-bot-section .post-related-wrapper { margin-left: auto; margin-right: auto; max-width: 1368px; } } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-wrapper .post-related-posts { display: table-cell; vertical-align: top; } } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-wrapper .post-related-content { margin-left: 0; margin-right: 0; } } .flag-recommend-bot-section .post-related-wrapper .section-recent-aside { width: auto; margin-left: 0; } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-wrapper .section-recent-aside { display: table-cell; padding-top: 109.2px; } } @media only screen and (min-width: 768px) { .flag-recommend-bot-section .post-related-wrapper .ad-bot-portrait { margin: 0 auto; } } .flag-recommend-bot-section .post-related-wrapper .post-related-posts p { margin-left: 12px; } @media only screen and (min-width: 768px) { .flag-recommend-bot-section .post-related-wrapper .post-related-posts p { margin-left: 0; } } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-wrapper .post-related-posts p { margin-left: 4.8px; } } @media only screen and (min-width: 1150px) { .flag-recommend-bot-section .post-related-wrapper .post-related-posts p { margin-left: 9.6px; } } .recommendation-figure { float: none; display: inline-block; vertical-align: top; height: 108px; width: 108px; max-width: 100%; object-fit: cover; overflow: hidden; position: relative; } @media only screen and (min-width: 1024px) { .recommendation-figure { float: none; display: block; height: auto; width: 100%; max-width: 100%; min-height: 140px; margin: 0; } } .recommendation-figure a { display: block; position: relative; width: 100%; height: 0; padding: 100% 0 0 0; overflow: hidden; } .recommendation-figure a img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media only screen and (min-width: 1024px) { .recommendation-figure a { display: block; position: relative; width: 100%; height: 0; padding: 66.25% 0 0 0; overflow: hidden; } .recommendation-figure a img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } .recommendation-figure img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; } .recommendation-anchor { width: 56%; display: inline-block; vertical-align: middle; } @media only screen and (min-width: 1024px) { .recommendation-anchor { display: block; min-height: 98px; width: auto; } } .recommendation-anchor span { width: auto; padding: 4.8px 0; margin: 0 0 0 12px; } @media only screen and (min-width: 1024px) { .recommendation-anchor span { margin: 14px 12px 0; min-height: 0; } } .repost-label { line-height: 13px; font-size: 11px; line-height: 16px; font-weight: 400; margin: 0 0 4.8px 12px; } @media only screen and (min-width: 768px) { .repost-label { font-size: 11px; } } @media only screen and (min-width: 1150px) { .repost-label { font-size: 11px; } } @media only screen and (min-width: 1024px) { .repost-label { margin: 0 12px 14px; } } .recommendation-figure-container { align-self: flex-start; } .horizontal-related-posts .abstract-taxonomy.m-crosspost { line-height: 13px; font-size: 11px; line-height: 16px; font-weight: 400; margin: 0 0 4.8px 12px; } @media only screen and (min-width: 768px) { .horizontal-related-posts .abstract-taxonomy.m-crosspost { font-size: 11px; } } @media only screen and (min-width: 1150px) { .horizontal-related-posts .abstract-taxonomy.m-crosspost { font-size: 11px; } } @media only screen and (min-width: 1024px) { .horizontal-related-posts .abstract-taxonomy.m-crosspost { margin: 0 12px 14px; } } .horizontal-related-posts .abstract-taxonomy.m-crosspost { font-weight: 700; margin-bottom: 8px; } .horizontal-related-posts .abstract-taxonomy:before { vertical-align: text-bottom; } .horizontal-related-posts .abstract-taxonomy.m-crosspost:before { font-size: 18px; } @media only screen and (min-width: 1024px) { .horizontal-related-posts .recommendation-anchor { min-height: auto; } } .related-item-ecommerce { height: auto; line-height: normal; box-shadow: none; background: #ececec; padding: 12px 8px; box-sizing: border-box; } .related-item-ecommerce a:hover { background: none; } .related-item-ecommerce .btn-af-buy { margin-top: 12px; } .related-item-ecommerce .related-item-title { max-height: none; font-weight: 700; } @media only screen and (min-width: 768px) { .related-item-ecommerce .related-item-title { max-height: none; } } .related-item-ecommerce-info { display: flex; } @media only screen and (orientation: landscape) { .related-item-ecommerce-info { justify-content: flex-start; } } @media only screen and (min-width: 768px) { .related-item-ecommerce-info { justify-content: flex-start; } } .related-item-ecommerce-info .related-item-title { align-self: center; padding-left: 16px; } @media only screen and (orientation: landscape) { .related-item-ecommerce-info .related-item-title { width: auto; } } .related-item-ecommerce-info .related-item-title a:hover { color: #f00; } .related-item-ecommerce-info img { max-width: none; } .btn-af-buy { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; background: #fee260; color: #333; width: 100%; font-weight: 400; max-width: 160px; } .btn-af-buy:hover { background-color: #910000; color: #fff; } .btn-af-buy:hover { text-decoration: none; } .btn-af-buy:active, .btn-af-buy:focus { padding-top: 1px; } @media only screen and (min-width: 768px) { .btn-af-buy { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .btn-af-buy { font-size: 19px; line-height: 28px; } } .btn-af-buy:hover { color: #fff !important; background: #ff9900; text-decoration: none; } .related-item-ecommerce-more { display: block; width: 100%; margin-top: 12px; box-sizing: border-box; float: left; } .related-item-ecommerce-more-hint { font-size: 13px; line-height: 16px; color: #777; margin-left: 0.5em; margin-left: 0; } @media only screen and (min-width: 768px) { .related-item-ecommerce-more-hint { font-size: 13px; } } @media only screen and (min-width: 1150px) { .related-item-ecommerce-more-hint { font-size: 13px; } } @media only screen and (min-width: 768px) { .related-item-ecommerce-more-hint { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .related-item-ecommerce-more-hint { line-height: 16.8px; } } .related-item-ecommerce-more-post { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .related-item-ecommerce-more-post { font-size: 16px; } } @media only screen and (min-width: 1150px) { .related-item-ecommerce-more-post { font-size: 16px; } } @media only screen and (min-width: 768px) { .related-item-ecommerce-more-post { line-height: 21px; } } @media only screen and (min-width: 1150px) { .related-item-ecommerce-more-post { line-height: 21px; } } .related-item-ecommerce-more-post a:hover { color: #f00; } .repost-label-modifier .post-related-content ul { font-size: 0; } .repost-label-modifier .horizontal-related-posts { min-height: 108px; height: auto; line-height: normal; display: flex; align-items: center; } @media only screen and (min-width: 768px) { .repost-label-modifier .horizontal-related-posts { float: none; display: inline-flex; align-items: center; } } @media only screen and (min-width: 1024px) { .repost-label-modifier .horizontal-related-posts { min-height: 0; float: left; display: inline-block; } } .repost-label-modifier .recommendation-figure { display: flex; align-self: flex-start; } @media only screen and (min-width: 1024px) { .repost-label-modifier .recommendation-figure { display: block; } } .repost-label-modifier .recommendation-anchor { width: 56%; display: inline-block; vertical-align: middle; } @media only screen and (min-width: 1024px) { .repost-label-modifier .recommendation-anchor { display: block; min-height: 150px; width: auto; } } @media only screen and (min-width: 1150px) { .repost-label-modifier .recommendation-anchor { display: block; min-height: 130px; width: auto; } } @media only screen and (min-width: 1280px) { .repost-label-modifier .recommendation-anchor { display: block; min-height: 111px; width: auto; } } .repost-label-modifier .recommendation-anchor span { width: auto; padding: 4.8px 0; margin: 0 0 0 3%; } @media only screen and (min-width: 1024px) { .repost-label-modifier .recommendation-anchor span { margin: 14px 12px 7px; min-height: 0; padding: 0; } } .repost-label-modifier .repost-label { line-height: 13px; font-size: 11px; line-height: 16px; font-weight: 400; margin: 0 0 4.8px 12px; padding: 0; } @media only screen and (min-width: 768px) { .repost-label-modifier .repost-label { font-size: 11px; } } @media only screen and (min-width: 1150px) { .repost-label-modifier .repost-label { font-size: 11px; } } @media only screen and (min-width: 1024px) { .repost-label-modifier .repost-label { margin: 0 12px; padding: 0 0 14px; } } .repost-label-modifier .abstract-taxonomy.m-crosspost { line-height: 13px; font-size: 11px; line-height: 16px; font-weight: 400; margin: 0 0 4.8px 12px; padding: 0; } @media only screen and (min-width: 768px) { .repost-label-modifier .abstract-taxonomy.m-crosspost { font-size: 11px; } } @media only screen and (min-width: 1150px) { .repost-label-modifier .abstract-taxonomy.m-crosspost { font-size: 11px; } } @media only screen and (min-width: 1024px) { .repost-label-modifier .abstract-taxonomy.m-crosspost { margin: 0 12px; padding: 0 0 14px; } } .context-menu { display: inline-block; position: relative; width: 56px; overflow: visible; margin-left: 12px; } @media only screen and (min-width: 768px) { .context-menu { float: left; margin-right: 6px; } } .context-menu-list { display: none; margin: 0; position: absolute; top: 39.2px; left: 0; width: 300px; font-size: 13px; line-height: 16px; border-radius: 4px 4px 4px 0; } @media only screen and (min-width: 768px) { .context-menu-list { font-size: 13px; } } @media only screen and (min-width: 1150px) { .context-menu-list { font-size: 13px; } } @media only screen and (min-width: 768px) { .context-menu-list { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .context-menu-list { line-height: 16.8px; } } .context-menu-list li { border-top-width: 1px; border-top-style: solid; text-align: left; } .context-menu-list li:first-child { border: none; } .comment-actions-sort a, .context-menu-item { padding: 14px 18px; display: block; } /* Comments styles */ .comment-section { margin: 0; max-width: 100%; padding: 24px 0; margin: 48px 0; } .comment-section h2 { margin-left: 12px; } @media only screen and (min-width: 768px) { .comment-section { padding-left: 12px; padding-right: 12px; padding-bottom: 28px; margin: 56px auto; } .comment-section h2, .comment-section .article-comments-write { margin-left: 0; margin-right: 0; } } .comment-section .comment-section { margin: 0; padding: 0; } @media only screen and (min-width: 768px) { .comment-section .comment-section { margin: 0; padding: 0; } } .comment-wrapper { width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) { .comment-wrapper { max-width: 1044px; margin: 0 auto; position: relative; } } /* .comment-wrapper-aside { @media @desktop-l { max-width:(@max-line + @base-col + @base-gutter) } } */ @media only screen and (min-width: 768px) { .comments-list { max-width: 1044px; position: relative; } } @media only screen and (min-width: 1280px) { .comments-ad { width: 300px; position: absolute; left: 1056px; margin: -18.2px 0 0 !important; } .comments-ad .ad-contact { text-align: right; } } @media only screen and (min-width: 1280px) { .comments-ad-first { top: 63px; } } .comments-article-related { margin: 0 12px; } .comments-article-related h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin: 14px 0 7px; } @media only screen and (min-width: 768px) { .comments-article-related h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .comments-article-related h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 480px) { .comments-article-related { margin: 0 24px; } .comments-article-related h2 { margin-left: 1%; } } @media only screen and (min-width: 768px) { .comments-article-related { margin-left: 64px; margin-right: 0; } .comments-article-related h2 { margin-left: 0; } } @media only screen and (min-width: 1280px) { .comments-article-related { width: 324px; position: absolute; left: 1056px; margin: 0; } .comments-article-related h2 { margin: 0 0 7px; } } @media only screen and (min-width: 1280px) { .comment-thread-container .comments-article-related { left: 992px; } .comment-thread-container .comment-thread-container .comments-article-related { left: 928px; } .comment-thread-container .comment-thread-container .comment-thread-container .comments-article-related { left: 864px; } } @media only screen and (min-width: 1280px) { .comments-article-related .article-item { width: 100%; margin-left: 0; } } .article-comments-write { display: inline-block; } .article-comments-write-again { float: right; margin: 0 12px 14px 0; } @media only screen and (min-width: 768px) { .article-comments-write-again { margin-right: 0; } } .comments-settings { display: inline-block; width: auto; } .comments-common-actions { margin-bottom: 12px; margin-left: -8px; } @media only screen and (min-width: 768px) { .comments-common-actions { position: absolute; top: 0; right: 0; text-align: right; margin-bottom: 0; margin-left: 0; } } @media only screen and (min-width: 768px) { .comments-settings-closed .context-menu-list { left: auto; right: 0; } } .comment-content { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; } .comment-content p a, .comment-content li a, .comment-content blockquote a { text-decoration: underline; } .comment-content ul li, .comment-content ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .comment-content ul li, .comment-content ol li { margin-bottom: 14px; } } .comment-content ul li { list-style-type: disc; list-style-position: outside; } .comment-content ol li { list-style-type: decimal; list-style-position: outside; } .comment-content blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .comment-content blockquote { padding: 0 0 0 24px; } } .comment-content blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .comment-content blockquote blockquote { padding: 0 0 0 24px; } } .comment-content blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .comment-content.blob p, .comment-content.blob ul, .comment-content.blob ol, .comment-content.blob blockquote, .comment-content.blob h2, .comment-content.blob h3, .comment-content.blob h4 { margin-left: 0; margin-right: 0; } .comment-item { padding: 18px 18px 9px; margin: 0 4px 12px; position: relative; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media only screen and (min-width: 768px) { .comment-item { margin-left: 56px; margin-bottom: 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding-bottom: 18px; } } /* Some contents are hidden in mobile */ .comment-author-stars, .comment-author-url { display: none; } @media only screen and (min-width: 768px) { .comment-author-stars { display: block; } } @media only screen and (min-width: 1280px) { .comment-author-url { display: block; } } .comment-order a { cursor: default; } .comment-order a:before { content: "#"; } .comment-order a:hover { cursor: default; color: #777; } @media only screen and (min-width: 768px) { .comment-order { float: none; width: 48px; position: absolute; left: -56px; top: 0; text-align: right; } .comment-order a { display: inline-block; padding: 27px 0; min-width: 42px; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; font-weight: lighter; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .comment-order a { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .comment-order a { font-size: 23px; line-height: 29.4px; } } .comment-badge { position: absolute; top: 2px; right: 2px; text-align: center; width: 56px; height: 56px; overflow: hidden; border-radius: 3px; } .comment-badge em { display: block; width: 120px; height: 80px; margin: -42px -60px 0 0; background-color: #fff7e6; -webkit-transform: rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); /* Firefox 16+, IE 10+, Opera */ } .comment-badge span, .comment-badge strong { position: absolute; top: 0; right: 0; display: inline-block; text-align: center; width: 48px; height: 44px; line-height: 44px; overflow: hidden; color: #fa0; } .comment-badge span:before, .comment-badge strong:before { font-size: 24px; font-family: icons-min; content: "\e611"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-badge span:before:hover, .comment-badge strong:before:hover { text-decoration: none; } .comment-badge span:after, .comment-badge strong:after { content: ""; margin-right: 0; margin-left: 0; } .comment-badge span:before, .comment-badge strong:before, .comment-badge span:after, .comment-badge strong:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .comment-badge span:before, .comment-badge strong:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .comment-badge span:before, .comment-badge strong:before, .comment-badge span:after, .comment-badge strong:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } @media only screen and (min-width: 1024px) { .comment-author { width: 240px; float: left; } } .comment-author-name { font-size: 17px; line-height: 24px; font-weight: 700; margin: 0; display: block; white-space: normal; } @media only screen and (min-width: 768px) { .comment-author-name { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .comment-author-name { font-size: 19px; line-height: 28px; } } .user-avatar { display: inline-block; vertical-align: bottom; width: 48px; height: auto; } .comment-author-avatar { float: left; width: 48px; height: 72px; overflow: hidden; margin-right: 18px; display: inline; font-size: 13px; line-height: 16px; text-align: center; } @media only screen and (min-width: 768px) { .comment-author-avatar { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-author-avatar { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-author-avatar { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-author-avatar { line-height: 16.8px; } } .comment-author-avatar img { display: block; } @media only screen and (min-width: 1024px) { .comment-author-avatar { margin-right: 12px; } } .comment-staff .comment-author-avatar { height: 72px; } .comment-author-staff { font-size: 13px; line-height: 16px; text-align: center; background: #f6f6f6; color: #777; display: block; padding: 1px 0; margin-top: 1px; } @media only screen and (min-width: 768px) { .comment-author-staff { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-author-staff { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-author-staff { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-author-staff { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .comment-author-stars { display: inline-block; } } @media only screen and (min-width: 1024px) { .comment-author-stars { display: block; } } .comment-author-stars span { display: inline-block; text-align: center; width: 16px; height: 16px; line-height: 16px; overflow: hidden; line-height: 12px; color: #bbbbbb; } .comment-author-stars span:before { font-size: 24px; font-family: icons-min; content: "\e610"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-author-stars span:before:hover { text-decoration: none; } .comment-author-stars span:after { content: ""; margin-right: 0; margin-left: 0; } .comment-author-stars span:before, .comment-author-stars span:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .comment-author-stars span:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .comment-author-stars span:before, .comment-author-stars span:after { line-height: 14.4px; margin: 0 0px; vertical-align: middle; } .comment-author-stars span:before { vertical-align: text-bottom; } .comment-author-url a { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .comment-author-url a { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-author-url a { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-author-url a { line-height: 21px; } } @media only screen and (min-width: 1150px) { .comment-author-url a { line-height: 21px; } } .comment-date { float: left; white-space: nowrap; margin-right: 12px; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .comment-date { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-date { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-date { line-height: 21px; } } @media only screen and (min-width: 1150px) { .comment-date { line-height: 21px; } } @media only screen and (min-width: 768px) { .comment-date { float: none; } } @media only screen and (min-width: 1024px) { .comment-date { margin-left: 248px; margin-top: 4px; } } @media only screen and (min-width: 1024px) { .comment-date a:before { font-size: 16px; font-family: icons-min; content: "\f0c1"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-date a:before:hover { text-decoration: none; } .comment-date a:after { content: ""; margin-right: 0; margin-left: 0; } } .comment-content { clear: left; margin-bottom: 28px; min-height: 45px; } @media only screen and (min-width: 768px) { .comment-content { margin-left: 56px; } } @media only screen and (min-width: 1024px) { .comment-content { clear: none; margin-left: 248px; } } .comment-content p, .comment-content ul, .comment-content ol, .comment-content blockquote { margin-top: 14px; margin-bottom: 14px; } /* Comment write form */ .comment-write-form { display: none; clear: both; margin: 24px 0 12px 0; position: relative; padding: 18px; background: #fff; border-radius: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media only screen and (min-width: 768px) { .comment-write-input { margin-right: 324px; } } .comment-write-input textarea { display: block; height: 10em; min-height: 180px; width: 99%; margin: 14px auto; background: #f9f9f9; } .comment-write-input textarea:focus { background: #fff; } @media only screen and (min-width: 768px) { .comment-write-input textarea { min-height: 10em; margin: 7px 0 14px; } } .comment-write-author img { vertical-align: middle; width: 28px; } .comment-write-terms { float: right; text-align: right; } .comment-write-terms a { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .comment-write-terms a { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-write-terms a { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-write-terms a { line-height: 21px; } } @media only screen and (min-width: 1150px) { .comment-write-terms a { line-height: 21px; } } .comment-write-terms a:hover { color: #f00; } .comment-write-terms span { display: none; } @media only screen and (min-width: 768px) { .comment-write-terms span { display: inline; } } @media only screen and (min-width: 768px) { .comment-write-terms { margin-right: 324px; } } .comment-subscribe-actions { float: right; } @media only screen and (min-width: 1024px) { .comment-subscribe-actions { display: none; } } .comment-write-notify { border: 1px dashed #ccc; padding: 7px 0; margin-bottom: 14px; } @media only screen and (min-width: 768px) { .comment-write-notify { width: 300px; position: absolute; top: 46.2px; right: 24px; } } .comment-write-notify legend { font-size: 13px; line-height: 16px; color: #777; margin: 0 24px; } @media only screen and (min-width: 768px) { .comment-write-notify legend { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-write-notify legend { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-write-notify legend { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-write-notify legend { line-height: 16.8px; } } .comment-write-notify p { margin: 7px 24px; } @media only screen and (min-width: 1024px) { .comment-write-notify p { margin-top: 14px; margin-bottom: 14px; } } .comment-submit { display: flex; } .upload-image input { height: 28px; line-height: 21px; border: none; max-width: 100%; margin: 4.8px; } .comment-reply-form { display: none; position: relative; padding: 18px 0; } .comment-reply-form .comment-write-notify { right: 0; } .btn-comment-show-replies, .btn-comment-reply, .btn-comment-menu, .btn-comment-subscribe, .comment-thread-close { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-comment-show-replies:hover, .btn-comment-reply:hover, .btn-comment-menu:hover, .btn-comment-subscribe:hover, .comment-thread-close:hover { background-color: #f4f4f4; color: #333; } .btn-comment-show-replies:hover, .btn-comment-reply:hover, .btn-comment-menu:hover, .btn-comment-subscribe:hover, .comment-thread-close:hover { text-decoration: none; } .btn-comment-show-replies:active, .btn-comment-reply:active, .btn-comment-menu:active, .btn-comment-subscribe:active, .comment-thread-close:active, .btn-comment-show-replies:focus, .btn-comment-reply:focus, .btn-comment-menu:focus, .btn-comment-subscribe:focus, .comment-thread-close:focus { padding-top: 1px; } .btn-comment-reply { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; vertical-align: middle; } .btn-comment-reply:before { font-size: 24px; font-family: icons-min; content: "\e623"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-reply:before:hover { text-decoration: none; } .btn-comment-reply:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-reply:before, .btn-comment-reply:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-comment-reply:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-reply:before, .btn-comment-reply:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-comment-reply.is-opened { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-comment-reply.is-opened:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-reply.is-opened:before:hover { text-decoration: none; } .btn-comment-reply.is-opened:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-reply.is-opened:before, .btn-comment-reply.is-opened:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-comment-reply.is-opened:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-reply.is-opened:before, .btn-comment-reply.is-opened:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-comment-menu { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-comment-menu:before { font-size: 24px; font-family: icons-min; content: "\e609"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-menu:before:hover { text-decoration: none; } .btn-comment-menu:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-menu:before, .btn-comment-menu:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-comment-menu:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-menu:before, .btn-comment-menu:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .comment-thread-close:after { font-size: 16px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .comment-thread-close:after:hover { text-decoration: none; } .comment-thread-close:before { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-subscribe { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-comment-subscribe:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-subscribe:before:hover { text-decoration: none; } .btn-comment-subscribe:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-subscribe:before, .btn-comment-subscribe:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-comment-subscribe:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-subscribe:before, .btn-comment-subscribe:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-comment-vote-down { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-comment-vote-down:hover { background-color: #910000; color: #fff; } .btn-comment-vote-down:hover { text-decoration: none; } .btn-comment-vote-down:active, .btn-comment-vote-down:focus { padding-top: 1px; } .btn-comment-vote-down:before { font-size: 16px; font-family: icons-min; content: "\f165"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-vote-down:before:hover { text-decoration: none; } .btn-comment-vote-down:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-vote-up { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .btn-comment-vote-up:hover { background-color: #910000; color: #fff; } .btn-comment-vote-up:hover { text-decoration: none; } .btn-comment-vote-up:active, .btn-comment-vote-up:focus { padding-top: 1px; } .btn-comment-vote-up:before { font-size: 16px; font-family: icons-min; content: "\f162"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-vote-up:before:hover { text-decoration: none; } .btn-comment-vote-up:after { content: ""; margin-right: 0; margin-left: 0; } .comment-item .btn-comment-show-replies:after { font-size: 24px; font-family: icons-min; content: "\e624"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .comment-item .btn-comment-show-replies:after:hover { text-decoration: none; } .comment-item .btn-comment-show-replies:before { content: ""; margin-right: 0; margin-left: 0; } .comment-item.is-opened .btn-comment-show-replies { background: none; display: none; } .comment-item.is-opened .btn-comment-show-replies:before, .comment-item.is-opened .btn-comment-show-replies:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } /* Comment actions */ .comment-reply-actions { float: right; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; } .comment-actions { position: relative; width: 56px; overflow: visible; margin: 0 200px 0 0; } @media only screen and (min-width: 768px) { .comment-actions { width: auto; } } .comment-actions-menu { position: absolute; top: auto; bottom: 42px; left: auto; text-align: left; width: 280px; } @media only screen and (min-width: 768px) { .comment-actions-menu { min-height: 28px; } } .comment-actions-menu li:first-child { border: none; } .comment-actions-menu li.comment-actions-vote, .comment-actions-menu li.comment-actions-share { padding: 14px 0; text-align: center; } @media only screen and (min-width: 1280px) { .comment-actions-menu li.comment-actions-vote, .comment-actions-menu li.comment-actions-share { padding: 0; text-align: left; } } .comment-actions-abuse a { padding: 14px 18px; display: block; } .comment-actions-abuse a:before { font-size: 16px; font-family: icons-min; content: "\e60d"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-actions-abuse a:before:hover { text-decoration: none; } .comment-actions-abuse a:after { content: ""; margin-right: 0; margin-left: 0; } .comment-actions-abuse .report-abuse { display: none; } @media only screen and (min-width: 768px) { .comment-actions-abuse .report-abuse { vertical-align: top; display: inline-block; margin: 0 0 0 5px; line-height: 28px; } } .comment-actions-permanlink a { padding: 14px 18px; display: block; } .comment-actions-permanlink a:before { font-size: 16px; font-family: icons-min; content: "\f0c1"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-actions-permanlink a:before:hover { text-decoration: none; } .comment-actions-permanlink a:after { content: ""; margin-right: 0; margin-left: 0; } .comment-actions-vote .karma { display: block; margin-bottom: 14px; } .comment-actions-share span { display: block; margin-bottom: 14px; } .comment-actions-share em { font-style: normal; } .comment-actions-share a { margin: 0 4px; vertical-align: middle; } @media only screen and (min-width: 1024px) { .comment-reply-l2 .comment-actions-share span, .comment-reply-l3 .comment-actions-share span { display: none; } } /* Desktop different behaviour */ @media only screen and (min-width: 1280px) { .btn-comment-show-replies, .btn-comment-reply { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .btn-comment-show-replies:hover, .btn-comment-reply:hover { text-decoration: none; } .btn-comment-show-replies:active, .btn-comment-reply:active, .btn-comment-show-replies:focus, .btn-comment-reply:focus { padding-top: 1px; } .btn-comment-reply.is-opened { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-comment-reply.is-opened:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-reply.is-opened:before:hover { text-decoration: none; } .btn-comment-reply.is-opened:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-reply.is-opened:before, .btn-comment-reply.is-opened:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-comment-reply.is-opened:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-reply.is-opened:before, .btn-comment-reply.is-opened:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-comment-vote-down { float: left; margin: 0 4px 0 0; display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; vertical-align: middle; } .btn-comment-vote-down:before { font-size: 24px; font-family: icons-min; content: "\f165"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-vote-down:before:hover { text-decoration: none; } .btn-comment-vote-down:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-vote-down:before, .btn-comment-vote-down:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-comment-vote-down:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-vote-down:before, .btn-comment-vote-down:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-comment-vote-up { float: left; margin: 0 4px 0 0; display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; vertical-align: middle; } .btn-comment-vote-up:before { font-size: 24px; font-family: icons-min; content: "\f162"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-vote-up:before:hover { text-decoration: none; } .btn-comment-vote-up:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-vote-up:before, .btn-comment-vote-up:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-comment-vote-up:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-vote-up:before, .btn-comment-vote-up:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-comment-reply { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-comment-reply:before { font-size: 24px; font-family: icons-min; content: "\e623"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-comment-reply:before:hover { text-decoration: none; } .btn-comment-reply:after { content: ""; margin-right: 0; margin-left: 0; } .btn-comment-reply:before, .btn-comment-reply:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-comment-reply:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-comment-reply:before, .btn-comment-reply:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .comment-actions-menu { display: block; position: static; background: none; width: auto; min-width: 696px; } .comment-actions-menu li { color: #777; border: none; padding: 0; } .btn-comment-menu, .comment-actions-permanlink { display: none; } .comment-actions-abuse { float: left; width: 248px; } .comment-actions-abuse a { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; color: #fff; background: #f90; border-radius: 24px; } .comment-actions-abuse a:before { font-size: 24px; font-family: icons-min; content: "\e60d"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-actions-abuse a:before:hover { text-decoration: none; } .comment-actions-abuse a:after { content: ""; margin-right: 0; margin-left: 0; } .comment-actions-abuse a:before, .comment-actions-abuse a:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .comment-actions-abuse a:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .comment-actions-abuse a:before, .comment-actions-abuse a:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .comment-actions-abuse a:before, .comment-actions-abuse a:after { line-height: 12px; } .comment-actions-vote { position: static; text-align: left; float: left; margin-right: 24px; } .comment-actions-vote .karma { display: inline-block; margin: 7px 0 0; } .comment-actions-share { display: inline-block; } .comment-actions-share span { display: inline-block; margin: 0 0 3px; } .comment-actions-share em { display: none; } .comment-actions-share .btn-facebook, .comment-actions-share .btn-twitter, .comment-actions-share .btn-gplus, .comment-actions-share .btn-email { margin: 0; } .btn-facebook { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-facebook:before { font-size: 24px; font-family: icons-min; content: "\e61c"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-facebook:before:hover { text-decoration: none; } .btn-facebook:after { content: ""; margin-right: 0; margin-left: 0; } .btn-facebook:before, .btn-facebook:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-facebook:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-facebook:before, .btn-facebook:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-twitter { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-twitter:before { font-size: 24px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-twitter:before:hover { text-decoration: none; } .btn-twitter:after { content: ""; margin-right: 0; margin-left: 0; } .btn-twitter:before, .btn-twitter:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-twitter:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-twitter:before, .btn-twitter:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-gplus { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-gplus:before { font-size: 24px; font-family: icons-min; content: "\e620"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-gplus:before:hover { text-decoration: none; } .btn-gplus:after { content: ""; margin-right: 0; margin-left: 0; } .btn-gplus:before, .btn-gplus:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-gplus:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-gplus:before, .btn-gplus:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-email { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .btn-email:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-email:before:hover { text-decoration: none; } .btn-email:after { content: ""; margin-right: 0; margin-left: 0; } .btn-email:before, .btn-email:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .btn-email:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-email:before, .btn-email:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .btn-whatsapp { display: none; } /* Hovering */ .comment-actions-abuse, .comment-actions-vote, .comment-actions-share { visibility: hidden; } .comment-item:hover .comment-actions-abuse, .comment-item:hover .comment-actions-vote, .comment-item:hover .comment-actions-share { visibility: visible; } .comment-item:hover .comment-author-stars span { color: #fa0; } .comment-actions-abuse.comment-actions-abuse-reported { visibility: visible; } .comment-actions-abuse.comment-actions-abuse-reported a { width: auto; } } .report-abuse-message { padding: 12px 16px; margin: 24px 0; background-color: #FFF6CF; border: 1px solid #ffe9c0; border-radius: 4px; color: #6F4E14; font-size: 15px; line-height: 20px; text-align: left; position: relative; background-color: #dff0d8; border-color: #d6e9c6; color: #468847; margin-bottom: 0; } @media only screen and (min-width: 768px) { .report-abuse-message { font-size: 16px; } } @media only screen and (min-width: 1150px) { .report-abuse-message { font-size: 16px; } } @media only screen and (min-width: 768px) { .report-abuse-message { line-height: 21px; } } @media only screen and (min-width: 1150px) { .report-abuse-message { line-height: 21px; } } /* Replies */ .comment-thread-container { position: relative; } .comment-thread-container:after { display: block; content: "--"; color: #777; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .comment-thread-container:after { margin-bottom: 14px; } } .comment-thread-caption { height: 54px; margin: 14px 0 7px; } .comment-thread-caption-wrapper { padding: 7px 0; width: 100%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; } .comment-thread-caption.is-fixed .comment-thread-caption-wrapper { position: fixed; top: 0; left: 0; } @media only screen and (min-width: 1280px) { .comment-thread-caption-container-wrapper { max-width: 1392px; margin: 0 auto; } } .comment-thread-caption-container { max-width: 1044px; margin: 0 4px; } @media only screen and (min-width: 1024px) { .comment-thread-caption-container { margin: 0 auto; } } @media only screen and (min-width: 1280px) { .comment-thread-caption-container { max-width: 1020px; margin: 0 auto 0 24px; } } .comment-thread-close { float: right; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; margin-left: 4px; } .comment-thread-close:hover { text-decoration: none; } .comment-thread-close:active, .comment-thread-close:focus { padding-top: 1px; } .comment-thread-caption.is-fixed .comment-thread-close { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; margin-top: 4px; } .comment-thread-caption.is-fixed .comment-thread-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-thread-caption.is-fixed .comment-thread-close:before:hover { text-decoration: none; } .comment-thread-caption.is-fixed .comment-thread-close:after { content: ""; margin-right: 0; margin-left: 0; } .comment-thread-caption.is-fixed .comment-thread-close:before, .comment-thread-caption.is-fixed .comment-thread-close:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .comment-thread-caption.is-fixed .comment-thread-close:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .comment-thread-caption.is-fixed .comment-thread-close:before, .comment-thread-caption.is-fixed .comment-thread-close:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .comment-thread-source { margin-right: 56px; overflow: hidden; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .comment-thread-source { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-thread-source { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-thread-source { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-thread-source { line-height: 16.8px; } } .comment-thread-source blockquote { display: none; width: 80%; height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; } .comment-thread-source blockquote:before { content: "\""; } @media only screen and (min-width: 768px) { .comment-thread-source blockquote { width: 90%; } } .comment-thread-source blockquote p { display: inline; margin-top: 0; margin-bottom: 14px; } .comment-thread-source .user-avatar { float: left; width: 36px; height: auto; margin-right: 8px; vertical-align: middle; } @media only screen and (min-width: 768px) { .comment-thread-source .user-avatar { width: 28px; } } .comment-thread-caption.is-fixed .comment-thread-source cite { display: none; } .comment-thread-caption.is-fixed .comment-thread-source blockquote { display: inline-block; } .comment-thread-caption.is-fixed .comment-thread-source .user-avatar { opacity: 0.5; } .comment-thread-caption.is-expanded .comment-thread-source blockquote { height: auto; overflow: scroll; text-overflow: unset; white-space: normal; max-height: 60vh; } @media only screen and (orientation: landscape) { .comment-thread-caption.is-expanded .comment-thread-source blockquote { max-height: 60vh; } } @media only screen and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) { .comment-thread-caption.is-expanded .comment-thread-source blockquote { max-height: 288px; } } @media only screen and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) { .comment-thread-caption.is-expanded .comment-thread-source blockquote { max-height: 340.8px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .comment-thread-caption.is-expanded .comment-thread-source blockquote { max-height: 614.4px; } } @media only screen and (device-width: 480px) and (device-height: 320px) and (orientation: landscape) { .comment-thread-caption.is-expanded .comment-thread-source blockquote { max-height: 192px; } } @media only screen and (device-width: 568px) and (device-height: 320px) and (orientation: landscape) { .comment-thread-caption.is-expanded .comment-thread-source blockquote { max-height: 192px; } } @media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) { .comment-thread-caption.is-expanded .comment-thread-source blockquote { max-height: 460.8px; } } .comment-thread-caption.is-expanded .comment-thread-source blockquote:before { content: ""; } .comment-thread-caption.is-expanded .comment-thread-source blockquote p { display: block; } .comment-thread-source-more { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; display: none; } .comment-thread-source-more:hover { text-decoration: none; } .comment-thread-source-more:active, .comment-thread-source-more:focus { padding-top: 1px; } .comment-thread-source-more:after { font-size: 16px; font-family: icons-min; content: "\e602"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .comment-thread-source-more:after:hover { text-decoration: none; } .comment-thread-source-more:before { content: ""; margin-right: 0; margin-left: 0; } .comment-thread-caption.is-expanded .comment-thread-source-more { margin-left: 44px; } .comment-thread-caption.is-expanded .comment-thread-source-more:after { font-size: 16px; font-family: icons-min; content: "\e601"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .comment-thread-caption.is-expanded .comment-thread-source-more:after:hover { text-decoration: none; } .comment-thread-caption.is-expanded .comment-thread-source-more:before { content: ""; margin-right: 0; margin-left: 0; } .comment-thread-caption.is-fixed .comment-thread-source-more { display: inline-block; } .comment-thread-relation { height: auto; margin: 14px 0 7px; } .comment-thread-relation .user-avatar { width: 24px; } @media only screen and (min-width: 768px) { .comment-thread-container { margin-left: 56px; } } @media only screen and (min-width: 768px) { .comment-thread-container .comment-thread-container .comment-thread-source q { width: 80%; } } @media only screen and (min-width: 1280px) { .comment-thread-container .comment-thread-container .comment-thread-source q { width: 90%; } } .comment-thread-hidden-caption { margin: 0 0 28px 56px; } .comment-thread-hidden-caption a.is-opened:after { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .comment-thread-hidden-caption a.is-opened:after:hover { text-decoration: none; } .comment-thread-hidden-caption a.is-opened:before { content: ""; margin-right: 0; margin-left: 0; } .comment-reply-1, .comment-reply-2, .comment-reply-3, .comment-reply-4, .comment-reply-5 { margin-top: 54px; } @media only screen and (min-width: 768px) { .comment-reply-1, .comment-reply-2, .comment-reply-3, .comment-reply-4, .comment-reply-5 { margin-top: 56px; } } @media only screen and (min-width: 768px) { .comment-reply-1 { margin-left: 112px; } } @media only screen and (min-width: 768px) { .comment-reply-2 { margin-left: 168px; } } @media only screen and (min-width: 768px) { .comment-reply-3, .comment-reply-4, .comment-reply-5 { margin-left: 224px; } } .comment-reply-relation { font-size: 13px; line-height: 16px; width: 50%; position: absolute; top: -42px; left: 8px; } @media only screen and (min-width: 768px) { .comment-reply-relation { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-reply-relation { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-reply-relation { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-reply-relation { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .comment-reply-relation { width: 70%; top: -35px; } } .comment-reply-relation .user-avatar { width: 36px; height: 36px; overflow: hidden; background: #fff; margin-right: 8px; vertical-align: text-bottom; float: left; } @media only screen and (min-width: 768px) { .comment-reply-relation .user-avatar { width: 21px; height: 21px; float: none; } } .comment-reply-relation a { display: block; } @media only screen and (min-width: 768px) { .comment-reply-relation a { display: inline; } } .view-replies a:before { font-size: 24px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .view-replies a:before:hover { text-decoration: none; } .view-replies a:after { content: ""; margin-right: 0; margin-left: 0; } .view-more { text-align: center; margin: 24px auto; } @media only screen and (min-width: 768px) { .view-more { margin: 28px auto; } } .view-more p { margin: 0; } .view-even-more { margin: 0 0 24px 12px; float: left; } @media only screen and (min-width: 768px) { .view-even-more { margin: 0 0 28px; } } .view-comments { padding-top: 28px; } .comment-brillante .comment-badge span, .comment-brillante .comment-badge strong { display: inline-block; text-align: center; width: 48px; height: 44px; line-height: 44px; overflow: hidden; } .comment-brillante .comment-badge span:before, .comment-brillante .comment-badge strong:before { font-size: 24px; font-family: icons-min; content: "\e612"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-brillante .comment-badge span:before:hover, .comment-brillante .comment-badge strong:before:hover { text-decoration: none; } .comment-brillante .comment-badge span:after, .comment-brillante .comment-badge strong:after { content: ""; margin-right: 0; margin-left: 0; } .comment-brillante .comment-badge span:before, .comment-brillante .comment-badge strong:before, .comment-brillante .comment-badge span:after, .comment-brillante .comment-badge strong:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .comment-brillante .comment-badge span:before, .comment-brillante .comment-badge strong:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .comment-brillante .comment-badge span:before, .comment-brillante .comment-badge strong:before, .comment-brillante .comment-badge span:after, .comment-brillante .comment-badge strong:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } .comment-moderated { font-size: 15px; line-height: 20px; margin-top: 0; padding: 18px 0; } @media only screen and (min-width: 768px) { .comment-moderated { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-moderated { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-moderated { line-height: 21px; } } @media only screen and (min-width: 1150px) { .comment-moderated { line-height: 21px; } } .comment-moderated .comment-order { display: inline-block; } .comment-moderated .comment-order a { font-size: 15px; line-height: 20px; padding: 18px 0; } @media only screen and (min-width: 768px) { .comment-moderated .comment-order a { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-moderated .comment-order a { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-moderated .comment-order a { line-height: 21px; } } @media only screen and (min-width: 1150px) { .comment-moderated .comment-order a { line-height: 21px; } } .comment-status-moderated { display: inline-block; } .comment-irrelevant { background: #fbeded; color: #777; padding-bottom: 18px; } @media only screen and (min-width: 768px) { .comment-irrelevant-status { line-height: 36px; } } .comment-irrelevant-content { display: none; } .comment-irrelevant.is-opened { background: #fff; } .comment-irrelevant.is-opened .comment-irrelevant-status { display: none; } .comment-irrelevant.is-opened .comment-irrelevant-content { display: block; } .comment-irrelevant.is-opened .comment-author a { color: #777; } .comment-brillante, .comment-interesante { border-top-right-radius: 4px; } .alert-message { padding: 14px; background: #fbeded; color: #a8b19e; margin: 28px 24px; border-radius: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .alert-message:before { font-size: 24px; font-family: icons-min; content: "\e60e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .alert-message:before:hover { text-decoration: none; } .alert-message:after { content: ""; margin-right: 0; margin-left: 0; } /* Delete comments */ .comment-actions-delete { padding: 14px 18px; display: block; background-color: #E03737; padding: 0; } @media only screen and (min-width: 1280px) { .comment-actions-delete { position: absolute; left: 115px; top: 0; background-color: transparent; visibility: hidden; } } .comment-actions-delete .btn-delete { display: block; } @media only screen and (min-width: 1024px) { .comment-actions-delete .btn-delete { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .comment-actions-delete .btn-delete:hover { text-decoration: none; } .comment-actions-delete .btn-delete:active, .comment-actions-delete .btn-delete:focus { padding-top: 1px; } } /* hover visibility */ @media only screen and (min-width: 1280px) { .comment-item:hover .comment-actions-delete { visibility: visible; } } .section-comments-respuestas .comment-reply-1 .comment-actions-delete, .section-comments-respuestas .comment-reply-2 .comment-actions-delete, .section-comments-respuestas .comment-reply-3 .comment-actions-delete, .section-comments-respuestas .comment-reply-4 .comment-actions-delete, .section-comments-respuestas .comment-reply-5 .comment-actions-delete { top: 0; } .comment-write-actions { display: flex; align-items: center; } .comment-write-attachments { white-space: nowrap; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 0; margin-bottom: 12px; } .comment-write-attachments:after { content: "Desliza para ver más »"; font-weight: 400; font-style: italic; color: #777; text-transform: none; font-size: 15px; color: #888; line-height: 20px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .comment-write-attachments:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-write-attachments:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-write-attachments:after { line-height: 21px; } } @media only screen and (min-width: 1150px) { .comment-write-attachments:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .comment-write-attachments:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-write-attachments:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-write-attachments:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .comment-write-attachments:after { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-write-attachments:after { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-write-attachments:after { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-write-attachments:after { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .comment-write-attachments:after { content: ""; margin: 0; padding: 0; border: none; } } .comment-write-attachments:after { display: block; margin-left: 16px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .comment-write-attachments { margin-bottom: 0; } } .comment-attachments-list { width: 100%; padding-top: 12px; display: flex; } .comment-attachments-list-item { margin: 0 16px 16px 0; width: 144px; height: 126px; background-color: #ececec; display: flex; position: relative; flex-shrink: 0; overflow: hidden; } .comment-add-attachment { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 39.6px; box-sizing: border-box; width: 100%; white-space: normal; line-height: 13px; font-size: 11px; line-height: 16px; text-align: center; } @media only screen and (min-width: 768px) { .comment-add-attachment { font-size: 11px; } } @media only screen and (min-width: 1150px) { .comment-add-attachment { font-size: 11px; } } .comment-add-attachment .btn-add-attachment { margin: 0 auto 10px; } .comment-attachments-list-image { width: 100%; position: absolute; min-height: 100%; left: 0; right: 0; } .btn-remove-attachment { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; background-color: #fff; color: #333; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; position: absolute; right: 10px; top: 10px; } .btn-remove-attachment:hover { background-color: #f4f4f4; color: #333; } .btn-remove-attachment:hover { text-decoration: none; } .btn-remove-attachment:active, .btn-remove-attachment:focus { padding-top: 1px; } .btn-remove-attachment:hover { background-color: #ececec; color: #111; } .btn-remove-attachment:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-remove-attachment:before:hover { text-decoration: none; } .btn-remove-attachment:after { content: ""; margin-right: 0; margin-left: 0; } .btn-remove-attachment:before, .btn-remove-attachment:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-remove-attachment:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-remove-attachment:before, .btn-remove-attachment:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .comment-attachment-figure { display: block; max-width: 240px; max-height: 240px; position: relative; margin-bottom: 12px; overflow: hidden; } .comment-attachment-figure img { max-width: 100%; margin: 0; max-height: 240px; } @media only screen and (min-width: 768px) { .comment-attachment-figure img { max-height: 359.8px; } } @media only screen and (min-width: 768px) { .comment-attachment-figure { max-width: 360px; max-height: 359.8px; margin-bottom: 24px; } } .comment-input textarea { max-width: 100%; } .comment-badge-list { display: flex; margin-top: 12px; } @media only screen and (min-width: 1024px) { .comment-badge-list { display: inline-flex; float: right; } } .comment-badge-brillantes, .comment-badge-interesante { font-size: 11px; } .comment-badge-brillantes { margin-right: 16px; } .comment-badge-brillantes:before { font-size: 16px; font-family: icons-min; content: "\e612"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-badge-brillantes:before:hover { text-decoration: none; } .comment-badge-brillantes:after { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 1024px) { .comment-badge-brillantes { margin-right: 24px; } } .comment-badge-interesante:before { font-size: 16px; font-family: icons-min; content: "\e611"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-badge-interesante:before:hover { text-decoration: none; } .comment-badge-interesante:after { content: ""; margin-right: 0; margin-left: 0; } .comment-post-description { font-size: 13px; color: #C00; line-height: normal; margin: 24px 0 12px; } .comment-list-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; color: #777; } @media only screen and (min-width: 768px) { .comment-list-title { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .comment-list-title { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1024px) { .comment-list-title { font-size: 28px; line-height: 1.25; display: inline-block; } } .comment-item-post-numbers { text-transform: uppercase; font-size: 13px; line-height: 16px; color: #777; } .comment-item-post-numbers:before { font-size: 16px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-item-post-numbers:before:hover { text-decoration: none; } .comment-item-post-numbers:after { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .comment-item-post-numbers { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-item-post-numbers { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-item-post-numbers { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-item-post-numbers { line-height: 16.8px; } } .comment-item-post-numbers:hover { color: #f00; } @media only screen and (min-width: 1024px) { .comment-item-post-numbers { float: left; } } .comment-item-post-comments { color: #777; } .comment-item-post-comments:hover { color: #f00; } .comment-item-new-comments { font-size: 13px; line-height: 16px; color: #f00; margin: 6px 0 0 16px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .comment-item-new-comments { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-item-new-comments { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-item-new-comments { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-item-new-comments { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-item-new-comments { float: left; clear: left; } } .comment-time { font-size: 15px; line-height: 20px; color: #777; margin-top: 12px; display: inline-block; } @media only screen and (min-width: 768px) { .comment-time { font-size: 16px; } } @media only screen and (min-width: 1150px) { .comment-time { font-size: 16px; } } @media only screen and (min-width: 768px) { .comment-time { line-height: 21px; } } @media only screen and (min-width: 1150px) { .comment-time { line-height: 21px; } } .comment-time:hover { color: #f00; } @media only screen and (min-width: 1024px) { .comment-time { margin-top: 0; } } .comment-footer { display: flex; justify-content: space-between; margin-bottom: 6px; align-items: flex-end; } .comment-footer-anchor { color: #777; font-size: 13px; line-height: 16px; text-transform: uppercase; display: inline-block; } .comment-footer-anchor:hover { color: #f00; } @media only screen and (min-width: 768px) { .comment-footer-anchor { font-size: 13px; } } @media only screen and (min-width: 1150px) { .comment-footer-anchor { font-size: 13px; } } @media only screen and (min-width: 768px) { .comment-footer-anchor { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .comment-footer-anchor { line-height: 16.8px; } } .comment-footer-anchor:after { font-size: 9px; font-family: icons-min; content: "\e901"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .comment-footer-anchor:after:hover { text-decoration: none; } .comment-footer-anchor:before { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .comment-footer-anchor { display: flex; } } @media only screen and (min-width: 1150px) { .comment-footer-anchor { display: inline-block; } } .comment-footer-anchor:after { vertical-align: middle; } .comment-action-expand { background-color: #900; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; border-radius: 50%; background-color: #222; color: #fff; display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; outline: none; } .comment-action-expand:hover { background-color: #910000; color: #fff; } .comment-action-expand:hover { text-decoration: none; } .comment-action-expand:active, .comment-action-expand:focus { padding-top: 1px; } .comment-action-expand:before { font-size: 24px; font-family: icons-min; content: "\e602"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-action-expand:before:hover { text-decoration: none; } .comment-action-expand:after { content: ""; margin-right: 0; margin-left: 0; } .comment-action-expand:before, .comment-action-expand:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .comment-action-expand:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .comment-action-expand:before, .comment-action-expand:after { line-height: 21.6px; margin: 0 2px; vertical-align: middle; } .comment-action-collapse { background-color: #900; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; border-radius: 50%; background-color: #222; color: #fff; display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; outline: none; } .comment-action-collapse:hover { background-color: #910000; color: #fff; } .comment-action-collapse:hover { text-decoration: none; } .comment-action-collapse:active, .comment-action-collapse:focus { padding-top: 1px; } .comment-action-collapse:before { font-size: 24px; font-family: icons-min; content: "-"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .comment-action-collapse:before:hover { text-decoration: none; } .comment-action-collapse:after { content: ""; margin-right: 0; margin-left: 0; } .comment-action-collapse:before, .comment-action-collapse:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .comment-action-collapse:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .comment-action-collapse:before, .comment-action-collapse:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .comment-action-collapse::before, .comment-action-collapse::after { content: ""; height: 2px; width: 15px; background: #fff; } @media only screen and (min-width: 768px) { .comment-item.m-compact { margin-left: 0; } } @media only screen and (min-width: 768px) { .comment-item.m-compact .comment-content { margin-left: 0; } } @media only screen and (min-width: 1024px) { .comment-item.m-compact .comment-content { margin-left: 248px; } } @media only screen and (min-width: 1024px) { .comment-item.m-compact .comment-content, .comment-item.m-compact .comment-content p { margin-bottom: 0; } } .comment-content.is-collapsed { max-height: 228px; overflow: hidden; position: relative; } @media only screen and (orientation: landscape) { .comment-content.is-collapsed { max-height: 84px; } } @media only screen and (min-width: 768px) { .comment-content.is-collapsed { max-height: 89.6px; } } @media only screen and (min-width: 1024px) { .comment-content.is-collapsed { max-height: 92.4px; padding-right: 24px; } } @media only screen and (min-width: 1150px) { .comment-content.is-collapsed { max-height: 100.8px; } } .comment-content.is-collapsed:before { content: '...'; white-space: nowrap; position: absolute; bottom: 0; right: 0; z-index: 1; font-weight: bold; box-sizing: border-box; margin-right: 6px; } .comment-content.is-collapsed:after { content: ''; position: absolute; width: 100%; background-color: #ffffff; height: 100%; float: right; z-index: 2; box-sizing: border-box; } .comment-content.is-collapsed p { display: inline; } @media only screen and (min-width: 1024px) { .comment-content.is-collapsed p { margin-top: 0; } } .comment-content.is-collapsed .more-text:before { content: '...'; white-space: nowrap; background-color: #ffffff; z-index: 2; position: relative; color: #222222; box-sizing: border-box; } @media only screen and (min-width: 1024px) { .m-is-answers .comment-reply-1 .comment-item, .m-is-answers .comment-reply-2 .comment-item, .m-is-answers .comment-reply-3 .comment-item, .m-is-answers .comment-reply-4 .comment-item, .m-is-answers .comment-reply-5 .comment-item { padding-bottom: 40px; } } .article-comments { float: left; background-color: transparent; height: auto; margin-bottom: 0; letter-spacing: 0; padding: 0; line-height: 20px; } @media only screen and (min-width: 768px) { .article-comments { padding: 0; } } .article-comments a { color: #C00; font-weight: 900; } .article-comments a:before { font-size: 22px; } @media only screen and (min-width: 360px) { .article-comments a:before { font-size: 27px; } } .related-alts ul { margin: 0; } .aside-title, .aside-box .aside-title { border-top: 1px solid #ccc; font-size: 15px; line-height: 20px; font-weight: normal; text-transform: uppercase; color: #777; padding-top: 12px; } @media only screen and (min-width: 768px) { .aside-title, .aside-box .aside-title { font-size: 16px; } } @media only screen and (min-width: 1150px) { .aside-title, .aside-box .aside-title { font-size: 16px; } } @media only screen and (min-width: 768px) { .aside-title, .aside-box .aside-title { line-height: 21px; } } @media only screen and (min-width: 1150px) { .aside-title, .aside-box .aside-title { line-height: 21px; } } @media only screen and (min-width: 768px) { .aside-title, .aside-box .aside-title { padding-top: 14px; } } .aside-box, .aside-box-videos { text-align: left; width: 300px; margin: 0 auto 24px; } @media only screen and (min-width: 768px) { .aside-box, .aside-box-videos { display: inline-block; vertical-align: top; margin: 0 auto 28px; } } .aside-box p, .aside-box-videos p, .aside-box ul, .aside-box-videos ul, .aside-box ol, .aside-box-videos ol { margin-top: 0; } .aside-box .item-box, .aside-box-videos .item-box { border-bottom: 1px solid #e9e9e9; width: 100%; overflow: hidden; position: relative; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .aside-box .item-box, .aside-box-videos .item-box { font-size: 13px; line-height: 16.8px; } } @media only screen and (min-width: 1150px) { .aside-box .item-box, .aside-box-videos .item-box { font-size: 16px; line-height: 21px; } } .aside-box .item-box a, .aside-box-videos .item-box a { color: #333; display: block; overflow: hidden; } .aside-box .item-box a:hover, .aside-box-videos .item-box a:hover { color: #f00; } .aside-box .item-box .figure, .aside-box-videos .item-box .figure { float: right; margin: 6px 0; } @media only screen and (min-width: 768px) { .aside-box .item-box .figure, .aside-box-videos .item-box .figure { margin: 7px 0; } } .aside-box .item-box .content, .aside-box-videos .item-box .content { margin: 18px 0 12px 48px; } @media only screen and (min-width: 768px) { .aside-box .item-box .content, .aside-box-videos .item-box .content { margin-top: 21px; margin-bottom: 14px; } } .aside-box-videos { border-top: 1px solid #e9e9e9; } .aside-box-videos .ordinal { float: none; display: inline-block; height: auto; line-height: inherit; margin: 0; vertical-align: middle; } @media only screen and (min-width: 768px) { .aside-box-videos .ordinal { margin: 0; } } .aside-box-videos .ordinal img { display: block; } .aside-box-videos .item-box .content { display: inline-block; margin-top: 12px; margin-bottom: 12px; margin-left: 12px; vertical-align: middle; } @media only screen and (min-width: 768px) { .aside-box-videos .item-box .content { margin-top: 14px; margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .article-aside .aside-box { margin-top: 0; margin-left: 0; margin-right: 0; } } .aside-nav { margin-bottom: 0; } .aside-nav a { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; white-space: normal; overflow: hidden; text-align: center; white-space: nowrap; box-sizing: border-box; max-width: 100%; text-overflow: ellipsis; } .aside-nav a:hover { background-color: #910000; color: #fff; } .aside-nav a:hover { text-decoration: none; } .aside-nav a:active, .aside-nav a:focus { padding-top: 1px; } .aside-nav a:hover { text-decoration: none; } .aside-nav a:active, .aside-nav a:focus { padding-top: 1px; } .related-item.m-is-longform { width: 100%; height: auto; } .related-item.m-is-longform img { display: block; width: 100%; max-width: 100%; height: auto; } .ordinal { float: left; height: 48px; line-height: 48px; font-size: 40px; color: #ccc; margin: 6px 12px; } @media only screen and (min-width: 768px) { .ordinal { margin: 7px 12px; } } .aside-questions .char-counter { float: right; margin-top: 12px; color: #777; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .aside-questions .char-counter { font-size: 16px; } } @media only screen and (min-width: 1150px) { .aside-questions .char-counter { font-size: 16px; } } @media only screen and (min-width: 768px) { .aside-questions .char-counter { line-height: 21px; } } @media only screen and (min-width: 1150px) { .aside-questions .char-counter { line-height: 21px; } } @media only screen and (min-width: 768px) { .aside-questions .char-counter { margin-top: 14px; } } .aside-questions textarea { max-width: 100%; width: 95%; } .newsletter-form.aside-newsletter-form { padding: 0 0 24px; border-bottom: 1px solid #ccc; margin-bottom: 16px; font-size: 0; } .newsletter-form.aside-newsletter-form p { display: flex; } .newsletter-form.aside-newsletter-form .newsletter-input { width: 202px; font-size: 15px; box-sizing: border-box; margin-right: 8px; border: 1px solid #e9e9e9; box-shadow: 0; font-weight: 400; margin-bottom: 0; } .newsletter-form.aside-newsletter-form .newsletter-button { font-weight: 400; margin-bottom: 0; font-size: 13px; } .newsletter-hint { font-size: 15px; line-height: 20px; margin-bottom: 16px; display: block; } @media only screen and (min-width: 768px) { .newsletter-hint { font-size: 16px; } } @media only screen and (min-width: 1150px) { .newsletter-hint { font-size: 16px; } } @media only screen and (min-width: 768px) { .newsletter-hint { line-height: 21px; } } @media only screen and (min-width: 1150px) { .newsletter-hint { line-height: 21px; } } .aside-menu-follow { padding: 0; margin-top: 0; } .aside-menu-follow li { margin-right: 8px; margin-left: 0; } #feedlyFollow { width: 21.6px !important; height: auto !important; vertical-align: middle; margin-left: 5px; } .aside-item-meta { display: block; } .m-is-brand-article.related-item, .m-is-club.related-item { height: auto; } .m-is-brand-article.related-item .related-item-title, .m-is-club.related-item .related-item-title { max-height: none; margin-top: 4px; text-transform: none; } @media only screen and (min-width: 768px) { .article-aside .related-alts ul { margin-bottom: 48px; } } .foot { background-color: #ececec; } .foot-wrapper { max-width: 1280px; padding: 0 0 1px; } @media only screen and (min-width: 768px) { .foot-wrapper { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .foot-wrapper { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1360px) { .foot-wrapper { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .foot-wrapper { max-width: 1368px; } } .foot h2, .foot h3 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 17px; line-height: 24px; margin-top: 24px; margin-bottom: 24px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .foot h2, .foot h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .foot h2, .foot h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .foot h2, .foot h3 { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .foot h2, .foot h3 { margin-top: 28px; margin-bottom: 28px; } } .head-new-video-subscribe { font-size: 15px; } @media only screen and (min-width: 768px) { .head-new-video-subscribe { font-size: 16px; } } @media only screen and (min-width: 1150px) { .head-new-video-subscribe { font-size: 16px; } } .head-new-item, .head-list-item, .head-new-video-item { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .head-new-item, .head-list-item, .head-new-video-item { font-size: 16px; } } @media only screen and (min-width: 1150px) { .head-new-item, .head-list-item, .head-new-video-item { font-size: 16px; } } @media only screen and (min-width: 768px) { .head-new-item, .head-list-item, .head-new-video-item { line-height: 21px; } } @media only screen and (min-width: 1150px) { .head-new-item, .head-list-item, .head-new-video-item { line-height: 21px; } } @media only screen and (min-width: 1024px) { .newsletter-box { float: right; padding: 0; width: 42%; max-width: 440px; } } .newsletter-form, .foot-menu-follow, .foot-menu-categories { padding: 6px 16px; } .newsletter-input { width: 165px; } @media only screen and (min-width: 360px) { .newsletter-input { width: 210px; } } @media only screen and (min-width: 480px) { .newsletter-input { width: 300px; } } @media only screen and (min-width: 768px) { .newsletter-input { width: 260px; } } @media only screen and (min-width: 1024px) { .newsletter-input { width: 263px; } } .newsletter-button { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .newsletter-button { margin-bottom: 10px; } } .foot-menu-follow { padding-top: 24px; } @media only screen and (min-width: 768px) { .foot-menu-follow { padding-top: 32px; } } .foot-menu-follow ul, .foot-item-meta { display: inline; } .foot-menu-follow li { margin-left: 8px; margin-right: 0; } .foot-menu-categories { width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) { .foot-menu-categories { width: auto; padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) { .foot-menu-categories li { width: 33%; } } @media only screen and (min-width: 768px) { .foot-menu-categories li:nth-child(odd) { clear: none; } } @media only screen and (min-width: 768px) { .foot-menu-categories .menu-categories li:nth-child(4), .foot-menu-categories .menu-categories li:nth-child(7), .foot-menu-categories .menu-categories li:nth-child(10) { clear: left; } } .foot-external { padding: 1px 0; background: #111; min-height: 120px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .foot-external { min-height: 140px; } } .foot-external .menu-external .latam-blogs .links-category:last-child { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .foot-external .menu-external .latam-blogs .links-category:last-child { margin-bottom: 0; } } .foot-external .menu-external .latam-blogs .links-category ul { margin-bottom: 0; margin-top: 0; } @media only screen and (min-width: 768px) { .foot-external .menu-external .latam-blogs .links-category ul { margin-bottom: 24px; margin-top: 8px; } } .foot-external .menu-external .latam-blogs .channel-title { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .foot-external .menu-external .latam-blogs .channel-title { margin-bottom: 0; } } .foot-head { padding: 24px 0 0; } @media only screen and (min-width: 768px) { .foot-head { padding-top: 28px; } } .backlink { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .backlink:hover { background-color: #910000; color: #fff; } .backlink:hover { text-decoration: none; } .backlink:active, .backlink:focus { padding-top: 1px; } .backlink:after { font-size: 24px; font-family: icons-min; content: "\e625"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .backlink:after:hover { text-decoration: none; } .backlink:before { content: ""; margin-right: 0; margin-left: 0; } .foot-backlink { float: right; } .foot .view-even-more, .foot-external .view-even-more { margin-left: 0; margin-top: 24px; } @media only screen and (min-width: 768px) { .foot .view-even-more, .foot-external .view-even-more { margin-top: 28px; } } @media only screen and (min-width: 1024px) { .foot .view-even-more, .foot-external .view-even-more { margin-top: 28px; } } .foot-menu-external { width: 100%; overflow: hidden; padding-bottom: 72px; } @media only screen and (min-width: 768px) { .foot-menu-external { padding-bottom: 84px; } } .spain-blogs, .latam-blogs, .others-blogs { width: 100%; clear: both; border-top: 1px solid #393939; } .spain-blogs .channel-title, .latam-blogs .channel-title, .others-blogs .channel-title { margin-bottom: 0; margin-top: 24px; margin-left: 6px; font-weight: 700; } @media only screen and (min-width: 768px) { .spain-blogs .channel-title, .latam-blogs .channel-title, .others-blogs .channel-title { margin-top: 28px; } } .links-category { float: left; text-align: left; width: 50%; min-width: 105px; font-size: 13px; line-height: 16px; margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 768px) { .links-category { font-size: 13px; } } @media only screen and (min-width: 1150px) { .links-category { font-size: 13px; } } @media only screen and (min-width: 768px) { .links-category { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .links-category { line-height: 16.8px; } } .links-category ul { margin: 9.33333333px 0 28px; } @media only screen and (min-width: 768px) { .links-category ul { margin: 9.33333333px 0 56px; } } .links-category li { width: 100%; margin: 0; } @media only screen and (min-width: 768px) { .links-category { width: 16%; } } .list-item.foot-list-item { display: inline-block; font-size: 13px; line-height: 16px; padding-left: 6px; padding-right: 6px; border-radius: 2px; } @media only screen and (min-width: 768px) { .list-item.foot-list-item { font-size: 13px; } } @media only screen and (min-width: 1150px) { .list-item.foot-list-item { font-size: 13px; } } @media only screen and (min-width: 768px) { .list-item.foot-list-item { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .list-item.foot-list-item { line-height: 16.8px; } } .foot-list-item { color: #777; } .foot-list-item:hover { color: #fff; background: #777; } .wsl-brand path, .wsl-brand rect, .wsl-brand polygon { fill: #000; } .wsl-brand .wsl-brand-w, .wsl-brand .wsl-brand-weblogs { fill: #000; } .wsl-brand .wsl-brand-box, .wsl-brand .wsl-brand-sl-end { fill: #77bb2b; } .wsl-brand .wsl-brand-sl { fill: #fff; } .wsl-brand-inverted path, .wsl-brand-inverted rect, .wsl-brand-inverted polygon { fill: #fff; } .wsl-brand-inverted .wsl-brand-w { fill: #000; } .wsl-brand-inverted .wsl-brand-box, .wsl-brand-inverted .wsl-brand-sl-end { fill: #77bb2b; } .wsl-brand-inverted .wsl-brand-sl, .wsl-brand-inverted .wsl-brand-weblogs { fill: #fff; } .foot-wsl-brand { margin: 0; } .foot-wsl-brand svg { height: 38.4px; max-width: 99%; width: auto; color: #666; fill: #666; } .foot-wsl-brand path, .foot-wsl-brand rect, .foot-wsl-brand polygon, .foot-wsl-brand .wsl-brand-box, .foot-wsl-brand .wsl-brand-weblogs, .foot-wsl-brand .wsl-brand-sl-end { fill: #666; } .foot-wsl-brand .wsl-brand-w, .foot-wsl-brand .wsl-brand-sl { fill: #111; } .wsl-logo { height: 38.4px; max-width: 99%; width: 153.6px; display: inline-block; overflow: hidden; text-indent: -10000px; background: url("//img.weblogssl.com/g/r/svg/foot-wsl-logo.svg?v=129"); background-size: auto 38.4px; background-repeat: no-repeat; } .foot .search-results-count, .foot .search-results-list { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .foot .search-results-count, .foot .search-results-list { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .foot .search-results-count, .foot .search-results-list { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { .foot .search-article-item { margin-left: 0; margin-right: 0; } } .foot .search-results-count { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .foot .search-results-count { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .foot .search-results-count { margin-left: auto; margin-right: auto; } } .backlink { background-color: #333; color: #ccc; } .backlink:hover { background-color: #444; color: #fff; } .foot .close { background-color: #333; color: #ccc; } .foot .close:hover { background-color: #444; color: #fff; } .cookies-overlay { width: 100%; position: fixed; bottom: -1px; left: 0; background: #111; color: #ccc; opacity: 0.9; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .cookies-overlay { font-size: 13px; } } @media only screen and (min-width: 1150px) { .cookies-overlay { font-size: 13px; } } @media only screen and (min-width: 768px) { .cookies-overlay { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .cookies-overlay { line-height: 16.8px; } } .cookies-overlay .close { float: right; margin: 7.2px 0 0 7.2px; background-color: #333; color: #ccc; font-size: 0; } .cookies-overlay .close:hover { background-color: #444; color: #fff; } .cookies-overlay p { margin: 12px 0; } @media only screen and (min-width: 768px) { .cookies-overlay p { margin: 14px 0; } } .cookies-wrapper { margin-left: 16px; margin-right: 16px; padding: 1px 0; } @media only screen and (min-width: 768px) { .cookies-wrapper { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .cookies-wrapper { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) { .cookies-wrapper { max-width: 744px; } } .cookies-overlay-head { position: static; } .web-version { clear: both; } .web-version #web-version-link { text-align: left; padding-left: 15px; font-size: 15px; } .web-version #web-version-link:before { font-size: 24px; font-family: icons-min; content: "\e606"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .web-version #web-version-link:before:hover { text-decoration: none; } .web-version #web-version-link:after { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .web-version #web-version-link { font-size: 16px; } } @media only screen and (min-width: 1150px) { .web-version #web-version-link { font-size: 16px; } } .foot-external .foot-wrapper { max-width: 1280px; margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .foot-external .foot-wrapper { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .foot-external .foot-wrapper { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1360px) { .foot-external .foot-wrapper { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .foot-external .foot-wrapper { max-width: 1368px; } } .ad { text-align: center; word-wrap: break-word; } .ad-box img { display: block; max-width: 100%; height: auto; margin: 0 auto; } @media only screen and (min-width: 1280px) { .ad-box img { width: auto; display: inline-block; } } .ad-top2 .ad-box { background: #000; } @media only screen and (min-width: 768px) { .ad-top2 .ad-box { border-bottom: 1px solid #292929; max-width: 100%; overflow: hidden; } } .ad-top2 .ad-box img { display: block; max-width: 100%; height: auto; } @media only screen and (min-width: 768px) { .ad-top .ad-box, .ad-first .ad-box { padding: 7px 0 2px; margin: 0 7px; } } @media only screen and (min-width: 1024px) { .ad-top .ad-box, .ad-first .ad-box { margin-left: auto; margin-right: auto; } } .ad-top, .ad-top2, .ad-bot, .ad-first { /* .ad-contact { @media @desktop { display: inline-block; vertical-align: text-bottom; width: 11px; height: 90px; text-indent: -1000px; overflow: hidden; background: url("@{img-common-path}ad-contact.svg?v=@{img-v}"); background-size: 10px auto; background-repeat: no-repeat; background-position: bottom left; } } */ } .ad-top .ad-contact, .ad-top2 .ad-contact, .ad-bot .ad-contact, .ad-first .ad-contact, .ad-lat .ad-contact, .ad-lat2 .ad-contact { display: block; } .ad-cen, .ad-cen2 { clear: left; padding-bottom: 24px; } @media only screen and (min-width: 768px) { .ad-cen, .ad-cen2 { padding-top: 14px; padding-bottom: 14px; } } .ad-cen { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .ad-cen { max-width: 100%; } } @media only screen and (min-width: 1024px) { #div-gpt-top > div, #div-gpt-top_ad_container, #div-gpt-top2_ad_container, #div-gpt-bot_ad_container, #div-gpt-bot2_ad_container { display: inline-block; vertical-align: text-bottom; } } #div-gpt-top > div #div-gpt-top > div, #div-gpt-top_ad_container #div-gpt-top > div, #div-gpt-top2_ad_container #div-gpt-top > div, #div-gpt-bot_ad_container #div-gpt-top > div, #div-gpt-bot2_ad_container #div-gpt-top > div { background: transparent !important; } @media only screen and (min-width: 1024px) { #div-gpt-cen_ad_container, #div-gpt-cen2_ad_container { display: inline-block; vertical-align: text-bottom; } } #div-gpt-int { height: 0 !important; } .ad-bot .ad-box, .ad-lat .ad-box, .ad-lat2 .ad-box { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .ad-bot .ad-box, .ad-lat .ad-box, .ad-lat2 .ad-box { margin-bottom: 56px; } } .ad-contact, .ad-contact2, .ad-disclaimer { display: block; color: #999; text-transform: uppercase; margin: 0; text-align: center; line-height: 13px; font-size: 11px; line-height: 16px; } @media only screen and (min-width: 768px) { .ad-contact, .ad-contact2, .ad-disclaimer { font-size: 11px; } } @media only screen and (min-width: 1150px) { .ad-contact, .ad-contact2, .ad-disclaimer { font-size: 11px; } } .ad-contact2 { text-align: left; } .ad-center { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 9999; } .ad-center .ad-box { background: #222; width: 100%; } .ad-fixed { position: fixed; top: 0px; z-index: 9999; margin: 0; width: 100%; height: 1px; overflow: visible; } .ad-fixed .ad-box { width: 320px; margin: 0 auto; } .ad-fixed .ad-contact { display: none; } noindex:-o-prefocus, .ad-center { position: absolute; } #div-gpt-m-cen_ad_container, #div-gpt-m-cab_ad_container { width: auto !important; height: auto !important; } .article-blogad { background: #f6f6f6; text-align: left; } .article-blogad .figure { text-align: center; } .article-blogad .figure img { margin: 0 auto; width: auto; } .blogad h1 { margin: 0; } @media only screen and (min-width: 1280px) { .customize-me.custom { background: #fbfbfb !important; width: 1044px !important; margin-left: auto; margin-right: auto; border: 0px 6px solid #fbfbfb; border-bottom: none; position: static !important; } } @media only screen and (min-width: 1600px) { } @media only screen and (min-width: 1280px) { .custom .head-favicons-container.m-is-later, .custom .favicons-expanded-container { width: 1044px !important; } } @media only screen and (min-width: 1280px) { .custom .head-editorspick-container { max-width: 340px; } } @media only screen and (min-width: 1600px) { .custom .head-editorspick-container { max-width: 340px; } } .custom .home-content, .custom .section-recent { max-width: 1020px; } @media only screen and (min-width: 1024px) { .custom .article-normal-header, .custom .article-asset-small, .custom .nota-analisis, .clubmarca .article-normal-header, .clubmarca .article-asset-small, .clubmarca .nota-analisis, .custom .article-social-share, .custom .article-content-wrapper .article-content-outer .article-social-share { margin-left: 16px; margin-right: 16px; } } @media only screen and (min-width: 1280px) { .custom .article-normal-header, .custom .article-asset-small, .custom .nota-analisis, .clubmarca .article-normal-header, .clubmarca .article-asset-small, .clubmarca .nota-analisis, .custom .article-social-share, .custom .article-content-wrapper .article-content-outer .article-social-share { margin-left: 16px; margin-right: 16px; } } @media only screen and (min-width: 1440px) { .custom .article-normal-header, .custom .article-asset-small, .custom .nota-analisis, .clubmarca .article-normal-header, .clubmarca .article-asset-small, .clubmarca .nota-analisis, .custom .article-social-share, .custom .article-content-wrapper .article-content-outer .article-social-share { margin-left: 16px; margin-right: 16px; } } @media only screen and (min-width: 1024px) { .custom .article-header-branded .article-normal-header { margin-right: 324px; } } @media only screen and (min-width: 1280px) { .custom .article-header-branded .article-normal-header { margin-right: 324px; } } @media only screen and (min-width: 1280px) { .custom .article-normal-header h1 { margin-right: 0; } } @media only screen and (min-width: 1440px) { .custom .article-normal-header-content, .custom .article-featured-header, .clubmarca .article-featured-header { margin-bottom: 28px; } } @media only screen and (min-width: 1440px) { .custom .article-metadata-container, .custom .article-rating, .clubmarca .article-metadata-container { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1024px) { .clubmarca .article-metadata-container { margin-left: 16px; margin-right: 372px; } } @media only screen and (min-width: 1440px) { .clubmarca .article-metadata-container { margin-left: 16px; } } .clubmarca .article-metadata-container .article-metadata { margin-right: auto; } @media only screen and (min-width: 1024px) { .clubmarca .article-social-share { margin-left: 16px; margin-right: 372px; } } @media only screen and (min-width: 1440px) { .clubmarca .article-social-share { margin-left: 16px; } } @media only screen and (min-width: 1024px) { .clubmarca .article-rating { margin-right: 348px; margin-left: 0; } } @media only screen and (min-width: 1280px) { .custom .article-author, .clubmarca .article-author { position: static; margin-top: 7px; } } @media only screen and (min-width: 1280px) { .custom .article-author-avatar img, .custom .article-author-twitter, .clubmarca .article-author-avatar img, .clubmarca .article-author-twitter { display: none; } } @media only screen and (min-width: 1280px) { } @media only screen and (min-width: 1280px) { .custom .article-featured-title, .clubmarca .article-featured-title { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1024px) { .custom .article-featured-title h1 span { font-size: 85%; line-height: 1; } } @media only screen and (min-width: 1280px) { .custom .article-actions.m-in-featured, .clubmarca .article-actions.m-in-featured { float: right; } } @media only screen and (min-width: 1440px) { .custom .article-aside.m-blob-aside, .clubmarca .article-aside.m-blob-aside { float: right; width: 300px; margin-left: 36px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .custom .post-related-posts, .clubmarca .post-related-posts { margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; box-sizing: border-box; } } @media only screen and (min-width: 1024px) { .custom .post-related-posts p, .clubmarca .post-related-posts p { margin-left: 0; } } @media only screen and (min-width: 1024px) { .custom .post-related-posts .post-related-content, .clubmarca .post-related-posts .post-related-content { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 1024px) { .custom .home-nav-container { margin-left: 16px; margin-right: 16px; } } @media only screen and (min-width: 1024px) { .custom .home-video-stream { margin-left: 16px; margin-right: 16px; } } @media only screen and (min-width: 1150px) { .custom .home-video-stream { margin-left: 16px; margin-right: 16px; } } .custom .slide-item-close, .custom .slide-next, .custom .slide-prev { position: absolute; } @media only screen and (min-width: 1024px) { .custom .module-subscribe input .newsletter-input, .clubmarca .module-subscribe input .newsletter-input { width: 320px; } } @media only screen and (min-width: 1024px) { .custom .section-recent { margin-left: 16px; margin-right: 16px; } } .ad-sponsor { width: 320px; margin: 0 auto; } @media only screen and (min-width: 1024px) { .head-sponsor-container { width: 320px; } } @media only screen and (min-width: 1280px) { .head-sponsor-container { max-width: 320px; } } @media only screen and (min-width: 1600px) { .head-sponsor-container { max-width: 320px; } } .head-sponsor-container { border-left: 1px solid #d42626; border-right: 1px solid #d42626; text-align: center; width: 100%; } @media only screen and (min-width: 1024px) { .head-sponsor-container { height: 112px; width: 228px; line-height: 112px; } } .head-sponsor { line-height: 28px; display: inline-block; vertical-align: top; margin: 0 24px; white-space: normal; } @media only screen and (min-width: 768px) { .head-sponsor { margin-top: 14px; } } @media only screen and (min-width: 1024px) { .head-sponsor { margin-top: 28px; vertical-align: middle; } } .head-sponsor-type { text-align: left; } .head-sponsor-ad { display: inline-block; width: auto; height: 49px; line-height: 49px; } @media only screen and (min-width: 1024px) { .head-sponsor-ad { display: block; width: 270px; height: 52px; line-height: 52px; } } .head-sponsor-ad img { display: inline-block; vertical-align: middle; } @media only screen and (min-width: 768px) { .head-sponsor-ad img { height: 26px; width: auto; } } @media only screen and (min-width: 1024px) { .head-sponsor-ad img { height: auto; } } /* ABP message */ .overlay-layer { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 250%; z-index: 999998; } body.overlay-layer { height: auto; } .overlay-fade { position: absolute; top: 0; left: 0; width: 100%; height: 250%; background: rgba(0, 0, 0, 0.5); } .overlay-container { display: none; position: absolute; width: 450px; z-index: 999999; top: 18px; right: 20px; } .help-abp-chrome { width: 654px; } .help-abp-osx-chrome { width: 475px; } .help-abp-ie { width: 854px; } .overlay-content { position: absolute; background: #fbfbd4; text-align: left; padding: 24px 36px 24px; } .hint-arrow { display: block; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #fbfbd4; margin: -40px 0 24px 390px; } .help-abp-chrome .hint-arrow { margin-left: 570px; } .help-abp-ie { margin-left: 754px; } .hint-img { text-align: right; } .hint-img img { display: block; margin: 24px auto; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); } .overlay-action { text-align: center; } /* -related.less */ @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-content { margin: 0 auto; display: inline-block; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-item: flex-start; display: table; margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1024px) and only screen and (min-width: 768px) { .flag-recommend-bot-section .post-related-content { margin: 0 auto; } } @media only screen and (min-width: 1440px) { .flag-recommend-bot-section .post-related-content { margin: 0 auto; } } .flag-recommend-bot-section .post-related-content .section-recent-aside { width: auto; margin-left: 0; } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-content .section-recent-aside { display: table-cell; } } .flag-recommend-bot-section .post-related-content.m-related-content-with-ad .horizontal-related-posts { margin: 0 1% 28px 1%; } @media only screen and (min-width: 768px) { .flag-recommend-bot-section .post-related-content.m-related-content-with-ad .horizontal-related-posts { width: 48%; } } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-content.m-related-content-with-ad .horizontal-related-posts { max-width: 290px; } } @media only screen and (min-width: 1150px) { .flag-recommend-bot-section .post-related-content.m-related-content-with-ad .horizontal-related-posts { width: 31.333%; max-width: none; flex: 1 0 31.333%; } } .flag-recommend-bot-section .post-related-content.m-related-content-with-ad .horizontal-related-posts:nth-child(5) { clear: none; } .flag-recommend-bot-section .post-related-content ul { width: auto; } @media only screen and (min-width: 1024px) { .flag-recommend-bot-section .post-related-content ul { display: table-cell; vertical-align: top; } } /* add portrait */ @media only screen and (min-width: 768px) { .flag-recommend-bot-section .ad-bot-portrait { flex-shrink: 0; margin-left: 25px; } } .flag-recommend-bot-section .ad-bot-portrait .ad-box { width: 300px; flex-shrink: 0; margin: 0 auto; } @media only screen and (min-width: 1280px) { .flag-task-14 .custom .head-favicons-container.m-is-later.in-position { width: 100% !important; } } @media only screen and (min-width: 1024px) { .clubmarca { background: #f5d6d6; } } @media only screen and (min-width: 1024px) { .clubmarca .page-container { background: #fbfbfb; } } .clubmarca .head-container, .clubmarca .head { background: #7a1f1f; margin-bottom: 0; } @media only screen and (min-width: 768px) { .clubmarca .head-container, .clubmarca .head { margin-bottom: 0; } } @media only screen and (min-width: 1024px) { .clubmarca .head-container, .clubmarca .head { margin-bottom: 0; } } .head-disclaimer-container { background: #111; } .head-disclaimer { height: 48px; line-height: 48px; text-align: right; } @media only screen and (min-width: 768px) { .head-disclaimer { height: 56px; line-height: 42px; } } .head-disclaimer-msg { margin-right: 8px; font-size: 11px; line-height: 14px; color: #777; display: inline-block; vertical-align: middle; text-align: center; width: 165px; } @media only screen and (min-width: 768px) { .head-disclaimer-msg { width: 50%; margin-right: 12px; vertical-align: bottom; text-align: right; } } .head-disclaimer-msg a, .head-disclaimer-msg .head-disclaimer-anchor { color: #777; text-decoration: underline; } .head-disclaimer-msg a:hover, .head-disclaimer-msg .head-disclaimer-anchor:hover { color: #f00; } .head-disclaimer-msg p { display: inline-block; margin: 0; } @media only screen and (min-width: 768px) { .head-disclaimer-msg p { display: block; } } .head-disclaimer-brand { position: absolute; top: -48px; left: 0; width: 52%; max-width: 324px; opacity: 0.5; text-align: left; } .head-disclaimer-brand:hover { opacity: 1; } @media only screen and (min-width: 768px) { .head-disclaimer-brand { top: -56px; } } .disclaimer-brand { margin: 4.8px 0 0 8px; height: 48px; text-align: left; } @media only screen and (min-width: 768px) { .disclaimer-brand { margin: 5.6px 12px; height: 56px; } } .head-club-brand-container .disclaimer-brand .disclaimer-brand-logo { height: 38.4px; background-position: left center; vertical-align: top; } @media only screen and (min-width: 768px) { .head-club-brand-container .disclaimer-brand .disclaimer-brand-logo { height: 44.8px; background-position: left center; } } @media only screen and (min-width: 1150px) { .head-club-brand-container .disclaimer-brand .disclaimer-brand-logo { background-position: left center; } } .clubmarca .head-container, .clubmarca .head.is-init, .club-brand { height: 72px; padding: 0; margin: 0; } @media only screen and (min-width: 768px) { .clubmarca .head-container, .clubmarca .head.is-init, .club-brand { height: 98px; margin: 0; } } @media only screen and (min-width: 1024px) { .clubmarca .head-container, .clubmarca .head.is-init, .club-brand { height: 98px; margin: 0; } } .club-brand h1 { margin: 0; } @media only screen and (min-width: 768px) { .clubmarca .head.is-visible { max-height: 70px; } } @media only screen and (min-width: 768px) { .head.is-visible .head-disclaimer-brand { top: 7px; left: auto; right: 0; opacity: 1; } } @media only screen and (min-width: 768px) { .head.is-visible .head-disclaimer-brand .disclaimer-brand-logo { background-position: right center; } } @media only screen and (min-width: 768px) { .head.is-visible .club-brand { height: 70px; background-position: left center; background-size: auto 70px; } } @media only screen and (min-width: 1280px) { .head.is-visible .club-brand { height: 70px; } } .club-brand-logo { display: block; width: 100%; height: 48px; } @media only screen and (min-width: 768px) { .club-brand-logo { height: 98px; } } .club-brand-logo span { float: left; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; color: #fff; margin-left: 16px; margin-top: 24px; } @media only screen and (min-width: 768px) { .club-brand-logo span { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .club-brand-logo span { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .club-brand-logo span { margin-top: 28px; } } .club-brand-logo .club-brand-client { float: right; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-right: 16px; margin-top: 28.8px; } @media only screen and (min-width: 768px) { .club-brand-logo .club-brand-client { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .club-brand-logo .club-brand-client { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .club-brand-logo .club-brand-client { margin-top: 33.6px; } } .disclaimer-brand .brand-logo { background-image: url("images/logo-light.svg?v=129"); } @media only screen and (min-width: 768px) { .head.is-visible .club-brand-logo { width: 100%; height: 70px; margin: 0 auto; text-align: center; } } @media only screen and (min-width: 768px) { .head.is-visible .club-brand-logo span { width: 100%; } } @media only screen and (min-width: 1280px) { .clubmarca .head-disclaimer, .clubmarca .head-container, .clubmarca .head-club-brand-container, .clubmarca .page-container, .clubmarca .club-container, .clubmarca .article-social-share-wrapper { width: 1248px; margin-left: auto; margin-right: auto; } } .clubmarca .head-club-brand-container { position: relative; } .clubmarca .club-container { background: #fbfbfb; } @media only screen and (min-width: 1280px) { .clubmarca .club-container { position: static; } } .aside-top-club-content { width: 100%; overflow: hidden; } .aside-club-content { text-align: center; margin: 0 auto; } @media only screen and (min-width: 1024px) { .aside-club-content { margin: 56px auto 0; } } .clubbar { background: #eee; height: 53px; display: block; margin-top: 0; } .clubbar h2 { margin: 0 0 0 10px; line-height: 53px; } /* Branded posts in homepage */ .article-club .article-disclaimer a { display: block; padding: 1px 4px; font-size: 15px; margin: 12px 8px 6px; color: #fff; background: #999; } @media only screen and (min-width: 768px) { .article-club .article-disclaimer a { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-club .article-disclaimer a { font-size: 16px; } } .article-club .article-disclaimer span { float: right; } .article-club .article-disclaimer .disclaimer-badge-club, .article-club .article-disclaimer .disclaimer-badge-brand { float: none; } .article-club .article-header a { color: #333; } @media only screen and (min-width: 480px) { .article-home.article-club .article-disclaimer a { margin: 0; padding: 0; } } @media only screen and (min-width: 768px) { .article-home.article-club .article-disclaimer a { background-color: transparent; } } .article-home .disclaimer-badge-club { background: #999; } /* For mobile normal club posts home */ .article-club-post .article-disclaimer strong { background-color: #bab2a2; color: #fff; display: block; font-size: 0.8em; font-weight: normal; margin: 10px 10px 5px; padding: 1px 4px; } .nav-clubmarca-inv header .brand { display: block; width: 100%; height: 48px; overflow: hidden; position: relative; padding: 0; margin: 0; } .nav-clubmarca-inv header .brand span { display: block; background: url("images/bg-header-brand-corner-inverted.png?v=129") 50% 50% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-image: url("images/bg-header-brand-corner-inverted.png?v=129"); } @media screen and (-webkit-min-device-pixel-ratio: 2) { .nav-clubmarca-inv header .brand span { background-image: url("images/2x-bg-header-brand-corner-inverted.png?v=129"); background-size: auto 48px; } } .nav-clubmarca-inv header .brand span { background-position: 0 50%; } .nav-clubmarca-inv .nav-main li { border-color: rgba(0, 0, 0, 0.4); } .nav-clubmarca-inv .nav-main li a, .nav-clubmarca-inv .nav-main li a:link, .nav-clubmarca-inv .nav-main li a:visited, .nav-clubmarca-inv .nav-main li a:hover, .nav-clubmarca-inv .nav-main li a:focus { color: #333; } .nav-clubmarca-inv .btn-menu { border-color: rgba(0, 0, 0, 0.2); color: #333; } .nav-clubmarca-inv .btn-menu:link, .nav-clubmarca-inv .btn-menu:visited { color: #333; } .nav-clubmarca-inv .category-sub-heading a { color: #333; } .nav-clubmarca-inv .active .btn-menu, .nav-clubmarca-inv .btn-menu:hover { background-color: #fff; } .m-espaciosony, .article-espaciosony { background-color: #f2f2f2; } .m-espaciosony.abstract-taxonomy, .article-espaciosony.abstract-taxonomy { background-color: transparent; color: #000; } @media only screen and (min-width: 768px) { .m-espaciosony, .article-espaciosony { background-color: transparent; } } .m-espaciosony .article-disclaimer a, .article-espaciosony .article-disclaimer a { background-color: #000; color: #fff; } .m-espaciosony .disclaimer-badge-repost, .article-espaciosony .disclaimer-badge-repost, .m-espaciosony .disclaimer-badge-club, .article-espaciosony .disclaimer-badge-club { background-color: #000; color: #fff; } .m-manerasdedisfrutar, .article-manerasdedisfrutar { background-color: #fffcf5; } .m-manerasdedisfrutar.abstract-taxonomy, .article-manerasdedisfrutar.abstract-taxonomy { background-color: transparent; color: #FDC238; } @media only screen and (min-width: 768px) { .m-manerasdedisfrutar, .article-manerasdedisfrutar { background-color: transparent; } } .m-manerasdedisfrutar .article-disclaimer a, .article-manerasdedisfrutar .article-disclaimer a { background-color: #FDC238; color: #5A1F01; } .m-manerasdedisfrutar .disclaimer-badge-repost, .article-manerasdedisfrutar .disclaimer-badge-repost, .m-manerasdedisfrutar .disclaimer-badge-club, .article-manerasdedisfrutar .disclaimer-badge-club { background-color: #FDC238; color: #5A1F01; } .m-welovelondon, .article-welovelondon { background-color: #f4fafc; } .m-welovelondon.abstract-taxonomy, .article-welovelondon.abstract-taxonomy { background-color: transparent; color: #2a94c5; } @media only screen and (min-width: 768px) { .m-welovelondon, .article-welovelondon { background-color: transparent; } } .m-welovelondon .article-disclaimer a, .article-welovelondon .article-disclaimer a { background-color: #2a94c5; color: #fff; } .m-welovelondon .disclaimer-badge-repost, .article-welovelondon .disclaimer-badge-repost, .m-welovelondon .disclaimer-badge-club, .article-welovelondon .disclaimer-badge-club { background-color: #2a94c5; color: #fff; } .m-espacionokia, .article-espacionokia { background-color: #f3f6fa; } .m-espacionokia.abstract-taxonomy, .article-espacionokia.abstract-taxonomy { background-color: transparent; color: #124191; } @media only screen and (min-width: 768px) { .m-espacionokia, .article-espacionokia { background-color: transparent; } } .m-espacionokia .article-disclaimer a, .article-espacionokia .article-disclaimer a { background-color: #124191; color: #fff; } .m-espacionokia .disclaimer-badge-repost, .article-espacionokia .disclaimer-badge-repost, .m-espacionokia .disclaimer-badge-club, .article-espacionokia .disclaimer-badge-club { background-color: #124191; color: #fff; } .m-vivephilipstv, .article-vivephilipstv { background-color: #f9f3f2; } .m-vivephilipstv.abstract-taxonomy, .article-vivephilipstv.abstract-taxonomy { background-color: transparent; color: #7f0500; } @media only screen and (min-width: 768px) { .m-vivephilipstv, .article-vivephilipstv { background-color: transparent; } } .m-vivephilipstv .article-disclaimer a, .article-vivephilipstv .article-disclaimer a { background-color: #7f0500; color: #fff; } .m-vivephilipstv .disclaimer-badge-repost, .article-vivephilipstv .disclaimer-badge-repost, .m-vivephilipstv .disclaimer-badge-club, .article-vivephilipstv .disclaimer-badge-club { background-color: #7f0500; color: #fff; } .m-heliosesvida, .article-heliosesvida { background-color: #fdf2f3; } .m-heliosesvida.abstract-taxonomy, .article-heliosesvida.abstract-taxonomy { background-color: transparent; color: #dd000c; } @media only screen and (min-width: 768px) { .m-heliosesvida, .article-heliosesvida { background-color: transparent; } } .m-heliosesvida .article-disclaimer a, .article-heliosesvida .article-disclaimer a { background-color: #dd000c; color: #fff; } .m-heliosesvida .disclaimer-badge-repost, .article-heliosesvida .disclaimer-badge-repost, .m-heliosesvida .disclaimer-badge-club, .article-heliosesvida .disclaimer-badge-club { background-color: #dd000c; color: #fff; } .m-barillasabordeitalia, .article-barillasabordeitalia { background-color: #f2f4f7; } .m-barillasabordeitalia.abstract-taxonomy, .article-barillasabordeitalia.abstract-taxonomy { background-color: transparent; color: #002957; } @media only screen and (min-width: 768px) { .m-barillasabordeitalia, .article-barillasabordeitalia { background-color: transparent; } } .m-barillasabordeitalia .article-disclaimer a, .article-barillasabordeitalia .article-disclaimer a { background-color: #002957; color: #fff; } .m-barillasabordeitalia .disclaimer-badge-repost, .article-barillasabordeitalia .disclaimer-badge-repost, .m-barillasabordeitalia .disclaimer-badge-club, .article-barillasabordeitalia .disclaimer-badge-club { background-color: #002957; color: #fff; } .m-espaciotoyota, .article-espaciotoyota { background-color: #fff3f4; } .m-espaciotoyota.abstract-taxonomy, .article-espaciotoyota.abstract-taxonomy { background-color: transparent; color: #f90a1f; } @media only screen and (min-width: 768px) { .m-espaciotoyota, .article-espaciotoyota { background-color: transparent; } } .m-espaciotoyota .article-disclaimer a, .article-espaciotoyota .article-disclaimer a { background-color: #f90a1f; color: #fff; } .m-espaciotoyota .disclaimer-badge-repost, .article-espaciotoyota .disclaimer-badge-repost, .m-espaciotoyota .disclaimer-badge-club, .article-espaciotoyota .disclaimer-badge-club { background-color: #f90a1f; color: #fff; } .m-nuevageneracionvelux, .article-nuevageneracionvelux { background-color: #fef2f4; } .m-nuevageneracionvelux.abstract-taxonomy, .article-nuevageneracionvelux.abstract-taxonomy { background-color: transparent; color: #e3001b; } @media only screen and (min-width: 768px) { .m-nuevageneracionvelux, .article-nuevageneracionvelux { background-color: transparent; } } .m-nuevageneracionvelux .article-disclaimer a, .article-nuevageneracionvelux .article-disclaimer a { background-color: #e3001b; color: #fff; } .m-nuevageneracionvelux .disclaimer-badge-repost, .article-nuevageneracionvelux .disclaimer-badge-repost, .m-nuevageneracionvelux .disclaimer-badge-club, .article-nuevageneracionvelux .disclaimer-badge-club { background-color: #e3001b; color: #fff; } .m-bienvenidoawindows8, .article-bienvenidoawindows8 { background-color: #f5fcfe; } .m-bienvenidoawindows8.abstract-taxonomy, .article-bienvenidoawindows8.abstract-taxonomy { background-color: transparent; color: #30BEEB; } @media only screen and (min-width: 768px) { .m-bienvenidoawindows8, .article-bienvenidoawindows8 { background-color: transparent; } } .m-bienvenidoawindows8 .article-disclaimer a, .article-bienvenidoawindows8 .article-disclaimer a { background-color: #30BEEB; color: #fff; } .m-bienvenidoawindows8 .disclaimer-badge-repost, .article-bienvenidoawindows8 .disclaimer-badge-repost, .m-bienvenidoawindows8 .disclaimer-badge-club, .article-bienvenidoawindows8 .disclaimer-badge-club { background-color: #30BEEB; color: #fff; } .m-planesleroymerlin, .article-planesleroymerlin { background-color: #f8faf3; } .m-planesleroymerlin.abstract-taxonomy, .article-planesleroymerlin.abstract-taxonomy { background-color: transparent; color: #739F13; } @media only screen and (min-width: 768px) { .m-planesleroymerlin, .article-planesleroymerlin { background-color: transparent; } } .m-planesleroymerlin .article-disclaimer a, .article-planesleroymerlin .article-disclaimer a { background-color: #739F13; color: #fff; } .m-planesleroymerlin .disclaimer-badge-repost, .article-planesleroymerlin .disclaimer-badge-repost, .m-planesleroymerlin .disclaimer-badge-club, .article-planesleroymerlin .disclaimer-badge-club { background-color: #739F13; color: #fff; } .m-espaciohuawei, .article-espaciohuawei { background-color: #f6f8fa; } .m-espaciohuawei.abstract-taxonomy, .article-espaciohuawei.abstract-taxonomy { background-color: transparent; color: #416CA4; } @media only screen and (min-width: 768px) { .m-espaciohuawei, .article-espaciohuawei { background-color: transparent; } } .m-espaciohuawei .article-disclaimer a, .article-espaciohuawei .article-disclaimer a { background-color: #416CA4; color: #fff; } .m-espaciohuawei .disclaimer-badge-repost, .article-espaciohuawei .disclaimer-badge-repost, .m-espaciohuawei .disclaimer-badge-club, .article-espaciohuawei .disclaimer-badge-club { background-color: #416CA4; color: #fff; } .m-gestionsage, .article-gestionsage { background-color: #f2fdf2; } .m-gestionsage.abstract-taxonomy, .article-gestionsage.abstract-taxonomy { background-color: transparent; color: #00dc00; } @media only screen and (min-width: 768px) { .m-gestionsage, .article-gestionsage { background-color: transparent; } } .m-gestionsage .article-disclaimer a, .article-gestionsage .article-disclaimer a { background-color: #00dc00; color: #fff; } .m-gestionsage .disclaimer-badge-repost, .article-gestionsage .disclaimer-badge-repost, .m-gestionsage .disclaimer-badge-club, .article-gestionsage .disclaimer-badge-club { background-color: #00dc00; color: #fff; } .m-cuidadonivea, .article-cuidadonivea { background-color: #f2f3f9; } .m-cuidadonivea.abstract-taxonomy, .article-cuidadonivea.abstract-taxonomy { background-color: transparent; color: #040584; } @media only screen and (min-width: 768px) { .m-cuidadonivea, .article-cuidadonivea { background-color: transparent; } } .m-cuidadonivea .article-disclaimer a, .article-cuidadonivea .article-disclaimer a { background-color: #040584; color: #fff; } .m-cuidadonivea .disclaimer-badge-repost, .article-cuidadonivea .disclaimer-badge-repost, .m-cuidadonivea .disclaimer-badge-club, .article-cuidadonivea .disclaimer-badge-club { background-color: #040584; color: #fff; } .m-telcel4glte, .article-telcel4glte { background-color: #f5f7fa; } .m-telcel4glte.abstract-taxonomy, .article-telcel4glte.abstract-taxonomy { background-color: transparent; color: #31649b; } @media only screen and (min-width: 768px) { .m-telcel4glte, .article-telcel4glte { background-color: transparent; } } .m-telcel4glte .article-disclaimer a, .article-telcel4glte .article-disclaimer a { background-color: #31649b; color: #fff; } .m-telcel4glte .disclaimer-badge-repost, .article-telcel4glte .disclaimer-badge-repost, .m-telcel4glte .disclaimer-badge-club, .article-telcel4glte .disclaimer-badge-club { background-color: #31649b; color: #fff; } .m-momentoschicco, .article-momentoschicco { background-color: #fafcfe; } .m-momentoschicco.abstract-taxonomy, .article-momentoschicco.abstract-taxonomy { background-color: transparent; color: #a3c6ec; } @media only screen and (min-width: 768px) { .m-momentoschicco, .article-momentoschicco { background-color: transparent; } } .m-momentoschicco .article-disclaimer a, .article-momentoschicco .article-disclaimer a { background-color: #a3c6ec; color: #fff; } .m-momentoschicco .disclaimer-badge-repost, .article-momentoschicco .disclaimer-badge-repost, .m-momentoschicco .disclaimer-badge-club, .article-momentoschicco .disclaimer-badge-club { background-color: #a3c6ec; color: #fff; } .m-tecnologiazen, .article-tecnologiazen { background-color: #f5f4f5; } .m-tecnologiazen.abstract-taxonomy, .article-tecnologiazen.abstract-taxonomy { background-color: transparent; color: #37283f; } @media only screen and (min-width: 768px) { .m-tecnologiazen, .article-tecnologiazen { background-color: transparent; } } .m-tecnologiazen .article-disclaimer a, .article-tecnologiazen .article-disclaimer a { background-color: #37283f; color: #fff; } .m-tecnologiazen .disclaimer-badge-repost, .article-tecnologiazen .disclaimer-badge-repost, .m-tecnologiazen .disclaimer-badge-club, .article-tecnologiazen .disclaimer-badge-club { background-color: #37283f; color: #fff; } .m-tratamientoshiseido, .article-tratamientoshiseido { background-color: #faf4f5; } .m-tratamientoshiseido.abstract-taxonomy, .article-tratamientoshiseido.abstract-taxonomy { background-color: transparent; color: #9f1b33; } @media only screen and (min-width: 768px) { .m-tratamientoshiseido, .article-tratamientoshiseido { background-color: transparent; } } .m-tratamientoshiseido .article-disclaimer a, .article-tratamientoshiseido .article-disclaimer a { background-color: #9f1b33; color: #fff; } .m-tratamientoshiseido .disclaimer-badge-repost, .article-tratamientoshiseido .disclaimer-badge-repost, .m-tratamientoshiseido .disclaimer-badge-club, .article-tratamientoshiseido .disclaimer-badge-club { background-color: #9f1b33; color: #fff; } .m-lorealparis, .article-lorealparis { background-color: #f8f4f8; } .m-lorealparis.abstract-taxonomy, .article-lorealparis.abstract-taxonomy { background-color: transparent; color: #6e2878; } @media only screen and (min-width: 768px) { .m-lorealparis, .article-lorealparis { background-color: transparent; } } .m-lorealparis .article-disclaimer a, .article-lorealparis .article-disclaimer a { background-color: #6e2878; color: #fff; } .m-lorealparis .disclaimer-badge-repost, .article-lorealparis .disclaimer-badge-repost, .m-lorealparis .disclaimer-badge-club, .article-lorealparis .disclaimer-badge-club { background-color: #6e2878; color: #fff; } .m-veranocartedor, .article-veranocartedor { background-color: #f9f8f5; } .m-veranocartedor.abstract-taxonomy, .article-veranocartedor.abstract-taxonomy { background-color: transparent; color: #8e7132; } @media only screen and (min-width: 768px) { .m-veranocartedor, .article-veranocartedor { background-color: transparent; } } .m-veranocartedor .article-disclaimer a, .article-veranocartedor .article-disclaimer a { background-color: #8e7132; color: #fff; } .m-veranocartedor .disclaimer-badge-repost, .article-veranocartedor .disclaimer-badge-repost, .m-veranocartedor .disclaimer-badge-club, .article-veranocartedor .disclaimer-badge-club { background-color: #8e7132; color: #fff; } .m-hogarhenkel, .article-hogarhenkel { background-color: #f5f8f9; } .m-hogarhenkel.abstract-taxonomy, .article-hogarhenkel.abstract-taxonomy { background-color: transparent; color: #386d85; } @media only screen and (min-width: 768px) { .m-hogarhenkel, .article-hogarhenkel { background-color: transparent; } } .m-hogarhenkel .article-disclaimer a, .article-hogarhenkel .article-disclaimer a { background-color: #386d85; color: #fff; } .m-hogarhenkel .disclaimer-badge-repost, .article-hogarhenkel .disclaimer-badge-repost, .m-hogarhenkel .disclaimer-badge-club, .article-hogarhenkel .disclaimer-badge-club { background-color: #386d85; color: #fff; } .m-espaciovisa, .article-espaciovisa { background-color: #f5f7fa; } .m-espaciovisa.abstract-taxonomy, .article-espaciovisa.abstract-taxonomy { background-color: transparent; color: #2f5d9b; } @media only screen and (min-width: 768px) { .m-espaciovisa, .article-espaciovisa { background-color: transparent; } } .m-espaciovisa .article-disclaimer a, .article-espaciovisa .article-disclaimer a { background-color: #2f5d9b; color: #fff; } .m-espaciovisa .disclaimer-badge-repost, .article-espaciovisa .disclaimer-badge-repost, .m-espaciovisa .disclaimer-badge-club, .article-espaciovisa .disclaimer-badge-club { background-color: #2f5d9b; color: #fff; } .m-espaciolgseriex, .article-espaciolgseriex { background-color: #fbf2f5; } .m-espaciolgseriex.abstract-taxonomy, .article-espaciolgseriex.abstract-taxonomy { background-color: transparent; color: #a50034; } @media only screen and (min-width: 768px) { .m-espaciolgseriex, .article-espaciolgseriex { background-color: transparent; } } .m-espaciolgseriex .article-disclaimer a, .article-espaciolgseriex .article-disclaimer a { background-color: #a50034; color: #fff; } .m-espaciolgseriex .disclaimer-badge-repost, .article-espaciolgseriex .disclaimer-badge-repost, .m-espaciolgseriex .disclaimer-badge-club, .article-espaciolgseriex .disclaimer-badge-club { background-color: #a50034; color: #fff; } .m-continentalvisionzero, .article-continentalvisionzero { background-color: #fcf9f2; } .m-continentalvisionzero.abstract-taxonomy, .article-continentalvisionzero.abstract-taxonomy { background-color: transparent; color: #c98800; } @media only screen and (min-width: 768px) { .m-continentalvisionzero, .article-continentalvisionzero { background-color: transparent; } } .m-continentalvisionzero .article-disclaimer a, .article-continentalvisionzero .article-disclaimer a { background-color: #c98800; color: #fff; } .m-continentalvisionzero .disclaimer-badge-repost, .article-continentalvisionzero .disclaimer-badge-repost, .m-continentalvisionzero .disclaimer-badge-club, .article-continentalvisionzero .disclaimer-badge-club { background-color: #c98800; color: #fff; } .m-entrenamiento-skittles, .article-entrenamiento-skittles { background-color: #faf4f4; } .m-entrenamiento-skittles.abstract-taxonomy, .article-entrenamiento-skittles.abstract-taxonomy { background-color: transparent; color: #9c202a; } @media only screen and (min-width: 768px) { .m-entrenamiento-skittles, .article-entrenamiento-skittles { background-color: transparent; } } .m-entrenamiento-skittles .article-disclaimer a, .article-entrenamiento-skittles .article-disclaimer a { background-color: #9c202a; color: #fff; } .m-entrenamiento-skittles .disclaimer-badge-repost, .article-entrenamiento-skittles .disclaimer-badge-repost, .m-entrenamiento-skittles .disclaimer-badge-club, .article-entrenamiento-skittles .disclaimer-badge-club { background-color: #9c202a; color: #fff; } .m-predatoresports, .article-predatoresports { background-color: #fef4f4; } .m-predatoresports.abstract-taxonomy, .article-predatoresports.abstract-taxonomy { background-color: transparent; color: #ec1c2c; } @media only screen and (min-width: 768px) { .m-predatoresports, .article-predatoresports { background-color: transparent; } } .m-predatoresports .article-disclaimer a, .article-predatoresports .article-disclaimer a { background-color: #ec1c2c; color: #fff; } .m-predatoresports .disclaimer-badge-repost, .article-predatoresports .disclaimer-badge-repost, .m-predatoresports .disclaimer-badge-club, .article-predatoresports .disclaimer-badge-club { background-color: #ec1c2c; color: #fff; } .m-tupartosanitas, .article-tupartosanitas { background-color: #f2f8fc; } .m-tupartosanitas.abstract-taxonomy, .article-tupartosanitas.abstract-taxonomy { background-color: transparent; color: #0079c8; } @media only screen and (min-width: 768px) { .m-tupartosanitas, .article-tupartosanitas { background-color: transparent; } } .m-tupartosanitas .article-disclaimer a, .article-tupartosanitas .article-disclaimer a { background-color: #0079c8; color: #fff; } .m-tupartosanitas .disclaimer-badge-repost, .article-tupartosanitas .disclaimer-badge-repost, .m-tupartosanitas .disclaimer-badge-club, .article-tupartosanitas .disclaimer-badge-club { background-color: #0079c8; color: #fff; } .m-realrunnersnn, .article-realrunnersnn { background-color: #fef7f3; } .m-realrunnersnn.abstract-taxonomy, .article-realrunnersnn.abstract-taxonomy { background-color: transparent; color: #ea650d; } @media only screen and (min-width: 768px) { .m-realrunnersnn, .article-realrunnersnn { background-color: transparent; } } .m-realrunnersnn .article-disclaimer a, .article-realrunnersnn .article-disclaimer a { background-color: #ea650d; color: #fff; } .m-realrunnersnn .disclaimer-badge-repost, .article-realrunnersnn .disclaimer-badge-repost, .m-realrunnersnn .disclaimer-badge-club, .article-realrunnersnn .disclaimer-badge-club { background-color: #ea650d; color: #fff; } .m-espaciolgseriex, .article-espaciolgseriex { background-color: #fbf2f5; } .m-espaciolgseriex.abstract-taxonomy, .article-espaciolgseriex.abstract-taxonomy { background-color: transparent; color: #a50034; } @media only screen and (min-width: 768px) { .m-espaciolgseriex, .article-espaciolgseriex { background-color: transparent; } } .m-espaciolgseriex .article-disclaimer a, .article-espaciolgseriex .article-disclaimer a { background-color: #a50034; color: #fff; } .m-espaciolgseriex .disclaimer-badge-repost, .article-espaciolgseriex .disclaimer-badge-repost, .m-espaciolgseriex .disclaimer-badge-club, .article-espaciolgseriex .disclaimer-badge-club { background-color: #a50034; color: #fff; } .m-especialbq, .article-especialbq { background-color: #f2f2f2; } .m-especialbq.abstract-taxonomy, .article-especialbq.abstract-taxonomy { background-color: transparent; color: #000000; } @media only screen and (min-width: 768px) { .m-especialbq, .article-especialbq { background-color: transparent; } } .m-especialbq .article-disclaimer a, .article-especialbq .article-disclaimer a { background-color: #000000; color: #fff; } .m-especialbq .disclaimer-badge-repost, .article-especialbq .disclaimer-badge-repost, .m-especialbq .disclaimer-badge-club, .article-especialbq .disclaimer-badge-club { background-color: #000000; color: #fff; } .m-asusrogarmy, .article-asusrogarmy { background-color: #fdf3f3; } .m-asusrogarmy.abstract-taxonomy, .article-asusrogarmy.abstract-taxonomy { background-color: transparent; color: #d31616; } @media only screen and (min-width: 768px) { .m-asusrogarmy, .article-asusrogarmy { background-color: transparent; } } .m-asusrogarmy .article-disclaimer a, .article-asusrogarmy .article-disclaimer a { background-color: #d31616; color: #fff; } .m-asusrogarmy .disclaimer-badge-repost, .article-asusrogarmy .disclaimer-badge-repost, .m-asusrogarmy .disclaimer-badge-club, .article-asusrogarmy .disclaimer-badge-club { background-color: #d31616; color: #fff; } .m-maridajecervezasalhambra, .article-maridajecervezasalhambra { background-color: #faf8f7; } .m-maridajecervezasalhambra.abstract-taxonomy, .article-maridajecervezasalhambra.abstract-taxonomy { background-color: transparent; color: #946c60; } @media only screen and (min-width: 768px) { .m-maridajecervezasalhambra, .article-maridajecervezasalhambra { background-color: transparent; } } .m-maridajecervezasalhambra .article-disclaimer a, .article-maridajecervezasalhambra .article-disclaimer a { background-color: #946c60; color: #fff; } .m-maridajecervezasalhambra .disclaimer-badge-repost, .article-maridajecervezasalhambra .disclaimer-badge-repost, .m-maridajecervezasalhambra .disclaimer-badge-club, .article-maridajecervezasalhambra .disclaimer-badge-club { background-color: #946c60; color: #fff; } .m-sportsworld, .article-sportsworld { background-color: #f6f6f6; } .m-sportsworld.abstract-taxonomy, .article-sportsworld.abstract-taxonomy { background-color: transparent; color: #454545; } @media only screen and (min-width: 768px) { .m-sportsworld, .article-sportsworld { background-color: transparent; } } .m-sportsworld .article-disclaimer a, .article-sportsworld .article-disclaimer a { background-color: #454545; color: #fff; } .m-sportsworld .disclaimer-badge-repost, .article-sportsworld .disclaimer-badge-repost, .m-sportsworld .disclaimer-badge-club, .article-sportsworld .disclaimer-badge-club { background-color: #454545; color: #fff; } .m-espaciocarrefour, .article-espaciocarrefour { background-color: #f8f6f4; } .m-espaciocarrefour.abstract-taxonomy, .article-espaciocarrefour.abstract-taxonomy { background-color: transparent; color: #6c451c; } @media only screen and (min-width: 768px) { .m-espaciocarrefour, .article-espaciocarrefour { background-color: transparent; } } .m-espaciocarrefour .article-disclaimer a, .article-espaciocarrefour .article-disclaimer a { background-color: #6c451c; color: #fff; } .m-espaciocarrefour .disclaimer-badge-repost, .article-espaciocarrefour .disclaimer-badge-repost, .m-espaciocarrefour .disclaimer-badge-club, .article-espaciocarrefour .disclaimer-badge-club { background-color: #6c451c; color: #fff; } .m-espaciovolkswagen, .article-espaciovolkswagen { background-color: #f4f6f8; } .m-espaciovolkswagen.abstract-taxonomy, .article-espaciovolkswagen.abstract-taxonomy { background-color: transparent; color: #224777; } @media only screen and (min-width: 768px) { .m-espaciovolkswagen, .article-espaciovolkswagen { background-color: transparent; } } .m-espaciovolkswagen .article-disclaimer a, .article-espaciovolkswagen .article-disclaimer a { background-color: #224777; color: #fff; } .m-espaciovolkswagen .disclaimer-badge-repost, .article-espaciovolkswagen .disclaimer-badge-repost, .m-espaciovolkswagen .disclaimer-badge-club, .article-espaciovolkswagen .disclaimer-badge-club { background-color: #224777; color: #fff; } .m-espacioford, .article-espacioford { background-color: #f2f7fa; } .m-espacioford.abstract-taxonomy, .article-espacioford.abstract-taxonomy { background-color: transparent; color: #005597; } @media only screen and (min-width: 768px) { .m-espacioford, .article-espacioford { background-color: transparent; } } .m-espacioford .article-disclaimer a, .article-espacioford .article-disclaimer a { background-color: #005597; color: #fff; } .m-espacioford .disclaimer-badge-repost, .article-espacioford .disclaimer-badge-repost, .m-espacioford .disclaimer-badge-club, .article-espacioford .disclaimer-badge-club { background-color: #005597; color: #fff; } .m-espaciolgg6, .article-espaciolgg6 { background-color: #fbf3f4; } .m-espaciolgg6.abstract-taxonomy, .article-espaciolgg6.abstract-taxonomy { background-color: transparent; color: #B3182C; } @media only screen and (min-width: 768px) { .m-espaciolgg6, .article-espaciolgg6 { background-color: transparent; } } .m-espaciolgg6 .article-disclaimer a, .article-espaciolgg6 .article-disclaimer a { background-color: #B3182C; color: #fff; } .m-espaciolgg6 .disclaimer-badge-repost, .article-espaciolgg6 .disclaimer-badge-repost, .m-espaciolgg6 .disclaimer-badge-club, .article-espaciolgg6 .disclaimer-badge-club { background-color: #B3182C; color: #fff; } .m-espacioacer, .article-espacioacer { background-color: #f9fcf4; } .m-espacioacer.abstract-taxonomy, .article-espacioacer.abstract-taxonomy { background-color: transparent; color: #82c921; } @media only screen and (min-width: 768px) { .m-espacioacer, .article-espacioacer { background-color: transparent; } } .m-espacioacer .article-disclaimer a, .article-espacioacer .article-disclaimer a { background-color: #82c921; color: #fff; } .m-espacioacer .disclaimer-badge-repost, .article-espacioacer .disclaimer-badge-repost, .m-espacioacer .disclaimer-badge-club, .article-espacioacer .disclaimer-badge-club { background-color: #82c921; color: #fff; } .m-desigualtrends, .article-desigualtrends { background-color: #f3fafa; } .m-desigualtrends.abstract-taxonomy, .article-desigualtrends.abstract-taxonomy { background-color: transparent; color: #149b91; } @media only screen and (min-width: 768px) { .m-desigualtrends, .article-desigualtrends { background-color: transparent; } } .m-desigualtrends .article-disclaimer a, .article-desigualtrends .article-disclaimer a { background-color: #149b91; color: #fff; } .m-desigualtrends .disclaimer-badge-repost, .article-desigualtrends .disclaimer-badge-repost, .m-desigualtrends .disclaimer-badge-club, .article-desigualtrends .disclaimer-badge-club { background-color: #149b91; color: #fff; } .m-territoriolowi, .article-territoriolowi { background-color: #fcf4f6; } .m-territoriolowi.abstract-taxonomy, .article-territoriolowi.abstract-taxonomy { background-color: transparent; color: #C02445; } @media only screen and (min-width: 768px) { .m-territoriolowi, .article-territoriolowi { background-color: transparent; } } .m-territoriolowi .article-disclaimer a, .article-territoriolowi .article-disclaimer a { background-color: #C02445; color: #fff; } .m-territoriolowi .disclaimer-badge-repost, .article-territoriolowi .disclaimer-badge-repost, .m-territoriolowi .disclaimer-badge-club, .article-territoriolowi .disclaimer-badge-club { background-color: #C02445; color: #fff; } .m-jugarconfisherprice, .article-jugarconfisherprice { background-color: #fef6f4; } .m-jugarconfisherprice.abstract-taxonomy, .article-jugarconfisherprice.abstract-taxonomy { background-color: transparent; color: #ef4123; } @media only screen and (min-width: 768px) { .m-jugarconfisherprice, .article-jugarconfisherprice { background-color: transparent; } } .m-jugarconfisherprice .article-disclaimer a, .article-jugarconfisherprice .article-disclaimer a { background-color: #ef4123; color: #fff; } .m-jugarconfisherprice .disclaimer-badge-repost, .article-jugarconfisherprice .disclaimer-badge-repost, .m-jugarconfisherprice .disclaimer-badge-club, .article-jugarconfisherprice .disclaimer-badge-club { background-color: #ef4123; color: #fff; } .m-reposteriacondroetker, .article-reposteriacondroetker { background-color: #f2f3f8; } .m-reposteriacondroetker.abstract-taxonomy, .article-reposteriacondroetker.abstract-taxonomy { background-color: transparent; color: #000972; } @media only screen and (min-width: 768px) { .m-reposteriacondroetker, .article-reposteriacondroetker { background-color: transparent; } } .m-reposteriacondroetker .article-disclaimer a, .article-reposteriacondroetker .article-disclaimer a { background-color: #000972; color: #fff; } .m-reposteriacondroetker .disclaimer-badge-repost, .article-reposteriacondroetker .disclaimer-badge-repost, .m-reposteriacondroetker .disclaimer-badge-club, .article-reposteriacondroetker .disclaimer-badge-club { background-color: #000972; color: #fff; } .m-cocinaconcrockpot, .article-cocinaconcrockpot { background-color: #fdf9f4; } .m-cocinaconcrockpot.abstract-taxonomy, .article-cocinaconcrockpot.abstract-taxonomy { background-color: transparent; color: #ce8920; } @media only screen and (min-width: 768px) { .m-cocinaconcrockpot, .article-cocinaconcrockpot { background-color: transparent; } } .m-cocinaconcrockpot .article-disclaimer a, .article-cocinaconcrockpot .article-disclaimer a { background-color: #ce8920; color: #fff; } .m-cocinaconcrockpot .disclaimer-badge-repost, .article-cocinaconcrockpot .disclaimer-badge-repost, .m-cocinaconcrockpot .disclaimer-badge-club, .article-cocinaconcrockpot .disclaimer-badge-club { background-color: #ce8920; color: #fff; } .m-innovacionsamsung, .article-innovacionsamsung { background-color: #f4f7fc; } .m-innovacionsamsung.abstract-taxonomy, .article-innovacionsamsung.abstract-taxonomy { background-color: transparent; color: #1d67bf; } @media only screen and (min-width: 768px) { .m-innovacionsamsung, .article-innovacionsamsung { background-color: transparent; } } .m-innovacionsamsung .article-disclaimer a, .article-innovacionsamsung .article-disclaimer a { background-color: #1d67bf; color: #fff; } .m-innovacionsamsung .disclaimer-badge-repost, .article-innovacionsamsung .disclaimer-badge-repost, .m-innovacionsamsung .disclaimer-badge-club, .article-innovacionsamsung .disclaimer-badge-club { background-color: #1d67bf; color: #fff; } .m-campusomenhp, .article-campusomenhp { background-color: #fbf3f4; } .m-campusomenhp.abstract-taxonomy, .article-campusomenhp.abstract-taxonomy { background-color: transparent; color: #a9171b; } @media only screen and (min-width: 768px) { .m-campusomenhp, .article-campusomenhp { background-color: transparent; } } .m-campusomenhp .article-disclaimer a, .article-campusomenhp .article-disclaimer a { background-color: #a9171b; color: #fff; } .m-campusomenhp .disclaimer-badge-repost, .article-campusomenhp .disclaimer-badge-repost, .m-campusomenhp .disclaimer-badge-club, .article-campusomenhp .disclaimer-badge-club { background-color: #a9171b; color: #fff; } .m-telefonicaonlife, .article-telefonicaonlife { background-color: #f2f5f6; } .m-telefonicaonlife.abstract-taxonomy, .article-telefonicaonlife.abstract-taxonomy { background-color: transparent; color: #003345; } @media only screen and (min-width: 768px) { .m-telefonicaonlife, .article-telefonicaonlife { background-color: transparent; } } .m-telefonicaonlife .article-disclaimer a, .article-telefonicaonlife .article-disclaimer a { background-color: #003345; color: #fff; } .m-telefonicaonlife .disclaimer-badge-repost, .article-telefonicaonlife .disclaimer-badge-repost, .m-telefonicaonlife .disclaimer-badge-club, .article-telefonicaonlife .disclaimer-badge-club { background-color: #003345; color: #fff; } .m-nnforyouwoman, .article-nnforyouwoman { background-color: #fef9f2; } .m-nnforyouwoman.abstract-taxonomy, .article-nnforyouwoman.abstract-taxonomy { background-color: transparent; color: #ee7f00; } @media only screen and (min-width: 768px) { .m-nnforyouwoman, .article-nnforyouwoman { background-color: transparent; } } .m-nnforyouwoman .article-disclaimer a, .article-nnforyouwoman .article-disclaimer a { background-color: #ee7f00; color: #fff; } .m-nnforyouwoman .disclaimer-badge-repost, .article-nnforyouwoman .disclaimer-badge-repost, .m-nnforyouwoman .disclaimer-badge-club, .article-nnforyouwoman .disclaimer-badge-club { background-color: #ee7f00; color: #fff; } .m-universorituals, .article-universorituals { background-color: #fcf3f3; } .m-universorituals.abstract-taxonomy, .article-universorituals.abstract-taxonomy { background-color: transparent; color: #bb0e0e; } @media only screen and (min-width: 768px) { .m-universorituals, .article-universorituals { background-color: transparent; } } .m-universorituals .article-disclaimer a, .article-universorituals .article-disclaimer a { background-color: #bb0e0e; color: #fff; } .m-universorituals .disclaimer-badge-repost, .article-universorituals .disclaimer-badge-repost, .m-universorituals .disclaimer-badge-club, .article-universorituals .disclaimer-badge-club { background-color: #bb0e0e; color: #fff; } .m-tecnologialgoled, .article-tecnologialgoled { background-color: #fcf4f7; } .m-tecnologialgoled.abstract-taxonomy, .article-tecnologialgoled.abstract-taxonomy { background-color: transparent; color: #c62856; } @media only screen and (min-width: 768px) { .m-tecnologialgoled, .article-tecnologialgoled { background-color: transparent; } } .m-tecnologialgoled .article-disclaimer a, .article-tecnologialgoled .article-disclaimer a { background-color: #c62856; color: #fff; } .m-tecnologialgoled .disclaimer-badge-repost, .article-tecnologialgoled .disclaimer-badge-repost, .m-tecnologialgoled .disclaimer-badge-club, .article-tecnologialgoled .disclaimer-badge-club { background-color: #c62856; color: #fff; } .m-espaciotuenti, .article-espaciotuenti { background-color: #f7f3f8; } .m-espaciotuenti.abstract-taxonomy, .article-espaciotuenti.abstract-taxonomy { background-color: transparent; color: #5b0672; } @media only screen and (min-width: 768px) { .m-espaciotuenti, .article-espaciotuenti { background-color: transparent; } } .m-espaciotuenti .article-disclaimer a, .article-espaciotuenti .article-disclaimer a { background-color: #5b0672; color: #fff; } .m-espaciotuenti .disclaimer-badge-repost, .article-espaciotuenti .disclaimer-badge-repost, .m-espaciotuenti .disclaimer-badge-club, .article-espaciotuenti .disclaimer-badge-club { background-color: #5b0672; color: #fff; } .m-espacioutad, .article-espacioutad { background-color: #f4f6fa; } .m-espacioutad.abstract-taxonomy, .article-espacioutad.abstract-taxonomy { background-color: transparent; color: #2a4d95; } @media only screen and (min-width: 768px) { .m-espacioutad, .article-espacioutad { background-color: transparent; } } .m-espacioutad .article-disclaimer a, .article-espacioutad .article-disclaimer a { background-color: #2a4d95; color: #fff; } .m-espacioutad .disclaimer-badge-repost, .article-espacioutad .disclaimer-badge-repost, .m-espacioutad .disclaimer-badge-club, .article-espacioutad .disclaimer-badge-club { background-color: #2a4d95; color: #fff; } .m-msitruegaming, .article-msitruegaming { background-color: #fbf3f5; } .m-msitruegaming.abstract-taxonomy, .article-msitruegaming.abstract-taxonomy { background-color: transparent; color: #b11730; } @media only screen and (min-width: 768px) { .m-msitruegaming, .article-msitruegaming { background-color: transparent; } } .m-msitruegaming .article-disclaimer a, .article-msitruegaming .article-disclaimer a { background-color: #b11730; color: #fff; } .m-msitruegaming .disclaimer-badge-repost, .article-msitruegaming .disclaimer-badge-repost, .m-msitruegaming .disclaimer-badge-club, .article-msitruegaming .disclaimer-badge-club { background-color: #b11730; color: #fff; } .m-espacioinvesteu, .article-espacioinvesteu { background-color: #f3f8f7; } .m-espacioinvesteu.abstract-taxonomy, .article-espacioinvesteu.abstract-taxonomy { background-color: transparent; color: #0f7965; } @media only screen and (min-width: 768px) { .m-espacioinvesteu, .article-espacioinvesteu { background-color: transparent; } } .m-espacioinvesteu .article-disclaimer a, .article-espacioinvesteu .article-disclaimer a { background-color: #0f7965; color: #fff; } .m-espacioinvesteu .disclaimer-badge-repost, .article-espacioinvesteu .disclaimer-badge-repost, .m-espacioinvesteu .disclaimer-badge-club, .article-espacioinvesteu .disclaimer-badge-club { background-color: #0f7965; color: #fff; } .m-alcatelmoviles, .article-alcatelmoviles { background-color: #f2fafe; } .m-alcatelmoviles.abstract-taxonomy, .article-alcatelmoviles.abstract-taxonomy { background-color: transparent; color: #00a0e3; } @media only screen and (min-width: 768px) { .m-alcatelmoviles, .article-alcatelmoviles { background-color: transparent; } } .m-alcatelmoviles .article-disclaimer a, .article-alcatelmoviles .article-disclaimer a { background-color: #00a0e3; color: #fff; } .m-alcatelmoviles .disclaimer-badge-repost, .article-alcatelmoviles .disclaimer-badge-repost, .m-alcatelmoviles .disclaimer-badge-club, .article-alcatelmoviles .disclaimer-badge-club { background-color: #00a0e3; color: #fff; } .m-unittrendy, .article-unittrendy { background-color: #f4f6fa; } .m-unittrendy.abstract-taxonomy, .article-unittrendy.abstract-taxonomy { background-color: transparent; color: #1c4b9b; } @media only screen and (min-width: 768px) { .m-unittrendy, .article-unittrendy { background-color: transparent; } } .m-unittrendy .article-disclaimer a, .article-unittrendy .article-disclaimer a { background-color: #1c4b9b; color: #fff; } .m-unittrendy .disclaimer-badge-repost, .article-unittrendy .disclaimer-badge-repost, .m-unittrendy .disclaimer-badge-club, .article-unittrendy .disclaimer-badge-club { background-color: #1c4b9b; color: #fff; } .m-citroenelectricos, .article-citroenelectricos { background-color: #f8fdfd; } .m-citroenelectricos.abstract-taxonomy, .article-citroenelectricos.abstract-taxonomy { background-color: transparent; color: #76cfdb; } @media only screen and (min-width: 768px) { .m-citroenelectricos, .article-citroenelectricos { background-color: transparent; } } .m-citroenelectricos .article-disclaimer a, .article-citroenelectricos .article-disclaimer a { background-color: #76cfdb; color: #fff; } .m-citroenelectricos .disclaimer-badge-repost, .article-citroenelectricos .disclaimer-badge-repost, .m-citroenelectricos .disclaimer-badge-club, .article-citroenelectricos .disclaimer-badge-club { background-color: #76cfdb; color: #fff; } .m-vodafonesmartphones, .article-vodafonesmartphones { background-color: #fef3f4; } .m-vodafonesmartphones.abstract-taxonomy, .article-vodafonesmartphones.abstract-taxonomy { background-color: transparent; color: #E21324; } @media only screen and (min-width: 768px) { .m-vodafonesmartphones, .article-vodafonesmartphones { background-color: transparent; } } .m-vodafonesmartphones .article-disclaimer a, .article-vodafonesmartphones .article-disclaimer a { background-color: #E21324; color: #fff; } .m-vodafonesmartphones .disclaimer-badge-repost, .article-vodafonesmartphones .disclaimer-badge-repost, .m-vodafonesmartphones .disclaimer-badge-club, .article-vodafonesmartphones .disclaimer-badge-club { background-color: #E21324; color: #fff; } .m-espaciohonor, .article-espaciohonor { background-color: #f4fbfe; } .m-espaciohonor.abstract-taxonomy, .article-espaciohonor.abstract-taxonomy { background-color: transparent; color: #2CB4E2; } @media only screen and (min-width: 768px) { .m-espaciohonor, .article-espaciohonor { background-color: transparent; } } .m-espaciohonor .article-disclaimer a, .article-espaciohonor .article-disclaimer a { background-color: #2CB4E2; color: #fff; } .m-espaciohonor .disclaimer-badge-repost, .article-espaciohonor .disclaimer-badge-repost, .m-espaciohonor .disclaimer-badge-club, .article-espaciohonor .disclaimer-badge-club { background-color: #2CB4E2; color: #fff; } .m-triunfaconbuitoni, .article-triunfaconbuitoni { background-color: #f4f9f6; } .m-triunfaconbuitoni.abstract-taxonomy, .article-triunfaconbuitoni.abstract-taxonomy { background-color: transparent; color: #227E4A; } @media only screen and (min-width: 768px) { .m-triunfaconbuitoni, .article-triunfaconbuitoni { background-color: transparent; } } .m-triunfaconbuitoni .article-disclaimer a, .article-triunfaconbuitoni .article-disclaimer a { background-color: #227E4A; color: #fff; } .m-triunfaconbuitoni .disclaimer-badge-repost, .article-triunfaconbuitoni .disclaimer-badge-repost, .m-triunfaconbuitoni .disclaimer-badge-club, .article-triunfaconbuitoni .disclaimer-badge-club { background-color: #227E4A; color: #fff; } .m-espacioalex, .article-espacioalex { background-color: #f2f7f5; } .m-espacioalex.abstract-taxonomy, .article-espacioalex.abstract-taxonomy { background-color: transparent; color: #006732; } @media only screen and (min-width: 768px) { .m-espacioalex, .article-espacioalex { background-color: transparent; } } .m-espacioalex .article-disclaimer a, .article-espacioalex .article-disclaimer a { background-color: #006732; color: #fff; } .m-espacioalex .disclaimer-badge-repost, .article-espacioalex .disclaimer-badge-repost, .m-espacioalex .disclaimer-badge-club, .article-espacioalex .disclaimer-badge-club { background-color: #006732; color: #fff; } .m-espacioweleda, .article-espacioweleda { background-color: #f9fbf3; } .m-espacioweleda.abstract-taxonomy, .article-espacioweleda.abstract-taxonomy { background-color: transparent; color: #7DAD13; } @media only screen and (min-width: 768px) { .m-espacioweleda, .article-espacioweleda { background-color: transparent; } } .m-espacioweleda .article-disclaimer a, .article-espacioweleda .article-disclaimer a { background-color: #7DAD13; color: #fff; } .m-espacioweleda .disclaimer-badge-repost, .article-espacioweleda .disclaimer-badge-repost, .m-espacioweleda .disclaimer-badge-club, .article-espacioweleda .disclaimer-badge-club { background-color: #7DAD13; color: #fff; } .m-maridaconvino, .article-maridaconvino { background-color: #f9f4f5; } .m-maridaconvino.abstract-taxonomy, .article-maridaconvino.abstract-taxonomy { background-color: transparent; color: #8C1E32; } @media only screen and (min-width: 768px) { .m-maridaconvino, .article-maridaconvino { background-color: transparent; } } .m-maridaconvino .article-disclaimer a, .article-maridaconvino .article-disclaimer a { background-color: #8C1E32; color: #fff; } .m-maridaconvino .disclaimer-badge-repost, .article-maridaconvino .disclaimer-badge-repost, .m-maridaconvino .disclaimer-badge-club, .article-maridaconvino .disclaimer-badge-club { background-color: #8C1E32; color: #fff; } .m-espaciovolvov60, .article-espaciovolvov60 { background-color: #f2f5f7; } .m-espaciovolvov60.abstract-taxonomy, .article-espaciovolvov60.abstract-taxonomy { background-color: transparent; color: #003057; } @media only screen and (min-width: 768px) { .m-espaciovolvov60, .article-espaciovolvov60 { background-color: transparent; } } .m-espaciovolvov60 .article-disclaimer a, .article-espaciovolvov60 .article-disclaimer a { background-color: #003057; color: #fff; } .m-espaciovolvov60 .disclaimer-badge-repost, .article-espaciovolvov60 .disclaimer-badge-repost, .m-espaciovolvov60 .disclaimer-badge-club, .article-espaciovolvov60 .disclaimer-badge-club { background-color: #003057; color: #fff; } .m-triunfaconbuitoni, .article-triunfaconbuitoni { background-color: #f4f9f6; } .m-triunfaconbuitoni.abstract-taxonomy, .article-triunfaconbuitoni.abstract-taxonomy { background-color: transparent; color: #1C7F48; } @media only screen and (min-width: 768px) { .m-triunfaconbuitoni, .article-triunfaconbuitoni { background-color: transparent; } } .m-triunfaconbuitoni .article-disclaimer a, .article-triunfaconbuitoni .article-disclaimer a { background-color: #1C7F48; color: #fff; } .m-triunfaconbuitoni .disclaimer-badge-repost, .article-triunfaconbuitoni .disclaimer-badge-repost, .m-triunfaconbuitoni .disclaimer-badge-club, .article-triunfaconbuitoni .disclaimer-badge-club { background-color: #1C7F48; color: #fff; } .branded-article .brand-article-logo { margin-top: 10px; text-align: center; background: #f5f1df; padding: 3px 0 9px 0; } .branded-article .brand-article-logo p { margin: 0; } .branded-article .brand-article-logo .club-disclaimer { font-size: 10px; color: #666; margin-bottom: 10px; text-transform: uppercase; text-align: center; } .branded-article .brand-article-logo .club-disclaimer a { text-transform: capitalize; color: #666; text-decoration: underline; } .branded-article article { border-top: none; } /* For mobile branded article home */ .article-brand .article-disclaimer strong { background-color: #EFECE0; color: #333; display: block; font-size: 15px; line-height: 20px; margin: 12px 8px 6px; padding: 1px 4px; font-weight: normal; } @media only screen and (min-width: 768px) { .article-brand .article-disclaimer strong { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-brand .article-disclaimer strong { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-brand .article-disclaimer strong { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-brand .article-disclaimer strong { line-height: 21px; } } .article-longform .article-disclaimer strong { background-color: transparent; color: #666; display: block; font-size: 0.8em; font-weight: normal; margin: 10px 10px 5px; padding: 1px 4px; border-bottom: 1px solid #ddd; } .publicidad-disclaimer { background-color: #FFF1EB; padding-top: 24px; padding-bottom: 0; } @media only screen and (min-width: 768px) { .publicidad-disclaimer { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .publicidad-disclaimer { border-bottom: 4px solid #E37D55; padding-bottom: 24px; } } @media only screen and (min-width: 1024px) { .publicidad-disclaimer-outer { display: flex; flex-direction: row-reverse; justify-content: space-between; margin: 0 48px; } } @media only screen and (min-width: 1440px) { .publicidad-disclaimer-outer { max-width: 1368px; margin-left: auto; margin-right: auto; } } .publicidad-disclaimer-inner { margin: 0 16px; text-align: center; } @media only screen and (min-width: 1024px) { .publicidad-disclaimer-inner { align-self: center; text-align: right; display: flex; min-width: 264px; margin-top: 24px; margin-left: 0; margin-right: 0; flex-wrap: wrap; justify-content: flex-end; } } .publicidad-disclaimer-heading { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; text-align: center; color: #E37D55; text-transform: uppercase; } @media only screen and (min-width: 768px) { .publicidad-disclaimer-heading { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .publicidad-disclaimer-heading { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1024px) { .publicidad-disclaimer-heading { text-align: right; flex-basis: 100%; } } .publicidad-disclaimer-anchor { font-size: 13px; color: #E37D55; font-weight: 400; text-decoration: underline; text-transform: lowercase; margin-left: 4px; vertical-align: top; } @media only screen and (min-width: 768px) { .publicidad-disclaimer-anchor { font-size: 13px; } } @media only screen and (min-width: 1150px) { .publicidad-disclaimer-anchor { font-size: 13px; } } @media only screen and (min-width: 768px) { .publicidad-disclaimer-anchor { vertical-align: bottom; } } @media only screen and (min-width: 1024px) { .publicidad-disclaimer-anchor { margin-left: 0; } } .article-heading-publicidad { background-color: #FFF1EB; margin: 0; padding-top: 24px; padding-bottom: 24px; border-bottom: 4px solid #E37D55; color: #333; } @media only screen and (min-width: 768px) { .article-heading-publicidad { padding-left: 24px; padding-right: 24px; } } @media only screen and (min-width: 1024px) { .article-heading-publicidad { border-bottom: none; padding-left: 0; padding-right: 0; max-width: 900px; } } @media only screen and (min-width: 1280px) { .article-heading-publicidad { max-width: 1000px; } } @media only screen and (min-width: 1440px) { .article-heading-publicidad { max-width: 1044px; } } .article-branded-publicidad .blob a, .article-branded-publicidad .blob a:visited { color: #E37D55; } .article-branded-publicidad .article-metadata { margin-top: 0; } .article .article-header .article-heading-publicidad { margin: 0; } @media only screen and (min-width: 1150px) { .article .article-header .article-heading-publicidad { padding-left: 0; } } .article-aside.m-in-home { margin-left: 0; } @media only screen and (min-width: 1024px) { .home-article-list { float: left; width: calc(100% - 348px); } } .ad.m-in-home { clear: none; background: transparent; } @media only screen and (min-width: 1024px) { .ad.m-in-home { float: left; width: calc(100% - 348px); } } @media only screen and (min-width: 1024px) { .m-is-thebest .ad-cen.m-in-home { float: none; } } .article-home { position: relative; margin-top: 24px; margin-bottom: 72px; padding-top: 1px; } @media only screen and (min-width: 480px) { .article-home { margin-top: 28px; margin-bottom: 84px; max-width: 46%; margin-left: 1%; display: inline-block; vertical-align: top; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 768px) { .article-home { max-width: 47%; margin-left: 1.5%; } } @media only screen and (min-width: 1024px) { .article-home { float: none; clear: none; max-width: 100%; margin-left: 0; } } @media only screen and (min-width: 480px) { .home-article-list:nth-child(4) .article-home:nth-child(2), .home-content.m-is-category .home-article-list:nth-child(5) .article-home:nth-child(2) { display: block; } } .article-category.m-in-home, .article-club .article-disclaimer, .article-republish .article-disclaimer, .article-crosspost .article-blog { width: 100%; position: absolute; top: -38px; } @media only screen and (min-width: 768px) { .article-category.m-in-home, .article-club .article-disclaimer, .article-republish .article-disclaimer, .article-crosspost .article-blog { top: -44px; } } .article-home-header { margin: 12px 16px; } @media only screen and (min-width: 768px) { .article-home-header { font-size: 23px; line-height: 29.4px; margin: 28px 24px 14px; } } @media only screen and (min-width: 1024px) { .article-home-header { font-size: 28px; line-height: 35px; margin: 28px 24px 21px; } } .article-home-header a { color: #333; } .article-home-header a:hover { color: #f00; } .article-home-figure img { display: block; width: 100%; max-width: 100%; } .article-home-figure iframe { max-width: 100%; } @media only screen and (min-width: 768px) { .article-home-figure iframe { max-height: 250px; } } @media only screen and (min-width: 1024px) { .article-home-figure iframe { max-height: 100%; } } .article-actions.m-in-home { position: static; float: right; margin: 0 16px 12px; } @media only screen and (min-width: 768px) { .article-actions.m-in-home { margin: 0 12px 14px 6px; } } @media only screen and (min-width: 1024px) { .article-actions.m-in-home { margin: 0 24px 14px; } } /* Try to show only comment number in tablet. Works, but not with empty comments articles, with "comentar" label .article-actions.m-in-home .article-comments { @media @tablet { white-space: normal; overflow: hidden; } @media @desktop { white-space: nowrap; } a { display: inline-block; @media @tablet { max-width: 20px; } @media @desktop { max-width: 100%; } } } */ .article-metadata.m-in-home, .article-social-share.m-in-home { border: none; padding: 0; margin-left: 16px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .article-metadata.m-in-home, .article-social-share.m-in-home { font-size: 13px; line-height: 16.8px; } } @media only screen and (min-width: 1150px) { .article-metadata.m-in-home, .article-social-share.m-in-home { font-size: 16px; line-height: 21px; } } @media only screen and (min-width: 768px) { .article-metadata.m-in-home, .article-social-share.m-in-home { margin-left: 24px; } } @media only screen and (min-width: 480px) { .article-social-share.m-in-home { width: 34%; float: left; } } @media only screen and (min-width: 1024px) { .article-social-share.m-in-home { max-width: 372px; } } @media only screen and (min-width: 480px) { .article-social-share.m-in-home p { margin: 0; text-indent: -10000px; } } .article-author.m-in-home { position: static; display: inline; margin: 0; } .article-date.m-in-home { display: block; } @media only screen and (min-width: 1024px) { .article-date.m-in-home { display: inline-block; } } .article-home-figure { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .article-home-figure { margin-bottom: 28px; } } .article-content.m-in-home { margin-left: 16px; margin-right: 16px; margin-bottom: 0; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .article-content.m-in-home { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-content.m-in-home { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-content.m-in-home { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-content.m-in-home { line-height: 21px; } } @media only screen and (min-width: 768px) { .article-content.m-in-home { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .article-content.m-in-home { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 480px) { .article-home .article-links { margin: 0; } } .article-read-more { font-size: 15px; line-height: 20px; position: static; float: right; margin: 0 16px 12px; } @media only screen and (min-width: 768px) { .article-read-more { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-read-more { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-read-more { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-read-more { line-height: 21px; } } @media only screen and (min-width: 480px) { .article-read-more { margin: 7px 16px 0 0; max-width: 57%; min-width: 6em; } } @media only screen and (min-width: 1024px) { .article-read-more { margin: 7px 48px 14px 0; } } .article-read-more a { font-weight: bold; } .article-compact .article-home-header { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .article-compact .article-home-header { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .article-compact .article-home-header { font-size: 23px; line-height: 29.4px; } } .article-compact .article-home-figure { margin: 0 16px 24px; } @media only screen and (min-width: 1024px) { .article-compact .article-home-figure { margin: 0 24px 28px; clear: right; float: left; width: 200px; } } .article-compact .article-content { clear: right; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .article-compact .article-content { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-compact .article-content { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-compact .article-content { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-compact .article-content { line-height: 21px; } } @media only screen and (min-width: 1024px) { .article-compact .article-content { margin-left: 248px; } } .article-compact .article-links { clear: left; } @media only screen and (min-width: 1024px) { .article-compact-video .article-home-figure { width: auto; float: none; } } @media only screen and (min-width: 1024px) { .article-compact-video .article-content { margin-left: 24px; } } .article-slideshow .article-home-figure { position: relative; } .article-slideshow .article-home-figure .slide-counter { display: block; height: 72px; width: 100%; position: absolute; top: 49%; left: 0; text-indent: 24px; background: #111; color: #fff; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; font-weight: 100; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; opacity: 0.5; line-height: 72px; } @media only screen and (min-width: 768px) { .article-slideshow .article-home-figure .slide-counter { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .article-slideshow .article-home-figure .slide-counter { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .article-slideshow .article-home-figure .slide-counter { line-height: 72px; } } .article-slideshow .article-home-figure .slide-next { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-out; -moz-transition-delay: 0s; transition: all 0.2s ease-out; transition-delay: 0s; position: absolute; top: 49%; color: #fff; } .article-slideshow .article-home-figure:hover img { opacity: 0.9; } .article-slideshow .article-home-figure:hover .slide-counter { background: #C00; } .article-slideshow .article-home-figure:hover .slide-next { background: #fff; color: #C00; } .article-question h2 { font-family: Georgia, Times New Roman, Times, serif; } .article-question .user-avatar { width: 28px; height: auto; vertical-align: text-bottom; } .article-question .article-content { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .article-question .article-content { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-question .article-content { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-question .article-content { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-question .article-content { line-height: 21px; } } @media only screen and (min-width: 768px) { .article-question .article-read-more { margin-right: 24px; } } .home-page-gallery { width: 100%; overflow: hidden; margin: 0; position: relative; } .home-page-gallery li { display: inline; float: left; margin: 4px 0 0 4px; width: 18%; max-width: 120px; } .home-page-gallery img { width: 100%; height: auto; display: block; max-width: 120px; } .home-page-gallery .counter { position: absolute; height: 100%; width: 21%; overflow: hidden; line-height: 60px; background: #333; } @media only screen and (min-width: 1024px) { .home-page-gallery .counter { border-radius: 4px; height: 120px; width: 190px; } } .home-page-gallery .counter-text { display: inline-block; vertical-align: middle; width: 100%; color: #ececec; text-align: center; font-size: 13px; line-height: 16px; } .home-page-gallery .counter-text:before { font-size: 24px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .home-page-gallery .counter-text:before:hover { text-decoration: none; } .home-page-gallery .counter-text:after { content: ""; margin-right: 0; margin-left: 0; } .home-page-gallery .counter-text:before, .home-page-gallery .counter-text:after { display: block; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .home-page-gallery .counter-text { font-size: 13px; } } @media only screen and (min-width: 1150px) { .home-page-gallery .counter-text { font-size: 13px; } } @media only screen and (min-width: 768px) { .home-page-gallery .counter-text { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .home-page-gallery .counter-text { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .home-page-gallery .counter-text { padding: 21px 0; line-height: 42px; } .home-page-gallery .counter-text:before { font-size: 48px; font-family: icons-min; content: "\e614"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .home-page-gallery .counter-text:before:hover { text-decoration: none; } .home-page-gallery .counter-text:after { content: ""; margin-right: 0; margin-left: 0; } .home-page-gallery .counter-text:before, .home-page-gallery .counter-text:after { display: block; margin-left: auto; margin-right: auto; } } .home-page-gallery .counter-text:before { padding-top: 6px; padding-bottom: 4px; } .article-home-longform-header { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; margin-top: 48px; margin-bottom: 24px; margin: 12px 16px; } @media only screen and (min-width: 768px) { .article-home-longform-header { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .article-home-longform-header { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 768px) { .article-home-longform-header { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .article-home-longform-header { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 768px) { .article-home-longform-header { font-size: 23px; line-height: 29.4px; margin: 28px 24px 14px; } } @media only screen and (min-width: 1024px) { .article-home-longform-header { font-size: 28px; line-height: 35px; margin: 28px 24px 21px; } } .article-home-longform-header a { color: #333; } .article-home-longform-header a:hover { color: #f00; } .article-club .article-disclaimer, .article-republish .article-disclaimer, .article-crosspost .article-blog { margin: 0; height: 48px; line-height: 48px; } @media only screen and (min-width: 768px) { .article-club .article-disclaimer, .article-republish .article-disclaimer, .article-crosspost .article-blog { height: 56px; line-height: 56px; } } @media only screen and (min-width: 1150px) { .article-club .article-disclaimer, .article-republish .article-disclaimer, .article-crosspost .article-blog { height: 56px; line-height: 56px; } } .disclaimer-badge-repost, .disclaimer-badge-republish, .disclaimer-badge-brand, .disclaimer-badge-club, .disclaimer-badge-sponsor { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; } @media only screen and (min-width: 768px) { .disclaimer-badge-repost, .disclaimer-badge-republish, .disclaimer-badge-brand, .disclaimer-badge-club, .disclaimer-badge-sponsor { font-size: 13px; } } @media only screen and (min-width: 1150px) { .disclaimer-badge-repost, .disclaimer-badge-republish, .disclaimer-badge-brand, .disclaimer-badge-club, .disclaimer-badge-sponsor { font-size: 13px; } } @media only screen and (min-width: 768px) { .disclaimer-badge-repost, .disclaimer-badge-republish, .disclaimer-badge-brand, .disclaimer-badge-club, .disclaimer-badge-sponsor { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .disclaimer-badge-repost, .disclaimer-badge-republish, .disclaimer-badge-brand, .disclaimer-badge-club, .disclaimer-badge-sponsor { height: 28px; line-height: 29px; } } .article-club span.disclaimer-badge-sponsor { position: absolute; top: -28px; } @media only screen and (min-width: 1024px) { .article-club span.disclaimer-badge-sponsor { position: static; } } .article-republish .article-disclaimer span { background-color: #f2f2f2; color: #777; } .article-republish .article-disclaimer span:before { font-size: 16px; font-family: icons-min; content: "\f01e"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .article-republish .article-disclaimer span:before:hover { text-decoration: none; } .article-republish .article-disclaimer span:after { content: ""; margin-right: 0; margin-left: 0; } .disclaimer-badge-repost { background: #999; color: #fff; } .disclaimer-badge-repost:before { font-size: 16px; font-family: icons-min; content: "\f079"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .disclaimer-badge-repost:before:hover { text-decoration: none; } .disclaimer-badge-repost:after { content: ""; margin-right: 0; margin-left: 0; } .disclaimer-badge-repost:before, .disclaimer-badge-repost:after { color: #fff; } .article-club .disclaimer-badge-repost:before, .article-club .disclaimer-badge-repost:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } .disclaimer-badge-brand { background: #EFECE0; color: #333; } .disclaimer-badge-club { background: #777; color: #fff; } .disclaimer-badge-sponsor { float: right; color: #777; height: 48px; line-height: 48px; } @media only screen and (min-width: 768px) { .disclaimer-badge-sponsor { height: 56px; line-height: 56px; } } @media only screen and (min-width: 1150px) { .disclaimer-badge-sponsor { height: 56px; line-height: 56px; } } @media only screen and (min-width: 768px) { .article-super-container { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .article-super-container { max-width: 1368px; } } .article-super { width: 100%; overflow: hidden; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin-top: 24px; margin-bottom: 72px; padding: 1px 0; } @media only screen and (min-width: 768px) { .article-super { margin-top: 28px; margin-bottom: 28px; } } .article-super-header { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; margin-top: 48px; margin-bottom: 24px; margin: 24px 16px; } @media only screen and (min-width: 768px) { .article-super-header { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .article-super-header { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 768px) { .article-super-header { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .article-super-header { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 768px) { .article-super-header { margin: 28px 48px; } } .article-super-header a { color: #333; } .article-super-header a:hover { color: #f00; } .article-actions.m-in-super { float: right; } @media only screen and (min-width: 768px) { .article-actions.m-in-super { margin-right: 48px; } } .article-social-share.m-in-super { margin-left: 16px; width: auto; } @media only screen and (min-width: 768px) { .article-social-share.m-in-super { margin-left: 48px; } } .article-social-share.m-in-super p { display: none; } .article-social-share.m-in-super ul { line-height: 1; width: auto; text-align: left; position: static; } .article-social-share.m-in-super li { margin-right: 4px; } @media only screen and (min-width: 1024px) { .article-super-cover { width: 45%; float: left; clear: left; } } @media only screen and (min-width: 1600px) { .article-super-cover { width: 50%; } } .article-super-cover img { display: block; width: 100%; height: auto; object-fit: cover; } @media only screen and (min-width: 1024px) { .article-super-content { width: 54%; float: right; } } @media only screen and (min-width: 1600px) { .article-super-content { width: 49%; } } .article-super-content .article-content { margin: 0; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .article-super-content .article-content { font-size: 16px; } } @media only screen and (min-width: 1150px) { .article-super-content .article-content { font-size: 16px; } } @media only screen and (min-width: 768px) { .article-super-content .article-content { line-height: 21px; } } @media only screen and (min-width: 1150px) { .article-super-content .article-content { line-height: 21px; } } @media only screen and (min-width: 1024px) { .article-super-content .article-content { margin: 0 24px; } } @media only screen and (min-width: 1600px) { .article-super-content .article-content { margin: 0 48px; } } .super-related ul li { margin-left: 0; list-style-type: none; } .super-related li a { clear: left; display: block; text-decoration: none; } .super-related li a:before { font-size: 16px; font-family: icons-min; content: "\e627"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .super-related li a:before:hover { text-decoration: none; } .super-related li a:after { content: ""; margin-right: 0; margin-left: 0; } .super-related li a:before { float: left; margin-right: 6px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .super-related li a:before { margin-bottom: 14px; } } /* Static pages */ .staff-editores, .staff-colaboradores, .staff-wsl { border-top: 1px solid #ddd; } .staff-item { border-top: 1px solid #ddd; padding: 24px 16px; } .staff-item h3 a { color: #333; } .staff-item .figure { float: left; margin: 0 15px 24px 0; max-width: 40%; overflow: hidden; } .staff-item li { list-style-type: none; margin: 0 0 12px; } .staff-item p { clear: left; } .staff-colaboradores .staff-item h3 { margin: 0 0 12px; line-height: 1; } .staff-colaboradores .staff-item .figure img { width: 48px; height: 48px; } .masthead { margin: 0; padding: 0; } .masthead li { list-style: none; border-top: 1px solid #ddd; padding: 12px 16px; } .masthead span { display: block; } /* Contact */ .vcard-label { font-weight: bold; } .vcard-content { margin: 12px 0 36px 32px; } .page-list-header h1 { text-align: center; border-bottom: 1px solid #e9e9e9; padding-bottom: 24px; } @media only screen and (min-width: 768px) { .page-list-header h1 { margin-top: 0; padding-bottom: 28px; } } .page-list-header-rss { color: #f60; display: inline-block; text-align: center; width: 24px; height: 32px; line-height: 32px; overflow: hidden; font-weight: 400; vertical-align: baseline; } .page-list-header-rss:before { font-size: 24px; font-family: icons-min; content: "\e622"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .page-list-header-rss:before:hover { text-decoration: none; } .page-list-header-rss:after { content: ""; margin-right: 0; margin-left: 0; } .page-list-header-rss:before, .page-list-header-rss:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .page-list-header-rss:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .page-list-header-rss:before, .page-list-header-rss:after { line-height: 28.8px; margin: 0 -4px; vertical-align: middle; } .page-list-desc { font-size: 15px; line-height: 20px; margin: 0 0 24px; padding-top: 24px; } @media only screen and (min-width: 768px) { .page-list-desc { font-size: 16px; } } @media only screen and (min-width: 1150px) { .page-list-desc { font-size: 16px; } } @media only screen and (min-width: 768px) { .page-list-desc { line-height: 21px; } } @media only screen and (min-width: 1150px) { .page-list-desc { line-height: 21px; } } @media only screen and (min-width: 1024px) { .page-list-desc { float: left; width: calc(100% - 348px); } } @media only screen and (min-width: 768px) { .page-list-desc { margin: 0 0 56px; padding-top: 28px; } } @media only screen and (min-width: 768px) { .article-home.article-crosspost .article-blog { background-color: transparent; } } .article-ahorrodiario .article-blog, .article-ahorrodiario .disclaimer-badge-repost { background-color: #1C5BAA; } .article-applesfera .article-blog, .article-applesfera .disclaimer-badge-repost { background-color: #2F296F; } .article-trendenciasbelleza .article-blog, .article-trendenciasbelleza .disclaimer-badge-repost { background-color: #927897; } .article-directoalpaladar .article-blog, .article-directoalpaladar .disclaimer-badge-repost { background-color: #8F0013; } .article-bebesymas .article-blog, .article-bebesymas .disclaimer-badge-repost { background-color: #BF8FAB; } .article-blogdecine .article-blog, .article-blogdecine .disclaimer-badge-repost { background-color: #2e4f1d; } .article-decoesfera .article-blog, .article-decoesfera .disclaimer-badge-repost { background-color: #45B0DF; } .article-diariodelviajero .article-blog, .article-diariodelviajero .disclaimer-badge-repost { background-color: #269FCF; } .article-elblogsalmon .article-blog, .article-elblogsalmon .disclaimer-badge-repost { background-color: #FFE8CF; } .article-embelezzia .article-blog, .article-embelezzia .disclaimer-badge-repost { background-color: #164DC5; } .article-genbeta .article-blog, .article-genbeta .disclaimer-badge-repost { background-color: #00407F; } .article-genbetadev .article-blog, .article-genbetadev .disclaimer-badge-repost { background-color: #94C6EB; } .article-xatakaciencia .article-blog, .article-xatakaciencia .disclaimer-badge-repost { background-color: #53a7a7; } .article-trendenciashombre .article-blog, .article-trendenciashombre .disclaimer-badge-repost { background-color: #1F4478; } .article-motorpasionmoto .article-blog, .article-motorpasionmoto .disclaimer-badge-repost { background-color: #FF5515; } .article-motorpasion .article-blog, .article-motorpasion .disclaimer-badge-repost { background-color: #B50610; } .article-motorpasionfuturo .article-blog, .article-motorpasionfuturo .disclaimer-badge-repost { background-color: #048FBD; } .article-papelenblanco .article-blog, .article-papelenblanco .disclaimer-badge-repost { background-color: #efd6b3; } .article-pequesymas .article-blog, .article-pequesymas .disclaimer-badge-repost { background-color: #165B8D; } .article-poprosa .article-blog, .article-poprosa .disclaimer-badge-repost { background-color: #DF69B0; } .article-pymesyautonomos .article-blog, .article-pymesyautonomos .disclaimer-badge-repost { background-color: #1d779f; } .article-trendencias .article-blog, .article-trendencias .disclaimer-badge-repost { background-color: #333; } .article-vayatele .article-blog, .article-vayatele .disclaimer-badge-repost { background-color: #FA5C01; } .article-vidaextra .article-blog, .article-vidaextra .disclaimer-badge-repost { background-color: #1680c6; } .article-vitonica .article-blog, .article-vitonica .disclaimer-badge-repost { background-color: #2068AF; } .article-xataka .article-blog, .article-xataka .disclaimer-badge-repost { background-color: #38880A; } .article-xatakamovil .article-blog, .article-xatakamovil .disclaimer-badge-repost { background-color: #2D641D; } .article-xatakafoto .article-blog, .article-xatakafoto .disclaimer-badge-repost { background-color: #333; } .article-xatakandroid .article-blog, .article-xatakandroid .disclaimer-badge-repost { background-color: #a4c739; } .article-xatakahome .article-blog, .article-xatakahome .disclaimer-badge-repost { background-color: #2F5083; } .article-xatakawindows .article-blog, .article-xatakawindows .disclaimer-badge-repost { background-color: #0F6D39; } .article-trendenciaslifestyle .article-blog, .article-trendenciaslifestyle .disclaimer-badge-repost { background-color: #819F77; } .article-magnet .article-blog, .article-xatakamagnet .article-blog, .article-magnet .disclaimer-badge-repost, .article-xatakamagnet .disclaimer-badge-repost { background-color: #67ACD7; } .article-compradiccion .article-blog, .article-compradiccion .disclaimer-badge-repost { background-color: #4A9E72; } .article-compradiccionxataka .article-blog, .article-compradiccionxataka .disclaimer-badge-repost { background-color: #4A9E72; } .article-compradicciontrendencias .article-blog, .article-compradicciontrendencias .disclaimer-badge-repost { background-color: #4A9E72; } .article-xatakaesports .article-blog, .article-xatakaesports .disclaimer-badge-repost { background-color: #364242; } .article-espinof .article-blog, .article-espinof .disclaimer-badge-repost { background-color: #218C79; } .article-thewatmag .article-blog, .article-thewatmag .disclaimer-badge-repost { background-color: #8a80c9; } .article-elblogsalmon .article-blog a, .article-elblogsalmon .article-blog:before, .article-elblogsalmon .disclaimer-badge-repost, .article-elblogsalmon .disclaimer-badge-repost:before { color: #333; } .m-ahorrodiario, .m-crosspost-ahorrodiario .abstract-taxonomy { color: #1C5BAA; } .m-applesfera, .m-crosspost-applesfera .abstract-taxonomy { color: #2F296F; } .m-trendenciasbelleza, .m-crosspost-trendenciasbelleza .abstract-taxonomy { color: #927897; } .m-directoalpaladar, .m-crosspost-directoalpaladar .abstract-taxonomy { color: #8F0013; } .m-bebesymas, .m-crosspost-bebesymas .abstract-taxonomy { color: #BF8FAB; } .m-blogdecine, .m-crosspost-blogdecine .abstract-taxonomy { color: #2e4f1d; } .m-decoesfera, .m-crosspost-decoesfera .abstract-taxonomy { color: #45B0DF; } .m-diariodelviajero, .m-crosspost-diariodelviajero .abstract-taxonomy { color: #269FCF; } .m-elblogsalmon, .m-crosspost-elblogsalmon .abstract-taxonomy { color: #ef7d20; } .m-embelezzia, .m-crosspost-embelezzia .abstract-taxonomy { color: #164DC5; } .m-genbeta, .m-crosspost-genbeta .abstract-taxonomy { color: #00407F; } .m-genbetadev, .m-crosspost-genbetadev .abstract-taxonomy { color: #94C6EB; } .m-xatakaciencia, .m-crosspost-xatakaciencia .abstract-taxonomy { color: #53a7a7; } .m-trendenciashombre, .m-crosspost-trendenciashombre .abstract-taxonomy { color: #1F4478; } .m-motorpasionmoto, .m-crosspost-motorpasionmoto .abstract-taxonomy { color: #FF5515; } .m-motorpasion, .m-crosspost-motorpasion .abstract-taxonomy { color: #B50610; } .m-motorpasionfuturo, .m-crosspost-motorpasionfuturo .abstract-taxonomy { color: #048FBD; } .m-papelenblanco, .m-crosspost-papelenblanco .abstract-taxonomy { color: #efd6b3; } .m-pequesymas, .m-crosspost-pequesymas .abstract-taxonomy { color: #165B8D; } .m-poprosa, .m-crosspost-poprosa .abstract-taxonomy { color: #DF69B0; } .m-pymesyautonomos, .m-crosspost-pymesyautonomos .abstract-taxonomy { color: #1d779f; } .m-trendencias, .m-crosspost-trendencias .abstract-taxonomy { color: #333; } .m-vayatele, .m-crosspost-vayatele .abstract-taxonomy { color: #FA5C01; } .m-vidaextra, .m-crosspost-vidaextra .abstract-taxonomy { color: #1680c6; } .m-vitonica, .m-crosspost-vitonica .abstract-taxonomy { color: #2068AF; } .m-xataka, .m-crosspost-xataka .abstract-taxonomy { color: #38880A; } .m-xatakamovil, .m-crosspost-xatakamovil .abstract-taxonomy { color: #2D641D; } .m-xatakafoto, .m-crosspost-xatakafoto .abstract-taxonomy { color: #333; } .m-xatakandroid, .m-crosspost-xatakandroid .abstract-taxonomy { color: #a4c739; } .m-xatakahome, .m-crosspost-xatakahome .abstract-taxonomy { color: #2F5083; } .m-xatakawindows, .m-crosspost-xatakawindows .abstract-taxonomy { color: #0F6D39; } .m-trendenciaslifestyle, .m-crosspost-trendenciaslifestyle .abstract-taxonomy { color: #819F77; } .m-magnet, .m-xatakamagnet, .m-crosspost-magnet .abstract-taxonomy, .m-crosspost-xatakamagnet .abstract-taxonomy { color: #67ACD7; } .m-compradiccion, .m-crosspost-compradiccion .abstract-taxonomy { color: #4A9E72; } .m-xatakaesports, .m-crosspost-xatakaesports .abstract-taxonomy { color: #364242; } .m-espinof, .m-crosspost-espinof .abstract-taxonomy { color: #218C79; } .m-thewatmag, .m-crosspost-thewatmag .abstract-taxonomy { color: #8a80c9; } .m-3djuegos, .m-crosspost-3djuegos .abstract-taxonomy { color: #db3a00; } .u-time-before-hidden .abstract-date::before { display: none; } .m-crosspost-3djuegos .abstract-date::before { display: none; } .special-ecomm { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .special-ecomm { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .special-ecomm { max-width: 1368px; } } @media only screen and (min-width: 768px) { .special-ecomm { margin-bottom: 28px; } } .special-ecomm .content-box { width: 100%; margin: 0 auto; position: relative; background-color: #eee; background-repeat: no-repeat; background-position: top; background-size: cover; height: 100%; } .special-ecomm .content-text { padding: 24px 16px; background: rgba(0, 0, 0, 0.5); color: #fff; } @media only screen and (min-width: 768px) { .special-ecomm .content-text { padding: 200px 24px 28px; min-height: 360px; } } @media only screen and (min-width: 1024px) { .special-ecomm .content-text { padding: 28px 24px; max-width: 58%; } } .special-ecomm .content-text h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; font-weight: normal; text-transform: uppercase; } @media only screen and (min-width: 768px) { .special-ecomm .content-text h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .special-ecomm .content-text h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .special-ecomm .content-text h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .special-ecomm .content-text h2 { margin-top: 28px; margin-bottom: 14px; } } .special-ecomm .content-text a h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; letter-spacing: 0; margin-top: 48px; margin-bottom: 24px; color: #fff; text-transform: none; } @media only screen and (min-width: 768px) { .special-ecomm .content-text a h2 { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .special-ecomm .content-text a h2 { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 768px) { .special-ecomm .content-text a h2 { margin-top: 56px; margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .special-ecomm .content-text a h2 { margin-top: 56px; margin-bottom: 28px; } } .special-ecomm .content-text p { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .special-ecomm .content-text p { font-size: 16px; } } @media only screen and (min-width: 1150px) { .special-ecomm .content-text p { font-size: 16px; } } @media only screen and (min-width: 768px) { .special-ecomm .content-text p { line-height: 21px; } } @media only screen and (min-width: 1150px) { .special-ecomm .content-text p { line-height: 21px; } } .special-ecomm .ribbon { position: absolute; left: 14px; display: block; width: 30px; color: #fff; padding: 20px 0 10px; text-align: center; font-family: arial, sans-serif; font-weight: bold; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); } .special-ecomm .ribbon:before { position: absolute; top: 4px; display: block; width: 30px; height: 0; content: ""; border-top: 1px dotted rgba(0, 0, 0, 0.2); border-bottom: 1px dotted rgba(255, 255, 255, 0.3); } .special-ecomm .ribbon:after { display: block; width: 0; height: 0; content: ""; position: relative; bottom: -25px; z-index: 100; border-width: 0 15px 15px 15px; border-style: solid; } .special-ecomm .ribbon.green { background-color: #4b8a20; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#8dba19), to(#4b8a20)); background-image: -moz-linear-gradient(top, #8dba19, #4b8a20); background-image: -ms-linear-gradient(top, #8dba19, #4b8a20); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dba19), color-stop(100%, #4b8a20)); background-image: -webkit-linear-gradient(top, #8dba19, #4b8a20); background-image: -o-linear-gradient(top, #8dba19, #4b8a20); background-image: linear-gradient(top, #8dba19, #4b8a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dba19', endColorstr='#4b8a20', GradientType=0); } .special-ecomm .ribbon.green:after { border-color: #4b8a20 #4b8a20 transparent #4b8a20; } /* .video-play-overlay(@size:120px,@w:100%,@h:100%) { position: absolute; left:0; top:0; width:@w; height:@h; margin:0; text-align: center; .icon-standalone(@icon-play,@size); &:before { color: rgba(255, 255, 255, 0.6); border: @size*0.15 solid rgba(255, 255, 255, 0.6); border-radius: @size; line-height: @size; padding: @size*0.2; text-indent: @size*0.09; margin-top: @size*0.9; } } */ .follow-youtube { color: #777; font-size: 13px; line-height: 16px; margin: -4px 0 0; float: right; } @media only screen and (min-width: 768px) { .follow-youtube { font-size: 13px; } } @media only screen and (min-width: 1150px) { .follow-youtube { font-size: 13px; } } @media only screen and (min-width: 768px) { .follow-youtube { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .follow-youtube { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .follow-youtube { margin-top: 6px; } } .follow-youtube div { margin: 7px 0 0 0!important; float: left!important; } .follow-youtube span { color: #777; float: left; margin: 10px 5px 0 0; font-weight: 400; } .follow-youtube a { display: inline-block; margin-top: 10px; color: #333; } .follow-youtube a:hover { color: #f00; } .follow-youtube a.twitch-logo { height: 38.4px; max-width: 99%; width: 57.6px; display: inline-block; overflow: hidden; text-indent: -10000px; background: url("//img.weblogssl.com/g/r/svg/twitch-logo.svg?v=129"); background-size: contain; background-repeat: no-repeat; } .home-video-stream-container { clear: both; background: #ececec; padding: 28px 0 0; margin-top: 24px; margin-bottom: 24px; } @media only screen and (min-width: 768px) { .home-video-stream-container { margin-top: 28px; margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .home-video-stream-container { margin-top: 28px; margin-bottom: 28px; } } .home-video-stream-container .swiper-container .swiper-slide { width: 100%; } .post-slide-gallery { margin-top: 24px; clear: both; } @media only screen and (min-width: 768px) { .post-slide-gallery { margin-top: 28px; } } .home-video-stream { margin-left: 16px; margin-right: 16px; overflow: hidden; margin-bottom: 0; /* .elastislide-horizontal { ul { max-height: 200px!important; } .elastislide-list { margin: 0; li a { &:hover .sponsored span { color: @color-link-hover; } .play-button-overlay { // .video-play-overlay(30px,162px,92px); } img { vertical-align:top; display:inline-block; border:2px solid transparent; } p { clear:both; width:152px; white-space:normal; &.sponsored { padding-top: 0; span { .font-mini; display:block; font-size:12px; color: #777; background:#fff; clear:both; margin-left:-8px; padding-left:8px; margin-right:-2px; position:relative; padding-top:2px; margin-bottom:6px; .corner-right-bottom { background: url("@{img-common-path}sponsored-arrow-right-bottom.png?v=@{img-v}") no-repeat right bottom; width:18px; height:18px; position:absolute; right:4px; top:-20px; padding-bottom:0; } } } } } } } */ } @media only screen and (min-width: 768px) { .home-video-stream { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .home-video-stream { max-width: 1044px; margin-left: auto; margin-right: auto; } } .home-video-stream h2 { display: inline; font-weight: lighter; } .home-video-stream h2 span { font-weight: 700; } .home-video-stream h2 span:before { font-size: 24px; font-family: icons-min; content: "\e613"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .home-video-stream h2 span:before:hover { text-decoration: none; } .home-video-stream h2 span:after { content: ""; margin-right: 0; margin-left: 0; } .home-video-stream h2 span:before, .home-video-stream h2 span:after { margin: 0; } .home-video-stream .featured-video { display: block; margin: 0 auto; background: #fbfbfb; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); width: auto; max-width: 644px; margin-bottom: 28px; } @media only screen and (min-width: 768px) { .home-video-stream .featured-video { float: left; width: calc(100% - 324px); max-width: 100%; } } @media only screen and (min-width: 1024px) { .home-video-stream .featured-video { width: calc(100% - 348px); } } .home-video-stream .featured-video a { color: #333; display: block; padding: 2px; } .home-video-stream .featured-video a:hover { color: #f00; } .home-video-stream .featured-video a:hover .sponsored span { color: #f00; } .home-video-stream .featured-video a:hover .featured-sponsor { color: #f00; } .home-video-stream .featured-video a h3 { margin: 18px 12px 12px; } @media only screen and (min-width: 768px) { .home-video-stream .featured-video a h3 { margin: 21px 12px; } } .home-video-stream .featured-sponsor { margin-top: 0; font-size: 15px; line-height: 20px; color: #777; display: block; font-weight: 400; background: #fff; position: relative; padding: 4px 0 0 10px; margin-bottom: 14px; } @media only screen and (min-width: 768px) { .home-video-stream .featured-sponsor { font-size: 16px; } } @media only screen and (min-width: 1150px) { .home-video-stream .featured-sponsor { font-size: 16px; } } @media only screen and (min-width: 768px) { .home-video-stream .featured-sponsor { line-height: 21px; } } @media only screen and (min-width: 1150px) { .home-video-stream .featured-sponsor { line-height: 21px; } } .home-video-stream .featured-sponsor .corner-right-bottom { background: url("//img.weblogssl.com/g/r/svg/sponsored-arrow-right-bottom-big.png?v=129") no-repeat right bottom; width: 36px; height: 36px; position: absolute; right: -1px; top: -35px; } .home-video-stream .video-image-feature { position: relative; padding-bottom: 56%; overflow: hidden; } .home-video-stream .video-image-feature img { display: block; position: absolute; top: -17%; width: 100%; height: auto; } .home-video-stream .video-image-feature .play-button-overlay { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; display: inline-block; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; } .home-video-stream .video-image-feature .play-button-overlay:before { font-size: 24px; font-family: icons-min; content: "\e613"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .home-video-stream .video-image-feature .play-button-overlay:before:hover { text-decoration: none; } .home-video-stream .video-image-feature .play-button-overlay:after { content: ""; margin-right: 0; margin-left: 0; } .home-video-stream .video-image-feature .play-button-overlay:before, .home-video-stream .video-image-feature .play-button-overlay:after { font-size: 90px; line-height: 1; vertical-align: text-bottom; } .home-video-stream .video-image-feature .play-button-overlay:before { display: inline-block; width: 90px; height: 90px; font-size: 90px; line-height: 99px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .home-video-stream .video-image-feature .play-button-overlay:before { color: rgba(255, 255, 255, 0.6); border: 13.5px solid rgba(255, 255, 255, 0.6); border-radius: 90px; line-height: 90px; padding: 18px; text-indent: 8.1px; } .home-video-stream .elastislide-list { margin: 0; } .home-video-stream .elastislide-list li { display: inline-table; position: relative; vertical-align: top; margin-bottom: 8px; margin-right: 45px; } .home-video-stream .elastislide-list li a { display: block; color: #333; } .home-video-stream .elastislide-list li a:hover { color: #f00; } .home-video-stream .elastislide-list li a:hover { background: #fff; } .home-video-stream .elastislide-list li a .thumbnail { display: block; } .home-video-stream .elastislide-list li a img { display: block; vertical-align: top; max-width: 100%; } .home-video-stream .elastislide-list li a p { font-size: 13px; line-height: 16px; margin: 0; padding: 9px 8px; position: absolute; left: 0; bottom: 0; background: #fbfbfb; white-space: normal; } @media only screen and (min-width: 768px) { .home-video-stream .elastislide-list li a p { font-size: 13px; } } @media only screen and (min-width: 1150px) { .home-video-stream .elastislide-list li a p { font-size: 13px; } } @media only screen and (min-width: 768px) { .home-video-stream .elastislide-list li a p { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .home-video-stream .elastislide-list li a p { line-height: 16.8px; } } .home-video-stream .elastislide-list li a:hover img { opacity: 0.9; } .home-video-stream .vertical-container { height: 500px; overflow: hidden; margin: 24px auto 0; width: 300px; } @media only screen and (min-width: 768px) { .home-video-stream .vertical-container { margin-top: -20px; padding-top: 20px; margin-left: 24px; float: right; clear: right; margin-right: 0; } } @media only screen and (min-width: 1024px) { .home-video-stream .vertical-container { margin-left: 48px; } } .home-video-stream .vertical-container .elastislide-list li { max-width: 309px !important; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 480px) { } @media only screen and (min-width: 1024px) { .home-video-stream .vertical-container .elastislide-list li { margin-right: 0; margin-left: 0; } } .home-video-stream .vertical-container .elastislide-list li a { display: inline-block; background: #fbfbfb; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .home-video-stream .vertical-container .elastislide-list li a .thumbnail { display: inline-block; float: left; margin-bottom: 0; max-height: 96px; max-width: 160px; overflow: hidden; } .home-video-stream .vertical-container .elastislide-list li a img { display: inline-block; vertical-align: top; max-height: 200px; max-width: 100%; } .home-video-stream .vertical-container .elastislide-list li a p { margin: 12px 8px 0 167px; position: static; background: transparent; padding: 0; } @media only screen and (min-width: 768px) { .home-video-stream .vertical-container .elastislide-list li a p { margin-top: 7px; } } .home-video-stream .elastislide-vertical { max-width: 309px!important; height: 495px!important; } .home-video-stream .elastislide-vertical ul { height: 462px!important; } .home-video-stream .elastislide-vertical .elastislide-list li .sponsored span { color: #f00; } .home-video-stream .elastislide-vertical .elastislide-list p.sponsored { margin-top: 0; } .home-video-stream .elastislide-vertical .elastislide-list p.sponsored span { line-height: 13px; font-size: 11px; line-height: 16px; color: #777; display: block; position: relative; margin: 5px 0; text-transform: uppercase; } @media only screen and (min-width: 768px) { .home-video-stream .elastislide-vertical .elastislide-list p.sponsored span { font-size: 11px; } } @media only screen and (min-width: 1150px) { .home-video-stream .elastislide-vertical .elastislide-list p.sponsored span { font-size: 11px; } } .home-video-stream .elastislide-vertical .elastislide-list p.sponsored span .corner-right-bottom { background: url("//img.weblogssl.com/g/r/svg/sponsored-arrow-left-top.png?v=129") no-repeat left top; width: 18px; height: 18px; position: absolute; left: -8px; top: 1px; } /* .elastislide-vertical nav span.elastislide-next, .elastislide-vertical nav span.elastislide-prev { background: @color-link; color: @white; cursor: pointer; position: absolute; left: 136px; top: -16px; &:hover { background: #fff; } } .elastislide-vertical nav span.elastislide-next { .btn-icon(@icon-arrow-down,@icon-size-big,@tap-size); top: auto; bottom: 16px; line-height: 52px; &:before { } } .elastislide-vertical nav span.elastislide-prev { .btn-icon(@icon-arrow-up,@icon-size-big,@tap-size); &:before { margin-left: 6px; } } */ .elastislide-horizontal nav span, .elastislide-vertical nav span { background: #C00; box-shadow: none; border-radius: 100px; color: #fff; font-size: 40px; margin: 0; padding: 0; width: 50px; height: 50px; line-height: 40px; text-align: center; vertical-align: middle; top: 22px; } .elastislide-horizontal nav span:hover, .elastislide-vertical nav span:hover { background: #f00; } .elastislide-vertical nav span.elastislide-next { top: auto; bottom: 32px; display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; padding: 0; overflow: hidden; white-space: normal; } .elastislide-vertical nav span.elastislide-next:before { font-size: 24px; font-family: icons-min; content: "\e624"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .elastislide-vertical nav span.elastislide-next:before:hover { text-decoration: none; } .elastislide-vertical nav span.elastislide-next:after { content: ""; margin-right: 0; margin-left: 0; } .elastislide-vertical nav span.elastislide-next:before, .elastislide-vertical nav span.elastislide-next:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .elastislide-vertical nav span.elastislide-next:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .elastislide-vertical nav span.elastislide-next:before, .elastislide-vertical nav span.elastislide-next:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } .elastislide-vertical nav span.elastislide-prev { top: 0; left: 0; display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; padding: 0; overflow: hidden; white-space: normal; } .elastislide-vertical nav span.elastislide-prev:before { font-size: 24px; font-family: icons-min; content: "\e625"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .elastislide-vertical nav span.elastislide-prev:before:hover { text-decoration: none; } .elastislide-vertical nav span.elastislide-prev:after { content: ""; margin-right: 0; margin-left: 0; } .elastislide-vertical nav span.elastislide-prev:before, .elastislide-vertical nav span.elastislide-prev:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .elastislide-vertical nav span.elastislide-prev:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .elastislide-vertical nav span.elastislide-prev:before, .elastislide-vertical nav span.elastislide-prev:after { line-height: 28.8px; margin: 0 8px; vertical-align: middle; } .elastislide-vertical nav span.elastislide-next, .elastislide-vertical nav span.elastislide-prev { background: #C00; color: #fff; cursor: pointer; position: absolute; width: 100%; background: #ddd; color: #333; border-radius: 0; font-size: 10px; } .elastislide-vertical nav span.elastislide-next:hover, .elastislide-vertical nav span.elastislide-prev:hover { background: #fff; color: #f00; } .elastislide-vertical nav span.elastislide-next:before, .elastislide-vertical nav span.elastislide-prev:before { display: block; width: 100%; line-height: 48px; margin: 0 auto 48px; } .elastislide-wrapper.elastislide-vertical { margin: 0; } .video-light-box-overlay { position: fixed; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; left: 0; top: 0; } .ui-dialog-titlebar-close { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; position: absolute; top: 8px; right: 8px; } .ui-dialog-titlebar-close:hover { background-color: #f4f4f4; color: #333; } .ui-dialog-titlebar-close:hover { text-decoration: none; } .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { padding-top: 1px; } .ui-dialog-titlebar-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .ui-dialog-titlebar-close:before:hover { text-decoration: none; } .ui-dialog-titlebar-close:after { content: ""; margin-right: 0; margin-left: 0; } .ui-dialog-titlebar-close:before, .ui-dialog-titlebar-close:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .ui-dialog-titlebar-close:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .ui-dialog-titlebar-close:before, .ui-dialog-titlebar-close:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .ui-dialog-titlebar-close:before { margin-left: 6px; margin-right: 6px; } @media only screen and (min-width: 1280px) { .ui-dialog-titlebar-close { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; } .ui-dialog-titlebar-close:before { font-size: 24px; font-family: icons-min; content: "\e60b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .ui-dialog-titlebar-close:before:hover { text-decoration: none; } .ui-dialog-titlebar-close:after { content: ""; margin-right: 0; margin-left: 0; } .ui-dialog-titlebar-close:before, .ui-dialog-titlebar-close:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .ui-dialog-titlebar-close:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .ui-dialog-titlebar-close:before, .ui-dialog-titlebar-close:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } } .video-light-box { width: auto !important; max-width: 85% !important; background: #ddd; padding: 4px; } @media only screen and (min-width: 1360px) { .video-light-box { max-width: 1000px !important; } } .video-light-box .ui-widget-content { width: auto !important; height: 0 !important; padding-bottom: 56.5%; position: relative; overflow: hidden; clear: right; } .video-light-box .ui-widget-content embed, .video-light-box .ui-widget-content iframe, .video-light-box .ui-widget-content object, .video-light-box .ui-widget-content video { top: 0; left: 0; width: 100% !important; height: 100% !important; position: absolute; } .video-light-box .ui-widget-header { background: none; border: none; color: #333; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .video-light-box .ui-widget-header { font-size: 16px; } } @media only screen and (min-width: 1150px) { .video-light-box .ui-widget-header { font-size: 16px; } } @media only screen and (min-width: 768px) { .video-light-box .ui-widget-header { line-height: 21px; } } @media only screen and (min-width: 1150px) { .video-light-box .ui-widget-header { line-height: 21px; } } .video-light-box .ui-icon-closethick { display: none; } .video-light-box .ui-dialog-titlebar { padding: 14px 0 14px 12px; margin-right: 48px; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .video-light-box .ui-dialog-titlebar { font-size: 16px; } } @media only screen and (min-width: 1150px) { .video-light-box .ui-dialog-titlebar { font-size: 16px; } } @media only screen and (min-width: 768px) { .video-light-box .ui-dialog-titlebar { line-height: 21px; } } @media only screen and (min-width: 1150px) { .video-light-box .ui-dialog-titlebar { line-height: 21px; } } .video-light-box .ui-dialog-titlebar .ui-dialog-title { float: none; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .video-light-box .ui-dialog-titlebar .ui-dialog-title { font-size: 13px; } } @media only screen and (min-width: 1150px) { .video-light-box .ui-dialog-titlebar .ui-dialog-title { font-size: 13px; } } @media only screen and (min-width: 768px) { .video-light-box .ui-dialog-titlebar .ui-dialog-title { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .video-light-box .ui-dialog-titlebar .ui-dialog-title { line-height: 16.8px; } } .video-light-box .ui-dialog-titlebar .ui-dialog-title a { font-size: 17px; line-height: 24px; } @media only screen and (min-width: 768px) { .video-light-box .ui-dialog-titlebar .ui-dialog-title a { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .video-light-box .ui-dialog-titlebar .ui-dialog-title a { font-size: 19px; line-height: 28px; } } .video-light-box .ui-dialog-titlebar .ui-dialog-title .sponsored-logo-image { max-width: 240px; min-height: 35px; max-height: 50px; overflow: hidden; float: right; margin-bottom: 24px; } .video-light-box .ui-dialog-titlebar .ui-dialog-title .sponsored-logo-image img { height: auto; width: auto; max-height: 50px; max-width: 240px; } .video-light-box .ui-button:hover .ui-button-text { color: #f00; text-decoration: none!important; } .video-light-box { overflow: visible; width: 90%; max-width: 1000px; } .video-light-box .lightbox-controls { position: relative; } .video-light-box .lightbox-controls a { background-color: #C00; color: #fff; position: absolute; left: -56px; top: 150px; width: 40px; height: 88px; border-radius: 4px 0 0 4px; text-align: center; cursor: pointer; } .video-light-box .lightbox-controls a:hover { background-color: #f00; } @media only screen and (min-width: 1024px) { .video-light-box .lightbox-controls a { top: 250px; } } .video-light-box .lightbox-controls a.lightbox-button-next { left: auto; right: -92px; border-radius: 0 4px 4px 0; } .video-light-box .lightbox-controls a span { width: 40px; height: 88px; line-height: 80px; text-indent: 0; font-size: 50px; text-align: center; } /* Added for longform listings */ .article-longform .article-disclaimer { color: #666; border-bottom: 1px solid #ddd; margin-bottom: 10px; } .article-longform .article-disclaimer strong { font-weight: normal; } .article-longform .figure { position: relative; } .article-longform .figure .article-header { position: absolute; width: 462px; padding: 130px 88px 0 100px; top: 0; left: 0; z-index: 99999; text-align: left; height: 350px; } .article-longform .figure .article-header a { color: #fff; vertical-align: middle; } .article-longform .figure .article-header a:hover { color: #fff !important; } /* styles for esports video modules */ .post-slide-gallery .video-rows-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .post-slide-gallery .video-rows-container li { margin-bottom: 24px; background: #fbfbfb; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); width: 100%; } @media only screen and (min-width: 768px) { .post-slide-gallery .video-rows-container li { width: 31%; display: inline-block; vertical-align: top; } } .post-slide-gallery .video-rows-container li:nth-child(3n+1) { margin-left: 0; } .post-slide-gallery .video-rows-container li a { color: #333; } .post-slide-gallery .video-rows-container li a:hover { color: #f00; } .post-slide-gallery .video-rows-container li a h4 { padding: 12px 6px 6px; margin: 0; word-wrap: break-word; } @media only screen and (min-width: 768px) { .post-slide-gallery .video-rows-container li a h4 { margin: 14px 6px; overflow: hidden; padding: 0; } } .post-slide-gallery .video-rows-container li a:hover .play-button-overlay:before { border: 13.5px solid #ffffff; color: #ffffff; } .hero-video-lightbox { display: none; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 100000; } .hero-video-lightbox .video-light-box { width: 100%; height: 100vh; min-height: 100vh; max-width: 100% !important; } @media only screen and (min-width: 768px) { .hero-video-lightbox .video-light-box { width: 90%; height: auto; min-height: 300px; max-width: 1200px; margin: 5% auto; } } .hero-video-lightbox .sponsored-logo-image { float: none; margin: 12px auto; } @media only screen and (min-width: 768px) { .hero-video-lightbox .sponsored-logo-image { float: right; margin: 0 80px 0 24px; } } .hero-video-lightbox .lightbox-controls { display: block; position: absolute; bottom: 0; width: 100%; height: 96px; } /* added on 02/12/16 */ .hero-video-lightbox.video-light-box { height: 100vh!important; min-height: 100vh!important; background: #ddd; max-width: 100% !important; display: block; left: 0 !important; position: absolute !important; top: 0 !important; width: 99% !important; z-index: 100000; } @media only screen and (min-width: 768px) { .hero-video-lightbox.video-light-box { height: auto!important; min-height: 300px; margin: 5% auto; } } .sponsor-video-disclaimer { line-height: 13px; font-size: 11px; line-height: 16px; color: #777; display: block; position: relative; margin-top: 5px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .sponsor-video-disclaimer { font-size: 11px; } } @media only screen and (min-width: 1150px) { .sponsor-video-disclaimer { font-size: 11px; } } .post-slide-gallery .sponsored { margin-left: 8px; } /* overlay for video and contact lightbox */ .lightbox-overlay { position: fixed; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; left: 0; top: 0; } /* Favicons less */ @font-face { font-family: 'favicons'; src: url('https://img.weblogssl.com/g/r/icons/favicons.eot?n1rtsy'); src: url('https://img.weblogssl.com/g/r/icons/favicons.eot?n1rtsy#iefix') format('embedded-opentype'), url('https://img.weblogssl.com/g/r/icons/favicons.ttf?n1rtsy') format('truetype'), url('https://img.weblogssl.com/g/r/icons/favicons.woff2?n1rtsy') format('woff2'), url('https://img.weblogssl.com/g/r/icons/favicons.woff?n1rtsy') format('woff'), url('https://img.weblogssl.com/g/r/icons/favicons.svg?n1rtsy#icons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } /*Above are for svn and below are for local*/ /*@font-face { font-family: 'favicons'; src: url('fonts/favicons.eot?-hdatlq'); src: url('fonts/favicons.eot?#iefix-hdatlq') format('embedded-opentype'), url('fonts/favicons.ttf?-hdatlq') format('truetype'), url('fonts/favicons.woff?-hdatlq') format('woff'), url('fonts/favicons.svg?-hdatlq#favicons') format('svg'); font-weight: normal; font-style: normal; }*/ /* Basic method */ /* Layouts */ .favicon-nomargin:before, .favicon-nomargin:after { margin: 0; } .favicon-faded:before, .favicon-faded:after { opacity: 0.4; } .favicon-inline:before, .favicon-inline:after { display: inline-block; } .favicon-block:before, .favicon-block:after { display: block; margin-left: auto; margin-right: auto; } .favicon-remove:before, .favicon-remove:after { content: ""; margin-right: 0; margin-left: 0; width: 0; } .favicon-spin { -webkit-animation: i-spin 2s infinite linear; animation: i-spin 2s infinite linear; } @-webkit-keyframes i-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes i-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Favicons classes */ .head-favicons-list .tec-xataka:before { font-size: 12px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xataka:before:hover { text-decoration: none; } .head-favicons-list .tec-xataka:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakamovil:before { font-size: 12px; font-family: favicons; content: "\e61e"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakamovil:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakamovil:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakafoto:before { font-size: 12px; font-family: favicons; content: "\e61c"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakafoto:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakafoto:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakandroid:before { font-size: 12px; font-family: favicons; content: "\e61a"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakandroid:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakandroid:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakahome:before { font-size: 12px; font-family: favicons; content: "\e619"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakahome:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakahome:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakawindows:before { font-size: 12px; font-family: favicons; content: "\e61f"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakawindows:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakawindows:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakaciencia:before { font-size: 12px; font-family: favicons; content: "\e61b"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakaciencia:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakaciencia:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakamexico:before { font-size: 12px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakamexico:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakamexico:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakandroidmexico:before { font-size: 12px; font-family: favicons; content: "\e61a"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakandroidmexico:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakandroidmexico:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakacolombia:before { font-size: 12px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakacolombia:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakacolombia:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-applesfera:before { font-size: 12px; font-family: favicons; content: "\e601"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-applesfera:before:hover { text-decoration: none; } .head-favicons-list .tec-applesfera:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-vidaextra:before { font-size: 12px; font-family: favicons; content: "\e616"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-vidaextra:before:hover { text-decoration: none; } .head-favicons-list .tec-vidaextra:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-vidaextramexico:before { font-size: 12px; font-family: favicons; content: "\e616"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-vidaextramexico:before:hover { text-decoration: none; } .head-favicons-list .tec-vidaextramexico:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-genbeta:before { font-size: 12px; font-family: favicons; content: "\e60a"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-genbeta:before:hover { text-decoration: none; } .head-favicons-list .tec-genbeta:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-genbetadev:before { font-size: 12px; font-family: favicons; content: "\e609"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-genbetadev:before:hover { text-decoration: none; } .head-favicons-list .tec-genbetadev:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-magnet:before { font-size: 12px; font-family: favicons; content: "\e60b"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-magnet:before:hover { text-decoration: none; } .head-favicons-list .tec-magnet:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-compradiccion:before { font-size: 12px; font-family: favicons; content: "\e906"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-compradiccion:before:hover { text-decoration: none; } .head-favicons-list .tec-compradiccion:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tec-xatakaesports:before { font-size: 12px; font-family: favicons; content: "\e907"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tec-xatakaesports:before:hover { text-decoration: none; } .head-favicons-list .tec-xatakaesports:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-trendencias:before { font-size: 12px; font-family: favicons; content: "\e613"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-trendencias:before:hover { text-decoration: none; } .head-favicons-list .est-trendencias:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-trendenciasbelleza:before { font-size: 12px; font-family: favicons; content: "\e612"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-trendenciasbelleza:before:hover { text-decoration: none; } .head-favicons-list .est-trendenciasbelleza:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-trendenciashombre:before { font-size: 12px; font-family: favicons; content: "\e614"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-trendenciashombre:before:hover { text-decoration: none; } .head-favicons-list .est-trendenciashombre:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-trendenciashombremexico:before { font-size: 12px; font-family: favicons; content: "\e614"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-trendenciashombremexico:before:hover { text-decoration: none; } .head-favicons-list .est-trendenciashombremexico:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-trendenciaslifestyle:before { font-size: 12px; font-family: favicons; content: "\e615"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-trendenciaslifestyle:before:hover { text-decoration: none; } .head-favicons-list .est-trendenciaslifestyle:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-directoalpaladar:before { font-size: 12px; font-family: favicons; content: "\e604"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-directoalpaladar:before:hover { text-decoration: none; } .head-favicons-list .est-directoalpaladar:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-directoalpaladarmexico:before { font-size: 12px; font-family: favicons; content: "\e604"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-directoalpaladarmexico:before:hover { text-decoration: none; } .head-favicons-list .est-directoalpaladarmexico:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-bebesymas:before { font-size: 12px; font-family: favicons; content: "\e603"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-bebesymas:before:hover { text-decoration: none; } .head-favicons-list .est-bebesymas:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-vitonica:before { font-size: 12px; font-family: favicons; content: "\e617"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-vitonica:before:hover { text-decoration: none; } .head-favicons-list .est-vitonica:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-vitonicamexico:before { font-size: 12px; font-family: favicons; content: "\e617"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-vitonicamexico:before:hover { text-decoration: none; } .head-favicons-list .est-vitonicamexico:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-decoesfera:before { font-size: 12px; font-family: favicons; content: "\e606"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-decoesfera:before:hover { text-decoration: none; } .head-favicons-list .est-decoesfera:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-embelezzia:before { font-size: 12px; font-family: favicons; content: "\e608"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-embelezzia:before:hover { text-decoration: none; } .head-favicons-list .est-embelezzia:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .est-poprosa:before { font-size: 12px; font-family: favicons; content: "\e610"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .est-poprosa:before:hover { text-decoration: none; } .head-favicons-list .est-poprosa:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .mot-motorpasion:before { font-size: 12px; font-family: favicons; content: "\e60e"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .mot-motorpasion:before:hover { text-decoration: none; } .head-favicons-list .mot-motorpasion:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .mot-motorpasionmexico:before { font-size: 12px; font-family: favicons; content: "\e60e"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .mot-motorpasionmexico:before:hover { text-decoration: none; } .head-favicons-list .mot-motorpasionmexico:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .mot-motorpasionmoto:before { font-size: 12px; font-family: favicons; content: "\e905"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .mot-motorpasionmoto:before:hover { text-decoration: none; } .head-favicons-list .mot-motorpasionmoto:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .mot-motorpasionfuturo:before { font-size: 12px; font-family: favicons; content: "\e60c"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .mot-motorpasionfuturo:before:hover { text-decoration: none; } .head-favicons-list .mot-motorpasionfuturo:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .oci-blogdecine:before { font-size: 12px; font-family: favicons; content: "\e602"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .oci-blogdecine:before:hover { text-decoration: none; } .head-favicons-list .oci-blogdecine:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .oci-vayatele:before { font-size: 12px; font-family: favicons; content: "\e618"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .oci-vayatele:before:hover { text-decoration: none; } .head-favicons-list .oci-vayatele:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .oci-diariodelviajero:before { font-size: 12px; font-family: favicons; content: "\e605"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .oci-diariodelviajero:before:hover { text-decoration: none; } .head-favicons-list .oci-diariodelviajero:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .oci-papelenblanco:before { font-size: 12px; font-family: favicons; content: "\e60f"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .oci-papelenblanco:before:hover { text-decoration: none; } .head-favicons-list .oci-papelenblanco:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .oci-espinof:before { font-size: 12px; font-family: favicons; content: "\e8fd"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .oci-espinof:before:hover { text-decoration: none; } .head-favicons-list .oci-espinof:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .eco-elblogsalmon:before { font-size: 12px; font-family: favicons; content: "\e607"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .eco-elblogsalmon:before:hover { text-decoration: none; } .head-favicons-list .eco-elblogsalmon:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .eco-pymesyautonomos:before { font-size: 12px; font-family: favicons; content: "\e611"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .eco-pymesyautonomos:before:hover { text-decoration: none; } .head-favicons-list .eco-pymesyautonomos:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .eco-ahorrodiario:before { font-size: 12px; font-family: favicons; content: "\e600"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .eco-ahorrodiario:before:hover { text-decoration: none; } .head-favicons-list .eco-ahorrodiario:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .oci-thewatmag:before { font-size: 12px; font-family: favicons; content: "\e904"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .oci-thewatmag:before:hover { text-decoration: none; } .head-favicons-list .oci-thewatmag:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .oci-sensacine:before { font-size: 12px; font-family: favicons; content: "\e903"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .oci-sensacine:before:hover { text-decoration: none; } .head-favicons-list .oci-sensacine:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tech-ign:before { font-size: 12px; font-family: favicons; content: "\e902"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tech-ign:before:hover { text-decoration: none; } .head-favicons-list .tech-ign:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tech-3djuegos:before { font-size: 12px; font-family: favicons; content: "\e901"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tech-3djuegos:before:hover { text-decoration: none; } .head-favicons-list .tech-3djuegos:after { content: ""; margin-right: 0; margin-left: 0; } .head-favicons-list .tech-millenium:before { font-size: 12px; font-family: favicons; content: "\e900"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .head-favicons-list .tech-millenium:before:hover { text-decoration: none; } .head-favicons-list .tech-millenium:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xataka span:before { font-size: 12px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xataka span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xataka span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakamovil span:before { font-size: 12px; font-family: favicons; content: "\e61e"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakamovil span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakamovil span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakafoto span:before { font-size: 12px; font-family: favicons; content: "\e61c"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakafoto span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakafoto span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakandroid span:before { font-size: 12px; font-family: favicons; content: "\e61a"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakandroid span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakandroid span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakahome span:before { font-size: 12px; font-family: favicons; content: "\e619"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakahome span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakahome span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakawindows span:before { font-size: 12px; font-family: favicons; content: "\e61f"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakawindows span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakawindows span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakaciencia span:before { font-size: 12px; font-family: favicons; content: "\e61b"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakaciencia span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakaciencia span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakamexico span:before { font-size: 12px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakamexico span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakamexico span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakandroidmexico span:before { font-size: 12px; font-family: favicons; content: "\e61a"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakandroidmexico span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakandroidmexico span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakacolombia span:before { font-size: 12px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakacolombia span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakacolombia span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-applesfera span:before { font-size: 12px; font-family: favicons; content: "\e601"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-applesfera span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-applesfera span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-vidaextra span:before { font-size: 12px; font-family: favicons; content: "\e616"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-vidaextra span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-vidaextra span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-vidaextramexico span:before { font-size: 12px; font-family: favicons; content: "\e616"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-vidaextramexico span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-vidaextramexico span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-genbeta span:before { font-size: 12px; font-family: favicons; content: "\e60a"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-genbeta span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-genbeta span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-genbetadev span:before { font-size: 12px; font-family: favicons; content: "\e609"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-genbetadev span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-genbetadev span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-magnet span:before { font-size: 12px; font-family: favicons; content: "\e60b"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-magnet span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-magnet span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-compradiccion span:before { font-size: 12px; font-family: favicons; content: "\e906"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-compradiccion span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-compradiccion span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tec-xatakaesports span:before { font-size: 12px; font-family: favicons; content: "\e907"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tec-xatakaesports span:before:hover { text-decoration: none; } .favicons-expanded-inner .tec-xatakaesports span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-trendencias span:before { font-size: 12px; font-family: favicons; content: "\e613"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-trendencias span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-trendencias span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-trendenciasbelleza span:before { font-size: 12px; font-family: favicons; content: "\e612"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-trendenciasbelleza span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-trendenciasbelleza span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-trendenciashombre span:before { font-size: 12px; font-family: favicons; content: "\e614"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-trendenciashombre span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-trendenciashombre span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-trendenciashombremexico span:before { font-size: 12px; font-family: favicons; content: "\e614"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-trendenciashombremexico span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-trendenciashombremexico span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-trendenciaslifestyle span:before { font-size: 12px; font-family: favicons; content: "\e615"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-trendenciaslifestyle span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-trendenciaslifestyle span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-directoalpaladar span:before { font-size: 12px; font-family: favicons; content: "\e604"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-directoalpaladar span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-directoalpaladar span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-directoalpaladarmexico span:before { font-size: 12px; font-family: favicons; content: "\e604"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-directoalpaladarmexico span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-directoalpaladarmexico span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-bebesymas span:before { font-size: 12px; font-family: favicons; content: "\e603"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-bebesymas span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-bebesymas span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-vitonica span:before { font-size: 12px; font-family: favicons; content: "\e617"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-vitonica span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-vitonica span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-vitonicamexico span:before { font-size: 12px; font-family: favicons; content: "\e617"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-vitonicamexico span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-vitonicamexico span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-decoesfera span:before { font-size: 12px; font-family: favicons; content: "\e606"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-decoesfera span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-decoesfera span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-embelezzia span:before { font-size: 12px; font-family: favicons; content: "\e608"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-embelezzia span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-embelezzia span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .est-poprosa span:before { font-size: 12px; font-family: favicons; content: "\e610"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .est-poprosa span:before:hover { text-decoration: none; } .favicons-expanded-inner .est-poprosa span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .mot-motorpasion span:before { font-size: 12px; font-family: favicons; content: "\e60e"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .mot-motorpasion span:before:hover { text-decoration: none; } .favicons-expanded-inner .mot-motorpasion span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .mot-motorpasionmexico span:before { font-size: 12px; font-family: favicons; content: "\e60e"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .mot-motorpasionmexico span:before:hover { text-decoration: none; } .favicons-expanded-inner .mot-motorpasionmexico span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .mot-motorpasionmoto span:before { font-size: 12px; font-family: favicons; content: "\e905"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .mot-motorpasionmoto span:before:hover { text-decoration: none; } .favicons-expanded-inner .mot-motorpasionmoto span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .mot-motorpasionfuturo span:before { font-size: 12px; font-family: favicons; content: "\e60c"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .mot-motorpasionfuturo span:before:hover { text-decoration: none; } .favicons-expanded-inner .mot-motorpasionfuturo span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .oci-blogdecine span:before { font-size: 12px; font-family: favicons; content: "\e602"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .oci-blogdecine span:before:hover { text-decoration: none; } .favicons-expanded-inner .oci-blogdecine span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .oci-vayatele span:before { font-size: 12px; font-family: favicons; content: "\e618"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .oci-vayatele span:before:hover { text-decoration: none; } .favicons-expanded-inner .oci-vayatele span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .oci-diariodelviajero span:before { font-size: 12px; font-family: favicons; content: "\e605"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .oci-diariodelviajero span:before:hover { text-decoration: none; } .favicons-expanded-inner .oci-diariodelviajero span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .oci-papelenblanco span:before { font-size: 12px; font-family: favicons; content: "\e60f"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .oci-papelenblanco span:before:hover { text-decoration: none; } .favicons-expanded-inner .oci-papelenblanco span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .oci-espinof span:before { font-size: 12px; font-family: favicons; content: "\e8fd"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .oci-espinof span:before:hover { text-decoration: none; } .favicons-expanded-inner .oci-espinof span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .eco-elblogsalmon span:before { font-size: 12px; font-family: favicons; content: "\e607"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .eco-elblogsalmon span:before:hover { text-decoration: none; } .favicons-expanded-inner .eco-elblogsalmon span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .eco-pymesyautonomos span:before { font-size: 12px; font-family: favicons; content: "\e611"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .eco-pymesyautonomos span:before:hover { text-decoration: none; } .favicons-expanded-inner .eco-pymesyautonomos span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .eco-ahorrodiario span:before { font-size: 12px; font-family: favicons; content: "\e600"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .eco-ahorrodiario span:before:hover { text-decoration: none; } .favicons-expanded-inner .eco-ahorrodiario span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .oci-thewatmag span:before { font-size: 12px; font-family: favicons; content: "\e904"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .oci-thewatmag span:before:hover { text-decoration: none; } .favicons-expanded-inner .oci-thewatmag span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tech-3djuegos span:before { font-size: 12px; font-family: favicons; content: "\e901"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tech-3djuegos span:before:hover { text-decoration: none; } .favicons-expanded-inner .tech-3djuegos span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tech-millenium span:before { font-size: 12px; font-family: favicons; content: "\e900"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tech-millenium span:before:hover { text-decoration: none; } .favicons-expanded-inner .tech-millenium span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .oci-sensacine span:before { font-size: 12px; font-family: favicons; content: "\e903"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .oci-sensacine span:before:hover { text-decoration: none; } .favicons-expanded-inner .oci-sensacine span:after { content: ""; margin-right: 0; margin-left: 0; } .favicons-expanded-inner .tech-ign span:before { font-size: 12px; font-family: favicons; content: "\e902"; font-style: normal; vertical-align: middle; margin-right: 0.5em; } .favicons-expanded-inner .tech-ign span:before:hover { text-decoration: none; } .favicons-expanded-inner .tech-ign span:after { content: ""; margin-right: 0; margin-left: 0; } /* hover for both head bar and expanded */ .head-favicons-index { float: right; margin-left: 6px; line-height: 40px; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); white-space: nowrap; } .head-favicons-index a { width: 140px; text-indent: -10000px; background: url("//img.weblogssl.com/g/r/svg/wsl-logo.svg?v=129") center center; background-size: auto 28px; background-repeat: no-repeat; opacity: 0.4; } .head-favicons-index acronym, .head-favicons-index abbr { text-decoration: none; } .head-favicons-index { padding: 0; } .head-favicons-index:after { display: none; } .head-favicons-index a { display: block; } .head-favicons-index a:hover, .head-favicons-index a.is-opened:hover { opacity: 0.7; } .head-favicons-index a.is-opened, .head-favicons-index a.is-visible { opacity: 1; } .head-favicons-index a.is-visible { background: #111; } .head-favicons-index a.is-visible:hover { background: #333; } @media only screen and (min-width: 768px) { .head.is-visible .head-favicons-index { position: absolute; top: 0; right: 71px; height: 70px; line-height: 70px; border-right: none; } } .head.is-visible .head-favicons-index a { opacity: 0.8; background-image: url("//img.weblogssl.com/g/r/svg/wsl-logo-dark.svg?v=129"); background-image: url("//img.weblogssl.com/g/r/svg/wsl-logo.svg?v=129"); } @media only screen and (min-width: 1024px) { .head.is-visible .head-favicons-index { right: 0; } } .head-favicons-container .favicon-current { color: #fff; } .head-favicons-list a:hover.tec-genbetadev, .head-favicons-list .favicon-current.tec-genbetadev, .favicons-expanded-container .favicons-expanded .favicons-expanded-inner li a:hover.tec-genbetadev, .head-favicons-list a:hover.oci-papelenblanco, .head-favicons-list .favicon-current.oci-papelenblanco, .favicons-expanded-container .favicons-expanded .favicons-expanded-inner li a:hover.oci-papelenblanco, .head-favicons-list a:hover.eco-elblogsalmon, .head-favicons-list .favicon-current.eco-elblogsalmon, .favicons-expanded-container .favicons-expanded .favicons-expanded-inner li a:hover.eco-elblogsalmon { color: #333; } .head-favicons-list a:hover.oci-sensacine, .head-favicons-list .favicon-current.oci-sensacine, .favicons-expanded-container .favicons-expanded .favicons-expanded-inner li a:hover.oci-sensacine { color: #111; } .head-favicons-list a.tec-xataka.favicon-current, .favicons-expanded-inner a.tec-xataka.favicon-current, .head-favicons-list a.tec-xataka:hover, .favicons-expanded-inner a.tec-xataka:hover, .head-favicons-list a.tec-xataka:hover span, .favicons-expanded-inner a.tec-xataka:hover span, .head-favicons-list a.tec-xatakamexico.favicon-current, .favicons-expanded-inner a.tec-xatakamexico.favicon-current, .head-favicons-list a.tec-xatakamexico:hover, .favicons-expanded-inner a.tec-xatakamexico:hover, .head-favicons-list a.tec-xatakamexico:hover span, .favicons-expanded-inner a.tec-xatakamexico:hover span, .head-favicons-list a.tec-xatakacolombia.favicon-current, .favicons-expanded-inner a.tec-xatakacolombia.favicon-current, .head-favicons-list a.tec-xatakacolombia:hover, .favicons-expanded-inner a.tec-xatakacolombia:hover, .head-favicons-list a.tec-xatakacolombia:hover span, .favicons-expanded-inner a.tec-xatakacolombia:hover span { background: #38880A; } .head-favicons-list a.tec-xatakamovil.favicon-current, .favicons-expanded-inner a.tec-xatakamovil.favicon-current, .head-favicons-list a.tec-xatakamovil:hover, .favicons-expanded-inner a.tec-xatakamovil:hover, .head-favicons-list a.tec-xatakamovil:hover span, .favicons-expanded-inner a.tec-xatakamovil:hover span { background: #2D641D; } .head-favicons-list a.tec-xatakafoto.favicon-current, .favicons-expanded-inner a.tec-xatakafoto.favicon-current, .head-favicons-list a.tec-xatakafoto:hover, .favicons-expanded-inner a.tec-xatakafoto:hover, .head-favicons-list a.tec-xatakafoto:hover span, .favicons-expanded-inner a.tec-xatakafoto:hover span { background: #333; } .head-favicons-list a.tec-xatakandroid.favicon-current, .favicons-expanded-inner a.tec-xatakandroid.favicon-current, .head-favicons-list a.tec-xatakandroid:hover, .favicons-expanded-inner a.tec-xatakandroid:hover, .head-favicons-list a.tec-xatakandroid:hover span, .favicons-expanded-inner a.tec-xatakandroid:hover span, .head-favicons-list a.tec-xatakandroidmexico.favicon-current, .favicons-expanded-inner a.tec-xatakandroidmexico.favicon-current, .head-favicons-list a.tec-xatakandroidmexico:hover, .favicons-expanded-inner a.tec-xatakandroidmexico:hover, .head-favicons-list a.tec-xatakandroidmexico:hover span, .favicons-expanded-inner a.tec-xatakandroidmexico:hover span { background: #a4c739; } .head-favicons-list a.tec-xatakahome.favicon-current, .favicons-expanded-inner a.tec-xatakahome.favicon-current, .head-favicons-list a.tec-xatakahome:hover, .favicons-expanded-inner a.tec-xatakahome:hover, .head-favicons-list a.tec-xatakahome:hover span, .favicons-expanded-inner a.tec-xatakahome:hover span { background: #2F5083; } .head-favicons-list a.tec-xatakawindows.favicon-current, .favicons-expanded-inner a.tec-xatakawindows.favicon-current, .head-favicons-list a.tec-xatakawindows:hover, .favicons-expanded-inner a.tec-xatakawindows:hover, .head-favicons-list a.tec-xatakawindows:hover span, .favicons-expanded-inner a.tec-xatakawindows:hover span { background: #0F6D39; } .head-favicons-list a.tec-xatakaciencia.favicon-current, .favicons-expanded-inner a.tec-xatakaciencia.favicon-current, .head-favicons-list a.tec-xatakaciencia:hover, .favicons-expanded-inner a.tec-xatakaciencia:hover, .head-favicons-list a.tec-xatakaciencia:hover span, .favicons-expanded-inner a.tec-xatakaciencia:hover span { background: #53a7a7; } .head-favicons-list a.tec-applesfera.favicon-current, .favicons-expanded-inner a.tec-applesfera.favicon-current, .head-favicons-list a.tec-applesfera:hover, .favicons-expanded-inner a.tec-applesfera:hover, .head-favicons-list a.tec-applesfera:hover span, .favicons-expanded-inner a.tec-applesfera:hover span { background: #2F296F; } .head-favicons-list a.tec-vidaextra.favicon-current, .favicons-expanded-inner a.tec-vidaextra.favicon-current, .head-favicons-list a.tec-vidaextra:hover, .favicons-expanded-inner a.tec-vidaextra:hover, .head-favicons-list a.tec-vidaextra:hover span, .favicons-expanded-inner a.tec-vidaextra:hover span, .head-favicons-list a.tec-vidaextramexico.favicon-current, .favicons-expanded-inner a.tec-vidaextramexico.favicon-current, .head-favicons-list a.tec-vidaextramexico:hover, .favicons-expanded-inner a.tec-vidaextramexico:hover, .head-favicons-list a.tec-vidaextramexico:hover span, .favicons-expanded-inner a.tec-vidaextramexico:hover span { background: #1680c6; } .head-favicons-list a.tec-genbeta.favicon-current, .favicons-expanded-inner a.tec-genbeta.favicon-current, .head-favicons-list a.tec-genbeta:hover, .favicons-expanded-inner a.tec-genbeta:hover, .head-favicons-list a.tec-genbeta:hover span, .favicons-expanded-inner a.tec-genbeta:hover span { background: #00407F; } .head-favicons-list a.tec-genbetadev.favicon-current, .favicons-expanded-inner a.tec-genbetadev.favicon-current, .head-favicons-list a.tec-genbetadev:hover, .favicons-expanded-inner a.tec-genbetadev:hover, .head-favicons-list a.tec-genbetadev:hover span, .favicons-expanded-inner a.tec-genbetadev:hover span { background: #94C6EB; } .head-favicons-list a.tec-magnet.favicon-current, .favicons-expanded-inner a.tec-magnet.favicon-current, .head-favicons-list a.tec-magnet:hover, .favicons-expanded-inner a.tec-magnet:hover, .head-favicons-list a.tec-magnet:hover span, .favicons-expanded-inner a.tec-magnet:hover span { background: #67ACD7; } .head-favicons-list a.tec-compradiccion.favicon-current, .favicons-expanded-inner a.tec-compradiccion.favicon-current, .head-favicons-list a.tec-compradiccion:hover, .favicons-expanded-inner a.tec-compradiccion:hover, .head-favicons-list a.tec-compradiccion:hover span, .favicons-expanded-inner a.tec-compradiccion:hover span { background: #4A9E72; } .head-favicons-list a.tec-xatakaesports.favicon-current, .favicons-expanded-inner a.tec-xatakaesports.favicon-current, .head-favicons-list a.tec-xatakaesports:hover, .favicons-expanded-inner a.tec-xatakaesports:hover, .head-favicons-list a.tec-xatakaesports:hover span, .favicons-expanded-inner a.tec-xatakaesports:hover span { background: #364242; } .head-favicons-list a.est-trendencias.favicon-current, .favicons-expanded-inner a.est-trendencias.favicon-current, .head-favicons-list a.est-trendencias:hover, .favicons-expanded-inner a.est-trendencias:hover, .head-favicons-list a.est-trendencias:hover span, .favicons-expanded-inner a.est-trendencias:hover span { background: #333; } .head-favicons-list a.est-trendenciasbelleza.favicon-current, .favicons-expanded-inner a.est-trendenciasbelleza.favicon-current, .head-favicons-list a.est-trendenciasbelleza:hover, .favicons-expanded-inner a.est-trendenciasbelleza:hover, .head-favicons-list a.est-trendenciasbelleza:hover span, .favicons-expanded-inner a.est-trendenciasbelleza:hover span { background: #927897; } .head-favicons-list a.est-trendenciashombre.favicon-current, .favicons-expanded-inner a.est-trendenciashombre.favicon-current, .head-favicons-list a.est-trendenciashombre:hover, .favicons-expanded-inner a.est-trendenciashombre:hover, .head-favicons-list a.est-trendenciashombre:hover span, .favicons-expanded-inner a.est-trendenciashombre:hover span, .head-favicons-list a.est-trendenciashombremexico.favicon-current, .favicons-expanded-inner a.est-trendenciashombremexico.favicon-current, .head-favicons-list a.est-trendenciashombremexico:hover, .favicons-expanded-inner a.est-trendenciashombremexico:hover, .head-favicons-list a.est-trendenciashombremexico:hover span, .favicons-expanded-inner a.est-trendenciashombremexico:hover span { background: #1F4478; } .head-favicons-list a.est-trendenciaslifestyle.favicon-current, .favicons-expanded-inner a.est-trendenciaslifestyle.favicon-current, .head-favicons-list a.est-trendenciaslifestyle:hover, .favicons-expanded-inner a.est-trendenciaslifestyle:hover, .head-favicons-list a.est-trendenciaslifestyle:hover span, .favicons-expanded-inner a.est-trendenciaslifestyle:hover span { background: #819F77; } .head-favicons-list a.est-directoalpaladar:hover, .favicons-expanded-inner a.est-directoalpaladar:hover, .head-favicons-list a.est-directoalpaladar.favicon-current, .favicons-expanded-inner a.est-directoalpaladar.favicon-current, .head-favicons-list a.est-directoalpaladar:hover span, .favicons-expanded-inner a.est-directoalpaladar:hover span, .head-favicons-list a.est-directoalpaladarmexico.favicon-current, .favicons-expanded-inner a.est-directoalpaladarmexico.favicon-current, .head-favicons-list a.est-directoalpaladarmexico:hover, .favicons-expanded-inner a.est-directoalpaladarmexico:hover, .head-favicons-list a.est-directoalpaladarmexico:hover span, .favicons-expanded-inner a.est-directoalpaladarmexico:hover span { background: #8F0013; } .head-favicons-list a.est-bebesymas.favicon-current, .favicons-expanded-inner a.est-bebesymas.favicon-current, .head-favicons-list a.est-bebesymas:hover, .favicons-expanded-inner a.est-bebesymas:hover, .head-favicons-list a.est-bebesymas:hover span, .favicons-expanded-inner a.est-bebesymas:hover span { background: #BF8FAB; } .head-favicons-list a.est-vitonica.favicon-current, .favicons-expanded-inner a.est-vitonica.favicon-current, .head-favicons-list a.est-vitonica:hover, .favicons-expanded-inner a.est-vitonica:hover, .head-favicons-list a.est-vitonica:hover span, .favicons-expanded-inner a.est-vitonica:hover span, .head-favicons-list a.est-vitonicamexico.favicon-current, .favicons-expanded-inner a.est-vitonicamexico.favicon-current, .head-favicons-list a.est-vitonicamexico:hover, .favicons-expanded-inner a.est-vitonicamexico:hover, .head-favicons-list a.est-vitonicamexico:hover span, .favicons-expanded-inner a.est-vitonicamexico:hover span { background: #2068AF; } .head-favicons-list a.est-decoesfera.favicon-current, .favicons-expanded-inner a.est-decoesfera.favicon-current, .head-favicons-list a.est-decoesfera:hover, .favicons-expanded-inner a.est-decoesfera:hover, .head-favicons-list a.est-decoesfera:hover span, .favicons-expanded-inner a.est-decoesfera:hover span { background: #45B0DF; } .head-favicons-list a.est-embelezzia.favicon-current, .favicons-expanded-inner a.est-embelezzia.favicon-current, .head-favicons-list a.est-embelezzia:hover, .favicons-expanded-inner a.est-embelezzia:hover, .head-favicons-list a.est-embelezzia:hover span, .favicons-expanded-inner a.est-embelezzia:hover span { background: #164DC5; } .head-favicons-list a.est-poprosa.favicon-current, .favicons-expanded-inner a.est-poprosa.favicon-current, .head-favicons-list a.est-poprosa:hover, .favicons-expanded-inner a.est-poprosa:hover, .head-favicons-list a.est-poprosa:hover span, .favicons-expanded-inner a.est-poprosa:hover span { background: #DF69B0; } .head-favicons-list a.mot-motorpasion.favicon-current, .favicons-expanded-inner a.mot-motorpasion.favicon-current, .head-favicons-list a.mot-motorpasion:hover, .favicons-expanded-inner a.mot-motorpasion:hover, .head-favicons-list a.mot-motorpasion:hover span, .favicons-expanded-inner a.mot-motorpasion:hover span, .head-favicons-list a.mot-motorpasionmexico.favicon-current, .favicons-expanded-inner a.mot-motorpasionmexico.favicon-current, .head-favicons-list a.mot-motorpasionmexico:hover, .favicons-expanded-inner a.mot-motorpasionmexico:hover, .head-favicons-list a.mot-motorpasionmexico:hover span, .favicons-expanded-inner a.mot-motorpasionmexico:hover span { background: #B50610; } .head-favicons-list a.mot-motorpasionmoto.favicon-current, .favicons-expanded-inner a.mot-motorpasionmoto.favicon-current, .head-favicons-list a.mot-motorpasionmoto:hover, .favicons-expanded-inner a.mot-motorpasionmoto:hover, .head-favicons-list a.mot-motorpasionmoto:hover span, .favicons-expanded-inner a.mot-motorpasionmoto:hover span { background: #FF5515; } .head-favicons-list a.mot-motorpasionfuturo.favicon-current, .favicons-expanded-inner a.mot-motorpasionfuturo.favicon-current, .head-favicons-list a.mot-motorpasionfuturo:hover, .favicons-expanded-inner a.mot-motorpasionfuturo:hover, .head-favicons-list a.mot-motorpasionfuturo:hover span, .favicons-expanded-inner a.mot-motorpasionfuturo:hover span { background: #048FBD; } .head-favicons-list a.oci-blogdecine.favicon-current, .favicons-expanded-inner a.oci-blogdecine.favicon-current, .head-favicons-list a.oci-blogdecine:hover, .favicons-expanded-inner a.oci-blogdecine:hover, .head-favicons-list a.oci-blogdecine:hover span, .favicons-expanded-inner a.oci-blogdecine:hover span { background: #2e4f1d; } .head-favicons-list a.oci-vayatele.favicon-current, .favicons-expanded-inner a.oci-vayatele.favicon-current, .head-favicons-list a.oci-vayatele:hover, .favicons-expanded-inner a.oci-vayatele:hover, .head-favicons-list a.oci-vayatele:hover span, .favicons-expanded-inner a.oci-vayatele:hover span { background: #FA5C01; } .head-favicons-list a.oci-diariodelviajero.favicon-current, .favicons-expanded-inner a.oci-diariodelviajero.favicon-current, .head-favicons-list a.oci-diariodelviajero:hover, .favicons-expanded-inner a.oci-diariodelviajero:hover, .head-favicons-list a.oci-diariodelviajero:hover span, .favicons-expanded-inner a.oci-diariodelviajero:hover span { background: #269FCF; } .head-favicons-list a.oci-papelenblanco.favicon-current, .favicons-expanded-inner a.oci-papelenblanco.favicon-current, .head-favicons-list a.oci-papelenblanco:hover, .favicons-expanded-inner a.oci-papelenblanco:hover, .head-favicons-list a.oci-papelenblanco:hover span, .favicons-expanded-inner a.oci-papelenblanco:hover span { background: #efd6b3; } .head-favicons-list a.oci-espinof.favicon-current, .favicons-expanded-inner a.oci-espinof.favicon-current, .head-favicons-list a.oci-espinof:hover, .favicons-expanded-inner a.oci-espinof:hover, .head-favicons-list a.oci-espinof:hover span, .favicons-expanded-inner a.oci-espinof:hover span { background: #218C79; } .head-favicons-list a.eco-elblogsalmon.favicon-current, .favicons-expanded-inner a.eco-elblogsalmon.favicon-current, .head-favicons-list a.eco-elblogsalmon:hover, .favicons-expanded-inner a.eco-elblogsalmon:hover, .head-favicons-list a.eco-elblogsalmon:hover span, .favicons-expanded-inner a.eco-elblogsalmon:hover span { background: #FFE8CF; } .head-favicons-list a.eco-pymesyautonomos.favicon-current, .favicons-expanded-inner a.eco-pymesyautonomos.favicon-current, .head-favicons-list a.eco-pymesyautonomos:hover, .favicons-expanded-inner a.eco-pymesyautonomos:hover, .head-favicons-list a.eco-pymesyautonomos:hover span, .favicons-expanded-inner a.eco-pymesyautonomos:hover span { background: #1d779f; } .head-favicons-list a.eco-ahorrodiario.favicon-current, .favicons-expanded-inner a.eco-ahorrodiario.favicon-current, .head-favicons-list a.eco-ahorrodiario:hover, .favicons-expanded-inner a.eco-ahorrodiario:hover, .head-favicons-list a.eco-ahorrodiario:hover span, .favicons-expanded-inner a.eco-ahorrodiario:hover span { background: #1C5BAA; } .head-favicons-list a.oci-thewatmag.favicon-current, .favicons-expanded-inner a.oci-thewatmag.favicon-current, .head-favicons-list a.oci-thewatmag:hover, .favicons-expanded-inner a.oci-thewatmag:hover, .head-favicons-list a.oci-thewatmag:hover span, .favicons-expanded-inner a.oci-thewatmag:hover span { background: #8a80c9; } .head-favicons-list a.oci-sensacine.favicon-current, .favicons-expanded-inner a.oci-sensacine.favicon-current, .head-favicons-list a.oci-sensacine:hover, .favicons-expanded-inner a.oci-sensacine:hover, .head-favicons-list a.oci-sensacine:hover span, .favicons-expanded-inner a.oci-sensacine:hover span { background: #f6ce1e; } .head-favicons-list a.tech-ign.favicon-current, .favicons-expanded-inner a.tech-ign.favicon-current, .head-favicons-list a.tech-ign:hover, .favicons-expanded-inner a.tech-ign:hover, .head-favicons-list a.tech-ign:hover span, .favicons-expanded-inner a.tech-ign:hover span { background: #d3222a; } .head-favicons-list a.tech-3djuegos.favicon-current, .favicons-expanded-inner a.tech-3djuegos.favicon-current, .head-favicons-list a.tech-3djuegos:hover, .favicons-expanded-inner a.tech-3djuegos:hover, .head-favicons-list a.tech-3djuegos:hover span, .favicons-expanded-inner a.tech-3djuegos:hover span { background: #ed4902; } .head-favicons-list a.tech-millenium.favicon-current, .favicons-expanded-inner a.tech-millenium.favicon-current, .head-favicons-list a.tech-millenium:hover, .favicons-expanded-inner a.tech-millenium:hover, .head-favicons-list a.tech-millenium:hover span, .favicons-expanded-inner a.tech-millenium:hover span { background: #6f7bf9; } /* hover ends */ .head-favicons-list a.favicon { width: 40px; overflow: hidden; text-align: center; } @media only screen and (min-width: 1024px) { .head-favicons-list a.favicon { width: 25px; } } @media only screen and (min-width: 1150px) { .head-favicons-list a.favicon { width: 30px; } } @media only screen and (min-width: 1280px) { .head-favicons-list a.favicon { width: 29px; } } @media only screen and (min-width: 1360px) { .head-favicons-list a.favicon { width: 36px; } } @media only screen and (min-width: 1440px) { .head-favicons-list a.favicon { width: 37px; } } .head-favicons-list a.favicon:before { margin: 0; } @media only screen and (min-width: 1024px) { .head-favicons-list a.favicon:before { font-size: 11px; } } @media only screen and (min-width: 1280px) { .head-favicons-list a.favicon:before { font-size: 12px; } } .custom .head-favicons-container.m-is-later.is-visible { width: 100%!important; left: 0; } .custom .head-favicons-container.m-is-later.is-visible .head-favicons-list a.favicon { width: 40px; } .head-favicons-list a { position: relative; padding: 0; } .head-favicons-list a span { text-indent: -9999px; z-index: 9999; position: absolute; font-size: 13px; line-height: 16px; display: none; left: 8.4px; top: 100%; padding: 5.6px 12px; line-height: 16.8px; margin-top: 4.8px; background: #000 !important; color: #fff; height: auto; } @media only screen and (min-width: 768px) { .head-favicons-list a span { font-size: 13px; } } @media only screen and (min-width: 1150px) { .head-favicons-list a span { font-size: 13px; } } @media only screen and (min-width: 768px) { .head-favicons-list a span { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .head-favicons-list a span { line-height: 16.8px; } } .head-favicons-list a:before { margin: 0; text-indent: 0!important; } .head-favicons-list a:hover { overflow: visible; } .head-favicons-list a:hover span { text-indent: 0; display: block; } .head-favicons-list li { float: left; } .favicons-expanded-container { display: none; background: #222; } @media only screen and (min-width: 768px) { .favicons-expanded { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .favicons-expanded { max-width: 1368px; } } .favicons-expanded-inner { display: inline-block; width: 16%; vertical-align: top; min-width: 150px; } .favicons-expanded-inner ul { margin: 0 0 56px; } .favicons-expanded-inner li { line-height: 42px; } .favicons-expanded-inner li a { display: inline-block; font-size: 13px; line-height: 16px; color: #777; padding: 9.8px 8px 7px 8px; border-radius: 2px; } @media only screen and (min-width: 768px) { .favicons-expanded-inner li a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .favicons-expanded-inner li a { font-size: 13px; } } @media only screen and (min-width: 768px) { .favicons-expanded-inner li a { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .favicons-expanded-inner li a { line-height: 16.8px; } } .favicons-expanded-inner li a:hover { color: #fff; } .favicons-expanded-inner li a span { float: left; margin-right: 8px; text-align: center; width: 24px; } .favicons-new-channel { border-top: 1px solid #393939; } .favicons-expanded-inner h4, .foot-menu-external h5, .channel-title { font-size: 13px; line-height: 16px; text-transform: uppercase; color: #fff; margin: 42px 0 9.33333333px 6px; font-weight: 700; } @media only screen and (min-width: 768px) { .favicons-expanded-inner h4, .foot-menu-external h5, .channel-title { font-size: 13px; } } @media only screen and (min-width: 1150px) { .favicons-expanded-inner h4, .foot-menu-external h5, .channel-title { font-size: 13px; } } @media only screen and (min-width: 768px) { .favicons-expanded-inner h4, .foot-menu-external h5, .channel-title { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .favicons-expanded-inner h4, .foot-menu-external h5, .channel-title { line-height: 16.8px; } } /* For head changes */ /* for compadiccion when posts having category xataka */ /* comscore logo */ .family-head-group { width: 100%; position: absolute; top: 3px; left: auto; display: none; } .family-head-group .family-head-logo { margin-left: auto; margin-right: auto; max-width: 1368px; text-align: right; } .family-head-group .family-head-logo .head-group-logo { display: inline-block; height: 31.11111111px; margin: 3px 80px 0 0; opacity: 0.5; overflow: hidden; text-indent: -10000px; width: 100px; position: relative; z-index: 999999; } .site-family-xataka .family-head-group, .site-family-trendencias .family-head-group { display: none; } @media only screen and (min-width: 768px) { .site-family-xataka .family-head-group, .site-family-trendencias .family-head-group { display: block; } } .site-family-xataka .family-head-logo .head-group-logo { background: #111111 url("/ /img.weblogssl.com/css/xataka/p/r/images/logo-light.svg?v=47") no-repeat scroll center center; background-size: contain; } .site-family-trendencias .family-head-logo .head-group-logo { background: #111111 url("//img.weblogssl.com/css/trendencias/p/r/images/logo-light.svg?v=47") no-repeat scroll center center; background-size: contain; height: 36px; width: 144px; } .has-tooltip { position: relative; } .tooltip { left: 8.4px; top: 100%; padding: 5.6px 12px; line-height: 16.8px; margin-top: 4.8px; background: #000 !important; color: #fff; height: auto; } .head-favicons-container span { color: #fff !important; } @media only screen and (min-width: 1150px) { .head-favicons-container { overflow: visible; } } .flag-task-14 .m-favicons-compact .head-favicons-list, .m-favicons-compact .head-favicons-list, .flag-task-14 .m-favicons-compact .head-favicons-list li, .m-favicons-compact .head-favicons-list li, .flag-task-14 .m-favicons-compact .head-favicons-list a, .m-favicons-compact .head-favicons-list a { height: 32px; } .flag-task-14 .m-favicons-compact .head-favicons-list li, .m-favicons-compact .head-favicons-list li { margin-right: 3.0075188px; } .flag-task-14 .m-favicons-compact .head-favicons-list a, .m-favicons-compact .head-favicons-list a { line-height: 28px; } .flag-task-14 .m-favicons-compact .head-favicons-container, .m-favicons-compact .head-favicons-container { height: 32px; } .flag-task-14 .m-favicons-compact .head-group-logo, .m-favicons-compact .head-group-logo { height: 20px; } @media only screen and (min-width: 1360px) { .flag-task-14 .m-favicons-compact .head-favicons-list a.favicon, .m-favicons-compact .head-favicons-list a.favicon { width: 32px; } } @media only screen and (min-width: 1440px) { .flag-task-14 .m-favicons-compact .head-favicons-list a.favicon, .m-favicons-compact .head-favicons-list a.favicon { width: 32px; } } @media only screen and (min-width: 1280px) { .flag-task-14 .m-favicons-compact .head-favicons-list a.favicon::before, .m-favicons-compact .head-favicons-list a.favicon::before { font-size: 11px; } } @media only screen and (min-width: 768px) { .flag-task-14 .m-favicons-compact.head-favicons-container, .m-favicons-compact.head-favicons-container { height: 32px; } } .flag-task-14 .m-favicons-compact .head-favicons, .m-favicons-compact .head-favicons { max-width: 1280px; } .flag-task-14 .m-favicons-compact .head-favicons-index, .m-favicons-compact .head-favicons-index { border: 0; line-height: 32px; } .flag-task-14 .m-favicons-compact .head-favicons-index a, .m-favicons-compact .head-favicons-index a { background-position: right center; } .custom .m-favicons-compact .head-favicons-list li { margin-right: 0; } .custom .head-favicons-list a.favicon, .clubmarca .head-favicons-list a.favicon, .custom .m-favicons-compact .head-favicons-list a.favicon, .clubmarca .head-favicons-list a.favicon { width: 29px; } @media only screen and (min-width: 1360px) { .custom .head-favicons-list a.favicon, .clubmarca .head-favicons-list a.favicon, .custom .m-favicons-compact .head-favicons-list a.favicon, .clubmarca .head-favicons-list a.favicon { width: 29px; } } .head-favicons-container.m-favicons-compact + .favicons-expanded-container { top: 32px; } /* Layouts */ .site-link-list .tec-xataka:before { font-size: 18px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xataka:before:hover { text-decoration: none; } .site-link-list .tec-xataka:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakamovil:before { font-size: 18px; font-family: favicons; content: "\e61e"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakamovil:before:hover { text-decoration: none; } .site-link-list .tec-xatakamovil:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakafoto:before { font-size: 18px; font-family: favicons; content: "\e61c"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakafoto:before:hover { text-decoration: none; } .site-link-list .tec-xatakafoto:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakandroid:before { font-size: 18px; font-family: favicons; content: "\e61a"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakandroid:before:hover { text-decoration: none; } .site-link-list .tec-xatakandroid:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakahome:before { font-size: 18px; font-family: favicons; content: "\e619"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakahome:before:hover { text-decoration: none; } .site-link-list .tec-xatakahome:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakawindows:before { font-size: 18px; font-family: favicons; content: "\e61f"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakawindows:before:hover { text-decoration: none; } .site-link-list .tec-xatakawindows:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakaciencia:before { font-size: 18px; font-family: favicons; content: "\e61b"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakaciencia:before:hover { text-decoration: none; } .site-link-list .tec-xatakaciencia:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakamexico:before { font-size: 18px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakamexico:before:hover { text-decoration: none; } .site-link-list .tec-xatakamexico:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakandroidmexico:before { font-size: 18px; font-family: favicons; content: "\e61a"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakandroidmexico:before:hover { text-decoration: none; } .site-link-list .tec-xatakandroidmexico:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakacolombia:before { font-size: 18px; font-family: favicons; content: "\e61d"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakacolombia:before:hover { text-decoration: none; } .site-link-list .tec-xatakacolombia:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-applesfera:before { font-size: 18px; font-family: favicons; content: "\e601"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-applesfera:before:hover { text-decoration: none; } .site-link-list .tec-applesfera:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-vidaextra:before { font-size: 18px; font-family: favicons; content: "\e616"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-vidaextra:before:hover { text-decoration: none; } .site-link-list .tec-vidaextra:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-vidaextramexico:before { font-size: 18px; font-family: favicons; content: "\e616"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-vidaextramexico:before:hover { text-decoration: none; } .site-link-list .tec-vidaextramexico:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-genbeta:before { font-size: 18px; font-family: favicons; content: "\e60a"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-genbeta:before:hover { text-decoration: none; } .site-link-list .tec-genbeta:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-genbetadev:before { font-size: 18px; font-family: favicons; content: "\e609"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-genbetadev:before:hover { text-decoration: none; } .site-link-list .tec-genbetadev:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-magnet:before { font-size: 18px; font-family: favicons; content: "\e60b"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-magnet:before:hover { text-decoration: none; } .site-link-list .tec-magnet:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-compradiccion:before { font-size: 18px; font-family: favicons; content: "\e906"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-compradiccion:before:hover { text-decoration: none; } .site-link-list .tec-compradiccion:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tec-xatakaesports:before { font-size: 18px; font-family: favicons; content: "\e907"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tec-xatakaesports:before:hover { text-decoration: none; } .site-link-list .tec-xatakaesports:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-trendencias:before { font-size: 18px; font-family: favicons; content: "\e613"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-trendencias:before:hover { text-decoration: none; } .site-link-list .est-trendencias:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-trendenciasbelleza:before { font-size: 18px; font-family: favicons; content: "\e612"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-trendenciasbelleza:before:hover { text-decoration: none; } .site-link-list .est-trendenciasbelleza:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-trendenciashombre:before { font-size: 18px; font-family: favicons; content: "\e614"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-trendenciashombre:before:hover { text-decoration: none; } .site-link-list .est-trendenciashombre:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-trendenciashombremexico:before { font-size: 18px; font-family: favicons; content: "\e614"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-trendenciashombremexico:before:hover { text-decoration: none; } .site-link-list .est-trendenciashombremexico:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-trendenciaslifestyle:before { font-size: 18px; font-family: favicons; content: "\e615"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-trendenciaslifestyle:before:hover { text-decoration: none; } .site-link-list .est-trendenciaslifestyle:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-directoalpaladar:before { font-size: 18px; font-family: favicons; content: "\e604"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-directoalpaladar:before:hover { text-decoration: none; } .site-link-list .est-directoalpaladar:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-directoalpaladarmexico:before { font-size: 18px; font-family: favicons; content: "\e604"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-directoalpaladarmexico:before:hover { text-decoration: none; } .site-link-list .est-directoalpaladarmexico:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-bebesymas:before { font-size: 18px; font-family: favicons; content: "\e603"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-bebesymas:before:hover { text-decoration: none; } .site-link-list .est-bebesymas:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-vitonica:before { font-size: 18px; font-family: favicons; content: "\e617"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-vitonica:before:hover { text-decoration: none; } .site-link-list .est-vitonica:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-vitonicamexico:before { font-size: 18px; font-family: favicons; content: "\e617"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-vitonicamexico:before:hover { text-decoration: none; } .site-link-list .est-vitonicamexico:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-decoesfera:before { font-size: 18px; font-family: favicons; content: "\e606"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-decoesfera:before:hover { text-decoration: none; } .site-link-list .est-decoesfera:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-embelezzia:before { font-size: 18px; font-family: favicons; content: "\e608"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-embelezzia:before:hover { text-decoration: none; } .site-link-list .est-embelezzia:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .est-poprosa:before { font-size: 18px; font-family: favicons; content: "\e610"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .est-poprosa:before:hover { text-decoration: none; } .site-link-list .est-poprosa:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .mot-motorpasion:before { font-size: 18px; font-family: favicons; content: "\e60e"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .mot-motorpasion:before:hover { text-decoration: none; } .site-link-list .mot-motorpasion:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .mot-motorpasionmexico:before { font-size: 18px; font-family: favicons; content: "\e60e"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .mot-motorpasionmexico:before:hover { text-decoration: none; } .site-link-list .mot-motorpasionmexico:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .mot-motorpasionmoto:before { font-size: 18px; font-family: favicons; content: "\e905"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .mot-motorpasionmoto:before:hover { text-decoration: none; } .site-link-list .mot-motorpasionmoto:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .mot-motorpasionfuturo:before { font-size: 18px; font-family: favicons; content: "\e60c"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .mot-motorpasionfuturo:before:hover { text-decoration: none; } .site-link-list .mot-motorpasionfuturo:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .oci-blogdecine:before { font-size: 18px; font-family: favicons; content: "\e602"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .oci-blogdecine:before:hover { text-decoration: none; } .site-link-list .oci-blogdecine:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .oci-vayatele:before { font-size: 18px; font-family: favicons; content: "\e618"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .oci-vayatele:before:hover { text-decoration: none; } .site-link-list .oci-vayatele:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .oci-diariodelviajero:before { font-size: 18px; font-family: favicons; content: "\e605"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .oci-diariodelviajero:before:hover { text-decoration: none; } .site-link-list .oci-diariodelviajero:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .oci-papelenblanco:before { font-size: 18px; font-family: favicons; content: "\e60f"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .oci-papelenblanco:before:hover { text-decoration: none; } .site-link-list .oci-papelenblanco:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .oci-espinof:before { font-size: 18px; font-family: favicons; content: "\e8fd"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .oci-espinof:before:hover { text-decoration: none; } .site-link-list .oci-espinof:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .eco-elblogsalmon:before { font-size: 18px; font-family: favicons; content: "\e607"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .eco-elblogsalmon:before:hover { text-decoration: none; } .site-link-list .eco-elblogsalmon:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .eco-pymesyautonomos:before { font-size: 18px; font-family: favicons; content: "\e611"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .eco-pymesyautonomos:before:hover { text-decoration: none; } .site-link-list .eco-pymesyautonomos:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .eco-ahorrodiario:before { font-size: 18px; font-family: favicons; content: "\e600"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .eco-ahorrodiario:before:hover { text-decoration: none; } .site-link-list .eco-ahorrodiario:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .oci-thewatmag:before { font-size: 18px; font-family: favicons; content: "\e904"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .oci-thewatmag:before:hover { text-decoration: none; } .site-link-list .oci-thewatmag:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .oci-sensacine:before { font-size: 18px; font-family: favicons; content: "\e903"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .oci-sensacine:before:hover { text-decoration: none; } .site-link-list .oci-sensacine:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tech-ign:before { font-size: 18px; font-family: favicons; content: "\e902"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tech-ign:before:hover { text-decoration: none; } .site-link-list .tech-ign:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tech-3djuegos:before { font-size: 18px; font-family: favicons; content: "\e901"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tech-3djuegos:before:hover { text-decoration: none; } .site-link-list .tech-3djuegos:after { content: ""; margin-right: 0; margin-left: 0; } .site-link-list .tech-millenium:before { font-size: 18px; font-family: favicons; content: "\e900"; font-style: normal; vertical-align: middle; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .site-link-list .tech-millenium:before:hover { text-decoration: none; } .site-link-list .tech-millenium:after { content: ""; margin-right: 0; margin-left: 0; } /* Mobile galleries page */ .gallery-content { background: #fff; text-align: left; } .gallery-content .customize-me { background: none; } .gallery-content .content { padding-top: 35px; } .gallery-content .header-page { border-bottom: 1px solid #eee; } .gallery-content .twitter-share-button, .gallery-content .g-plusone, .gallery-content #___plusone_0, .gallery-content .fb-like { display: inline-block !important; vertical-align: bottom !important; margin-right: 3px; margin-bottom: 0 !important; } .gallery-content .nav .nav-pagination { font-size: 150%; color: #999; } .gallery-content .nav .nav-pagination a, .gallery-content .nav .nav-pagination strong, .gallery-content .nav .nav-pagination span { padding: 18px 22px; border-radius: 4px; } .gallery-content .nav .nav-pagination a { background-color: #fff; color: #C00; } .gallery-content .nav .nav-pagination strong { background-color: #eee; color: #999; } .gallery-item { position: relative; padding: 1px 0; } .gallery-item h1 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .gallery-item h1 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .gallery-item h1 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .gallery-item h1 { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .gallery-item h1 { margin-top: 42px; margin-bottom: 14px; } } .gallery-item .slide-next, .gallery-item .slide-prev { background: #ececec; color: #333; top: 70%; } .gallery-item .slide-next:hover, .gallery-item .slide-prev:hover { color: #f00; } @media only screen and (min-width: 768px) { .gallery-item .slide-next, .gallery-item .slide-prev { top: 49%; } } .gallery-item .slide-next:hover, .gallery-item .slide-prev:hover { opacity: 0.8; } .gallery-item .social-widgets { float: right; width: 372px; margin: 0 0 24px 0; } @media only screen and (min-width: 768px) { .gallery-item .social-widgets { margin-bottom: 28px; } } @media only screen and (min-width: 1150px) { .gallery-item .social-widgets { margin-bottom: 28px; } } .gallery-item-header { text-align: center; } .gallery-item-header .nav a, .taxonomy a, .gallery-nav-index a { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; background-color: #fbeded; } @media only screen and (min-width: 768px) { .gallery-item-header .nav a, .taxonomy a, .gallery-nav-index a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .gallery-item-header .nav a, .taxonomy a, .gallery-nav-index a { font-size: 13px; } } @media only screen and (min-width: 768px) { .gallery-item-header .nav a, .taxonomy a, .gallery-nav-index a { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .gallery-item-header .nav a, .taxonomy a, .gallery-nav-index a { height: 28px; line-height: 29px; } } .gallery-item-header .nav a:hover, .taxonomy a:hover, .gallery-nav-index a:hover { color: #f00; background-color: #ffeded; } .gallery-item .nav, .gallery-item-metadata .nav, .gallery-item-metadata h2 { font-size: 15px; line-height: 20px; color: #777; font-weight: normal; margin: 12px 0; } @media only screen and (min-width: 768px) { .gallery-item .nav, .gallery-item-metadata .nav, .gallery-item-metadata h2 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .gallery-item .nav, .gallery-item-metadata .nav, .gallery-item-metadata h2 { font-size: 16px; } } @media only screen and (min-width: 768px) { .gallery-item .nav, .gallery-item-metadata .nav, .gallery-item-metadata h2 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .gallery-item .nav, .gallery-item-metadata .nav, .gallery-item-metadata h2 { line-height: 21px; } } @media only screen and (min-width: 768px) { .gallery-item .nav, .gallery-item-metadata .nav, .gallery-item-metadata h2 { margin: 14px 0; } } .gallery-item-metadata h2, .gallery-item-metadata ul, .gallery-item-metadata li { display: inline; } .gallery-item-metadata .taxonomy ul li { display: inline-block; margin-right: 8px; } .gallery-item-metadata .taxonomy ul li:last-child { margin-right: 0; } .gallery-item-metadata .taxonomy ul li a { margin-bottom: 8px; } .gallery-item-image { text-align: center; position: relative; margin: 0 auto; max-width: 1368px; height: 84vh; overflow: hidden; } .gallery-item-image img { display: block; margin: 0 auto; max-width: 100%; object-fit: cover; height: 100%; } .gallery-item-image span { font-size: 13px; line-height: 16px; text-transform: uppercase; display: block; width: auto; color: #fbfbfb; background: #333; opacity: 0.6; height: 24px; line-height: unset; padding: 0 8px; position: absolute; bottom: 4px; left: 50%; margin-left: -40px; border-radius: 2px; } @media only screen and (min-width: 768px) { .gallery-item-image span { font-size: 13px; } } @media only screen and (min-width: 1150px) { .gallery-item-image span { font-size: 13px; } } @media only screen and (min-width: 768px) { .gallery-item-image span { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .gallery-item-image span { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .gallery-item-image span { line-height: 24px; } } @media only screen and (min-width: 1024px) { .gallery-item-image span { line-height: 24px; } } .gallery-item-image a:hover .view-original { width: 140px; } .gallery-nav { border-top: 1px solid #e9e9e9; background: #fbfbfb; padding: 24px 0; margin: 24px 0 0; width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) { .gallery-nav { padding: 28px 0; margin: 28px 0 0; } } .gallery-nav .ad-primer-escaparate { width: 372px; float: right; margin: 0 12px 83px; /* To avoid thumbs going below ad misaligned */ display: inline; background: none; } .gallery-nav .gallery-nav-index { padding: 12px 0 6px; } .gallery-nav-index { clear: left; } .gallery-nav-index a { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .gallery-nav-index a:hover { background-color: #910000; color: #fff; } .gallery-nav-index a:hover { text-decoration: none; } .gallery-nav-index a:active, .gallery-nav-index a:focus { padding-top: 1px; } .gallery-nav-index a:hover { text-decoration: none; } .gallery-nav-index a:active, .gallery-nav-index a:focus { padding-top: 1px; } .gallery-thumbs { width: 100%; overflow: hidden; } .gallery-thumbs h3 { margin: 12px 0; } .gallery-thumbs ul { margin: 6px 0 0; padding: 0; list-style: none; } .gallery-thumbs li { margin: 0 10px 6px 0; float: left; display: inline; } .gallery-thumbs li a { display: block; width: 86px; height: 86px; overflow: hidden; text-align: center; opacity: 0.5; } @media only screen and (min-width: 768px) { .gallery-thumbs li a { width: 120px; height: 120px; } } .gallery-thumbs li a:hover { opacity: 1; } .gallery-thumbs li a img { max-width: 100%; min-height: 120px; margin: 0; } .gallery-thumbs li.active { border: 1px solid #C00; } .gallery-thumbs li.active a { opacity: 1; width: 84px; height: 84px; } @media only screen and (min-width: 768px) { .gallery-thumbs li.active a { width: 118px; height: 118px; } } /* Gallery boxes */ .gallery-summary { display: inline-block; margin: 0 24px 12px 0; text-align: left; } .gallery-summary a { float: left; width: 291px; height: 250px; position: relative; overflow: hidden; background: #111; color: #ddd; } .gallery-summary a:hover { background: #000; color: #fff !important; text-decoration: underline; } .gallery-summary a:hover .metadata { background: #000; } .gallery-summary a:hover span { border-color: #666; } .gallery-summary a:hover img { opacity: 1; } .gallery-summary .metadata { position: absolute; bottom: 0; width: 100%; min-height: 64px; background: #111; /*span { display: block; width: 36px; padding: 8px 0; line-height: 1; border: 3px solid #444; border-bottom-width: 10px; position: absolute; top: @baseMargin*0.5; right: @baseMargin*0.5; text-align: center; font-size: 1.2em; }*/ } .gallery-summary .metadata h2 { padding: 6px 6px 6px 6px; line-height: 1.4; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin: 0; display: inline-block; } @media only screen and (min-width: 768px) { .gallery-summary .metadata h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .gallery-summary .metadata h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .gallery-summary .metadata h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .gallery-summary .metadata h2 { margin-top: 28px; margin-bottom: 14px; } } .gallery-summary img { height: auto; width: 100%; margin: 0 auto; opacity: 0.8; } /* Related */ .gallery-item-related { max-width: 980px; overflow: hidden; margin: 24px auto 24px; text-align: center; } .gallery-item-related ul { margin: 12px 0 0 12px; } .gallery-item-related .message { font-size: 15px; line-height: 20px; display: inline-block; color: #777; font-style: italic; } @media only screen and (min-width: 768px) { .gallery-item-related .message { font-size: 16px; } } @media only screen and (min-width: 1150px) { .gallery-item-related .message { font-size: 16px; } } @media only screen and (min-width: 768px) { .gallery-item-related .message { line-height: 21px; } } @media only screen and (min-width: 1150px) { .gallery-item-related .message { line-height: 21px; } } /* Related updated */ .post-related-content-gallery ul li { margin: 0 12px 20px 12px; display: inline-block; text-align: left; width: 215px; height: 200px; overflow: hidden; position: relative; background: #111; color: #ddd; vertical-align: bottom; } .post-related-content-gallery ul li.article-brand .article-disclaimer { background: #f5f1df; left: 2px; position: absolute; text-indent: 5px; top: 2px; width: auto; z-index: 9; padding-right: 5px; } .post-related-content-gallery ul li.article-brand .article-disclaimer a { color: #666; display: block; width: 100%; } .post-related-content-gallery ul li a span { display: block; margin: 0; padding: 6px 16px; bottom: 0; left: 0; min-height: 0; position: absolute; background: #444; color: #fbfbfb; } @media only screen and (min-width: 768px) { .post-related-content-gallery ul li a span { padding-top: 7px; padding-bottom: 7px; } } .post-related-content-gallery ul li img { height: auto; margin: 0 auto; opacity: 0.8; width: 100%; max-width: 240px; } .gallery-item-header, .gallery-item-metadata, .gallery-thumbs, .gallery-nav-index, .gallery-index, .gallery-tagcloud { max-width: 90%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .gallery-item-header, .gallery-item-metadata, .gallery-thumbs, .gallery-nav-index, .gallery-index, .gallery-tagcloud { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .gallery-item-header, .gallery-item-metadata, .gallery-thumbs, .gallery-nav-index, .gallery-index, .gallery-tagcloud { max-width: 1368px; } } @media only screen and (min-width: 1024px) { .gallery-thumbs ul { float: left; width: calc(100% - 348px); } } @media only screen and (min-width: 768px) { .gallery-thumbs .ad-primer-escaparate { width: 300px; margin-left: 48px; margin-right: 24px; margin-bottom: 28px; float: right; clear: right; } } @media only screen and (min-width: 1024px) { .gallery-thumbs .ad-primer-escaparate { margin-right: 0; } } /* Inverted gallery colors */ .gallery-inverted { background: #1c1c1c; color: #f9f9f9; } .gallery-inverted .header-page { border-bottom: 1px solid #333; } .gallery-inverted .gallery-item-header .nav a, .gallery-inverted .taxonomy a, .gallery-inverted .gallery-nav-index a { background: #555; color: #fff; } .gallery-inverted .gallery-item-header .nav a:hover, .gallery-inverted .taxonomy a:hover, .gallery-inverted .gallery-nav-index a:hover { background: #f00; } .gallery-inverted .slide-next, .gallery-inverted .slide-prev { background: #444; color: #fbfbfb; } .gallery-inverted .gallery-nav { border-color: #222; background: #111; } .gallery-inverted .gallery-nav .ad-primer-escaparate .ad-contact { border-color: #444; color: #666 !important; } .gallery-inverted .message { background: #333; } .gallery-inverted .gallery-thumbs .active { border-color: #666; } .gallery-inverted .nav .nav-pagination a { background-color: #555; color: #fff; } .gallery-inverted .nav .nav-pagination a:hover { background: #f00; color: #fff !important; } .gallery-inverted .nav .nav-pagination strong { background-color: #333; color: #666; } .gallery-inverted .gallery-tagcloud a { color: #999; } /* Index */ .m-is-gallery .galleries li { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 1px 0; } @media only screen and (min-width: 768px) { .m-is-gallery .galleries li { display: inline-block; vertical-align: top; width: 30%; margin-right: 2%; margin-bottom: 28px; } } .m-is-gallery .galleries li h2, .m-is-gallery .galleries li .tags { margin: 12px 12px; } @media only screen and (min-width: 768px) { .m-is-gallery .galleries li h2, .m-is-gallery .galleries li .tags { margin: 14px 12px; } } .m-is-gallery .galleries li h2 { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-gallery .galleries li h2 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-gallery .galleries li h2 { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-gallery .galleries li h2 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-gallery .galleries li h2 { line-height: 21px; } } .m-is-gallery .galleries li h2 a { color: #333; } .m-is-gallery .galleries li h2 a:hover { color: #f00; } .m-is-gallery .galleries li .tags { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .m-is-gallery .galleries li .tags { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-gallery .galleries li .tags { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-gallery .galleries li .tags { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-gallery .galleries li .tags { line-height: 16.8px; } } .m-is-gallery .galleries li img { display: block; width: 94%; height: auto; margin: 3%; } .m-is-gallery .galleries .nav-pagination { clear: both; padding: 12px 0 24px; } .m-is-gallery #comment-nav, .m-is-gallery #tag-cloud { margin-bottom: 48px; } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav, .m-is-gallery #tag-cloud { margin-bottom: 56px; } } .m-is-gallery #comment-nav { color: #777; height: 48px; line-height: 48px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav { height: 56px; line-height: 56px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #comment-nav { height: 56px; line-height: 56px; } } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #comment-nav { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #comment-nav { height: 28px; line-height: 29px; } } .m-is-gallery #comment-nav ul { margin-bottom: 48px; } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav ul { display: inline; margin-left: 24px; margin-bottom: 0; } } .m-is-gallery #comment-nav li { display: inline; } .m-is-gallery #comment-nav li a { height: 48px; line-height: 48px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; background-color: #C00; color: #fff; } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav li a { height: 56px; line-height: 56px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #comment-nav li a { height: 56px; line-height: 56px; } } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav li a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #comment-nav li a { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-gallery #comment-nav li a { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #comment-nav li a { height: 28px; line-height: 29px; } } .m-is-gallery #comment-nav li a:hover { background-color: #f00; } .m-is-gallery #tag-cloud ul { list-style: none; text-align: center; line-height: 2; } .m-is-gallery #tag-cloud li { display: inline-block; margin: 0 10px; font-size: 15px; line-height: 20px; white-space: nowrap; } @media only screen and (min-width: 768px) { .m-is-gallery #tag-cloud li { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #tag-cloud li { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-gallery #tag-cloud li { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #tag-cloud li { line-height: 21px; } } .m-is-gallery #tag-cloud .v-popular { font-size: 17px; line-height: 24px; font-weight: bold; } @media only screen and (min-width: 768px) { .m-is-gallery #tag-cloud .v-popular { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #tag-cloud .v-popular { font-size: 19px; line-height: 28px; } } .m-is-gallery #tag-cloud .vv-popular { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; font-size: 150%; font-weight: bold; } @media only screen and (min-width: 768px) { .m-is-gallery #tag-cloud .vv-popular { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #tag-cloud .vv-popular { font-size: 23px; line-height: 29.4px; } } .m-is-gallery #tag-cloud .vvv-popular { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; font-size: 200%; font-weight: bold; } @media only screen and (min-width: 768px) { .m-is-gallery #tag-cloud .vvv-popular { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .m-is-gallery #tag-cloud .vvv-popular { font-size: 28px; line-height: 35px; } } /* Styles for carousel in slideshow post */ .gallery-thumbs .elastislide-carousel { width: 100%; } .gallery-thumbs a.btn { float: right; margin: 12px 0; } .gallery-thumbs .elastislide-list li { float: none; } .gallery-thumbs .elastislide-list li a { height: auto; } .gallery-thumbs .elastislide-list li a img { border: none; max-height: 200px; } .gallery-thumbs .elastislide-list li a img:hover { border: none; } @media only screen and (min-width: 768px) { .gallery-thumbs .elastislide-horizontal nav span.elastislide-next, .gallery-thumbs .elastislide-horizontal nav span.elastislide-prev { top: 40%; } } .slide-gallery .elastislide-carousel .elastislide-list img { max-height: 200px; } .m-is-event .article-event-title { text-align: center; } @media only screen and (min-width: 768px) { .m-is-event .article-event-title { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .m-is-event .article-event-title { max-width: 1368px; } } .m-is-event .article-event-title { margin-left: 16px; margin-right: 16px; margin: 0 16px; } @media only screen and (min-width: 768px) { .m-is-event .article-event-title { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .m-is-event .article-event-title { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { .m-is-event .article-event-title { margin: 0 48px; max-width: 1044px; } } @media only screen and (min-width: 1280px) { .m-is-event .article-event-title { margin: 0 auto; } } .m-is-event .article-event-title h1 { clear: both; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; text-transform: none; font-size: 33px; line-height: 36px; margin-top: 48px; margin-bottom: 24px; margin-top: 24px; } @media only screen and (min-width: 768px) { .m-is-event .article-event-title h1 { margin-top: 56px; margin-bottom: 28px; font-size: 57px; line-height: 61.6px; } } @media only screen and (min-width: 1150px) { .m-is-event .article-event-title h1 { margin-top: 56px; margin-bottom: 28px; font-size: 57px; line-height: 61.6px; } } @media only screen and (min-width: 768px) { .m-is-event .article-event-title h1 { margin-top: 48px; } } .m-is-event .article-featured-header, .m-is-event .article-featured-cover img, .m-is-event .article-content, .m-is-event .article-content .article-event-countdown { margin-bottom: 0; } .m-is-event .article-event-date { display: inline-block; padding: 3px; font-weight: 400; } .m-is-event .article-featured-title .article-event-date { color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .m-is-event .article-event-countdown { background-color: #111; color: #fff; /*margin-bottom: @m-line-height;*/ padding: 6px 16px; position: relative; /*circle blink*/ } @media only screen and (min-width: 768px) { .m-is-event .article-event-countdown { margin-bottom: 28px; } } .m-is-event .article-event-countdown.article-event-countdown-live .article-event-status { padding-left: 32px; width: auto; } .m-is-event .article-event-countdown .article-event-status { text-align: center; display: inline-block; width: 100%; } @media only screen and (min-width: 768px) { .m-is-event .article-event-countdown .article-event-status { text-align: left; width: auto; } } .m-is-event .article-event-countdown p { margin: 16px 0; max-width: 100%; } @media only screen and (min-width: 768px) { .m-is-event .article-event-countdown p { margin-left: auto; margin-right: auto; } } .m-is-event .article-event-countdown .blink:before, .m-is-event .article-event-countdown .blink:after { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 3px solid #fff; content: ""; height: 9px; margin-top: 28px; position: absolute; width: 9px; } .m-is-event .article-event-countdown .blink:before { background: transparent; margin-top: 6px; } .m-is-event .article-event-countdown .blink:after { background: #cc181e; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1); top: 0; } .m-is-event .foot { margin-top: 0; } .stream { background-color: #ececec; margin-bottom: 0; padding: 16px; } @media only screen and (min-width: 1024px) { .stream-time, .stream-title { left: 24px; position: absolute; top: 18px; } } .stream-content-avatar { float: right; margin-right: 18px; } .stream-content-avatar img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 36px; width: 36px; } @media only screen and (min-width: 1024px) { .stream-content-avatar { position: absolute; right: 16px; top: 24px; } .stream-content-avatar img { width: 64px; height: 64px; } } .stream-content { margin: 0 0 24px; position: relative; } @media only screen and (min-width: 1024px) { .stream-content { margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 1044px; } } .stream-content-body { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 1px 0; word-break: break-word; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; /*img responsive*/ } .stream-content-body p a, .stream-content-body li a, .stream-content-body blockquote a { text-decoration: underline; } .stream-content-body ul li, .stream-content-body ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .stream-content-body ul li, .stream-content-body ol li { margin-bottom: 14px; } } .stream-content-body ul li { list-style-type: disc; list-style-position: outside; } .stream-content-body ol li { list-style-type: decimal; list-style-position: outside; } .stream-content-body blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .stream-content-body blockquote { padding: 0 0 0 24px; } } .stream-content-body blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .stream-content-body blockquote blockquote { padding: 0 0 0 24px; } } .stream-content-body blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .stream-content-body:after { clear: both; content: ""; display: table; } .stream-content-body p { /* margin-bottom: @m-line-height*0.68; @media @tablet { margin-bottom: @t-line-height*0.68; } @media @desktop { margin-bottom: @d-line-height*0.68; } */ } .stream-content-body p a:hover { color: #f00; } .stream-content-body .js-video { margin-top: 24px; } @media only screen and (min-width: 768px) { .stream-content-body .js-video { margin-top: 28px; } } .stream-content-body img { max-width: 100%; } .stream-content .article-social-share { border: none; float: right; height: auto; min-height: 24px; text-align: right; } .stream-content .article-social-share a:hover { color: #fff; } @media only screen and (min-width: 768px) { .stream-content .article-social-share { width: auto; margin-top: -21px; margin-bottom: 7px; } .stream-content .article-social-share .btn-twitter, .stream-content .article-social-share .btn-twitter:hover { color: #00abf1; background-color: transparent !important; text-decoration: none; width: auto; } } .stream-content-comment .stream-content-body .stream-content-item .commentBox { width: 100%; } .stream-content-item { padding: 0 28px; margin-left: 16px; margin-right: 16px; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 400; } @media only screen and (min-width: 768px) { .stream-content-item { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .stream-content-item { margin-left: auto; margin-right: auto; } } .stream-content-item p a, .stream-content-item li a, .stream-content-item blockquote a { text-decoration: underline; } .stream-content-item ul li, .stream-content-item ol li { width: auto; max-width: 100%; margin-left: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .stream-content-item ul li, .stream-content-item ol li { margin-bottom: 14px; } } .stream-content-item ul li { list-style-type: disc; list-style-position: outside; } .stream-content-item ol li { list-style-type: decimal; list-style-position: outside; } .stream-content-item blockquote { margin-left: 24px; margin-right: 24px; border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } @media only screen and (min-width: 768px) { .stream-content-item blockquote { padding: 0 0 0 24px; } } .stream-content-item blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .stream-content-item blockquote blockquote { padding: 0 0 0 24px; } } .stream-content-item blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .stream-content-item .comment-write-input { margin: 0; } .stream-content-item form { margin: 16px 0; } .stream-content.stream-content-comment .stream-content-item { max-width: 100%; margin: 0; } .event-publish-rows .stream-content.stream-content-comment .stream-content-item { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .event-publish-rows .stream-content.stream-content-comment .stream-content-item { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .event-publish-rows .stream-content.stream-content-comment .stream-content-item { margin-left: auto; margin-right: auto; } } .stream-comment-actions-menu { margin: 0; } .stream-comment-actions-menu li { display: inline-block; } .stream-comment-actions-delete, .stream-comment-actions-edit { padding: 14px 18px; display: block; padding: 0; } @media only screen and (min-width: 1280px) { .stream-comment-actions-delete, .stream-comment-actions-edit { background-color: transparent; visibility: hidden; } } .stream-comment-actions-delete .btn-delete, .stream-comment-actions-edit .btn-delete, .stream-comment-actions-delete .btn-edit, .stream-comment-actions-edit .btn-edit { display: block; } .stream-comment-actions-delete .btn-delete:hover, .stream-comment-actions-edit .btn-delete:hover, .stream-comment-actions-delete .btn-edit:hover, .stream-comment-actions-edit .btn-edit:hover { background: #292929; } @media only screen and (min-width: 1024px) { .stream-comment-actions-delete .btn-delete, .stream-comment-actions-edit .btn-delete, .stream-comment-actions-delete .btn-edit, .stream-comment-actions-edit .btn-edit { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .stream-comment-actions-delete .btn-delete:hover, .stream-comment-actions-edit .btn-delete:hover, .stream-comment-actions-delete .btn-edit:hover, .stream-comment-actions-edit .btn-edit:hover { text-decoration: none; } .stream-comment-actions-delete .btn-delete:active, .stream-comment-actions-edit .btn-delete:active, .stream-comment-actions-delete .btn-edit:active, .stream-comment-actions-edit .btn-edit:active, .stream-comment-actions-delete .btn-delete:focus, .stream-comment-actions-edit .btn-delete:focus, .stream-comment-actions-delete .btn-edit:focus, .stream-comment-actions-edit .btn-edit:focus { padding-top: 1px; } } /* hover visibility */ @media only screen and (min-width: 1280px) { .stream-content:hover .stream-comment-actions-delete, .stream-content:hover .stream-comment-actions-edit { visibility: visible; } } /* Blink effect (svn2 bring to -vars.less) */ .blink:after { animation: blink 1s steps(5, start) infinite; -webkit-animation: blink 1s steps(5, start) infinite; } @keyframes blink { to { visibility: hidden; } } @-webkit-keyframes blink { to { visibility: hidden; } } /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { display: inline-block; margin-bottom: 50px; position: relative; width: auto; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } .flip-clock-wrapper ul { background: #000; float: left; font-size: 27px; height: 38px; line-height: 36px; margin: 2px; position: relative; width: 21px; } @media only screen and (min-width: 768px) { .flip-clock-wrapper ul { font-size: 70px; height: 80px; line-height: 77px; margin: 3px; width: 50px; } } @media only screen and (min-width: 1024px) { .flip-clock-wrapper ul { font-size: 80px; height: 90px; line-height: 87px; margin: 5px; width: 60px; } } .flip-clock-wrapper ul li { height: 100%; left: 0; line-height: 36px; position: absolute; text-decoration: none !important; top: 0; width: 100%; z-index: 1; } @media only screen and (min-width: 768px) { .flip-clock-wrapper ul li { line-height: 82px; } } @media only screen and (min-width: 1024px) { .flip-clock-wrapper ul li { line-height: 87px; } } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { -moz-perspective: 200px; -webkit-perspective: 200px; cursor: default !important; display: block; height: 100%; margin: 0 !important; overflow: visible !important; perspective: 200px; } .flip-clock-wrapper ul li a div { font-size: 80px; height: 50%; left: 0; outline: 1px solid transparent; overflow: hidden; position: absolute; width: 100%; z-index: 1; } .flip-clock-wrapper ul li a div .shadow { height: 100%; position: absolute; width: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; top: 0; transform-origin: 50% 100%; } .flip-clock-wrapper ul li a div.up:after { background-color: transparent; content: ""; height: 3px; left: 0; position: absolute; top: 44px; width: 100%; z-index: 5; } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down { -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; bottom: 0; transform-origin: 50% 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } .flip-clock-wrapper ul li a div div.inn { background-color: #000; border-radius: 6px; color: #fff; font-size: 30px; height: 200%; left: 0; position: absolute; text-align: center; width: 100%; z-index: 1; } @media only screen and (min-width: 768px) { .flip-clock-wrapper ul li a div div.inn { font-size: 60px; } } @media only screen and (min-width: 1024px) { .flip-clock-wrapper ul li a div div.inn { font-size: 70px; } } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper ul.play li.flip-clock-active { -moz-animation: asd 0.5s 0.5s linear both; -webkit-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider { display: inline-block; float: left; height: 42px; position: relative; width: 12px; } @media only screen and (min-width: 768px) { .flip-clock-divider { height: 100px; width: 20px; } } .flip-clock-divider:first-child { width: 0; } .flip-clock-dot { background: #333; border-radius: 50%; display: block; height: 6px; left: 3px; position: absolute; width: 6px; } @media only screen and (min-width: 768px) { .flip-clock-dot { height: 10px; left: 5px; width: 10px; } } .flip-clock-dot.top { top: 10px; } @media only screen and (min-width: 768px) { .flip-clock-dot.top { top: 30px; } } .flip-clock-dot.bottom { bottom: 10px; } @media only screen and (min-width: 768px) { .flip-clock-dot.bottom { bottom: 30px; } } .flip-clock-divider .flip-clock-label { /*color: @color-brand;*/ color: #fff; font-size: 16px; left: 0px; position: absolute; text-shadow: none; top: 50px; width: 63px; } @media only screen and (min-width: 768px) { .flip-clock-divider .flip-clock-label { font-size: 26px; top: 110px; left: 6px; width: 130px; } } .flip-clock-divider.days .flip-clock-label { left: 10px; } @media only screen and (min-width: 768px) { .flip-clock-divider.days .flip-clock-label { left: 26px; } } .flip-clock-divider.hours .flip-clock-label { left: 10px; } @media only screen and (min-width: 768px) { .flip-clock-divider.hours .flip-clock-label { left: 26px; } } .flip-clock-divider.minutes .flip-clock-label { left: 10px; } @media only screen and (min-width: 768px) { .flip-clock-divider.minutes .flip-clock-label { left: 26px; } } .flip-clock-divider.seconds .flip-clock-label { left: 10px; } @media only screen and (min-width: 768px) { .flip-clock-divider.seconds .flip-clock-label { left: 26px; } } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { -moz-animation: turn 0.5s 0.5s linear both; -webkit-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; z-index: 2; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { -moz-animation: turn2 0.5s linear both; -webkit-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; z-index: 2; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { -moz-animation: show 0.5s linear both; -webkit-animation: show 0.5s linear both; animation: show 0.5s linear both; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000)); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000 100%; background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000 100%; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { -moz-animation: hide 0.5s 0.3s linear both; -webkit-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000)); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000 100%; background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000 100%; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { -moz-animation: show 0.5s linear both; -webkit-animation: show 0.5s linear both; animation: show 0.5s linear both; background: -moz-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%); background: -o-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, to bottom, #000 0%, rgba(0, 0, 0, 0.1) 100%; background: linear, top, #000 0%, rgba(0, 0, 0, 0.1) 100%; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { -moz-animation: hide 0.5s 0.3s linear both; -webkit-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; background: -moz-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%); background: -o-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, to bottom, #000 0%, rgba(0, 0, 0, 0.1) 100%; background: linear, top, #000 0%, rgba(0, 0, 0, 0.1) 100%; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } /* event top image */ .article-event-timeleft { text-align: center; background-color: #000; padding-top: 16px; } @media only screen and (min-width: 768px) { .article-event-timeleft { background-color: transparent; padding-top: 0; margin-top: -180px; } } .event-article-social-share { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin-bottom: 28px; } @media only screen and (min-width: 768px) { .event-article-social-share { box-shadow: none; margin: 0; position: absolute; left: 0; top: 0; width: 100%; } } @media only screen and (min-width: 768px) { .event-article-social-share .article-social-share { margin-left: 16px; margin-right: 16px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .event-article-social-share .article-social-share { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1024px) { .event-article-social-share .article-social-share { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1280px) { .event-article-social-share .article-social-share { max-width: 1044px; } } @media only screen and (min-width: 768px) { .event-article-social-share .article-social-share p { display: none; } } @media only screen and (min-width: 768px) { .article-featured .event-article-social-share { top: 28px; } } @media only screen and (min-width: 1024px) { .article-featured .event-article-social-share { top: 56px; } } @media only screen and (min-width: 1360px) { .article-featured .event-article-social-share { top: 84px; } } @media only screen and (min-width: 768px) { .article-event { position: relative; } } .m-is-answers { /* Order widget effect (svn2 bring to -vars.less) */ } .m-is-answers, .m-is-answers .home-content, .m-is-answers .section-respuestas-home { overflow: hidden; } @media only screen and (min-width: 768px) { .m-is-answers .section-respuestas-home { margin-right: 24px; } } @media only screen and (min-width: 1024px) { .m-is-answers .section-respuestas-home { margin-right: 0; } } .m-is-answers .respuestas-conatiner .mform h1 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin-top: 0; margin-right: 24px; } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-conatiner .mform h1 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .m-is-answers .respuestas-conatiner .mform h1 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-conatiner .mform h1 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-answers .respuestas-conatiner .mform h1 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-conatiner .mform h1 { margin-top: 0; } } .m-is-answers .respuestas-conatiner { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-conatiner { margin-bottom: 28px; } } .m-is-answers .respuestas-conatiner .mform { position: relative; background-color: #ececec; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 24px 24px 1px; } .m-is-answers .home-article-list { overflow: hidden; } .m-is-answers .article-links { margin: 0; overflow: visible; } .m-is-answers .section-comments { clear: both; } .m-is-answers .comment-write { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 18px; position: relative; } .m-is-answers .comment-write-edit { margin-bottom: 10px; } .m-is-answers .comment-write h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin-top: 0; } @media only screen and (min-width: 768px) { .m-is-answers .comment-write h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-write h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-write h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-write h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-write h2 { margin-top: 0; } } .m-is-answers .comment-login, .m-is-answers .comment-terms { font-size: 15px; line-height: 20px; margin: 0; } @media only screen and (min-width: 768px) { .m-is-answers .comment-login, .m-is-answers .comment-terms { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-login, .m-is-answers .comment-terms { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-login, .m-is-answers .comment-terms { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-login, .m-is-answers .comment-terms { line-height: 21px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-login, .m-is-answers .comment-terms { margin: 0; } } .m-is-answers .comment-login img, .m-is-answers .comment-terms img { vertical-align: middle; } .m-is-answers .comment-terms { float: right; text-align: right; } .m-is-answers .comment-terms a { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .m-is-answers .comment-terms a { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-terms a { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-terms a { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-terms a { line-height: 21px; } } .m-is-answers .comment-terms a:hover { color: #f00; } .m-is-answers .comment-terms span { display: none; } @media only screen and (min-width: 768px) { .m-is-answers .comment-terms span { display: inline; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-terms { margin-right: 324px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-input { margin-right: 324px; } } .m-is-answers .comment-input textarea { display: block; height: 10em; min-height: 180px; width: 99%; margin: 14px auto; background: #f9f9f9; } .m-is-answers .comment-input textarea:focus { background: #fff; } @media only screen and (min-width: 768px) { .m-is-answers .comment-input textarea { min-height: 10em; margin: 7px 0 14px; } } .m-is-answers .comment-notify { border: 1px dashed #ccc; padding: 7px 0; margin-bottom: 14px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-notify { width: 300px; position: absolute; top: 28px; right: 0; } } .m-is-answers .comment-notify legend { font-size: 15px; line-height: 20px; color: #777; margin: 0 24px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-notify legend { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-notify legend { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-notify legend { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-notify legend { line-height: 21px; } } .m-is-answers .comment-notify p { margin: 7px 24px; } @media only screen and (min-width: 1024px) { .m-is-answers .comment-notify p { margin-top: 14px; margin-bottom: 14px; } } .m-is-answers .comment-login a { cursor: pointer; } .m-is-answers form textarea { width: 100%; } .m-is-answers .char-counter span { position: absolute; top: 26px; right: 16px; color: #777; } .m-is-answers .mhelp { display: block; } .m-is-answers .respuestas-taxonomy a { font-size: 15px; color: #777; } .m-is-answers .rowconatiner { clear: both; } .m-is-answers .rowconatiner li { position: relative; padding: 16px; margin: 24px 2px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media only screen and (min-width: 768px) { .m-is-answers .rowconatiner li { margin-top: 28px; margin-bottom: 28px; } } .m-is-answers .rowconatiner h2 { margin-top: 0; } .m-is-answers .respuestas-author .avatar { float: left; margin-right: 8px; } .m-is-answers .respuestas-author img { width: 36px; height: 36px; /* @media @desktop { img { width: @avatar-size-big; height: @avatar-size-big; } } */ } .m-is-answers .article-metadata { border: none; margin: 0; } @media only screen and (min-width: 1024px) { .m-is-answers .article-metadata { width: 100%; margin: 0; } } .m-is-answers .response { display: block; } .m-is-answers .answer-number { color: #900; float: right; text-align: center; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .m-is-answers .answer-number { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-answers .answer-number { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-answers .answer-number { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-answers .answer-number { line-height: 16.8px; } } .m-is-answers .answer-number strong { display: block; color: #fff; background: #900; font-size: 36px; width: 64px; line-height: 62.4px; height: 62.4px; margin: 0 auto; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media only screen and (min-width: 768px) { .m-is-answers .answer-number strong { line-height: 62.4px; } } .m-is-answers .abuse-button, .m-is-answers .comment-report a { display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 28px; padding: 0 !important; overflow: hidden; vertical-align: bottom; white-space: normal; color: #fff; background: #f90; border-radius: 24px; } .m-is-answers .abuse-button:before, .m-is-answers .comment-report a:before { font-size: 24px; font-family: icons-min; content: "\e60d"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .m-is-answers .abuse-button:before:hover, .m-is-answers .comment-report a:before:hover { text-decoration: none; } .m-is-answers .abuse-button:after, .m-is-answers .comment-report a:after { content: ""; margin-right: 0; margin-left: 0; } .m-is-answers .abuse-button:before, .m-is-answers .comment-report a:before, .m-is-answers .abuse-button:after, .m-is-answers .comment-report a:after { font-size: 16px; line-height: 1; vertical-align: text-bottom; } .m-is-answers .abuse-button:before, .m-is-answers .comment-report a:before { display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 17.6px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .m-is-answers .abuse-button:before, .m-is-answers .comment-report a:before, .m-is-answers .abuse-button:after, .m-is-answers .comment-report a:after { line-height: 14.4px; margin: 0 6px; vertical-align: middle; } .m-is-answers .abuse-button:before, .m-is-answers .comment-report a:before, .m-is-answers .abuse-button:after, .m-is-answers .comment-report a:after { line-height: 12px; } .m-is-answers .comment-report .report-abuse { display: none; } @media only screen and (min-width: 768px) { .m-is-answers .comment-report .report-abuse { vertical-align: top; display: inline-block; margin: 0 0 0 5px; line-height: 28px; color: #777; font-size: 13px; } } .m-is-answers .abuse-button { float: right; } .m-is-answers .social-sharing-widgets { clear: both; } .m-is-answers .wsl-favorite, .m-is-answers .twitter-share-button, .m-is-answers .fb-like { display: inline-block; vertical-align: top; } .m-is-answers .fb-like { display: inline-block !important; margin-right: 48px; } .m-is-answers .comment-list { clear: both; } .m-is-answers .comment-list > div { position: relative; } .m-is-answers .header-section { clear: both; position: relative; } .m-is-answers .comment-order { width: auto; position: static; } @media only screen and (min-width: 768px) { .m-is-answers .comment-order { margin-top: 56px; float: right; } } .m-is-answers .comment-order a:before { content: ""; } .m-is-answers .comment-order h3 { font-size: 13px; line-height: 16px; font-weight: normal; color: #777; margin-bottom: 6px; margin-left: 8px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-order h3 { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-order h3 { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-order h3 { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-answers .comment-order h3 { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-order h3 { display: inline; margin-right: 8px; } } .m-is-answers .section-settings { float: left; margin: 0; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .m-is-answers .section-settings { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-answers .section-settings { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-answers .section-settings { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-answers .section-settings { line-height: 16.8px; } } .m-is-answers .section-settings:before { display: none; } .m-is-answers .comment-item { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding-bottom: 24px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-item { padding-bottom: 28px; } } .m-is-answers .comment-toggle { margin-bottom: 16px; } @media only screen and (min-width: 1024px) { .m-is-answers .comment-number { position: absolute; left: -60px; } } .m-is-answers .comment-toggle a { color: #333; background-color: #ddd; text-align: center; display: inline-block; margin-right: 4px; width: 32px; height: 32px; } .m-is-answers .comment-report { width: 24px; margin-top: -24px; float: right; } @media only screen and (min-width: 768px) { .m-is-answers .comment-report { float: left; width: 248px; margin-top: 0; } } .m-is-answers .comment-author-image { margin: 0 16px 0 0; float: left; } .m-is-answers .comment-author-image img { width: 36px; height: 36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .m-is-answers .comment-author-name, .m-is-answers .comment-author-stars { display: block; } .m-is-answers .comment-author-link { color: #777; font-size: 15px; line-height: 20px; } .m-is-answers .comment-author-link:hover { color: #f00; } @media only screen and (min-width: 768px) { .m-is-answers .comment-author-link { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-author-link { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-author-link { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-author-link { line-height: 21px; } } .m-is-answers .comment-permalink { font-size: 13px; line-height: 16px; position: absolute; top: 24px; color: #777; left: 260px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-permalink { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-permalink { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-permalink { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-answers .comment-permalink { line-height: 16.8px; } } .m-is-answers .comment-permalink:hover { color: #f00; } @media only screen and (min-width: 768px) { .m-is-answers .comment-permalink { top: 28px; } } @media only screen and (min-width: 1024px) { .m-is-answers .comment-permalink:before { font-size: 16px; font-family: icons-min; content: "\f0c1"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .m-is-answers .comment-permalink:before:hover { text-decoration: none; } .m-is-answers .comment-permalink:after { content: ""; margin-right: 0; margin-left: 0; } } .m-is-answers .comment-actions { width: 100%; } .m-is-answers .comment-reply-link { font-size: 15px; line-height: 20px; float: right; text-align: right; } @media only screen and (min-width: 768px) { .m-is-answers .comment-reply-link { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-reply-link { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-reply-link { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-reply-link { line-height: 21px; } } .m-is-answers .comment-edit-link { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-edit-link { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-edit-link { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-edit-link { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-answers .comment-edit-link { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-edit-link { margin-left: 248px; } } .m-is-answers .comment-edit-link a { color: #777; } .m-is-answers .comment-edit-link a:hover { color: #f00; } .m-is-answers .comment-vote { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-vote { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-vote { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-vote { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .comment-vote { line-height: 21px; } } @media only screen and (min-width: 768px) { .m-is-answers .comment-vote { display: inline-block; } } .m-is-answers .comment-vote .question-text { display: block; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .m-is-answers .comment-vote .question-text { display: inline; } } .m-is-answers .comment-vote .vote-counter { font-size: 11px; font-weight: normal; margin-left: 6px; } .m-is-answers .comment-vote-up, .m-is-answers .comment-vote-up:hover { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; color: #fff; background-color: #72ac26; } .m-is-answers .comment-vote-up:hover, .m-is-answers .comment-vote-up:hover:hover { text-decoration: none; } .m-is-answers .comment-vote-up:active, .m-is-answers .comment-vote-up:hover:active, .m-is-answers .comment-vote-up:focus, .m-is-answers .comment-vote-up:hover:focus { padding-top: 1px; } .m-is-answers .comment-vote-down, .m-is-answers .comment-vote-down:hover { font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; color: #fff; background-color: #E03737; } .m-is-answers .comment-vote-down:hover, .m-is-answers .comment-vote-down:hover:hover { text-decoration: none; } .m-is-answers .comment-vote-down:active, .m-is-answers .comment-vote-down:hover:active, .m-is-answers .comment-vote-down:focus, .m-is-answers .comment-vote-down:hover:focus { padding-top: 1px; } @media only screen and (min-width: 1280px) { .m-is-answers .comment-vote, .m-is-answers .comment-report { visibility: hidden; } } @media only screen and (min-width: 1280px) { .m-is-answers .comment-root:hover .comment-vote, .m-is-answers .comment-root:hover .comment-report { visibility: visible; } } .m-is-answers .respuestas-post-related-content li { border-bottom: 1px solid #e9e9e9; padding-bottom: 12px; } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-post-related-content li { width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 14px; } } .m-is-answers .respuestas-post-related-content h3 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-post-related-content h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .m-is-answers .respuestas-post-related-content h3 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-post-related-content h3 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-answers .respuestas-post-related-content h3 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-post-related-content h3 { margin-bottom: 14px; } } .m-is-answers .respuestas-post-related-content .date { font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-post-related-content .date { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .respuestas-post-related-content .date { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .respuestas-post-related-content .date { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .respuestas-post-related-content .date { line-height: 21px; } } .m-is-answers .linkto-answers { margin: 0; font-size: 16px; } .m-is-answers .wsl-favorite { margin-right: 16px; } .m-is-answers .wsl-favorite .button { height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 32px; line-height: 32px; } .m-is-answers .wsl-favorite .button:hover { text-decoration: none; } .m-is-answers .wsl-favorite .button:active, .m-is-answers .wsl-favorite .button:focus { padding-top: 1px; } .m-is-answers .wsl-favorite .button:hover { background-color: #c93d3d; color: #fff; } .m-is-answers .wsl-favorite .button:hover { text-decoration: none; } .m-is-answers .wsl-favorite .button:active, .m-is-answers .wsl-favorite .button:focus { padding-top: 1px; } .m-is-answers .comment-write form { position: relative; } .m-is-answers .comment-write form .comment-terms { position: absolute; right: 0; } .m-is-answers .comment-submit .button, .m-is-answers .submit-area button { background-color: #900; background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .m-is-answers .comment-submit .button:hover, .m-is-answers .submit-area button:hover { background-color: #910000; color: #fff; } .m-is-answers .comment-submit .button:hover, .m-is-answers .submit-area button:hover { text-decoration: none; } .m-is-answers .comment-submit .button:active, .m-is-answers .submit-area button:active, .m-is-answers .comment-submit .button:focus, .m-is-answers .submit-area button:focus { padding-top: 1px; } .m-is-answers .comment-submit .button:hover, .m-is-answers .submit-area button:hover { background-color: #c93d3d; color: #fff; } .m-is-answers .comment-submit .button:hover, .m-is-answers .submit-area button:hover { text-decoration: none; } .m-is-answers .comment-submit .button:active, .m-is-answers .submit-area button:active, .m-is-answers .comment-submit .button:focus, .m-is-answers .submit-area button:focus { padding-top: 1px; } .m-is-answers .comment-write-shortcut .button { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .m-is-answers .comment-write-shortcut .button:hover { background-color: #910000; color: #fff; } .m-is-answers .comment-write-shortcut .button:hover { text-decoration: none; } .m-is-answers .comment-write-shortcut .button:active, .m-is-answers .comment-write-shortcut .button:focus { padding-top: 1px; } .m-is-answers .article-nav li { display: inline; } .m-is-answers .article-nav a { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .m-is-answers .article-nav a:hover { background-color: #910000; color: #fff; } .m-is-answers .article-nav a:hover { text-decoration: none; } .m-is-answers .article-nav a:active, .m-is-answers .article-nav a:focus { padding-top: 1px; } .m-is-answers .order-widget, .m-is-answers .comment-order { clear: both; } .m-is-answers .order-widget h2, .m-is-answers .comment-order h2 { float: left; } .m-is-answers .order-widget ul, .m-is-answers .comment-order ul { margin: 0; } @media only screen and (min-width: 768px) { .m-is-answers .order-widget ul, .m-is-answers .comment-order ul { float: right; margin: 0; } } .m-is-answers .order-widget li, .m-is-answers .comment-order li { display: inline-block; margin-top: 4px; } .m-is-answers .order-widget a, .m-is-answers .comment-order a { background-color: #f3f3f3; color: #777; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .m-is-answers .order-widget a:hover, .m-is-answers .comment-order a:hover { background-color: #f4f4f4; color: #333; } .m-is-answers .order-widget a:hover, .m-is-answers .comment-order a:hover { text-decoration: none; } .m-is-answers .order-widget a:active, .m-is-answers .comment-order a:active, .m-is-answers .order-widget a:focus, .m-is-answers .comment-order a:focus { padding-top: 1px; } .m-is-answers .order-widget a:hover, .m-is-answers .comment-order a:hover { text-decoration: none; } .m-is-answers .order-widget a:active, .m-is-answers .comment-order a:active, .m-is-answers .order-widget a:focus, .m-is-answers .comment-order a:focus { padding-top: 1px; } .m-is-answers .order-widget .current, .m-is-answers .comment-order .current { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .m-is-answers .order-widget .current:hover, .m-is-answers .comment-order .current:hover { background-color: #910000; color: #fff; } .m-is-answers .order-widget .current:hover, .m-is-answers .comment-order .current:hover { text-decoration: none; } .m-is-answers .order-widget .current:active, .m-is-answers .comment-order .current:active, .m-is-answers .order-widget .current:focus, .m-is-answers .comment-order .current:focus { padding-top: 1px; } .m-is-answers .order-widget .current:hover, .m-is-answers .comment-order .current:hover { text-decoration: none; } .m-is-answers .order-widget .current:active, .m-is-answers .comment-order .current:active, .m-is-answers .order-widget .current:focus, .m-is-answers .comment-order .current:focus { padding-top: 1px; } .forum-item h1 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .forum-item h1 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .forum-item h1 { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .forum-item h1 { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .forum-item h1 { margin-top: 42px; margin-bottom: 14px; } } .respuestas-author { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .respuestas-author { font-size: 16px; } } @media only screen and (min-width: 1150px) { .respuestas-author { font-size: 16px; } } @media only screen and (min-width: 768px) { .respuestas-author { line-height: 21px; } } @media only screen and (min-width: 1150px) { .respuestas-author { line-height: 21px; } } .m-is-answers .article-tags { display: inline-block; } @media only screen and (min-width: 768px) { .m-is-answers .article-tags { margin-left: 4em; } } @media only screen and (min-width: 768px) { .m-is-answers .article-tags { margin-left: 0; } } .m-is-answers .article-tags h2, .m-is-answers .article-tags ul, .m-is-answers .article-tags li { display: inline; } .m-is-answers .article-tags h2 { font-size: 15px; line-height: 20px; color: #777; font-weight: normal; } @media only screen and (min-width: 768px) { .m-is-answers .article-tags h2 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-answers .article-tags h2 { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-answers .article-tags h2 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-answers .article-tags h2 { line-height: 21px; } } .m-is-answers .article-tags a { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 25px; padding: 0 9.6px; border-radius: 2px; background-color: #C00; color: #fff; margin-bottom: 6px; margin-right: 4px; } @media only screen and (min-width: 768px) { .m-is-answers .article-tags a { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-answers .article-tags a { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-answers .article-tags a { height: 28px; line-height: 29px; } } @media only screen and (min-width: 1150px) { .m-is-answers .article-tags a { height: 28px; line-height: 29px; } } .m-is-answers .article-tags a:hover { background-color: #f00; } @media only screen and (min-width: 768px) { .m-is-answers .article-tags a { margin-bottom: 7px; } } .rows h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .rows h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .rows h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .rows h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .rows h2 { margin-top: 28px; margin-bottom: 14px; } } .rows h2 a { color: #333; } .rows h2 a:hover { color: #f00; } @media only screen and (min-width: 768px) { .m-is-answers .header-section h2 { display: inline-block; } } .aside-respuestas-categories li { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .aside-respuestas-categories li { font-size: 16px; } } @media only screen and (min-width: 1150px) { .aside-respuestas-categories li { font-size: 16px; } } @media only screen and (min-width: 768px) { .aside-respuestas-categories li { line-height: 21px; } } @media only screen and (min-width: 1150px) { .aside-respuestas-categories li { line-height: 21px; } } .m-is-answers .section-comments-respuestas .comment-edit-link { position: absolute; left: 0; margin: 0; top: -25px; } .m-is-contact .section-contact-us { overflow: hidden; display: flex; flex-direction: column; margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .m-is-contact .section-contact-us { justify-content: space-between; flex-direction: row; } } .m-is-contact .contact-wsl { margin-right: 16px; } @media only screen and (min-width: 1024px) { .m-is-contact .contact-wsl { display: inline-block; margin-right: 48px; vertical-align: top; } } .m-is-contact .contact-wsl .vcard div p { margin: 0; } .m-is-contact .contact-us-form { background-color: #ececec; padding: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } @media only screen and (min-width: 1024px) { .m-is-contact .contact-us-form { display: inline-block; align-self: baseline; } .m-is-contact .contact-us-form h2 { margin-top: 0 !important; } } .m-is-contact .contact-us-form input, .m-is-contact .contact-us-form textarea { display: block; width: 99%; resize: none; } .m-is-contact .nform-fieldgroup p { margin-bottom: 14px; } .m-is-contact .blockbuttons { display: block; text-align: center; padding: 16px; margin: 16px; background-color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .m-is-contact .blockred { color: #cc181e; } .m-is-contact .blockblue { color: #4267b2; } .m-is-contact .nform-fieldgroup .button { background-color: #900; background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .m-is-contact .nform-fieldgroup .button:hover { background-color: #910000; color: #fff; } .m-is-contact .nform-fieldgroup .button:hover { text-decoration: none; } .m-is-contact .nform-fieldgroup .button:active, .m-is-contact .nform-fieldgroup .button:focus { padding-top: 1px; } .m-is-contact .nform-fieldgroup .button:hover { background-color: #c93d3d; color: #fff; } .m-is-contact .nform-fieldgroup .button:hover { text-decoration: none; } .m-is-contact .nform-fieldgroup .button:active, .m-is-contact .nform-fieldgroup .button:focus { padding-top: 1px; } .m-is-contact .vcard a:hover { color: #f00; } /* styles for contact pop ups */ .modal-contact-overlay { position: fixed; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; left: 0; top: 0; } .modal-contact { width: 85%!important; background: #ececec; padding-bottom: 16px; } @media only screen and (min-width: 768px) { .modal-contact { width: 80%!important; } } @media only screen and (min-width: 1024px) { .modal-contact { max-width: 696px; } } .modal-contact .ui-widget-header { background: transparent; } .modal-contact .modal { padding: 0 16px; } .modal-contact .modal h2 { margin: 0; } .modal-contact .modal p { margin: 16px 0; } .modal-contact .modal .nform { background: #fff; border: 1px solid #dfdfdf; padding: 28px; } .modal-contact .modal .nform .form-rows { margin: 0 0 28px 0; } .modal-contact .modal .nform .form-rows label { display: inline-block; width: 100%; line-height: 24px; margin-bottom: 0; margin-right: 32px; } .modal-contact .modal .nform .form-rows input, .modal-contact .modal .nform .form-rows textarea { width: 100%; } .modal-contact .modal .nform .form-rows textarea { resize: none; } /* for mobile support of jira dialog */ #atlwdg-container { max-width: 95%; } #atlwdg-container iframe { min-height: 300px; } .m-is-user { margin-bottom: 48px; } .m-is-user #profile { margin-top: 24px; } @media only screen and (min-width: 1024px) { .m-is-user #profile { margin: 0; float: left; width: 60%; } } @media only screen and (min-width: 1024px) { .m-is-user #experts { float: right; width: 35%; } } .m-is-user #experts h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .m-is-user #experts h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .m-is-user #experts h2 { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .m-is-user #experts h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-user #experts h2 { margin-top: 28px; margin-bottom: 14px; } } .m-is-user #experts li { display: inline-block; vertical-align: top; } .m-is-user a:hover { color: #f00; } .m-is-user .userid { clear: both; } .m-is-user #activity { margin-top: 64px; } .m-is-user #addexpert { background-color: #900; background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .m-is-user #addexpert:hover { background-color: #910000; color: #fff; } .m-is-user #addexpert:hover { text-decoration: none; } .m-is-user #addexpert:active, .m-is-user #addexpert:focus { padding-top: 1px; } .m-is-user #addexpert:hover { background-color: #c93d3d; color: #fff; } .m-is-user #addexpert:hover { text-decoration: none; } .m-is-user #addexpert:active, .m-is-user #addexpert:focus { padding-top: 1px; } .m-is-user #addexpert a { color: #fff; } .m-is-user .vcard p { margin: 0; } .m-is-user .vcard blockquote { border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; margin: 12px 0; } @media only screen and (min-width: 768px) { .m-is-user .vcard blockquote { padding: 0 0 0 24px; } } .m-is-user .vcard blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .m-is-user .vcard blockquote blockquote { padding: 0 0 0 24px; } } .m-is-user .vcard blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .m-is-user .vcard .photo { float: left; margin-right: 16px; margin-bottom: 8px; } .m-is-user .vcard .photo .photo { margin-right: 0; margin-bottom: 0; } .m-is-user .vcard .nickname { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin-top: 0; display: inline; } @media only screen and (min-width: 768px) { .m-is-user .vcard .nickname { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .m-is-user .vcard .nickname { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 768px) { .m-is-user .vcard .nickname { margin-top: 42px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-user .vcard .nickname { margin-top: 42px; margin-bottom: 14px; } } .m-is-user .vcard .url { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .m-is-user .vcard .url { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user .vcard .url { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user .vcard .url { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user .vcard .url { line-height: 16.8px; } } .m-is-user .profile-data { margin-top: 24px; font-size: 13px; line-height: 16px; color: #777; clear: left; } @media only screen and (min-width: 768px) { .m-is-user .profile-data { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user .profile-data { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user .profile-data { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user .profile-data { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .m-is-user .profile-data { margin-top: 28px; } } @media only screen and (min-width: 1024px) { .m-is-user .profile-data { margin-top: 24px; } } .m-is-user .profile-data p { margin: 0 0 6px; } .m-is-user #activity { background: #ececec; padding: 8px; } @media only screen and (min-width: 1024px) { .m-is-user #activity { padding: 12px; } } .m-is-user #activity .panes { overflow: hidden; background: #fbfbfb; } .m-is-user #activity .tabs { font-size: 13px; line-height: 16px; margin: 0; white-space: nowrap; } @media only screen and (min-width: 768px) { .m-is-user #activity .tabs { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user #activity .tabs { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user #activity .tabs { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user #activity .tabs { line-height: 16.8px; } } .m-is-user #activity .tabs li { display: inline-block; } @media only screen and (min-width: 768px) { .m-is-user #activity .tabs li { display: inline; } } .m-is-user #activity .tabs a { display: block; padding: 16px; } @media only screen and (min-width: 768px) { .m-is-user #activity .tabs a { display: inline-block; border: none; border-bottom: 1px solid #ccc; } } .m-is-user #activity .tabs .current { padding: 16px; background: #fbfbfb; border-bottom: 1px solid #ccc; } .m-is-user #activity .tabs a.current, .m-is-user #activity .tabs li.current a { display: inline-block; color: #333; font-weight: bold; border: none; } .m-is-user #activity .tabs a.current:hover, .m-is-user #activity .tabs li.current a:hover { color: #f00; } .m-is-user #activity .tabs li.current a { padding: 0; } .m-is-user #activity .tabs .s img { vertical-align: text-bottom; } .m-is-user .posts, .m-is-user .convs { margin: 0 0 24px; } @media only screen and (min-width: 768px) { .m-is-user .posts, .m-is-user .convs { margin-bottom: 28px; } } @media only screen and (min-width: 1024px) { .m-is-user .posts, .m-is-user .convs { float: left; width: 45.5%; margin: 24px 0 24px 3%; } } @media only screen and (min-width: 1024px) { .m-is-user .all .posts, .m-is-user .all .convs { float: none; width: 94%; } } .m-is-user .posts h3, .m-is-user .convs h3, .m-is-user #comment-activity { margin: 12px 16px; } @media only screen and (min-width: 1024px) { .m-is-user .posts h3, .m-is-user .convs h3, .m-is-user #comment-activity { margin: 0 0 12px; } } .m-is-user .posts li { display: inline-block; } .m-is-user .item { padding: 12px 16px; background: #fff; border-bottom: 1px solid #ccc; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-user .item { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-user .item { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-user .item { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-user .item { line-height: 21px; } } @media only screen and (min-width: 1024px) { .m-is-user .item { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-bottom: none; padding: 12px 24px; } } .m-is-user .item .expert { margin-left: 0; display: block; font-size: 13px; line-height: 16px; color: #777; } @media only screen and (min-width: 768px) { .m-is-user .item .expert { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user .item .expert { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user .item .expert { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user .item .expert { line-height: 16.8px; } } .m-is-user .item .expert img { float: left; width: 32px; height: auto; max-height: 32px; overflow: hidden; background: #ececec; display: inline-block; vertical-align: middle; margin-bottom: 12px; margin-right: 16px; } .m-is-user .item h4 { display: inline; margin-left: 0; font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-user .item h4 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-user .item h4 { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-user .item h4 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-user .item h4 { line-height: 21px; } } .m-is-user .item h4 a { color: #333; } .m-is-user .item h4 a:hover { color: #f00; } .m-is-user .item p { font-size: 15px; line-height: 20px; clear: left; } @media only screen and (min-width: 768px) { .m-is-user .item p { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-user .item p { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-user .item p { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-user .item p { line-height: 21px; } } .m-is-user .item .date, .m-is-user .item .rate, .m-is-user .item .karma { font-size: 13px; line-height: 16px; color: #777; } @media only screen and (min-width: 768px) { .m-is-user .item .date, .m-is-user .item .rate, .m-is-user .item .karma { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user .item .date, .m-is-user .item .rate, .m-is-user .item .karma { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user .item .date, .m-is-user .item .rate, .m-is-user .item .karma { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user .item .date, .m-is-user .item .rate, .m-is-user .item .karma { line-height: 16.8px; } } .m-is-user .item ul { margin-bottom: 0; } .m-is-user #expertsact .expert img { float: none; } .m-is-user .item p, .m-is-user .item ul { margin: 12px 0; } @media only screen and (min-width: 768px) { .m-is-user .item p, .m-is-user .item ul { margin: 12px 0; } } .m-is-user .to-comments { float: right; margin-left: 16px; } .m-is-user .to-comments a:after { font-size: 24px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .m-is-user .to-comments a:after:hover { text-decoration: none; } .m-is-user .to-comments a:before { content: ""; margin-right: 0; margin-left: 0; } .m-is-user #comment-activity h4 { font-size: 15px; line-height: 20px; font-weight: normal; margin: 0; } @media only screen and (min-width: 768px) { .m-is-user #comment-activity h4 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-user #comment-activity h4 { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-user #comment-activity h4 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-user #comment-activity h4 { line-height: 21px; } } @media only screen and (min-width: 768px) { .m-is-user #comment-activity h4 { margin: 0; } } @media only screen and (min-width: 1024px) { .m-is-user #comment-activity h4 { margin: 0; } } .m-is-user #comment-activity span { font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .m-is-user #comment-activity span { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user #comment-activity span { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user #comment-activity span { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user #comment-activity span { line-height: 16.8px; } } .m-is-user #comment-activity ul { font-size: 13px; line-height: 16px; display: inline; color: #777; } @media only screen and (min-width: 768px) { .m-is-user #comment-activity ul { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user #comment-activity ul { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user #comment-activity ul { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user #comment-activity ul { line-height: 16.8px; } } .m-is-user #comment-activity li { white-space: nowrap; } .m-is-user .convs li { display: inline; margin-right: 16px; } .m-is-user .convs .item h4 { font-weight: normal; } .m-is-user .convs .item h4 span { font-size: 13px; line-height: 16px; white-space: nowrap; color: #777; } @media only screen and (min-width: 768px) { .m-is-user .convs .item h4 span { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-user .convs .item h4 span { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-user .convs .item h4 span { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-user .convs .item h4 span { line-height: 16.8px; } } .m-is-user .more { margin-top: 24px; } .m-is-user .more a { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 28px; line-height: 29px; padding-left: 12px; padding-right: 12px; } .m-is-user .more a:hover { background-color: #910000; color: #fff; } .m-is-user .more a:hover { text-decoration: none; } .m-is-user .more a:active, .m-is-user .more a:focus { padding-top: 1px; } .m-is-user .more a:hover { text-decoration: none; } .m-is-user .more a:active, .m-is-user .more a:focus { padding-top: 1px; } .m-is-user .more a[rel="external nofollow"] { background: transparent; vertical-align: text-top; } .m-is-user .all .more { margin: 24px 16px; } @media only screen and (min-width: 1024px) { .m-is-user .all .more { margin: 24px 0; } } .m-is-user #comment-nav { font-size: 15px; line-height: 20px; margin: 24px 16px; } @media only screen and (min-width: 768px) { .m-is-user #comment-nav { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-user #comment-nav { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-user #comment-nav { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-user #comment-nav { line-height: 21px; } } @media only screen and (min-width: 768px) { .m-is-user #comment-nav { float: right; margin: 24px 0; } } @media only screen and (min-width: 768px) { .m-is-user #comment-nav ul { display: inline; } } .m-is-user #comment-nav a { padding: 8px; background-color: #C00; color: #fff; } .m-is-user #comment-nav a:hover { background-color: #f00; } .m-is-thebest { overflow: hidden; } .m-is-thebest .index-list .item { position: relative; padding: 12px 0; margin: 0 0 24px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 480px) { .m-is-thebest .index-list .item { max-width: 46%; margin-left: 1%; display: inline-block; vertical-align: top; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .item { max-width: 47%; margin-left: 1.5%; } } @media only screen and (min-width: 1024px) { .m-is-thebest .index-list .item { float: none; clear: none; max-width: 100%; margin-left: 0; } } @media only screen and (min-width: 480px) { .m-is-thebest .index-list .item { display: block; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .item { padding: 28px 0; } } .m-is-thebest .index-list .item .post-image, .m-is-thebest .index-list .item h2, .m-is-thebest .index-list .item .post-comments, .m-is-thebest .index-list .item .post-author, .m-is-thebest .index-list .item .post-body, .m-is-thebest .index-list .item .post-best-comment { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .item .post-image, .m-is-thebest .index-list .item h2, .m-is-thebest .index-list .item .post-comments, .m-is-thebest .index-list .item .post-author, .m-is-thebest .index-list .item .post-body, .m-is-thebest .index-list .item .post-best-comment { margin-left: 24px; margin-right: 24px; } } .m-is-thebest .index-list .item a:hover { color: #f00; } .m-is-thebest .index-list h2 { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin: 0; } @media only screen and (min-width: 768px) { .m-is-thebest .index-list h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list h2 { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list h2 { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list h2 { margin: 0; } } .m-is-thebest .index-list h2 a { color: #333; } .m-is-thebest .index-list h2 a:hover { color: #f00; } .m-is-thebest .index-list .post-image img { float: right; max-width: 40%; height: auto; margin-left: 8px; margin-bottom: 12px; } @media only screen and (min-width: 1024px) { .m-is-thebest .index-list .post-image img { float: left; margin-left: 0; margin-right: 12px; margin-bottom: 14px; } } .m-is-thebest .index-list .post-author { clear: right; font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-author { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-author { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-author { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-author { line-height: 21px; } } @media only screen and (min-width: 480px) { .m-is-thebest .index-list .post-author { clear: none; } } @media only screen and (min-width: 1024px) { .m-is-thebest .index-list .post-author { margin-top: 12px; } } .m-is-thebest .index-list .post-author img { float: left; margin-right: 12px; } @media only screen and (min-width: 1024px) { .m-is-thebest .index-list .post-author img { margin-top: 5px; } } .m-is-thebest .index-list .post-author .fecha { display: block; } .m-is-thebest .index-list .post-comments, .m-is-thebest .index-list .post-body .read-more { font-size: 15px; line-height: 20px; margin: 12px 0; } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-comments, .m-is-thebest .index-list .post-body .read-more { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-comments, .m-is-thebest .index-list .post-body .read-more { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-comments, .m-is-thebest .index-list .post-body .read-more { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-comments, .m-is-thebest .index-list .post-body .read-more { line-height: 21px; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-comments, .m-is-thebest .index-list .post-body .read-more { float: right; margin: 0; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-comments { margin: 28px 0; } } .m-is-thebest .index-list .post-comments a:after { font-size: 16px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .m-is-thebest .index-list .post-comments a:after:hover { text-decoration: none; } .m-is-thebest .index-list .post-comments a:before { content: ""; margin-right: 0; margin-left: 0; } .m-is-thebest .index-list .post-best-comment { font-size: 15px; line-height: 20px; margin-top: 12px; } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-best-comment { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-best-comment { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-best-comment { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-best-comment { line-height: 21px; } } @media only screen and (min-width: 1024px) { .m-is-thebest .index-list .post-best-comment { margin-left: 166px; } } .m-is-thebest .index-list .post-best-comment q { color: #777; } .m-is-thebest .index-list .post-best-comment q:hover { color: #f00; } .m-is-thebest .index-list .comment-author { width: auto; color: #777; } .m-is-thebest .index-list .comment-author:before { font-size: 16px; font-family: icons-min; content: "\f086"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .m-is-thebest .index-list .comment-author:before:hover { text-decoration: none; } .m-is-thebest .index-list .comment-author:after { content: ""; margin-right: 0; margin-left: 0; } .m-is-thebest .index-list .post-body { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-body { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-body { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-thebest .index-list .post-body { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-thebest .index-list .post-body { line-height: 21px; } } @media only screen and (min-width: 1024px) { .m-is-thebest .index-list .post-body { clear: left; } } .m-is-thebest .index-list .button { background-color: #900; background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; height: 56px; line-height: 56px; padding-left: 32px; padding-right: 32px; border-radius: 56px; font-size: 120%; } .m-is-thebest .index-list .button:hover { background-color: #910000; color: #fff; } .m-is-thebest .index-list .button:hover { text-decoration: none; } .m-is-thebest .index-list .button:active, .m-is-thebest .index-list .button:focus { padding-top: 1px; } .m-is-thebest .index-list .button:hover { background-color: #c93d3d; color: #fff; } .m-is-thebest .index-list .button:hover { text-decoration: none; } .m-is-thebest .index-list .button:active, .m-is-thebest .index-list .button:focus { padding-top: 1px; } .m-is-thebest .index-list .button:hover { text-decoration: none; } .m-is-thebest .index-list .button:active, .m-is-thebest .index-list .button:focus { padding-top: 1px; } @media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .m-is-thebest .index-list .post-comments { clear: right; } .m-is-thebest .index-list h2 { max-width: 43%; padding-right: 2%; } } .m-is-archive .home-content { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .m-is-archive .home-content { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .m-is-archive .home-content { max-width: 100%; margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1150px) { .m-is-archive .home-content { max-width: 1044px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .m-is-archive .home-content { max-width: 1368px; } } .m-is-archive #archive, .m-is-archive #by-category, .m-is-archive #tag-cloud { overflow: hidden; } .m-is-archive .category, .m-is-archive .year { position: relative; margin: 24px 0 0; display: inline-block; vertical-align: top; width: 100%; } @media only screen and (min-width: 480px) { .m-is-archive .category, .m-is-archive .year { width: 49%; } } @media only screen and (min-width: 768px) { .m-is-archive .category, .m-is-archive .year { width: 32%; font-size: 15px; line-height: 20px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .m-is-archive .category, .m-is-archive .year { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .m-is-archive .category, .m-is-archive .year { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .m-is-archive .category, .m-is-archive .year { line-height: 21px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .m-is-archive .category, .m-is-archive .year { line-height: 21px; } } @media only screen and (min-width: 1024px) { .m-is-archive .category, .m-is-archive .year { width: 24%; } } @media only screen and (min-width: 1600px) { .m-is-archive .category, .m-is-archive .year { width: 19.5%; } } .m-is-archive .category h3, .m-is-archive .year h3 { font-size: 15px; line-height: 20px; text-transform: uppercase; margin-top: 0; border-bottom: 1px solid #e9e9e9; padding-left: 16px; padding-bottom: 12px; } @media only screen and (min-width: 768px) { .m-is-archive .category h3, .m-is-archive .year h3 { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-archive .category h3, .m-is-archive .year h3 { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-archive .category h3, .m-is-archive .year h3 { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-archive .category h3, .m-is-archive .year h3 { line-height: 21px; } } @media only screen and (min-width: 768px) { .m-is-archive .category h3, .m-is-archive .year h3 { margin-top: 0; padding-left: 24px; padding-bottom: 14px; } } .m-is-archive .category li, .m-is-archive .year li { margin: 12px 0 12px 16px; color: #777; } @media only screen and (min-width: 768px) { .m-is-archive .category li, .m-is-archive .year li { margin-top: 14px; margin-bottom: 14px; margin-left: 24px; } } .m-is-archive .category li a:hover, .m-is-archive .year li a:hover { color: #f00; } .m-is-archive .cloud { text-align: center; font-size: 15px; line-height: 20px; color: #777; } @media only screen and (min-width: 768px) { .m-is-archive .cloud { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-archive .cloud { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-archive .cloud { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-archive .cloud { line-height: 21px; } } .m-is-archive .cloud li { display: inline-block; margin: 0 16px 12px; } @media only screen and (min-width: 768px) { .m-is-archive .cloud li { margin: 0 12px 14px; } } .v-popular { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .v-popular { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .v-popular { font-size: 23px; line-height: 29.4px; } } .vv-popular { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 22px; line-height: 28.8px; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .vv-popular { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .vv-popular { font-size: 28px; line-height: 35px; } } .vvv-popular { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 768px) { .vvv-popular { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .vvv-popular { font-size: 40px; line-height: 44.8px; } } .list-archive ul, .list-archive ul li { list-style-type: disc; } .list-archive li { margin: 12px 0 12px 16px; } @media only screen and (min-width: 768px) { .list-archive li { margin: 14px 0 14px 24px; } } /* Static page style */ .m-is-static .article-header, .m-is-static .article-content, .m-is-static .page-content { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .m-is-static .article-header, .m-is-static .article-content, .m-is-static .page-content { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .m-is-static .article-header, .m-is-static .article-content, .m-is-static .page-content { margin-left: auto; margin-right: auto; } } .m-is-static .article-header h1, .m-is-static .blob p, .m-is-static .blob ul, .m-is-static .blob ol, .m-is-static .blob blockquote { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .m-is-whoweare blockquote { border-left: 6px solid #e9e9e9; padding: 0 0 0 16px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; margin-bottom: 14px; } @media only screen and (min-width: 768px) { .m-is-whoweare blockquote { padding: 0 0 0 24px; } } .m-is-whoweare blockquote blockquote { border: none; padding: 0; } @media only screen and (min-width: 768px) { .m-is-whoweare blockquote blockquote { padding: 0 0 0 24px; } } .m-is-whoweare blockquote p { font-family: Georgia, Times New Roman, Times, serif; font-weight: 400; font-style: italic; } .m-is-whoweare a.foot-list-item:hover { color: #fff; } .m-is-whoweare .foot-backlink:hover { color: #fff; } .m-is-whoweare .view-more a.btn-primary:hover { color: #ffffff; } .m-is-whoweare .button-contact { background-color: #900; background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .m-is-whoweare .button-contact:hover { background-color: #910000; color: #fff; } .m-is-whoweare .button-contact:hover { text-decoration: none; } .m-is-whoweare .button-contact:active, .m-is-whoweare .button-contact:focus { padding-top: 1px; } .m-is-whoweare .button-contact:hover { background-color: #c93d3d; color: #fff; } .m-is-whoweare .button-contact:hover { text-decoration: none; } .m-is-whoweare .button-contact:active, .m-is-whoweare .button-contact:focus { padding-top: 1px; } .m-is-whoweare .content-dinamic .section-staff { margin-top: 48px; } .m-is-whoweare .content-dinamic .section-staff:before { display: none; } .m-is-whoweare .staff-editores, .m-is-whoweare .staff-colaboradores, .m-is-whoweare .staff-wsl { border-top: none; clear: both; overflow: hidden; } .m-is-whoweare h2, .m-is-whoweare .nav, .m-is-whoweare .header-section li { margin: 0; padding-top: 0; display: inline-block; } @media only screen and (min-width: 1024px) { .m-is-whoweare h2, .m-is-whoweare .nav, .m-is-whoweare .header-section li { margin-right: 24px; } } .m-is-whoweare .nav ul { margin: 0; padding: 0; } .m-is-whoweare .nav-articles { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-whoweare .nav-articles { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .nav-articles { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-whoweare .nav-articles { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .nav-articles { line-height: 21px; } } .m-is-whoweare .head-menu h2 { display: none; } .m-is-whoweare .staff-item { border: none; padding: 16px; margin: 24px 0; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 1024px) { .m-is-whoweare .staff-item { width: 42%; min-height: 420px; margin: 24px 12px 6px; display: inline-block; vertical-align: top; } } .m-is-whoweare .section-staff .article-header { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; margin: 0; } @media only screen and (min-width: 768px) { .m-is-whoweare .section-staff .article-header { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .section-staff .article-header { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .m-is-whoweare .section-staff .article-header { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .section-staff .article-header { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1024px) { .m-is-whoweare .section-staff .article-header { margin: 0; } } .m-is-whoweare .article-metadata { width: 100%; padding: 16px 0; } .m-is-whoweare .article-author { position: relative; width: 100%; margin: 0; font-size: 13px; } .m-is-whoweare .figure { float: right; clear: both; max-width: 100px; margin: 0 0 24px 16px; } .m-is-whoweare .figure img { display: block; width: 100%; height: auto; } @media only screen and (min-width: 1024px) { .m-is-whoweare .figure { float: left; margin: 0 24px 24px 0; width: 150px; } } .m-is-whoweare .article-summary { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-whoweare .article-summary { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .article-summary { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-whoweare .article-summary { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .article-summary { line-height: 21px; } } .m-is-whoweare .staff-editores .article-summary { width: auto; float: none; } @media only screen and (min-width: 1024px) { .m-is-whoweare .staff-editores .article-summary { width: 270px; float: left; margin-bottom: 16px; } } .m-is-whoweare .staff-editores .article-summary p { margin: 0; padding: 0; } .m-is-whoweare .staff-colaboradores .staff-item { min-height: 250px; } .m-is-whoweare .staff-colaboradores .figure { width: 48px; } @media only screen and (min-width: 1024px) { .m-is-whoweare .staff-colaboradores .figure { width: 48px; } } .m-is-whoweare .staff-colaboradores .article-metadata { padding: 0 0 16px; } .m-is-whoweare .article-links { font-size: 13px; line-height: 16px; clear: both; margin: 12px 0 0; border: none; } @media only screen and (min-width: 768px) { .m-is-whoweare .article-links { font-size: 13px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .article-links { font-size: 13px; } } @media only screen and (min-width: 768px) { .m-is-whoweare .article-links { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-whoweare .article-links { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .m-is-whoweare .article-links { margin: 14px 0 0; } } .m-is-whoweare .article-links a { color: #777; } .m-is-whoweare .article-links a:hover { color: #f00; } .m-is-whoweare .staff-wsl .section-description, .m-is-whoweare .staff-credits { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-whoweare .staff-wsl .section-description, .m-is-whoweare .staff-credits { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .staff-wsl .section-description, .m-is-whoweare .staff-credits { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-whoweare .staff-wsl .section-description, .m-is-whoweare .staff-credits { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .staff-wsl .section-description, .m-is-whoweare .staff-credits { line-height: 21px; } } .m-is-whoweare .section-description { margin: 12px 0; } @media only screen and (min-width: 1024px) { .m-is-whoweare .section-description { margin: 14px 0; } } .m-is-whoweare .masthead { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { .m-is-whoweare .masthead { font-size: 16px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .masthead { font-size: 16px; } } @media only screen and (min-width: 768px) { .m-is-whoweare .masthead { line-height: 21px; } } @media only screen and (min-width: 1150px) { .m-is-whoweare .masthead { line-height: 21px; } } .m-is-whoweare .masthead a { margin: 12px 0 12px 24px; display: block; } @media only screen and (min-width: 1024px) { .m-is-whoweare .masthead a { display: inline; margin: 0 0 0 24px; } } .m-is-whoweare .masthead span { display: inline; } .m-is-whoweare .staff-twitter, .m-is-whoweare .staff-email, .m-is-whoweare .staff-blog { width: auto; vertical-align: top; display: inline-block; } .m-is-whoweare .staff-twitter:before { font-size: 16px; font-family: icons-min; content: "\e61b"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .m-is-whoweare .staff-twitter:before:hover { text-decoration: none; } .m-is-whoweare .staff-twitter:after { content: ""; margin-right: 0; margin-left: 0; } .m-is-whoweare .staff-email:before { font-size: 16px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .m-is-whoweare .staff-email:before:hover { text-decoration: none; } .m-is-whoweare .staff-email:after { content: ""; margin-right: 0; margin-left: 0; } .m-is-whoweare .staff-blog:before { font-size: 16px; font-family: icons-min; content: "\f0c1"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .m-is-whoweare .staff-blog:before:hover { text-decoration: none; } .m-is-whoweare .staff-blog:after { content: ""; margin-right: 0; margin-left: 0; } .m-is-author { padding-top: 1px; padding-bottom: 1px; } .m-is-author .article-content { clear: right; } .m-is-author .author-archives li { list-style-type: disc; margin-left: 16px; margin-bottom: 12px; } .m-is-author .author-archives .list-head { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; margin-top: 24px; margin-bottom: 12px; list-style-type: none; margin-left: 0; } @media only screen and (min-width: 768px) { .m-is-author .author-archives .list-head { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .m-is-author .author-archives .list-head { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 768px) { .m-is-author .author-archives .list-head { margin-top: 28px; margin-bottom: 14px; } } @media only screen and (min-width: 1150px) { .m-is-author .author-archives .list-head { margin-top: 28px; margin-bottom: 14px; } } .m-is-author .author-avatar { max-width: 100px; max-height: 100px; height: auto; float: right; margin-bottom: 12px; } .section-modal-overlay { position: fixed; background: rgba(0, 0, 0, 0.8); } .section-modal-container { position: fixed; box-sizing: border-box; overflow: auto; } .section-modal-container.is-block { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; } .section-modal-container { top: 0; width: 0; height: 0; z-index: -1; left: 0; right: 0; } .section-modal { opacity: 0; transition: opacity 1s ease-in; position: relative; } .section-modal-container.is-block .section-modal { opacity: 1; } .section-modal-disclaimer-logo { position: relative; display: block; padding-top: 12px; text-align: right; } @media only screen and (min-width: 768px) { .section-modal-disclaimer-logo { position: absolute; right: 72px; top: 36px; display: inline-block; padding-top: 0; } } .section-modal { background: #eee; width: 100%; } @media only screen and (min-width: 1024px) { .section-modal { max-width: 696px; margin-left: auto; margin-right: auto; margin-top: 2%; margin-bottom: 2%; } } .section-modal-header { padding: 24px 16px 18px; } @media only screen and (min-width: 1024px) { .section-modal-header { padding: 28px 24px; } } .section-modal-content { padding: 24px 16px 24px; border-top: 1px solid #e9e9e9; } @media only screen and (min-width: 1024px) { .section-modal-content { padding: 28px 24px; } } .m-vertical-edges { padding: 0 24px; } .section-modal-actions { padding: 24px 16px 24px; border-top: 1px solid #e9e9e9; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } @media only screen and (min-width: 1024px) { .section-modal-actions { padding: 28px 24px; } } .section-modal-header { display: flex; justify-content: space-between; } .section-modal-heading { margin-top: 0; margin-bottom: 0; align-self: center; color: #777; margin-right: 8px; } .m-title-giphy { width: auto; } @media only screen and (min-width: 768px) { .m-title-giphy { width: 62%; } } @media only screen and (min-width: 1024px) { .section-modal.m-modal-user-comments { max-width: 1044px; } } .section-modal.m-modal-user-comments .section-modal-actions { flex-direction: column-reverse; } @media only screen and (min-width: 480px) { .section-modal.m-modal-user-comments .section-modal-actions { flex-direction: row; } } .modal-actions-primary { margin-bottom: 0; } .modal-actions-primary .btn-prev { margin-right: 12px; } .modal-actions-secondary { margin-top: 24px; } @media only screen and (min-width: 480px) { .modal-actions-secondary { margin-top: 0; } } .form-hint { margin-bottom: 0; } @media only screen and (min-width: 1024px) { .section-modal.m-modal-user-deactivate { max-width: 900px; } } .section-modal.m-modal-user-deactivate .section-modal-heading { max-width: 75%; word-wrap: break-word; } @media only screen and (min-width: 768px) { .section-modal.m-modal-user-deactivate .section-modal-heading { max-width: 80%; } } .section-modal.m-modal-user-deactivate .btn-action-delete, .section-modal.m-modal-user-deactivate .btn-primary { margin-top: 12px; } @media only screen and (min-width: 768px) { .section-modal.m-modal-user-deactivate .btn-action-delete, .section-modal.m-modal-user-deactivate .btn-primary { margin-top: 0; } } @media only screen and (min-width: 1024px) { .section-modal.m-modal-user-deactivate-message { max-width: 900px; margin-top: 15%; } } .section-modal.m-modal-user-deactivate-message .btn-action-delete, .section-modal.m-modal-user-deactivate-message .btn-primary { margin-top: 0; } @media only screen and (min-width: 768px) { .section-modal.m-modal-user-deactivate-message .btn-action-delete, .section-modal.m-modal-user-deactivate-message .btn-primary { margin-top: 0; } } .section-modal.m-modal-user-deactivate-message .section-modal-heading { max-width: 75%; word-wrap: break-word; } @media only screen and (min-width: 768px) { .section-modal.m-modal-user-deactivate-message .section-modal-heading { max-width: 80%; } } .section-modal.m-modal-user-deactivate-message .section-modal-actions { justify-content: flex-end; } .section-modal-content.m-faded { background: #ececec; color: #777; font-size: 15px; } @media only screen and (min-width: 768px) { .section-modal-content.m-faded { font-size: 16px; } } @media only screen and (min-width: 1150px) { .section-modal-content.m-faded { font-size: 16px; } } .cancel-deactive-link { color: #777; font-size: 15px; line-height: 20px; } .cancel-deactive-link:hover { color: #f00; } @media only screen and (min-width: 768px) { .cancel-deactive-link { font-size: 16px; } } @media only screen and (min-width: 1150px) { .cancel-deactive-link { font-size: 16px; } } @media only screen and (min-width: 768px) { .cancel-deactive-link { line-height: 21px; } } @media only screen and (min-width: 1150px) { .cancel-deactive-link { line-height: 21px; } } .cancel-deactive-link:before { font-size: 24px; font-family: icons-min; content: "\e626"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .cancel-deactive-link:before:hover { text-decoration: none; } .cancel-deactive-link:after { content: ""; margin-right: 0; margin-left: 0; } .cancel-deactive-link::before { content: "\2039"; vertical-align: inherit; } .form-box { width: 100%; } .form-hint { font-size: 13px; line-height: 16px; color: #777; margin-top: 6px; display: block; } @media only screen and (min-width: 768px) { .form-hint { font-size: 13px; } } @media only screen and (min-width: 1150px) { .form-hint { font-size: 13px; } } @media only screen and (min-width: 768px) { .form-hint { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .form-hint { line-height: 16.8px; } } .form-label, .form-label-checkbox { margin-bottom: 20.4px; position: relative; width: 100%; display: flex; flex-direction: column; } .form-label:last-child, .form-label-checkbox:last-child { margin-bottom: 0; } .form-label-checkbox { display: block; } .form-label-text { font-weight: 700; } .form-input, input.form-input, .form-textarea { font-size: 13px; line-height: 16px; width: 100%; margin-top: 6px; box-sizing: border-box; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); max-width: 372px; } @media only screen and (min-width: 768px) { .form-input, input.form-input, .form-textarea { font-size: 13px; } } @media only screen and (min-width: 1150px) { .form-input, input.form-input, .form-textarea { font-size: 13px; } } @media only screen and (min-width: 768px) { .form-input, input.form-input, .form-textarea { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .form-input, input.form-input, .form-textarea { line-height: 16.8px; } } .form-textarea { padding: 6px 8px; height: 120px; max-width: none; } @media only screen and (min-width: 1024px) { .form-textarea { height: 72px; } } .form-user-image { display: flex; padding-top: 12px; margin-bottom: 24px; } .form-user-image-avatar { width: 48px; height: 48px; } .form-user-image-actions { display: flex; flex-direction: column; align-items: baseline; margin-left: 16px; } .form-max-character { position: absolute; right: 0; top: 0; color: #777; } @media only screen and (min-width: 1024px) { .form-fieldset .form-hint { margin-left: 18px; display: inline-block; } } .form-search-basic { display: flex; justify-content: space-between; width: 100%; align-items: center; } input.form-input-search { max-width: 100%; margin: 0 8px 0 0; } .form-search-button { background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; overflow: hidden; white-space: normal; padding: 0; width: 46px; height: 40px; } .form-search-button:hover { background-color: #c93d3d; color: #fff; } .form-search-button:hover { text-decoration: none; } .form-search-button:active, .form-search-button:focus { padding-top: 1px; } .form-search-button:before { font-size: 24px; font-family: icons-min; content: "\e60a"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .form-search-button:before:hover { text-decoration: none; } .form-search-button:after { content: ""; margin-right: 0; margin-left: 0; } .form-search-button:before, .form-search-button:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .form-search-button:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .form-search-button:before, .form-search-button:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } @media only screen and (min-width: 768px) { .form-search-button { padding: 0; height: 44px; } } .form-input-file { display: none; } .article.m-is-error .article-header { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .article.m-is-error .article-header { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .article.m-is-error .article-header { margin-left: auto; margin-right: auto; } } .article.m-is-error .article-header h1 { padding: 0; background: url("//img.weblogssl.com/g/r/svg/wondering.svg?v=129"); background-repeat: no-repeat; background-position: 156px 7px; background-size: 36px; line-height: 48px; } @media only screen and (min-width: 768px) { .article.m-is-error .article-header h1 { background-position: 195px 7px; } } @media only screen and (min-width: 1024px) { .article.m-is-error .article-header h1 { background-position: 240px 7px; } } .error-info { margin-left: 16px; margin-right: 16px; } @media only screen and (min-width: 768px) { .error-info { max-width: 696px; margin-left: 72px; margin-right: 72px; } } @media only screen and (min-width: 1024px) { .error-info { margin-left: auto; margin-right: auto; } } .error-404 { text-align: center; } .error-404 .error-id { color: #ddd; display: inline-block; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 150px; font-weight: bold; line-height: 1; text-align: center; position: relative; } .error-404 .error-id span { background: rgba(0, 0, 0, 0) url("https://img.weblogssl.com/g/xataka4/common/shame-drop.png?v=40") no-repeat scroll right center; display: block; height: 60px; position: absolute; right: -10px; top: 30px; width: 40px; z-index: 1; } .breaking-tag { padding: 24px 0; margin-left: 24px; margin-right: 24px; text-align: center; position: relative; } .breaking-tag:after { font-size: 16px; font-family: icons-min; content: "\e901"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .breaking-tag:after:hover { text-decoration: none; } .breaking-tag:before { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .breaking-tag { padding: 28px 0; } } @media only screen and (min-width: 1024px) { .breaking-tag { margin-left: 48px; margin-right: 48px; padding: 28px 0; } } @media only screen and (min-width: 1150px) { .breaking-tag { margin-left: auto; margin-right: auto; } } .breaking-tag::after { position: absolute; top: 40%; float: none; margin-top: 0; color: #fff; margin-left: 0; } .breaking-tag-link { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 27px; line-height: 31.2px; font-style: normal; text-transform: none; letter-spacing: 0; font-weight: 400; color: #fff; max-width: 80%; display: inline-block; margin-right: 1em; } @media only screen and (min-width: 768px) { .breaking-tag-link { font-size: 40px; line-height: 44.8px; } } @media only screen and (min-width: 1150px) { .breaking-tag-link { font-size: 40px; line-height: 44.8px; } } .breaking-tag-link:hover { text-decoration: underline; } @media only screen and (min-width: 768px) { .breaking-tag-link { font-size: 28px; line-height: 35px; } } @media only screen and (min-width: 1150px) { .breaking-tag-link { font-size: 28px; line-height: 35px; } } .breaking-tag-link:hover { text-decoration: underline; } .breaking-tag-btn { display: none; } .section-breaking-container { background: #C00; margin-bottom: 60px; } @media only screen and (min-width: 768px) { .section-breaking-container { margin-bottom: 56px; } } @media only screen and (min-width: 768px) { .section-breaking { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1024px) { .section-breaking { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1440px) { .section-breaking { margin-left: auto; margin-right: auto; max-width: 1368px; } } @media only screen and (min-width: 768px) { .section-breaking { margin-left: auto; margin-right: auto; padding: 0; } } .u-shadow-breaking { background: linear-gradient(to right, rgba(204, 0, 0, 0), #C00 65px); position: absolute; right: 0; top: 0; bottom: 0; width: 96px; z-index: 1; } @media only screen and (min-width: 768px) { .u-shadow-breaking { display: none; } } .section-breaking-news-container { background: #C00; position: relative; } .section-breaking-news-container::after { background: linear-gradient(to right, rgba(204, 0, 0, 0), #C00 65px); position: absolute; right: 0; top: 0; bottom: 0; width: 96px; z-index: 1; content: ''; } @media only screen and (min-width: 768px) { .section-breaking-news-container::after { display: none; } } .section-breaking-news { padding: 8px 0 12px; position: relative; overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; white-space: nowrap; max-width: 1280px; line-height: 0; margin-left: 16px; } @media only screen and (min-width: 768px) { .section-breaking-news { margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 1150px) { .section-breaking-news { margin-left: 48px; margin-right: 48px; } } @media only screen and (min-width: 1360px) { .section-breaking-news { margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1600px) { .section-breaking-news { max-width: 1368px; } } @media only screen and (min-width: 768px) { .section-breaking-news { white-space: normal; text-align: center; padding: 16px 0; } } .breaking-tag-anchor { font-size: 13px; line-height: 16px; color: #fff; display: inline-block; margin-right: 96px; } @media only screen and (min-width: 768px) { .breaking-tag-anchor { font-size: 13px; } } @media only screen and (min-width: 1150px) { .breaking-tag-anchor { font-size: 13px; } } @media only screen and (min-width: 768px) { .breaking-tag-anchor { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .breaking-tag-anchor { line-height: 16.8px; } } .breaking-tag-anchor:after { font-size: 11px; font-family: icons-min; content: "\e901"; font-style: normal; font-weight: normal; vertical-align: top; margin-left: 0.2em; } .breaking-tag-anchor:after:hover { text-decoration: none; } .breaking-tag-anchor:before { content: ""; margin-right: 0; margin-left: 0; } @media only screen and (min-width: 768px) { .breaking-tag-anchor { margin-right: 0; font-size: 19px; line-height: 28px; } } .breaking-tag-anchor::after { display: none; } @media only screen and (min-width: 768px) { .breaking-tag-anchor::after { margin-left: 16px; vertical-align: middle; display: inline-block; line-height: 20px; color: #fff; } } .breaking-tag-anchor::before { display: none; } .breaking-tag-anchor:hover { text-decoration: underline; } .breaking-tag-arrow { cursor: pointer; position: absolute; right: 16px; top: 0; bottom: 0; z-index: 2; display: flex; justify-content: center; align-items: center; } .breaking-tag-arrow:before { font-size: 11px; font-family: icons-min; content: "\e901"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .breaking-tag-arrow:before:hover { text-decoration: none; } .breaking-tag-arrow:after { content: ""; margin-right: 0; margin-left: 0; } .breaking-tag-arrow::before { color: #fff; line-height: 1; margin-right: 0; cursor: pointer; } @media only screen and (min-width: 768px) { .breaking-tag-arrow { display: none; } } .category-list-header { position: relative; border-bottom: none; margin-bottom: 0; } .category-list-header h1 { margin-left: 16px; margin-top: 24px; } @media only screen and (min-width: 768px) { .category-list-header h1 { margin-left: 0; margin-top: 64px; } } @media only screen and (min-width: 1024px) { .category-list-header { display: flex; justify-content: space-between; align-items: baseline; } } .category-list { display: flex; flex-shrink: 0; padding: 10px; background: #ebecf0; white-space: nowrap; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 0; width: auto; padding: 16px 16px 31.92px 16px; } .category-list:after { content: "Desliza para ver más »"; font-weight: 400; font-style: italic; color: #777; text-transform: none; font-size: 15px; color: #888; line-height: 20px; font-size: 13px; line-height: 16px; } @media only screen and (min-width: 768px) { .category-list:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .category-list:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .category-list:after { line-height: 21px; } } @media only screen and (min-width: 1150px) { .category-list:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .category-list:after { font-size: 16px; } } @media only screen and (min-width: 1150px) { .category-list:after { font-size: 16px; } } @media only screen and (min-width: 768px) { .category-list:after { line-height: 21px; } } @media only screen and (min-width: 768px) { .category-list:after { font-size: 13px; } } @media only screen and (min-width: 1150px) { .category-list:after { font-size: 13px; } } @media only screen and (min-width: 768px) { .category-list:after { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .category-list:after { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .category-list:after { content: ""; margin: 0; padding: 0; border: none; } } .category-list:after { display: block; margin-left: 16px; margin-bottom: 12px; } @media only screen and (min-width: 768px) { .category-list { white-space: normal; overflow: visible; } } .category-list:after { position: absolute; bottom: 12px; left: 16px; margin: 0; } @media only screen and (min-width: 768px) { .category-list { margin-top: 0; padding: 0; background: none; margin-bottom: 12px; } } @media only screen and (min-width: 1024px) { .category-list { margin-top: 63.84px; justify-content: flex-end; margin-bottom: 0; } } .category-list-item { margin-right: 10px; font-size: 13px; color: #777; } @media only screen and (min-width: 768px) { .category-list-item { font-size: 13px; } } @media only screen and (min-width: 1150px) { .category-list-item { font-size: 13px; } } .category-list-item:last-child { margin-right: 0; padding-right: 24px; } @media only screen and (min-width: 768px) { .category-list-item:last-child { padding-right: 0; } } @media only screen and (min-width: 768px) { .category-list-item { margin-right: 16px; font-size: 15px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 768px) { .category-list-item { font-size: 16px; } } @media only screen and (min-width: 768px) and only screen and (min-width: 1150px) { .category-list-item { font-size: 16px; } } .category-list-anchor { color: #111; color: #333; } .category-list-anchor:hover { color: #f00; } .section-description-container { background: #D44040; padding: 37.68px 0; position: relative; } .section-description { max-width: 1368px; box-sizing: border-box; margin: 0 16px; } .section-description p { color: #fff; margin-top: 0; font-size: 13px; line-height: 20px; } .section-description h3 { font-weight: 700; color: #fff; margin-top: 0; } @media only screen and (min-width: 768px) { .section-description { padding-right: 27%; margin: 0 24px; } } @media only screen and (min-width: 1024px) { .section-description { margin: 0 48px; padding-right: 25%; } } @media only screen and (min-width: 1150px) { .section-description { padding-right: 48%; } } @media only screen and (min-width: 1280px) { .section-description { padding-right: 46%; } } @media only screen and (min-width: 1440px) { .section-description { margin: 0 auto; padding-right: 36%; } } .custom .section-description-container { padding: 37.68px 24px; } .section-description-container.m-category { padding-top: 0; padding-bottom: 0; } .section-description-container.m-category .section-description { padding-top: 37.68px; } .section-description-container.m-category .category-listing { border-top: 1px solid #e9e9e9; margin-top: 24px; } @media only screen and (min-width: 768px) { .section-description-container.m-category .category-listing { padding: 24px 0; } } .section-description-container.m-category .category-list { background: transparent; padding-left: 16px; margin-top: 0; padding-bottom: 16px; } .section-description-container.m-category .category-list::after { display: none; } @media only screen and (min-width: 768px) { .section-description-container.m-category .category-list { margin-left: 24px; margin-right: 24px; margin-bottom: 0; padding-bottom: 0; } } @media only screen and (min-width: 1024px) { .section-description-container.m-category .category-list { padding-left: 0; margin-left: 48px; margin-right: 48px; justify-content: flex-start; } } @media only screen and (min-width: 1440px) { .section-description-container.m-category .category-list { max-width: 1368px; margin-left: auto; margin-right: auto; } } .section-description-container.m-category .category-list-item { margin-right: 24px; font-size: 13px; line-height: 20px; } @media only screen and (min-width: 768px) { .section-description-container.m-category .category-list-item { font-size: 13px; } } @media only screen and (min-width: 1150px) { .section-description-container.m-category .category-list-item { font-size: 13px; } } .section-description-container.m-category .category-list-item, .section-description-container.m-category .category-list-anchor { color: #fff; } @media only screen and (min-width: 768px) { .section-staff .section-description { padding-right: 0; } } @media only screen and (min-width: 1024px) { .section-staff .section-description { padding-right: 0; } } .section-newsletter { background: #2B4F00; margin-top: 48px; margin-bottom: 48px; padding: 31.92px 16px; box-sizing: border-box; } @media only screen and (min-width: 768px) { .section-newsletter { margin-top: 28px; margin-bottom: 28px; padding-top: 28px; padding-bottom: 28px; } } @media only screen and (min-width: 768px) { .section-newsletter-inner { max-width: 696px; margin-left: auto; margin-right: auto; } } .newsletter-summary { display: flex; flex-direction: column; align-items: center; } @media only screen and (min-width: 768px) { .newsletter-summary { flex-direction: row; } } .newsletter-icon-container { position: relative; display: flex; } @media only screen and (min-width: 768px) { .newsletter-icon-container { margin-right: 24px; } } .u-icon-social-email { background-image: url("//img.weblogssl.com/g/r/svg/social-email.svg?v=129"); background-repeat: no-repeat; background-position: left center; background-size: contain; height: 48px; width: 48px; display: inline-block; } .icon-social-email { background-image: url("//img.weblogssl.com/g/r/svg/social-email.svg?v=129"); background-repeat: no-repeat; background-position: left center; background-size: contain; height: 48px; width: 48px; display: inline-block; opacity: 0.6; } .notification-bubble { background: #d00232; width: 16px; height: 16px; color: #fff; text-align: center; position: absolute; right: 0; top: 0; border-radius: 100%; font-size: 13px; line-height: 16px; line-height: 1; } @media only screen and (min-width: 768px) { .notification-bubble { font-size: 13px; } } @media only screen and (min-width: 1150px) { .notification-bubble { font-size: 13px; } } @media only screen and (min-width: 768px) { .notification-bubble { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .notification-bubble { line-height: 16.8px; } } .newsletter-taxonomy { color: #E0EFE3; font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 26.4px; text-transform: none; letter-spacing: 0; font-weight: 400; text-align: center; margin-top: 8px; } @media only screen and (min-width: 768px) { .newsletter-taxonomy { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 1150px) { .newsletter-taxonomy { font-size: 23px; line-height: 29.4px; } } @media only screen and (min-width: 768px) { .newsletter-taxonomy { margin-top: 0; } } .newsletter-form-container { margin-top: 16px; display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .newsletter-form-container { flex-direction: row; padding-left: 72px; margin-top: 4.66666667px; align-items: center; } } .newsletter-text-input { background-color: #fbfbfb; border: solid 1px #e9e9e9; border-radius: 0; height: 36px; font-size: 15px; line-height: 20px; margin-bottom: 8px; padding: 0; } @media only screen and (min-width: 768px) { .newsletter-text-input { font-size: 16px; } } @media only screen and (min-width: 1150px) { .newsletter-text-input { font-size: 16px; } } @media only screen and (min-width: 768px) { .newsletter-text-input { line-height: 21px; } } @media only screen and (min-width: 1150px) { .newsletter-text-input { line-height: 21px; } } @media only screen and (min-width: 768px) { .newsletter-text-input { flex: 0 0 79%; margin-right: 8px; margin-bottom: 0; max-width: 508px; } } @media only screen and (min-width: 1024px) { .newsletter-text-input { flex: 0 0 81%; } } .btn-newsletter { background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; align-self: center; margin-bottom: 24px; } .btn-newsletter:hover { background-color: #c93d3d; color: #fff; } .btn-newsletter:hover { text-decoration: none; } .btn-newsletter:active, .btn-newsletter:focus { padding-top: 1px; } @media only screen and (min-width: 768px) { .btn-newsletter { margin-bottom: 0; } } .newsletter-text { font-size: 13px; line-height: 16px; color: #fbfbfb; text-align: center; line-height: 20px; } @media only screen and (min-width: 768px) { .newsletter-text { font-size: 13px; } } @media only screen and (min-width: 1150px) { .newsletter-text { font-size: 13px; } } @media only screen and (min-width: 768px) { .newsletter-text { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .newsletter-text { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .newsletter-text { text-align: left; margin-top: 4.66666667px; padding-left: 72px; padding-bottom: 14px; line-height: 21px; } } @media only screen and (min-width: 1024px) { .newsletter-text { line-height: 21px; } } @media only screen and (min-width: 1150px) { .section-recent-row { position: relative; display: inline-block; width: 100%; } } @media only screen and (min-width: 1150px) { .sticky-banner { position: absolute; top: 0; right: 0; margin-bottom: 0; } .sticky-banner .ad-lat-fixed { position: fixed; top: 0; margin-bottom: 0; transform: translate3d(0px, 65px, 0px); } .sticky-banner .ad-lat-absolute { position: absolute; bottom: 0; right: 0; margin-bottom: 0; transform: translate3d(0px, 0px, 0px); } .sticky-banner .ad-lat .ad-box { margin-bottom: 0; } } .ad-top .ad-contact { color: #ffffff; opacity: 0.6; } .ad-intext { overflow: hidden; } @media only screen and (min-width: 1024px) { .ad-intext { margin-left: calc((100% - 696px)/2); } } .ad-top3 .ad-box { margin-bottom: 24px; } .ad-top3 .ad-contact { display: none; } .article-aside .ad-lat { margin-top: 32px; } .article-aside .ad-lat2 { margin-top: 48px; } .list-thumbnails { height: 280px; overflow-y: auto; padding-top: 24px; font-size: 0; } .list-thumbnails:after { clear: both; display: block; content: ''; } @media only screen and (min-width: 768px) { .list-thumbnails { padding-top: 24px; } } .list-thumbnails-item { width: 48%; margin: 0 2% 2% 0; line-height: 0; text-align: center; position: relative; padding-bottom: 48%; display: inline-block; vertical-align: top; overflow: hidden; cursor: pointer; } .list-thumbnails-item img { width: 100%; position: absolute; min-height: 100%; left: 0; right: 0; } @media only screen and (min-width: 768px) { .list-thumbnails-item { width: 23%; padding-bottom: 23%; } } .list-thumbnails-anchor { display: inline-block; position: absolute; color: #fff; left: 0; right: 0; top: 0; bottom: 0; } .list-thumbnails-anchor:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); content: ''; z-index: 1000; } .list-thumbnails-anchor-caption { position: absolute; top: 50%; left: 0; right: 0; text-transform: uppercase; font-weight: 700; font-size: 15px; line-height: 20px; transform: translate(0, -50%); white-space: normal; z-index: 2000; } @media only screen and (min-width: 768px) { .list-thumbnails-anchor-caption { font-size: 16px; } } @media only screen and (min-width: 1150px) { .list-thumbnails-anchor-caption { font-size: 16px; } } @media only screen and (min-width: 768px) { .list-thumbnails-anchor-caption { line-height: 21px; } } @media only screen and (min-width: 1150px) { .list-thumbnails-anchor-caption { line-height: 21px; } } .hook { border-bottom: 1px solid #404040; margin: 24px 16px; position: relative; padding-bottom: 24px; } @media only screen and (min-width: 768px) { .hook { margin: 24px; max-width: 696px; } } @media only screen and (min-width: 1024px) { .hook { margin-top: 48px; margin-bottom: 48px; margin-left: calc((100% - 696px)/2); overflow: hidden; } } .hook::after { clear: both; content: ''; display: block; } .hook .article-asset-small, .hook .article-asset-normal { margin: 0; } @media only screen and (min-width: 1024px) { .hook .article-asset-small .asset-content, .hook .article-asset-normal .asset-content { min-width: 0; } } .hook-header-container { width: 100%; text-align: center; position: relative; line-height: 0; } .hook-header-container::before { position: absolute; left: 0; top: 50%; width: 100%; border-top: 1px solid #404040; content: ''; } .hook-header { background: #fff; padding: 0 12px; display: inline-flex; position: relative; justify-content: center; align-items: center; z-index: 1; } .hook-disclaaimer, .hook-disclaimer { font-size: 13px; line-height: 16px; color: #777; margin-left: 0.5em; font-size: 15px; line-height: 20px; vertical-align: top; display: inline-block; } @media only screen and (min-width: 768px) { .hook-disclaaimer, .hook-disclaimer { font-size: 13px; } } @media only screen and (min-width: 1150px) { .hook-disclaaimer, .hook-disclaimer { font-size: 13px; } } @media only screen and (min-width: 768px) { .hook-disclaaimer, .hook-disclaimer { line-height: 16.8px; } } @media only screen and (min-width: 1024px) { .hook-disclaaimer, .hook-disclaimer { line-height: 16.8px; } } @media only screen and (min-width: 768px) { .hook-disclaaimer, .hook-disclaimer { font-size: 16px; } } @media only screen and (min-width: 1150px) { .hook-disclaaimer, .hook-disclaimer { font-size: 16px; } } @media only screen and (min-width: 768px) { .hook-disclaaimer, .hook-disclaimer { line-height: 21px; } } @media only screen and (min-width: 1150px) { .hook-disclaaimer, .hook-disclaimer { line-height: 21px; } } .hook-header-logo, .blob img.hook-header-logo { margin: 0; vertical-align: middle; max-height: 30px; height: 30px; } .hook-content { margin-top: 16px; margin-bottom: 24px; } @media only screen and (min-width: 1024px) { .hook-content { margin-bottom: 0; } } .hook-content-img-container { width: 120px; height: 120px; margin-left: 16px; margin-bottom: 8px; float: right; position: relative; } @media only screen and (min-width: 768px) { .hook-content-img-container { width: 130px; height: 130px; float: left; margin-right: 20px; margin-left: 0; margin-top: -8px; } } .hook-content-img-container .article-asset-image.article-asset-small img, .hook-content-img-container .article-asset-image.article-asset-small img.centro, .hook-content-img-container .article-asset-image.article-asset-small img.centro_sinmarco, .hook-content-img-container .article-asset-image.article-asset-small img.derecha_sinmarco, .hook-content-img-container .article-asset-image.article-asset-small img.izquierda_sinmarco { width: 100%; } .hook-content-img, .blob .hook .hook-content-img { border-radius: 100%; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .hook-footer-container { display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .hook-footer-container { justify-content: flex-end; margin-top: 16px; } } .hook-footer-container .btn-primary { color: #fff; text-decoration: none; } .hook-footer-container .btn-primary:visited, .hook-footer-container .btn-primary:hover { color: #fff; } .blob .hook p, .hook p, .blob .hook ul, .hook ul, .blob .hook ol, .hook ol, .blob .hook blockquote, .hook blockquote { margin-left: 0; margin-right: 0; } @media only screen and (min-width: 768px) { .blob .hook p:last-child, .hook p:last-child, .blob .hook ul:last-child, .hook ul:last-child, .blob .hook ol:last-child, .hook ol:last-child, .blob .hook blockquote:last-child, .hook blockquote:last-child { margin-bottom: 0; } } .blob .hook a, .hook a { text-decoration: underline; } .blob .hook a.btn-primary, .hook a.btn-primary { text-decoration: none; } .blob .hook img, .hook img { margin: 0; } .blob .hook .hook-header a, .hook .hook-header a { text-decoration: none; } .blob .hook .hook-header img, .hook .hook-header img { margin: 0; vertical-align: middle; max-height: 50px; min-height: 30px; height: auto; width: auto; max-width: 140px; } .blob .hook .hook-content img, .hook .hook-content img { border-radius: 100%; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; } .blob .hook .article-asset-image, .hook .article-asset-image { display: inline-block; } .blob .hook .article-asset-small, .hook .article-asset-small, .blob .hook .article-asset-normal, .hook .article-asset-normal { margin: 0; } @media only screen and (min-width: 1024px) { .blob .hook .article-asset-small .asset-content, .hook .article-asset-small .asset-content, .blob .hook .article-asset-normal .asset-content, .hook .article-asset-normal .asset-content { min-width: 0; } } .blob .hook .hook-footer-container .btn-primary, .hook .hook-footer-container .btn-primary { color: #fff; } @media only screen and (min-width: 768px) { .desvio-container { max-width: 696px; margin-left: auto; margin-right: auto; } } .desvio { margin: 31.92px 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 24px; box-sizing: border-box; text-align: left; } @media only screen and (orientation: landscape) { .desvio { display: flex; flex-direction: row; align-items: center; } } @media only screen and (min-width: 768px) { .desvio { display: flex; flex-direction: row; align-items: center; margin-left: 0; margin-right: 0; } } .desvio-figure { text-align: center; position: relative; } @media only screen and (orientation: landscape) { .desvio-figure { margin-right: 24px; flex: 0 0 40%; } } @media only screen and (min-width: 768px) { .desvio-figure { margin-right: 24px; flex: 0 0 40%; } } .desvio-figure a { display: block; position: relative; width: 100%; height: 0; padding: 38.197% 0 0 0; overflow: hidden; } .desvio-figure a img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .desvio-title { font-size: 15px; line-height: 20px; font-weight: 900; display: block; } @media only screen and (min-width: 768px) { .desvio-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .desvio-title { font-size: 19px; line-height: 28px; } } .desvio-taxonomy { display: flex; align-items: center; min-height: 28px; margin-top: 4.66666667px; } @media only screen and (orientation: landscape) { .desvio-taxonomy { margin-top: 0; } } @media only screen and (min-width: 768px) { .desvio-taxonomy { margin-top: 0; } } .desvio-taxonomy-anchor { text-transform: uppercase; } .desvio-taxonomy-anchor.m-crosspost:before { font-size: 16px; font-family: icons-min; content: "\f079"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .desvio-taxonomy-anchor.m-crosspost:before:hover { text-decoration: none; } .desvio-taxonomy-anchor.m-crosspost:after { content: ""; margin-right: 0; margin-left: 0; } .desvio-taxonomy-anchor.m-crosspost::before { vertical-align: text-bottom; } .desvio-taxonomy-anchor.m-branded { margin-bottom: 6px; width: 100%; } @media only screen and (orientation: landscape) { .desvio-taxonomy-anchor.m-branded { display: inline-block; width: auto; } } @media only screen and (min-width: 768px) { .desvio-taxonomy-anchor.m-branded { display: inline-block; width: auto; } } .blob .desvio img, .desvio img { margin: 0; } .blob .desvio .desvio-taxonomy-anchor, .desvio .desvio-taxonomy-anchor { line-height: 13px; font-size: 11px; line-height: 16px; color: #777; text-decoration: none; } @media only screen and (min-width: 768px) { .blob .desvio .desvio-taxonomy-anchor, .desvio .desvio-taxonomy-anchor { font-size: 11px; } } @media only screen and (min-width: 1150px) { .blob .desvio .desvio-taxonomy-anchor, .desvio .desvio-taxonomy-anchor { font-size: 11px; } } .blob .desvio .desvio-taxonomy-anchor.m-branded, .desvio .desvio-taxonomy-anchor.m-branded { color: #333; } .blob .desvio .desvio-title, .desvio .desvio-title, .blob .desvio .desvio-title a, .desvio .desvio-title a { color: #333; } .blob .desvio .desvio-title:hover, .desvio .desvio-title:hover, .blob .desvio .desvio-title a:hover, .desvio .desvio-title a:hover { color: #f00; } .u-btn-devsio { border-radius: 6px; height: 28px; line-height: 28px; text-align: center; padding: 0 16px; color: #333; border: none; margin-top: 8px; font-size: 13px; display: inline-block; font-weight: 700; } @media only screen and (min-width: 768px) { .u-btn-devsio { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-btn-devsio { font-size: 13px; } } .desvio.m-desvio-ecommerce { padding: 24px 0; } @media only screen and (orientation: landscape) { .desvio.m-desvio-ecommerce { padding: 24px; } } @media only screen and (min-width: 768px) { .desvio.m-desvio-ecommerce { padding: 24px; } } .desvio.m-desvio-ecommerce .desvio-title { font-size: 15px; line-height: 20px; font-weight: 400; } @media only screen and (min-width: 768px) { .desvio.m-desvio-ecommerce .desvio-title { font-size: 16px; } } @media only screen and (min-width: 1150px) { .desvio.m-desvio-ecommerce .desvio-title { font-size: 16px; } } @media only screen and (min-width: 768px) { .desvio.m-desvio-ecommerce .desvio-title { line-height: 21px; } } @media only screen and (min-width: 1150px) { .desvio.m-desvio-ecommerce .desvio-title { line-height: 21px; } } .desvio.m-desvio-ecommerce .desvio-figure { width: 100%; max-width: 96px; float: right; margin-left: 16px; height: 96px; } @media only screen and (orientation: landscape) { .desvio.m-desvio-ecommerce .desvio-figure { margin-left: 0; } } @media only screen and (min-width: 768px) { .desvio.m-desvio-ecommerce .desvio-figure { margin-left: 0; } } .desvio.m-desvio-ecommerce .desvio-figure a { display: block; position: relative; width: 100%; height: 0; padding: 133.33333333% 0 0 0; overflow: hidden; display: inline; position: static; width: auto; height: auto; padding: 0 0 0 0; overflow: auto; } .desvio.m-desvio-ecommerce .desvio-figure a img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .desvio.m-desvio-ecommerce .desvio-figure a img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; left: auto; right: 0; top: 0; bottom: auto; margin: auto; max-width: 100%; } .desvio.m-desvio-ecommerce .desvio-actions { margin-top: 8px; text-align: center; clear: both; } @media only screen and (orientation: landscape) { .desvio.m-desvio-ecommerce .desvio-actions { text-align: left; margin-top: 0; } } @media only screen and (min-width: 768px) { .desvio.m-desvio-ecommerce .desvio-actions { text-align: left; margin-top: 0; } } .blob a.desvio-action-primary, .desvio-action-primary { border-radius: 6px; height: 28px; line-height: 28px; text-align: center; padding: 0 16px; color: #333; border: none; margin-top: 8px; font-size: 13px; display: inline-block; font-weight: 700; background-color: #ffe354; } @media only screen and (min-width: 768px) { .blob a.desvio-action-primary, .desvio-action-primary { font-size: 13px; } } @media only screen and (min-width: 1150px) { .blob a.desvio-action-primary, .desvio-action-primary { font-size: 13px; } } .blob a.desvio-action-secondary, .desvio-action-secondary { border-radius: 6px; height: 28px; line-height: 28px; text-align: center; padding: 0 16px; color: #333; border: none; margin-top: 8px; font-size: 13px; display: inline-block; font-weight: 700; background-color: #fbefb2; } @media only screen and (min-width: 768px) { .blob a.desvio-action-secondary, .desvio-action-secondary { font-size: 13px; } } @media only screen and (min-width: 1150px) { .blob a.desvio-action-secondary, .desvio-action-secondary { font-size: 13px; } } .pivot-newsletter { background: #eee; padding: 8px 16px 24px; box-sizing: border-box; max-width: 696px; margin: 32px auto; overflow: hidden; } @media only screen and (min-width: 1024px) { .pivot-newsletter { margin-left: calc((100% - 696px)/2); } } .pivot-newsletter-brand { margin: 0 0 8px; min-height: 80px; display: flex; align-items: center; line-height: 1; justify-content: center; } .newsletter-source-logo { fill: #2B4F00; } .pivot-newsletter-form { margin: 0 auto; max-width: 424px; width: 100%; display: flex; } .blob .pivot-newsletter-claim { font-size: 14px; line-height: 20px; text-align: center; color: #333; margin-bottom: 16px; } .pivot-newsletter-claim { font-size: 14px; line-height: 20px; text-align: center; color: #333; margin-bottom: 16px; } .pivot-newsletter-input { background-color: #fbfbfb; border: solid 1px #e9e9e9; flex: 1; border-radius: 0; height: 36px; font-size: 15px; line-height: 20px; margin-right: 4px; box-sizing: border-box; } @media only screen and (min-width: 768px) { .pivot-newsletter-input { font-size: 16px; } } @media only screen and (min-width: 1150px) { .pivot-newsletter-input { font-size: 16px; } } @media only screen and (min-width: 768px) { .pivot-newsletter-input { line-height: 21px; } } @media only screen and (min-width: 1150px) { .pivot-newsletter-input { line-height: 21px; } } @media only screen and (min-width: 768px) { .pivot-newsletter-input { flex: 1; margin-right: 8px; margin-bottom: 0; } } .pivot-newsletter-btn { background-color: #D44040; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; font-weight: 400; align-self: center; padding: 0 11.03448276px; box-sizing: border-box; } .pivot-newsletter-btn:hover { background-color: #c93d3d; color: #fff; } .pivot-newsletter-btn:hover { text-decoration: none; } .pivot-newsletter-btn:active, .pivot-newsletter-btn:focus { padding-top: 1px; } .pivot-newsletter-btn:before { font-size: 16px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .pivot-newsletter-btn:before:hover { text-decoration: none; } .pivot-newsletter-btn:after { content: ""; margin-right: 0; margin-left: 0; } .pivot-newsletter-btn:before { position: relative; } @media only screen and (min-width: 768px) { .pivot-newsletter-btn { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .pivot-ecommerce-container { max-width: 696px; margin-left: auto; margin-right: auto; } } .pivot-ecommerce { margin: 31.92px 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 24px 0; box-sizing: border-box; } @media only screen and (orientation: landscape) { .pivot-ecommerce { display: flex; flex-direction: row; align-items: flex-start; padding: 24px; } } @media only screen and (min-width: 768px) { .pivot-ecommerce { display: flex; flex-direction: row; align-items: flex-start; margin-left: 0; margin-right: 0; padding: 24px 24px; } } .u-btn-pivot { border-radius: 6px; min-height: 28px; line-height: 23.93162393px; text-align: center; padding: 0 16px; color: #333; border: none; margin-top: 8px; margin-right: 4px; font-size: 13px; display: inline-block; font-weight: 400; } @media only screen and (min-width: 768px) { .u-btn-pivot { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-btn-pivot { font-size: 13px; } } .u-btn-multiline { border-radius: 6px; height: auto; line-height: 24px; text-align: center; padding: 2px 16px; color: #333; border: none; margin-top: 8px; margin-right: 4px; font-size: 13px; display: inline-block; font-weight: 400; } @media only screen and (min-width: 768px) { .u-btn-multiline { font-size: 13px; } } @media only screen and (min-width: 1150px) { .u-btn-multiline { font-size: 13px; } } .pivot-ecommerce-desc, .pivot-ecommerce-desc:visited { font-size: 15px; line-height: 20px; font-weight: 400; color: #333; margin: 0; } @media only screen and (min-width: 768px) { .pivot-ecommerce-desc, .pivot-ecommerce-desc:visited { font-size: 16px; } } @media only screen and (min-width: 1150px) { .pivot-ecommerce-desc, .pivot-ecommerce-desc:visited { font-size: 16px; } } @media only screen and (min-width: 768px) { .pivot-ecommerce-desc, .pivot-ecommerce-desc:visited { line-height: 21px; } } @media only screen and (min-width: 1150px) { .pivot-ecommerce-desc, .pivot-ecommerce-desc:visited { line-height: 21px; } } @media only screen and (min-width: 1150px) { .pivot-ecommerce-desc, .pivot-ecommerce-desc:visited { line-height: 24px; } } .blob .pivot-ecommerce-desc { font-size: 15px; line-height: 20px; font-weight: 400; color: #333; margin: 0 0 8px; line-height: 24px; } @media only screen and (min-width: 768px) { .blob .pivot-ecommerce-desc { font-size: 16px; } } @media only screen and (min-width: 1150px) { .blob .pivot-ecommerce-desc { font-size: 16px; } } @media only screen and (min-width: 768px) { .blob .pivot-ecommerce-desc { line-height: 21px; } } @media only screen and (min-width: 1150px) { .blob .pivot-ecommerce-desc { line-height: 21px; } } @media only screen and (min-width: 1150px) { .blob .pivot-ecommerce-desc { line-height: 24px; } } .pivot-ecommerce-figure { width: 100%; max-width: 96px; height: 96px; float: right; margin-left: 16px; margin-bottom: 10px; margin-top: 4px; overflow: hidden; position: relative; } @media only screen and (orientation: landscape) { .pivot-ecommerce-figure { margin-left: 0; margin-right: 24px; margin-bottom: 0; } } @media only screen and (min-width: 768px) { .pivot-ecommerce-figure { margin-left: 0; margin-right: 24px; margin-bottom: 0; } } .pivot-ecommerce-figure a { display: block; position: relative; width: 100%; height: 0; padding: 133.33333333% 0 0 0; overflow: hidden; display: inline; position: static; width: auto; height: auto; padding: 0 0 0 0; overflow: auto; } .pivot-ecommerce-figure a img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .pivot-ecommerce-figure a img { display: block; max-height: 100%; margin: 0 auto; } .pivot-ecommerce-figure img { display: block; max-height: 100%; margin: 0 auto; width: auto; max-width: 100%; } .blob .pivot-ecommerce-figure img { margin: 0 auto; } .pivot-actions { margin-top: 8px; text-align: center; clear: both; } @media only screen and (orientation: landscape) { .pivot-actions { text-align: left; margin-top: 0; } } @media only screen and (min-width: 768px) { .pivot-actions { text-align: left; margin-top: 0; } } .blob a.pivot-action-primary, .pivot-action-primary, .clubmarca a.pivot-action-primary, .clubmarca .pivot-actions .pivot-action-primary { border-radius: 6px; height: auto; line-height: 24px; text-align: center; padding: 2px 16px; color: #333; border: none; margin-top: 8px; margin-right: 4px; font-size: 13px; display: inline-block; font-weight: 400; background-color: #ffe354; } @media only screen and (min-width: 768px) { .blob a.pivot-action-primary, .pivot-action-primary, .clubmarca a.pivot-action-primary, .clubmarca .pivot-actions .pivot-action-primary { font-size: 13px; } } @media only screen and (min-width: 1150px) { .blob a.pivot-action-primary, .pivot-action-primary, .clubmarca a.pivot-action-primary, .clubmarca .pivot-actions .pivot-action-primary { font-size: 13px; } } .blob a.pivot-action-secondary, .pivot-action-secondary, .clubmarca a.pivot-action-secondary, .clubmarca .pivot-actions .pivot-action-secondary { border-radius: 6px; height: auto; line-height: 24px; text-align: center; padding: 2px 16px; color: #333; border: none; margin-top: 8px; margin-right: 4px; font-size: 13px; display: inline-block; font-weight: 400; background-color: #fbefb2; } @media only screen and (min-width: 768px) { .blob a.pivot-action-secondary, .pivot-action-secondary, .clubmarca a.pivot-action-secondary, .clubmarca .pivot-actions .pivot-action-secondary { font-size: 13px; } } @media only screen and (min-width: 1150px) { .blob a.pivot-action-secondary, .pivot-action-secondary, .clubmarca a.pivot-action-secondary, .clubmarca .pivot-actions .pivot-action-secondary { font-size: 13px; } } .pivot-actions-row, .blob .pivot-actions-row { line-height: 0; } .pivot-flipboard { padding: 24px; box-sizing: border-box; max-width: 696px; margin: 32px 16px; overflow: hidden; text-align: center; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } @media only screen and (min-width: 1024px) { .pivot-flipboard { margin-left: calc((100% - 696px)/2); } } .pivot-flipboard-header { display: flex; justify-content: center; align-items: center; margin: 0 0 15px; } .pivot-flipboard-emoji { margin: 0 12px; padding: 4px 0; background: url("//img.weblogssl.com/g/xataka4/common/emoticon-pointer.png?v=129") no-repeat center; width: 25px; min-height: 20px; } .pivot-flipboard-icon { display: inline-block; overflow: hidden; text-align: center; background: #f52828; height: 48px; width: 48px; flex: 0 0 48px; } .pivot-flipboard-icon:before { font-size: 24px; font-family: icons-min; content: "\e908"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .pivot-flipboard-icon:before:hover { text-decoration: none; } .pivot-flipboard-icon:after { content: ""; margin-right: 0; margin-left: 0; } .pivot-flipboard-icon:before, .pivot-flipboard-icon:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .pivot-flipboard-icon:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .pivot-flipboard-icon:before { color: #fff; vertical-align: middle; } .pivot-flipboard-logo { display: flex; } .pivot-flipboard-logo svg { max-width: 220px; max-height: 48px; width: 100%; height: auto; } @media only screen and (min-width: 768px) { .pivot-flipboard-logo svg { max-width: 240px; max-height: 56px; } } .pivot-flipboard-logo svg, .pivot-flipboard-logo path { fill: #2B4F00; } .pivot-flipboard-content p { margin-bottom: 16px; } .pivot-flipboard-content-anchor, .blob .pivot-flipboard-content-anchor, .blob p .pivot-flipboard-content-anchor { color: #333; font-size: 15px; line-height: 20px; text-decoration: none; } .pivot-flipboard-content-anchor:hover, .blob .pivot-flipboard-content-anchor:hover, .blob p .pivot-flipboard-content-anchor:hover { color: #f00; } @media only screen and (min-width: 768px) { .pivot-flipboard-content-anchor, .blob .pivot-flipboard-content-anchor, .blob p .pivot-flipboard-content-anchor { font-size: 16px; } } @media only screen and (min-width: 1150px) { .pivot-flipboard-content-anchor, .blob .pivot-flipboard-content-anchor, .blob p .pivot-flipboard-content-anchor { font-size: 16px; } } @media only screen and (min-width: 768px) { .pivot-flipboard-content-anchor, .blob .pivot-flipboard-content-anchor, .blob p .pivot-flipboard-content-anchor { line-height: 21px; } } @media only screen and (min-width: 1150px) { .pivot-flipboard-content-anchor, .blob .pivot-flipboard-content-anchor, .blob p .pivot-flipboard-content-anchor { line-height: 21px; } } .pivot-flipboard-content-anchor:visited, .blob .pivot-flipboard-content-anchor:visited, .blob p .pivot-flipboard-content-anchor:visited { color: #333; } .pivot-flipboard-content-anchor:visited:hover, .blob .pivot-flipboard-content-anchor:visited:hover, .blob p .pivot-flipboard-content-anchor:visited:hover { color: #f00; } .pivot-flipboard-button { color: #fff; height: auto; white-space: normal; line-height: 20px; font-size: 13px; padding: 4px 12px; font-weight: 400; } @media only screen and (min-width: 768px) { .pivot-flipboard-button { height: 28px; line-height: 28px; padding: 0 12px; } } .blob a.pivot-flipboard-button { color: #fff; height: auto; white-space: normal; line-height: 20px; font-size: 13px; padding: 4px 12px; font-weight: 400; } @media only screen and (min-width: 768px) { .blob a.pivot-flipboard-button { height: 28px; line-height: 28px; padding: 0 12px; } } @media only screen and (min-width: 768px) { .pivot-external-container { max-width: 696px; margin-left: auto; margin-right: auto; } } .pivot-external { margin: 32px 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 16px; box-sizing: border-box; text-align: left; } @media only screen and (min-width: 768px) { .pivot-external { margin: 32px 0; padding: 24px; } } .pivot-external-taxonomy-anchor, .blob .pivot-external-taxonomy-anchor { margin-bottom: 4px; display: block; line-height: 13px; font-size: 11px; line-height: 16px; } @media only screen and (min-width: 768px) { .pivot-external-taxonomy-anchor, .blob .pivot-external-taxonomy-anchor { font-size: 11px; } } @media only screen and (min-width: 1150px) { .pivot-external-taxonomy-anchor, .blob .pivot-external-taxonomy-anchor { font-size: 11px; } } .pivot-external-taxonomy-anchor a, .blob .pivot-external-taxonomy-anchor a { color: #333; color: #777; text-decoration: none; text-transform: uppercase; } .pivot-external-taxonomy-anchor a:hover, .blob .pivot-external-taxonomy-anchor a:hover { color: #f00; } .pivot-external-taxonomy-anchor a:visited, .blob .pivot-external-taxonomy-anchor a:visited { color: #333; color: #777; } .pivot-external-taxonomy-anchor a:visited:hover, .blob .pivot-external-taxonomy-anchor a:visited:hover { color: #f00; } @media only screen and (min-width: 768px) { .pivot-external-taxonomy-anchor, .blob .pivot-external-taxonomy-anchor { margin-bottom: 8px; } } .pivot-external-title, .blob .pivot-external-title { margin: 0; } .pivot-external-title a, .blob .pivot-external-title a { color: #333; font-size: 15px; line-height: 20px; font-weight: 700; text-decoration: none; } .pivot-external-title a:hover, .blob .pivot-external-title a:hover { color: #f00; } @media only screen and (min-width: 768px) { .pivot-external-title a, .blob .pivot-external-title a { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .pivot-external-title a, .blob .pivot-external-title a { font-size: 19px; line-height: 28px; } } .pivot-external-title a:visited, .blob .pivot-external-title a:visited { color: #333; } .pivot-external-title a:visited:hover, .blob .pivot-external-title a:visited:hover { color: #f00; } .btn-insta-profile { border: 1px solid rgba(0, 0, 0, 0.2); font-weight: normal; line-height: 20px; padding: 4px 8px; border-radius: 5px; } .pivot-instagram-profile-container { margin: 32px 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } @media only screen and (min-width: 768px) { .pivot-instagram-profile-container { max-width: 696px; padding: 0; margin: 32px auto; } } .pivot-instagram-profile { padding: 24px 0px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } @media only screen and (min-width: 768px) { .pivot-instagram-profile { max-width: 675px; margin: 0 auto; } } .pivot-instagram-profile-logo, .blob .pivot-instagram-profile-logo { line-height: 0; max-width: 240px; max-height: 40px; } .pivot-instagram-profile-logo img, .blob .pivot-instagram-profile-logo img { max-width: 100%; max-height: 40px; margin: 0; } .pivot-instagram-profile-list, .blob .pivot-instagram-profile-list { order: 2; width: 100%; text-align: center; margin: 16px 0px 16px 0px; line-height: 0; font-size: 0; } @media only screen and (min-width: 768px) { .pivot-instagram-profile-list, .blob .pivot-instagram-profile-list { order: 3; margin: 16px 0px 0px 0px; } } .pivot-instagram-profile-item, .blob .pivot-instagram-profile-item { display: inline-block; overflow: hidden; margin-bottom: 0; margin-left: 0; margin-right: 8px; width: 59px; height: 59px; } @media only screen and (min-width: 360px) { .pivot-instagram-profile-item, .blob .pivot-instagram-profile-item { width: 69px; height: 69px; } } @media only screen and (min-width: 768px) { .pivot-instagram-profile-item, .blob .pivot-instagram-profile-item { width: 116px; height: 116px; } } .pivot-instagram-profile-item:last-child, .blob .pivot-instagram-profile-item:last-child { margin-right: 0; } .pivot-instagram-profile-item img, .blob .pivot-instagram-profile-item img { max-width: 100%; margin: 0; } .pivot-instagram-profile-button, .blob .pivot-instagram-profile-button { font-size: 13px; border: 1px solid rgba(0, 0, 0, 0.2); font-weight: normal; line-height: 20px; padding: 4px 8px; border-radius: 5px; color: #333; order: 3; } @media only screen and (min-width: 768px) { .pivot-instagram-profile-button, .blob .pivot-instagram-profile-button { font-size: 13px; } } @media only screen and (min-width: 1150px) { .pivot-instagram-profile-button, .blob .pivot-instagram-profile-button { font-size: 13px; } } .pivot-instagram-profile-button:before, .blob .pivot-instagram-profile-button:before { font-size: 16px; font-family: icons-min; content: "\e61f"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .pivot-instagram-profile-button:before:hover, .blob .pivot-instagram-profile-button:before:hover { text-decoration: none; } .pivot-instagram-profile-button:after, .blob .pivot-instagram-profile-button:after { content: ""; margin-right: 0; margin-left: 0; } .pivot-instagram-profile-button:visited, .blob .pivot-instagram-profile-button:visited { color: #333; } .pivot-instagram-profile-button:before, .blob .pivot-instagram-profile-button:before { margin-right: 8px; } @media only screen and (min-width: 768px) { .pivot-instagram-profile-button, .blob .pivot-instagram-profile-button { order: 2; } } .pivot-flipboard-magazine { padding: 24px; box-sizing: border-box; max-width: 696px; margin: 32px 16px; overflow: hidden; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; display: flex; justify-content: center; text-align: center; flex-direction: column; } @media only screen and (min-width: 1024px) { .pivot-flipboard-magazine { margin-left: calc((100% - 696px)/2); } } @media only screen and (min-width: 768px) { .pivot-flipboard-magazine { flex-shrink: 0; flex-wrap: wrap; justify-content: flex-start; align-items: center; flex-direction: row; text-align: left; } } @media only screen and (min-width: 1024px) { .pivot-flipboard-magazine { flex-wrap: nowrap; } } .pivot-flipboard-magazine-image { position: relative; height: 80px; width: 80px; margin: 0 auto 16px; display: inline-block; overflow: hidden; text-align: center; } .pivot-flipboard-magazine-image:before { font-size: 24px; font-family: icons-min; content: "\e908"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .pivot-flipboard-magazine-image:before:hover { text-decoration: none; } .pivot-flipboard-magazine-image:after { content: ""; margin-right: 0; margin-left: 0; } .pivot-flipboard-magazine-image:before, .pivot-flipboard-magazine-image:after { font-size: 48px; line-height: 1; vertical-align: text-bottom; } .pivot-flipboard-magazine-image:before { display: inline-block; width: 48px; height: 48px; font-size: 48px; line-height: 52.8px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .pivot-flipboard-magazine-image img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; margin: 0; } .pivot-flipboard-magazine-image:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; color: #fff; } @media only screen and (min-width: 768px) { .pivot-flipboard-magazine-image { height: 144px; width: 144px; display: inline-block; overflow: hidden; text-align: center; margin: 0 24px 0 0; } .pivot-flipboard-magazine-image:before { font-size: 24px; font-family: icons-min; content: "\e908"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .pivot-flipboard-magazine-image:before:hover { text-decoration: none; } .pivot-flipboard-magazine-image:after { content: ""; margin-right: 0; margin-left: 0; } .pivot-flipboard-magazine-image:before, .pivot-flipboard-magazine-image:after { font-size: 112px; line-height: 1; vertical-align: text-bottom; } .pivot-flipboard-magazine-image:before { display: inline-block; width: 112px; height: 112px; font-size: 112px; line-height: 123.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1024px) { .pivot-flipboard-magazine-image { flex: 0 0 144px; } } .pivot-flipboard-magazine-image::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; } .pivot-flipboard-magazine-content { flex: 1; } .pivot-flipboard-magazine-content p, .blob .pivot-flipboard-magazine-content p { font-size: 15px; line-height: 20px; margin: 0 0 16px 0; } @media only screen and (min-width: 768px) { .pivot-flipboard-magazine-content p, .blob .pivot-flipboard-magazine-content p { font-size: 16px; } } @media only screen and (min-width: 1150px) { .pivot-flipboard-magazine-content p, .blob .pivot-flipboard-magazine-content p { font-size: 16px; } } @media only screen and (min-width: 768px) { .pivot-flipboard-magazine-content p, .blob .pivot-flipboard-magazine-content p { line-height: 21px; } } @media only screen and (min-width: 1150px) { .pivot-flipboard-magazine-content p, .blob .pivot-flipboard-magazine-content p { line-height: 21px; } } .pivot-flipboard-magazine-title { margin: 0 0 16px; line-height: 24px; font-weight: 900; } .blob .pivot-flipboard-magazine-content a, .blob .pivot-flipboard-magazine-content a:visited, .pivot-flipboard-magazine-content a, .pivot-flipboard-magazine-content a:visited { color: #333; text-decoration: none; } .blob .pivot-flipboard-magazine-content a:hover, .blob .pivot-flipboard-magazine-content a:visited:hover, .pivot-flipboard-magazine-content a:hover, .pivot-flipboard-magazine-content a:visited:hover { color: #f00; } .pivot-flipboard-magazine-button { color: #fff; height: auto; white-space: normal; line-height: 20px; font-size: 13px; padding: 4px 12px; font-weight: 400; } @media only screen and (min-width: 768px) { .pivot-flipboard-magazine-button { height: 28px; line-height: 28px; padding: 0 12px; } } .blob .pivot-flipboard-magazine-content a.pivot-flipboard-magazine-button, .pivot-flipboard-magazine-content a.pivot-flipboard-magazine-button { color: #fff; height: auto; white-space: normal; line-height: 20px; font-size: 13px; padding: 4px 12px; font-weight: 400; } @media only screen and (min-width: 768px) { .blob .pivot-flipboard-magazine-content a.pivot-flipboard-magazine-button, .pivot-flipboard-magazine-content a.pivot-flipboard-magazine-button { height: 28px; line-height: 28px; padding: 0 12px; } } .blob .pivot-flipboard-magazine-content a.pivot-flipboard-magazine-button:hover, .pivot-flipboard-magazine-content a.pivot-flipboard-magazine-button:hover { color: #fff; } @media only screen and (min-width: 768px) { .blob .pivot-flipboard-magazine-image img, .pivot-flipboard-magazine-image img { margin: 0; } } .promo-container { margin: 0 16px; } @media only screen and (min-width: 768px) { .promo-container { margin: 0 24px; } } @media only screen and (min-width: 1024px) { .promo-container { max-width: 1000px; margin: 0 48px; } } @media only screen and (min-width: 1150px) { .promo-container { margin: 0 auto; } } .promo-container .pivot-ecommerce { background: #fff; padding: 24px; } .promo-container img { max-width: 100%; } .promo-list { display: flex; flex-direction: row; flex-wrap: wrap; } .promo-list-item { width: 100%; box-sizing: border-box; } @media only screen and (min-width: 768px) { .promo-list-item:nth-child(odd) { padding-right: 12px; } } @media only screen and (min-width: 768px) { .promo-list-item:nth-child(even) { padding-left: 12px; } } .promo-list-item .pivot-ecommerce { margin: 0 0 24px; align-items: flex-start; } .promo-list-item .pivot-ecommerce-figure { text-align: center; height: 96px; position: relative; } .promo-list-item .pivot-ecommerce-figure img { height: 100%; } @media only screen and (min-width: 1150px) { .promo-list-item .pivot-ecommerce-desc { line-height: 20px; } } @media only screen and (min-width: 768px) { .promo-list-item { width: 50%; } } .promo-title { font-family: Roboto, Open Sans, Segoe UI, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 17px; line-height: 24px; text-transform: none; letter-spacing: 0; color: #6F6361; text-transform: uppercase; font-weight: 100; } @media only screen and (min-width: 768px) { .promo-title { font-size: 19px; line-height: 28px; } } @media only screen and (min-width: 1150px) { .promo-title { font-size: 19px; line-height: 28px; } } .u-logo-webedia-base { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; } @media only screen and (min-width: 768px) { .u-logo-webedia-base { margin-left: 0; margin-top: 0; } } .u-logo-webedia-tech { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-tech.svg?v=129"); } @media only screen and (min-width: 768px) { .u-logo-webedia-tech { margin-left: 0; margin-top: 0; } } .u-logo-webedia-food { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-food.svg?v=129"); } @media only screen and (min-width: 768px) { .u-logo-webedia-food { margin-left: 0; margin-top: 0; } } .u-logo-webedia-lifestyle { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-lifestyle.svg?v=129"); } @media only screen and (min-width: 768px) { .u-logo-webedia-lifestyle { margin-left: 0; margin-top: 0; } } .u-logo-webedia-movies { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-movies.svg?v=129"); } @media only screen and (min-width: 768px) { .u-logo-webedia-movies { margin-left: 0; margin-top: 0; } } .u-logo-webedia-pop-culture { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-pop-culture.svg?v=129"); } @media only screen and (min-width: 768px) { .u-logo-webedia-pop-culture { margin-left: 0; margin-top: 0; } } .u-logo-webedia-gaming { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-gaming.svg?v=129"); } @media only screen and (min-width: 768px) { .u-logo-webedia-gaming { margin-left: 0; margin-top: 0; } } .u-logo-webedia-travel { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-travel.svg?v=129"); } @media only screen and (min-width: 768px) { .u-logo-webedia-travel { margin-left: 0; margin-top: 0; } } .u-logo-webedia-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; } .u-logo-webedia-tech-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-tech-dark.svg?v=129"); } .u-logo-webedia-food-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-food-dark.svg?v=129"); } .u-logo-webedia-lifestyle-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-lifestyle-dark.svg?v=129"); } .u-logo-webedia-movies-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-movies-dark.svg?v=129"); } .u-logo-webedia-pop-culture-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-pop-culture-dark.svg?v=129"); } .u-logo-webedia-gaming-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-gaming-dark.svg?v=129"); } .u-logo-webedia-travel-inverted { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default-dark.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-travel-dark.svg?v=129"); } .u-logo-footer { height: 50.88px; width: 123.84px; display: block; opacity: 0.6; background-position: top center; } .head-webedia-logo a { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; margin: 4px 0; } @media only screen and (min-width: 768px) { .head-webedia-logo a { margin-left: 0; margin-top: 0; } } .foot-webedia-brand { margin: 0; } .webedia-logo { background-image: url("//img.weblogssl.com/g/r/svg/webedia/webedia-default.svg?v=129"); background-repeat: no-repeat; background-position: center; vertical-align: top; text-indent: -100000px; height: 24px; width: 93.6px; background-size: contain; float: none; height: 50.88px; width: 123.84px; display: block; opacity: 0.6; background-position: top center; } @media only screen and (min-width: 768px) { .webedia-logo { margin-left: 0; margin-top: 0; } } .container { max-width: 1044px; margin-left: auto; margin-right: auto; } article .social-sharing { padding-bottom: 0; padding-left: 16px; } article .social-sharing a { border-radius: 4px; } article .article-summary { padding-top: 0; } article .article-taxonomy { font-size: 15px; line-height: 20px; } @media only screen and (min-width: 768px) { article .article-taxonomy { font-size: 16px; } } @media only screen and (min-width: 1150px) { article .article-taxonomy { font-size: 16px; } } @media only screen and (min-width: 768px) { article .article-taxonomy { line-height: 21px; } } @media only screen and (min-width: 1150px) { article .article-taxonomy { line-height: 21px; } } .related-content { padding-left: 16px; padding-right: 16px; } .pager { margin-left: 0; margin-right: 0; width: 100%; overflow: hidden; } .pager li a { margin-right: 8px; margin-left: 8px; } .btn-gplus { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; } .btn-gplus:before { font-size: 24px; font-family: icons-min; content: "\e620"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-gplus:before:hover { text-decoration: none; } .btn-gplus:after { content: ""; margin-right: 0; margin-left: 0; } .btn-gplus:before, .btn-gplus:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .btn-gplus:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-gplus:before, .btn-gplus:after { line-height: 28.8px; margin: 0 5px; vertical-align: middle; } .email-share-button { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; background-color: #729e54 !important; color: #fff; } .email-share-button:before { font-size: 24px; font-family: icons-min; content: "\f0e0"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .email-share-button:before:hover { text-decoration: none; } .email-share-button:after { content: ""; margin-right: 0; margin-left: 0; } .email-share-button:before, .email-share-button:after { font-size: 32px; line-height: 1; vertical-align: text-bottom; } .email-share-button:before { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 35.2px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .email-share-button:before, .email-share-button:after { line-height: 28.8px; margin: 0 5px; vertical-align: middle; } .email-share-button:hover { background-color: #6c9650 !important; color: #fff; } .navbar { margin: 0; } .navbar h1 { margin: 0; } .navbar-inner { border-radius: 0; padding: 0; border: none; } .home .article-question { text-align: center; } .home .article-question .article-header, .home .article-question .article-metadata { margin-left: auto; margin-right: auto; } .article-question .article-read-more a { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; } .article-question .article-read-more a:hover { background-color: #910000; color: #fff; } .article-question .article-read-more a:hover { text-decoration: none; } .article-question .article-read-more a:active, .article-question .article-read-more a:focus { padding-top: 1px; } .footer-media li:last-child { display: block; } /* @group Untitled Group */ .btn-up { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; cursor: pointer; vertical-align: baseline; white-space: nowrap; display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 42px; padding: 0; overflow: hidden; white-space: normal; background-color: #333; color: #ccc; float: right; } .btn-up:hover { background-color: #910000; color: #fff; } .btn-up:hover { text-decoration: none; } .btn-up:active, .btn-up:focus { padding-top: 1px; } .btn-up:before { font-size: 24px; font-family: icons-min; content: "\e625"; font-style: normal; font-weight: normal; vertical-align: top; margin-right: 0.2em; } .btn-up:before:hover { text-decoration: none; } .btn-up:after { content: ""; margin-right: 0; margin-left: 0; } .btn-up:before, .btn-up:after { font-size: 24px; line-height: 1; vertical-align: text-bottom; } .btn-up:before { display: inline-block; width: 24px; height: 24px; font-size: 24px; line-height: 26.4px; vertical-align: text-bottom; margin-left: auto; margin-right: auto; } .btn-up:before, .btn-up:after { line-height: 21.6px; margin: 0 9px; vertical-align: middle; } .btn-up:hover { background-color: #444; color: #fff; } /* @end */ .footer-media { margin: 24px 0; text-align: center; line-height: 60px; } .footer-media li { display: inline; padding: 0 12px; } .footer-media a { background-color: #900; color: #fff; font-family: Roboto, Open Sans, Lucida Grande, Segoe UI, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0 14px; border-radius: 21px; border: none; display: inline-block; height: 42px; line-height: 42px; cursor: pointer; vertical-align: baseline; white-space: nowrap; background-color: #333; color: #ccc; } .footer-media a:hover { background-color: #910000; color: #fff; } .footer-media a:hover { text-decoration: none; } .footer-media a:active, .footer-media a:focus { padding-top: 1px; } .footer-media a:hover { background-color: #444; color: #fff; } #web-version-link { background: #c00; text-align: center; display: block; height: 48px; line-height: 48px; color: #fff; } #web-version-link:hover { background-color: #333; } /* Article page */ .article-single { margin: 0 0 48px; /* added to fix email sharing form issue */ } .article-single .article-metadata { width: 100%; overflow: hidden; } .article-single .article-summary h2 { padding: 0; margin: 24px 0; } .article-single article { overflow: visible; } .section-settings { margin: 20px 0 0; } .section-settings ul { background: url("//img.weblogssl.com/g/xataka4/common/icons-common-24.png?v=32") 0 -1502px no-repeat; padding: 4px 0 8px 20px; list-style-type: none; } .section-settings ul li { display: inline; } .section-settings ul a { color: #777; margin: 0 0 0 15px; } .section-settings ul a:hover { color: #f00; } .aside-newsletter-box .newsletter-button { float: right; } .form-fieldset .form-hint { margin-bottom: 0; } /* Extra code - dopped theme! */ /* Espacio Toyota */ .espaciotoyota.head-corners-link { border-color: #d2142c; } @media only screen and (min-width: 1024px) { .espaciotoyota.head-corners-link { background: transparent; } } .espaciotoyota.head-corners-link:hover { background: #d2142c; color: #fff; } .espaciotoyota.masthead-nav-brandsections-link { border-color: #d2142c; } @media only screen and (min-width: 1024px) { .espaciotoyota.masthead-nav-brandsections-link { background: transparent; } } .espaciotoyota.masthead-nav-brandsections-link:hover { background: #d2142c; color: #fff; } @media only screen and (min-width: 1024px) { .espaciotoyota { background-color: #ffffff; background-image: url("//img.weblogssl.com/g/espacios/espaciotoyota/bg.jpg?v=21"); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } } .espaciotoyota .head, .espaciotoyota .head-container { background: #333; } .espaciotoyota .club-brand { background-image: url("//img.weblogssl.com/g/espacios/espaciotoyota/m.png?v=21"); background-position: center center; background-repeat: no-repeat; background-size: auto auto; text-indent: -10000px; } @media only screen and (min-width: 768px) { .espaciotoyota .club-brand { background-size: auto auto; } } @media only screen and (min-width: 1150px) { .espaciotoyota .club-brand { background-image: url("//img.weblogssl.com/g/espacios/espaciotoyota/d.jpg?v=21"); background-size: auto auto; background-position: left center; } } @media only screen and (min-width: 1150px) { .espaciotoyota .head.is-visible .club-brand { background-image: url("//img.weblogssl.com/g/espacios/espaciotoyota/m.png?v=21"); background-size: auto; background-position: 50% 50%; } } .espaciotoyota .head.is-visible .disclaimer-brand .brand-logo { background-image: url("images/logo-light.svg?v=129"); } .espaciotoyota .article-home-header a, .espaciotoyota .article-read-more a, .espaciotoyota .article-home-figure a, .espaciotoyota .article-author a, .espaciotoyota .blob a, .espaciotoyota .aside-club-content a, .espaciotoyota .post-related-content a { color: #d2142c; } .espaciotoyota .article-summary, .espaciotoyota .sumario, .espaciotoyota .sumario_derecha, .espaciotoyota .sumario_izquierda { color: #b65763; } .article-espaciotoyota .article-disclaimer a .disclaimer-badge-club, .article-espaciotoyota .disclaimer-badge-club { background-color: #333333; } /*ESPACIO TOYOTA FIX FOOTER*/ .espaciotoyota .space-menu { background: url("//img.weblogssl.com/g/espacios/espaciotoyota/bg-menu.jpg") repeat-x scroll 0 100% #d7d7d7; float: left; margin: 30px 40px 0px; overflow: hidden; padding: 7px 0 15px; white-space: nowrap; width: 670px; } .espaciotoyota .section-article-single .space-menu { float: none; margin-top: 20px; } .espaciotoyota .space-menu li { display: inline; } .espaciotoyota .space-menu a { border-left: 11px solid #FFFFFF; color: #555555; font-size: 1em; padding: 10px 14px 10px; text-shadow: 1px 1px 0 #FFFFFF; } .espaciotoyota #content a:hover, .espaciotoyota .post h2 a:link, .espaciotoyota .post h2 a:visited, .espaciotoyota .read-more a:link, .espaciotoyota .read-more a:visited { background-color: transparent; color: #CC0000; } a { color: #CC0000; outline: medium none; text-decoration: none; } .espaciotoyota .space-logo { height: 98px; left: 0; position: absolute; width: 142px; z-index: 1000; } .espaciotoyota .space-logo a { color: #FFFFFF; display: block; height: 98px; text-indent: -999px; width: 100%; } .espaciotoyota #destacado a { margin: 0; } .espaciotoyota #head-container { position: absolute; top: 56px; } .espaciotoyota .section-article-single #head-container { position: absolute; top: 56px; } .espaciotoyota #head-toyota { height: 96px; left: 391px; overflow: hidden; position: relative; top: 0px; width: 858px; z-index: 3000; } .espaciotoyota .aside-buttons { background: url("//img.weblogssl.com/g/espacios/espaciotoyota/but-fondo-2.jpg") no-repeat scroll 0 10px transparent; margin-bottom: 30px; height: 200px; } .espaciotoyota .aside-buttons img { padding: 0 42px; } .espaciotoyota .mform { border: 0 solid #DFDFDF; padding: 20px; } .espaciotoyota .aside-subscribe form { margin: 0 0 -10px; } .espaciotoyota .twtr-widget { font-size: 11px; margin: 0; } .espaciotoyota #side { margin-top: 0 !important; } /*FIN FIX FOOTER*/ .post-ecommerce .footer h2 a { display: block; margin-left: -76px; margin-top: -16px; } /*PRUEBA BOTÓN SUSCRIBIR*/ .espaciotoyota .button { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 90%; background-color: #cc0000; color: #ffffff; padding: 0 16px; -moz-border-radius: 3px; border-radius: 3px; border: none; display: inline-block; height: 36px; line-height: 36px; cursor: pointer; vertical-align: baseline; box-shadow: 0 2px 0 1px rgba(153, 153, 153, 0.2), 0 -5px 10px 0 #b80000 inset; } /* Espacio Continental */ .continentalvisionzero.head-corners-link { border-color: #e59b01; } @media only screen and (min-width: 1024px) { .continentalvisionzero.head-corners-link { background: transparent; } } .continentalvisionzero.head-corners-link:hover { background: #e59b01; color: #fff; } .continentalvisionzero.masthead-nav-brandsections-link { border-color: #e59b01; } @media only screen and (min-width: 1024px) { .continentalvisionzero.masthead-nav-brandsections-link { background: transparent; } } .continentalvisionzero.masthead-nav-brandsections-link:hover { background: #e59b01; color: #fff; } @media only screen and (min-width: 1024px) { .continentalvisionzero { background-color: #ffffff; background-image: url("//img.weblogssl.com/g/espacios/continentalvisionzero/bg.jpg?v=1"); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } } .continentalvisionzero .head, .continentalvisionzero .head-container { background: #5f6060; } .continentalvisionzero .club-brand { background-image: url("//img.weblogssl.com/g/espacios/continentalvisionzero/m.png?v=1"); background-position: center center; background-repeat: no-repeat; background-size: auto auto; text-indent: -10000px; } @media only screen and (min-width: 768px) { .continentalvisionzero .club-brand { background-size: auto auto; } } @media only screen and (min-width: 1150px) { .continentalvisionzero .club-brand { background-image: url("//img.weblogssl.com/g/espacios/continentalvisionzero/d.jpg?v=1"); background-size: auto auto; background-position: left center; } } @media only screen and (min-width: 1150px) { .continentalvisionzero .head.is-visible .club-brand { background-image: url("//img.weblogssl.com/g/espacios/continentalvisionzero/m.png?v=1"); background-size: auto; background-position: 50% 50%; } } .continentalvisionzero .head.is-visible .disclaimer-brand .brand-logo { background-image: url("images/logo-light.svg?v=129"); } .continentalvisionzero .article-home-header a, .continentalvisionzero .article-read-more a, .continentalvisionzero .article-home-figure a, .continentalvisionzero .article-author a, .continentalvisionzero .blob a, .continentalvisionzero .aside-club-content a, .continentalvisionzero .post-related-content a { color: #e59b01; } .continentalvisionzero .article-summary, .continentalvisionzero .sumario, .continentalvisionzero .sumario_derecha, .continentalvisionzero .sumario_izquierda { color: #bf9a4d; } .article-continentalvisionzero .article-disclaimer a .disclaimer-badge-club, .article-continentalvisionzero .disclaimer-badge-club { background-color: #e59b01; } .continentalvisionzero .head { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .continentalvisionzero .club-brand { background-position: center; } /* Espacio Ford */ .espacioford.head-corners-link { border-color: #224777; } @media only screen and (min-width: 1024px) { .espacioford.head-corners-link { background: transparent; } } .espacioford.head-corners-link:hover { background: #224777; color: #fff; } .espacioford.masthead-nav-brandsections-link { border-color: #224777; } @media only screen and (min-width: 1024px) { .espacioford.masthead-nav-brandsections-link { background: transparent; } } .espacioford.masthead-nav-brandsections-link:hover { background: #224777; color: #fff; } @media only screen and (min-width: 1024px) { .espacioford { background-color: #cecdd2; background-image: url("//img.weblogssl.com/g/espacios/espacioford/bg.jpg?v=3"); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } } .espacioford .head, .espacioford .head-container { background: #005597; } .espacioford .club-brand { background-image: url("//img.weblogssl.com/g/espacios/espacioford/m.png?v=3"); background-position: center center; background-repeat: no-repeat; background-size: auto auto; text-indent: -10000px; } @media only screen and (min-width: 768px) { .espacioford .club-brand { background-size: auto auto; } } @media only screen and (min-width: 1150px) { .espacioford .club-brand { background-image: url("//img.weblogssl.com/g/espacios/espacioford/d.jpg?v=3"); background-size: auto auto; background-position: left center; } } @media only screen and (min-width: 1150px) { .espacioford .head.is-visible .club-brand { background-image: url("//img.weblogssl.com/g/espacios/espacioford/m.png?v=3"); background-size: auto; background-position: 50% 50%; } } .espacioford .head.is-visible .disclaimer-brand .brand-logo { background-image: url("images/logo-light.svg?v=129"); } .espacioford .article-home-header a, .espacioford .article-read-more a, .espacioford .article-home-figure a, .espacioford .article-author a, .espacioford .blob a, .espacioford .aside-club-content a, .espacioford .post-related-content a { color: #224777; } .espacioford .article-summary, .espacioford .sumario, .espacioford .sumario_derecha, .espacioford .sumario_izquierda { color: #5e7088; } .article-espacioford .article-disclaimer a .disclaimer-badge-club, .article-espacioford .disclaimer-badge-club { background-color: #224777; } .espacioford .head { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .espacioford .club-brand { background-position: center; }