

') no-repeat center / 30px 24px transparent; border:0; cursor:pointer; margin:auto; padding:0; width:64px; height:64px; } [data-tadevel-template="web/frame-nav"].top-nav .top-nav-left-bar{ position:absolute; left:0; top:0; bottom:0; display:flex; align-items:center; } [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ position:absolute; right:0; top:0; bottom:0; display:none; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar{ position:absolute; top:0; right:64px; bottom:0; left:64px; text-align:center; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar a{ display:block; height:100%; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar a .logo{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto; --object-fit:contain; } @media (prefers-color-scheme: dark){ body[data-dark-available] [data-tadevel-template="web/frame-nav"].top-nav{ background-color:black; color:var(--primary-text-color); } body[data-dark-available] [data-tadevel-template="web/frame-nav"].top-nav .hamburger{ filter:contrast(0) brightness(2); } } @media print{ [data-tadevel-template="web/frame-nav"].top-nav .top-nav-left-bar, [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ display:none; } } [data-tadevel-template="web/frame-nav"].nav-hidden{ transform:translateY(-100%) translateY(-4px); } *{ box-sizing:border-box; } body{ --primary-background-color:#ffffff; --primary-text-color:#212121; --secondary-background-color:#eeeeee; --secondary-text-color:#6c6c6c; --primary-safe30-color:#059EDC; --primary-safe45-color:#047EB0; --primary-safe71-color:#035E83; --accent-safe30-color:#059EDC; --accent-safe45-color:#047EB0; --accent-safe71-color:#035E83; word-wrap:break-word; background-color:var(--primary-background-color); color:var(--primary-text-color); --spacing-horizontal:12px; --primary-color:#05a3e4; --primary-contrast-color:#212121; --accent-color:#05a3e4; --accent-contrast-color:#212121; --error-color:#dd2c00; } @media (min-width: 768px){ body{ --spacing-horizontal:16px; } } @media (prefers-color-scheme: dark){ body[data-dark-available]{ --primary-background-color:#212121; --primary-text-color:#ffffff; --secondary-background-color:black; --secondary-text-color:#acacac; --primary-safe30-color:#05A3E4; --primary-safe45-color:#05A3E4; --primary-safe71-color:#06B7FF; --accent-safe30-color:#05A3E4; --accent-safe45-color:#05A3E4; --accent-safe71-color:#06B7FF; } } body{ margin:0; --object-fit:contain; --object-position:center; } a, a:hover, a:active{ text-decoration:inherit; color:inherit; } img{ object-fit:var(--object-fit); object-position:var(--object-position); } img.emoji{ height:1em; width:1em; margin:0 0.05em 0 0.1em; vertical-align:-0.1em; } img[lazy-src]:not([alt=""]), img[lazy-srcset]:not([alt=""]), source[lazy-src] + img:not([alt=""]), source[lazy-srcset] + img:not([alt=""]){ opacity:0; } amp-img .amp-active{ display:none; } iframe[id^="google_ads_iframe_"]{ display:block; margin:auto; } .spacing-padding{ padding:8px; } .spacing-margin{ margin:8px; } .padding{ padding-left:12px; padding-right:12px; } @media (min-width: 768px){ .padding{ padding-left:16px; padding-right:16px; } } .row{ margin-left:calc(-1 * var(--spacing-horizontal)); margin-right:calc(-1 * var(--spacing-horizontal)); } .singleline{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .flex{ display:flex; } @media (max-width: 767px){ .if-nsm{ display:none; } } @media (min-width: 768px){ .if-sm{ display:none; } } .centered-content{ text-align:center; } .centered-content > div{ display:block !important; margin:auto !important; text-align:center; } @media (min-width: 768px){ .page-content{ border-left:1px solid #eee; border-right:1px solid #eee; } } @media (prefers-color-scheme: dark){ html[data-dark-available] .page-content{ border-color:black; } } .columns{ position:relative; margin-left:calc(-1 * var(--spacing-horizontal)); margin-right:calc(-1 * var(--spacing-horizontal)); } .columns .column-main{ padding:16px var(--spacing-horizontal) 0; margin:0; } @media (min-width: 970px){ .columns .column-main{ width:calc(100% - 300px - var(--spacing-horizontal) - var(--spacing-horizontal)); } } .columns .column-aux{ padding:16px var(--spacing-horizontal) 0; } .columns .column-aux > *{ margin-bottom:16px; } @media (min-width: 970px){ .columns .column-aux{ width:300px; box-sizing:content-box; } } @media (min-width: 970px){ .columns{ display:flex; } .columns > *{ flex-shrink:0; } } .container{ padding-left:12px; padding-right:12px; position:relative; margin:auto; } @media (min-width: 768px){ .container{ padding-left:16px; padding-right:16px; } } @media (min-width: 1024px){ .container{ width:calc(970px + 16px + 16px); } } title-header, .title-header{ display:block; text-transform:uppercase; font-weight:600; font-size:28px; line-height:1.8; } .photo{ padding-bottom:56.25%; position:relative; background-size:cover; background-position:center; } #frame-content > .frame-separator{ height:8px; background-color:var(--secondary-background-color); } #frame-content > .frame-loading::before{ display:block; content:'Cargando contenido...'; text-align:center; padding:64px 64px 512px; color:var(--secondary-text-color); text-transform:uppercase; font-size:16px; } share-button-set{ opacity:0; transition:opacity 0.2s ease-in; } body:not([my-unresolved]) share-button-set{ opacity:1; } view-offline{ padding:8px 16px; background:#d32f2f; color:white; text-transform:uppercase; font-size:14px; font-weight:bold; text-align:center; box-shadow:0 2px 4px grey; display:none; } body.offline view-offline{ display:block; } body.debugging [data-tadevel-template]{ border:4px solid blue; } body.debugging [data-tadevel-template] .hint{ position:absolute; top:0; left:0; color:blue; text-transform:uppercase; font-weight:bold; background:white; font-size:12px; } x-carousel{ position:relative; display:block; } x-carousel .x-carousel-content{ width:100%; display:flex; flex-direction:row; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory; overflow-x:scroll; overflow-y:hidden; padding-bottom:4px; } x-carousel .x-carousel-content::-webkit-scrollbar{ width:2px; height:2px; } x-carousel .x-carousel-content::-webkit-scrollbar-track{ background:rgba(0, 0, 0, 0.1); } x-carousel .x-carousel-content::-webkit-scrollbar-thumb{ background:rgba(0, 0, 0, 0.5); } x-carousel .x-carousel-content > *{ flex-shrink:0; scroll-snap-align:start; } #onesignal-popover-container{ z-index:3 !important; } view-firebase-prompt, view-install-prompt{ will-change:transform; top:initial; bottom:0; transition:transform 0.2s ease-in; transform:translateY(100%); filter:none; } view-firebase-prompt[shown], view-install-prompt[shown]{ filter:drop-shadow(0px 2px 4px #00000088); transform:translateY(0); } @media (min-width: 768px){ view-firebase-prompt, view-install-prompt{ top:0; bottom:initial; transform:translateY(-100%); } view-firebase-prompt[shown], view-install-prompt[shown]{ filter:drop-shadow(0px -2px 4px #00000088); transform:translateY(0); } } [data-tadevel-template="web/multimedia-facade"] .run{ background:none; border:none; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:100%; cursor:pointer; padding:0; } [data-tadevel-template="web/multimedia-facade"] .run svg{ fill:var(--accent-color); filter:drop-shadow(2px 4px 6px black); width:96px; height:96px; max-height:100%; } [data-tadevel-template="web/multimedia-iframe"]{ --object-fit:cover; } [data-tadevel-template="web/multimedia-iframe"].backdrop{ background-color:black; } [data-tadevel-template="web/multimedia-iframe"].backdrop .loader{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; } [data-tadevel-template="web/multimedia"]{ margin:0; } [data-tadevel-template="web/multimedia"] .caption{ padding:8px 0; font-size:0.8em; } [data-tadevel-template="web/multimedia"]:not([data-url*="facebook"]) .sizer[data-sizer="aspect-ratio"]{ height:0; --aspect-ratio-min-height:360px; padding-bottom:min(var(--aspect-ratio-min-height), var(--aspect-ratio, 56.25%)); } @media (min-width: 768px){ [data-tadevel-template="web/multimedia"]:not([data-url*="facebook"]) .sizer[data-sizer="aspect-ratio"]{ --aspect-ratio-min-height:480px; } } [data-tadevel-template="web/multimedia"] .sizer .spinner{ --spinner-color:white; margin:auto; top:0; right:0; bottom:0; left:0; position:absolute; } [data-tadevel-template="web/multimedia"] .sizer .backdrop{ background-color:black; } [data-tadevel-template="web/multimedia"] .sizer tadevel-sandbox iframe{ position:absolute; top:0; right:0; bottom:0; left:0; width:100% !important; height:100% !important; } [data-tadevel-template="web/multimedia"].multimedia[data-type="photo"] amp-img img{ object-fit:contain; } [data-tadevel-template="web/toolbar-wrapper"]{ z-index:3; position:fixed; bottom:0; margin:auto; left:0; right:0; background:white; width:100%; filter:drop-shadow(2px 4px 6px black); color:#333; transition:transform 0.2s ease-in; } [data-tadevel-template="web/toolbar-wrapper"] > #view-toolbar-wrapper-content{ position:absolute; top:100%; width:100%; background:white; } [data-tadevel-template="web/toolbar-wrapper"] view-toolbar{ display:block; min-height:48px; } @media (min-width: 768px){ [data-tadevel-template="web/toolbar-wrapper"]{ width:-moz-fit-content; width:fit-content; min-width:480px; } } [data-tadevel-template="web/x-loader"].spinner{ margin:100px auto; max-width:50px; max-height:50px; text-align:center; font-size:10px; display:flex; } [data-tadevel-template="web/x-loader"].spinner > div{ background-color:var(--spinner-color, #333); height:100%; width:6px; display:inline-block; margin:0 4px; -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out; animation:sk-stretchdelay 1.2s infinite ease-in-out; } [data-tadevel-template="web/x-loader"].spinner .rect2{ -webkit-animation-delay:-1.1s; animation-delay:-1.1s; } [data-tadevel-template="web/x-loader"].spinner .rect3{ -webkit-animation-delay:-1s; animation-delay:-1s; } [data-tadevel-template="web/x-loader"].spinner .rect4{ -webkit-animation-delay:-0.9s; animation-delay:-0.9s; } [data-tadevel-template="web/x-loader"].spinner .rect5{ -webkit-animation-delay:-0.8s; animation-delay:-0.8s; } @-webkit-keyframes sk-stretchdelay{ 0%, 40%, 100%{ -webkit-transform:scaleY(0.4); } 20%{ -webkit-transform:scaleY(1); } } @keyframes sk-stretchdelay{ 0%, 40%, 100%{ transform:scaleY(0.4); -webkit-transform:scaleY(0.4); } 20%{ transform:scaleY(1); -webkit-transform:scaleY(1); } } [data-tadevel-template="web/article"]{ line-height:1.5; } [data-tadevel-template="web/article"] .article-kicker{ font-size:19px; font-weight:bold; } [data-tadevel-template="web/article"] .article-header .article-kicker{ color:var(--accent-safe30-color); } [data-tadevel-template="web/article"] .article-title{ font-family:var(--title-font); font-weight:normal; } [data-tadevel-template="web/article"] .page-content{ padding-top:24px; padding-bottom:24px; } [data-tadevel-template="web/article"] title-header{ text-transform:initial; font-weight:bold; } [data-tadevel-template="web/article"] .article-author::after{ content:'\A'; display:block; background:#ddd; height:1px; flex-grow:100; align-self:center; margin-left:32px; } [data-tadevel-template="web/article"] .article-author img{ display:block; } [data-tadevel-template="web/article"] .article-author .textwrap{ width:auto; display:flex; flex-direction:column; justify-content:center; } [data-tadevel-template="web/article"] .article-author .textwrap .name{ text-transform:initial; font-size:18px; } [data-tadevel-template="web/article"] .article-author .textwrap .bio{ font-size:16px; } [data-tadevel-template="web/article"] .article-author .textwrap .more{ display:none; } [data-tadevel-template="web/article"] [is="widget-article"]{ border:none; } [data-tadevel-template="web/article-columns"] share-button-set[layout="vertical"] div.share-button-set{ flex-direction:row; } [data-tadevel-template="web/article-columns"] share-button-set share-button{ width:48px; height:48px; margin-bottom:16px; } [data-tadevel-template="web/article-columns"] share-button-set share-button[type="voice"]{ display:none; } [data-tadevel-template="web/article-columns"] share-button-set share-button .wrapper.share-button{ background:transparent !important; } [data-tadevel-template="web/article-columns"] share-button-set share-button .wrapper.share-button img{ filter:contrast(0.2) sepia(1) brightness(0.7) saturate(5) hue-rotate(160deg); } [data-tadevel-template="web/article-columns"] share-button-set share-button .wrapper.share-button iron-icon{ fill:var(--accent-color); } @media (max-width: 768px){ [data-tadevel-template="web/article-columns"] share-button-set{ width:-moz-fit-content; width:fit-content; position:fixed; transition:all 0.2s ease-in; transform:translateY(calc(-1 * var(--view-toolbar-wrapper-static-height))); bottom:8px; right:8px; background:white; padding:0; display:block; z-index:1; border-radius:var(--border-radius); height:48px; margin:0 !important; } .frame-page:not([data-page-active]) [data-tadevel-template="web/article-columns"] share-button-set{ display:none; } } @media (min-width: 768px){ [data-tadevel-template="web/article-columns"] .article-share-and-body{ display:flex; } [data-tadevel-template="web/article-columns"] .article-share-and-body share-button-set{ width:48px; position:sticky; margin-top:24px !important; height:200px; transition:all 0.2s ease-in; top:calc(16px + var(--view-nav-current-height)); } [data-tadevel-template="web/article-columns"] .article-share-and-body share-button-set[layout="vertical"] div.share-button-set{ flex-direction:column; } [data-tadevel-template="web/article-columns"] .article-share-and-body share-button-set share-button{ margin-bottom:16px; } [data-tadevel-template="web/article-columns"] .article-share-and-body .article-body{ padding:0 32px; width:0; flex-grow:1; } } @media (max-width: 768px){ [data-tadevel-template="web/article-columns"] .ad-container{ margin-left:calc(-1 * var(--spacing-horizontal)); margin-right:calc(-1 * var(--spacing-horizontal)); } } [data-tadevel-template="web/frame-body"]{ } body[data-tadevel-template="web/frame-body"]{ font-family:'Open Sans', Sans-Serif; --offset-length:-158px; --border-radius:8px; word-wrap:break-word; --title-font:'Roboto Slab', Georgia, 'Trebuchet MS'; } [data-tadevel-template="web/frame-body"] .offset-target{ transition:transform 0.2s ease-in; transition-delay:0.1s; } [data-tadevel-template="web/frame-body"].offset-right .container[is="page-front"]:not(.breaking-articles){ left:var(--offset-length); } [data-tadevel-template="web/frame-body"].offset-right .offset-target{ transform:translateX(var(--offset-length)); } [data-tadevel-template="web/frame-body"] .page-content, [data-tadevel-template="web/frame-body"] .column-aux{ border:none; } [data-tadevel-template="web/frame-body"] #view-toolbar-wrapper-content{ display:none; } [data-tadevel-template="web/frame-body"] title-header{ border-left:16px solid var(--primary-color); padding:4px 16px; font-weight:bold; margin:16px 0; font-size:24px; } @media (min-width: 768px){ [data-tadevel-template="web/frame-body"] title-header{ font-size:28px; } } @media (min-width: 1336px){ [data-tadevel-template="web/frame-body"]{ } [data-tadevel-template="web/frame-body"] .container:not([is="page-front"]):not(.offset-target), [data-tadevel-template="web/frame-body"] .container.breaking-articles{ width:1318px; } [data-tadevel-template="web/frame-body"][data-child-template="web/article"] .container{ width:1288px; } [data-tadevel-template="web/frame-body"][data-child-template="web/article"] .container .column-main{ padding-right:96px; } [data-tadevel-template="web/frame-body"][data-child-template="web/article"] .container .column-aux{ border:none; } } [data-tadevel-template="web/frame-body"] tadevel-ad.ad-container{ width:100% !important; } [data-tadevel-template="web/frame-body"] .ad-container{ background:var(--secondary-background-color); color:var(--primary-text-color); margin-top:16px; margin-bottom:16px; display:flex; align-items:center; justify-content:center; padding:16px 0px; box-sizing:content-box; position:relative; } [data-tadevel-template="web/frame-body"] .ad-container::before{ content:'Publicidad'; font-size:10px; position:absolute; top:0; left:0; right:0; text-align:center; } [data-tadevel-template="web/frame-body"] .ad-container.parallax{ overflow:hidden; height:300px; min-height:300px; position:relative; clip-path:polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%) !important; } [data-tadevel-template="web/frame-body"] .ad-container.parallax > *{ position:fixed; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; margin:auto; min-height:300px; } [data-tadevel-template="web/frame-body"] .ad-container.parallax::before{ z-index:1; background:var(--secondary-background-color); } [data-tadevel-template="web/frame-body"] .ad-container-plain{ margin-bottom:16px; display:flex; align-items:center; justify-content:center; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]){ --accent-color:red; padding:0; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) .items, [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) .starred, [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) .starred > .main{ padding:0; margin:0; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) .items > *, [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) .starred > *, [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) .starred > .main > *{ padding:0; margin:0; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"]{ border-bottom:none; padding:0; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .indicator{ display:none; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .badge{ font-size:24px; padding:12px 32px; top:32px; left:32px; text-transform:uppercase; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .photo{ padding-bottom:480px; border-radius:16px; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .photo .overlay{ background-image:linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0)); opacity:0.8; transition:all 0.2s ease-in; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail{ position:absolute; bottom:0; left:0; right:0; text-align:center; padding:32px 24px; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail, [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail .kicker{ color:white; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail .kicker{ font-size:16px; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail .title{ font-size:28px; } @media (min-width: 768px){ [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail{ padding:32px 96px; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail .kicker{ font-size:20px; } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .detail .title{ font-size:40px; } } [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"]:hover .photo .overlay{ opacity:1; } @media (max-width: 768px){ [data-tadevel-template="web/frame-body"] .front-row[length="1"]:not(#x):not([data-nophoto]):not([data-layout="SLIDER"]) [is="widget-article"] .photo{ border-radius:0; } } body[data-tadevel-template="web/frame-body"]{ --primary-text-color:#232837; --secondary-background-color:#ebf0f5; } [data-tadevel-template="web/frame-breaking-news"].breaking-news{ background:transparent; margin:16px 0; color:inherit; position:relative; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .container{ padding:0; height:100%; color:inherit; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .item{ position:absolute; background:var(--secondary-background-color); top:0; right:0; bottom:0; left:0; overflow:hidden; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .detail .live{ text-transform:uppercase; font-weight:bold; font-size:18px; margin-bottom:4px; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .detail .live::before{ content:'\A'; width:18px; height:18px; display:inline-block; background:red; border-radius:16px; margin-right:8px; margin-bottom:-2px; animation:blinker 1s ease-in-out infinite; } @keyframes blinker{ 50%{ opacity:0.15; } } @media (max-width: 768px){ [data-tadevel-template="web/frame-breaking-news"].breaking-news .container{ position:absolute; top:0; right:0; bottom:0; left:0; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .live{ display:none; } [data-tadevel-template="web/frame-breaking-news"].breaking-news:not(.breaking-news-interactive) .caption{ display:none; } [data-tadevel-template="web/frame-breaking-news"].breaking-news[data-has-multimedia]{ padding-bottom:calc(21.4% + 4px); } [data-tadevel-template="web/frame-breaking-news"].breaking-news[data-has-multimedia] .detail{ left:40%; right:0; padding:8px 12px; } [data-tadevel-template="web/frame-breaking-news"].breaking-news[data-has-multimedia].breaking-news-interactive{ padding-bottom:calc(56.25% + 16px + 16px + 88px); } [data-tadevel-template="web/frame-breaking-news"].breaking-news[data-has-multimedia].breaking-news-interactive .detail{ left:0; padding-top:calc(56.25% + 16px); } } @media (min-width: 768px){ [data-tadevel-template="web/frame-breaking-news"].breaking-news[data-has-multimedia]{ height:180px; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .item{ top:0; right:16px; bottom:0; left:16px; border-radius:var(--border-radius); } [data-tadevel-template="web/frame-breaking-news"].breaking-news .detail{ padding:24px 32px; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .detail .caption{ font-size:20px; margin-top:16px; } [data-tadevel-template="web/frame-breaking-news"].breaking-news .container{ border-radius:8px; overflow:hidden; } } [data-tadevel-template="web/frame-nav"].top-nav{ background:white; } [data-tadevel-template="web/frame-nav"].top-nav:not(.floating){ box-shadow:none; } [data-tadevel-template="web/frame-nav"].top-nav.floating{ box-shadow:0 4px 12px #00000044; } [data-tadevel-template="web/frame-nav"].top-nav .logo{ max-height:32px; } [data-tadevel-template="web/frame-nav"].top-nav #menu-toggler{ color:var(--accent-color); } [data-tadevel-template="web/frame-nav"].top-nav iron-icon[icon="search"], [data-tadevel-template="web/frame-nav"].top-nav paper-icon-button[icon="search"], [data-tadevel-template="web/frame-nav"].top-nav iron-icon[icon="menu"], [data-tadevel-template="web/frame-nav"].top-nav paper-icon-button[icon="menu"]{ color:var(--accent-color); } [data-tadevel-template="web/frame-nav"].top-nav .menu.if-nsm{ text-transform:initial; font-size:14px; } [data-tadevel-template="web/frame-nav"].top-nav .menu.if-nsm span{ margin-left:8px; } [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar{ display:flex; flex-direction:column; justify-content:center; align-items:flex-end; } [data-tadevel-template="web/frame-nav"].top-nav .top-nav-right-bar .date{ text-transform:uppercase; font-size:12px; font-weight:100; margin-top:-12px; } @media (min-width: 768px){ [data-tadevel-template="web/frame-nav"].top-nav{ height:96px; transition:all 0.2s ease-in; } [data-tadevel-template="web/frame-nav"].top-nav #menu-toggler.if-sm, [data-tadevel-template="web/frame-nav"].top-nav .search.search.search{ display:none; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar{ pointer-events:none; } [data-tadevel-template="web/frame-nav"].top-nav .center-bar a:not(#x){ display:initial; pointer-events:all; } [data-tadevel-template="web/frame-nav"].top-nav .logo{ width:auto; max-height:48px; } [data-tadevel-template="web/frame-nav"].top-nav.floating, body[data-immersive] [data-tadevel-template="web/frame-nav"].top-nav{ height:74px; } } [data-tadevel-template="web/multimedia"] .caption{ margin-top:8px; color:#757575; font-size:14px; line-height:18px; } [data-tadevel-template="web/multimedia"][data-url*="https://open.spotify.com/"] .sizer .backdrop{ background:none !important; } [data-tadevel-template="web/multimedia"][data-type="photo"] .content img, [data-tadevel-template="web/multimedia"][data-type="photo"] .content .backdrop{ border-radius:var(--border-radius); overflow:hidden; } [data-tadevel-template="web/multimedia"][data-type="photo"] .content .overlay{ transition:all 0.2s ease-in; background-color:#00000044; }