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;
}