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;
}
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: transparent;
}
.m-instagram-gradient::before {
background-image: radial-gradient(circle at 27% 100%, #FFDD55 0%, #FFDD55 10%, #FF543E 50%, #C837AB 99%);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
.loader,
.u-loader {
background: url("https://img.weblogssl.com/g/xataka4/common/ajax-loader.gif") no-repeat;
}
/*
* Vars for LESS - Compradicción - desktop
* -----------------------------------------------
*/
@font-face {
font-family: 'Radnika Next';
src: url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Bold.woff2') format('woff2'), url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Bold.woff') format('woff'), url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Radnika Next';
src: url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Regular.woff2') format('woff2'), url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Regular.woff') format('woff'), url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Radnika Next';
src: url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Light.woff2') format('woff2'), url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Light.woff') format('woff'), url('//img.weblogssl.com/g/r/fonts/RadnikaNext-Light.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18E.ttf) format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf) format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18E.ttf) format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr.ttf) format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdr.ttf) format('truetype');
}
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 {
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.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-inline,
.u-list-inline-hidden,
.u-list-inline-item,
.u-list-inline-item-cozy {
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 {
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 {
margin: 0;
}
}
.u-list-inline a,
.u-list-inline-hidden a,
.u-list-inline-item a,
.u-list-inline-item-cozy 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-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: normal;
font-style: normal;
text-transform: none;
font-size: 14px;
color: #707070;
line-height: 20px;
font-size: 13px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.u-list-inline-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.u-list-inline-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.u-list-inline-scroll:after {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.u-list-inline-scroll:after {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-list-inline-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.u-list-inline-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.u-list-inline-scroll:after {
line-height: 20px;
}
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-list-inline-scroll:after {
line-height: 16px;
}
}
@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-items: 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: flex-start;
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;
}
}
@media only screen and (min-width: 768px) {
.u-layout-cozy-edge-line-new {
margin-left: 24px;
margin-right: 24px;
}
}
@media only screen and (min-width: 1024px) {
.u-layout-cozy-edge-line-new {
margin-left: 48px;
margin-right: 48px;
}
}
@media only screen and (min-width: 1200px) {
.u-layout-cozy-edge-line-new {
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
}
.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-items: 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-layout-footer-large {
max-width: 1280px;
margin: 0 16px;
}
@media only screen and (min-width: 768px) {
.u-layout-footer-large {
margin: 0 24px;
}
}
@media only screen and (min-width: 1360px) {
.u-layout-footer-large {
margin: 0 auto;
}
}
.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-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-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) {
.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;
background: #000;
}
.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%;
}
.article-asset-fbpost .base-asset-post {
margin-left: auto;
margin-right: auto;
max-width: 500px;
}
.article-asset-fbpost .base-asset-post iframe {
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-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-fbvideo.article-asset-large .base-asset-video {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 100% 0 0 0;
overflow: hidden;
}
.article-asset-fbvideo.article-asset-large .base-asset-video embed,
.article-asset-fbvideo.article-asset-large .base-asset-video iframe,
.article-asset-fbvideo.article-asset-large .base-asset-video object,
.article-asset-fbvideo.article-asset-large .base-asset-video video,
.article-asset-fbvideo.article-asset-large .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;
}
}
.u-type0,
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.u-type0,
body {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.u-type0,
body {
font-size: 16px;
line-height: 28px;
}
}
h1,
h2,
h3,
h4,
h5 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.u-typeh0,
.type-h0 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 33.6px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-typeh0,
.type-h0 {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (min-width: 1150px) {
.u-typeh0,
.type-h0 {
font-size: 48px;
line-height: 56px;
}
}
.u-type-giant,
.type-giant {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-size: 64px;
line-height: 64px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-type-giant,
.type-giant {
font-size: 72px;
line-height: 72px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-giant,
.type-giant {
font-size: 88px;
line-height: 88px;
}
}
.u-type1,
.type1 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 30px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-type1,
.type1 {
font-size: 34px;
line-height: 44px;
}
}
@media only screen and (min-width: 1150px) {
.u-type1,
.type1 {
font-size: 40px;
line-height: 48px;
}
}
.u-type2,
.type2 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25.2px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-type2,
.type2 {
font-size: 28px;
line-height: 32px;
}
}
@media only screen and (min-width: 1150px) {
.u-type2,
.type2 {
font-size: 32px;
line-height: 40px;
}
}
.u-type3,
.type3 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-type3,
.type3 {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.u-type3,
.type3 {
font-size: 26px;
line-height: 30px;
}
}
.u-type4,
.type4 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-type4,
.type4 {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-type4,
.type4 {
font-size: 21px;
line-height: 24px;
}
}
.u-type5 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 20.4px;
}
@media only screen and (min-width: 768px) {
.u-type5 {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.u-type5 {
font-size: 18px;
line-height: 20px;
}
}
.u-type6 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 18px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.u-type6 {
font-size: 19px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-type6 {
font-size: 24px;
line-height: 28px;
}
}
.u-type7 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.u-type7 {
font-size: 17px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-type7 {
font-size: 18px;
line-height: 24px;
}
}
.type-mini {
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.type-mini {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.type-mini {
font-size: 14px;
}
}
.u-type-mini,
.u-font-mini,
.font-mini,
small {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.u-type-mini,
.u-font-mini,
.font-mini,
small {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-mini,
.u-font-mini,
.font-mini,
small {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.u-type-mini,
.u-font-mini,
.font-mini,
small {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-mini,
.u-font-mini,
.font-mini,
small {
line-height: 20px;
}
}
.head-link,
.type-micro {
font-size: 13px;
}
@media only screen and (min-width: 768px) {
.head-link,
.type-micro {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.head-link,
.type-micro {
font-size: 13px;
}
}
.u-type-micro,
.u-font-micro,
.font-micro {
font-size: 13px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.u-type-micro,
.u-font-micro,
.font-micro {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-micro,
.u-font-micro,
.font-micro {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.u-type-micro,
.u-font-micro,
.font-micro {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-micro,
.u-font-micro,
.font-micro {
line-height: 16px;
}
}
.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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-font-micro-elastic {
font-size: 14px;
line-height: 20px;
}
}
.type-pico {
font-size: 11px;
}
@media only screen and (min-width: 768px) {
.type-pico {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.type-pico {
font-size: 11px;
}
}
.u-type-pico,
.font-pico,
.u-font-pico {
font-size: 11px;
line-height: 16px;
}
@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;
}
}
@media only screen and (min-width: 768px) {
.u-type-pico,
.font-pico,
.u-font-pico {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-pico,
.font-pico,
.u-font-pico {
line-height: 16px;
}
}
.u-heading-giant,
.heading-giant {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-size: 64px;
line-height: 64px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-heading-giant,
.heading-giant {
font-size: 72px;
line-height: 72px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading-giant,
.heading-giant {
font-size: 88px;
line-height: 88px;
}
}
.u-heading0,
.heading0 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
text-transform: none;
font-size: 26px;
line-height: 33.6px;
}
@media only screen and (min-width: 768px) {
.u-heading0,
.heading0 {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading0,
.heading0 {
font-size: 48px;
line-height: 56px;
}
}
h1,
.u-heading1,
.heading1 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
text-transform: none;
font-size: 26px;
line-height: 33.6px;
}
@media only screen and (min-width: 768px) {
h1,
.u-heading1,
.heading1 {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (min-width: 1150px) {
h1,
.u-heading1,
.heading1 {
font-size: 48px;
line-height: 56px;
}
}
h2,
.u-heading2,
.heading2 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25.2px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
h2,
.u-heading2,
.heading2 {
font-size: 28px;
line-height: 32px;
}
}
@media only screen and (min-width: 1150px) {
h2,
.u-heading2,
.heading2 {
font-size: 32px;
line-height: 40px;
}
}
h3,
.u-heading3,
.heading3 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
h3,
.u-heading3,
.heading3 {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
h3,
.u-heading3,
.heading3 {
font-size: 26px;
line-height: 30px;
}
}
h4,
.u-heading4,
.heading4 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
h4,
.u-heading4,
.heading4 {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
h4,
.u-heading4,
.heading4 {
font-size: 21px;
line-height: 24px;
}
}
h5,
.u-heading5,
.heading5 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 20.4px;
}
@media only screen and (min-width: 768px) {
h5,
.u-heading5,
.heading5 {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
h5,
.u-heading5,
.heading5 {
font-size: 18px;
line-height: 20px;
}
}
h6,
.u-heading6,
.heading6 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 18px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
h6,
.u-heading6,
.heading6 {
font-size: 19px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
h6,
.u-heading6,
.heading6 {
font-size: 24px;
line-height: 28px;
}
}
.u-heading7,
.heading7 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.u-heading7,
.heading7 {
font-size: 17px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading7,
.heading7 {
font-size: 18px;
line-height: 24px;
}
}
.u-type-nav {
font-size: 14px;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.u-type-nav {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-nav {
font-size: 14px;
}
}
.u-tag-type,
.tag-type {
font-size: 13px;
line-height: 16px;
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;
}
}
@media only screen and (min-width: 768px) {
.u-tag-type,
.tag-type {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-tag-type,
.tag-type {
line-height: 16px;
}
}
.u-type-taxonomy {
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 700;
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-taxonomy {
line-height: 16px;
}
}
.u-tag-label,
.tag-label {
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 400;
display: inline-block;
vertical-align: middle;
height: 24px;
line-height: 23px;
padding: 0 9.6px;
border-radius: 4px;
}
@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 {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-tag-label,
.tag-label {
line-height: 16px;
}
}
@media only screen and (min-width: 768px) {
.u-tag-label,
.tag-label {
height: 28px;
line-height: 27px;
}
}
@media only screen and (min-width: 1150px) {
.u-tag-label,
.tag-label {
height: 28px;
line-height: 27px;
}
}
.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;
}
}
a,
a:visited {
text-decoration: none;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
.u-tip-type {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.u-tip-type {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.u-tip-type {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.u-tip-type {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.u-tip-type {
line-height: 20px;
}
}
.caption,
.caption-type,
.type-caption,
.type-caption-credit,
.caption-text {
font-size: 14px;
line-height: 20px;
font-weight: normal;
font-style: normal;
color: #707070;
text-transform: none;
}
@media only screen and (min-width: 768px) {
.caption,
.caption-type,
.type-caption,
.type-caption-credit,
.caption-text {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.caption,
.caption-type,
.type-caption,
.type-caption-credit,
.caption-text {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.caption,
.caption-type,
.type-caption,
.type-caption-credit,
.caption-text {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.caption,
.caption-type,
.type-caption,
.type-caption-credit,
.caption-text {
line-height: 20px;
}
}
.caption-type,
.type-caption,
.caption-text {
display: block;
border-bottom: 1px solid #c8e2de;
padding: 12px 0;
margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.caption-type,
.type-caption,
.caption-text {
padding-top: 14px;
padding-bottom: 14px;
margin-bottom: 28px;
}
}
.caption-type,
.type-caption {
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;
}
}
.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;
}
}
.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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.type-caption-credit {
line-height: 16px;
}
}
.u-type-byline {
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: normal;
color: #707070;
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-byline {
line-height: 16px;
}
}
.u-type-byline a {
color: #707070;
}
.u-type-byline a:hover {
color: #E12F2F;
}
.sidebar-disclaimer,
.u-block-disclaimer,
.u-type-disclaimer {
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: normal;
color: #707070;
}
@media only screen and (min-width: 768px) {
.sidebar-disclaimer,
.u-block-disclaimer,
.u-type-disclaimer {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.sidebar-disclaimer,
.u-block-disclaimer,
.u-type-disclaimer {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.sidebar-disclaimer,
.u-block-disclaimer,
.u-type-disclaimer {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.sidebar-disclaimer,
.u-block-disclaimer,
.u-type-disclaimer {
line-height: 16px;
}
}
.u-block-disclaimer {
display: inline-block;
vertical-align: middle;
padding: 4px 9.6px;
background: #f4f2e9;
color: #111;
}
.cancel-link {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.cancel-link {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.cancel-link {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.cancel-link {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.cancel-link {
line-height: 20px;
}
}
.nav-heading {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
margin-top: 16px;
margin-bottom: 16px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.nav-heading {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.nav-heading {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) {
.nav-heading {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.nav-heading {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.nav-heading {
margin-top: 48px;
}
}
.section-heading,
.section-header {
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
text-transform: uppercase;
color: #707070;
margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
.section-heading,
.section-header {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.section-heading,
.section-header {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) {
.section-heading,
.section-header {
font-weight: 200;
margin-bottom: 14px;
}
}
@media only screen and (min-width: 1024px) {
.section-heading,
.section-header {
margin-bottom: 14px;
}
}
.article-asset-text .asset-content {
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 19px;
line-height: 28px;
}
@media only screen and (min-width: 768px) {
.article-asset-text .asset-content {
font-size: 19px;
line-height: 30px;
}
}
@media only screen and (min-width: 1150px) {
.article-asset-text .asset-content {
font-size: 20px;
line-height: 30px;
}
}
.article-asset-text .asset-content p a,
.article-asset-text .asset-content li a,
.article-asset-text .asset-content blockquote a {
text-decoration: underline;
}
.article-asset-text .asset-content ul li,
.article-asset-text .asset-content ol li {
width: auto;
max-width: 100%;
margin-left: 24px;
margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
.article-asset-text .asset-content ul li,
.article-asset-text .asset-content ol li {
margin-bottom: 14px;
}
}
.article-asset-text .asset-content ul li {
list-style-type: disc;
list-style-position: outside;
}
.article-asset-text .asset-content ol li {
list-style-type: decimal;
list-style-position: outside;
}
.article-asset-text .asset-content pre,
.article-asset-text .asset-content table,
.article-asset-text .asset-content table p,
.article-asset-text .asset-content table ul,
.article-asset-text .asset-content table ol,
.article-asset-text .asset-content div,
.article-asset-text .asset-content div p,
.article-asset-text .asset-content div ul,
.article-asset-text .asset-content div ol {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.article-asset-text .asset-content pre,
.article-asset-text .asset-content table,
.article-asset-text .asset-content table p,
.article-asset-text .asset-content table ul,
.article-asset-text .asset-content table ol,
.article-asset-text .asset-content div,
.article-asset-text .asset-content div p,
.article-asset-text .asset-content div ul,
.article-asset-text .asset-content div ol {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.article-asset-text .asset-content pre,
.article-asset-text .asset-content table,
.article-asset-text .asset-content table p,
.article-asset-text .asset-content table ul,
.article-asset-text .asset-content table ol,
.article-asset-text .asset-content div,
.article-asset-text .asset-content div p,
.article-asset-text .asset-content div ul,
.article-asset-text .asset-content div ol {
font-size: 16px;
line-height: 28px;
}
}
.article-asset-text .asset-content p,
.article-asset-text .asset-content ul,
.article-asset-text .asset-content ol,
.article-asset-text .asset-content li,
.article-asset-text .asset-content pre,
.article-asset-text .asset-content table,
.article-asset-text .asset-content blockquote,
.article-asset-text .asset-content h2,
.article-asset-text .asset-content h3,
.article-asset-text .asset-content h4,
.article-asset-text .asset-content h5 {
margin-top: 16px;
margin-bottom: 0;
}
.u-article-summary,
.summary {
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25.2px;
letter-spacing: 0;
text-align: left;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 200;
text-transform: none;
border-bottom: 2px solid #c8e2de;
padding: 0 0 18px;
margin-top: 40.32px;
margin-bottom: 40.32px;
}
@media only screen and (min-width: 768px) {
.u-article-summary,
.summary {
font-size: 28px;
line-height: 32px;
}
}
@media only screen and (min-width: 1150px) {
.u-article-summary,
.summary {
font-size: 32px;
line-height: 40px;
}
}
@media only screen and (min-width: 768px) {
.u-article-summary,
.summary {
padding-bottom: 21px;
margin-top: 47.04px;
margin-bottom: 47.04px;
}
}
@media only screen and (min-width: 1150px) {
.u-article-summary,
.summary {
padding-bottom: 21px;
margin-top: 47.04px;
margin-bottom: 47.04px;
}
}
.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-type-mini-0 {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.u-type-mini-0 {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.u-type-mini-0 {
font-size: 16px;
line-height: 28px;
}
}
.u-title-weight-normal .article-featured-title,
.u-title-weight-normal .article-header h1,
.u-title-weight-normal .article-featured .article-header h1 {
font-weight: normal;
}
.head.is-visible {
background-color: transparent;
top: 0;
}
.article-landing .article-asset-video,
.article-landing .article-asset-fbvideo,
.article-landing .twitter-tweet,
.article-landing .instagram-media,
.article-landing .nota-analisis,
.article-landing .article-asset-embed-infogram,
.article-landing .article-asset-embed-datawrapper,
.article-landing .article-asset-embed-giphy {
margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
.article-landing .article-asset-video,
.article-landing .article-asset-fbvideo,
.article-landing .twitter-tweet,
.article-landing .instagram-media,
.article-landing .nota-analisis,
.article-landing .article-asset-embed-infogram,
.article-landing .article-asset-embed-datawrapper,
.article-landing .article-asset-embed-giphy {
margin-bottom: 0 !important;
}
}
@media only screen and (min-width: 1024px) {
.article-landing .article-asset-video,
.article-landing .article-asset-fbvideo,
.article-landing .twitter-tweet,
.article-landing .instagram-media,
.article-landing .nota-analisis,
.article-landing .article-asset-embed-infogram,
.article-landing .article-asset-embed-datawrapper,
.article-landing .article-asset-embed-giphy {
margin-bottom: 0 !important;
}
}
.article-landing .hook,
.article-landing .pivot-newsletter,
.article-landing .desvio,
.article-landing .sumario {
margin-top: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
.article-landing .hook,
.article-landing .pivot-newsletter,
.article-landing .desvio,
.article-landing .sumario {
margin-top: 0;
margin-bottom: 0;
}
}
.article-asset-small.article-asset-center {
text-align: inherit;
}
@media only screen and (min-width: 768px) {
.article-landing .article-asset-small.article-asset-left .article-asset-video,
.article-landing .article-asset-small.article-asset-right .article-asset-video {
overflow: inherit;
}
}
.abstract-disclaimer.m-branded {
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: normal;
color: #707070;
display: inline-block;
vertical-align: middle;
padding: 4px 9.6px;
background: #f4f2e9;
color: #111;
}
@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;
}
}
@media only screen and (min-width: 768px) {
.abstract-disclaimer.m-branded {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.abstract-disclaimer.m-branded {
line-height: 16px;
}
}
.tabla-datos p a,
.tabla-datos li a,
.tabla-datos blockquote a {
text-decoration: underline;
}
.tabla-datos ul li,
.tabla-datos ol li {
width: auto;
max-width: 100%;
margin-left: 24px;
margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
.tabla-datos ul li,
.tabla-datos ol li {
margin-bottom: 14px;
}
}
.tabla-datos ul li {
list-style-type: disc;
list-style-position: outside;
}
.tabla-datos ol li {
list-style-type: decimal;
list-style-position: outside;
}
.u-heading-v-spacing {
margin-top: 16px;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.u-heading-v-spacing {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.u-heading-v-spacing {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.u-heading-v-spacing {
margin-top: 48px;
}
}
.u-heading-v-spacing-bg {
margin-top: 0;
margin-bottom: 0;
}
h2,
.u-heading2,
.heading2,
h3,
.u-heading3,
.heading3,
h4,
.u-heading4,
.heading4,
h5,
.u-heading5,
.heading5,
h6,
.u-heading6,
.heading6,
.u-heading7,
.heading7 {
margin-top: 16px;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
h2,
.u-heading2,
.heading2,
h3,
.u-heading3,
.heading3,
h4,
.u-heading4,
.heading4,
h5,
.u-heading5,
.heading5,
h6,
.u-heading6,
.heading6,
.u-heading7,
.heading7 {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
h2,
.u-heading2,
.heading2,
h3,
.u-heading3,
.heading3,
h4,
.u-heading4,
.heading4,
h5,
.u-heading5,
.heading5,
h6,
.u-heading6,
.heading6,
.u-heading7,
.heading7 {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
h2,
.u-heading2,
.heading2,
h3,
.u-heading3,
.heading3,
h4,
.u-heading4,
.heading4,
h5,
.u-heading5,
.heading5,
h6,
.u-heading6,
.heading6,
.u-heading7,
.heading7 {
margin-top: 48px;
}
}
.article-asset-container.m-bg-container h2,
.article-asset-container.m-bg-container .u-heading2,
.article-asset-container.m-bg-container .heading2,
.article-asset-container.m-bg-container h3,
.article-asset-container.m-bg-container .u-heading3,
.article-asset-container.m-bg-container .heading3,
.article-asset-container.m-bg-container h4,
.article-asset-container.m-bg-container .u-heading4,
.article-asset-container.m-bg-container .heading4,
.article-asset-container.m-bg-container h5,
.article-asset-container.m-bg-container .u-heading5,
.article-asset-container.m-bg-container .heading5,
.article-asset-container.m-bg-container h6,
.article-asset-container.m-bg-container .u-heading6,
.article-asset-container.m-bg-container .heading6,
.article-asset-container.m-bg-container .u-heading7,
.article-asset-container.m-bg-container .heading7 {
margin-top: 0;
margin-bottom: 0;
}
.article-asset-text .asset-content h2,
.article-asset-text .asset-content .u-heading2,
.article-asset-text .asset-content .heading2,
.article-asset-text .asset-content h3,
.article-asset-text .asset-content .u-heading3,
.article-asset-text .asset-content .heading3,
.article-asset-text .asset-content h4,
.article-asset-text .asset-content .u-heading4,
.article-asset-text .asset-content .heading4,
.article-asset-text .asset-content h5,
.article-asset-text .asset-content .u-heading5,
.article-asset-text .asset-content .heading5,
.article-asset-text .asset-content h6,
.article-asset-text .asset-content .u-heading6,
.article-asset-text .asset-content .heading6,
.article-asset-text .asset-content .u-heading7,
.article-asset-text .asset-content .heading7 {
margin-top: 16px;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.article-asset-text .asset-content h2,
.article-asset-text .asset-content .u-heading2,
.article-asset-text .asset-content .heading2,
.article-asset-text .asset-content h3,
.article-asset-text .asset-content .u-heading3,
.article-asset-text .asset-content .heading3,
.article-asset-text .asset-content h4,
.article-asset-text .asset-content .u-heading4,
.article-asset-text .asset-content .heading4,
.article-asset-text .asset-content h5,
.article-asset-text .asset-content .u-heading5,
.article-asset-text .asset-content .heading5,
.article-asset-text .asset-content h6,
.article-asset-text .asset-content .u-heading6,
.article-asset-text .asset-content .heading6,
.article-asset-text .asset-content .u-heading7,
.article-asset-text .asset-content .heading7 {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-text .asset-content h2,
.article-asset-text .asset-content .u-heading2,
.article-asset-text .asset-content .heading2,
.article-asset-text .asset-content h3,
.article-asset-text .asset-content .u-heading3,
.article-asset-text .asset-content .heading3,
.article-asset-text .asset-content h4,
.article-asset-text .asset-content .u-heading4,
.article-asset-text .asset-content .heading4,
.article-asset-text .asset-content h5,
.article-asset-text .asset-content .u-heading5,
.article-asset-text .asset-content .heading5,
.article-asset-text .asset-content h6,
.article-asset-text .asset-content .u-heading6,
.article-asset-text .asset-content .heading6,
.article-asset-text .asset-content .u-heading7,
.article-asset-text .asset-content .heading7 {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.article-asset-text .asset-content h2,
.article-asset-text .asset-content .u-heading2,
.article-asset-text .asset-content .heading2,
.article-asset-text .asset-content h3,
.article-asset-text .asset-content .u-heading3,
.article-asset-text .asset-content .heading3,
.article-asset-text .asset-content h4,
.article-asset-text .asset-content .u-heading4,
.article-asset-text .asset-content .heading4,
.article-asset-text .asset-content h5,
.article-asset-text .asset-content .u-heading5,
.article-asset-text .asset-content .heading5,
.article-asset-text .asset-content h6,
.article-asset-text .asset-content .u-heading6,
.article-asset-text .asset-content .heading6,
.article-asset-text .asset-content .u-heading7,
.article-asset-text .asset-content .heading7 {
margin-top: 48px;
}
}
.article-asset-text .asset-content .article-asset-container.m-bg-container h2,
.article-asset-text .asset-content .article-asset-container.m-bg-container .u-heading2,
.article-asset-text .asset-content .article-asset-container.m-bg-container .heading2,
.article-asset-text .asset-content .article-asset-container.m-bg-container h3,
.article-asset-text .asset-content .article-asset-container.m-bg-container .u-heading3,
.article-asset-text .asset-content .article-asset-container.m-bg-container .heading3,
.article-asset-text .asset-content .article-asset-container.m-bg-container h4,
.article-asset-text .asset-content .article-asset-container.m-bg-container .u-heading4,
.article-asset-text .asset-content .article-asset-container.m-bg-container .heading4,
.article-asset-text .asset-content .article-asset-container.m-bg-container h5,
.article-asset-text .asset-content .article-asset-container.m-bg-container .u-heading5,
.article-asset-text .asset-content .article-asset-container.m-bg-container .heading5,
.article-asset-text .asset-content .article-asset-container.m-bg-container h6,
.article-asset-text .asset-content .article-asset-container.m-bg-container .u-heading6,
.article-asset-text .asset-content .article-asset-container.m-bg-container .heading6,
.article-asset-text .asset-content .article-asset-container.m-bg-container .u-heading7,
.article-asset-text .asset-content .article-asset-container.m-bg-container .heading7 {
margin-top: 0;
margin-bottom: 0;
}
.u-typeh0-compact,
.type-h0-compact {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 33.6px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-typeh0-compact,
.type-h0-compact {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (min-width: 1150px) {
.u-typeh0-compact,
.type-h0-compact {
font-size: 40px;
line-height: 48px;
}
}
.u-heading0-compact,
.heading0-compact {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 33.6px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
margin-top: 48px;
margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.u-heading0-compact,
.heading0-compact {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading0-compact,
.heading0-compact {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (min-width: 768px) {
.u-heading0-compact,
.heading0-compact {
margin-top: 56px;
margin-bottom: 28px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading0-compact,
.heading0-compact {
margin-top: 56px;
margin-bottom: 28px;
}
}
.u-type3-compact,
.type3-compact {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-type3-compact,
.type3-compact {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.u-type3-compact,
.type3-compact {
font-size: 18px;
line-height: 20px;
}
}
.u-type4-compact,
.type4-compact {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.u-type4-compact,
.type4-compact {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-type4-compact,
.type4-compact {
font-size: 22px;
line-height: 28px;
}
}
.u-heading3-compact,
.heading3-compact {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
margin-top: 40.32px;
margin-bottom: 16.32px;
}
@media only screen and (min-width: 768px) {
.u-heading3-compact,
.heading3-compact {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading3-compact,
.heading3-compact {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.u-heading3-compact,
.heading3-compact {
margin-top: 47.04px;
margin-bottom: 19.04px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading3-compact,
.heading3-compact {
margin-top: 47.04px;
margin-bottom: 19.04px;
}
}
.u-heading4-compact,
.heading4-compact {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
margin-top: 31.92px;
margin-bottom: 16.32px;
}
@media only screen and (min-width: 768px) {
.u-heading4-compact,
.heading4-compact {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading4-compact,
.heading4-compact {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 768px) {
.u-heading4-compact,
.heading4-compact {
margin-top: 37.24px;
margin-bottom: 19.04px;
}
}
@media only screen and (min-width: 1150px) {
.u-heading4-compact,
.heading4-compact {
margin-top: 37.24px;
margin-bottom: 19.04px;
}
}
.grecaptcha-badge {
visibility: hidden;
}
.layout-size-normal,
.article-asset-text,
.article-asset-normal {
margin-left: 16px;
margin-right: 16px;
}
@media only screen and (min-width: 768px) {
.layout-size-normal,
.article-asset-text,
.article-asset-normal {
max-width: 696px;
margin-left: 72px;
margin-right: 72px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-normal,
.article-asset-text,
.article-asset-normal {
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-normal .singular-text .singular-text-title,
.article-asset-text .singular-text .singular-text-title,
.article-asset-normal .singular-text .singular-text-title {
font-size: 28px;
line-height: 34px;
margin-left: 64px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-normal .singular-text .singular-text-title::before,
.article-asset-text .singular-text .singular-text-title::before,
.article-asset-normal .singular-text .singular-text-title::before {
font-size: 40px;
margin-left: -48px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-normal .singular-text .singular-text-brand,
.article-asset-text .singular-text .singular-text-brand,
.article-asset-normal .singular-text .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-left: 64px;
margin-top: 8px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-normal.m-text-top .singular-text,
.article-asset-text.m-text-top .singular-text,
.article-asset-normal.m-text-top .singular-text {
top: 50px !important;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-normal.m-text-bottom .singular-text,
.article-asset-text.m-text-bottom .singular-text,
.article-asset-normal.m-text-bottom .singular-text {
bottom: 50px !important;
}
}
@media only screen and (min-width: 768px) {
.layout-size-normal,
.article-asset-text,
.article-asset-normal {
max-width: 704px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-normal,
.article-asset-text,
.article-asset-normal {
max-width: 696px;
}
}
.article-asset-container .layout-size-small,
.article-asset-container .article-asset-small {
margin-left: 16px;
margin-right: 16px;
}
@media only screen and (min-width: 768px) {
.article-asset-container .layout-size-small,
.article-asset-container .article-asset-small {
margin-left: 24px;
margin-right: 24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-container .layout-size-small,
.article-asset-container .article-asset-small {
max-width: 1044px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1440px) {
.article-asset-container .layout-size-small,
.article-asset-container .article-asset-small {
max-width: 1368px;
}
}
.article-asset-container .layout-size-small .asset-content,
.article-asset-container .article-asset-small .asset-content {
max-width: 372px;
margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
.article-asset-container .layout-size-small .asset-content,
.article-asset-container .article-asset-small .asset-content {
min-width: 372px;
}
}
.layout-size-large,
.article-asset-large {
max-width: 1044px;
margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
.layout-size-large,
.article-asset-large {
max-width: 1044px;
margin: 0 auto;
}
}
@media only screen and (min-width: 1600px) {
.layout-size-large,
.article-asset-large {
max-width: 1368px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-large .singular-text .singular-text-title,
.article-asset-large .singular-text .singular-text-title {
font-size: 40px;
line-height: 48px;
margin-left: 89.6px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-large .singular-text .singular-text-title::before,
.article-asset-large .singular-text .singular-text-title::before {
font-size: 48px;
margin-left: -56.16px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-large .singular-text .singular-text-brand,
.article-asset-large .singular-text .singular-text-brand {
font-size: 14px;
line-height: 20px;
margin-left: 89.6px;
margin-top: 24px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-large.m-text-top .singular-text,
.article-asset-large.m-text-top .singular-text {
top: 70px !important;
}
}
@media only screen and (min-width: 1024px) {
.layout-size-large.m-text-bottom .singular-text,
.article-asset-large.m-text-bottom .singular-text {
bottom: 70px !important;
}
}
@media only screen and (min-width: 1600px) {
.layout-size-large,
.article-asset-large {
max-width: 1044px;
}
}
.layout-size-cover img,
.article-asset-cover img,
.article-asset-edge img,
.layout-size-cover iframe,
.article-asset-cover iframe,
.article-asset-edge iframe,
.layout-size-cover object,
.article-asset-cover object,
.article-asset-edge object {
display: block;
width: 100%;
height: auto;
}
@media only screen and (min-width: 1024px) {
.layout-size-cover,
.article-asset-cover,
.article-asset-edge {
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1280px) {
.layout-size-big,
.article-asset-big {
max-width: 1044px;
margin: 0 auto;
}
}
@media only screen and (min-width: 1600px) {
.layout-size-big,
.article-asset-big {
max-width: 1368px;
}
}
@media only screen and (min-width: 1600px) {
.layout-size-big,
.article-asset-big {
max-width: 1044px;
}
}
.layout-size-standard,
.article-asset-standard {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 1024px) {
.layout-size-standard,
.article-asset-standard {
max-width: 928px;
}
}
@media only screen and (min-width: 1360px) {
.layout-size-standard,
.article-asset-standard {
max-width: 1296px;
}
}
@media only screen and (min-width: 1600px) {
.layout-size-standard,
.article-asset-standard {
max-width: 1368px;
}
}
.box-content-mainbar {
flex-grow: 1;
order: 2;
width: 100%;
}
@media only screen and (min-width: 1024px) {
.box-content-mainbar {
width: auto;
}
}
.box-content-sidebar {
max-width: 300px;
width: 300px;
order: 1;
margin-left: auto;
margin-right: auto;
}
.box-content-sidebar img {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.box-content-sidebar {
margin-right: 24px;
}
}
@media only screen and (min-width: 1024px) {
.box-content-sidebar {
order: 2;
margin-right: 0;
margin-left: 48px;
}
}
@media only screen and (min-width: 768px) {
.m-content-size-left .layout-size-small,
.m-content-size-right .layout-size-small,
.m-content-size-left .article-asset-small,
.m-content-size-right .article-asset-small {
max-width: 372px;
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.m-content-size-left .layout-size-small,
.m-content-size-right .layout-size-small,
.m-content-size-left .article-asset-small,
.m-content-size-right .article-asset-small {
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.m-content-size-left .layout-size-small,
.m-content-size-right .layout-size-small,
.m-content-size-left .article-asset-small,
.m-content-size-right .article-asset-small {
margin-bottom: 48px;
}
}
.m-content-size-left .layout-size-small img,
.m-content-size-right .layout-size-small img,
.m-content-size-left .article-asset-small img,
.m-content-size-right .article-asset-small img {
max-width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.m-content-size-left .layout-size-small,
.m-content-size-left .article-asset-small {
float: left;
margin-right: 24px;
}
}
@media only screen and (min-width: 1280px) {
.m-content-size-left .layout-size-small,
.m-content-size-left .article-asset-small {
margin-right: 32px;
}
}
@media only screen and (min-width: 1360px) {
.m-content-size-left .layout-size-small,
.m-content-size-left .article-asset-small {
margin-right: 48px;
}
}
@media only screen and (min-width: 768px) {
.m-content-size-right .layout-size-small,
.m-content-size-right .article-asset-small {
float: right;
margin-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.m-content-size-right .layout-size-small,
.m-content-size-right .article-asset-small {
margin-left: 32px;
}
}
@media only screen and (min-width: 1360px) {
.m-content-size-right .layout-size-small,
.m-content-size-right .article-asset-small {
margin-left: 48px;
}
}
.u-vertical-spacing {
margin-top: 16px;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.u-vertical-spacing {
margin-top: 24px;
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.u-vertical-spacing {
margin-top: 32px;
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.u-vertical-spacing {
margin-top: 48px;
margin-bottom: 48px;
}
}
.u-vertical-spacing-bg {
padding-top: 16px;
padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.u-vertical-spacing-bg {
padding-top: 24px;
padding-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.u-vertical-spacing-bg {
padding-top: 32px;
padding-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.u-vertical-spacing-bg {
padding-top: 48px;
padding-bottom: 48px;
}
}
.article-asset-container {
z-index: 99999;
margin-top: 16px;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.article-asset-container {
margin-top: 24px;
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-container {
margin-top: 32px;
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.article-asset-container {
margin-top: 48px;
margin-bottom: 48px;
}
}
.article-asset-container.m-bg-container {
padding-top: 16px;
padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.article-asset-container.m-bg-container {
padding-top: 24px;
padding-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-container.m-bg-container {
padding-top: 32px;
padding-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.article-asset-container.m-bg-container {
padding-top: 48px;
padding-bottom: 48px;
}
}
.article-asset-container.m-bg-container.m-lead-asset,
.article-asset-container.m-bg-container:first-child {
margin-top: 0;
}
.article-asset-container.m-content-size-left,
.article-asset-container.m-content-size-right {
padding-bottom: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.article-asset-container.m-content-size-left p:first-child,
.article-asset-container.m-content-size-right p:first-child {
margin-top: 0;
}
}
.article-asset-container .article-asset-container {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.article-asset-container .article-asset-image img {
margin-bottom: 0;
max-width: 100%;
}
.article-asset-container .article-asset-small .izquierda_sinmarco,
.article-asset-container .article-asset-small .derecha_sinmarco {
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.article-asset-container .article-asset-small .izquierda_sinmarco,
.article-asset-container .article-asset-small .derecha_sinmarco {
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-container .article-asset-small .izquierda_sinmarco,
.article-asset-container .article-asset-small .derecha_sinmarco {
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.article-asset-container .article-asset-small .izquierda_sinmarco,
.article-asset-container .article-asset-small .derecha_sinmarco {
margin-bottom: 48px;
}
}
.article-asset-image.article-asset-small img.derecha_sinmarco,
.article-asset-image.article-asset-small img.izquierda_sinmarco {
width: 100%;
}
@media only screen and (min-width: 768px) {
.article-asset-container .sumario_izquierda,
.article-asset-container .izquierda,
.article-asset-container .izquierda_sinmarco {
clear: left;
}
}
@media only screen and (min-width: 768px) {
.article-asset-container .sumario_derecha,
.article-asset-container .derecha,
.article-asset-container .derecha_sinmarco {
clear: right;
}
}
@media only screen and (min-width: 768px) {
.article-asset-container .article-asset-left {
float: none;
}
}
@media only screen and (min-width: 768px) {
.article-asset-container .article-asset-right {
float: none;
}
}
.article-asset-small.article-asset-left .asset-content,
.article-asset-small.article-asset-right .asset-content,
.article-asset-small.article-asset-center .asset-content {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.article-asset-small.article-asset-left .asset-content,
.article-asset-small.article-asset-right .asset-content,
.article-asset-small.article-asset-center .asset-content {
max-width: 372px;
}
}
.article-asset-small.article-asset-left .asset-content {
float: left;
clear: left;
}
@media only screen and (min-width: 768px) {
.article-asset-small.article-asset-left .asset-content {
margin-right: 24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-small.article-asset-left .asset-content {
margin-right: 32px;
}
}
@media only screen and (min-width: 1360px) {
.article-asset-small.article-asset-left .asset-content {
margin-right: 48px;
}
}
.article-asset-small.article-asset-right .asset-content {
float: right;
clear: right;
}
@media only screen and (min-width: 768px) {
.article-asset-small.article-asset-right .asset-content {
margin-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-small.article-asset-right .asset-content {
margin-left: 32px;
}
}
@media only screen and (min-width: 1360px) {
.article-asset-small.article-asset-right .asset-content {
margin-left: 48px;
}
}
.article-asset-small.article-asset-center .asset-content {
margin: 0 auto;
}
body .head-container {
height: 56px;
}
@media only screen and (min-width: 768px) {
body .head-container {
height: 64px;
}
}
.box-infogram,
.box-datawrapper,
.box-ficha-de-review,
.box-table,
.box-rich-content {
clear: both;
}
@media only screen and (min-width: 1024px) {
.article-asset-container .m-hook-redesign.hook {
margin-left: auto;
margin-right: auto;
}
}
.article-asset-image.article-asset-small.article-asset-right,
.article-asset-image.article-asset-small.article-asset-left {
overflow: visible;
}
.article-asset-image.article-asset-small.article-asset-right .asset-content,
.article-asset-image.article-asset-small.article-asset-left .asset-content {
margin-bottom: 24px;
}
.article-landing .article-asset-table.m-hr-scroll {
margin-bottom: 0;
}
.article-landing .article-asset-table.m-hr-scroll::after {
display: none;
}
.article-landing .article-asset-table.m-hr-scroll .tabla-datos {
margin-bottom: 0;
}
.article-landing .caption-img span {
margin-bottom: 0;
}
.article-landing .article-asset-content-train .shortcut-title {
margin-top: 8px;
margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.article-landing .article-asset-content-train .shortcut-title {
margin-top: 16px;
}
}
.dailymotion-player-root .dailymotion-player {
width: 100%;
height: 100%;
}
.color-bg-secondary,
.article-landing .color-bg-secondary .hook-header {
background: #E4EBEE;
}
.color-bg-neutral-light,
.article-landing .color-bg-neutral-light .hook-header {
background: #F0F7F8;
}
.color-bg-neutral-dark,
.article-landing .color-bg-neutral-dark .hook-header {
background: #061B29;
}
.color-bg-branded-light,
.article-landing .color-bg-branded-light .hook-header {
background: #EBF5FA;
}
.color-bg-branded-dark,
.article-landing .color-bg-branded-dark .hook-header {
background: #00435E;
}
.article-landing .m-bg-container.m-bg-img .hook-header-container::before,
.article-landing .m-bg-container.m-bg-img .hook-header-container::after {
position: absolute;
top: 50%;
width: 35%;
border-top: 1px solid #404040;
content: '';
}
.article-landing .m-bg-container.m-bg-img .hook-header-container::before {
left: 0;
}
.article-landing .m-bg-container.m-bg-img .hook-header-container::after {
right: 0;
}
.article-landing .m-bg-container.m-bg-img .hook-header {
background-color: transparent;
}
.article-landing .hook-header .article-asset-image img {
max-width: 140px;
}
.m-bg-img {
background-position: top center;
background-size: cover;
z-index: 1000;
position: relative;
}
.m-bg-img::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
z-index: -1;
left: 0;
}
.m-fade::before {
background-color: rgba(255, 255, 255, 0.5);
}
.article-landing .m-fg-light {
color: #fff;
}
.article-landing .m-fg-light h1,
.article-landing .m-fg-light h2,
.article-landing .m-fg-light h3,
.article-landing .m-fg-light h4,
.article-landing .m-fg-light h5,
.article-landing .m-fg-light a,
.article-landing .m-fg-light p,
.article-landing .m-fg-light .caption-img span,
.article-landing .m-fg-light .desvio .desvio-taxonomy-anchor,
.article-landing .m-fg-light .desvio .desvio-title a,
.article-landing .m-fg-light .shortcut-title a,
.article-landing .m-fg-light .asset-content,
.article-landing .m-fg-light .section-content-train-header a,
.article-landing .m-fg-light .hook-disclaimer,
.article-landing .m-fg-light .sumario {
color: #fff;
}
.article-landing .m-fg-light h1:hover,
.article-landing .m-fg-light h2:hover,
.article-landing .m-fg-light h3:hover,
.article-landing .m-fg-light h4:hover,
.article-landing .m-fg-light h5:hover,
.article-landing .m-fg-light a:hover,
.article-landing .m-fg-light p:hover,
.article-landing .m-fg-light .caption-img span:hover,
.article-landing .m-fg-light .desvio .desvio-taxonomy-anchor:hover,
.article-landing .m-fg-light .desvio .desvio-title a:hover,
.article-landing .m-fg-light .shortcut-title a:hover,
.article-landing .m-fg-light .asset-content:hover,
.article-landing .m-fg-light .section-content-train-header a:hover,
.article-landing .m-fg-light .hook-disclaimer:hover,
.article-landing .m-fg-light .sumario:hover {
color: #fff;
}
.article-landing .m-fg-light .ficha-app {
color: #111;
}
.article-landing .m-fg-light .ficha-app:hover {
color: #111;
}
.article-landing .m-fg-light .ficha-app h1,
.article-landing .m-fg-light .ficha-app h2,
.article-landing .m-fg-light .ficha-app h3,
.article-landing .m-fg-light .ficha-app h4,
.article-landing .m-fg-light .ficha-app h5,
.article-landing .m-fg-light .ficha-app a,
.article-landing .m-fg-light .ficha-app p {
color: #111;
}
.article-landing .m-fg-light .ficha-app h1:hover,
.article-landing .m-fg-light .ficha-app h2:hover,
.article-landing .m-fg-light .ficha-app h3:hover,
.article-landing .m-fg-light .ficha-app h4:hover,
.article-landing .m-fg-light .ficha-app h5:hover,
.article-landing .m-fg-light .ficha-app a:hover,
.article-landing .m-fg-light .ficha-app p:hover {
color: #111;
}
.article-landing .m-fg-light.m-fade::before {
background-color: rgba(0, 0, 0, 0.5);
}
.article-landing .m-fg-light .sumario,
.article-landing .m-fg-light .caption-img span,
.article-landing .m-fg-light .nota-analisis,
.article-landing .m-fg-light .hook {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.article-landing .m-fg-light.m-bg-img .hook-header-container::before,
.article-landing .m-fg-light.m-bg-img .hook-header-container::after {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.article-landing .m-fg-light .desvio,
.article-landing .m-fg-light .pivot-ecommerce,
.article-landing .m-fg-light .pivot-flipboard-magazine {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.article-landing .m-fg-light .parcial,
.article-landing .m-fg-light .positivo ul,
.article-landing .m-fg-light .negativo ul {
background: rgba(0, 0, 0, 0.4);
}
.article-landing .m-fg-light .positivo li:before {
color: #1C5E0D;
opacity: 1;
}
.article-landing .m-fg-light .negativo li:before {
color: #AC201D;
opacity: 1;
}
.article-landing .m-fg-light .pivot-flipboard-logo svg,
.article-landing .m-fg-light .pivot-flipboard-logo path {
fill: #fff;
}
.article-landing .m-fg-light .pivot-action-primary,
.article-landing .m-fg-light .pivot-action-secondary,
.article-landing .m-fg-light .abstract-disclaimer.m-branded {
color: #111;
}
.article-landing .m-fg-light .pivot-action-primary:hover,
.article-landing .m-fg-light .pivot-action-secondary:hover,
.article-landing .m-fg-light .abstract-disclaimer.m-branded:hover {
color: #111;
}
.article-landing .m-fg-dark {
color: #111;
}
.article-landing .m-fg-dark h1,
.article-landing .m-fg-dark h2,
.article-landing .m-fg-dark h3,
.article-landing .m-fg-dark h4,
.article-landing .m-fg-dark h5,
.article-landing .m-fg-dark a,
.article-landing .m-fg-dark p,
.article-landing .m-fg-dark .caption-img span,
.article-landing .m-fg-dark .desvio .desvio-taxonomy-anchor,
.article-landing .m-fg-dark .desvio .desvio-title a,
.article-landing .m-fg-dark .shortcut-title a,
.article-landing .m-fg-dark .asset-content,
.article-landing .m-fg-dark .section-content-train-header a,
.article-landing .m-fg-dark .hook-disclaimer,
.article-landing .m-fg-dark .sumario {
color: #111;
}
.article-landing .m-fg-dark h1:hover,
.article-landing .m-fg-dark h2:hover,
.article-landing .m-fg-dark h3:hover,
.article-landing .m-fg-dark h4:hover,
.article-landing .m-fg-dark h5:hover,
.article-landing .m-fg-dark a:hover,
.article-landing .m-fg-dark p:hover,
.article-landing .m-fg-dark .caption-img span:hover,
.article-landing .m-fg-dark .desvio .desvio-taxonomy-anchor:hover,
.article-landing .m-fg-dark .desvio .desvio-title a:hover,
.article-landing .m-fg-dark .shortcut-title a:hover,
.article-landing .m-fg-dark .asset-content:hover,
.article-landing .m-fg-dark .section-content-train-header a:hover,
.article-landing .m-fg-dark .hook-disclaimer:hover,
.article-landing .m-fg-dark .sumario:hover {
color: #111;
}
.article-landing .m-fg-dark .positivo li:before {
color: #111;
opacity: 1;
}
.article-landing .m-fg-dark .negativo li:before {
color: #111;
opacity: 1;
}
.article-landing .m-fg-dark .pivot-flipboard-logo svg,
.article-landing .m-fg-dark .pivot-flipboard-logo path {
fill: #111;
}
.article-landing .m-fg-dark .pivot-action-primary,
.article-landing .m-fg-dark .pivot-action-secondary,
.article-landing .m-fg-dark .abstract-disclaimer.m-branded {
color: #111;
}
.article-landing .m-fg-dark .pivot-action-primary:hover,
.article-landing .m-fg-dark .pivot-action-secondary:hover,
.article-landing .m-fg-dark .abstract-disclaimer.m-branded:hover {
color: #111;
}
.m-bg-size-contain {
background-size: contain;
}
.m-bg-no-repeat {
background-repeat: no-repeat;
}
.m-bg-repeat {
background-repeat: repeat;
background-size: contain;
}
.m-bg-repeat-x {
background-repeat: repeat-x;
background-size: contain;
}
.m-bg-repeat-y {
background-repeat: repeat-y;
background-size: contain;
}
.m-bg-position-lt {
background-position: left top;
}
.m-bg-position-lc {
background-position: left center;
}
.m-bg-position-lb {
background-position: left bottom;
}
.m-bg-position-rt {
background-position: right top;
}
.m-bg-position-rc {
background-position: right center;
}
.m-bg-position-rb {
background-position: right bottom;
}
.m-bg-position-ct {
background-position: center top;
}
.m-bg-position-cc {
background-position: center center;
}
.m-bg-position-cb {
background-position: center bottom;
}
.m-bg-position-tl {
background-position: top left;
}
.m-bg-position-tr {
background-position: top right;
}
.m-bg-position-bl {
background-position: bottom left;
}
.m-bg-position-br {
background-position: bottom right;
}
.m-bg-position-bc {
background-position: bottom center ;
}
.m-bg-container + .m-bg-container {
margin-top: -16px;
}
@media only screen and (min-width: 768px) {
.m-bg-container + .m-bg-container {
margin-top: -24px;
}
}
@media only screen and (min-width: 1280px) {
.m-bg-container + .m-bg-container {
margin-top: -32px;
}
}
@media only screen and (min-width: 1360px) {
.m-bg-container + .m-bg-container {
margin-top: -48px;
}
}
.m-parallax {
background-attachment: fixed;
}
.m-bg-fullscreen {
display: flex;
min-height: 95vh;
justify-content: center;
}
.m-bg-fullscreen .article-asset-embed-infogram,
.m-bg-fullscreen .article-asset-table {
margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
.m-bg-fullscreen .pivot-newsletter,
.m-bg-fullscreen .pivot-flipboard,
.m-bg-fullscreen .hook,
.m-bg-fullscreen .pivot-flipboard-magazine {
margin-left: auto;
margin-right: auto;
}
}
.m-bg-fullscreen > div {
flex-grow: 1;
}
.m-module-center {
align-items: center;
}
.m-module-bottom {
align-items: flex-end;
}
.m-module-top {
align-self: flex-start;
}
.m-module-top .pivot-newsletter,
.m-module-top .pivot-flipboard,
.m-module-top .hook,
.m-module-top .pivot-flipboard-magazine {
align-self: flex-start;
}
.box-video-macro.m-bg-fullscreen {
display: block;
}
.box-video-macro.m-bg-fullscreen .article-asset-video,
.box-video-macro.m-bg-fullscreen .article-asset-fbvideo {
display: flex;
height: 95vh;
}
.box-video-macro.m-bg-fullscreen.m-module-center .article-asset-video,
.box-video-macro.m-bg-fullscreen.m-module-center .article-asset-fbvideo {
align-items: center;
}
.box-video-macro.m-bg-fullscreen.m-module-bottom .article-asset-video,
.box-video-macro.m-bg-fullscreen.m-module-bottom .article-asset-fbvideo {
align-items: flex-end;
}
.box-video-macro.m-bg-fullscreen.m-module-top .article-asset-video,
.box-video-macro.m-bg-fullscreen.m-module-top .article-asset-fbvideo {
align-items: flex-start;
}
@media only screen and (min-width: 768px) {
.box-pivot.m-bg-fullscreen .article-asset-normal {
min-width: 696px;
}
}
.base-asset-video iframe {
z-index: 2222 !important;
}
.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;
}
.article-asset-image {
overflow: hidden;
}
.article-asset-image .base-wrapper-image {
display: block;
position: relative;
width: 100%;
height: 0;
overflow: hidden;
}
.article-asset-image .base-wrapper-image img,
.article-asset-image .base-wrapper-image img.centro,
.article-asset-image .base-wrapper-image img.centro_sinmarco {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.u-logo-footer {
height: 50.88px;
width: 123.84px;
display: block;
opacity: 0.6;
background-position: top center;
}
.u-logo-webedia-base {
background-image: url("//img.weblogssl.com/g/r/svg/webedia/logo-edge_light.svg?v=155");
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;
display: block;
opacity: 0.4;
}
.head-webedia-logo {
padding: 0;
}
.head-webedia-logo:after {
display: none;
}
.head-webedia-logo a {
background-image: url("//img.weblogssl.com/g/r/svg/webedia/logo-edge_light.svg?v=155");
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;
display: block;
opacity: 0.4;
}
.head-webedia-logo a:hover,
.head-webedia-logo a.is-opened:hover {
opacity: 0.7;
}
.head-webedia-logo a.is-opened,
.head-webedia-logo a.is-visible {
opacity: 1;
}
.head-webedia-logo a.is-visible {
background: #111;
}
.head-webedia-logo a.is-visible:hover {
background: #333;
}
.u-logo-webedia-dark .head-webedia-logo a {
background-image: url("//img.weblogssl.com/g/r/svg/webedia/logo-edge_dark.svg?v=155");
opacity: 0.2;
color: #666;
}
.u-logo-webedia-dark .head-webedia-logo a:hover {
color: #000;
}
.foot-webedia-brand {
margin: 0;
}
.webedia-logo {
background-image: url("//img.weblogssl.com/g/r/svg/webedia/logo-edge_light.svg?v=155");
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;
opacity: 0.4;
height: 50.88px;
width: 123.84px;
width: 125px;
height: 41px;
display: block;
opacity: 0.6;
background-position: top center;
}
@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;
}
}
.u-layout-grid-limit-margin-new {
max-width: 1120px;
}
@media only screen and (min-width: 768px) {
.u-layout-grid-limit-margin-new {
margin-left: 24px;
margin-right: 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-layout-grid-limit-margin-new {
margin-left: 48px;
margin-right: 48px;
}
}
@media only screen and (min-width: 1200px) {
.u-layout-grid-limit-margin-new {
margin-left: auto;
margin-right: auto;
}
}
button {
font-size: 13px;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
button {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
button {
font-size: 13px;
}
}
.u-btn-wrap {
height: auto;
white-space: normal;
line-height: 20px;
font-size: 13px;
padding: 4px 12px;
font-weight: normal;
}
@media only screen and (min-width: 768px) {
.u-btn-wrap {
height: 28px;
line-height: 28px;
padding: 0 12px;
}
}
.btn-primary,
.btn-secondary,
.btn-disabled,
.btn-mini,
.btn-giant,
.btn-facebook,
.btn-instagram,
.btn-twitter,
.btn-whatsapp,
.btn-email,
.btn,
.btn-raw,
.btn-inverted,
.btn-flipboard {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
@media only screen and (min-width: 768px) {
.btn-primary,
.btn-secondary,
.btn-disabled,
.btn-mini,
.btn-giant,
.btn-facebook,
.btn-instagram,
.btn-twitter,
.btn-whatsapp,
.btn-email,
.btn,
.btn-raw,
.btn-inverted,
.btn-flipboard {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-primary,
.btn-secondary,
.btn-disabled,
.btn-mini,
.btn-giant,
.btn-facebook,
.btn-instagram,
.btn-twitter,
.btn-whatsapp,
.btn-email,
.btn,
.btn-raw,
.btn-inverted,
.btn-flipboard {
font-size: 13px;
}
}
.btn-primary[disabled="disabled"],
.btn-secondary[disabled="disabled"],
.btn-disabled[disabled="disabled"],
.btn-mini[disabled="disabled"],
.btn-giant[disabled="disabled"],
.btn-facebook[disabled="disabled"],
.btn-instagram[disabled="disabled"],
.btn-twitter[disabled="disabled"],
.btn-whatsapp[disabled="disabled"],
.btn-email[disabled="disabled"],
.btn[disabled="disabled"],
.btn-raw[disabled="disabled"],
.btn-inverted[disabled="disabled"],
.btn-flipboard[disabled="disabled"],
.btn-primary.m-disabled,
.btn-secondary.m-disabled,
.btn-disabled.m-disabled,
.btn-mini.m-disabled,
.btn-giant.m-disabled,
.btn-facebook.m-disabled,
.btn-instagram.m-disabled,
.btn-twitter.m-disabled,
.btn-whatsapp.m-disabled,
.btn-email.m-disabled,
.btn.m-disabled,
.btn-raw.m-disabled,
.btn-inverted.m-disabled,
.btn-flipboard.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-primary[disabled="disabled"]:link,
.btn-secondary[disabled="disabled"]:link,
.btn-disabled[disabled="disabled"]:link,
.btn-mini[disabled="disabled"]:link,
.btn-giant[disabled="disabled"]:link,
.btn-facebook[disabled="disabled"]:link,
.btn-instagram[disabled="disabled"]:link,
.btn-twitter[disabled="disabled"]:link,
.btn-whatsapp[disabled="disabled"]:link,
.btn-email[disabled="disabled"]:link,
.btn[disabled="disabled"]:link,
.btn-raw[disabled="disabled"]:link,
.btn-inverted[disabled="disabled"]:link,
.btn-flipboard[disabled="disabled"]:link,
.btn-primary.m-disabled:link,
.btn-secondary.m-disabled:link,
.btn-disabled.m-disabled:link,
.btn-mini.m-disabled:link,
.btn-giant.m-disabled:link,
.btn-facebook.m-disabled:link,
.btn-instagram.m-disabled:link,
.btn-twitter.m-disabled:link,
.btn-whatsapp.m-disabled:link,
.btn-email.m-disabled:link,
.btn.m-disabled:link,
.btn-raw.m-disabled:link,
.btn-inverted.m-disabled:link,
.btn-flipboard.m-disabled:link,
.btn-primary[disabled="disabled"]:visited,
.btn-secondary[disabled="disabled"]:visited,
.btn-disabled[disabled="disabled"]:visited,
.btn-mini[disabled="disabled"]:visited,
.btn-giant[disabled="disabled"]:visited,
.btn-facebook[disabled="disabled"]:visited,
.btn-instagram[disabled="disabled"]:visited,
.btn-twitter[disabled="disabled"]:visited,
.btn-whatsapp[disabled="disabled"]:visited,
.btn-email[disabled="disabled"]:visited,
.btn[disabled="disabled"]:visited,
.btn-raw[disabled="disabled"]:visited,
.btn-inverted[disabled="disabled"]:visited,
.btn-flipboard[disabled="disabled"]:visited,
.btn-primary.m-disabled:visited,
.btn-secondary.m-disabled:visited,
.btn-disabled.m-disabled:visited,
.btn-mini.m-disabled:visited,
.btn-giant.m-disabled:visited,
.btn-facebook.m-disabled:visited,
.btn-instagram.m-disabled:visited,
.btn-twitter.m-disabled:visited,
.btn-whatsapp.m-disabled:visited,
.btn-email.m-disabled:visited,
.btn.m-disabled:visited,
.btn-raw.m-disabled:visited,
.btn-inverted.m-disabled:visited,
.btn-flipboard.m-disabled:visited,
.btn-primary[disabled="disabled"]:active,
.btn-secondary[disabled="disabled"]:active,
.btn-disabled[disabled="disabled"]:active,
.btn-mini[disabled="disabled"]:active,
.btn-giant[disabled="disabled"]:active,
.btn-facebook[disabled="disabled"]:active,
.btn-instagram[disabled="disabled"]:active,
.btn-twitter[disabled="disabled"]:active,
.btn-whatsapp[disabled="disabled"]:active,
.btn-email[disabled="disabled"]:active,
.btn[disabled="disabled"]:active,
.btn-raw[disabled="disabled"]:active,
.btn-inverted[disabled="disabled"]:active,
.btn-flipboard[disabled="disabled"]:active,
.btn-primary.m-disabled:active,
.btn-secondary.m-disabled:active,
.btn-disabled.m-disabled:active,
.btn-mini.m-disabled:active,
.btn-giant.m-disabled:active,
.btn-facebook.m-disabled:active,
.btn-instagram.m-disabled:active,
.btn-twitter.m-disabled:active,
.btn-whatsapp.m-disabled:active,
.btn-email.m-disabled:active,
.btn.m-disabled:active,
.btn-raw.m-disabled:active,
.btn-inverted.m-disabled:active,
.btn-flipboard.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-disabled {
opacity: 0.4;
box-shadow: none;
pointer-events: none;
}
.btn-disabled:link,
.btn-disabled:visited,
.btn-disabled:active {
cursor: default;
box-shadow: none;
}
.u-btn-mini,
.btn-mini,
.m-btn-mini {
height: 28.8px;
line-height: 28.8px;
}
.u-btn-giant,
.btn-giant,
.m-btn-giant {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
text-transform: uppercase;
height: 60px;
line-height: 60px;
padding-left: 32px;
padding-right: 32px;
}
@media only screen and (min-width: 768px) {
.u-btn-giant,
.btn-giant,
.m-btn-giant {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.u-btn-giant,
.btn-giant,
.m-btn-giant {
font-size: 26px;
line-height: 30px;
}
}
@media only screen and (min-width: 768px) {
.u-btn-giant,
.btn-giant,
.m-btn-giant {
line-height: 60px;
}
}
@media only screen and (min-width: 1024px) {
.u-btn-giant,
.btn-giant,
.m-btn-giant {
line-height: 60px;
}
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-facebook {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-facebook:before,
.btn-facebook:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.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;
}
.btn-facebook:before,
.btn-facebook:after {
line-height: 21.6px;
margin: 0 6px;
vertical-align: middle;
}
.btn-instagram {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
}
.btn-instagram:before {
font-size: 24px;
font-family: icons-min;
content: "\e61f";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.btn-instagram:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-instagram:before,
.btn-instagram:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.btn-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;
}
.btn-instagram:before,
.btn-instagram:after {
line-height: 21.6px;
margin: 0 6px;
vertical-align: middle;
}
.btn-flipboard {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
}
.btn-flipboard:before {
font-size: 24px;
font-family: icons-min;
content: "\e908";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.btn-flipboard:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-flipboard:before,
.btn-flipboard:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.btn-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;
}
.btn-flipboard:before,
.btn-flipboard:after {
line-height: 21.6px;
margin: 0 6px;
vertical-align: middle;
}
.btn-twitter {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-twitter:before,
.btn-twitter:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.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;
}
.btn-twitter:before,
.btn-twitter:after {
line-height: 21.6px;
margin: 0 6px;
vertical-align: middle;
}
.btn-whatsapp {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
vertical-align: middle;
}
.btn-email {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
vertical-align: middle;
}
.btn-snapchat {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
vertical-align: middle;
}
.btn-text-facebook {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
@media only screen and (min-width: 768px) {
.btn-text-facebook {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-text-facebook {
font-size: 13px;
}
}
.btn-text-facebook[disabled="disabled"],
.btn-text-facebook.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-text-facebook[disabled="disabled"]:link,
.btn-text-facebook.m-disabled:link,
.btn-text-facebook[disabled="disabled"]:visited,
.btn-text-facebook.m-disabled:visited,
.btn-text-facebook[disabled="disabled"]:active,
.btn-text-facebook.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-text-facebook:hover {
text-decoration: none;
}
.btn-text-facebook[disabled="disabled"]:hover,
.btn-text-facebook.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-text-twitter {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
@media only screen and (min-width: 768px) {
.btn-text-twitter {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-text-twitter {
font-size: 13px;
}
}
.btn-text-twitter[disabled="disabled"],
.btn-text-twitter.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-text-twitter[disabled="disabled"]:link,
.btn-text-twitter.m-disabled:link,
.btn-text-twitter[disabled="disabled"]:visited,
.btn-text-twitter.m-disabled:visited,
.btn-text-twitter[disabled="disabled"]:active,
.btn-text-twitter.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-text-twitter:hover {
text-decoration: none;
}
.btn-text-twitter[disabled="disabled"]:hover,
.btn-text-twitter.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-ico-facebook,
.btn-ico-twitter,
.btn-ico-snapchat,
.btn-ico-flickr,
.btn-ico-telegram,
.btn-action-comments,
.btn-action-settings,
.btn-action-logout {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-ico-facebook,
.btn-ico-twitter,
.btn-ico-snapchat,
.btn-ico-flickr,
.btn-ico-telegram,
.btn-action-comments,
.btn-action-settings,
.btn-action-logout {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-ico-facebook,
.btn-ico-twitter,
.btn-ico-snapchat,
.btn-ico-flickr,
.btn-ico-telegram,
.btn-action-comments,
.btn-action-settings,
.btn-action-logout {
font-size: 13px;
}
}
.btn-ico-facebook[disabled="disabled"],
.btn-ico-twitter[disabled="disabled"],
.btn-ico-snapchat[disabled="disabled"],
.btn-ico-flickr[disabled="disabled"],
.btn-ico-telegram[disabled="disabled"],
.btn-action-comments[disabled="disabled"],
.btn-action-settings[disabled="disabled"],
.btn-action-logout[disabled="disabled"],
.btn-ico-facebook.m-disabled,
.btn-ico-twitter.m-disabled,
.btn-ico-snapchat.m-disabled,
.btn-ico-flickr.m-disabled,
.btn-ico-telegram.m-disabled,
.btn-action-comments.m-disabled,
.btn-action-settings.m-disabled,
.btn-action-logout.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-ico-facebook[disabled="disabled"]:link,
.btn-ico-twitter[disabled="disabled"]:link,
.btn-ico-snapchat[disabled="disabled"]:link,
.btn-ico-flickr[disabled="disabled"]:link,
.btn-ico-telegram[disabled="disabled"]:link,
.btn-action-comments[disabled="disabled"]:link,
.btn-action-settings[disabled="disabled"]:link,
.btn-action-logout[disabled="disabled"]:link,
.btn-ico-facebook.m-disabled:link,
.btn-ico-twitter.m-disabled:link,
.btn-ico-snapchat.m-disabled:link,
.btn-ico-flickr.m-disabled:link,
.btn-ico-telegram.m-disabled:link,
.btn-action-comments.m-disabled:link,
.btn-action-settings.m-disabled:link,
.btn-action-logout.m-disabled:link,
.btn-ico-facebook[disabled="disabled"]:visited,
.btn-ico-twitter[disabled="disabled"]:visited,
.btn-ico-snapchat[disabled="disabled"]:visited,
.btn-ico-flickr[disabled="disabled"]:visited,
.btn-ico-telegram[disabled="disabled"]:visited,
.btn-action-comments[disabled="disabled"]:visited,
.btn-action-settings[disabled="disabled"]:visited,
.btn-action-logout[disabled="disabled"]:visited,
.btn-ico-facebook.m-disabled:visited,
.btn-ico-twitter.m-disabled:visited,
.btn-ico-snapchat.m-disabled:visited,
.btn-ico-flickr.m-disabled:visited,
.btn-ico-telegram.m-disabled:visited,
.btn-action-comments.m-disabled:visited,
.btn-action-settings.m-disabled:visited,
.btn-action-logout.m-disabled:visited,
.btn-ico-facebook[disabled="disabled"]:active,
.btn-ico-twitter[disabled="disabled"]:active,
.btn-ico-snapchat[disabled="disabled"]:active,
.btn-ico-flickr[disabled="disabled"]:active,
.btn-ico-telegram[disabled="disabled"]:active,
.btn-action-comments[disabled="disabled"]:active,
.btn-action-settings[disabled="disabled"]:active,
.btn-action-logout[disabled="disabled"]:active,
.btn-ico-facebook.m-disabled:active,
.btn-ico-twitter.m-disabled:active,
.btn-ico-snapchat.m-disabled:active,
.btn-ico-flickr.m-disabled:active,
.btn-ico-telegram.m-disabled:active,
.btn-action-comments.m-disabled:active,
.btn-action-settings.m-disabled:active,
.btn-action-logout.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-ico-facebook:hover,
.btn-ico-twitter:hover,
.btn-ico-snapchat:hover,
.btn-ico-flickr:hover,
.btn-ico-telegram:hover,
.btn-action-comments:hover,
.btn-action-settings:hover,
.btn-action-logout:hover {
text-decoration: none;
}
.btn-ico-facebook[disabled="disabled"]:hover,
.btn-ico-twitter[disabled="disabled"]:hover,
.btn-ico-snapchat[disabled="disabled"]:hover,
.btn-ico-flickr[disabled="disabled"]:hover,
.btn-ico-telegram[disabled="disabled"]:hover,
.btn-action-comments[disabled="disabled"]:hover,
.btn-action-settings[disabled="disabled"]:hover,
.btn-action-logout[disabled="disabled"]:hover,
.btn-ico-facebook.m-disabled:hover,
.btn-ico-twitter.m-disabled:hover,
.btn-ico-snapchat.m-disabled:hover,
.btn-ico-flickr.m-disabled:hover,
.btn-ico-telegram.m-disabled:hover,
.btn-action-comments.m-disabled:hover,
.btn-action-settings.m-disabled:hover,
.btn-action-logout.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-ico-facebook:hover,
.btn-ico-twitter:hover,
.btn-ico-snapchat:hover,
.btn-ico-flickr:hover,
.btn-ico-telegram:hover,
.btn-action-comments:hover,
.btn-action-settings:hover,
.btn-action-logout:hover {
background-color: #3d5e6e;
color: #fff;
}
.btn-ico-facebook {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-ico-twitter {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-ico-snapchat {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-ico-flickr {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-ico-telegram {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
}
.btn-ico-telegram:before {
font-size: 24px;
font-family: icons-min;
content: "\e92e";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.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 6.4px;
vertical-align: middle;
}
.btn-facebook-count {
background-color: #4267b2 !important;
color: #fff;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
height: 28.8px;
line-height: 28.8px;
vertical-align: middle;
padding-right: 15.6px;
}
@media only screen and (min-width: 768px) {
.btn-facebook-count {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-facebook-count {
font-size: 13px;
}
}
.btn-facebook-count[disabled="disabled"],
.btn-facebook-count.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-facebook-count[disabled="disabled"]:link,
.btn-facebook-count.m-disabled:link,
.btn-facebook-count[disabled="disabled"]:visited,
.btn-facebook-count.m-disabled:visited,
.btn-facebook-count[disabled="disabled"]:active,
.btn-facebook-count.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-facebook-count:hover {
text-decoration: none;
}
.btn-facebook-count[disabled="disabled"]:hover,
.btn-facebook-count.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-facebook-count:hover {
background-color: #3f62a9 !important;
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-facebook-count {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-facebook-count {
font-size: 13px;
}
}
.btn-facebook-count[disabled="disabled"],
.btn-facebook-count.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-facebook-count[disabled="disabled"]:link,
.btn-facebook-count.m-disabled:link,
.btn-facebook-count[disabled="disabled"]:visited,
.btn-facebook-count.m-disabled:visited,
.btn-facebook-count[disabled="disabled"]:active,
.btn-facebook-count.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-facebook-count:hover {
text-decoration: none;
}
.btn-facebook-count[disabled="disabled"]:hover,
.btn-facebook-count.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-facebook-count:before,
.btn-facebook-count:after {
vertical-align: bottom;
}
.btn-instagram-follow {
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 14px;
color: #2588E4;
padding: 0 14px;
border-radius: 6px;
border: 2px solid #2588E4;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
}
.btn-instagram-follow:active,
.btn-instagram-follow:focus {
padding-top: 1px;
}
.close,
.btn-ico-close {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
color: #111;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
}
@media only screen and (min-width: 768px) {
.close,
.btn-ico-close {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.close,
.btn-ico-close {
font-size: 13px;
}
}
.close[disabled="disabled"],
.btn-ico-close[disabled="disabled"],
.close.m-disabled,
.btn-ico-close.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.close[disabled="disabled"]:link,
.btn-ico-close[disabled="disabled"]:link,
.close.m-disabled:link,
.btn-ico-close.m-disabled:link,
.close[disabled="disabled"]:visited,
.btn-ico-close[disabled="disabled"]:visited,
.close.m-disabled:visited,
.btn-ico-close.m-disabled:visited,
.close[disabled="disabled"]:active,
.btn-ico-close[disabled="disabled"]:active,
.close.m-disabled:active,
.btn-ico-close.m-disabled:active {
cursor: default;
box-shadow: none;
}
.close:hover,
.btn-ico-close:hover {
text-decoration: none;
}
.close[disabled="disabled"]:hover,
.btn-ico-close[disabled="disabled"]:hover,
.close.m-disabled:hover,
.btn-ico-close.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.close:hover,
.btn-ico-close:hover {
background-color: #e7edf0;
color: #111;
}
.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: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 6px;
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: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
}
.close-corner {
float: right;
margin: 12px 16px 12px;
}
@media only screen and (min-width: 768px) {
.close-corner {
margin-top: 14px;
margin-bottom: 14px;
}
}
.close-sticky {
margin: 4px;
position: absolute;
top: 0;
right: 0;
}
@media only screen and (min-width: 768px) {
.close-sticky {
margin: 4px;
}
}
.btn-delete {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
color: #fff;
background-color: #E03737;
}
@media only screen and (min-width: 768px) {
.btn-delete {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-delete {
font-size: 13px;
}
}
.btn-delete[disabled="disabled"],
.btn-delete.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-delete[disabled="disabled"]:link,
.btn-delete.m-disabled:link,
.btn-delete[disabled="disabled"]:visited,
.btn-delete.m-disabled:visited,
.btn-delete[disabled="disabled"]:active,
.btn-delete.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-delete:hover {
text-decoration: none;
}
.btn-delete[disabled="disabled"]:hover,
.btn-delete.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-delete:hover {
background-color: #3d5e6e;
color: #fff;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-edit {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
color: #fff;
background-color: #72ac26;
}
@media only screen and (min-width: 768px) {
.btn-edit {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-edit {
font-size: 13px;
}
}
.btn-edit[disabled="disabled"],
.btn-edit.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-edit[disabled="disabled"]:link,
.btn-edit.m-disabled:link,
.btn-edit[disabled="disabled"]:visited,
.btn-edit.m-disabled:visited,
.btn-edit[disabled="disabled"]:active,
.btn-edit.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-edit:hover {
text-decoration: none;
}
.btn-edit[disabled="disabled"]:hover,
.btn-edit.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-edit:hover {
background-color: #3d5e6e;
color: #fff;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-load {
background-color: #E12F2F;
color: #fff;
font-size: 13px;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
text-transform: uppercase;
height: 60px;
line-height: 60px;
padding-left: 32px;
padding-right: 32px;
}
@media only screen and (min-width: 768px) {
.btn-load {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-load {
font-size: 13px;
}
}
.btn-load[disabled="disabled"],
.btn-load.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-load[disabled="disabled"]:link,
.btn-load.m-disabled:link,
.btn-load[disabled="disabled"]:visited,
.btn-load.m-disabled:visited,
.btn-load[disabled="disabled"]:active,
.btn-load.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-load:hover {
text-decoration: none;
}
.btn-load[disabled="disabled"]:hover,
.btn-load.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-load:hover {
background-color: #d62d2d;
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-load {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-load {
font-size: 13px;
}
}
.btn-load[disabled="disabled"],
.btn-load.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-load[disabled="disabled"]:link,
.btn-load.m-disabled:link,
.btn-load[disabled="disabled"]:visited,
.btn-load.m-disabled:visited,
.btn-load[disabled="disabled"]:active,
.btn-load.m-disabled:active {
cursor: default;
box-shadow: none;
}
@media only screen and (min-width: 768px) {
.btn-load {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.btn-load {
font-size: 26px;
line-height: 30px;
}
}
@media only screen and (min-width: 768px) {
.btn-load {
line-height: 60px;
}
}
@media only screen and (min-width: 1024px) {
.btn-load {
line-height: 60px;
}
}
.btn-load:hover {
text-decoration: none;
}
.btn-load[disabled="disabled"]:hover,
.btn-load.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-action-delete {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E12F2F;
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-action-delete {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-action-delete {
font-size: 13px;
}
}
.btn-action-delete[disabled="disabled"],
.btn-action-delete.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-action-delete[disabled="disabled"]:link,
.btn-action-delete.m-disabled:link,
.btn-action-delete[disabled="disabled"]:visited,
.btn-action-delete.m-disabled:visited,
.btn-action-delete[disabled="disabled"]:active,
.btn-action-delete.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-action-delete:hover {
text-decoration: none;
}
.btn-action-delete[disabled="disabled"]:hover,
.btn-action-delete.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-action-delete:hover {
background-color: #d62d2d;
color: #fff;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.m-btn-light {
background-color: #fff;
color: #111;
}
.btn-modal-close {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
background-color: #fff;
color: #111;
}
@media only screen and (min-width: 768px) {
.btn-modal-close {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-modal-close {
font-size: 13px;
}
}
.btn-modal-close[disabled="disabled"],
.btn-modal-close.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-modal-close[disabled="disabled"]:link,
.btn-modal-close.m-disabled:link,
.btn-modal-close[disabled="disabled"]:visited,
.btn-modal-close.m-disabled:visited,
.btn-modal-close[disabled="disabled"]:active,
.btn-modal-close.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-modal-close:hover {
text-decoration: none;
}
.btn-modal-close[disabled="disabled"]:hover,
.btn-modal-close.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-modal-close:hover {
background-color: #e7edf0;
color: #111;
}
.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: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 6px;
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: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
}
.btn-modal-close:hover {
background-color: #E4EBEE;
color: #111;
}
.btn-remove {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
background-color: #fff;
color: #111;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
}
@media only screen and (min-width: 768px) {
.btn-remove {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-remove {
font-size: 13px;
}
}
.btn-remove[disabled="disabled"],
.btn-remove.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-remove[disabled="disabled"]:link,
.btn-remove.m-disabled:link,
.btn-remove[disabled="disabled"]:visited,
.btn-remove.m-disabled:visited,
.btn-remove[disabled="disabled"]:active,
.btn-remove.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-remove:hover {
text-decoration: none;
}
.btn-remove[disabled="disabled"]:hover,
.btn-remove.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-remove:hover {
background-color: #e7edf0;
color: #111;
}
.btn-remove:hover {
background-color: #E4EBEE;
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: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 6px;
vertical-align: middle;
}
.btn-attach-gif {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
color: #111;
margin-right: 16px;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
}
@media only screen and (min-width: 768px) {
.btn-attach-gif {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-attach-gif {
font-size: 13px;
}
}
.btn-attach-gif[disabled="disabled"],
.btn-attach-gif.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-attach-gif[disabled="disabled"]:link,
.btn-attach-gif.m-disabled:link,
.btn-attach-gif[disabled="disabled"]:visited,
.btn-attach-gif.m-disabled:visited,
.btn-attach-gif[disabled="disabled"]:active,
.btn-attach-gif.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-attach-gif:hover {
text-decoration: none;
}
.btn-attach-gif[disabled="disabled"]:hover,
.btn-attach-gif.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-attach-gif:hover {
background-color: #e7edf0;
color: #111;
}
.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: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 2px;
vertical-align: middle;
}
.btn-attach-sticker {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
color: #111;
margin-right: 16px;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
}
@media only screen and (min-width: 768px) {
.btn-attach-sticker {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-attach-sticker {
font-size: 13px;
}
}
.btn-attach-sticker[disabled="disabled"],
.btn-attach-sticker.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-attach-sticker[disabled="disabled"]:link,
.btn-attach-sticker.m-disabled:link,
.btn-attach-sticker[disabled="disabled"]:visited,
.btn-attach-sticker.m-disabled:visited,
.btn-attach-sticker[disabled="disabled"]:active,
.btn-attach-sticker.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-attach-sticker:hover {
text-decoration: none;
}
.btn-attach-sticker[disabled="disabled"]:hover,
.btn-attach-sticker.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-attach-sticker:hover {
background-color: #e7edf0;
color: #111;
}
.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: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 10px;
vertical-align: middle;
}
.btn-add-attachment {
background-color: #fff;
color: #111;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
border: 0;
}
.btn-add-attachment:hover {
background-color: #E4EBEE;
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: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 6px;
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: #707070;
}
.is-working:before,
.is-working:after {
content: "";
margin-right: 0;
margin-left: 0;
width: 0;
}
.btn-ico-expand,
.btn-ico-collapse {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
border-radius: 50%;
background-color: #222;
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-ico-expand,
.btn-ico-collapse {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-ico-expand,
.btn-ico-collapse {
font-size: 13px;
}
}
.btn-ico-expand[disabled="disabled"],
.btn-ico-collapse[disabled="disabled"],
.btn-ico-expand.m-disabled,
.btn-ico-collapse.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-ico-expand[disabled="disabled"]:link,
.btn-ico-collapse[disabled="disabled"]:link,
.btn-ico-expand.m-disabled:link,
.btn-ico-collapse.m-disabled:link,
.btn-ico-expand[disabled="disabled"]:visited,
.btn-ico-collapse[disabled="disabled"]:visited,
.btn-ico-expand.m-disabled:visited,
.btn-ico-collapse.m-disabled:visited,
.btn-ico-expand[disabled="disabled"]:active,
.btn-ico-collapse[disabled="disabled"]:active,
.btn-ico-expand.m-disabled:active,
.btn-ico-collapse.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-ico-expand:hover,
.btn-ico-collapse:hover {
text-decoration: none;
}
.btn-ico-expand[disabled="disabled"]:hover,
.btn-ico-collapse[disabled="disabled"]:hover,
.btn-ico-expand.m-disabled:hover,
.btn-ico-collapse.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-ico-expand:hover,
.btn-ico-collapse:hover {
background-color: #3d5e6e;
color: #fff;
}
.btn-ico-expand {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 2.4px;
vertical-align: middle;
}
.btn-ico-collapse {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-ico-collapse::before,
.btn-ico-collapse::after {
content: "";
height: 2px;
width: 15px;
background: #fff;
}
.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%;
}
.caption-img,
.caption {
font-size: 14px;
color: #707070;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.caption-img,
.caption {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.caption-img,
.caption {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.caption-img,
.caption {
line-height: 20px;
}
}
.caption-img span {
font-size: 14px;
line-height: 20px;
font-weight: normal;
font-style: normal;
color: #707070;
text-transform: none;
display: block;
border-bottom: 1px solid #c8e2de;
padding: 12px 0;
margin-bottom: 24px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.caption-img span {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.caption-img span {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.caption-img span {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.caption-img span {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.caption-img span {
padding-top: 14px;
padding-bottom: 14px;
margin-bottom: 28px;
}
}
@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;
}
}
.caption-img {
text-align: center;
}
.supercaption {
margin-bottom: 24px;
position: relative;
}
.supercaption br {
display: none;
}
.supercaption .caption {
background: #E4EBEE;
color: #111;
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 {
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25.2px;
letter-spacing: 0;
text-align: left;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 200;
text-transform: none;
border-bottom: 2px solid #c8e2de;
padding: 0 0 18px;
margin-top: 40.32px;
margin-bottom: 40.32px;
color: #63998F;
}
@media only screen and (min-width: 768px) {
.sumario,
.sumario_derecha,
.sumario_izquierda,
.blob .sumario_derecha,
.blob .sumario_izquierda,
.blob .sumario {
font-size: 28px;
line-height: 32px;
}
}
@media only screen and (min-width: 1150px) {
.sumario,
.sumario_derecha,
.sumario_izquierda,
.blob .sumario_derecha,
.blob .sumario_izquierda,
.blob .sumario {
font-size: 32px;
line-height: 40px;
}
}
@media only screen and (min-width: 768px) {
.sumario,
.sumario_derecha,
.sumario_izquierda,
.blob .sumario_derecha,
.blob .sumario_izquierda,
.blob .sumario {
padding-bottom: 21px;
margin-top: 47.04px;
margin-bottom: 47.04px;
}
}
@media only screen and (min-width: 1150px) {
.sumario,
.sumario_derecha,
.sumario_izquierda,
.blob .sumario_derecha,
.blob .sumario_izquierda,
.blob .sumario {
padding-bottom: 21px;
margin-top: 47.04px;
margin-bottom: 47.04px;
}
}
.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: #E4EBEE;
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: 14px;
line-height: 20px;
font-weight: normal;
margin: 18px 0;
}
@media only screen and (min-width: 768px) {
.ficha h4 {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha h4 {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha h4 {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha h4 {
line-height: 20px;
}
}
.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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
margin-top: 16px;
margin-bottom: 16px;
margin: 12px 0 6px;
}
@media only screen and (min-width: 768px) {
.ficha-titulo h2 {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-titulo h2 {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) {
.ficha-titulo h2 {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ficha-titulo h2 {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.ficha-titulo h2 {
margin-top: 48px;
}
}
@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: 14px;
line-height: 20px;
color: #707070;
}
@media only screen and (min-width: 768px) {
.ficha-titulo h2 span {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-titulo h2 span {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-titulo h2 span {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-titulo h2 span {
line-height: 20px;
}
}
.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: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.ficha-desc {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-desc {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-desc {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-desc {
line-height: 20px;
}
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-desc p {
line-height: 16px;
}
}
.ficha-desc img {
display: block;
width: 120px;
height: 120px;
border: 1px solid #E0E0E0;
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 #E0E0E0;
font-size: 14px;
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: 14px;
}
}
@media only screen and (min-width: 1150px) {
.nota,
.firmainvitada {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.nota,
.firmainvitada {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.nota,
.firmainvitada {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.nota,
.firmainvitada {
padding-left: 24px;
}
}
.nota hr,
.firmainvitada hr {
border: none;
color: #E0E0E0;
background: #E0E0E0;
height: 1px;
}
.nota img,
.nota img.derecha,
.firmainvitada img,
.firmainvitada img.derecha {
border: 1px solid #E0E0E0;
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;
}
}
.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: #218C79;
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 #218C79;
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;
}
.search-box {
border: 1px solid #E0E0E0;
}
@media only screen and (min-width: 768px) {
.search-box {
margin-top: 0;
clear: both;
}
}
.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 {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
color: #111;
background: transparent;
box-shadow: none;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
position: absolute;
top: 18px;
right: 2%;
}
@media only screen and (min-width: 768px) {
.search-button {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.search-button {
font-size: 13px;
}
}
.search-button[disabled="disabled"],
.search-button.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.search-button[disabled="disabled"]:link,
.search-button.m-disabled:link,
.search-button[disabled="disabled"]:visited,
.search-button.m-disabled:visited,
.search-button[disabled="disabled"]:active,
.search-button.m-disabled:active {
cursor: default;
box-shadow: none;
}
.search-button:hover {
text-decoration: none;
}
.search-button[disabled="disabled"]:hover,
.search-button.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.search-button:hover {
background-color: #e7edf0;
color: #111;
}
.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: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 2px;
vertical-align: middle;
}
.search-autocomplete {
display: none;
}
.head-menu .search-results-list {
margin-bottom: 24px;
border-bottom: 1px solid #E0E0E0;
}
@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 #E0E0E0;
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: 16px;
line-height: 28px;
font-weight: bold;
max-height: 100%;
}
}
.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: 14px;
line-height: 20px;
word-break: break-all;
margin: 0;
}
@media only screen and (min-width: 768px) {
.search-article-item .article-item-content {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.search-article-item .article-item-content {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.search-article-item .article-item-content {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.search-article-item .article-item-content {
line-height: 20px;
}
}
.search-results-list .article-item-info {
min-height: 68px;
}
.head-container,
.head-container-with-ad,
.head-container-with-primary {
height: auto;
}
@media only screen and (min-width: 768px) {
.head-container-with-corner {
height: 221px;
}
}
@media only screen and (min-width: 1024px) {
.head-container-with-corner {
height: 192px;
}
}
.head {
height: auto;
line-height: 72px;
top: 0;
width: 100%;
padding: 1px 0;
}
.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: 141px;
}
}
@media only screen and (min-width: 1024px) {
.head-brand {
height: 112px;
text-align: right;
}
}
.head.is-init {
position: relative;
}
.head.is-hidden {
top: -500px;
}
.head.is-visible {
top: 0px;
left: 0;
}
@media only screen and (max-height: 480px) and (orientation: landscape) {
.head.is-visible {
top: -500px;
}
}
.head.is-visible .head-primary-container,
.head.is-visible .head-content {
display: none;
}
@media only screen and (min-width: 768px) {
.head.is-visible {
top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-height: 480px) and (orientation: landscape) {
.head.is-visible {
top: -500px;
}
}
@media only screen and (min-width: 1024px) {
.head.is-visible {
top: 40px;
}
}
.clubmarca .head.is-visible {
top: 0;
}
.head-nav {
margin: 0;
}
.head-nav li {
display: inline;
}
.brand {
width: 190px;
text-align: center;
margin: 0 auto;
height: 72px;
}
@media only screen and (min-width: 768px) {
.brand {
height: 98px;
line-height: 98px;
margin: 0 auto;
width: 320px;
}
}
@media only screen and (min-width: 1024px) {
.brand {
height: 112px;
line-height: 112px;
width: 320px;
}
}
.brand .brand-logo {
width: 100%;
height: 72px;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background: url("images/head-brand-logo.svg?v=155");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
@media only screen and (min-width: 768px) {
.brand .brand-logo {
height: 98px;
vertical-align: middle;
}
}
@media only screen and (min-width: 1024px) {
.brand .brand-logo {
height: 112px;
}
}
.brand svg {
height: 56px;
max-width: 99%;
width: auto;
color: #fff;
fill: #fff;
}
.brand svg .path-alt {
color: #53FBDB;
}
.brand path,
.brand rect,
.brand polygon {
fill: #fff;
}
.brand path.path-alt,
.brand rect.path-alt,
.brand polygon.path-alt {
color: #53FBDB;
}
.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: 4px;
}
.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: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-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: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: #9F9F9F;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.head-favicons-container {
line-height: 16px;
}
}
.head-favicons-container a,
.head-favicons-container .favcion {
color: #707070;
}
@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;
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: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,
.head-favicons-list .favicon {
white-space: nowrap;
display: inline-block;
padding: 0 12px;
line-height: 32px;
height: 40px;
}
.head-favicons-list a:hover,
.head-favicons-list .favicon:hover {
background: #333;
color: #fff;
}
@media only screen and (min-width: 1024px) {
.head-nav {
position: absolute;
top: 0;
left: 0;
height: 112px;
overflow: hidden;
}
}
@media only screen and (min-width: 768px) {
.head-link {
box-sizing: border-box;
left: 0;
top: 0;
width: 98px;
border-radius: 0;
line-height: 24px;
height: 107px;
padding: 30px 0;
background: transparent;
border: none;
margin: 0;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 400;
}
.head-link:hover {
background-color: #0d3344;
}
}
@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: 768px) and only screen and (min-width: 768px) {
.head-link {
line-height: 16px;
}
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
.head-link {
line-height: 16px;
}
}
@media only screen and (min-width: 1024px) {
.head-link {
position: static;
float: left;
width: 112px;
line-height: 28px;
}
}
@media only screen and (min-width: 768px) {
.head-link-new,
.head-link-new.m-v1 {
left: auto;
right: 0;
}
.head-link-new:after,
.head-link-new.m-v1:after {
top: 29px;
right: 46px;
}
}
@media only screen and (min-width: 1024px) {
.head-link-new,
.head-link-new.m-v1 {
position: relative;
top: auto;
left: auto;
right: auto;
border-left: none;
}
.head-link-new:after,
.head-link-new.m-v1:after {
right: 46px;
}
}
@media only screen and (min-width: 768px) {
.head-content {
clear: both;
text-align: left;
height: 0px;
line-height: 0px;
}
}
@media only screen and (min-width: 1024px) {
.head-content {
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 {
max-width: 360px;
}
}
@media only screen and (min-width: 1600px) {
.head-content {
max-width: 400px;
}
}
.head-content iframe,
.head-content #div-gpt-ad-1449133484909-0 {
float: right;
}
.head-corners-container {
position: absolute;
top: -9999px;
}
@media only screen and (min-width: 768px) {
.head-corners-container {
position: static;
height: 40px;
font-size: 11px;
line-height: 40px;
overflow: hidden;
background-color: #1F3742;
color: #fff;
text-align: right;
border-bottom: 1px solid #535B63;
}
}
.head-corners-list {
margin: 0;
display: inline;
}
.head-corners-list li {
display: inline-block;
}
.head-corners-disclaimer {
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: normal;
color: #707070;
display: inline;
}
@media only screen and (min-width: 768px) {
.head-corners-disclaimer {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.head-corners-disclaimer {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.head-corners-disclaimer {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.head-corners-disclaimer {
line-height: 16px;
}
}
.head-corners-link {
white-space: nowrap;
display: inline-block;
padding: 0 9.6px 8px;
margin: 0 2.4px;
line-height: 32px;
font-weight: 700;
color: #ffffff;
border-top: 4px solid #707070;
}
.head-corners-link:hover {
color: #fff;
background-color: #707070;
}
@media only screen and (min-width: 768px) {
.head.is-visible .head-favicons-container {
height: 0;
overflow: hidden;
}
}
@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;
border-left: 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;
width: 260px;
}
}
@media only screen and (min-width: 768px) {
.head.is-visible .brand-logo {
height: auto;
vertical-align: top;
}
}
@media only screen and (min-width: 768px) {
.head.is-visible .head-link {
height: 70px;
height: auto;
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-primary-container,
.head.is-visible .head-corners-container {
display: none;
}
.head-content-favs {
position: relative;
}
@media only screen and (min-width: 768px) {
.head-favicons-container.m-is-later {
width: 100%;
position: absolute;
top: 0;
}
}
.head-favicons-container.m-is-later.is-visible {
position: fixed;
top: 0px;
}
.head-favicons-container.m-is-later.is-visible .head-favicons-index {
display: none;
}
.article-social-share.m-v1.is-visible {
bottom: 0;
}
@media only screen and (min-width: 768px) {
.article-social-share.m-v1.is-visible {
bottom: auto;
top: 110px;
}
}
@media only screen and (min-width: 768px) {
.clubmarca .article-social-share.m-v1.is-visible {
top: 70px;
}
}
.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;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
}
.head-menu-toggler {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 0.2s ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
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-new,
.head-menu-searchapp {
right: -100%;
}
@media only screen and (min-width: 1024px) {
.head-menu-new,
.head-menu-searchapp {
right: auto;
left: -100%;
}
}
.head-menu-new.is-visible,
.head-menu-searchapp.is-visible {
-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 {
-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 {
opacity: 0.8;
}
.head-menu-new .head-menu,
.head-menu-searchapp .head-menu {
right: 0;
margin-left: 48px;
}
@media only screen and (min-width: 768px) {
.head-menu-new .head-menu,
.head-menu-searchapp .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 {
width: 640px;
right: auto;
left: 0;
margin-right: auto;
margin-left: 0;
}
}
.head-menu-new.m-menu-right {
right: -100%;
}
@media only screen and (min-width: 1024px) {
.head-menu-new.m-menu-right {
right: -100%;
left: auto;
}
}
.head-menu-new.m-menu-right.is-visible {
-webkit-transform: translate(-100%, 0px);
transform: translate(-100%, 0px);
}
@media only screen and (min-width: 1024px) {
.head-menu-new.m-menu-right.is-visible {
-webkit-transform: translate(-100%, 0px);
transform: translate(-100%, 0px);
}
}
.head-menu-new.m-menu-right.is-visible .head-menu-toggler {
opacity: 0.8;
}
.head-menu-new.m-menu-right .head-menu {
right: 0;
margin-left: 48px;
}
@media only screen and (min-width: 768px) {
.head-menu-new.m-menu-right .head-menu {
max-width: 640px;
margin-left: auto;
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.head-menu-new.m-menu-right .head-menu {
width: 640px;
right: 0;
left: auto;
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 ul {
margin: 0;
}
.head-menu h3 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
margin-top: 16px;
margin-bottom: 16px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.head-menu h3 {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.head-menu h3 {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) {
.head-menu h3 {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.head-menu h3 {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.head-menu h3 {
margin-top: 48px;
}
}
.head-menu h3,
.head-menu .nav-heading {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 20.4px;
margin-top: 16px;
margin-bottom: 16px;
font-size: 14px;
line-height: 20px;
padding: 0 16px;
text-transform: uppercase;
margin-top: 24px;
margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
.head-menu h3,
.head-menu .nav-heading {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.head-menu h3,
.head-menu .nav-heading {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.head-menu h3,
.head-menu .nav-heading {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.head-menu h3,
.head-menu .nav-heading {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.head-menu h3,
.head-menu .nav-heading {
margin-top: 48px;
}
}
@media only screen and (min-width: 768px) {
.head-menu h3,
.head-menu .nav-heading {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.head-menu h3,
.head-menu .nav-heading {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.head-menu h3,
.head-menu .nav-heading {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.head-menu h3,
.head-menu .nav-heading {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.head-menu h3,
.head-menu .nav-heading {
padding: 0 24px;
margin-top: 28px;
margin-bottom: 7px;
}
}
@media only screen and (min-width: 1150px) {
.head-menu h3,
.head-menu .nav-heading {
margin-top: 28px;
}
}
.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;
word-break: break-word;
}
@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-channel ul,
.head-menu-links,
.head-menu-editorspick,
.head-menu-sponsor,
.head-menu-video,
.head-channel-item,
.head-menu-follow,
.head-menu-newsletter,
.head-menu h2,
.sections-login {
border-bottom: 1px solid #E0E0E0;
}
.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-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: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;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
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 {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
color: #111;
background: transparent;
box-shadow: none;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
position: absolute;
top: 18px;
right: 2%;
}
@media only screen and (min-width: 768px) {
.head-search-button {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.head-search-button {
font-size: 13px;
}
}
.head-search-button[disabled="disabled"],
.head-search-button.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.head-search-button[disabled="disabled"]:link,
.head-search-button.m-disabled:link,
.head-search-button[disabled="disabled"]:visited,
.head-search-button.m-disabled:visited,
.head-search-button[disabled="disabled"]:active,
.head-search-button.m-disabled:active {
cursor: default;
box-shadow: none;
}
.head-search-button:hover {
text-decoration: none;
}
.head-search-button[disabled="disabled"]:hover,
.head-search-button.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.head-search-button:hover {
background-color: #e7edf0;
color: #111;
}
.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: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 2px;
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;
}
.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;
}
.menu-follow a {
display: inline-block;
}
.head-menu-newsletter {
padding-top: 24px;
}
@media only screen and (min-width: 768px) {
.head-menu-newsletter {
padding-top: 28px;
}
}
.head-menu-newsletter {
display: none;
}
.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 #E0E0E0;
border-bottom: 1px solid #E0E0E0;
}
.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: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: #111;
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: #707070;
}
.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;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
}
.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: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: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;
}
}
.list-item,
.head-new-item,
.head-list-item,
.head-new-video-item {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.list-item,
.head-new-item,
.head-list-item,
.head-new-video-item {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.list-item,
.head-new-item,
.head-list-item,
.head-new-video-item {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.list-item,
.head-new-item,
.head-list-item,
.head-new-video-item {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.list-item,
.head-new-item,
.head-list-item,
.head-new-video-item {
line-height: 20px;
}
}
.head-menu-extras .head-list-item {
display: flex;
}
.item-meta,
.head-item-meta {
display: inline-block;
font-size: 14px;
font-weight: 400;
}
@media only screen and (min-width: 768px) {
.item-meta,
.head-item-meta {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.item-meta,
.head-item-meta {
font-size: 14px;
}
}
.head-menu-follow .head-item-meta {
display: block;
}
.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;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
left: -200%;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.nav-login,
.nav-register {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.nav-login,
.nav-register {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.nav-login,
.nav-register {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.nav-login,
.nav-register {
line-height: 20px;
}
}
.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;
}
.login-form,
.register-form {
clear: right;
border-bottom: 1px solid #E0E0E0;
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;
line-height: normal;
}
@media only screen and (min-width: 768px) {
.login-form .text,
.register-form .text {
margin: 7px 0;
}
}
#wsl_login_button img {
display: none;
}
.nav-register #activation {
text-align: left;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
.nav-register #activation {
padding-left: 24px;
padding-right: 24px;
}
}
.nav-register #activation p {
margin-bottom: 16px;
}
.nav-register #activation .exito {
margin: 24px 0 16px;
}
.nav-register #activation .submit-area {
margin: 24px 0 24px;
}
.login-3rd-part,
#dont_have_account_text,
#already_acc {
padding: 0;
}
.login-3rd-part {
display: inline-block;
}
.login-3rd-part p {
margin-bottom: 0;
}
#already_acc,
#dont_have_account_text {
font-size: 14px;
line-height: 20px;
color: #707070;
display: inline-block;
}
@media only screen and (min-width: 768px) {
#already_acc,
#dont_have_account_text {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
#already_acc,
#dont_have_account_text {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
#already_acc,
#dont_have_account_text {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
#already_acc,
#dont_have_account_text {
line-height: 20px;
}
}
#already_acc {
margin-left: 24px;
margin-top: 24px;
}
@media only screen and (min-width: 768px) {
#already_acc {
margin-top: 28px;
}
}
@media only screen and (min-width: 1024px) {
#already_acc {
margin-top: 28px;
}
}
.facebook-login {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #4267b2 !important;
color: #fff;
margin-top: 24px;
}
@media only screen and (min-width: 768px) {
.facebook-login {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.facebook-login {
font-size: 13px;
}
}
.facebook-login[disabled="disabled"],
.facebook-login.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.facebook-login[disabled="disabled"]:link,
.facebook-login.m-disabled:link,
.facebook-login[disabled="disabled"]:visited,
.facebook-login.m-disabled:visited,
.facebook-login[disabled="disabled"]:active,
.facebook-login.m-disabled:active {
cursor: default;
box-shadow: none;
}
.facebook-login:hover {
text-decoration: none;
}
.facebook-login[disabled="disabled"]:hover,
.facebook-login.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.facebook-login:hover {
background-color: #3f62a9 !important;
color: #fff;
}
@media only screen and (min-width: 768px) {
.facebook-login {
margin-top: 28px;
}
}
@media only screen and (min-width: 1024px) {
.facebook-login {
margin-top: 28px;
}
}
.twitter-login {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #00abf1 !important;
color: #fff;
margin-top: 24px;
}
@media only screen and (min-width: 768px) {
.twitter-login {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.twitter-login {
font-size: 13px;
}
}
.twitter-login[disabled="disabled"],
.twitter-login.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.twitter-login[disabled="disabled"]:link,
.twitter-login.m-disabled:link,
.twitter-login[disabled="disabled"]:visited,
.twitter-login.m-disabled:visited,
.twitter-login[disabled="disabled"]:active,
.twitter-login.m-disabled:active {
cursor: default;
box-shadow: none;
}
.twitter-login:hover {
text-decoration: none;
}
.twitter-login[disabled="disabled"]:hover,
.twitter-login.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.twitter-login:hover {
background-color: #00a2e5 !important;
color: #fff;
}
@media only screen and (min-width: 768px) {
.twitter-login {
margin-top: 28px;
}
}
@media only screen and (min-width: 1024px) {
.twitter-login {
margin-top: 28px;
}
}
.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;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E12F2F;
color: #fff;
text-transform: capitalize;
}
@media only screen and (min-width: 768px) {
#open_register,
#already_acc a,
.remember-password a {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
#open_register,
#already_acc a,
.remember-password a {
font-size: 13px;
}
}
#open_register[disabled="disabled"],
#already_acc a[disabled="disabled"],
.remember-password a[disabled="disabled"],
#open_register.m-disabled,
#already_acc a.m-disabled,
.remember-password a.m-disabled {
opacity: 0.4;
box-shadow: none;
}
#open_register[disabled="disabled"]:link,
#already_acc a[disabled="disabled"]:link,
.remember-password a[disabled="disabled"]:link,
#open_register.m-disabled:link,
#already_acc a.m-disabled:link,
.remember-password a.m-disabled:link,
#open_register[disabled="disabled"]:visited,
#already_acc a[disabled="disabled"]:visited,
.remember-password a[disabled="disabled"]:visited,
#open_register.m-disabled:visited,
#already_acc a.m-disabled:visited,
.remember-password a.m-disabled:visited,
#open_register[disabled="disabled"]:active,
#already_acc a[disabled="disabled"]:active,
.remember-password a[disabled="disabled"]:active,
#open_register.m-disabled:active,
#already_acc a.m-disabled:active,
.remember-password a.m-disabled:active {
cursor: default;
box-shadow: none;
}
#open_register:hover,
#already_acc a:hover,
.remember-password a:hover {
text-decoration: none;
}
#open_register[disabled="disabled"]:hover,
#already_acc a[disabled="disabled"]:hover,
.remember-password a[disabled="disabled"]:hover,
#open_register.m-disabled:hover,
#already_acc a.m-disabled:hover,
.remember-password a.m-disabled:hover {
cursor: default;
box-shadow: none;
}
#open_register:hover,
#already_acc a:hover,
.remember-password a:hover {
background-color: #d62d2d;
color: #fff;
}
#open_register {
margin-top: 24px;
}
@media only screen and (min-width: 768px) {
#open_register {
margin-top: 28px;
}
}
@media only screen and (min-width: 1024px) {
#open_register {
margin-top: 28px;
}
}
#wsl_check_username {
display: block;
}
p .exito {
display: inline-block;
}
.mhelp {
font-size: 14px;
line-height: 20px;
font-weight: normal;
color: #707070;
}
@media only screen and (min-width: 768px) {
.mhelp {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.mhelp {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.mhelp {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.mhelp {
line-height: 20px;
}
}
#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%;
position: fixed;
}
@media only screen and (min-width: 768px) {
.head-container-with-primary .head {
overflow: hidden;
}
}
.head-primary-container {
background-color: #1F3742;
border-top: 1px solid #535B63;
color: #fff;
}
.head-primary-container a {
color: #fff;
border-top: 4px solid #1F3742;
}
.head-primary {
font-size: 14px;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
text-transform: uppercase;
height: 40px;
line-height: 36px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.head-primary {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.head-primary {
font-size: 14px;
}
}
.head-primary ul {
display: inline-block;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: 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-active a {
color: #fff;
border-color: #fff;
}
.head-primary-item.m-tre-arb.m-active a {
border-top-color: #8B728F;
color: #8B728F;
}
@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 {
overflow: visible;
background-color: #1F3742;
color: #ffffff;
border-bottom: none;
}
}
.hidden {
display: none;
}
.section-user-login {
margin-top: 60px;
padding: 16px 8px;
display: flex;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
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: #707070;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.login-option-links {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.login-option-links {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.login-option-links {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.login-option-links {
line-height: 20px;
}
}
@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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.section-avatar {
height: 36px;
width: 36px;
}
}
@media only screen and (min-width: 1150px) {
.section-avatar {
height: 40.08px;
width: 40.08px;
}
}
.section-avatar:before {
color: #218C79;
margin-right: 0;
line-height: 36px;
}
@media only screen and (min-width: 768px) {
.section-avatar:before {
line-height: 25.92px;
font-size: 32px;
}
}
@media only screen and (min-width: 1150px) {
.section-avatar:before {
line-height: 36px;
font-size: 48px;
}
}
.user-option-link {
color: #218C79;
font-weight: bold;
}
.user-option-link:hover {
color: #E12F2F;
}
@media only screen and (min-width: 768px) {
.head-content {
height: 43px;
}
}
@media only screen and (min-width: 1024px) {
.head-content {
height: 112px;
overflow: hidden;
}
}
@media only screen and (min-width: 768px) {
.head-content {
text-align: center;
}
}
@media only screen and (min-width: 768px) {
.head-content iframe {
float: none;
}
}
.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: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: #218C79;
}
.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: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;
}
.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: flex-start;
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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25.2px;
text-transform: none;
letter-spacing: 0;
margin: 6px 0 0 0;
text-align: center;
color: #707070;
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.user-card-name {
font-size: 28px;
line-height: 32px;
}
}
@media only screen and (min-width: 1150px) {
.user-card-name {
font-size: 32px;
line-height: 40px;
}
}
@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: #707070;
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.user-card-karma,
.user-card-since {
line-height: 16px;
}
}
.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: 20px;
}
.user-card.m-compact .user-card-name {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
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: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.user-card.m-compact .user-card-name {
font-size: 26px;
line-height: 30px;
}
}
@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: 14px;
line-height: 20px;
margin-top: 6px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.user-card-description {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.user-card-description {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.user-card-description {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.user-card-description {
line-height: 20px;
}
}
@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: #111;
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.tooltip {
line-height: 16px;
}
}
.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 #E0E0E0;
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: #707070;
font-size: 14px;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.user-deactivate-link:hover {
color: #E12F2F;
}
@media only screen and (min-width: 768px) {
.user-deactivate-link {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.user-deactivate-link {
font-size: 14px;
}
}
.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: 700;
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: 14px;
}
@media only screen and (min-width: 768px) {
.user-recover-password-link {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.user-recover-password-link {
font-size: 14px;
}
}
/*! * Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
*,
::after,
::before {
box-sizing: border-box;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 16px;
padding-left: 16px;
}
@media (min-width: 768px) {
.container {
padding-right: 12px;
padding-left: 12px;
}
.container-fluid {
padding-right: 24px;
padding-left: 24px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-right: 12px;
padding-left: 12px;
}
.row {
margin-right: -12px;
margin-left: -12px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 984px;
padding-right: 12px;
padding-left: 12px;
}
.container-fluid {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-right: 12px;
padding-left: 12px;
}
.row {
margin-right: -12px;
margin-left: -12px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1224px;
padding-right: 16px;
padding-left: 16px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-right: 16px;
padding-left: 16px;
}
.row {
margin-right: -16px;
margin-left: -16px;
}
}
@media (min-width: 1360px) {
.container {
max-width: 1344px;
padding-right: 24px;
padding-left: 24px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-right: 24px;
padding-left: 24px;
}
.row {
margin-right: -24px;
margin-left: -24px;
}
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1024px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1280px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1360px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 24px !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 768px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 24px !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 1024px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 24px !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 1280px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1360px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.box-content-train {
clear: both;
}
.content-train-container {
margin: 16px 0 0;
}
@media only screen and (min-width: 768px) {
.content-train-container {
margin: 24px 0 0;
}
}
@media only screen and (min-width: 1280px) {
.content-train-container {
margin: 32px 0 0;
}
}
@media only screen and (min-width: 1360px) {
.content-train-container {
margin: 48px 0 0;
}
}
.article-asset-content-train {
position: relative;
}
.section-content-train-header {
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
letter-spacing: 0;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
text-transform: uppercase;
color: #707070;
margin-bottom: 12px;
text-transform: none;
margin-bottom: 16px;
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.section-content-train-header {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.section-content-train-header {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) {
.section-content-train-header {
font-weight: 200;
margin-bottom: 14px;
}
}
@media only screen and (min-width: 1024px) {
.section-content-train-header {
margin-bottom: 14px;
}
}
@media only screen and (min-width: 768px) {
.section-content-train-header {
margin-left: 0;
margin-bottom: 24px;
margin-top: 0;
}
}
.section-content-train-header a {
color: #111;
position: relative;
font-weight: normal;
}
.section-content-train-header a:hover {
color: #E12F2F;
}
.section-nav {
margin-bottom: 24px;
}
.section-content-train-nav {
margin-bottom: 24px;
font-size: 14px;
line-height: 20px;
display: block;
text-align: center;
position: relative;
right: 0;
top: 0;
margin-left: -16px;
margin-right: -16px;
padding-top: 16px;
border-top: 1px solid #ccc;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.section-content-train-nav {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.section-content-train-nav {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.section-content-train-nav {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.section-content-train-nav {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.section-content-train-nav {
top: 7px;
position: absolute;
right: 0;
margin-bottom: 0;
border-top: 0;
padding-top: 0;
margin-left: 0;
margin-right: 0;
}
}
.section-content-train-nav-more {
color: #111;
display: flex;
justify-content: center;
background: 0 0;
height: auto;
text-transform: uppercase;
line-height: 16px;
font-weight: normal;
align-items: baseline;
font-size: 13px;
}
.section-content-train-nav-more:hover {
color: #E12F2F;
}
.section-content-train-nav-more:after {
font-size: 12px;
font-family: icons-min;
content: "\e901";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-left: 0.2em;
}
.section-content-train-nav-more:before {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.section-content-train-nav-more {
padding: 0;
text-transform: none;
}
}
.section-content-train-nav-more:after {
font-size: 9px;
margin-left: 8px;
}
.section-content-train-list {
margin: 0;
}
@media only screen and (min-width: 768px) {
.section-content-train-list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
}
@media only screen and (min-width: 768px) {
.section-content-train-list {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.content-train-shortcut {
display: inline-block;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
}
}
@media only screen and (min-width: 768px) {
.content-train-shortcut {
margin: 0 24px 0 0;
}
}
@media only screen and (min-width: 1024px) {
.content-train-shortcut {
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
}
}
@media only screen and (min-width: 768px) {
.content-train-shortcut:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.content-train-shortcut:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.content-train-shortcut {
margin-right: 32px;
}
}
@media only screen and (min-width: 768px) {
.content-train-shortcut:last-child {
margin-right: 0;
}
}
.article-asset-content-train .shortcut-title {
margin-top: 8px;
margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.article-asset-content-train .shortcut-title {
margin-top: 16px;
margin-bottom: 0;
}
}
.article-asset-content-train .shortcut-title a:hover {
color: #111;
text-decoration: underline!important;
}
.module-bg-image .section-content-train-container,
.module-bg-color .section-content-train-container {
background: transparent;
}
.module-fg-light .section-content-train-header a {
color: #fff;
}
.module-fg-light .section-content-train-header a:hover {
color: #EBF5FA;
}
.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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 20.4px;
margin-top: 16px;
margin-bottom: 16px;
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: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: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.section-header-instagram {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.section-header-instagram {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.section-header-instagram {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.section-header-instagram {
margin-top: 48px;
}
}
@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: #111;
}
.section-header-instagram a:hover {
color: #E12F2F;
}
.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: 111px;
height: 111px;
overflow: hidden;
}
@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: 135px;
height: 135px;
}
}
.section-instagram-item a {
vertical-align: middle;
display: block;
position: relative;
width: 100%;
height: 0;
padding: 100% 0 0 0;
overflow: hidden;
}
.section-instagram-item a img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.foot {
margin-top: 24px;
}
@media only screen and (min-width: 768px) {
.foot {
margin-top: 28px;
}
}
.foot-wrapper {
padding: 0 0 1px;
}
@media only screen and (min-width: 768px) {
.foot-wrapper {
max-width: 1044px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1600px) {
.foot-wrapper {
max-width: 1368px;
}
}
.foot h2,
.foot h3 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 20.4px;
margin-top: 16px;
margin-bottom: 16px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.foot h2,
.foot h3 {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.foot h2,
.foot h3 {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.foot h2,
.foot h3 {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.foot h2,
.foot h3 {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.foot h2,
.foot h3 {
margin-top: 48px;
}
}
.head-new-video-subscribe {
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.head-new-video-subscribe {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.head-new-video-subscribe {
font-size: 14px;
}
}
.head-new-item,
.head-list-item,
.head-new-video-item {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.head-new-item,
.head-list-item,
.head-new-video-item {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.head-new-item,
.head-list-item,
.head-new-video-item {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.head-new-item,
.head-list-item,
.head-new-video-item {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.head-new-item,
.head-list-item,
.head-new-video-item {
line-height: 20px;
}
}
.foot-external {
padding: 1px 0;
padding-bottom: 72px;
background: #111;
min-height: 120px;
margin-bottom: 0;
clear: both;
}
@media only screen and (min-width: 768px) {
.foot-external {
padding-bottom: 84px;
}
}
.foot-head {
padding: 24px 0 0;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
@media only screen and (min-width: 768px) {
.foot-head {
padding-top: 28px;
}
}
.backlink {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
color: #fff;
background-color: #222;
text-transform: none;
color: #dadada;
}
@media only screen and (min-width: 768px) {
.backlink {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.backlink {
font-size: 13px;
}
}
.backlink[disabled="disabled"],
.backlink.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.backlink[disabled="disabled"]:link,
.backlink.m-disabled:link,
.backlink[disabled="disabled"]:visited,
.backlink.m-disabled:visited,
.backlink[disabled="disabled"]:active,
.backlink.m-disabled:active {
cursor: default;
box-shadow: none;
}
.backlink:hover {
text-decoration: none;
}
.backlink[disabled="disabled"]:hover,
.backlink.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.backlink:hover {
background-color: #3d5e6e;
color: #fff;
}
.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:before {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 1150px) {
.backlink {
font-size: 14px;
}
}
.foot-backlink {
float: right;
}
.foot .view-even-more,
.foot-external .view-even-more {
margin-left: 16px;
}
.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;
margin-top: 24px;
}
@media only screen and (min-width: 768px) {
.spain-blogs,
.latam-blogs,
.others-blogs {
margin-top: 28px;
}
}
.spain-blogs .channel-title,
.latam-blogs .channel-title,
.others-blogs .channel-title {
margin-bottom: 0;
margin-top: 24px;
}
@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: 20%;
font-size: 13px;
line-height: 16px;
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.links-category {
line-height: 16px;
}
}
.links-category li {
width: 100%;
margin: 0;
}
.list-item.foot-list-item {
display: inline-block;
font-size: 13px;
line-height: 16px;
padding-left: 12px;
padding-right: 12px;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.list-item.foot-list-item {
line-height: 16px;
}
}
.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;
}
.foot-brand {
margin: 24px auto;
}
@media only screen and (min-width: 768px) {
.foot-brand {
margin: 28px auto;
}
}
.foot-brand .brand-logo {
opacity: 0.3;
transition: all 0.2s ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
background-image: url("images/logo-light.svg?v=155");
}
.foot-brand .brand-logo:hover {
opacity: 0.9;
}
.u-logo-footer {
width: 125px;
height: 41px;
display: block;
opacity: 0.6;
background-position: top center;
}
.foot-head,
.foot-menu-categories h2 {
margin-left: 16px;
margin-right: 16px;
}
@media only screen and (min-width: 768px) {
.foot-head,
.foot-menu-categories h2 {
margin-left: 12px;
margin-right: 12px;
}
}
.foot-webedia-brand {
margin: 0;
width: 161px;
height: 75px;
display: flex;
align-items: center;
}
.webedia-logo {
background-image: url("//img.weblogssl.com/g/r/svg/webedia/logo-edge_light.svg?v=155");
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;
opacity: 0.4;
height: 50.88px;
width: 123.84px;
width: 125px;
height: 41px;
display: block;
opacity: 0.6;
background-position: top center;
}
.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-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
@media only screen and (min-width: 768px) {
.brand .brand-logo {
height: 68.8px;
max-height: 68.8px;
vertical-align: middle;
}
}
.brand svg {
height: 56px;
max-width: 99%;
width: auto;
color: #fff;
fill: #fff;
}
.brand svg .path-alt {
color: #53FBDB;
}
.brand path,
.brand rect,
.brand polygon {
fill: #fff;
}
.brand path.path-alt,
.brand rect.path-alt,
.brand polygon.path-alt {
color: #53FBDB;
}
@media only screen and (min-width: 768px) {
.u-c1-big-line {
max-width: 1224px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1600px) {
.u-c1-big-line {
max-width: 1368px;
}
}
.article-social-share.m-in-footer {
text-align: center;
}
@media only screen and (min-width: 768px) {
.article-social-share.m-in-footer {
max-width: 1224px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1600px) {
.article-social-share.m-in-footer {
max-width: 1368px;
}
}
.article-social-share.m-in-footer p {
margin: 12px 0 12px;
display: inline-block;
color: #a2a2a2;
}
@media only screen and (min-width: 768px) {
.article-social-share.m-in-footer p {
margin: 14px 0;
line-height: 20px;
}
}
.article-social-share.m-in-footer ul {
text-align: center;
display: block;
position: static;
width: auto;
}
.article-social-share.m-in-footer li {
margin: 0 4px;
}
.article-social-share.m-in-footer .btn-facebook,
.article-social-share.m-in-footer .btn-instagram,
.article-social-share.m-in-footer .btn-twitter,
.article-social-share.m-in-footer .btn-email,
.article-social-share.m-in-footer .btn-whatsapp,
.article-social-share.m-in-footer .btn-flipboard {
opacity: 0.7;
}
.article-social-share.m-in-footer .btn-facebook:hover,
.article-social-share.m-in-footer .btn-instagram:hover,
.article-social-share.m-in-footer .btn-twitter:hover,
.article-social-share.m-in-footer .btn-email:hover,
.article-social-share.m-in-footer .btn-whatsapp:hover,
.article-social-share.m-in-footer .btn-flipboard:hover {
opacity: 0.9;
}
.article-social-share.m-in-footer .btn-flipboard {
display: inline-block;
text-align: center;
width: 42px;
height: 42px;
line-height: 42px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
border-radius: 21px;
}
.article-social-share.m-in-footer .btn-flipboard:before {
font-size: 24px;
font-family: icons-min;
content: "\e908";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.article-social-share.m-in-footer .btn-flipboard:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.article-social-share.m-in-footer .btn-flipboard:before,
.article-social-share.m-in-footer .btn-flipboard:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.article-social-share.m-in-footer .btn-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;
}
.article-social-share.m-in-footer .btn-flipboard:before,
.article-social-share.m-in-footer .btn-flipboard:after {
line-height: 21.6px;
margin: 0 9px;
vertical-align: middle;
}
.article-social-share.m-in-footer .btn-twitter {
display: inline-block;
text-align: center;
width: 42px;
height: 42px;
line-height: 42px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
border-radius: 21px;
}
.article-social-share.m-in-footer .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.m-in-footer .btn-twitter:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.article-social-share.m-in-footer .btn-twitter:before,
.article-social-share.m-in-footer .btn-twitter:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.article-social-share.m-in-footer .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;
}
.article-social-share.m-in-footer .btn-twitter:before,
.article-social-share.m-in-footer .btn-twitter:after {
line-height: 21.6px;
margin: 0 9px;
vertical-align: middle;
}
.article-social-share.m-in-footer .btn-facebook {
display: inline-block;
text-align: center;
width: 42px;
height: 42px;
line-height: 42px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
border-radius: 21px;
}
.article-social-share.m-in-footer .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.m-in-footer .btn-facebook:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.article-social-share.m-in-footer .btn-facebook:before,
.article-social-share.m-in-footer .btn-facebook:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.article-social-share.m-in-footer .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;
}
.article-social-share.m-in-footer .btn-facebook:before,
.article-social-share.m-in-footer .btn-facebook:after {
line-height: 21.6px;
margin: 0 9px;
vertical-align: middle;
}
.article-social-share.m-in-footer .btn-instagram {
display: inline-block;
text-align: center;
width: 42px;
height: 42px;
line-height: 42px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
border-radius: 21px;
}
.article-social-share.m-in-footer .btn-instagram:before {
font-size: 24px;
font-family: icons-min;
content: "\e61f";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.article-social-share.m-in-footer .btn-instagram:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.article-social-share.m-in-footer .btn-instagram:before,
.article-social-share.m-in-footer .btn-instagram:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.article-social-share.m-in-footer .btn-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;
}
.article-social-share.m-in-footer .btn-instagram:before,
.article-social-share.m-in-footer .btn-instagram:after {
line-height: 21.6px;
margin: 0 9px;
vertical-align: middle;
}
.article-social-share.m-in-footer .btn-email {
display: inline-block;
text-align: center;
width: 42px;
height: 42px;
line-height: 42px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
border-radius: 21px;
}
.article-social-share.m-in-footer .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.m-in-footer .btn-email:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.article-social-share.m-in-footer .btn-email:before,
.article-social-share.m-in-footer .btn-email:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.article-social-share.m-in-footer .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;
}
.article-social-share.m-in-footer .btn-email:before,
.article-social-share.m-in-footer .btn-email:after {
line-height: 21.6px;
margin: 0 9px;
vertical-align: middle;
}
.article-social-share.m-in-footer .btn-whatsapp {
display: inline-block;
text-align: center;
width: 42px;
height: 42px;
line-height: 42px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
border-radius: 21px;
}
.article-social-share.m-in-footer .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.m-in-footer .btn-whatsapp:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.article-social-share.m-in-footer .btn-whatsapp:before,
.article-social-share.m-in-footer .btn-whatsapp:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.article-social-share.m-in-footer .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;
}
.article-social-share.m-in-footer .btn-whatsapp:before,
.article-social-share.m-in-footer .btn-whatsapp:after {
line-height: 21.6px;
margin: 0 9px;
vertical-align: middle;
}
.article-social-share {
color: #fff;
}
.article-social-share p {
display: inline;
vertical-align: middle;
margin: 0;
line-height: 42px;
}
.article-social-share li {
display: inline;
margin-right: 12px;
}
.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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.cookies-overlay {
line-height: 16px;
}
}
.cookies-overlay .close {
float: right;
margin: 7.2px 0 0 7.2px;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #333;
color: #ccc;
font-size: 0;
padding: 0;
width: 36px;
}
@media only screen and (min-width: 768px) {
.cookies-overlay .close {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.cookies-overlay .close {
font-size: 13px;
}
}
.cookies-overlay .close[disabled="disabled"],
.cookies-overlay .close.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.cookies-overlay .close[disabled="disabled"]:link,
.cookies-overlay .close.m-disabled:link,
.cookies-overlay .close[disabled="disabled"]:visited,
.cookies-overlay .close.m-disabled:visited,
.cookies-overlay .close[disabled="disabled"]:active,
.cookies-overlay .close.m-disabled:active {
cursor: default;
box-shadow: none;
}
.cookies-overlay .close:hover {
text-decoration: none;
}
.cookies-overlay .close[disabled="disabled"]:hover,
.cookies-overlay .close.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.cookies-overlay .close:hover {
background-color: #444;
color: #fff;
}
.cookies-overlay .close::before {
width: 100%;
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.cookies-overlay .close {
padding-left: 0;
padding-right: 0;
}
}
.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;
}
.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: #E4EBEE;
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 #E0E0E0;
}
@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 #E0E0E0;
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: #707070;
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: #E4EBEE;
color: #707070;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.section-modal-content.m-faded {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.section-modal-content.m-faded {
font-size: 14px;
}
}
.cancel-deactive-link {
font-size: 14px;
line-height: 20px;
color: #707070;
}
@media only screen and (min-width: 768px) {
.cancel-deactive-link {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.cancel-deactive-link {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.cancel-deactive-link {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.cancel-deactive-link {
line-height: 20px;
}
}
.cancel-deactive-link:hover {
color: #E12F2F;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.cancel-deactive-link::before {
content: "\2039";
vertical-align: inherit;
}
.section-modal.m-modal-user-config input,
.section-modal.m-modal-user-config textarea {
color: #111;
}
.section-modal.m-modal-user-config .form-user-image-link {
width: 48px;
height: 48px;
}
.section-modal.m-modal-user-config .form-user-image-link.is-loading {
background: url("https://img.weblogssl.com/g/xataka4/common/ajax-loader.gif") no-repeat;
background-size: 20px;
background-position: center;
}
.container-fluid [class*=col-] .article-asset-container:first-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.container-fluid [class*=col-] .article-asset-container:last-child {
margin-bottom: 0;
}
}
.container-fluid [class*=col-] .article-asset-container p:first-child {
margin-top: 0;
}
.container-fluid [class*=col-]:last-child .article-asset-container:last-child {
margin-bottom: 0;
}
.container-fluid.m-bg-container {
padding-top: 16px;
padding-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container {
padding-top: 24px;
padding-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container {
padding-top: 32px;
padding-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container {
padding-top: 48px;
padding-bottom: 48px;
}
}
.container-fluid .article-asset-container.m-bg-container {
padding-left: 16px;
padding-right: 16px;
margin-left: -16px;
margin-right: -16px;
}
@media only screen and (min-width: 768px) {
.container-fluid .article-asset-container.m-bg-container {
padding-left: 12px;
padding-right: 12px;
margin-left: -12px;
margin-right: -12px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid .article-asset-container.m-bg-container {
padding-left: 16px;
padding-right: 16px;
margin-left: -16px;
margin-right: -16px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid .article-asset-container.m-bg-container {
padding-left: 24px;
padding-right: 24px;
margin-left: -24px;
margin-right: -24px;
}
}
.container-fluid .article-asset-container.m-bg-container p:first-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.container-fluid .article-asset-container.m-bg-container p:first-child {
margin-top: 0;
}
}
.container-fluid .article-asset-container.m-alignment-fix p:first-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.container-fluid .article-asset-container.m-alignment-fix p:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.m-alignment-fix:first-child {
padding-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.m-alignment-fix:first-child {
padding-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.m-alignment-fix:first-child {
padding-top: 48px;
}
}
.container-fluid.m-bg-container {
padding-top: 0;
padding-bottom: 0;
}
.container-fluid.m-bg-container [class*=col-]:first-child .article-asset-container:first-child {
margin-top: 16px;
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container [class*=col-]:first-child .article-asset-container:first-child {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container [class*=col-]:first-child .article-asset-container:first-child {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container [class*=col-]:first-child .article-asset-container:first-child {
margin-top: 48px;
}
}
.container-fluid.m-bg-container [class*=col-]:last-child .article-asset-container:last-child {
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container [class*=col-]:last-child .article-asset-container:last-child {
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container [class*=col-]:last-child .article-asset-container:last-child {
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container [class*=col-]:last-child .article-asset-container:last-child {
margin-bottom: 48px;
}
}
.container-fluid.m-bg-container [class*=col-]:first-child .article-asset-container.m-bg-container:first-child {
margin-top: 0;
}
.container-fluid.m-bg-container [class*=col-]:last-child .article-asset-container.m-bg-container:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container:first-child {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container:first-child {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container:first-child {
margin-top: 48px;
}
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container:last-child {
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container:last-child {
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container:last-child {
margin-bottom: 48px;
}
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-alignment-fix:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-alignment-fix:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-alignment-fix:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-alignment-fix:last-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-alignment-fix:last-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-alignment-fix:last-child {
margin-bottom: 0;
}
}
.container-fluid .article-asset-text {
margin-left: auto;
margin-right: auto;
}
.container-fluid .box-video-macro {
text-align: center;
}
.container-fluid .desvio {
margin-left: 0;
margin-right: 0;
}
.container-fluid .caption-img span {
max-width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.container-fluid .caption-img span {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .caption-img span {
margin-left: 0;
margin-right: 0;
}
}
.container-fluid + .container-fluid {
margin-top: 16px;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.container-fluid + .container-fluid {
margin-top: 24px;
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid + .container-fluid {
margin-top: 32px;
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid + .container-fluid {
margin-top: 48px;
margin-bottom: 48px;
}
}
.container-fluid.m-bg-container + .container-fluid.m-bg-container {
margin-top: -16px;
}
@media only screen and (min-width: 768px) {
.container-fluid.m-bg-container + .container-fluid.m-bg-container {
margin-top: -24px;
}
}
@media only screen and (min-width: 1280px) {
.container-fluid.m-bg-container + .container-fluid.m-bg-container {
margin-top: -32px;
}
}
@media only screen and (min-width: 1360px) {
.container-fluid.m-bg-container + .container-fluid.m-bg-container {
margin-top: -48px;
}
}
.container-fluid .twitter-tweet {
margin-top: 0px !important;
}
.container-fluid .sumario {
word-wrap: break-word;
hyphens: auto;
}
.container-fluid .col-sm-8 .fb-video span,
.container-fluid .col-sm-6 .fb-video span,
.container-fluid .col-sm-3 .fb-video span,
.container-fluid .col-sm-4 .fb-video span,
.container-fluid .col-sm-9 .fb-video span {
height: 100% !important;
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-8 .fb-video span,
.container-fluid .col-sm-6 .fb-video span,
.container-fluid .col-sm-3 .fb-video span,
.container-fluid .col-sm-4 .fb-video span,
.container-fluid .col-sm-9 .fb-video span {
height: 100% !important;
}
}
.container-fluid .article-asset-embed-datawrapper,
.container-fluid .article-asset-embed-infogram {
margin-left: auto;
margin-right: auto;
}
.container-fluid .positivo li,
.container-fluid .negativo li {
margin-left: 24px;
}
.container-fluid .nota-analisis {
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.container-fluid .nota-analisis {
margin-left: 0;
margin-right: 0;
}
}
.container-fluid .resumen {
clear: both;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.container-fluid .resumen {
clear: both;
margin-left: 0;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .resumen {
clear: left;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-4 .ficha-compra-sharing,
.container-fluid .col-sm-4 .ficha-compra-rating {
flex-wrap: wrap;
line-height: 24px;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-4 .ficha-compra-sharing,
.container-fluid .col-sm-4 .ficha-compra-rating {
flex-wrap: nowrap;
line-height: 16px;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .deal-main-store {
display: block;
margin-top: 8px;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .deal-main-store {
display: inline-block;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .ficha-compra-sharing,
.container-fluid .col-sm-3 .ficha-compra-rating {
flex-wrap: wrap;
line-height: 24px;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .ficha-compra-sharing,
.container-fluid .col-sm-3 .ficha-compra-rating {
flex-wrap: nowrap;
line-height: 16px;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .ficha-compra-title {
word-break: break-word;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .ficha-compra-title {
word-break: normal;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .ficha-compra-desc.m-author {
padding: 0px;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .ficha-compra-desc.m-author {
padding: 16px 16px 16px;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .ficha-compra-desc.m-author .ficha-compra-author {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .ficha-compra-desc.m-author .ficha-compra-author {
display: block;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .ficha-compra-desc.m-author .ficha-compra-quote::after {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .ficha-compra-desc.m-author .ficha-compra-quote::after {
display: block;
}
}
.container-fluid .col-sm-3 .positivo,
.container-fluid .col-sm-4 .positivo,
.container-fluid .col-sm-3 .negativo,
.container-fluid .col-sm-4 .negativo {
width: 100%;
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .positivo,
.container-fluid .col-sm-4 .positivo,
.container-fluid .col-sm-3 .negativo,
.container-fluid .col-sm-4 .negativo {
width: 48%;
}
}
.container-fluid .col-sm-3 .twitter-tweet,
.container-fluid .col-sm-4 .twitter-tweet {
width: 100% !important;
min-width: 100% !important;
}
.container-fluid .col-sm-3 .instagram-media,
.container-fluid .col-sm-4 .instagram-media {
width: 100% !important;
min-width: 100px !important;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .instagram-media,
.container-fluid .col-sm-4 .instagram-media {
min-width: 100px !important;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .nota-analisis .total,
.container-fluid .col-sm-4 .nota-analisis .total {
padding-left: 16px;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .nota-analisis .total,
.container-fluid .col-sm-4 .nota-analisis .total {
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.container-fluid .col-sm-3 .nota-analisis .total::after,
.container-fluid .col-sm-4 .nota-analisis .total::after {
margin-left: 8px;
}
}
@media only screen and (min-width: 1024px) {
.container-fluid .col-sm-3 .nota-analisis .total::after,
.container-fluid .col-sm-4 .nota-analisis .total::after {
margin-left: 24px;
}
}
.content-container .foot-external {
margin-top: 16px;
}
@media only screen and (min-width: 768px) {
.content-container .foot-external {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.content-container .foot-external {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.content-container .foot-external {
margin-top: 48px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-6.col-lg-3:first-child {
margin-bottom: 16px;
}
}
@media only screen and (min-width: 1280px) {
.col-sm-6.col-lg-3:first-child {
margin-bottom: 0;
}
}
.article-landing .container-fluid.m-fg-dark .m-fg-light {
color: #fff;
}
.article-landing .container-fluid.m-fg-dark .m-fg-light h1,
.article-landing .container-fluid.m-fg-dark .m-fg-light h2,
.article-landing .container-fluid.m-fg-dark .m-fg-light h3,
.article-landing .container-fluid.m-fg-dark .m-fg-light h4,
.article-landing .container-fluid.m-fg-dark .m-fg-light h5,
.article-landing .container-fluid.m-fg-dark .m-fg-light a,
.article-landing .container-fluid.m-fg-dark .m-fg-light p,
.article-landing .container-fluid.m-fg-dark .m-fg-light .caption-img span,
.article-landing .container-fluid.m-fg-dark .m-fg-light .desvio .desvio-taxonomy-anchor,
.article-landing .container-fluid.m-fg-dark .m-fg-light .desvio .desvio-title a,
.article-landing .container-fluid.m-fg-dark .m-fg-light .shortcut-title a,
.article-landing .container-fluid.m-fg-dark .m-fg-light .asset-content,
.article-landing .container-fluid.m-fg-dark .m-fg-light .section-content-train-header a,
.article-landing .container-fluid.m-fg-dark .m-fg-light .hook-disclaimer,
.article-landing .container-fluid.m-fg-dark .m-fg-light .sumario {
color: #fff;
}
.article-landing .container-fluid.m-fg-dark .m-fg-light h1:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light h2:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light h3:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light h4:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light h5:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light a:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light p:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .caption-img span:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .desvio .desvio-taxonomy-anchor:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .desvio .desvio-title a:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .shortcut-title a:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .asset-content:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .section-content-train-header a:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .hook-disclaimer:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .sumario:hover {
color: #fff;
}
.article-landing .container-fluid.m-fg-dark .m-fg-light.m-fade::before {
background-color: rgba(0, 0, 0, 0.5);
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .sumario,
.article-landing .container-fluid.m-fg-dark .m-fg-light .caption-img span,
.article-landing .container-fluid.m-fg-dark .m-fg-light .nota-analisis,
.article-landing .container-fluid.m-fg-dark .m-fg-light .hook {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.article-landing .container-fluid.m-fg-dark .m-fg-light.m-bg-img .hook-header-container::before,
.article-landing .container-fluid.m-fg-dark .m-fg-light.m-bg-img .hook-header-container::after {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .desvio,
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-ecommerce,
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-flipboard-magazine {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .parcial,
.article-landing .container-fluid.m-fg-dark .m-fg-light .positivo ul,
.article-landing .container-fluid.m-fg-dark .m-fg-light .negativo ul {
background: rgba(0, 0, 0, 0.4);
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .positivo li:before {
color: #fff;
opacity: 1;
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .negativo li:before {
color: #fff;
opacity: 1;
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-flipboard-logo svg,
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-flipboard-logo path {
fill: #fff;
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-action-primary,
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-action-secondary,
.article-landing .container-fluid.m-fg-dark .m-fg-light .abstract-disclaimer.m-branded {
color: #111;
}
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-action-primary:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .pivot-action-secondary:hover,
.article-landing .container-fluid.m-fg-dark .m-fg-light .abstract-disclaimer.m-branded:hover {
color: #111;
}
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-bg-container {
margin-top: 0;
margin-bottom: 0;
}
.container-fluid.m-bg-container [class*=col-] .article-asset-container.m-bg-container:first-child {
margin-bottom: 0;
}
.floating-box-container {
background: #253241;
padding-top: 16px;
padding-bottom: 16px;
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999;
left: 0;
}
@media only screen and (min-width: 768px) {
.floating-box-container {
padding-top: 12px;
padding-bottom: 12px;
}
}
.floating-box-container .close {
background-color: transparent;
color: #fff;
margin: 0;
top: 16px;
right: 8px;
width: 16px;
height: 16px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.floating-box-container .close {
right: 32px;
top: 24px;
width: 24px;
height: 24px;
line-height: 24px;
}
}
.floating-box-container .close::before {
font-size: 16px;
margin: 0;
line-height: 16px;
width: 16px;
height: 16px;
}
@media only screen and (min-width: 768px) {
.floating-box-container .close::before {
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
}
}
.floating-box-container .close::after {
display: none;
}
.floating-box {
margin-left: auto;
margin-right: auto;
display: flex;
align-items: flex-start;
padding-left: 8px;
font-size: 14px;
line-height: 20px;
padding-right: 40px;
}
@media only screen and (min-width: 768px) {
.floating-box {
justify-content: center;
align-items: center;
font-size: 17px;
padding-right: 64px;
padding-left: 64px;
}
}
.floating-box img {
width: 24px;
height: 24px;
display: inline-block;
margin-right: 8px;
}
@media only screen and (min-width: 768px) {
.floating-box img {
width: 48px;
height: 48px;
margin-right: 24px;
}
}
.floating-box a {
font-weight: 700;
display: block;
color: #72da38;
}
@media only screen and (min-width: 1150px) {
.floating-box a {
margin-left: 24px;
display: inline;
}
}
.floating-box p {
color: #fff;
margin-top: 0;
margin-bottom: 0;
}
.floating-box-container.m-floating-box-directoalpaladar {
background: #000;
}
.floating-box-container.m-floating-box-directoalpaladar .floating-box {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
padding-right: 24px;
padding-left: 24px;
font-size: 13px;
}
@media only screen and (min-width: 768px) {
.floating-box-container.m-floating-box-directoalpaladar .floating-box {
font-size: 18px;
line-height: 24px;
}
}
.floating-box-container.m-floating-box-directoalpaladar .floating-box a {
color: #fff;
}
.landing-sponsor-container {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;
padding: 16px;
background-color: #ffffff;
clear: both;
}
@media only screen and (min-width: 768px) {
.landing-sponsor-container {
padding-left: 0;
padding-right: 0;
}
}
.landing-sponsor {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 696px;
margin-left: auto;
margin-right: auto;
}
.landing-sponsor-name,
.landing-sponsor-logo span {
font-size: 14px;
line-height: 20px;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
text-transform: uppercase;
color: #707070;
}
@media only screen and (min-width: 768px) {
.landing-sponsor-name,
.landing-sponsor-logo span {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.landing-sponsor-name,
.landing-sponsor-logo span {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.landing-sponsor-name,
.landing-sponsor-logo span {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.landing-sponsor-name,
.landing-sponsor-logo span {
line-height: 20px;
}
}
.landing-sponsor-name span {
display: block;
}
@media only screen and (min-width: 480px) {
.landing-sponsor-name span {
display: inline-block;
}
}
.landing-sponsor-logo {
display: flex;
align-items: center;
}
.landing-sponsor-logo img {
max-height: 60px;
width: auto;
margin-left: 8px;
}
.landing-sponsor-container + .container-fluid,
.container-fluid + .landing-sponsor-container {
margin-top: 16px;
}
@media only screen and (min-width: 768px) {
.landing-sponsor-container + .container-fluid,
.container-fluid + .landing-sponsor-container {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.landing-sponsor-container + .container-fluid,
.container-fluid + .landing-sponsor-container {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.landing-sponsor-container + .container-fluid,
.container-fluid + .landing-sponsor-container {
margin-top: 48px;
}
}
.article-asset-container.m-bg-container + .landing-sponsor-container {
margin-top: -16px;
}
@media only screen and (min-width: 768px) {
.article-asset-container.m-bg-container + .landing-sponsor-container {
margin-top: -24px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-container.m-bg-container + .landing-sponsor-container {
margin-top: -32px;
}
}
@media only screen and (min-width: 1360px) {
.article-asset-container.m-bg-container + .landing-sponsor-container {
margin-top: -48px;
}
}
.landing-sponsor-container + .article-asset-container.m-bg-container {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.landing-sponsor-container + .article-asset-container.m-bg-container {
margin-top: 0;
}
}
@media only screen and (min-width: 1280px) {
.landing-sponsor-container + .article-asset-container.m-bg-container {
margin-top: 0;
}
}
@media only screen and (min-width: 1360px) {
.landing-sponsor-container + .article-asset-container.m-bg-container {
margin-top: 0;
}
}
.lp-sponsor-container.m-sponsor-compact {
flex-wrap: nowrap;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.lp-sponsor-container.m-sponsor-compact {
justify-content: center;
padding: 16px 0;
}
}
.lp-sponsor-container.m-sponsor-compact .lp-sponsor-text {
margin-bottom: 0;
width: auto;
margin-right: 90px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.lp-sponsor-container.m-sponsor-compact .lp-sponsor-text {
margin-right: 0;
}
}
.lp-sponsor-container.m-sponsor-compact .lp-sponsor-logo {
margin-right: 40px;
flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
.lp-sponsor-container.m-sponsor-compact .lp-sponsor-logo {
margin-right: 0;
}
}
.lp-sponsor-container {
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
flex-wrap: wrap;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
@media only screen and (min-width: 768px) {
.lp-sponsor-container {
padding: 32px 0;
}
}
.lp-sponsor-text {
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
color: #707070;
text-transform: none;
font-size: 13px;
line-height: 20px;
margin-bottom: 16px;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 768px) {
.lp-sponsor-text {
margin-bottom: 0;
width: auto;
}
}
.lp-sponsor-logo {
max-width: 200px;
min-height: 32px;
max-height: 72px;
display: flex;
flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
.lp-sponsor-logo {
max-width: 264px;
min-height: 40px;
max-height: 88px;
margin-left: 32px;
}
}
.lp-sponsor-logo img {
object-fit: contain;
width: 100%;
}
.shortcut .shortcut-figure,
.shortcut-article .shortcut-figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 38.197% 0 0 0;
overflow: hidden;
}
.shortcut .shortcut-figure img,
.shortcut-article .shortcut-figure 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) {
.shortcut .shortcut-figure,
.shortcut-article .shortcut-figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 100% 0 0 0;
overflow: hidden;
}
.shortcut .shortcut-figure img,
.shortcut-article .shortcut-figure 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) {
.shortcut .shortcut-figure,
.shortcut-article .shortcut-figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 66.25% 0 0 0;
overflow: hidden;
}
.shortcut .shortcut-figure img,
.shortcut-article .shortcut-figure img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
}
.shortcut img,
.shortcut-article img {
display: block;
width: 100%;
object-fit: cover;
opacity: 0.9;
height: 168px;
overflow: hidden;
}
.shortcut:hover img,
.shortcut-article:hover img {
opacity: 1;
}
.shortcut-title {
font-size: 14px;
line-height: 20px;
margin-top: 12px;
font-weight: 400;
}
@media only screen and (min-width: 768px) {
.shortcut-title {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.shortcut-title {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.shortcut-title {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.shortcut-title {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.shortcut-title {
margin-top: 14px;
}
}
.shortcut-title a {
color: #111;
}
.shortcut-title a:hover {
color: #E12F2F;
}
.module-fg-light .shortcut-title a {
color: #fff;
}
.module-fg-light .shortcut-title a:hover {
color: #EBF5FA;
}
body {
color: #111;
background: #F0F7F8;
}
a {
color: #218C79;
}
h1,
h2,
h3,
h4,
h5 {
color: #111;
}
.a-blob:visited {
color: #307064;
}
.a-text {
color: #111;
}
.a-heading {
color: #111;
}
.a-faded {
color: #707070;
}
.a-colored {
background-color: #eff7f6;
}
.a-light {
color: #fff;
}
.a-inverted {
background-color: #218C79;
color: #fff;
}
.cancel-link,
.comment-order a,
.comment-date a {
color: #707070;
}
.cancel-link:hover,
.comment-order a:hover,
.comment-date a:hover {
color: #E12F2F;
}
.btn,
a.btn,
a.btn:visited {
background-color: #406374;
color: #fff;
}
.btn.is-opened {
background-color: #fff;
color: #406374;
}
.btn-primary {
background-color: #E12F2F;
color: #fff;
}
.btn-primary.is-opened {
background-color: #fff;
color: #E12F2F;
}
.btn-secondary,
.btn-faded {
background-color: #E4EBEE;
color: #111;
}
.btn-inverted {
background-color: #333;
color: #ccc;
}
.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: #111;
color: #E4EBEE;
}
.btn-comment-vote-up {
background-color: #72ac26 !important;
}
.btn-comment-vote-down {
background-color: #E03737 !important;
color: #fff;
}
.btn-comment-vote-up.comment-vote-disabled,
.btn-comment-vote-down.comment-vote-disabled {
background-color: #E4EBEE;
color: #111;
cursor: default;
}
.btn-facebook,
.btn-text-facebook {
background-color: #4267b2 !important;
color: #fff;
}
.btn-flipboard {
background-color: #e02828 !important;
color: #fff;
}
.link-facebook {
color: #4267b2;
}
.btn-twitter,
.btn-text-twitter {
background-color: #00abf1 !important;
color: #fff;
}
.link-twitter {
color: #00abf1;
background-color: transparent !important;
}
.btn-whatsapp {
background-color: #56A61E !important;
color: #fff;
}
.link-snapchat {
color: #000;
}
.btn-instagram {
background-image: #125688 !important;
color: #fff;
}
.link-instagram {
color: #125688;
}
.link-telegram {
color: #2e87ca;
}
.btn-email {
background-color: #729e54 !important;
color: #fff;
}
.link-email {
color: #729e54;
}
.link-rss {
color: #f60;
}
.link-youtube {
color: #cc181e;
}
.link-pinterest {
color: #cc181e;
}
.link-twitch {
color: #6441a4;
}
.link-linkedin {
color: #0077B5;
background-color: transparent !important;
}
.link-flipboard {
color: #e02828;
background-color: transparent !important;
}
.link-discord {
color: #7289da;
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,
.comment-actions-share .btn-flipboard {
background: transparent !important;
color: #707070;
}
}
.link-tiktok {
color: #000000;
}
.head-container,
.head,
.head-with-ad {
background: #00283A;
}
.head-link {
background-color: #1F3742;
color: #fff;
border-bottom: 1px solid #535B63;
}
.icon-unread {
color: #FC5454;
}
.head-menu {
background: #f6f6f6;
}
.head-menu h2 {
color: #707070;
}
.related-item a,
.head-new-item,
.head-list-item,
.head-menu-editorspick a {
color: #111;
}
.item-meta,
.head-item-meta {
color: #707070;
}
.search-box,
.head-menu-search,
.head-list-item.is-visible,
.head-channel-list.is-visible {
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.head-menu-follow a {
opacity: 0.8;
}
.comment-section {
background-color: #E4EBEE;
}
.comment-section h2,
.comment-section h3,
.comment-section h3 a {
color: #4A768D;
}
.context-menu-list {
background-color: #111;
}
.context-menu-list li {
color: #E4EBEE;
border-color: #3b3d3d;
}
.context-menu-list a {
color: #E4EBEE;
}
.context-menu-list .votes {
color: #fff;
}
.u-article-summary,
.sumario,
.sumario_derecha,
.sumario_izquierda {
color: #63998F;
}
@media only screen and (min-width: 768px) {
.comment-order a,
.comment-order a:visited {
color: #97b1be;
}
}
.comment-author a {
color: #111;
}
.comment-author a:hover {
color: #E12F2F;
}
.comment-thread-caption.is-fixed .comment-thread-caption-wrapper {
background: #111;
color: #cfcfcf;
}
.comment-thread-close {
background-color: #f2f5f7 !important;
color: #97b1be !important;
}
.comment-thread-caption.is-fixed .comment-thread-close,
.comment-thread-caption.is-fixed .comment-thread-source-more {
background-color: #111 !important;
color: #fff !important;
opacity: 0.5;
}
.comment-item {
background: #fff;
}
.ad-contact a,
.comment-moderated {
background: transparent;
color: #97b1be;
}
.article {
background: #fff;
}
.article-social-share {
color: #707070;
}
.article-social-share.m-v1 {
background: rgba(255, 255, 255, 0.9);
}
.blob a:visited {
color: #307064;
}
.article-item-title,
.article-item-content {
color: #111;
}
.article-item-date {
color: #707070;
}
.article-metadata {
color: #707070;
}
.search-results-query {
background: #DFFAFF;
}
.search-article-item a {
background: #fff;
}
.ad-top {
background: #1F3742;
}
.section-hero-container,
.home-video-stream-container {
background: #061B29 !important;
}
.home-video-stream h2 a {
color: #53FBDB;
}
.post-slide-gallery .video-rows-container li {
background: transparent !important;
box-shadow: none;
}
.post-slide-gallery .video-rows-container li h4 {
color: #fff;
}
.article-comments a {
color: #111;
}
.newsletter-box {
background: #E4EBEE;
}
.head-corners-disclaimer {
color: #707070;
}
.article-landing {
background-color: #fbfbfb;
}
.article-landing .hook-header {
background-color: #F0F7F8;
}
body .section-description-container.m-category {
background: #00435E;
}
body .section-description-container.m-category .section-description p,
body .section-description-container.m-category .section-description h3 {
color: #fff;
}
body .section-description-container.m-category .category-list-item,
body .section-description-container.m-category .category-list-item a.category-list-anchor {
color: #fff;
}
.follow-youtube {
color: #707070;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.follow-youtube {
line-height: 16px;
}
}
@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: #707070;
float: left;
margin: 10px 5px 0 0;
font-weight: normal;
}
.follow-youtube a {
display: inline-block;
margin-top: 10px;
color: #111;
}
.follow-youtube a:hover {
color: #E12F2F;
}
.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=155");
background-size: contain;
background-repeat: no-repeat;
}
.home-video-stream-container {
clear: both;
background: #E4EBEE;
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;
}
@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: bold;
}
.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: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: #111;
display: block;
padding: 2px;
}
.home-video-stream .featured-video a:hover {
color: #E12F2F;
}
.home-video-stream .featured-video a:hover .sponsored span {
color: #E12F2F;
}
.home-video-stream .featured-video a:hover .featured-sponsor {
color: #E12F2F;
}
.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: 14px;
line-height: 20px;
color: #707070;
display: block;
font-weight: normal;
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: 14px;
}
}
@media only screen and (min-width: 1150px) {
.home-video-stream .featured-sponsor {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.home-video-stream .featured-sponsor {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.home-video-stream .featured-sponsor {
line-height: 20px;
}
}
.home-video-stream .featured-sponsor .corner-right-bottom {
background: url("//img.weblogssl.com/g/r/svg/sponsored-arrow-right-bottom-big.png?v=155") 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: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: #111;
}
.home-video-stream .elastislide-list li a:hover {
color: #E12F2F;
}
.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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.home-video-stream .elastislide-list li a p {
line-height: 16px;
}
}
.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: 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: #E12F2F;
}
.home-video-stream .elastislide-vertical .elastislide-list p.sponsored {
margin-top: 0;
}
.home-video-stream .elastislide-vertical .elastislide-list p.sponsored span {
font-size: 11px;
line-height: 16px;
color: #707070;
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;
}
}
@media only screen and (min-width: 768px) {
.home-video-stream .elastislide-vertical .elastislide-list p.sponsored span {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.home-video-stream .elastislide-vertical .elastislide-list p.sponsored span {
line-height: 16px;
}
}
.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=155") no-repeat left top;
width: 18px;
height: 18px;
position: absolute;
left: -8px;
top: 1px;
}
.elastislide-horizontal nav span,
.elastislide-vertical nav span {
background: #218C79;
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: #E12F2F;
}
.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: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: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: #218C79;
color: #fff;
cursor: pointer;
position: absolute;
width: 100%;
background: #ddd;
color: #111;
border-radius: 0;
font-size: 10px;
}
.elastislide-vertical nav span.elastislide-next:hover,
.elastislide-vertical nav span.elastislide-prev:hover {
background: #fff;
color: #E12F2F;
}
.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 {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
color: #111;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
position: absolute;
top: 8px;
right: 8px;
}
@media only screen and (min-width: 768px) {
.ui-dialog-titlebar-close {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.ui-dialog-titlebar-close {
font-size: 13px;
}
}
.ui-dialog-titlebar-close[disabled="disabled"],
.ui-dialog-titlebar-close.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.ui-dialog-titlebar-close[disabled="disabled"]:link,
.ui-dialog-titlebar-close.m-disabled:link,
.ui-dialog-titlebar-close[disabled="disabled"]:visited,
.ui-dialog-titlebar-close.m-disabled:visited,
.ui-dialog-titlebar-close[disabled="disabled"]:active,
.ui-dialog-titlebar-close.m-disabled:active {
cursor: default;
box-shadow: none;
}
.ui-dialog-titlebar-close:hover {
text-decoration: none;
}
.ui-dialog-titlebar-close[disabled="disabled"]:hover,
.ui-dialog-titlebar-close.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.ui-dialog-titlebar-close:hover {
background-color: #e7edf0;
color: #111;
}
.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: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 6px;
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: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
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: #111;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.video-light-box .ui-widget-header {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.video-light-box .ui-widget-header {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.video-light-box .ui-widget-header {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.video-light-box .ui-widget-header {
line-height: 20px;
}
}
.video-light-box .ui-icon-closethick {
display: none;
}
.video-light-box .ui-dialog-titlebar {
padding: 14px 0 14px 12px;
margin-right: 48px;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.video-light-box .ui-dialog-titlebar {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.video-light-box .ui-dialog-titlebar {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.video-light-box .ui-dialog-titlebar {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.video-light-box .ui-dialog-titlebar {
line-height: 20px;
}
}
.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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.video-light-box .ui-dialog-titlebar .ui-dialog-title {
line-height: 16px;
}
}
.video-light-box .ui-dialog-titlebar .ui-dialog-title a {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.video-light-box .ui-dialog-titlebar .ui-dialog-title a {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.video-light-box .ui-dialog-titlebar .ui-dialog-title a {
font-size: 16px;
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: #E12F2F;
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: #218C79;
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: #E12F2F;
}
@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;
}
.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;
}
.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: #111;
}
.post-slide-gallery .video-rows-container li a:hover {
color: #E12F2F;
}
.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;
}
.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 {
font-size: 11px;
line-height: 16px;
color: #707070;
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;
}
}
@media only screen and (min-width: 768px) {
.sponsor-video-disclaimer {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.sponsor-video-disclaimer {
line-height: 16px;
}
}
.post-slide-gallery .sponsored {
margin-left: 8px;
}
.lightbox-overlay {
position: fixed;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
@font-face {
font-family: 'icons-min';
src: url('https://img.weblogssl.com/g/r/icons/icons.eot?bv12vh9');
src: url('https://img.weblogssl.com/g/r/icons/icons.eot?bv12vh9#iefix') format('embedded-opentype'), url('https://img.weblogssl.com/g/r/icons/icons.ttf?bv12vh9') format('truetype'), url('https://img.weblogssl.com/g/r/icons/icons.woff2?bv12vh9') format('woff2'), url('https://img.weblogssl.com/g/r/icons/icons.woff?bv12vh9') format('woff'), url('https://img.weblogssl.com/g/r/icons/icons.svg?bv12vh9#icons') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.icon-nomargin:before,
.icon-nomargin:after {
margin: 0;
}
.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;
}
@-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);
}
}
.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: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: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:before {
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: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: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-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: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-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: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: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: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: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: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-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: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: "\e92e";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.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-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: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: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: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: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: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: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: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: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: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: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: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 {
margin-left: -6px;
}
.icon-unread {
font-size: 13px;
font-family: icons-min;
content: "\e600";
font-style: normal;
font-weight: normal;
vertical-align: top;
}
.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:before {
content: "";
margin-right: 0;
margin-left: 0;
}
.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: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: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: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;
}
.icon-tiktok {
display: inline-block;
overflow: hidden;
text-align: center;
}
.icon-tiktok:before {
font-size: 24px;
font-family: icons-min;
content: "\e91c";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.icon-tiktok:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.icon-tiktok:before,
.icon-tiktok:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.icon-tiktok: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-discord {
display: inline-block;
overflow: hidden;
text-align: center;
}
.icon-discord:before {
font-size: 24px;
font-family: icons-min;
content: "\e91f";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.icon-discord:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.icon-discord:before,
.icon-discord:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.icon-discord: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;
}
.m-badge-instock {
background: #088a01;
}
.m-badge-bestseller {
background: #d00232;
}
.m-badge-low {
background: #a32ebb;
}
.m-badge-new {
background: #008566;
}
.m-badge-sponsored {
background: #000;
}
.m-badge-minimum-price {
background: #a32ebb;
}
.m-badge-hot-discount {
background: #ff0000;
}
.m-badge-free-delivery {
background: #F8E71C;
color: #111111;
}
.hint {
font-size: 13px;
line-height: 16px;
color: #707070;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.hint {
line-height: 16px;
}
}
input,
textarea,
keygen,
select,
button {
font-size: 13px;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
outline: none;
}
@media only screen and (min-width: 768px) {
input,
textarea,
keygen,
select,
button {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
input,
textarea,
keygen,
select,
button {
font-size: 13px;
}
}
input,
select,
textarea,
.input-create {
background: #fff;
color: #707070;
border-radius: 2px;
display: inline-block;
font-size: 16px;
height: 36.4px;
line-height: 42px;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", 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;
outline: none;
}
input:focus,
select:focus,
textarea:focus,
.input-create:focus,
input:active,
select:active,
textarea:active,
.input-create:active {
color: #111;
border-color: rgba(112, 112, 112, 0.3);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.input-error {
border-color: #c00 !important;
}
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: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
label {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
label {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
label {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
label {
line-height: 20px;
}
}
.help-msg {
font-size: 14px;
line-height: 20px;
color: #707070;
}
@media only screen and (min-width: 768px) {
.help-msg {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.help-msg {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.help-msg {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.help-msg {
line-height: 20px;
}
}
.form-submit-alt {
float: right;
line-height: 36px;
}
.alert,
.alert-success,
.alert-error,
.alert-info,
.alert-warning {
padding: 12px;
margin: 24px 0;
background-color: #FFF6CF;
border: 1px solid #ffe9c0;
border-radius: 4px;
color: #6F4E14;
font-size: 14px;
line-height: 20px;
text-align: left;
position: relative;
}
@media only screen and (min-width: 768px) {
.alert,
.alert-success,
.alert-error,
.alert-info,
.alert-warning {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.alert,
.alert-success,
.alert-error,
.alert-info,
.alert-warning {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.alert,
.alert-success,
.alert-error,
.alert-info,
.alert-warning {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.alert,
.alert-success,
.alert-error,
.alert-info,
.alert-warning {
line-height: 20px;
}
}
.alert strong,
.alert-success strong,
.alert-error strong,
.alert-info strong,
.alert-warning strong {
font-weight: 700;
}
.alert h4,
.alert-success h4,
.alert-error h4,
.alert-info h4,
.alert-warning h4 {
margin: 0;
}
.alert a,
.alert-success a,
.alert-error a,
.alert-info a,
.alert-warning a {
text-decoration: underline;
}
.alert-success {
background-color: #DFF0D7;
border-color: #d6e9c6;
color: #386623;
}
.alert-danger,
.alert-error {
background-color: #F2DEDE;
border-color: #eed3d7;
color: #B4403C;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-warning {
background-color: #FFF6CF;
border-color: #ffe9c0;
color: #6F4E14;
}
.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;
}
}
.status,
.exito,
.aviso,
.error,
.wsl_error,
.informacion {
padding: 12px;
margin: 24px 0;
background-color: #FFF6CF;
border: 1px solid #ffe9c0;
border-radius: 4px;
color: #6F4E14;
font-size: 14px;
line-height: 20px;
text-align: left;
position: relative;
}
@media only screen and (min-width: 768px) {
.status,
.exito,
.aviso,
.error,
.wsl_error,
.informacion {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.status,
.exito,
.aviso,
.error,
.wsl_error,
.informacion {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.status,
.exito,
.aviso,
.error,
.wsl_error,
.informacion {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.status,
.exito,
.aviso,
.error,
.wsl_error,
.informacion {
line-height: 20px;
}
}
.status strong,
.exito strong,
.aviso strong,
.error strong,
.wsl_error strong,
.informacion strong {
font-weight: 700;
}
.exito {
padding: 12px;
margin: 24px 0;
background-color: #FFF6CF;
border: 1px solid #ffe9c0;
border-radius: 4px;
color: #6F4E14;
font-size: 14px;
line-height: 20px;
text-align: left;
position: relative;
background-color: #DFF0D7;
border-color: #d6e9c6;
color: #386623;
}
@media only screen and (min-width: 768px) {
.exito {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.exito {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.exito {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.exito {
line-height: 20px;
}
}
.exito strong {
font-weight: 700;
}
.error,
.wsl_error {
padding: 12px;
margin: 24px 0;
background-color: #FFF6CF;
border: 1px solid #ffe9c0;
border-radius: 4px;
color: #6F4E14;
font-size: 14px;
line-height: 20px;
text-align: left;
position: relative;
background-color: #F2DEDE;
border-color: #eed3d7;
color: #B4403C;
}
@media only screen and (min-width: 768px) {
.error,
.wsl_error {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.error,
.wsl_error {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.error,
.wsl_error {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.error,
.wsl_error {
line-height: 20px;
}
}
.error strong,
.wsl_error strong {
font-weight: 700;
}
.status,
.informacion,
.mensaje {
padding: 12px;
margin: 24px 0;
background-color: #FFF6CF;
border: 1px solid #ffe9c0;
border-radius: 4px;
color: #6F4E14;
font-size: 14px;
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: 14px;
}
}
@media only screen and (min-width: 1150px) {
.status,
.informacion,
.mensaje {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.status,
.informacion,
.mensaje {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.status,
.informacion,
.mensaje {
line-height: 20px;
}
}
.status strong,
.informacion strong,
.mensaje strong {
font-weight: 700;
}
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;
}
.ordinal,
.article-featured-title-container,
.article-super-title {
z-index: 1000;
}
.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;
}
.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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.context-menu-list {
line-height: 16px;
}
}
.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;
}
.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;
}
}
@media only screen and (min-width: 768px) {
.comments-list {
max-width: 1044px;
position: relative;
}
}
@media only screen and (min-width: 1280px) {
.comments-ad-first {
top: 68px;
}
}
.comments-article-related {
margin: 0 12px;
}
.comments-article-related h2 {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
margin: 14px 0 7px;
}
@media only screen and (min-width: 768px) {
.comments-article-related h2 {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.comments-article-related h2 {
font-size: 21px;
line-height: 24px;
}
}
@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.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;
border-radius: 24px;
}
@media only screen and (min-width: 768px) {
.comment-item {
margin-left: 56px;
margin-bottom: 14px;
border-radius: 8px;
padding-bottom: 18px;
}
}
.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: #707070;
}
@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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
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: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 768px) and only screen and (min-width: 1150px) {
.comment-order a {
font-size: 26px;
line-height: 30px;
}
}
.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);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.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: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 {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
font-weight: bold;
margin: 0;
display: block;
white-space: normal;
}
@media only screen and (min-width: 768px) {
.comment-author-name {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.comment-author-name {
font-size: 16px;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-author-avatar {
line-height: 16px;
}
}
.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: #707070;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-author-staff {
line-height: 16px;
}
}
@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: #b8b8b8;
}
.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: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: 14px;
line-height: 20px;
color: #707070;
}
@media only screen and (min-width: 768px) {
.comment-author-url a {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-author-url a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-author-url a {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.comment-author-url a {
line-height: 20px;
}
}
.comment-date {
float: left;
white-space: nowrap;
margin-right: 12px;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.comment-date {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-date {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-date {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.comment-date {
line-height: 20px;
}
}
@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: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 {
display: none;
clear: both;
margin: 32px 0 12px 0;
position: relative;
padding: 18px;
background: #fff;
border-radius: 4px;
}
@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: 14px;
line-height: 20px;
color: #707070;
}
@media only screen and (min-width: 768px) {
.comment-write-terms a {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-write-terms a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-write-terms a {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.comment-write-terms a {
line-height: 20px;
}
}
.comment-write-terms a:hover {
color: #E12F2F;
}
.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: #707070;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-write-notify legend {
line-height: 16px;
}
}
.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: 20px;
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 {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
color: #111;
}
@media only screen and (min-width: 768px) {
.btn-comment-show-replies,
.btn-comment-reply,
.btn-comment-menu,
.btn-comment-subscribe,
.comment-thread-close {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-comment-show-replies,
.btn-comment-reply,
.btn-comment-menu,
.btn-comment-subscribe,
.comment-thread-close {
font-size: 13px;
}
}
.btn-comment-show-replies[disabled="disabled"],
.btn-comment-reply[disabled="disabled"],
.btn-comment-menu[disabled="disabled"],
.btn-comment-subscribe[disabled="disabled"],
.comment-thread-close[disabled="disabled"],
.btn-comment-show-replies.m-disabled,
.btn-comment-reply.m-disabled,
.btn-comment-menu.m-disabled,
.btn-comment-subscribe.m-disabled,
.comment-thread-close.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-comment-show-replies[disabled="disabled"]:link,
.btn-comment-reply[disabled="disabled"]:link,
.btn-comment-menu[disabled="disabled"]:link,
.btn-comment-subscribe[disabled="disabled"]:link,
.comment-thread-close[disabled="disabled"]:link,
.btn-comment-show-replies.m-disabled:link,
.btn-comment-reply.m-disabled:link,
.btn-comment-menu.m-disabled:link,
.btn-comment-subscribe.m-disabled:link,
.comment-thread-close.m-disabled:link,
.btn-comment-show-replies[disabled="disabled"]:visited,
.btn-comment-reply[disabled="disabled"]:visited,
.btn-comment-menu[disabled="disabled"]:visited,
.btn-comment-subscribe[disabled="disabled"]:visited,
.comment-thread-close[disabled="disabled"]:visited,
.btn-comment-show-replies.m-disabled:visited,
.btn-comment-reply.m-disabled:visited,
.btn-comment-menu.m-disabled:visited,
.btn-comment-subscribe.m-disabled:visited,
.comment-thread-close.m-disabled:visited,
.btn-comment-show-replies[disabled="disabled"]:active,
.btn-comment-reply[disabled="disabled"]:active,
.btn-comment-menu[disabled="disabled"]:active,
.btn-comment-subscribe[disabled="disabled"]:active,
.comment-thread-close[disabled="disabled"]:active,
.btn-comment-show-replies.m-disabled:active,
.btn-comment-reply.m-disabled:active,
.btn-comment-menu.m-disabled:active,
.btn-comment-subscribe.m-disabled:active,
.comment-thread-close.m-disabled:active {
cursor: default;
box-shadow: none;
}
.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[disabled="disabled"]:hover,
.btn-comment-reply[disabled="disabled"]:hover,
.btn-comment-menu[disabled="disabled"]:hover,
.btn-comment-subscribe[disabled="disabled"]:hover,
.comment-thread-close[disabled="disabled"]:hover,
.btn-comment-show-replies.m-disabled:hover,
.btn-comment-reply.m-disabled:hover,
.btn-comment-menu.m-disabled:hover,
.btn-comment-subscribe.m-disabled:hover,
.comment-thread-close.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-comment-show-replies:hover,
.btn-comment-reply:hover,
.btn-comment-menu:hover,
.btn-comment-subscribe:hover,
.comment-thread-close:hover {
background-color: #e7edf0;
color: #111;
}
.btn-comment-reply {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
vertical-align: middle;
}
.btn-comment-reply.is-opened {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
vertical-align: middle;
}
.btn-comment-menu {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
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:before {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-comment-subscribe {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
vertical-align: middle;
}
.btn-comment-vote-down {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-comment-vote-down {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-comment-vote-down {
font-size: 13px;
}
}
.btn-comment-vote-down[disabled="disabled"],
.btn-comment-vote-down.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-comment-vote-down[disabled="disabled"]:link,
.btn-comment-vote-down.m-disabled:link,
.btn-comment-vote-down[disabled="disabled"]:visited,
.btn-comment-vote-down.m-disabled:visited,
.btn-comment-vote-down[disabled="disabled"]:active,
.btn-comment-vote-down.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-comment-vote-down:hover {
text-decoration: none;
}
.btn-comment-vote-down[disabled="disabled"]:hover,
.btn-comment-vote-down.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-comment-vote-down:hover {
background-color: #3d5e6e;
color: #fff;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-comment-vote-up {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
color: #fff;
}
@media only screen and (min-width: 768px) {
.btn-comment-vote-up {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-comment-vote-up {
font-size: 13px;
}
}
.btn-comment-vote-up[disabled="disabled"],
.btn-comment-vote-up.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-comment-vote-up[disabled="disabled"]:link,
.btn-comment-vote-up.m-disabled:link,
.btn-comment-vote-up[disabled="disabled"]:visited,
.btn-comment-vote-up.m-disabled:visited,
.btn-comment-vote-up[disabled="disabled"]:active,
.btn-comment-vote-up.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-comment-vote-up:hover {
text-decoration: none;
}
.btn-comment-vote-up[disabled="disabled"]:hover,
.btn-comment-vote-up.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-comment-vote-up:hover {
background-color: #3d5e6e;
color: #fff;
}
.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: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: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-reply-actions {
float: right;
transition: all 0.2s ease-in-out;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
}
.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: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: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;
}
}
@media only screen and (min-width: 1280px) {
.btn-comment-show-replies,
.btn-comment-reply {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
height: 28.8px;
line-height: 28.8px;
}
.btn-comment-show-replies[disabled="disabled"],
.btn-comment-reply[disabled="disabled"],
.btn-comment-show-replies.m-disabled,
.btn-comment-reply.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-comment-show-replies[disabled="disabled"]:link,
.btn-comment-reply[disabled="disabled"]:link,
.btn-comment-show-replies.m-disabled:link,
.btn-comment-reply.m-disabled:link,
.btn-comment-show-replies[disabled="disabled"]:visited,
.btn-comment-reply[disabled="disabled"]:visited,
.btn-comment-show-replies.m-disabled:visited,
.btn-comment-reply.m-disabled:visited,
.btn-comment-show-replies[disabled="disabled"]:active,
.btn-comment-reply[disabled="disabled"]:active,
.btn-comment-show-replies.m-disabled:active,
.btn-comment-reply.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-comment-show-replies:hover,
.btn-comment-reply:hover {
text-decoration: none;
}
.btn-comment-show-replies[disabled="disabled"]:hover,
.btn-comment-reply[disabled="disabled"]:hover,
.btn-comment-show-replies.m-disabled:hover,
.btn-comment-reply.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-comment-reply.is-opened {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-comment-vote-down {
float: left;
margin: 0 4px 0 0;
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-comment-vote-up {
float: left;
margin: 0 4px 0 0;
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-comment-reply {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.comment-actions-menu {
display: block;
position: static;
background: none;
width: auto;
min-width: 696px;
}
.comment-actions-menu li {
color: #707070;
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: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
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-email,
.comment-actions-share .btn-flipboard {
margin: 0;
}
.btn-facebook {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-instagram {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
}
.btn-instagram:before {
font-size: 24px;
font-family: icons-min;
content: "\e61f";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.btn-instagram:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-instagram:before,
.btn-instagram:after {
font-size: 16px;
line-height: 1;
vertical-align: text-bottom;
}
.btn-instagram: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-instagram:before,
.btn-instagram:after {
line-height: 14.4px;
margin: 0 6.4px;
vertical-align: middle;
}
.btn-flipboard {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
}
.btn-flipboard:before {
font-size: 24px;
font-family: icons-min;
content: "\e908";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.btn-flipboard:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.btn-flipboard:before,
.btn-flipboard:after {
font-size: 16px;
line-height: 1;
vertical-align: text-bottom;
}
.btn-flipboard: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-flipboard:before,
.btn-flipboard:after {
line-height: 14.4px;
margin: 0 6.4px;
vertical-align: middle;
}
.btn-twitter {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-email {
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
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: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 6.4px;
vertical-align: middle;
}
.btn-whatsapp {
display: none;
}
.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;
}
}
@media only screen and (min-width: 1280px) and only screen and (min-width: 768px) {
.btn-comment-show-replies,
.btn-comment-reply {
font-size: 13px;
}
}
@media only screen and (min-width: 1280px) and only screen and (min-width: 1150px) {
.btn-comment-show-replies,
.btn-comment-reply {
font-size: 13px;
}
}
.report-abuse-message {
padding: 12px;
margin: 24px 0;
background-color: #FFF6CF;
border: 1px solid #ffe9c0;
border-radius: 4px;
color: #6F4E14;
font-size: 14px;
line-height: 20px;
text-align: left;
position: relative;
background-color: #DFF0D7;
border-color: #d6e9c6;
color: #386623;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.report-abuse-message {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.report-abuse-message {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.report-abuse-message {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.report-abuse-message {
line-height: 20px;
}
}
.report-abuse-message strong {
font-weight: 700;
}
.comment-thread-container {
position: relative;
}
.comment-thread-container:after {
display: block;
content: "--";
color: #707070;
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;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
}
.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;
transition-property: all;
transition-duration: 0.2s;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0s;
-o-transition-property: all;
-o-transition-duration: 0.2s;
-o-transition-delay: 0s;
transition-timing-function: ease-out;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
height: 28.8px;
line-height: 28.8px;
margin-left: 4px;
}
@media only screen and (min-width: 768px) {
.comment-thread-close {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.comment-thread-close {
font-size: 13px;
}
}
.comment-thread-close[disabled="disabled"],
.comment-thread-close.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.comment-thread-close[disabled="disabled"]:link,
.comment-thread-close.m-disabled:link,
.comment-thread-close[disabled="disabled"]:visited,
.comment-thread-close.m-disabled:visited,
.comment-thread-close[disabled="disabled"]:active,
.comment-thread-close.m-disabled:active {
cursor: default;
box-shadow: none;
}
.comment-thread-close:hover {
text-decoration: none;
}
.comment-thread-close[disabled="disabled"]:hover,
.comment-thread-close.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.comment-thread-caption.is-fixed .comment-thread-close {
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
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: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 6px;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-thread-source {
line-height: 16px;
}
}
.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-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
height: 28.8px;
line-height: 28.8px;
display: none;
}
@media only screen and (min-width: 768px) {
.comment-thread-source-more {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.comment-thread-source-more {
font-size: 13px;
}
}
.comment-thread-source-more[disabled="disabled"],
.comment-thread-source-more.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.comment-thread-source-more[disabled="disabled"]:link,
.comment-thread-source-more.m-disabled:link,
.comment-thread-source-more[disabled="disabled"]:visited,
.comment-thread-source-more.m-disabled:visited,
.comment-thread-source-more[disabled="disabled"]:active,
.comment-thread-source-more.m-disabled:active {
cursor: default;
box-shadow: none;
}
.comment-thread-source-more:hover {
text-decoration: none;
}
.comment-thread-source-more[disabled="disabled"]:hover,
.comment-thread-source-more.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.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: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: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: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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-reply-relation {
line-height: 16px;
}
}
@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: 20px;
height: 20px;
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: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: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: 14px;
line-height: 20px;
margin-top: 0;
padding: 18px 0;
}
@media only screen and (min-width: 768px) {
.comment-moderated {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-moderated {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-moderated {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.comment-moderated {
line-height: 20px;
}
}
.comment-moderated .comment-order {
display: inline-block;
}
.comment-moderated .comment-order a {
font-size: 14px;
line-height: 20px;
padding: 18px 0;
}
@media only screen and (min-width: 768px) {
.comment-moderated .comment-order a {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-moderated .comment-order a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-moderated .comment-order a {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.comment-moderated .comment-order a {
line-height: 20px;
}
}
.comment-status-moderated {
display: inline-block;
}
.comment-irrelevant {
background: #edf0f1;
color: #707070;
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: #707070;
}
.comment-brillante,
.comment-interesante {
border-top-right-radius: 4px;
}
.alert-message {
padding: 14px;
background: #edf0f1;
color: #a8b19e;
margin: 28px 24px;
border-radius: 4px;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.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-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
height: 28.8px;
line-height: 28.8px;
}
.comment-actions-delete .btn-delete[disabled="disabled"],
.comment-actions-delete .btn-delete.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.comment-actions-delete .btn-delete[disabled="disabled"]:link,
.comment-actions-delete .btn-delete.m-disabled:link,
.comment-actions-delete .btn-delete[disabled="disabled"]:visited,
.comment-actions-delete .btn-delete.m-disabled:visited,
.comment-actions-delete .btn-delete[disabled="disabled"]:active,
.comment-actions-delete .btn-delete.m-disabled:active {
cursor: default;
box-shadow: none;
}
.comment-actions-delete .btn-delete:hover {
text-decoration: none;
}
.comment-actions-delete .btn-delete[disabled="disabled"]:hover,
.comment-actions-delete .btn-delete.m-disabled:hover {
cursor: default;
box-shadow: none;
}
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 768px) {
.comment-actions-delete .btn-delete {
font-size: 13px;
}
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1150px) {
.comment-actions-delete .btn-delete {
font-size: 13px;
}
}
@media only screen and (min-width: 1280px) {
.comment-item:hover .comment-actions-delete {
visibility: visible;
}
}
.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: normal;
font-style: normal;
text-transform: none;
font-size: 14px;
color: #707070;
line-height: 20px;
font-size: 13px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.comment-write-attachments:after {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-write-attachments:after {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-write-attachments:after {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.comment-write-attachments:after {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.comment-write-attachments:after {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-write-attachments:after {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-write-attachments:after {
line-height: 20px;
}
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-write-attachments:after {
line-height: 16px;
}
}
@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: #E4EBEE;
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;
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;
}
}
@media only screen and (min-width: 768px) {
.comment-add-attachment {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-add-attachment {
line-height: 16px;
}
}
.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 {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E4EBEE;
background-color: #fff;
color: #111;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
overflow: hidden;
white-space: normal;
position: absolute;
right: 10px;
top: 10px;
}
@media only screen and (min-width: 768px) {
.btn-remove-attachment {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.btn-remove-attachment {
font-size: 13px;
}
}
.btn-remove-attachment[disabled="disabled"],
.btn-remove-attachment.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.btn-remove-attachment[disabled="disabled"]:link,
.btn-remove-attachment.m-disabled:link,
.btn-remove-attachment[disabled="disabled"]:visited,
.btn-remove-attachment.m-disabled:visited,
.btn-remove-attachment[disabled="disabled"]:active,
.btn-remove-attachment.m-disabled:active {
cursor: default;
box-shadow: none;
}
.btn-remove-attachment:hover {
text-decoration: none;
}
.btn-remove-attachment[disabled="disabled"]:hover,
.btn-remove-attachment.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-remove-attachment:hover {
background-color: #e7edf0;
color: #111;
}
.btn-remove-attachment:hover {
background-color: #E4EBEE;
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: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 6px;
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: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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.comment-post-description {
font-size: 13px;
color: #218C79;
line-height: normal;
margin: 24px 0 12px;
}
.comment-list-title {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 30px;
font-style: normal;
text-transform: none;
letter-spacing: 0;
color: #707070;
}
@media only screen and (min-width: 768px) {
.comment-list-title {
font-size: 34px;
line-height: 44px;
}
}
@media only screen and (min-width: 1150px) {
.comment-list-title {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (min-width: 1024px) {
.comment-list-title {
font-size: 32px;
line-height: 40px;
display: inline-block;
}
}
.comment-item-post-numbers {
text-transform: uppercase;
font-size: 13px;
line-height: 16px;
color: #707070;
}
.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: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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-item-post-numbers {
line-height: 16px;
}
}
.comment-item-post-numbers:hover {
color: #E12F2F;
}
@media only screen and (min-width: 1024px) {
.comment-item-post-numbers {
float: left;
}
}
.comment-item-post-comments {
color: #707070;
}
.comment-item-post-comments:hover {
color: #E12F2F;
}
.comment-item-new-comments {
font-size: 13px;
line-height: 16px;
color: #E12F2F;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-item-new-comments {
line-height: 16px;
}
}
@media only screen and (min-width: 1024px) {
.comment-item-new-comments {
float: left;
clear: left;
}
}
.comment-time {
font-size: 14px;
line-height: 20px;
color: #707070;
margin-top: 12px;
display: inline-block;
}
@media only screen and (min-width: 768px) {
.comment-time {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.comment-time {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.comment-time {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.comment-time {
line-height: 20px;
}
}
.comment-time:hover {
color: #E12F2F;
}
@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: #707070;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
display: inline-block;
}
.comment-footer-anchor:hover {
color: #E12F2F;
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.comment-footer-anchor {
line-height: 16px;
}
}
.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: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 {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
border-radius: 50%;
background-color: #222;
color: #fff;
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
outline: none;
}
@media only screen and (min-width: 768px) {
.comment-action-expand {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.comment-action-expand {
font-size: 13px;
}
}
.comment-action-expand[disabled="disabled"],
.comment-action-expand.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.comment-action-expand[disabled="disabled"]:link,
.comment-action-expand.m-disabled:link,
.comment-action-expand[disabled="disabled"]:visited,
.comment-action-expand.m-disabled:visited,
.comment-action-expand[disabled="disabled"]:active,
.comment-action-expand.m-disabled:active {
cursor: default;
box-shadow: none;
}
.comment-action-expand:hover {
text-decoration: none;
}
.comment-action-expand[disabled="disabled"]:hover,
.comment-action-expand.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.comment-action-expand:hover {
background-color: #3d5e6e;
color: #fff;
}
.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: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 2.4px;
vertical-align: middle;
}
.comment-action-collapse {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #406374;
border-radius: 50%;
background-color: #222;
color: #fff;
display: inline-block;
text-align: center;
width: 28.8px;
height: 28.8px;
line-height: 28.8px;
padding: 0 !important;
overflow: hidden;
vertical-align: bottom;
white-space: normal;
outline: none;
}
@media only screen and (min-width: 768px) {
.comment-action-collapse {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.comment-action-collapse {
font-size: 13px;
}
}
.comment-action-collapse[disabled="disabled"],
.comment-action-collapse.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.comment-action-collapse[disabled="disabled"]:link,
.comment-action-collapse.m-disabled:link,
.comment-action-collapse[disabled="disabled"]:visited,
.comment-action-collapse.m-disabled:visited,
.comment-action-collapse[disabled="disabled"]:active,
.comment-action-collapse.m-disabled:active {
cursor: default;
box-shadow: none;
}
.comment-action-collapse:hover {
text-decoration: none;
}
.comment-action-collapse[disabled="disabled"]:hover,
.comment-action-collapse.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.comment-action-collapse:hover {
background-color: #3d5e6e;
color: #fff;
}
.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: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 6.4px;
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;
}
.blob.comment-content.is-collapsed {
max-height: none;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.blob.comment-content.is-collapsed {
max-height: none;
}
}
.blob.comment-content.is-collapsed::before,
.blob.comment-content.is-collapsed::after,
.blob.comment-content.is-collapsed .more-text {
display: none;
}
.blob.comment-content.is-collapsed p {
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
max-width: none;
}
@media only screen and (min-width: 768px) {
.blob.comment-content.is-collapsed p {
-webkit-line-clamp: 3;
}
}
@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: #218C79;
font-weight: 700;
}
.article-comments a:before {
font-size: 16px;
}
@media only screen and (min-width: 360px) {
.article-comments a:before {
font-size: 24px;
}
}
.form-box {
width: 100%;
}
.form-hint {
font-size: 13px;
line-height: 16px;
color: #707070;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.form-hint {
line-height: 16px;
}
}
.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: bold;
}
.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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.form-input,
input.form-input,
.form-textarea {
line-height: 16px;
}
}
.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: #707070;
}
@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 {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E12F2F;
color: #fff;
display: inline-block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
white-space: normal;
padding: 0;
width: 46px;
height: 40px;
}
@media only screen and (min-width: 768px) {
.form-search-button {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.form-search-button {
font-size: 13px;
}
}
.form-search-button[disabled="disabled"],
.form-search-button.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.form-search-button[disabled="disabled"]:link,
.form-search-button.m-disabled:link,
.form-search-button[disabled="disabled"]:visited,
.form-search-button.m-disabled:visited,
.form-search-button[disabled="disabled"]:active,
.form-search-button.m-disabled:active {
cursor: default;
box-shadow: none;
}
.form-search-button:hover {
text-decoration: none;
}
.form-search-button[disabled="disabled"]:hover,
.form-search-button.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.form-search-button:hover {
background-color: #d62d2d;
color: #fff;
}
.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: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 6px;
vertical-align: middle;
}
@media only screen and (min-width: 768px) {
.form-search-button {
padding: 0;
height: 44px;
}
}
.form-input-file {
display: none;
}
.u-layout-flex-center {
display: flex;
justify-content: center;
flex-direction: row;
}
@media only screen and (min-width: 768px) {
.u-layout-flex-center {
margin: 0 24px;
}
}
@media only screen and (min-width: 1150px) {
.u-layout-flex-center {
margin: 0 48px;
}
}
@media only screen and (min-width: 1360px) {
.u-layout-flex-center {
margin: 0 auto;
max-width: 1280px;
}
}
@media only screen and (min-width: 1600px) {
.u-layout-flex-center {
max-width: 1368px;
}
}
.u-logo-background {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
}
.masthead-nano-container {
background: #001C29;
}
.masthead-nano-lead {
display: flex;
justify-content: center;
flex-direction: row;
min-height: 84px;
position: relative;
}
@media only screen and (min-width: 768px) {
.masthead-nano-lead {
margin: 0 24px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-nano-lead {
margin: 0 48px;
}
}
@media only screen and (min-width: 1360px) {
.masthead-nano-lead {
margin: 0 auto;
max-width: 1280px;
}
}
@media only screen and (min-width: 1600px) {
.masthead-nano-lead {
max-width: 1368px;
}
}
@media only screen and (min-width: 768px) {
.masthead-nano-lead {
min-height: 88px;
}
}
@media only screen and (min-width: 768px) {
.masthead-nano-lead .masthead-sponsor {
margin-left: 16px;
max-width: 155px;
height: 64px;
}
}
.masthead-nano-logo {
margin: 0;
padding: 0;
}
.masthead-site-lead {
background-color: #00283A;
background-image: linear-gradient(to bottom, #00283A, #001C29);
box-sizing: border-box;
height: 84px;
}
@media only screen and (min-width: 768px) {
.masthead-site-lead {
height: 136px;
}
}
.masthead-site-lead.m-sponsor-masthead {
height: auto;
}
@media only screen and (min-width: 768px) {
.masthead-site-lead.m-sponsor-masthead {
height: 136px;
}
}
.masthead-container {
position: relative;
box-sizing: border-box;
height: 100%;
}
@media only screen and (min-width: 768px) {
.masthead-container {
margin: 0 24px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-container {
margin: 0 48px;
}
}
@media only screen and (min-width: 1360px) {
.masthead-container {
margin: 0 auto;
max-width: 1280px;
}
}
@media only screen and (min-width: 1600px) {
.masthead-container {
max-width: 1368px;
}
}
.masthead-logo {
width: 100%;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.masthead-logo {
max-width: 450px;
align-items: flex-end;
display: flex;
justify-content: center;
}
}
@media only screen and (min-width: 1024px) {
.masthead-logo {
max-width: none;
}
}
.masthead-logo-brand {
text-align: center;
margin: 0 auto;
line-height: 0;
width: 220px;
height: 74px;
}
@media only screen and (min-width: 768px) {
.masthead-logo-brand {
width: 320px;
height: 108px;
margin-top: 16px;
}
}
.masthead-logo-brand a {
margin-top: 4px;
}
@media only screen and (min-width: 768px) {
.masthead-logo-brand a {
margin-top: 0;
}
}
.masthead-brand {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url("images/head-brand-logo.svg?v=155");
}
.masthead-sponsor {
overflow: hidden;
max-width: 100%;
position: absolute;
top: -24px;
left: 0;
right: 0;
align-self: center;
}
.masthead-sponsor .ad-sponsor {
line-height: 1;
}
@media only screen and (min-width: 768px) {
.masthead-sponsor {
display: block;
position: relative;
width: auto;
top: 0;
}
}
.masthead-sponsor-outer {
display: none;
}
@media only screen and (min-width: 768px) {
.masthead-sponsor-outer {
display: block;
}
}
.masthead-sponsor-outer-mobile {
display: block;
height: 27px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.masthead-sponsor-outer-mobile {
display: none;
}
}
.masthead-actions {
width: 100%;
box-sizing: border-box;
}
.masthead-actions-list {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.masthead-actions-menu,
.masthead-actions-nuevo {
color: #fff;
font-size: 11px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
display: block;
position: absolute;
bottom: 20px;
font-weight: normal;
}
@media only screen and (min-width: 768px) {
.masthead-actions-menu,
.masthead-actions-nuevo {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-actions-menu,
.masthead-actions-nuevo {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.masthead-actions-menu,
.masthead-actions-nuevo {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-actions-menu,
.masthead-actions-nuevo {
line-height: 16px;
}
}
.masthead-actions-menu::before,
.masthead-actions-nuevo::before {
margin: 0;
color: #53FBDB;
vertical-align: middle;
display: block;
height: 24px;
}
@media only screen and (min-width: 768px) {
.masthead-actions-menu,
.masthead-actions-nuevo {
font-size: 16px;
line-height: 28px;
text-transform: uppercase;
display: flex;
bottom: 24px;
font-weight: normal;
}
}
.masthead-actions-menu {
left: 12px;
}
.masthead-actions-menu:before {
font-size: 24px;
font-family: icons-min;
content: "\e609";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-actions-menu:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-actions-menu:before {
margin-right: 0;
margin-bottom: -4px;
}
@media only screen and (min-width: 768px) {
.masthead-actions-menu:before {
margin: 0 8px 0 0;
display: inline-block;
}
}
@media only screen and (min-width: 768px) {
.masthead-actions-menu {
left: 0;
}
}
.masthead-actions-nuevo {
right: 12px;
}
.masthead-actions-nuevo:before {
font-size: 24px;
font-family: icons-min;
content: "\e618";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-actions-nuevo:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-actions-nuevo:before {
margin-right: 0;
margin-bottom: -4px;
}
@media only screen and (min-width: 768px) {
.masthead-actions-nuevo {
right: 0;
}
.masthead-actions-nuevo:after {
font-size: 24px;
font-family: icons-min;
content: "\e618";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-left: 0.2em;
}
.masthead-actions-nuevo:before {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-actions-nuevo:after {
margin: 0 0 0 8px;
color: #53FBDB;
vertical-align: middle;
height: 24px;
}
}
.m-sponsor-masthead {
padding-top: 24px;
line-height: 0;
}
@media only screen and (min-width: 768px) {
.m-sponsor-masthead {
padding-top: 0;
line-height: 1;
}
}
.m-sponsor-masthead iframe {
width: 100%;
}
@media only screen and (min-width: 768px) {
.m-sponsor-masthead iframe {
width: 155px;
height: 64px;
}
}
@media only screen and (min-width: 768px) {
.m-sponsor-masthead .masthead-logo-brand {
margin-left: 20px;
margin-right: 20px;
}
}
.m-is-compact,
.m-toggle-scroll {
height: 56px;
}
.m-is-compact .masthead-logo-brand,
.m-toggle-scroll .masthead-logo-brand {
height: 56px;
width: 168px;
}
@media only screen and (min-width: 768px) {
.m-is-compact .masthead-logo-brand,
.m-toggle-scroll .masthead-logo-brand {
height: 56px;
width: 168px;
margin-top: 4px;
}
}
.m-is-compact .masthead-logo-brand a,
.m-toggle-scroll .masthead-logo-brand a {
margin-top: 0;
}
.m-is-compact .masthead-actions-nuevo,
.m-toggle-scroll .masthead-actions-nuevo,
.m-is-compact .masthead-actions-menu,
.m-toggle-scroll .masthead-actions-menu {
bottom: 8px;
}
@media only screen and (min-width: 768px) {
.m-is-compact .masthead-actions-nuevo,
.m-toggle-scroll .masthead-actions-nuevo,
.m-is-compact .masthead-actions-menu,
.m-toggle-scroll .masthead-actions-menu {
bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.m-is-compact,
.m-toggle-scroll {
height: 64px;
}
}
.m-is-compact.masthead-site-lead,
.m-toggle-scroll.masthead-site-lead {
background: #00283A;
z-index: 10000;
}
.m-is-compact.is-visible,
.m-toggle-scroll.is-visible {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.masthead-site-lead.is-visible .masthead-sponsor {
display: none;
}
.head.is-init {
padding: 0;
}
.head-container.m-head-masthead {
height: auto;
}
@media only screen and (min-width: 768px) {
.head-container.m-head-masthead {
min-height: 224px;
}
}
@media only screen and (min-width: 1024px) {
.head-container.m-head-masthead {
min-height: 240px;
}
}
.head.is-init {
min-height: 136px;
}
.head.is-init .masthead-site-lead {
transition: all ease;
}
@media only screen and (min-width: 768px) {
.head.is-init {
height: auto;
min-height: 0;
}
}
@media only screen and (min-width: 1024px) {
.head.is-init {
height: auto;
min-height: 0;
}
}
.head {
min-height: 136px;
}
@media only screen and (min-width: 768px) {
.head {
height: auto;
min-height: auto;
}
}
@media only screen and (min-width: 1024px) {
.head {
height: auto;
min-height: auto;
}
}
.head.is-hidden {
min-height: 136px;
}
.head.is-hidden .masthead-site-lead {
transition: all ease 0.5s;
position: fixed;
top: -200px;
height: 56px;
left: 0;
right: 0;
background-image: none;
}
@media only screen and (min-width: 768px) {
.head.is-hidden .masthead-site-lead {
height: 64px;
}
}
.head.is-hidden .masthead-site-lead .masthead-logo-brand {
height: 56px;
width: 168px;
}
@media only screen and (min-width: 768px) {
.head.is-hidden .masthead-site-lead .masthead-logo-brand {
height: 64px;
width: 168px;
}
}
.head.is-hidden .masthead-sponsor {
display: none;
}
@media only screen and (min-width: 768px) {
.head.is-hidden {
height: auto;
}
}
@media only screen and (min-width: 1024px) {
.head.is-hidden {
height: auto;
}
}
.head.is-visible .masthead-site-lead {
transition: all ease 0.2s;
transform: translateY(0%);
top: 0;
}
.u-nano-1 {
width: 138px;
height: 32px;
margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.u-nano-1 {
width: 207px;
height: 48px;
margin-top: 24px;
}
}
.u-nano-1 a {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url("images/logo-nano-1.svg?v=155");
}
.u-nano-2 {
width: 168px;
height: 32px;
margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.u-nano-2 {
width: 207px;
height: 48px;
margin-top: 24px;
}
}
.u-nano-2 a {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url("images/logo-nano-2.svg?v=155");
}
.u-nano-3 {
width: 174px;
height: 32px;
margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.u-nano-3 {
width: 260px;
height: 48px;
margin-top: 24px;
}
}
.u-nano-3 a {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url("images/logo-nano-3.svg?v=155");
}
.u-nano-4 {
width: 145px;
height: 40px;
margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.u-nano-4 {
width: 173px;
height: 48px;
margin-top: 24px;
}
}
.u-nano-4 a {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url("images/logo-nano-4.svg?v=155");
}
.u-nano-5 {
width: 196px;
height: 24px;
margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.u-nano-5 {
width: 262px;
height: 33px;
margin-top: 24px;
}
}
.u-nano-5 a {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url("images/logo-nano-5.svg?v=155");
}
.u-nano-6 {
width: 232px;
height: 24px;
margin-top: 28px;
}
@media only screen and (min-width: 768px) {
.u-nano-6 {
width: 300px;
height: 31px;
margin-top: 24px;
}
}
.u-nano-6 a {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url("images/logo-nano-6.svg?v=155");
}
@media only screen and (min-width: 768px) {
.head-container.m-head-masthead.m-head-partners {
min-height: 262.08px;
}
}
@media only screen and (min-width: 1024px) {
.head-container.m-head-masthead.m-head-partners {
min-height: 282px;
}
}
.u-cross-xataka-seleccion,
.u-cross-espinof-seleccion {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
width: 168px;
height: 32px;
background-image: url("images/logo-nano-2.svg?v=155");
margin: 0;
}
.u-cross-xataka-basics,
.u-cross-espinof-reality {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
width: 174px;
height: 32px;
background-image: url("images/logo-nano-3.svg?v=155");
margin: 0;
}
.u-cross-xataka-crypto,
.u-cross-guias-y-trucos,
.u-cross-genbeta-dev,
.u-cross-genbeta-basics,
.u-cross-applesfera-seleccion {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
width: 138px;
height: 32px;
background-image: url("images/logo-nano-1.svg?v=155");
margin: 0;
}
.u-shadow-right {
background: linear-gradient(to right, #161d2500, #001C29);
content: "";
position: absolute;
right: 0;
top: 1px;
bottom: 0;
height: 100%;
width: 96px;
z-index: 1;
}
.masthead-site-nav-container,
.masthead-nano-nav-container,
.masthead-nav-container {
position: relative;
background: #001C29;
}
.masthead-site-nav-container::after,
.masthead-nano-nav-container::after,
.masthead-nav-container::after {
background: linear-gradient(to right, #161d2500, #001C29);
content: "";
position: absolute;
right: 0;
top: 1px;
bottom: 0;
height: 100%;
width: 96px;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.masthead-site-nav-container::after,
.masthead-nano-nav-container::after,
.masthead-nav-container::after {
display: none;
}
}
.masthead-site-nav,
.masthead-nano-nav,
.masthead-nav {
display: flex;
justify-content: space-between;
align-items: center;
overflow: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
white-space: nowrap;
border-top: 1px solid #535B63;
}
@media only screen and (min-width: 768px) {
.masthead-site-nav,
.masthead-nano-nav,
.masthead-nav {
margin: 0 24px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-site-nav,
.masthead-nano-nav,
.masthead-nav {
margin: 0 48px;
}
}
@media only screen and (min-width: 1360px) {
.masthead-site-nav,
.masthead-nano-nav,
.masthead-nav {
margin: 0 auto;
max-width: 1280px;
}
}
@media only screen and (min-width: 1600px) {
.masthead-site-nav,
.masthead-nano-nav,
.masthead-nav {
max-width: 1368px;
}
}
@media only screen and (min-width: 1024px) {
.masthead-site-nav,
.masthead-nano-nav,
.masthead-nav {
overflow: hidden;
}
}
.masthead-site-nav,
.masthead-nav {
height: 52px;
}
@media only screen and (min-width: 1024px) {
.masthead-site-nav,
.masthead-nav {
height: 72px;
}
}
.masthead-nano-nav {
height: 52px;
}
@media only screen and (min-width: 768px) {
.masthead-nano-nav {
height: 56px;
}
}
.masthead-nav-search {
width: 32px;
height: 32px;
background: none;
border: none;
display: inline-block;
overflow: hidden;
text-align: center;
color: #53FBDB;
margin-right: 8px;
display: none;
}
.masthead-nav-search:before {
font-size: 24px;
font-family: icons-min;
content: "\e60a";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-nav-search:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-nav-search:before,
.masthead-nav-search:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-nav-search: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;
}
@media only screen and (min-width: 1024px) {
.masthead-nav-search {
display: flex;
padding: 0;
align-items: center;
margin-right: 8px;
flex: 0 0 32px;
}
}
@media only screen and (min-width: 1280px) {
.masthead-nav-search {
margin-right: 24px;
margin-left: 0;
}
}
.masthead-nav-search::before {
margin-left: 0;
}
.masthead-nav-topics {
margin-left: 16px;
line-height: 1;
}
@media only screen and (min-width: 768px) {
.masthead-nav-topics {
flex-grow: 1;
display: flex;
align-items: center;
margin-left: 0;
}
}
@media only screen and (min-width: 1024px) {
.masthead-nav-topics {
overflow: hidden;
height: 28px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1150px) {
}
@media only screen and (min-width: 1280px) {
.masthead-nav-topics {
margin-left: 0;
}
}
.masthead-nav-topics-item {
display: inline-block;
margin-right: 24px;
}
.masthead-nav-topics-item:last-child {
margin-right: 96px;
}
@media only screen and (min-width: 768px) {
.masthead-nav-topics-item:last-child {
margin-right: 40px;
}
}
@media only screen and (min-width: 1360px) {
.masthead-nav-topics-item {
margin-right: 40px;
}
}
.masthead-nav-topics-anchor {
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #fff;
}
@media only screen and (min-width: 1024px) {
.masthead-nav-topics-anchor {
font-size: 16px;
line-height: 28px;
}
}
.masthead-nav-topics-anchor:hover {
text-decoration: underline;
}
.masthead-nav-social {
position: relative;
line-height: 1;
z-index: 5;
}
@media only screen and (min-width: 768px) {
.masthead-nav-social {
position: static;
padding-right: 0;
}
}
@media only screen and (min-width: 768px) {
.masthead-nav.m-xataka-crypto,
.masthead-nav.m-xataka-seleccion,
.masthead-nav.m-xataka-basics,
.masthead-nav.m-genbeta-basics,
.masthead-nav.m-crypto,
.masthead-nav.m-seleccion,
.masthead-nav.m-basics,
.masthead-nav.m-guias-y-trucos,
.masthead-nav.m-inteligencia-artificial,
.masthead-nav.m-xataka-inteligencia-artificial,
.masthead-nav.m-applesfera-seleccion,
.masthead-nav.m-xatakamexico-automovil,
.masthead-nav.m-xataka-movilidad,
.masthead-nano-nav {
height: 56px;
}
}
@media only screen and (min-width: 1280px) {
.masthead-nav.m-xataka-crypto .masthead-nav-topics,
.masthead-nav.m-xataka-seleccion .masthead-nav-topics,
.masthead-nav.m-xataka-basics .masthead-nav-topics,
.masthead-nav.m-genbeta-basics .masthead-nav-topics,
.masthead-nav.m-crypto .masthead-nav-topics,
.masthead-nav.m-seleccion .masthead-nav-topics,
.masthead-nav.m-basics .masthead-nav-topics,
.masthead-nav.m-guias-y-trucos .masthead-nav-topics,
.masthead-nav.m-inteligencia-artificial .masthead-nav-topics,
.masthead-nav.m-xataka-inteligencia-artificial .masthead-nav-topics,
.masthead-nav.m-applesfera-seleccion .masthead-nav-topics,
.masthead-nav.m-xatakamexico-automovil .masthead-nav-topics,
.masthead-nav.m-xataka-movilidad .masthead-nav-topics,
.masthead-nano-nav .masthead-nav-topics {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) {
.masthead-nav.m-xataka-crypto .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-seleccion .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-basics .masthead-nav-topics-anchor,
.masthead-nav.m-genbeta-basics .masthead-nav-topics-anchor,
.masthead-nav.m-crypto .masthead-nav-topics-anchor,
.masthead-nav.m-seleccion .masthead-nav-topics-anchor,
.masthead-nav.m-basics .masthead-nav-topics-anchor,
.masthead-nav.m-guias-y-trucos .masthead-nav-topics-anchor,
.masthead-nav.m-inteligencia-artificial .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-inteligencia-artificial .masthead-nav-topics-anchor,
.masthead-nav.m-applesfera-seleccion .masthead-nav-topics-anchor,
.masthead-nav.m-xatakamexico-automovil .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-movilidad .masthead-nav-topics-anchor,
.masthead-nano-nav .masthead-nav-topics-anchor {
font-size: 14px;
line-height: 20px;
}
}
@media only screen and (min-width: 1024px) {
.masthead-nav.m-xataka-crypto .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-seleccion .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-basics .masthead-nav-topics-anchor,
.masthead-nav.m-genbeta-basics .masthead-nav-topics-anchor,
.masthead-nav.m-crypto .masthead-nav-topics-anchor,
.masthead-nav.m-seleccion .masthead-nav-topics-anchor,
.masthead-nav.m-basics .masthead-nav-topics-anchor,
.masthead-nav.m-guias-y-trucos .masthead-nav-topics-anchor,
.masthead-nav.m-inteligencia-artificial .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-inteligencia-artificial .masthead-nav-topics-anchor,
.masthead-nav.m-applesfera-seleccion .masthead-nav-topics-anchor,
.masthead-nav.m-xatakamexico-automovil .masthead-nav-topics-anchor,
.masthead-nav.m-xataka-movilidad .masthead-nav-topics-anchor,
.masthead-nano-nav .masthead-nav-topics-anchor {
font-size: 14px;
line-height: 20px;
}
}
.masthead-nav-social-item {
display: inline-flex;
margin-left: 8px;
}
@media only screen and (min-width: 768px) {
.masthead-nav-social-item {
line-height: normal;
}
}
.masthead-nav-social-item:last-child {
margin-right: 96px;
}
@media only screen and (orientation: landscape) {
.masthead-nav-social-item:last-child {
margin-right: 96px;
}
}
@media only screen and (min-width: 768px) {
.masthead-nav-social-item:last-child {
margin-right: 0;
}
}
.masthead-nav-social-anchor {
width: 24px;
height: 24px;
color: #53FBDB;
}
.masthead-nav-container.is-touched:after {
display: none;
}
.masthead-social-twitter {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-twitter:before {
font-size: 24px;
font-family: icons-min;
content: "\e61b";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-twitter:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-twitter:before,
.masthead-social-twitter:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-twitter:before {
line-height: 24px;
}
.masthead-social-tiktok {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-tiktok:before {
font-size: 24px;
font-family: icons-min;
content: "\e91c";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-tiktok:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-tiktok:before,
.masthead-social-tiktok:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-tiktok: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;
}
.masthead-social-tiktok:before {
line-height: 24px;
}
.masthead-social-facebook {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-facebook:before {
font-size: 24px;
font-family: icons-min;
content: "\e61c";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-facebook:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-facebook:before,
.masthead-social-facebook:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-facebook:before {
line-height: 24px;
}
.masthead-social-instagram {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-instagram:before {
font-size: 24px;
font-family: icons-min;
content: "\e61f";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-instagram:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-instagram:before,
.masthead-social-instagram:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-instagram:before {
line-height: 24px;
}
.masthead-social-pinterest {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-pinterest:before {
font-size: 24px;
font-family: icons-min;
content: "\e61e";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-pinterest:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-pinterest:before,
.masthead-social-pinterest:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-pinterest:before {
line-height: 24px;
}
.masthead-social-youtube {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-youtube:before {
font-size: 24px;
font-family: icons-min;
content: "\e621";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-youtube:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-youtube:before,
.masthead-social-youtube:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-youtube:before {
line-height: 24px;
}
.masthead-social-flipboard {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-flipboard:before {
font-size: 24px;
font-family: icons-min;
content: "\e908";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-flipboard:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-flipboard:before,
.masthead-social-flipboard:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-flipboard:before {
line-height: 24px;
}
.masthead-social-discord {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-discord:before {
font-size: 24px;
font-family: icons-min;
content: "\e91f";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-discord:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-discord:before,
.masthead-social-discord:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-discord: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;
}
.masthead-social-discord:before {
line-height: 24px;
}
.masthead-social-rss {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-rss:before {
font-size: 24px;
font-family: icons-min;
content: "\e622";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-rss:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-rss:before,
.masthead-social-rss:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-rss:before {
line-height: 24px;
}
.masthead-social-telegram {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-telegram:before {
font-size: 24px;
font-family: icons-min;
content: "\e92e";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-telegram:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-telegram:before,
.masthead-social-telegram:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-telegram:before {
line-height: 24px;
}
.masthead-social-twitch {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-twitch:before {
font-size: 24px;
font-family: icons-min;
content: "\ea9f";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-twitch:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-twitch:before,
.masthead-social-twitch:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-twitch:before {
line-height: 24px;
}
.masthead-social-linkedin {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-linkedin:before {
font-size: 24px;
font-family: icons-min;
content: "\e61d";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-linkedin:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-linkedin:before,
.masthead-social-linkedin:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-linkedin:before {
line-height: 24px;
}
.masthead-social-flickr {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-flickr:before {
font-size: 24px;
font-family: icons-min;
content: "\f16e";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-flickr:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-flickr:before,
.masthead-social-flickr:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-flickr:before {
line-height: 24px;
}
.masthead-social-snapchat {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-snapchat:before {
font-size: 24px;
font-family: icons-min;
content: "\e62a";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-snapchat:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-snapchat:before,
.masthead-social-snapchat:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-snapchat:before {
line-height: 24px;
}
.masthead-social-googlenews {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-googlenews:before {
font-size: 24px;
font-family: icons-min;
content: "\e90e";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-googlenews:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-googlenews:before,
.masthead-social-googlenews:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-googlenews: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;
}
.masthead-social-googlenews:before {
line-height: 24px;
}
.masthead-social-whatsapp {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-whatsapp:before {
font-size: 24px;
font-family: icons-min;
content: "\e616";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-whatsapp:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-whatsapp:before,
.masthead-social-whatsapp:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-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;
}
.masthead-social-whatsapp:before {
line-height: 24px;
}
.masthead-social-wsl {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-wsl:before {
font-size: 24px;
font-family: icons-min;
content: "\e010";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-wsl:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-wsl:before,
.masthead-social-wsl:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-wsl: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;
}
.masthead-social-wsl:before {
line-height: 24px;
}
.masthead-social-giphy {
display: inline-block;
overflow: hidden;
text-align: center;
}
.masthead-social-giphy:before {
font-size: 24px;
font-family: icons-min;
content: "\e909";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-social-giphy:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-social-giphy:before,
.masthead-social-giphy:after {
font-size: 24px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-social-giphy: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;
}
.masthead-social-giphy:before {
line-height: 24px;
}
.btn-icon {
width: 32px;
height: 32px;
background: none;
border: none;
}
.masthead-nav-brandsections {
background: #1F3742;
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
padding: 0 24px;
}
@media only screen and (min-width: 768px) {
.masthead-nav-brandsections {
padding: 0;
}
}
.masthead-nav-brandsections-list {
display: block;
height: 40px;
max-width: 1280px;
width: 100%;
margin: 0 auto;
text-align: center;
line-height: 1;
}
.masthead-nav-brandsections-item {
font-size: 11px;
line-height: 16px;
margin: 0 4px;
color: #fff;
display: inline-block;
}
@media only screen and (min-width: 768px) {
.masthead-nav-brandsections-item {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-nav-brandsections-item {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.masthead-nav-brandsections-item {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-nav-brandsections-item {
line-height: 16px;
}
}
.masthead-nav-brandsections-link {
color: #fff;
padding: 12px 12px 8px;
position: relative;
border-bottom: 4px solid #707070;
background-image: none;
display: block;
}
.masthead-nav-brandsections-link:hover {
color: #fff;
background-color: #707070;
}
.head.is-visible .masthead-nav-brandsections {
display: none;
}
.masthead-nav-brandsections-inner {
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.masthead-nav-brandsections-inner {
margin: 0 24px;
}
}
@media only screen and (min-width: 1150px) {
.masthead-nav-brandsections-inner {
margin: 0 48px;
}
}
@media only screen and (min-width: 1360px) {
.masthead-nav-brandsections-inner {
margin: 0 auto;
max-width: 1280px;
}
}
@media only screen and (min-width: 1600px) {
.masthead-nav-brandsections-inner {
max-width: 1368px;
}
}
.masthead-nav-brandsections-inner .masthead-nav-brandsections-list {
max-width: none;
height: 48px;
white-space: nowrap;
transition: transform 0.5s ease-in-out;
margin: 0;
}
.masthead-nav-brandsections-inner .masthead-nav-brandsections-link {
padding: 16px 12px 13px 12px;
border-bottom-width: 3px;
}
.masthead-nav-brandsections-inner .masthead-nav-brandsections-item {
margin: 0 16px 0 0;
}
.masthead-nav-brandsections-inner .masthead-nav-brandsections-item:last-child {
margin-right: 0;
}
.masthead-nav-brandsections-prev,
.masthead-nav-brandsections-next {
width: 96px;
height: 48px;
position: absolute;
top: 0;
z-index: 1000;
background: linear-gradient(to left, #1F3742 30px, rgba(0, 0, 0, 0));
}
.masthead-nav-brandsections-prev button,
.masthead-nav-brandsections-next button,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-prev-btn,
.masthead-nav-brandsections-next .masthead-nav-brandsections-prev-btn,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-next-btn,
.masthead-nav-brandsections-next .masthead-nav-brandsections-next-btn {
display: inline-block;
overflow: hidden;
text-align: center;
position: absolute;
right: 0;
top: 0;
height: 24px;
width: 24px;
background: rgba(255, 255, 255, 0.13);
transform: translateY(50%);
border-radius: 100%;
margin: 0;
padding: 0;
border: none;
outline: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.masthead-nav-brandsections-prev button:before,
.masthead-nav-brandsections-next button:before,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-prev-btn:before,
.masthead-nav-brandsections-next .masthead-nav-brandsections-prev-btn:before,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-next-btn:before,
.masthead-nav-brandsections-next .masthead-nav-brandsections-next-btn:before {
font-size: 24px;
font-family: icons-min;
content: "\e901";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.masthead-nav-brandsections-prev button:after,
.masthead-nav-brandsections-next button:after,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-prev-btn:after,
.masthead-nav-brandsections-next .masthead-nav-brandsections-prev-btn:after,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-next-btn:after,
.masthead-nav-brandsections-next .masthead-nav-brandsections-next-btn:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.masthead-nav-brandsections-prev button:before,
.masthead-nav-brandsections-next button:before,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-prev-btn:before,
.masthead-nav-brandsections-next .masthead-nav-brandsections-prev-btn:before,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-next-btn:before,
.masthead-nav-brandsections-next .masthead-nav-brandsections-next-btn:before,
.masthead-nav-brandsections-prev button:after,
.masthead-nav-brandsections-next button:after,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-prev-btn:after,
.masthead-nav-brandsections-next .masthead-nav-brandsections-prev-btn:after,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-next-btn:after,
.masthead-nav-brandsections-next .masthead-nav-brandsections-next-btn:after {
font-size: 9px;
line-height: 1;
vertical-align: text-bottom;
}
.masthead-nav-brandsections-prev button:before,
.masthead-nav-brandsections-next button:before,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-prev-btn:before,
.masthead-nav-brandsections-next .masthead-nav-brandsections-prev-btn:before,
.masthead-nav-brandsections-prev .masthead-nav-brandsections-next-btn:before,
.masthead-nav-brandsections-next .masthead-nav-brandsections-next-btn:before {
display: inline-block;
width: 9px;
height: 9px;
font-size: 9px;
line-height: 9.9px;
vertical-align: text-bottom;
margin-left: auto;
margin-right: auto;
}
.masthead-nav-brandsections-prev {
left: 0;
transform: rotate(180deg);
}
.masthead-nav-brandsections-next {
right: 0;
}
.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: absolute;
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: #707070;
margin-left: 0.5em;
font-size: 14px;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.hook-disclaaimer,
.hook-disclaimer {
line-height: 16px;
}
}
@media only screen and (min-width: 768px) {
.hook-disclaaimer,
.hook-disclaimer {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.hook-disclaaimer,
.hook-disclaimer {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.hook-disclaaimer,
.hook-disclaimer {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.hook-disclaaimer,
.hook-disclaimer {
line-height: 20px;
}
}
.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;
margin-top: 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: 60px;
min-height: 50px;
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 .hook-footer-container .btn-primary,
.hook .hook-footer-container .btn-primary {
color: #fff;
}
.blob .hook .article-asset-small,
.hook .article-asset-small,
.blob .hook .article-asset-normal,
.hook .article-asset-normal {
margin: 0;
}
.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 {
margin-top: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.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;
}
}
.m-hook-redesign.hook {
border-bottom: none;
padding-bottom: 0;
padding-top: 24px;
margin-left: 16px;
margin-right: 16px;
margin-top: 8px;
overflow: hidden;
}
@media only screen and (min-width: 1024px) {
.m-hook-redesign.hook {
margin-left: calc((100% - 696px)/2);
}
}
@media only screen and (min-width: 1024px) {
.m-hook-redesign.hook {
margin-top: 24px;
margin-bottom: 48px;
}
}
@media only screen and (min-width: 768px) {
.m-hook-redesign.hook .hook-header-container img {
margin-top: 8px;
}
}
.m-hook-redesign .hook-content {
padding-left: 16px;
padding-right: 16px;
margin-bottom: 16px;
margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
.m-hook-redesign .hook-content {
display: flex;
align-items: center;
padding-left: 32px;
padding-right: 32px;
margin-bottom: 0;
margin-top: 0;
}
}
.m-hook-redesign .hook-disclaimer {
display: block;
text-align: center;
background: #111;
padding-top: 8px;
padding-bottom: 8px;
color: #fff;
text-transform: uppercase;
margin-top: 32px;
padding-left: 16px;
padding-right: 16px;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.m-hook-redesign .hook-disclaimer {
margin-top: 24px;
padding-left: 0;
padding-right: 0;
}
}
.m-hook-redesign .hook-content-img-container a {
width: 130px;
height: 130px;
display: block;
}
@media only screen and (min-width: 1024px) {
.m-hook-redesign .hook-content-img-container {
margin-bottom: 0;
}
}
.m-hook-redesign .hook-content-img-container img {
margin-left: 0;
margin-right: 0;
}
.m-hook-redesign .hook-footer-container {
display: inline-flex;
text-align: center;
margin-right: 0;
width: 100%;
}
@media only screen and (min-width: 768px) {
.m-hook-redesign .hook-footer-container {
padding-right: 16px;
}
}
@media only screen and (min-width: 1024px) {
.m-hook-redesign .hook-footer-container {
padding-right: 32px;
}
}
.m-hook-redesign .hook-footer-container .m-btn-block {
width: auto;
}
@media only screen and (min-width: 768px) {
.m-hook-redesign .hook-footer-container .m-btn-block {
width: auto;
padding: 0 16px;
}
}
.m-hook-redesign .hook-content-container,
.m-hook-redesign .hook-header-container,
.m-hook-redesign .hook-footer-container {
box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
.m-hook-redesign .hook-content-img-container {
margin-top: 0;
}
}
.m-hook-redesign .hook-content-container {
border: 1px solid #000;
}
.m-hook-redesign .hook-header-container {
transform: translateY(-50%);
}
.m-hook-redesign .hook-header-container::before {
display: none;
}
.m-hook-redesign .hook-content {
margin-top: 38.4px;
}
@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: #111;
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: #111;
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: 14px;
line-height: 20px;
font-weight: normal;
color: #111;
margin: 0;
}
@media only screen and (min-width: 768px) {
.pivot-ecommerce-desc,
.pivot-ecommerce-desc:visited {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-ecommerce-desc,
.pivot-ecommerce-desc:visited {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.pivot-ecommerce-desc,
.pivot-ecommerce-desc:visited {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-ecommerce-desc,
.pivot-ecommerce-desc:visited {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-ecommerce-desc,
.pivot-ecommerce-desc:visited {
line-height: 24px;
}
}
.blob .pivot-ecommerce-desc {
font-size: 14px;
line-height: 20px;
font-weight: normal;
color: #111;
margin: 0 0 8px;
line-height: 24px;
}
@media only screen and (min-width: 768px) {
.blob .pivot-ecommerce-desc {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.blob .pivot-ecommerce-desc {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.blob .pivot-ecommerce-desc {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.blob .pivot-ecommerce-desc {
line-height: 20px;
}
}
@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;
object-fit: contain;
}
.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: #111;
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: #111;
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;
}
.deal-main-price.ecommerce-out-of-stock,
.blob a.pivot-action-primary.ecommerce-out-of-stock,
.pivot-action-primary.ecommerce-out-of-stock,
.deal-component .deal-main-price.ecommerce-out-of-stock {
background: #E4EBEE;
color: #111;
font-weight: normal;
padding: 6px 16px;
}
.deal-main-price.ecommerce-out-of-stock::before,
.blob a.pivot-action-primary.ecommerce-out-of-stock::before,
.pivot-action-primary.ecommerce-out-of-stock::before,
.deal-component .deal-main-price.ecommerce-out-of-stock::before {
display: none;
}
@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;
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;
}
}
@media only screen and (min-width: 768px) {
.pivot-external-taxonomy-anchor,
.blob .pivot-external-taxonomy-anchor {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-external-taxonomy-anchor,
.blob .pivot-external-taxonomy-anchor {
line-height: 16px;
}
}
.pivot-external-taxonomy-anchor a,
.blob .pivot-external-taxonomy-anchor a {
color: #111;
color: #707070;
text-decoration: none;
text-transform: uppercase;
}
.pivot-external-taxonomy-anchor a:hover,
.blob .pivot-external-taxonomy-anchor a:hover {
color: #E12F2F;
}
.pivot-external-taxonomy-anchor a:visited,
.blob .pivot-external-taxonomy-anchor a:visited {
color: #111;
color: #707070;
}
.pivot-external-taxonomy-anchor a:visited:hover,
.blob .pivot-external-taxonomy-anchor a:visited:hover {
color: #E12F2F;
}
@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: #111;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-decoration: none;
}
.pivot-external-title a:hover,
.blob .pivot-external-title a:hover {
color: #E12F2F;
}
@media only screen and (min-width: 768px) {
.pivot-external-title a,
.blob .pivot-external-title a {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-external-title a,
.blob .pivot-external-title a {
font-size: 16px;
line-height: 28px;
}
}
.pivot-external-title a:visited,
.blob .pivot-external-title a:visited {
color: #111;
}
.pivot-external-title a:visited:hover,
.blob .pivot-external-title a:visited:hover {
color: #E12F2F;
}
.pivot-flipboard {
padding: 24px;
box-sizing: border-box;
max-width: 696px;
margin: 32px 16px;
overflow: hidden;
text-align: center;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
}
@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=155") 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: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: #00435E;
}
.pivot-flipboard-content p {
margin-bottom: 16px;
}
.pivot-flipboard-content-anchor,
.blob .pivot-flipboard-content-anchor,
.blob p .pivot-flipboard-content-anchor {
color: #111;
font-size: 14px;
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: #E12F2F;
}
@media only screen and (min-width: 768px) {
.pivot-flipboard-content-anchor,
.blob .pivot-flipboard-content-anchor,
.blob p .pivot-flipboard-content-anchor {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-flipboard-content-anchor,
.blob .pivot-flipboard-content-anchor,
.blob p .pivot-flipboard-content-anchor {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.pivot-flipboard-content-anchor,
.blob .pivot-flipboard-content-anchor,
.blob p .pivot-flipboard-content-anchor {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-flipboard-content-anchor,
.blob .pivot-flipboard-content-anchor,
.blob p .pivot-flipboard-content-anchor {
line-height: 20px;
}
}
.pivot-flipboard-content-anchor:visited,
.blob .pivot-flipboard-content-anchor:visited,
.blob p .pivot-flipboard-content-anchor:visited {
color: #111;
}
.pivot-flipboard-content-anchor:visited:hover,
.blob .pivot-flipboard-content-anchor:visited:hover,
.blob p .pivot-flipboard-content-anchor:visited:hover {
color: #E12F2F;
}
.pivot-flipboard-button {
color: #fff;
height: auto;
white-space: normal;
line-height: 20px;
font-size: 13px;
padding: 4px 12px;
font-weight: normal;
}
@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: normal;
}
@media only screen and (min-width: 768px) {
.blob a.pivot-flipboard-button {
height: 28px;
line-height: 28px;
padding: 0 12px;
}
}
.pivot-flipboard-magazine {
padding: 24px;
box-sizing: border-box;
max-width: 696px;
margin: 32px 16px;
overflow: hidden;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
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: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: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: 14px;
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: 14px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-flipboard-magazine-content p,
.blob .pivot-flipboard-magazine-content p {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.pivot-flipboard-magazine-content p,
.blob .pivot-flipboard-magazine-content p {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-flipboard-magazine-content p,
.blob .pivot-flipboard-magazine-content p {
line-height: 20px;
}
}
.pivot-flipboard-magazine-title {
margin: 0 0 16px;
line-height: 24px;
font-weight: 700;
}
.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: #111;
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: #E12F2F;
}
.pivot-flipboard-magazine-button {
color: #fff;
height: auto;
white-space: normal;
line-height: 20px;
font-size: 13px;
padding: 4px 12px;
font-weight: normal;
}
@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: normal;
}
@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;
}
}
@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: 14px;
line-height: 20px;
font-weight: 700;
display: block;
}
@media only screen and (min-width: 768px) {
.desvio-title {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.desvio-title {
font-size: 16px;
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: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 {
font-size: 11px;
line-height: 16px;
color: #707070;
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;
}
}
@media only screen and (min-width: 768px) {
.blob .desvio .desvio-taxonomy-anchor,
.desvio .desvio-taxonomy-anchor {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.blob .desvio .desvio-taxonomy-anchor,
.desvio .desvio-taxonomy-anchor {
line-height: 16px;
}
}
.blob .desvio .desvio-taxonomy-anchor.m-branded,
.desvio .desvio-taxonomy-anchor.m-branded {
color: #111;
}
.blob .desvio .desvio-title,
.desvio .desvio-title,
.blob .desvio .desvio-title a,
.desvio .desvio-title a {
color: #111;
}
.blob .desvio .desvio-title:hover,
.desvio .desvio-title:hover,
.blob .desvio .desvio-title a:hover,
.desvio .desvio-title a:hover {
color: #E12F2F;
}
.u-btn-devsio {
border-radius: 6px;
height: 28px;
line-height: 28px;
text-align: center;
padding: 0 16px;
color: #111;
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: 14px;
line-height: 20px;
font-weight: normal;
}
@media only screen and (min-width: 768px) {
.desvio.m-desvio-ecommerce .desvio-title {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.desvio.m-desvio-ecommerce .desvio-title {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.desvio.m-desvio-ecommerce .desvio-title {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.desvio.m-desvio-ecommerce .desvio-title {
line-height: 20px;
}
}
.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: #111;
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: #111;
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;
}
}
.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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
color: #63998F;
text-transform: uppercase;
font-weight: lighter;
}
@media only screen and (min-width: 768px) {
.promo-title {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.promo-title {
font-size: 21px;
line-height: 24px;
}
}
.land-title {
color: #111;
}
.land-title:hover {
color: #E12F2F;
}
.land-figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 38.197% 0 0 0;
overflow: hidden;
margin-bottom: 8px;
}
.land-figure img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.pivot-newsletter {
background: #F0F7F8;
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: #00435E;
}
.pivot-newsletter-form {
margin: 0 auto;
max-width: 424px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blob .pivot-newsletter-claim {
font-size: 14px;
line-height: 20px;
text-align: center;
color: #111;
margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
.blob .pivot-newsletter-claim {
padding: 0 83px;
}
}
.blob .alert-error,
.blob .alert-success,
.blob .alert-info {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.blob .alert-error,
.blob .alert-success,
.blob .alert-info {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.blob .alert-error,
.blob .alert-success,
.blob .alert-info {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.blob .alert-error,
.blob .alert-success,
.blob .alert-info {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.blob .alert-error,
.blob .alert-success,
.blob .alert-info {
line-height: 20px;
}
}
.pivot-newsletter-claim {
font-size: 14px;
line-height: 20px;
text-align: center;
color: #111;
margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
.pivot-newsletter-claim {
padding: 0 83px;
}
}
.pivot-newsletter-input {
background-color: #fbfbfb;
border: solid 1px #e9e9e9;
flex: 1;
border-radius: 0;
height: 36px;
font-size: 14px;
line-height: 20px;
box-sizing: border-box;
margin-right: 4px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.pivot-newsletter-input {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-newsletter-input {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.pivot-newsletter-input {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-newsletter-input {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.pivot-newsletter-input {
flex: 1;
margin-right: 8px;
width: auto;
}
}
.pivot-newsletter-btn {
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
padding: 0 11px;
border-radius: 6px;
border: none;
display: inline-block;
height: 36px;
line-height: 36px;
cursor: pointer;
vertical-align: baseline;
white-space: nowrap;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
background-color: #E12F2F;
color: #fff;
align-self: center;
box-sizing: border-box;
line-height: 32px;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.pivot-newsletter-btn {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.pivot-newsletter-btn {
font-size: 13px;
}
}
.pivot-newsletter-btn[disabled="disabled"],
.pivot-newsletter-btn.m-disabled {
opacity: 0.4;
box-shadow: none;
}
.pivot-newsletter-btn[disabled="disabled"]:link,
.pivot-newsletter-btn.m-disabled:link,
.pivot-newsletter-btn[disabled="disabled"]:visited,
.pivot-newsletter-btn.m-disabled:visited,
.pivot-newsletter-btn[disabled="disabled"]:active,
.pivot-newsletter-btn.m-disabled:active {
cursor: default;
box-shadow: none;
}
.pivot-newsletter-btn:hover {
text-decoration: none;
}
.pivot-newsletter-btn[disabled="disabled"]:hover,
.pivot-newsletter-btn.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.pivot-newsletter-btn:hover {
background-color: #d62d2d;
color: #fff;
}
.pivot-newsletter-btn:before {
position: relative;
margin-right: 4px;
}
@media only screen and (min-width: 768px) {
.pivot-newsletter-btn {
margin-bottom: 0;
}
}
.pivot-newsletter-btn.btn-disabled {
background-image: url(https://img.weblogssl.com/g/xataka4/common/ajax-loader.gif);
background-repeat: no-repeat;
background-size: 16px;
background-position: 4px center;
background-color: #fff;
color: #707070;
padding-left: 24px;
border: 1px solid #E0E0E0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}
.pivot-newsletter-btn.btn-disabled::before {
display: none;
}
.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;
overflow: hidden;
}
@media only screen and (min-width: 1024px) {
.pivot-instagram-profile-container {
margin-left: calc((100% - 696px)/2);
}
}
@media only screen and (min-width: 1024px) {
.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: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.pivot-instagram-profile {
max-width: 490px;
margin: 0 auto;
}
}
@media only screen and (min-width: 1024px) {
.pivot-instagram-profile {
justify-content: space-between;
}
}
.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: 1024px) {
.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: 1024px) {
.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 a,
.blob .pivot-instagram-profile-item a {
vertical-align: middle;
display: block;
position: relative;
width: 100%;
height: 0;
padding: 100% 0 0 0;
overflow: hidden;
}
.pivot-instagram-profile-item a img,
.blob .pivot-instagram-profile-item a img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.pivot-instagram-profile-item img,
.blob .pivot-instagram-profile-item img {
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: #111;
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: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: #111;
}
.pivot-instagram-profile-button:before,
.blob .pivot-instagram-profile-button:before {
margin-right: 8px;
}
@media only screen and (min-width: 1024px) {
.pivot-instagram-profile-button,
.blob .pivot-instagram-profile-button {
order: 2;
}
}
.ficha-de-compra-container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
display: block;
box-sizing: border-box;
}
.container-fluid .row .ficha-de-compra-container {
padding-right: 0;
padding-left: 0;
}
.container-fluid .row .ficha-compra-container {
margin-bottom: 0;
}
.ficha-compra-container {
box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.5);
max-width: 400px;
margin: 0 auto 24px;
padding: 16px 0 0;
background: #fff;
}
.ficha-compra-picture-container {
position: relative;
text-align: center;
}
.ficha-compra-picture-container .ficha-compra-picture {
width: 160px;
height: 160px;
margin: 0 auto;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
padding-top: 8px;
}
.ficha-compra-picture-container .ficha-compra-picture img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.ficha-compra-badge-info {
font-size: 11px;
line-height: 16px;
position: absolute;
top: 0;
right: 0;
color: #fff;
z-index: 9;
font-weight: bold;
padding: 4px 8px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.ficha-compra-badge-info {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-badge-info {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.ficha-compra-badge-info {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-badge-info {
line-height: 16px;
}
}
.ficha-compra-video {
position: absolute;
top: 0;
left: 16px;
z-index: 9;
color: #b8b8b8;
border: 2px solid #b8b8b8;
border-radius: 100%;
height: 24px;
width: 24px;
}
.ficha-compra-video:before {
font-size: 16px;
font-family: icons-min;
content: "\e613";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-compra-video:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-compra-video:before {
display: flex;
align-items: center;
justify-content: center;
margin-right: 0;
width: 100%;
height: 100%;
}
.ficha-compra-title,
h5.ficha-compra-title,
.blob .ficha-compra-title,
.blob h5.ficha-compra-title {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-style: normal;
text-transform: none;
letter-spacing: 0;
font-size: 16px;
line-height: 20.4px;
margin-top: 16px;
margin-top: 24px;
margin-bottom: 16px;
margin-left: 0;
margin-right: 0;
padding: 0 16px;
font-weight: 700;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
.ficha-compra-title,
h5.ficha-compra-title,
.blob .ficha-compra-title,
.blob h5.ficha-compra-title {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-title,
h5.ficha-compra-title,
.blob .ficha-compra-title,
.blob h5.ficha-compra-title {
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.ficha-compra-title,
h5.ficha-compra-title,
.blob .ficha-compra-title,
.blob h5.ficha-compra-title {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ficha-compra-title,
h5.ficha-compra-title,
.blob .ficha-compra-title,
.blob h5.ficha-compra-title {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.ficha-compra-title,
h5.ficha-compra-title,
.blob .ficha-compra-title,
.blob h5.ficha-compra-title {
margin-top: 48px;
}
}
@media only screen and (min-width: 768px) {
.ficha-compra-title,
h5.ficha-compra-title,
.blob .ficha-compra-title,
.blob h5.ficha-compra-title {
margin-top: 24px;
margin-bottom: 16px;
}
}
.ficha-compra-price-original {
font-size: 14px;
line-height: 20px;
color: #707070;
display: inline-block;
margin-bottom: 8px;
padding: 0 16px;
}
@media only screen and (min-width: 768px) {
.ficha-compra-price-original {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-price-original {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-compra-price-original {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-price-original {
line-height: 20px;
}
}
.ficha-compra-price-original.m-deal-price-greater {
text-decoration: line-through;
}
.u-btn {
font-size: 13px;
border-radius: 6px;
text-align: center;
padding: 8px;
color: #111;
display: inline-block;
font-weight: 500;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.u-btn {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.u-btn {
font-size: 13px;
}
}
.deal-component {
padding: 0 16px;
}
.deal-component .deal-main-price {
font-size: 13px;
border-radius: 6px;
text-align: center;
padding: 8px;
color: #111;
display: inline-block;
font-weight: 500;
line-height: 16px;
background: #ffe354;
margin-right: 4px;
padding: 6px 8px;
font-weight: 700;
letter-spacing: 0.04em;
}
@media only screen and (min-width: 768px) {
.deal-component .deal-main-price {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.deal-component .deal-main-price {
font-size: 13px;
}
}
.deal-component .deal-main-price:before {
font-size: 13px;
font-family: icons-min;
content: "\e90a";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.deal-component .deal-main-price:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.deal-component .deal-main-price::before {
margin-right: 4px;
vertical-align: middle;
}
.deal-component .deal-main-discount {
font-size: 14px;
line-height: 20px;
font-weight: 700;
color: #b4403c;
margin-right: 4px;
}
@media only screen and (min-width: 768px) {
.deal-component .deal-main-discount {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.deal-component .deal-main-discount {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.deal-component .deal-main-discount {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.deal-component .deal-main-discount {
line-height: 20px;
}
}
.deal-component .deal-main-discount:hover {
color: #b4403c;
}
.deal-component .deal-main-store {
font-size: 13px;
line-height: 16px;
color: #111;
}
@media only screen and (min-width: 768px) {
.deal-component .deal-main-store {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.deal-component .deal-main-store {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.deal-component .deal-main-store {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.deal-component .deal-main-store {
line-height: 16px;
}
}
.ficha-compra-sharing {
display: flex;
justify-content: space-between;
margin: 32px 0 0;
padding: 0 16px 16px;
border-bottom: 1px solid #E0E0E0;
align-items: end;
line-height: 16px;
}
.ficha-compra-sharing .ficha-compra-sharing-anchor {
width: 16px;
height: 16px;
display: inline-block;
color: #b8b8b8;
margin-right: 8px;
}
.ficha-compra-facebook {
display: inline-block;
overflow: hidden;
text-align: center;
}
.ficha-compra-facebook:before {
font-size: 24px;
font-family: icons-min;
content: "\e61c";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-compra-facebook:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-compra-facebook:before,
.ficha-compra-facebook:after {
font-size: 16px;
line-height: 1;
vertical-align: text-bottom;
}
.ficha-compra-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;
}
.ficha-compra-facebook:before {
vertical-align: top;
}
.ficha-compra-whatsapp {
display: inline-block;
overflow: hidden;
text-align: center;
}
.ficha-compra-whatsapp:before {
font-size: 24px;
font-family: icons-min;
content: "\e616";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-compra-whatsapp:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-compra-whatsapp:before,
.ficha-compra-whatsapp:after {
font-size: 16px;
line-height: 1;
vertical-align: text-bottom;
}
.ficha-compra-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;
}
.ficha-compra-whatsapp:before {
vertical-align: top;
}
.ficha-compra-twitter {
display: inline-block;
overflow: hidden;
text-align: center;
}
.ficha-compra-twitter:before {
font-size: 24px;
font-family: icons-min;
content: "\e61b";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-compra-twitter:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-compra-twitter:before,
.ficha-compra-twitter:after {
font-size: 16px;
line-height: 1;
vertical-align: text-bottom;
}
.ficha-compra-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;
}
.ficha-compra-twitter:before {
vertical-align: top;
}
.ficha-compra-deals-toggler {
font-size: 13px;
line-height: 16px;
color: #707070;
cursor: pointer;
}
.ficha-compra-deals-toggler:after {
font-size: 9px;
font-family: icons-min;
content: "\e901";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-left: 0.2em;
}
.ficha-compra-deals-toggler:before {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.ficha-compra-deals-toggler {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-deals-toggler {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.ficha-compra-deals-toggler {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-deals-toggler {
line-height: 16px;
}
}
.ficha-compra-deals-toggler::after {
vertical-align: middle;
margin-left: 4px;
}
.ficha-compra-deal {
margin: 0;
padding: 16px 16px 0;
border-bottom: 1px solid #E0E0E0;
display: none;
}
.ficha-compra-deal .deal-component {
padding: 0 0 16px;
}
.ficha-compra-deal .deal-component .deal-main-price {
background-color: #fbefb2;
}
.ficha-compra-desc {
font-size: 14px;
line-height: 20px;
display: flex;
justify-content: flex-start;
margin: 0;
padding: 24px 16px 24px;
}
@media only screen and (min-width: 768px) {
.ficha-compra-desc {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-desc {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-compra-desc {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-desc {
line-height: 20px;
}
}
.ficha-compra-desc.m-author {
padding: 16px 16px 16px;
}
.ficha-compra-desc.m-author .ficha-compra-quote {
position: relative;
display: flex;
flex-grow: 1;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
background: linear-gradient(45deg, #ffffff 0%, #ffffff 20%, #ffffff 40%, #f0f0f0 100%);
min-height: 76px;
align-items: center;
margin-top: 0;
}
.ficha-compra-desc.m-author .ficha-compra-quote::after {
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 22px solid transparent;
border-left: 22px solid #f4f4f4;
position: absolute;
content: '';
background: transparent;
top: 40px;
right: -18px;
}
.ficha-compra-desc.m-author .ficha-compra-author {
display: block;
}
.ficha-compra-author {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
display: flex;
flex-shrink: 0;
display: none;
margin-left: 16px;
}
.ficha-compra-author img {
max-width: 100%;
}
.ficha-compra-rating {
border-top: 1px solid #E0E0E0;
font-size: 11px;
line-height: 16px;
padding: 16px 0 16px 16px;
display: flex;
align-items: center;
}
@media only screen and (min-width: 768px) {
.ficha-compra-rating {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-rating {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.ficha-compra-rating {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-compra-rating {
line-height: 16px;
}
}
.badge-review {
padding: 4px 8px;
display: inline-block;
color: #fff;
border-radius: 2px;
font-weight: 700;
text-transform: uppercase;
}
.badge-text {
color: #707070;
margin-left: 4px;
}
a.badge-text:after {
font-size: 7px;
font-family: icons-min;
content: "\e901";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-left: 0.2em;
}
a.badge-text:before {
content: "";
margin-right: 0;
margin-left: 0;
}
a.badge-text::after {
vertical-align: middle;
margin-left: 4px;
}
.badge-review .total {
padding: 4px 8px;
display: inline-block;
color: #fff;
border-radius: 2px;
font-weight: 700;
}
.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-1,
.total-2 {
background-color: #AF0400;
}
.total-0 {
background-color: #F0F7F8;
}
.u-premios-xataka-rating {
background-image: url('//img.weblogssl.com/g/r/png/badge-premios-tile.png');
color: #111;
font-weight: 700;
}
.m-premios-xataka-rating-ganador {
background-image: url('//img.weblogssl.com/g/r/png/badge-premios-tile.png');
color: #111;
font-weight: 700;
background-color: #FFB900;
}
.m-premios-xataka-rating-finalista {
background-image: url('//img.weblogssl.com/g/r/png/badge-premios-tile.png');
color: #111;
font-weight: 700;
background-color: #F0F7F8;
}
.blob .ficha-compra-author img {
margin-top: 0;
margin-bottom: 0;
}
.blob .deal-main-price {
color: #111 !important;
}
.blob .deal-main-price:visited {
color: #111;
}
.blob .deal-main-discount {
color: #b4403c !important;
}
.blob .deal-main-discount:visited {
color: #b4403c;
}
.blob .deal-main-store {
color: #111 !important;
}
.blob .deal-main-store:visited {
color: #111;
}
.blob .ficha-compra-deal {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.blob .ficha-compra-deal li {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
}
.blob .ficha-compra-deal li a {
text-decoration: none;
}
.blob .ficha-compra-desc p {
font-size: 14px;
line-height: 20px;
margin-left: 0;
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.blob .ficha-compra-desc p {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.blob .ficha-compra-desc p {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.blob .ficha-compra-desc p {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.blob .ficha-compra-desc p {
line-height: 20px;
}
}
.blob .ficha-compra-sharing-anchor {
color: #b8b8b8 !important;
}
.blob .ficha-compra-facebook:visited {
color: #4267b2 !important;
}
.blob .ficha-compra-twitter:visited {
color: #00abf1 !important;
}
.blob .ficha-compra-whatsapp:visited {
color: #56A61E !important;
}
.blob .ficha-compra-video {
color: #b8b8b8 !important;
}
.blob .ficha-compra-video:visited {
color: #b8b8b8;
}
.blob .ficha-compra-rating {
font-size: 11px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.blob .ficha-compra-rating {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.blob .ficha-compra-rating {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.blob .ficha-compra-rating {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.blob .ficha-compra-rating {
line-height: 16px;
}
}
.blob .ficha-compra-rating .badge-review {
color: #fff !important;
}
.blob .ficha-compra-rating .badge-review:visited {
color: #fff;
}
.blob .ficha-compra-rating .badge-review.m-premios-xataka-rating-ganador,
.blob .ficha-compra-rating .badge-review.m-premios-xataka-rating-finalista {
color: #111 !important;
}
.blob .ficha-compra-rating .badge-review.m-premios-xataka-rating-ganador:visited,
.blob .ficha-compra-rating .badge-review.m-premios-xataka-rating-finalista:visited {
color: #111;
}
.blob .ficha-compra-rating .badge-text {
color: #707070 !important;
}
.blob .ficha-compra-rating .badge-text:visited {
color: #707070;
}
.article-asset-container .ficha-compra-container {
margin-bottom: 0;
}
.amazon-one-link-msg {
color: #707070;
font-size: 11px;
line-height: 16px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.amazon-one-link-msg {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.amazon-one-link-msg {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.amazon-one-link-msg {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.amazon-one-link-msg {
line-height: 16px;
}
}
.blob .amazon-one-link-msg {
font-size: 11px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.blob .amazon-one-link-msg {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.blob .amazon-one-link-msg {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.blob .amazon-one-link-msg {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.blob .amazon-one-link-msg {
line-height: 16px;
}
}
.blob .amazon-one-link-msg span {
font-size: 15px;
}
.blob .ficha-compra-deals-toggler img {
margin: 0;
}
.ficha-compra-container .amazon-one-link-msg {
padding-left: 16px;
padding-right: 16px;
margin-top: 8px;
}
.pivot-ecommerce .amazon-one-link-msg {
margin-top: 12px;
}
.blob .ficha-compra-deal,
.ficha-compra-deal {
padding-bottom: 24px;
}
.blob .ficha-compra-deal ul,
.ficha-compra-deal ul {
margin-top: 0px;
}
.blob .ficha-compra-deal ul li:last-child .deal-component,
.ficha-compra-deal ul li:last-child .deal-component {
padding-bottom: 0;
}
.blob .ficha-compra-deal .amazon-one-link-msg,
.ficha-compra-deal .amazon-one-link-msg {
padding-left: 0;
padding-right: 0;
}
.article-asset-singular-golden .singular,
.article-asset-singular-square .singular,
.article-asset-singular-panoramic .singular {
position: relative;
overflow: hidden;
}
.singular-figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 66.25% 0 0 0;
overflow: hidden;
}
.singular-figure img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.singular-figure a::before {
background: rgba(0, 0, 0, 0.5);
position: absolute;
content: '';
width: 100%;
height: 100%;
z-index: 2;
top: 0;
left: 0;
}
.m-text-top .singular-text {
top: 30px;
}
.m-text-center .singular-text {
top: 50%;
transform: translateY(-50%);
}
.m-text-bottom .singular-text {
bottom: 30px;
}
.singular-text {
position: absolute;
content: '';
z-index: 99;
}
.singular-text .singular-text-title {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
margin-left: 40px;
margin-right: 40px;
position: relative;
display: block;
font-weight: bold;
font-size: 18px;
line-height: 20px;
color: #fff;
text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.singular-text .singular-text-title:before {
font-size: 24px;
font-family: icons-min;
content: "\e90b";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.singular-text .singular-text-title:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.singular-text .singular-text-title::before {
margin-left: -28.08px;
}
.singular-text .singular-text-title:visited {
color: #fff;
}
.singular-text .singular-text-brand {
font-size: 11px;
line-height: 16px;
border-top: 1px solid #fff;
padding-top: 4px;
margin-top: 8px;
display: inline-block;
margin-left: 40px;
margin-right: 40px;
text-transform: uppercase;
color: #fff;
text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.singular-text .singular-text-brand:visited {
color: #fff;
}
@media only screen and (min-width: 1024px) {
.article-asset-normal .singular-text .singular-text-title {
font-size: 28px;
line-height: 34px;
margin-left: 64px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-normal .singular-text .singular-text-title::before {
font-size: 40px;
margin-left: -48px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-normal .singular-text .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-left: 64px;
margin-top: 8px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-normal.m-text-top .singular-text {
top: 50px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-normal.m-text-bottom .singular-text {
bottom: 50px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-large .singular-text .singular-text-title {
font-size: 40px;
line-height: 48px;
margin-left: 89.6px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-large .singular-text .singular-text-title::before {
font-size: 48px;
margin-left: -56.16px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-large .singular-text .singular-text-brand {
font-size: 14px;
line-height: 20px;
margin-left: 89.6px;
margin-top: 24px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-large.m-text-top .singular-text {
top: 70px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-large.m-text-bottom .singular-text {
bottom: 70px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge .singular-text {
left: 0;
right: 0;
max-width: 1044px;
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (min-width: 768px) {
.article-asset-edge .singular-text .singular-text-title {
margin-left: 80px;
margin-right: 80px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge .singular-text .singular-text-title {
font-size: 48px;
line-height: 56px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-edge .singular-text .singular-text-title {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge .singular-text .singular-text-title::before {
font-size: 56px;
margin-left: -72.32px;
}
}
@media only screen and (min-width: 768px) {
.article-asset-edge .singular-text .singular-text-brand {
margin-left: 80px;
margin-right: 80px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge .singular-text .singular-text-brand {
margin-top: 24px;
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1280px) {
.article-asset-edge .singular-text .singular-text-brand {
font-size: 16px;
line-height: 28px;
margin-left: 0;
margin-top: 24px;
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge.m-text-top .singular-text {
top: 110px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge.m-text-bottom .singular-text {
bottom: 110px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge.m-text-half-right .singular-text {
margin-left: auto;
margin-right: 80px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge.m-text-half-right .singular-text .singular-text-title,
.article-asset-edge.m-text-half-right .singular-text .singular-text-brand {
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-edge.m-text-half-left .singular-text {
margin-left: 80px;
margin-right: auto;
}
}
.m-overlays-light .singular-figure a::before {
background: rgba(255, 255, 255, 0.5);
position: absolute;
content: '';
width: 100%;
height: 100%;
z-index: 2;
top: 0;
left: 0;
right: 0;
}
.m-overlays-light .singular-text-title,
.m-overlays-light .singular-text-brand {
color: #000;
text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.m-overlays-light .singular-text-title:visited,
.m-overlays-light .singular-text-brand:visited {
color: #000;
text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.m-overlays-light .singular-text-title::before,
.m-overlays-light .singular-text-brand::before {
background: url("//img.weblogssl.com/g/r/svg/hand-icon-dark.svg?v=155");
background-size: contain;
}
.m-overlays-light .singular-text-brand {
border-color: #000;
}
.article-asset-small.article-asset-left,
.article-asset-small.article-asset-right {
float: none;
}
@media only screen and (min-width: 1024px) {
.m-text-half-left .singular-text {
width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.m-text-half-left .singular-text-title {
margin-right: 0 !important;
}
}
@media only screen and (min-width: 1024px) {
.m-text-half-left .singular-text-brand {
margin-right: 0 !important;
}
}
@media only screen and (min-width: 1024px) {
.m-text-half-right .singular-text {
width: 50%;
right: 0;
}
}
@media only screen and (min-width: 1024px) {
.m-text-half-right .singular-text-title {
margin-left: 0 !important;
}
}
@media only screen and (min-width: 1024px) {
.m-text-half-right .singular-text-brand {
margin-left: 0 !important;
}
}
.article-asset-singular-square .singular-figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 100% 0 0 0;
overflow: hidden;
}
.article-asset-singular-square .singular-figure img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.article-asset-singular-square .singular-text-title {
font-size: 21px;
line-height: 24px;
}
.article-asset-singular-square.m-text-top .singular-text {
top: 40px;
}
.article-asset-singular-square.m-text-bottom .singular-text {
bottom: 40px;
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-square.article-asset-normal .singular-text-title {
font-size: 32px;
line-height: 40px;
margin-left: 70.4px;
margin-right: 70.4px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-square.article-asset-normal .singular-text-title::before {
left: -44.16px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-square.article-asset-normal .singular-text-brand {
margin-left: 70.4px;
margin-right: 70.4px;
}
}
.article-asset-small.article-asset-left .asset-content {
float: none;
clear: none;
margin-left: auto;
margin-right: auto;
max-width: 372px;
}
@media only screen and (min-width: 1024px) {
.article-asset-small.article-asset-left .asset-content {
float: left;
clear: left;
margin-right: 24px;
}
}
.article-asset-small.article-asset-right .asset-content {
float: none;
clear: none;
margin-left: auto;
margin-right: auto;
max-width: 372px;
}
@media only screen and (min-width: 1024px) {
.article-asset-small.article-asset-right .asset-content {
float: right;
clear: right;
margin-left: 24px;
}
}
.article-asset-singular-panoramic .singular-figure {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 46.66666667% 0 0 0;
overflow: hidden;
}
.article-asset-singular-panoramic .singular-figure img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.article-asset-singular-panoramic.m-text-top .singular-text {
top: 20px;
}
.article-asset-singular-panoramic.m-text-bottom .singular-text {
bottom: 20px;
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-normal .singular-text-title {
font-size: 26px;
line-height: 28px;
margin-left: 58.08px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-normal .singular-text-title::before {
font-size: 32px;
margin-left: -36px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-normal .singular-text-brand {
margin-left: 58.08px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-large .singular-text-title {
font-size: 32px;
line-height: 40px;
margin-left: 76.8px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-large .singular-text-brand {
margin-left: 76.8px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-large.m-text-top .singular-text {
top: 50px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-large.m-text-bottom .singular-text {
bottom: 50px !important;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-edge .singular-text-title {
font-size: 40px;
line-height: 48px;
margin-left: 80px;
margin-right: 80px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-edge .singular-text-title::before {
margin-left: -64px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-singular-panoramic.article-asset-edge .singular-text-brand {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-golden:first-child {
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-golden:first-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-title {
font-size: 28px;
line-height: 34px;
margin-left: 40px;
margin-right: 40px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-title {
font-size: 28px;
line-height: 34px;
margin-left: 64px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-title::before {
font-size: 40px;
margin-left: -48px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-brand {
font-size: 13px;
line-height: 16px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-left: 64px;
margin-top: 8px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-golden .singular-text .singular-text-title {
font-size: 40px;
line-height: 48px;
margin-left: 89.6px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-golden .singular-text .singular-text-title::before {
font-size: 48px;
margin-left: -56.16px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-golden .singular-text .singular-text-brand {
font-size: 14px;
line-height: 20px;
margin-left: 89.6px;
margin-top: 24px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-golden.m-text-top .singular-text {
top: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-golden.m-text-bottom .singular-text {
bottom: 70px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-golden .singular-text .singular-text-title {
font-size: 28px;
line-height: 34px;
margin-left: 40px;
margin-right: 40px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-golden .singular-text .singular-text-title {
font-size: 40px;
line-height: 48px;
margin-left: 89.6px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-golden .singular-text .singular-text-title::before {
font-size: 48px;
margin-left: -56.16px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-golden .singular-text .singular-text-brand {
font-size: 13px;
line-height: 16px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-golden .singular-text .singular-text-brand {
font-size: 14px;
line-height: 20px;
margin-left: 89.6px;
margin-top: 24px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-golden.m-text-top .singular-text {
top: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-golden.m-text-bottom .singular-text {
bottom: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-golden .singular-text .singular-text-title {
font-size: 28px;
line-height: 34px;
margin-left: 64px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-golden .singular-text .singular-text-title::before {
font-size: 40px;
margin-left: -48px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-golden .singular-text .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-left: 64px;
margin-top: 8px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-golden.m-text-top .singular-text {
top: 50px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-golden.m-text-bottom .singular-text {
bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title::before {
font-size: 16px;
margin-left: -18.72px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title::before {
font-size: 24px;
margin-left: -28.08px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title {
font-size: 14px;
line-height: 17px;
margin-left: 24px;
margin-right: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title {
margin-left: 40px;
margin-right: 40px;
font-size: 18px;
line-height: 20px;
}
}
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand {
margin-top: 4px;
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand {
margin-left: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand {
font-size: 11px;
line-height: 16px;
margin-left: 40px;
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-top .singular-text {
display: flex;
height: 100%;
align-items: center;
top: 0;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-top .singular-text {
display: block;
height: auto;
top: 30px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-bottom .singular-text {
display: flex;
height: 100%;
align-items: center;
bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-bottom .singular-text {
display: block;
height: auto;
bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic .singular-text .singular-text-title {
font-size: 26px;
line-height: 28px;
margin-left: 58.08px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic .singular-text .singular-text-title {
font-size: 32px;
line-height: 40px;
margin-left: 76.8px;
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic .singular-text .singular-text-title::before {
font-size: 32px;
margin-left: -36px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic .singular-text .singular-text-title::before {
font-size: 48px;
margin-left: -56.16px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic .singular-text .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-left: 58.08px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic .singular-text .singular-text-brand {
font-size: 14px;
line-height: 20px;
margin-top: 24px;
margin-left: 76.8px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic.m-text-bottom .singular-text {
bottom: 50px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-panoramic.m-text-top .singular-text {
top: 50px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-title,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-panoramic .singular-text-title {
font-size: 26px;
line-height: 28px;
margin-left: 58.08px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-title::before,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-panoramic .singular-text-title::before {
font-size: 32px;
margin-left: -36px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-brand,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-panoramic .singular-text-brand {
margin-left: 58.08px;
font-size: 13px;
line-height: 16px;
margin-top: 8px;
margin-right: 64px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-panoramic .singular-text .singular-text-title {
font-size: 32px;
line-height: 40px;
margin-left: 76.8px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-panoramic .singular-text .singular-text-title::before {
font-size: 48px;
margin-left: -56.16px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-panoramic .singular-text .singular-text-brand {
font-size: 14px;
line-height: 20px;
margin-top: 24px;
margin-left: 76.8px;
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-panoramic.m-text-bottom .singular-text {
bottom: 50px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-panoramic.m-text-top .singular-text {
top: 50px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-6.col-lg-6:first-child {
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6:first-child {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-title {
font-size: 26px;
line-height: 28px;
margin-left: 58.08px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-title {
font-size: 26px;
line-height: 28px;
margin-left: 58.08px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-title::before {
font-size: 32px;
margin-left: -36px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-title::before {
font-size: 32px;
margin-left: -36px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-left: 58.08px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-panoramic .singular-text-brand {
margin-left: 58.08px;
font-size: 13px;
line-height: 16px;
margin-top: 8px;
margin-right: 64px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic .singular-text .singular-text-title::before,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title::before {
font-size: 16px;
margin-left: -18.72px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic .singular-text .singular-text-title::before,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title::before {
font-size: 24px;
margin-left: -28.08px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic .singular-text .singular-text-title,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title {
font-size: 14px;
line-height: 17px;
margin-left: 24px;
margin-right: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic .singular-text .singular-text-title,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title {
margin-left: 40px;
margin-right: 40px;
font-size: 18px;
line-height: 20px;
}
}
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand {
margin-top: 4px;
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand {
margin-left: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand {
font-size: 11px;
line-height: 16px;
margin-left: 40px;
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic.m-text-top .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-top .singular-text {
display: flex;
height: 100%;
align-items: center;
top: 0;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic.m-text-top .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-top .singular-text {
display: block;
height: auto;
top: 20px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic.m-text-bottom .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-bottom .singular-text {
display: flex;
height: 100%;
align-items: center;
bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-panoramic.m-text-bottom .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-bottom .singular-text {
display: block;
height: auto;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-square,
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-square {
max-width: 696px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-square .singular-text-title,
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-square .singular-text-title {
font-size: 32px;
line-height: 40px;
margin-left: 70.4px;
margin-right: 70.4px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-square .singular-text-title::before,
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-square .singular-text-title::before {
font-size: 40px;
margin-left: -48px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-12.col-md-12.col-lg-12 .article-asset-singular-square .singular-text-brand,
.col-sm-12.col-md-6.col-lg-6 .article-asset-singular-square .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-top: 8px;
margin-left: 70.4px;
margin-right: 70.4px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-square {
max-width: 696px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-square .singular-text-title,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-square .singular-text-title,
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-square .singular-text-title {
font-size: 32px;
line-height: 40px;
margin-left: 70.4px;
margin-right: 70.4px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-square .singular-text-title::before,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-square .singular-text-title::before,
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-square .singular-text-title::before {
font-size: 40px;
margin-left: -48px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-6 .article-asset-singular-square .singular-text-brand,
.col-sm-8.col-md-8.col-lg-8 .article-asset-singular-square .singular-text-brand,
.col-sm-8.col-md-9.col-lg-9 .article-asset-singular-square .singular-text-brand {
font-size: 13px;
line-height: 16px;
margin-top: 8px;
margin-left: 70.4px;
margin-right: 70.4px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square .singular-text .singular-text-title::before,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title::before {
font-size: 16px;
margin-left: -18.72px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square .singular-text .singular-text-title::before,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title::before {
font-size: 24px;
margin-left: -28.08px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square .singular-text .singular-text-title,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title {
font-size: 14px;
line-height: 17px;
margin-left: 24px;
margin-right: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square .singular-text .singular-text-title,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title {
font-size: 21px;
line-height: 24px;
margin-left: 40px;
margin-right: 40px;
}
}
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand {
margin-top: 4px;
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand {
margin-left: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square.m-text-top .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square.m-text-top .singular-text {
display: flex;
height: 100%;
align-items: center;
top: 0;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square.m-text-top .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square.m-text-top .singular-text {
display: block;
height: auto;
top: 20px;
}
}
@media only screen and (min-width: 768px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square.m-text-bottom .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square.m-text-bottom .singular-text {
display: flex;
height: 100%;
align-items: center;
bottom: 0;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-4.col-md-4.col-lg-4 .article-asset-singular-square.m-text-bottom .singular-text,
.col-sm-3.col-md-3.col-lg-3 .article-asset-singular-square.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square.m-text-bottom .singular-text {
display: block;
height: auto;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title::before,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title::before,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title::before,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title::before,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title::before,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title::before {
font-size: 16px;
margin-left: -18.72px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-title,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-title,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-title {
font-size: 14px;
line-height: 17px;
margin-left: 24px;
margin-right: 24px;
}
}
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand {
margin-top: 4px;
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square .singular-text .singular-text-brand,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden .singular-text .singular-text-brand,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic .singular-text .singular-text-brand {
margin-left: 24px;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-square.m-text-top .singular-text,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-square.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square.m-text-top .singular-text,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-top .singular-text,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-panoramic.m-text-top .singular-text,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-top .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-top .singular-text {
display: flex;
height: 100%;
align-items: center;
top: 0;
}
}
@media only screen and (min-width: 1024px) {
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-square.m-text-bottom .singular-text,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-square.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-square.m-text-bottom .singular-text,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-golden.m-text-bottom .singular-text,
.col-sm-6.col-md-6.col-lg-3 .article-asset-singular-panoramic.m-text-bottom .singular-text,
.col-sm-6.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-bottom .singular-text,
.col-sm-4.col-md-3.col-lg-3 .article-asset-singular-panoramic.m-text-bottom .singular-text {
display: flex;
height: 100%;
align-items: center;
bottom: 0;
}
}
.ficha-review-container {
max-width: 400px;
margin-left: auto;
margin-right: auto;
padding: 8px 8px 16px 8px;
background: #fff;
}
@media only screen and (min-width: 768px) {
.ficha-review-container {
padding: 8px 8px 24px 8px;
}
}
.ficha-picture {
max-width: 100%;
display: block;
position: relative;
width: 100%;
height: 0;
padding: 66.25% 0 0 0;
overflow: hidden;
}
.ficha-picture img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.ficha-name {
margin-top: 8px;
margin-bottom: 4px;
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.ficha-name {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-name {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-name {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-name {
line-height: 20px;
}
}
.ficha-name a:hover {
color: #218C79;
}
@media only screen and (min-width: 768px) {
.ficha-name {
margin-bottom: 8px;
}
}
.ficha-director {
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
@media only screen and (min-width: 768px) {
.ficha-director {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-director {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-director {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-director {
line-height: 20px;
}
}
.ficha-info-container,
.ficha-rating-container {
margin-top: 4px;
margin-bottom: 4px;
display: flex;
}
@media only screen and (min-width: 768px) {
.ficha-info-container,
.ficha-rating-container {
margin-top: 8px;
margin-bottom: 8px;
}
}
.ficha-info-container span,
.ficha-rating-container span {
padding: 0 8px;
display: inline-flex;
align-items: center;
font-weight: normal;
}
.ficha-info-container span a,
.ficha-rating-container span a {
font-size: 14px;
line-height: 20px;
display: flex;
align-items: baseline;
}
@media only screen and (min-width: 768px) {
.ficha-info-container span a,
.ficha-rating-container span a {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-info-container span a,
.ficha-rating-container span a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-info-container span a,
.ficha-rating-container span a {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-info-container span a,
.ficha-rating-container span a {
line-height: 20px;
}
}
.ficha-info-container span a::before,
.ficha-rating-container span a::before {
margin-right: 4px;
}
.ficha-info-container span:first-child,
.ficha-rating-container span:first-child {
border-right: 1px;
border-right-style: solid;
border-color: #061B29;
padding-left: 0;
}
.ficha-info-container span:last-child,
.ficha-rating-container span:last-child {
padding-right: 0;
}
.ficha-info:before {
font-size: 12px;
font-family: icons-min;
content: "\e602";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-info:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-video:before,
.ficha-sensacine:before,
.ficha-espinof:before {
font-size: 12px;
font-family: icons-min;
content: "\e905";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-video:after,
.ficha-sensacine:after,
.ficha-espinof:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-rating-container {
flex-wrap: wrap;
}
.ficha-rating-container span {
padding: 0;
align-items: flex-end;
}
.ficha-rating-container span:first-child {
border-right: none;
padding-right: 24px;
}
.ficha-rating-container span a {
height: 24px;
}
.ficha-text {
position: relative;
height: 23px;
overflow: hidden;
padding-right: 24px;
cursor: pointer;
}
.ficha-text:after {
font-size: 16px;
font-family: icons-min;
content: "\e901";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-left: 0.2em;
}
.ficha-text:before {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 1024px) {
.ficha-text {
height: auto;
padding-right: 0;
cursor: auto;
}
}
.ficha-text::after {
right: 0;
top: 0;
position: absolute;
transform: rotate(90deg);
}
@media only screen and (min-width: 1024px) {
.ficha-text::after {
display: none;
}
}
.ficha-text p {
font-size: 14px;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
.ficha-text p {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-text p {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-text p {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-text p {
line-height: 20px;
}
}
@media only screen and (min-width: 1024px) {
.ficha-text p {
white-space: normal;
}
}
.ficha-view-more {
height: auto;
padding-right: 0;
}
.ficha-view-more::after {
transform: rotate(-90deg);
top: auto;
bottom: 0px;
}
.ficha-view-more p {
white-space: normal;
max-width: 90%;
}
@media only screen and (min-width: 1024px) {
.ficha-view-more p {
max-width: none;
}
}
.ficha-user-rating {
margin-left: 4px;
font-size: 0;
display: flex;
height: 24px;
}
@media only screen and (min-width: 768px) {
.ficha-user-rating {
margin-left: 8px;
}
}
.ficha-user-rating .ficha-star {
position: relative;
margin-left: 1px;
display: inline-block;
height: 24px;
}
@media only screen and (min-width: 768px) {
.ficha-user-rating .ficha-star {
margin-left: 1px;
}
}
.ficha-user-rating .ficha-star:before {
font-size: 9px;
position: relative;
color: #B8B8B8;
content: '\2605';
top: 0;
}
.ficha-user-rating .ficha-active:after {
font-size: 9px;
position: absolute;
color: #151c24;
content: '\2605';
left: 0;
}
.ficha-user-rating .ficha-active.m-half:after {
width: 5px;
overflow: hidden;
}
.m-winner {
border: 3px solid #000;
position: relative;
}
.winner-badge {
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.winner-badge::before {
background: url("//img.weblogssl.com/g/r/svg/oscar-icon.svg?v=155");
position: absolute;
content: '';
width: 16px;
height: 35px;
background-repeat: no-repeat;
left: 23px;
top: 17px;
}
.winner-badge::after {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-right: 116px solid transparent;
border-top: 108px solid #000;
content: '';
z-index: -1;
}
.product-grain-container {
max-width: 200px;
margin: 0 auto;
border: 1px solid #e0e0e0;
background-color: #fff;
padding: 0;
position: relative;
}
.product-grain {
padding-top: 44px;
}
.product-grain.m-product-grain-marketplace {
border-bottom: 1px solid #e0e0e0;
}
.product-grain-score {
position: absolute;
left: 8px;
top: 0;
}
.product-grain-score .grain-score {
font-size: 13px;
line-height: 16px;
width: 36px;
border-top: 4px solid;
padding-top: 4px;
text-align: center;
display: inline-block;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.product-grain-score .grain-score {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.product-grain-score .grain-score {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.product-grain-score .grain-score {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.product-grain-score .grain-score {
line-height: 16px;
}
}
.product-grain-score .total-9,
.product-grain-score .total-10 {
border-color: #277812;
color: #277812;
background-color: transparent;
}
.product-grain-score .total-7,
.product-grain-score .total-8 {
border-color: #9CBF2F;
color: #789F01;
background-color: transparent;
}
.product-grain-score .total-5,
.product-grain-score .total-6 {
border-color: #FFB900;
color: #FFB900;
background-color: transparent;
}
.product-grain-score .total-3,
.product-grain-score .total-4 {
border-color: #FC6B00;
color: #FC6B00;
background-color: transparent;
}
.product-grain-score .total-1,
.product-grain-score .total-2,
.product-grain-score .total-0 {
border-color: #AF0400;
color: #AF0400;
background-color: transparent;
}
.product-grain-picture {
width: calc(100% - 32px);
margin: 0 auto 24px;
max-width: 128px;
}
.product-grain-img {
display: block;
position: relative;
width: 100%;
height: 0;
padding: 100% 0 0 0;
overflow: hidden;
}
.product-grain-img img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.product-grain-img img {
object-fit: contain;
}
.product-grain-title {
padding: 0 16px 12px;
}
.product-grain-title h3 {
min-height: 48px;
font-size: 22px;
line-height: 24px;
margin-top: 0;
margin-bottom: 0;
font-weight: bold;
color: #061B29;
}
.product-grain-price {
font-size: 14px;
line-height: 20px;
color: #707070;
padding: 0px 8px 12px 16px;
display: block;
min-height: 20px;
}
@media only screen and (min-width: 768px) {
.product-grain-price {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.product-grain-price {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.product-grain-price {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.product-grain-price {
line-height: 20px;
}
}
.product-grain-price.m-product-grain-marketplace {
display: flex;
justify-content: space-between;
position: relative;
padding-top: 12px;
}
.product-grain-price.m-product-grain-marketplace::after {
position: absolute;
content: '';
height: 1px;
width: 100%;
box-shadow: 0 0 4px 0 rgba(152, 152, 152, 0.5);
top: 0;
left: 0;
}
.price-chevron-icon {
display: inline-block;
overflow: hidden;
text-align: center;
display: inline-flex;
align-items: center;
color: #111;
}
.price-chevron-icon:before {
font-size: 24px;
font-family: icons-min;
content: "\e923";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.price-chevron-icon:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.price-chevron-icon:before,
.price-chevron-icon:after {
font-size: 16px;
line-height: 1;
vertical-align: text-bottom;
}
.price-chevron-icon: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;
}
.price-chevron-icon.m-unfold {
display: inline-block;
overflow: hidden;
text-align: center;
}
.price-chevron-icon.m-unfold:before {
font-size: 24px;
font-family: icons-min;
content: "\e926";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.price-chevron-icon.m-unfold:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.price-chevron-icon.m-unfold:before,
.price-chevron-icon.m-unfold:after {
font-size: 16px;
line-height: 1;
vertical-align: text-bottom;
}
.price-chevron-icon.m-unfold: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;
}
.product-grain-badge {
font-size: 11px;
line-height: 16px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: bold;
padding: 4px 8px;
display: block;
}
@media only screen and (min-width: 768px) {
.product-grain-badge {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.product-grain-badge {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.product-grain-badge {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.product-grain-badge {
line-height: 16px;
}
}
.blob .product-grain-picture img {
margin-top: 0;
margin-bottom: 0;
}
.blob .product-grain-badge {
font-size: 11px;
line-height: 16px;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.blob .product-grain-badge {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.blob .product-grain-badge {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.blob .product-grain-badge {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.blob .product-grain-badge {
line-height: 16px;
}
}
.blob .product-grain-price {
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.blob .product-grain-price {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.blob .product-grain-price {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.blob .product-grain-price {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.blob .product-grain-price {
line-height: 20px;
}
}
.pg-mp-version-navigation {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
}
.pg-mp-version-navigation::before,
.pg-mp-version-navigation::after {
position: absolute;
content: '';
width: 18px;
height: 40px;
top: 0;
z-index: 1;
}
.pg-mp-version-navigation::before {
background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
left: 0;
}
.pg-mp-version-navigation::after {
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
right: 0;
}
.pg-mp-version-navigation-list {
display: flex;
align-items: center;
align-items: baseline;
width: 100%;
}
.pg-mp-list-item {
width: 92px;
flex-shrink: 0;
transform: translate(-100%);
}
.pg-mp-list-item:first-child {
transform: translate(-80%);
}
.pg-mp-list-item:first-child,
.pg-mp-list-item.m-selected + .pg-mp-list-item {
display: block !important;
}
.pg-mp-list-item.m-selected:first-child {
transform: translate(0%);
}
.pg-mp-list-item.m-selected:first-child ~ .pg-mp-list-item {
transform: translate(-20%);
}
.pg-mp-list-item.m-selected + .pg-mp-list-item {
transform: translate(-120%);
}
.pg-mp-list-item.m-selected + .pg-mp-list-item .pg-mp-version-name {
text-align: left;
}
.pg-mp-version-name {
white-space: nowrap;
font-size: 13px;
line-height: 16px;
display: block;
padding: 12px 0;
width: 100%;
text-align: right;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.pg-mp-version-name {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.pg-mp-version-name {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.pg-mp-version-name {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.pg-mp-version-name {
line-height: 16px;
}
}
.pg-mp-list-item.m-selected {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
transform: translate(-92px);
}
.pg-mp-list-item.m-selected .pg-mp-version-name {
font-weight: bold;
text-align: center;
width: 92px;
}
.pg-mp-btn-navigation {
position: absolute;
top: 0;
height: 40px;
line-height: 40px;
width: 16px;
color: #111;
z-index: 9;
}
.pg-mp-btn-navigation.btn-previous {
left: 12px;
}
.pg-mp-btn-navigation.btn-previous:before {
font-size: 16px;
font-family: icons-min;
content: "\e924";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.pg-mp-btn-navigation.btn-previous:after {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 360px) {
.pg-mp-btn-navigation.btn-previous {
left: 18px;
}
}
.pg-mp-btn-navigation.btn-previous::before {
margin-right: 0;
}
.pg-mp-btn-navigation.btn-next {
right: 12px;
}
.pg-mp-btn-navigation.btn-next:after {
font-size: 16px;
font-family: icons-min;
content: "\e925";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-left: 0.2em;
}
.pg-mp-btn-navigation.btn-next:before {
content: "";
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 360px) {
.pg-mp-btn-navigation.btn-next {
right: 18px;
}
}
.pg-mp-btn-navigation.btn-next::after {
margin-left: 0;
}
.pg-mp-version-cta {
display: flex;
overflow: hidden;
}
.pg-mp-version-cta-item {
flex-shrink: 0;
width: 100%;
}
.pg-mp-version-cta-list {
padding: 12px 8px 0;
border-top: 1px solid #e0e0e0;
display: block;
}
.pg-mp-version-cta-store {
background: #fbefb2;
color: #111;
margin-bottom: 12px;
font-size: 13px;
line-height: 16px;
padding: 8px;
border-radius: 4px;
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.pg-mp-version-cta-store {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.pg-mp-version-cta-store {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.pg-mp-version-cta-store {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.pg-mp-version-cta-store {
line-height: 16px;
}
}
.pg-mp-version-cta-store.m-cta-primary {
background: #ffe354;
}
.pg-mp-version-cta-store-name {
max-width: calc(100% - 66px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.pg-mp-version-cta-store-price {
max-width: 66px;
}
.pg-mp-disclaimer {
color: #707070;
font-size: 11px;
border-top: 1px solid #d8d8d8;
padding: 12px 8px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.pg-mp-disclaimer {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.pg-mp-disclaimer {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.pg-mp-disclaimer {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.pg-mp-disclaimer {
line-height: 16px;
}
}
.pg-mp-version-cta-store.ecommerce-out-of-stock {
background: #E4EBEE;
color: #111;
}
.cta-button-container {
container-type: inline-size;
container-name: sidebarv2;
}
.cta-button-container .asset-content {
margin-bottom: 24px;
margin-top: 24px;
}
@container sidebarv2 (width < 570px) {
@media only screen and (min-width: 768px) {
.cta-button-inner {
padding: 24px 16px 16px 16px !important;
max-width: 336px!important;
display: block !important;
}
}
@media only screen and (min-width: 768px) {
.blob .cta-img,
.cta-img {
width: 96px!important;
height: 96px!important;
grid-column-start: 1!important;
grid-column-end: 2!important;
margin-right: 8px !important;
margin-bottom: 24px !important;
float: left !important;
}
}
@media only screen and (min-width: 768px) {
.cta-branded,
.cta-description,
.cta-button {
grid-column-start: 1!important;
grid-column-end: 3!important;
}
}
.blob .cta-title,
.cta-title {
margin-bottom: 24px !important;
}
@media only screen and (min-width: 768px) {
.blob .cta-title,
.cta-title {
grid-column-start: 2!important;
grid-column-end: 3!important;
}
}
}
.cta-button-inner {
background: #f9f9f9;
box-shadow: 0 2px 4px 0 rgba(152, 152, 152, 0.5);
margin: 0 auto;
padding: 24px 16px 16px 16px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
.cta-button-inner {
padding: 32px 40px 32px 32px;
display: grid;
grid-template-columns: 0.1fr auto;
grid-template-rows: auto auto 1fr auto;
}
}
.blob .cta-img,
.cta-img {
display: inline-block;
float: left;
margin-bottom: 24px;
width: 96px;
height: 96px;
margin-right: 8px;
box-shadow: 0 2px 4px 0 rgba(152, 152, 152, 0.5);
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.blob .cta-img,
.cta-img {
width: 192px;
height: 192px;
margin-right: 36px;
float: none;
grid-row-start: 2;
grid-row-end: 4;
margin-bottom: 0;
}
}
.blob .cta-img img,
.cta-img img {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.blob .cta-title,
.cta-title {
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
font-weight: 700;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
color: #111;
word-break: break-word;
margin: 0 0 24px 0;
}
@media only screen and (min-width: 768px) {
.blob .cta-title,
.cta-title {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
.blob .cta-title,
.cta-title {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) {
.blob .cta-title,
.cta-title {
margin-top: 0;
margin-bottom: 32px;
grid-row-start: 2;
width: 100%;
}
}
.blob .cta-description,
.cta-description {
clear: both;
}
@media only screen and (min-width: 768px) {
.blob .cta-description,
.cta-description {
clear: none;
grid-row-start: 3;
}
}
.blob .cta-description p,
.cta-description p {
font-size: 14px;
line-height: 20px;
margin: 0;
word-break: break-word;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
color: #111;
}
@media only screen and (min-width: 768px) {
.blob .cta-description p,
.cta-description p {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.blob .cta-description p,
.cta-description p {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.blob .cta-description p,
.cta-description p {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.blob .cta-description p,
.cta-description p {
line-height: 20px;
}
}
.blob .cta-button a:visited,
.blob .cta-button a:hover {
color: #fff;
}
.cta-button {
margin-top: 24px;
display: inline-flex;
}
.cta-button a {
background: #061B29;
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 8px 16px;
font-weight: 700;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
border-radius: 4px;
}
@media only screen and (min-width: 768px) {
.cta-button a {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.cta-button a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.cta-button a {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.cta-button a {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.cta-button {
margin-top: 32px;
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 2;
}
}
.cta-branded {
font-size: 11px;
line-height: 16px;
border-left: 4px solid #061B29;
color: #111;
padding-left: 4px;
text-transform: uppercase;
margin-bottom: 12px;
display: grid;
grid-row-start: 1;
margin-top: -8px;
}
@media only screen and (min-width: 768px) {
.cta-branded {
font-size: 11px;
}
}
@media only screen and (min-width: 1150px) {
.cta-branded {
font-size: 11px;
}
}
@media only screen and (min-width: 768px) {
.cta-branded {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.cta-branded {
line-height: 16px;
}
}
@media only screen and (min-width: 768px) {
.cta-branded {
margin-top: -16px;
}
}
.ficha-app {
padding: 16px 0 8px;
background: #f3f3f3;
border-radius: 6px;
overflow: hidden;
margin-bottom: 16px;
margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
.ficha-app {
margin-left: calc((100% - 696px)/2);
}
}
@media only screen and (min-width: 1024px) {
.ficha-app {
padding: 24px 32px 24px 48px;
margin-bottom: 20px;
margin-top: 20px;
box-sizing: border-box;
}
}
.ficha-app-image {
width: 72px;
height: 72px;
margin-right: 16px;
margin-left: 16px;
float: left;
border-radius: 6px;
overflow: hidden;
}
@media only screen and (min-width: 1024px) {
.ficha-app-image {
width: 104px;
height: 104px;
margin-right: 32px;
float: left;
margin-left: 0;
margin-top: 8px;
}
}
.ficha-app-image img {
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
}
.blob .ficha-app-description,
.ficha-app-description {
padding-left: 105px;
padding-right: 16px;
min-height: 72px;
}
@media only screen and (min-width: 1024px) {
.blob .ficha-app-description,
.ficha-app-description {
padding-left: 136px;
padding-right: 0;
min-height: 104px;
}
}
.blob .ficha-app-description h3.ficha-app-name,
.ficha-app-description h3.ficha-app-name {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 12px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.blob .ficha-app-description h3.ficha-app-name,
.ficha-app-description h3.ficha-app-name {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.blob .ficha-app-description h3.ficha-app-name,
.ficha-app-description h3.ficha-app-name {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1024px) {
.blob .ficha-app-description h3.ficha-app-name,
.ficha-app-description h3.ficha-app-name {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 16px;
font-size: 26px;
line-height: 30px;
}
}
.blob .ficha-app-description p,
.ficha-app-description p {
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-size: 13px;
line-height: 16px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.blob .ficha-app-description p,
.ficha-app-description p {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.blob .ficha-app-description p,
.ficha-app-description p {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.blob .ficha-app-description p,
.ficha-app-description p {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.blob .ficha-app-description p,
.ficha-app-description p {
line-height: 16px;
}
}
@media only screen and (min-width: 1024px) {
.blob .ficha-app-description p,
.ficha-app-description p {
line-height: 28px;
font-size: 16px;
}
}
.ficha-app-button.m-button-one {
padding-left: 105px;
justify-content: flex-start;
}
@media only screen and (min-width: 1024px) {
.ficha-app-button.m-button-one {
padding-left: 136px;
}
}
.ficha-app-button {
margin-top: 16px;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 6px;
}
@media only screen and (min-width: 1024px) {
.ficha-app-button {
padding-left: 136px;
margin-top: 24px;
justify-content: flex-start;
}
}
.ficha-app-button a {
background: #061B29;
color: #fff !important;
padding: 8px 8px 8px 30px;
display: inline-block;
border-radius: 6px;
margin-bottom: auto;
font-size: 13px;
line-height: 20px;
position: relative;
}
.ficha-app-button a.btn-googleplay-app {
margin-right: 4px;
margin-bottom: 8px;
}
.ficha-app-button a.btn-googleplay-app:before {
font-size: 24px;
font-family: icons-min;
content: "\e91e";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-app-button a.btn-googleplay-app:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-app-button a.btn-googleplay-app::before {
position: absolute;
left: 4px;
}
@media only screen and (min-width: 1024px) {
.ficha-app-button a.btn-googleplay-app {
margin-right: 16px;
}
}
.ficha-app-button a.btn-ios-app {
margin-bottom: 8px;
}
.ficha-app-button a.btn-ios-app:before {
font-size: 24px;
font-family: icons-min;
content: "\e617";
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 0.2em;
}
.ficha-app-button a.btn-ios-app:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.ficha-app-button a.btn-ios-app::before {
position: absolute;
left: 4px;
}
.instagram-media-container,
.twitter-tweet-rendered {
padding-left: 16px;
padding-right: 16px;
}
@media only screen and (min-width: 768px) {
.instagram-media-container,
.twitter-tweet-rendered {
padding-left: 0;
padding-right: 0;
}
}
.twitter-tweet,
.instagram-media {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 24px !important;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
.twitter-tweet,
.instagram-media {
margin-bottom: 28px !important;
}
}
blockquote.twitter-tweet,
blockquote.instagram-media {
margin-left: 16px !important;
margin-right: 16px !important;
}
@media only screen and (min-width: 768px) {
blockquote.twitter-tweet,
blockquote.instagram-media {
margin-bottom: 28px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.blob .instagram-media-container {
overflow: hidden;
}
@media only screen and (min-width: 1024px) {
.blob .instagram-media-container {
margin-left: calc((100% - 696px)/2);
}
}
@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;
}
#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;
}
.article-asset-table.m-hr-scroll {
text-align: left;
overflow-x: auto;
}
.article-asset-table.m-hr-scroll:after {
content: "Desliza para ver más »";
font-weight: normal;
font-style: normal;
text-transform: none;
font-size: 14px;
color: #707070;
line-height: 20px;
font-size: 13px;
line-height: 16px;
}
@media only screen and (min-width: 768px) {
.article-asset-table.m-hr-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.article-asset-table.m-hr-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.article-asset-table.m-hr-scroll:after {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.article-asset-table.m-hr-scroll:after {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.article-asset-table.m-hr-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.article-asset-table.m-hr-scroll:after {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.article-asset-table.m-hr-scroll:after {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.article-asset-table.m-hr-scroll:after {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.article-asset-table.m-hr-scroll:after {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.article-asset-table.m-hr-scroll:after {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.article-asset-table.m-hr-scroll:after {
line-height: 16px;
}
}
@media only screen and (min-width: 768px) {
.article-asset-table.m-hr-scroll:after {
content: "";
margin: 0;
padding: 0;
border: none;
}
}
.article-asset-table.m-hr-scroll::after {
padding-left: 16px;
}
.article-asset-table.m-hr-scroll .tabla-datos {
margin-bottom: 4px;
display: table;
}
@media only screen and (min-width: 1024px) {
.article-asset-table.m-hr-scroll .tabla-datos {
margin-bottom: 16px;
}
}
.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;
}
}
.base-asset-video .jwplayer {
position: absolute;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.article-asset-embed-datawrapper iframe {
width: 100%;
}
.quote,
.home-blob blockquote,
.blob blockquote,
.article-asset-text blockquote {
border-left: 6px solid #E0E0E0;
padding: 0 0 0 16px;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-style: italic;
}
@media only screen and (min-width: 768px) {
.quote,
.home-blob blockquote,
.blob blockquote,
.article-asset-text blockquote {
padding: 0 0 0 24px;
}
}
.quote blockquote,
.home-blob blockquote blockquote,
.blob blockquote blockquote,
.article-asset-text blockquote blockquote {
border: none;
padding: 0;
}
@media only screen and (min-width: 768px) {
.quote blockquote,
.home-blob blockquote blockquote,
.blob blockquote blockquote,
.article-asset-text blockquote blockquote {
padding: 0 0 0 24px;
}
}
.quote p,
.home-blob blockquote p,
.blob blockquote p,
.article-asset-text blockquote p {
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-style: italic;
}
.blob .tiktok-embed {
border-left: none;
padding-left: 0;
margin-left: auto;
margin-right: auto;
}
.nota-analisis {
position: relative;
padding-top: 1px;
margin-left: 16px;
margin-right: 16px;
overflow: hidden;
border-bottom: 1px solid #E0E0E0;
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: 1024px) {
.nota-analisis {
margin-left: calc((100% - 696px)/2);
}
}
@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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
line-height: 25.2px;
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: 32px;
}
}
@media only screen and (min-width: 1150px) {
.nota-analisis .total {
font-size: 32px;
line-height: 40px;
}
}
@media only screen and (min-width: 768px) {
.nota-analisis .total {
padding-left: 24px;
}
}
.nota-analisis .total:after {
display: inline-block;
font-weight: lighter;
content: "/10";
background: #eee;
color: #9b9b9b;
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;
}
}
.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 {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 0;
font-weight: lighter;
background-color: #1C5E0D;
color: #fff;
text-indent: 24px;
padding: 6px 0;
}
@media only screen and (min-width: 768px) {
.positivo h3,
.negativo h3 {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.positivo h3,
.negativo h3 {
font-size: 16px;
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: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.positivo ul,
.negativo ul {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.positivo ul,
.negativo ul {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.positivo ul,
.negativo ul {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.positivo ul,
.negativo ul {
line-height: 20px;
}
}
@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: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: #1C5E0D;
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: #AC201D;
}
.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:after {
content: "";
margin-right: 0;
margin-left: 0;
}
.negativo li:before {
color: #AC201D;
}
.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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
margin-top: 16px;
margin-bottom: 16px;
margin: 0;
display: inline;
}
@media only screen and (min-width: 768px) {
.ficha-tecnica h2 {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-tecnica h2 {
font-size: 26px;
line-height: 30px;
}
}
@media only screen and (min-width: 768px) {
.ficha-tecnica h2 {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ficha-tecnica h2 {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
.ficha-tecnica h2 {
margin-top: 48px;
}
}
.ficha-tecnica table {
border: none;
background: #fff;
border-top: 1px solid #E0E0E0;
border-collapse: collapse;
width: 100%;
margin-bottom: 0;
}
.ficha-tecnica th,
.ficha-tecnica td {
border: none;
border-bottom: 1px solid #E0E0E0;
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: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.ficha-tecnica {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-tecnica {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.ficha-tecnica {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.ficha-tecnica {
line-height: 20px;
}
}
.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=155");
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;
}
@media only screen and (min-width: 1024px) {
.article-asset-review {
clear: inherit;
}
}
.actualizacion,
.article-asset-actualizacion {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.actualizacion,
.article-asset-actualizacion {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.actualizacion,
.article-asset-actualizacion {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 768px) {
.actualizacion,
.article-asset-actualizacion {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.actualizacion,
.article-asset-actualizacion {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.actualizacion,
.article-asset-actualizacion {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.actualizacion,
.article-asset-actualizacion {
line-height: 20px;
}
}
.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 strong,
.article-asset-actualizacion strong {
font-weight: 700;
}
.actualizacion span,
.actualizacion .actualizacion-inner,
.article-asset-actualizacion > .asset-content {
display: block;
box-sizing: border-box;
border: 1px dashed #d1d100;
background: #fdfda9;
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;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
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: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.blob .actualizacion,
.blob .article-asset-actualizacion {
font-size: 16px;
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: 14px;
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: 14px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.asset-card-deal {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal {
line-height: 20px;
}
}
@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: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.asset-card-deal h2 {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal h2 {
font-size: 26px;
line-height: 30px;
}
}
.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: #E12F2F;
color: #fff;
border-radius: 8px;
padding: 12px 16px;
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
@media only screen and (min-width: 768px) {
.asset-card-deal h3 a {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal h3 a {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.asset-card-deal h3 a {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal h3 a {
line-height: 20px;
}
}
.asset-card-deal h3 a:visited,
.asset-card-deal h3 a:active {
color: #fff;
}
.asset-card-deal h3 a:hover {
background: #E12F2F;
color: #fff;
text-decoration: none;
}
.asset-card-deal h3 strong {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
font-weight: bold;
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 22.8px;
text-transform: none;
letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
.asset-card-deal h3 strong {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal h3 strong {
font-size: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 768px) {
.asset-card-deal h3 strong {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal h3 strong {
font-size: 26px;
line-height: 30px;
}
}
@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 #E0E0E0;
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: 14px;
line-height: 20px;
font-weight: normal;
}
@media only screen and (min-width: 768px) {
.asset-card-deal h4 {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal h4 {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.asset-card-deal h4 {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal h4 {
line-height: 20px;
}
}
.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: #E12F2F;
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: 14px;
display: block;
}
@media only screen and (min-width: 768px) {
.asset-card-deal-client-disclaimer {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.asset-card-deal-client-disclaimer {
font-size: 14px;
}
}
@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=155");
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%;
}
.module-type-table table,
.data-table,
.tabla-datos {
display: block;
min-width: auto;
width: auto !important;
overflow: scroll;
border-collapse: collapse;
background: #fff;
font-size: 14px;
line-height: 20px;
border-top: 1px solid #E0E0E0;
max-width: 696px;
}
@media only screen and (min-width: 768px) {
.module-type-table table,
.data-table,
.tabla-datos {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table table,
.data-table,
.tabla-datos {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.module-type-table table,
.data-table,
.tabla-datos {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table table,
.data-table,
.tabla-datos {
line-height: 20px;
}
}
@media only screen and (min-width: 1024px) {
.module-type-table table,
.data-table,
.tabla-datos {
display: table;
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 strong,
.data-table strong,
.tabla-datos strong {
font-weight: 700;
}
.module-type-table table tbody,
.data-table tbody,
.tabla-datos tbody {
width: 100%;
}
.module-type-table table caption,
.data-table caption,
.tabla-datos caption {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 16px;
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: 16px;
line-height: 28px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table table caption,
.data-table caption,
.tabla-datos caption {
font-size: 16px;
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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table table th,
.data-table th,
.tabla-datos th {
line-height: 16px;
}
}
.module-type-table table thead th,
.data-table thead th,
.tabla-datos thead th {
vertical-align: bottom;
border-bottom: 2px solid #E0E0E0;
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 #E0E0E0;
}
.module-type-table table tbody th,
.data-table tbody th,
.tabla-datos tbody th,
.module-type-table table tbody th p,
.data-table tbody th p,
.tabla-datos tbody th p,
.module-type-table table tbody th strong,
.data-table tbody th strong,
.tabla-datos tbody th strong {
line-height: 25px;
}
.article-asset-table .tabla-datos {
min-width: 100%;
max-width: 100%;
}
.article-asset-table.article-asset-normal {
margin-left: 16px;
margin-right: 16px;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.article-asset-table.article-asset-normal {
max-width: 696px;
margin-left: 72px;
margin-right: 72px;
}
}
@media only screen and (min-width: 1024px) {
.article-asset-table.article-asset-normal {
margin-left: calc((100% - 696px)/2);
margin-right: auto;
}
}
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
content: "Desliza para ver más »";
font-weight: normal;
font-style: normal;
text-transform: none;
font-size: 14px;
color: #707070;
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: 14px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
line-height: 20px;
}
}
@media only screen and (min-width: 768px) {
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
line-height: 20px;
}
}
@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: 16px;
}
}
@media only screen and (min-width: 1150px) {
.module-type-table.module-size-big table:before,
.supertable:before,
.tabla-datos:before {
line-height: 16px;
}
}
@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: 14px;
line-height: 20px;
display: block;
}
@media only screen and (min-width: 768px) {
.tip-text {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.tip-text {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
.tip-text {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
.tip-text {
line-height: 20px;
}
}
.td-featured {
background: #f6f6f6;
}
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: #111;
}
.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%;
}
@media only screen and (min-width: 768px) {
.m-equal-cols,
.article-asset-table.m-equal-cols table td,
.article-asset-table.m-equal-cols table th,
.article-asset-table.m-equal-cols table tbody td {
word-break: break-word;
}
}
.article-asset-table tr td img,
.article-asset-table tr th img {
min-width: 60px;
width: auto;
max-width: 100%;
margin: 0;
}
.highlight-cell {
background: #FDFDA9;
border-left: 1px dotted #D1D100;
border-right: 1px dotted #D1D100;
position: relative;
}
.highlight-cell:before,
.highlight-cell:after {
content: '';
height: 0;
border-top: 1px dotted #D1D100;
position: absolute;
left: 0;
right: 0;
}
.highlight-cell:before {
top: 0;
}
.highlight-cell:after {
bottom: 0;
}
.highlight-row,
.tabla-datos thead th.highlight-row {
background: #FDFDA9;
position: relative;
}
.highlight-row:before,
.tabla-datos thead th.highlight-row:before,
.highlight-row:after,
.tabla-datos thead th.highlight-row:after {
content: '';
height: 0;
border-top: 1px dotted #D1D100;
position: absolute;
left: 0;
right: 0;
}
.highlight-row:before,
.tabla-datos thead th.highlight-row:before {
top: 0;
}
.highlight-row:after,
.tabla-datos thead th.highlight-row:after {
bottom: 0;
}
.highlight-row:first-child,
.tabla-datos thead th.highlight-row:first-child {
border-left: 1px dotted #D1D100;
}
.highlight-row:last-child,
.tabla-datos thead th.highlight-row:last-child {
border-right: 1px dotted #D1D100;
}
.highlight-column {
background: #FDFDA9;
position: relative;
border-left: 1px dotted #D1D100;
border-right: 1px dotted #D1D100;
}
.tabla-datos td.highlight-column-end {
border-bottom: 1px dotted #D1D100;
}
.tabla-datos thead th.highlight-column {
background: #FDFDA9;
border-top: 1px dotted #D1D100;
}
.align-right {
text-align: right;
}
.tabla-datos th,
.blob .tabla-datos th {
font-weight: 700;
}
.tabla-datos th p,
.blob .tabla-datos th p {
font-size: 13px;
line-height: 16px;
font-weight: 700;
line-height: 25px;
}
@media only screen and (min-width: 768px) {
.tabla-datos th p,
.blob .tabla-datos th p {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
.tabla-datos th p,
.blob .tabla-datos th p {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
.tabla-datos th p,
.blob .tabla-datos th p {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
.tabla-datos th p,
.blob .tabla-datos th p {
line-height: 16px;
}
}
@media only screen and (min-width: 1024px) {
.tabla-datos th p,
.blob .tabla-datos th p {
line-height: 25px;
}
}
.article-asset-table ul,
.blob .article-asset-table ul,
.article-asset-table ol,
.blob .article-asset-table ol {
margin-left: 0;
margin-right: 0;
}
.btn-primary:hover,
.btn-secondary:hover,
.btn-disabled:hover,
.btn-mini:hover,
.btn-giant:hover,
.btn-facebook:hover,
.btn-instagram:hover,
.btn-twitter:hover,
.btn-whatsapp:hover,
.btn-email:hover,
.btn:hover,
.btn-raw:hover,
.btn-inverted:hover,
.btn-flipboard:hover {
text-decoration: none;
}
.btn-primary[disabled="disabled"]:hover,
.btn-secondary[disabled="disabled"]:hover,
.btn-disabled[disabled="disabled"]:hover,
.btn-mini[disabled="disabled"]:hover,
.btn-giant[disabled="disabled"]:hover,
.btn-facebook[disabled="disabled"]:hover,
.btn-instagram[disabled="disabled"]:hover,
.btn-twitter[disabled="disabled"]:hover,
.btn-whatsapp[disabled="disabled"]:hover,
.btn-email[disabled="disabled"]:hover,
.btn[disabled="disabled"]:hover,
.btn-raw[disabled="disabled"]:hover,
.btn-inverted[disabled="disabled"]:hover,
.btn-flipboard[disabled="disabled"]:hover,
.btn-primary.m-disabled:hover,
.btn-secondary.m-disabled:hover,
.btn-disabled.m-disabled:hover,
.btn-mini.m-disabled:hover,
.btn-giant.m-disabled:hover,
.btn-facebook.m-disabled:hover,
.btn-instagram.m-disabled:hover,
.btn-twitter.m-disabled:hover,
.btn-whatsapp.m-disabled:hover,
.btn-email.m-disabled:hover,
.btn.m-disabled:hover,
.btn-raw.m-disabled:hover,
.btn-inverted.m-disabled:hover,
.btn-flipboard.m-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-disabled:hover {
cursor: default;
box-shadow: none;
}
.btn-instagram-follow:hover {
text-decoration: none;
background: #2588E4;
color: #fff;
}
.m-btn-light:hover {
background-color: #E4EBEE;
color: #111;
}
.is-working:hover {
background-color: #fff;
}
.icon:hover {
text-decoration: none;
}
.foot-list-item:hover,
.foot-menu-categories .list-item.foot-list-item:hover {
color: #fff;
background: #9F9F9F;
}
.butler-item:hover {
background: #E4EBEE;
}
.butler-results-selected a:hover,
.butler-brand-selected a:hover,
.butler-all-selected a:hover {
background: #E4EBEE;
}
.ficha-compra-facebook:hover {
color: #4267b2;
}
.ficha-compra-whatsapp:hover {
color: #56A61E;
}
.ficha-compra-twitter:hover {
color: #00abf1;
}
.blob .deal-main-price:hover {
color: #111;
}
.blob .deal-main-store:hover {
color: #111;
}
.blob .ficha-compra-facebook:hover {
color: #4267b2 !important;
}
.blob .ficha-compra-twitter:hover {
color: #00abf1 !important;
}
.blob .ficha-compra-whatsapp:hover {
color: #56A61E !important;
}
.blob .ficha-compra-video:hover {
color: #b8b8b8;
}
.blob .ficha-compra-rating:hover {
color: #fff;
}
.blob .ficha-compra-rating.m-premios-xataka-rating-ganador:hover,
.blob .ficha-compra-rating.m-premios-xataka-rating-finalista:hover {
color: #111;
}
.blob .badge-text:hover {
color: #707070;
}
.product-grain:hover {
box-shadow: 0 0 4px 0 rgba(152, 152, 152, 0.5) inset;
}
.product-grain-container.m-product-grain:hover {
box-shadow: 0 0 4px 0 rgba(152, 152, 152, 0.5) inset;
}
.product-grain:hover {
box-shadow: none;
}
.product-grain-price.m-product-grain-marketplace:hover {
box-shadow: 0 0 4px 0 rgba(152, 152, 152, 0.5) inset;
}
.product-grain-price.m-product-grain-marketplace:hover::after {
display: none;
}
.a-blob:hover {
color: #E12F2F;
}
.a-text:hover {
color: #E12F2F;
}
.a-heading:hover {
color: #E12F2F;
}
.a-faded:hover {
color: #E12F2F;
}
.a-colored:hover {
color: #E12F2F;
background-color: #fdf0f0;
}
.a-light:hover {
color: #fff;
}
.a-inverted:hover {
background-color: #E12F2F;
}
.btn:hover,
a.btn:hover,
a.btn:visited:hover {
background-color: #3d5e6e;
color: #fff;
}
.btn-primary:hover {
background-color: #d62d2d;
color: #fff;
}
.btn-secondary:hover,
.btn-faded:hover {
background-color: #e7edf0;
color: #111;
}
.btn-inverted:hover {
background-color: #444;
color: #fff;
}
.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: #101010;
color: #E4EBEE;
}
.btn-comment-vote-up:hover {
background-color: #72ac26 !important;
}
.btn-comment-vote-down:hover {
background-color: #E03737 !important;
color: #fff;
}
.btn-comment-vote-up.comment-vote-disabled:hover {
background-color: #E4EBEE;
color: #111;
cursor: default;
}
.btn-comment-vote-down.comment-vote-disabled:hover {
background-color: #E4EBEE;
color: #111;
cursor: default;
}
.btn-facebook:hover,
.btn-text-facebook:hover {
background-color: #3f62a9 !important;
color: #fff;
}
.btn-flipboard:hover {
background-color: #d52626 !important;
color: #fff;
}
.link-facebook:hover {
color: #4267b2;
}
.btn-twitter:hover,
.btn-text-twitter:hover {
background-color: #00a2e5 !important;
color: #fff;
}
.link-twitter:hover {
color: #00abf1;
background-color: transparent !important;
}
.btn-whatsapp:hover {
background-color: #529e1d !important;
color: #fff;
}
.link-snapchat:hover {
color: #000;
}
.btn-instagram:hover {
background-color: #115281 !important;
background-image: #125688 !important;
color: #fff;
}
.link-instagram:hover {
color: #125688;
}
.link-telegram:hover {
color: #2e87ca;
}
.btn-email:hover {
background-color: #6c9650 !important;
color: #fff;
}
.link-email:hover {
color: #729e54;
}
.link-rss:hover {
color: #f60;
}
.link-youtube:hover {
color: #cc181e;
}
.link-pinterest:hover {
color: #cc181e;
}
.link-twitch:hover {
color: #6441a4;
}
.link-linkedin:hover {
color: #0077B5;
background-color: transparent !important;
}
.link-flipboard:hover {
color: #e02828;
background-color: transparent !important;
}
.link-discord:hover {
color: #7289da;
background-color: transparent !important;
}
@media only screen and (min-width: 1280px) {
.comment-actions-share .btn-facebook:hover {
color: #4267b2;
}
.comment-actions-share .btn-flipboard:hover {
color: #e02828;
}
.comment-actions-share .btn-twitter:hover {
color: #00abf1;
}
.comment-actions-share .btn-email:hover {
color: #729e54;
}
}
.link-tiktok:hover {
color: #000000;
}
.head-link:hover {
background-color: #354b55;
color: #fff;
}
.related-item a:hover,
.head-new-item:hover,
.head-list-item:hover,
.head-menu-editorspick a:hover {
background: #fff;
color: #218C79;
}
.head-search-button:hover {
background: transparent !important;
color: #E12F2F !important;
}
.head-menu-follow a:hover {
opacity: 1;
}
.comment-section h3 a:hover {
color: #E12F2F;
}
.context-menu-list a:hover {
background: #0e0e0e;
color: #fff;
}
.article-share .icon-facebook:hover {
color: #4267b2;
}
.article-share .icon-twitter:hover {
color: #00abf1;
}
.article-share .icon-email:hover {
color: #729e54;
}
.comment-thread-caption.is-fixed .comment-thread-close:hover,
.comment-thread-caption.is-fixed .comment-thread-source-more:hover {
opacity: 1;
}
.blob a:hover {
color: #E12F2F;
}
body.prod .newsletter-form.aside-newsletter-form,
body.testing .newsletter-form.aside-newsletter-form {
margin-bottom: 0;
}
body.prod .newsletter-form .alert-success,
body.testing .newsletter-form .alert-success,
body.prod .aside-newsletter-form .alert-success,
body.testing .aside-newsletter-form .alert-success,
body.prod .pivot-newsletter-form .alert-success,
body.testing .pivot-newsletter-form .alert-success,
body.prod .newsletter-form-container .alert-success,
body.testing .newsletter-form-container .alert-success,
body.prod .newsletter-form .alert-info,
body.testing .newsletter-form .alert-info,
body.prod .aside-newsletter-form .alert-info,
body.testing .aside-newsletter-form .alert-info,
body.prod .pivot-newsletter-form .alert-info,
body.testing .pivot-newsletter-form .alert-info,
body.prod .newsletter-form-container .alert-info,
body.testing .newsletter-form-container .alert-info {
margin-top: 0;
margin-bottom: 4px;
}
body.prod .newsletter-form .alert-success strong,
body.testing .newsletter-form .alert-success strong,
body.prod .aside-newsletter-form .alert-success strong,
body.testing .aside-newsletter-form .alert-success strong,
body.prod .pivot-newsletter-form .alert-success strong,
body.testing .pivot-newsletter-form .alert-success strong,
body.prod .newsletter-form-container .alert-success strong,
body.testing .newsletter-form-container .alert-success strong,
body.prod .newsletter-form .alert-info strong,
body.testing .newsletter-form .alert-info strong,
body.prod .aside-newsletter-form .alert-info strong,
body.testing .aside-newsletter-form .alert-info strong,
body.prod .pivot-newsletter-form .alert-info strong,
body.testing .pivot-newsletter-form .alert-info strong,
body.prod .newsletter-form-container .alert-info strong,
body.testing .newsletter-form-container .alert-info strong {
font-weight: 700;
}
body.prod .newsletter-form .alert-error,
body.testing .newsletter-form .alert-error,
body.prod .aside-newsletter-form .alert-error,
body.testing .aside-newsletter-form .alert-error,
body.prod .pivot-newsletter-form .alert-error,
body.testing .pivot-newsletter-form .alert-error,
body.prod .newsletter-form-container .alert-error,
body.testing .newsletter-form-container .alert-error {
margin-top: 16px;
margin-bottom: 4px;
}
body.prod .newsletter-aside-title,
body.testing .newsletter-aside-title,
body.prod .aside-box .aside-title.newsletter-aside-title,
body.testing .aside-box .aside-title.newsletter-aside-title {
color: #111;
font-weight: 700;
padding-top: 24px;
margin-bottom: 24px;
}
body.prod .newsletter-hint,
body.testing .newsletter-hint {
color: #111;
}
body.prod .newsletter-legal-disclaimer,
body.testing .newsletter-legal-disclaimer,
body.prod .o-newsletter-legal-disclaimer,
body.testing .o-newsletter-legal-disclaimer {
color: #707070;
font-size: 13px;
line-height: 16px;
margin-top: 16px;
margin-bottom: 4px;
display: block;
}
@media only screen and (min-width: 768px) {
body.prod .newsletter-legal-disclaimer,
body.testing .newsletter-legal-disclaimer,
body.prod .o-newsletter-legal-disclaimer,
body.testing .o-newsletter-legal-disclaimer {
font-size: 13px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .newsletter-legal-disclaimer,
body.testing .newsletter-legal-disclaimer,
body.prod .o-newsletter-legal-disclaimer,
body.testing .o-newsletter-legal-disclaimer {
font-size: 13px;
}
}
@media only screen and (min-width: 768px) {
body.prod .newsletter-legal-disclaimer,
body.testing .newsletter-legal-disclaimer,
body.prod .o-newsletter-legal-disclaimer,
body.testing .o-newsletter-legal-disclaimer {
line-height: 16px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .newsletter-legal-disclaimer,
body.testing .newsletter-legal-disclaimer,
body.prod .o-newsletter-legal-disclaimer,
body.testing .o-newsletter-legal-disclaimer {
line-height: 16px;
}
}
body.prod .newsletter-legal-disclaimer a,
body.testing .newsletter-legal-disclaimer a,
body.prod .o-newsletter-legal-disclaimer a,
body.testing .o-newsletter-legal-disclaimer a {
color: #707070;
text-decoration: underline;
}
body.prod .nav-heading,
body.testing .nav-heading {
margin-bottom: 24px;
font-weight: 700;
text-transform: none;
}
body.prod .newsletter-input,
body.testing .newsletter-input {
font-weight: normal;
font-size: 14px;
line-height: 20px;
box-sizing: border-box;
outline: none;
}
@media only screen and (min-width: 768px) {
body.prod .newsletter-input,
body.testing .newsletter-input {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .newsletter-input,
body.testing .newsletter-input {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
body.prod .newsletter-input,
body.testing .newsletter-input {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .newsletter-input,
body.testing .newsletter-input {
line-height: 20px;
}
}
body.prod .newsletter-input.input-error,
body.testing .newsletter-input.input-error {
border-color: #c00;
}
body.prod .newsletter-button,
body.testing .newsletter-button {
margin-bottom: 0px;
}
body.prod .newsletter-heading,
body.testing .newsletter-heading {
font-family: Radnika Next, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-style: normal;
font-size: 18px;
line-height: 20.4px;
text-transform: none;
letter-spacing: 0;
margin-top: 16px;
margin-bottom: 16px;
font-weight: 700;
margin-top: 0;
}
@media only screen and (min-width: 768px) {
body.prod .newsletter-heading,
body.testing .newsletter-heading {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .newsletter-heading,
body.testing .newsletter-heading {
font-size: 21px;
line-height: 24px;
}
}
@media only screen and (min-width: 768px) {
body.prod .newsletter-heading,
body.testing .newsletter-heading {
margin-top: 24px;
}
}
@media only screen and (min-width: 1280px) {
body.prod .newsletter-heading,
body.testing .newsletter-heading {
margin-top: 32px;
}
}
@media only screen and (min-width: 1360px) {
body.prod .newsletter-heading,
body.testing .newsletter-heading {
margin-top: 48px;
}
}
@media only screen and (min-width: 768px) {
body.prod .newsletter-heading,
body.testing .newsletter-heading {
margin-top: 0;
margin-bottom: 24px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .newsletter-heading,
body.testing .newsletter-heading {
margin-top: 0;
}
}
body.prod .head-menu-newsletter .head-newsletter-form,
body.testing .head-menu-newsletter .head-newsletter-form {
padding: 0 16px 24px 16px;
}
@media only screen and (min-width: 768px) {
body.prod .head-menu-newsletter .head-newsletter-form,
body.testing .head-menu-newsletter .head-newsletter-form {
padding: 0 24px 24px 24px;
}
}
body.prod .head-menu-newsletter .close-corner,
body.testing .head-menu-newsletter .close-corner {
margin: -4px 16px 0 8px;
width: 28px;
height: 28px;
line-height: 28px;
}
body.prod .head-menu-newsletter .close-corner::before,
body.testing .head-menu-newsletter .close-corner::before {
font-size: 16px;
margin: 0;
}
body.prod .head-menu-newsletter .close-corner::after,
body.testing .head-menu-newsletter .close-corner::after {
display: none;
}
body.prod .form-label-checkbox,
body.testing .form-label-checkbox {
display: none;
}
body.prod .form-label-checkbox .form-label-text,
body.testing .form-label-checkbox .form-label-text {
font-weight: 700;
line-height: 24px;
}
body.prod .form-label-checkbox .form-hint,
body.testing .form-label-checkbox .form-hint {
color: #707070;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
display: block;
margin-top: 0;
margin-left: 24px;
}
@media only screen and (min-width: 768px) {
body.prod .form-label-checkbox .form-hint,
body.testing .form-label-checkbox .form-hint {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .form-label-checkbox .form-hint,
body.testing .form-label-checkbox .form-hint {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) {
body.prod .form-label-checkbox .form-hint,
body.testing .form-label-checkbox .form-hint {
line-height: 20px;
}
}
@media only screen and (min-width: 1150px) {
body.prod .form-label-checkbox .form-hint,
body.testing .form-label-checkbox .form-hint {
line-height: 20px;
}
}
body.prod .form-label-checkbox .form-hint a,
body.testing .form-label-checkbox .form-hint a {
color: #707070;
text-decoration: underline;
}
body.prod .section-newsletter .newsletter-text,
body.testing .section-newsletter .newsletter-text {
margin-top: 16px;
padding-bottom: 8px;
line-height: 16px;
}
body.prod .section-newsletter .newsletter-legal-disclaimer,
body.testing .section-newsletter .newsletter-legal-disclaimer {
color: #B1B5BA;
margin-top: 16px;
text-align: center;
}
body.prod .section-newsletter .newsletter-legal-disclaimer a,
body.testing .section-newsletter .newsletter-legal-disclaimer a {
color: #B1B5BA;
}
body.prod .pivot-newsletter,
body.testing .pivot-newsletter {
text-align: center;
}
body.prod .pivot-newsletter-claim,
body.testing .pivot-newsletter-claim {
margin-top: 8px;
margin-bottom: 24px;
}
body.prod .foot .foot-newsletter-form,
body.testing .foot .foot-newsletter-form {
padding-bottom: 64px;
}
body.prod .foot .foot-menu-follow,
body.testing .foot .foot-menu-follow {
padding-top: 0;
margin-bottom: 32px;
padding-bottom: 0;
}
body.prod .newsletter-form p,
body.testing .newsletter-form p {
display: flex;
align-items: center;
}
body.prod .newsletter-form p .newsletter-input,
body.testing .newsletter-form p .newsletter-input {
flex-grow: 1;
width: 100%;
margin-right: 8px;
margin-bottom: 0;
}
body.prod .newsletter-form.foot-newsletter-form p .newsletter-input,
body.testing .newsletter-form.foot-newsletter-form p .newsletter-input {
margin-right: 4px;
}
.newsletter-button.btn-disabled,
.btn-newsletter.btn-disabled {
background-image: url(https://img.weblogssl.com/g/xataka4/common/ajax-loader.gif);
background-repeat: no-repeat;
background-size: 16px;
background-position: 11px center;
padding-left: 32px;
background-color: #fff;
color: #707070;
border: 1px solid #E0E0E0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}
body {
background-color: #fbfbfb;
}
.m-bg-container .article-asset-table.m-hr-scroll {
background: #fff;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 4px;
}
@media only screen and (min-width: 768px) {
.m-bg-container .article-asset-table.m-hr-scroll {
background: #fff;
border-bottom: none;
padding-bottom: 0;
}
}
.head,
.head.is-hidden,
.head.is-init {
min-height: 56px;
}
@media only screen and (min-width: 768px) {
.head,
.head.is-hidden,
.head.is-init {
min-height: 64px;
}
}
@media only screen and (min-width: 1024px) {
.head,
.head.is-hidden,
.head.is-init {
min-height: 64px;
}
}
/* Extra code - dopped theme! */
body.prod .foot-menu-follow {
padding-top: 24px !important;
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
body.prod .foot-menu-follow {
padding-top: 32px !important;
}
}