:root { --first-color: #006cb6; --second-color: #6db72b; --bg-link-hover: #005175; --third-color: #2090ce; --bg-black-color: #000000; --bg-dark-color: #555555; --border-color: #cccccc; --border-radius: 20px; --title-panel-size: 16px; --first-font: Lato,Arial,Verdana,Helvetica,Tahoma,Sans; --second-font: 'Frank Ruhl Libre',Georgia,Times,Serif; --third-font: Georgia,Times,'Times New Roman','Frank Ruhl Libre',Serif; --single-title-text: 42px; --mobile-single-title-text: 30px; --bigger-text: 28px; --big-text: 22px; --body-text: 18px; --medium-text: 17px; --normal-text: 15px; --small-text: 12.5px; --mini-text: 10px; --weight-normal: 400; --weight-bold: 700; --weight-bolder: 900; } .magazine { margin: 0 auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .magazine .page { height: 100%; } .magazine .page img { max-width: 100%; height: 100%; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ul, menu, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { font-family:var(--first-font);font-weight:500;margin:0;padding:0;border:0;outline:0;font-size:var(--normal-text);line-height:1.35;background:transparent;color:#444444; } * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin-top:0px !important; } h1,h2,h3,h4,h5,h6 { font-weight:700;color:#000000;line-height:1; } strong { font-weight:700; } ul { list-style-type:none;padding-left: 0px; } a { text-decoration:none;color:#000000;line-height:1.1; } a:hover { text-decoration:none;color:#006cb8; } a:hover strong { color:#006cb8; } a.link-more-media { display:block;clear:both;width:100%;padding:5px 0px;text-align:center;max-width:420px;background-color:#000000;color:#FFFFFF;margin:20px auto; } a:active, a:active * { outline: none !important; -moz-outline-style: none !important; } a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; } h3 { font-size:20px;margin-top:0px; } h5 { font-size:14px;margin:0px 0px 4px 0px;text-transform:uppercase;color:#000000; } /* Nav */ nav { display:block;position:fixed;width:100%;border-top:2px solid #000000;height:calc(100% - 10px);left:-125%;top:0px;background-color:#fefefe;color:#000000;-webkit-transition: all 0.25s; transition: all 0.25s;padding:15px 0px 25px 0px;overflow-x:hidden;overflow-y:auto;z-index:200; } ul.mainmenu { position:relative;display:block;clear:both;margin:10px 0px 0px 0px; } ul.mainmenu > li { display:inline-block;color:#000000;font-size:12.5px;padding:0px 7px 15px 7px; } ul.submenu > li { font-size:12.5px; } ul.submenu > li a { font-size:12.5px; } ul.mainmenu > li a { color:#000000; } ul.mainmenu > li a:hover { text-decoration:none;color:#006cb8; } ul.mainmenu > li.menu-item-has-children { position:relative; } ul.submenu { display:none; } #full-menu { display:block; } #partial-menu { display:none; } #top-menu { display:none;clear:both; position:fixed;left:0px; top:53px; width:100%;z-index:20; } a.top-hot-trending { display:inline-block;clear:none;color:#666666;background-color:#dcdcdc;padding:10px 0px 8px 0px !important;margin:0px 0px !important;width:33%;float:left;height:auto;text-align:center;line-height:1.0;font-size:13px;text-decoration:none; } a.top-hot-trending.middle { background-color:#dcdcdc;border-left:1px solid #FFFFFF;padding:0px;border-right:1px solid #FFFFFF;width:calc(34% - 2px);float:left; } .mactive { background-color:#006cb5 !important;color:#ffffff !important;border-top:none;border-left:none;border-right:none; } /* Header */ header#header { position:relative;display:block;clear:both;top:0px;width:100%;height:102px;background-color:#FFFFFF;color:#FFFFFF;padding:14px 0px 10px 0px;border-bottom:1px solid #ededed;border-top:1px solid #ededed;z-index:20; } .top-header { display:block;clear:both; } #top-header { max-width:1280px;margin:0px auto;position:relative; } #mini-logo { display:none;margin-top:-4px; } img#mini-logo { height:16px !important;width:auto;margin-right:20px;vertical-align:middle; } img.logo.mini { max-width:140px; } #escom-logo { display: block;clear: both;margin: 0px auto;width:320px;height:32px;background: url('https://cdn-pro.elsalvador.com/img/icons.svg'); background-repeat: no-repeat;background-position:-10px -192px; } .category { display:block;clear:both;text-transform:uppercase;font-size:15px;color:#333333;text-align:center;padding:3px 0px;border-bottom:1px solid #c9c9c9; } .category a { color:#666666; } .category a:hover { text-decoration:none;color:#000000; } .category.home { background-color:#FFFFFF;padding:0px 0px;height:26px; } .category.top { background-color:#dcdcdc;height:32px;border-bottom:none;padding:0px 0px; } .category.top a { display:inline-block;color:#333333;font-size:13px;line-height:2.5;padding:0px 0px; } #site-menu { display:block;clear:both;text-transform:uppercase;font-size:15px;color:#333333;text-align:center;padding:0px 0px 0px 0px;border-top:1px solid #ededed;margin-top:15px; } .block-home { display:block;clear:both;width:96%;max-width:1280px;margin:15px auto;padding:0px 0px; } .block-home.first { margin:2px auto 15px auto; } .column-ab { display:inline-block;float:left;width:calc(100% - 300px);padding:10px 30px 10px 0px; } .column-ab2 { display:inline-block;float:left;width:calc(50% - 30px);padding:10px 10px; } .column-a { display:inline-block;float:left;width:calc(100% - 690px);padding:10px 10px; } .column-a2 { display:inline-block;float:left;width:calc(100% - 300px);padding:10px 10px 10px 0px; } .column-b { display:inline-block;float:left;width:300px;padding:10px 10px; } .column-b2 { display:inline-block;float:right;width:300px;padding:10px 0px 10px 10px !important; } .column-c { display:inline-block;float:left;width:300px;padding:20px 0px;min-width:300px; } .column-abc { display:inline-block;float:left;width:33.333%;padding:10px 10px; } .block-home.full { display:block;clear:both;width:100%;max-width:100%;margin:0px auto;padding:10px 0px; } .bg-black { background-color:#000000;color:#cdcdcd; } .bg-dark { background-color:#333333;color:#cdcdcd; } .home-videos > h3 { position:absolute;top:-43px;left:calc(50% - 100px);display:inline-block;text-transform:uppercase;font-size:13px;padding:4px 10px;width:180px;background-color:#FFFFFF;border:1px solid #333333;text-align:center; } .home-photos > h3 { position:absolute;top:-43px;left:calc(50% - 100px);display:inline-block;text-transform:uppercase;font-size:13px;padding:4px 10px;width:180px;background-color:#FFFFFF;border:1px solid #333333;text-align:center; } .column-a2 section article.secondary .media-item { display:inline-block;width:44%;padding:0px 0px; } .column-a2 section article.secondary .detail-content { display:inline-block;width:54%;padding:0px 0px;margin-left:1%;vertical-align:top; } .column-a2 section article.secondary .detail-content .category-name { position:relative;display:inline-block;clear:none; } .block-generic { display:block;clear:both;width:100%; } a.main-links { display:inline-block;font-size:13px;color:#000000;padding:10px 7px 0px 7px;text-transform:uppercase; } a.main-links.current { border-bottom:3px solid #006cb8; } a.main-links.current:hover { text-decoration:none; } a.link-humor { display:block;clear:both;width:100%;font-size:15px;font-weight:bold;line-height:1.5;text-align:center; } .subcategory-menu { text-align:center;padding:0px 0px;margin:-20px 0px 20px 0px; } /* Cambios para login */ .side-panel { display:block;clear:both;position:fixed;width:100%;box-shadow:0px 0px 8px #666666;height:100%;background:#ffffff;max-width:400px;max-height:100%;right:-150%;padding:20px 20px 20px 20px;top:0px;z-index:10000;-webkit-transition: all 0.25s; transition: all 0.25s; } .box-padding20 { display:block;clear:both;padding:25px 25px; } #login-box.side-panel { overflow-y:auto; } #site-menu.side-panel { overflow-y:auto; } #content-messages{position:fixed;top:0px;right:-150%;display:flex;align-items:center;width:100%;height:100%;background:rgba(0,108,182,0.8);opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;z-index:50000} #the-message{position:relative;display:block;width:86%;height:auto;padding:20px 20px;margin:0px auto;max-width:480px;background:white;border-radius:16px; } .title-message{font-size:17px;font-weight:700;text-align:left} .title-panel { font-weight:700;font-size:var(--title-panel-size);text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid black;margin-bottom:20px; } .title-panel2 { font-weight:700;font-size:var(--title-panel-size);text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid red;margin-bottom:20px; } .texto-pequeno { font-size: 12px !important; } input.login-text { display:block;clear:both;width:calc(100% - 26px) !important;max-width:100% !important;margin:15px 0px;font-family:'Poppins',Arial,Verdana,Tahoma,Helvetica,sans;font-size:14px;padding:6px 12px;border-radius:7px;border:1px solid #cccccc; } .half-left { display:inline-block;float:left; } .half-right { display:inline-block;float:right; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .btn-session { background:#006cb7 !important;color:#FFFFFF !important;border-radius:8px !important;border:none !important; } a.button-link.btn-session:hover { background:#ffffff !important;color:#333333 !important;border:1px solid #cecece !important; } .block-create-account { display:block;clear:both;padding-top:20px;margin-top:55px;border-top:1px solid #cecece; } .link-bold { font-weight:700;text-transform:uppercase; } .account-content { display:block;clear:both;width:100%;height:100%;max-width:480px;margin:0px auto;overflow-y:auto; } .account-content p { margin:15px 0px; } .account-content a { font-weight:700;color:var(--first-color);text-decoration:none; } .account-content ul,ul.points { list-style:none;list-style-color:var(--first-color);margin-left:20px; } ul.points { margin:10px 0px; } .account-content ul li,ul.points li { margin-bottom:5px; } .account-content ul li::before,ul.points li::before { display:inline-block;width:8px;height:8px;background:var(--first-color);margin:0px 7px 0px 0px;content:" ";border-radius:3px; } .account-content ul.user-menu li { text-align:right;text-transform:uppercase;padding:8px 0px;border-bottom:1px solid #ededed; } .account-content ul.user-menu li a { color:black; font-weight:400; } .account-content ul.user-menu li::before { display:none; } #waiting { display:none; } #registered-box { display:none;clear:both;height:100%;/* background:#FFFFFF url('images/bg-registered.jpg');background-repeat:no-repeat;background-size:100% auto;background-position:center bottom; */ } ul.with-login { list-style-type:square;margin-left:20px; } ul.with-login li { margin:7px 0px;font-size:14px;line-height:1.35; } .box-form-boxes { padding:2px 10px;border:1px solid #c9c9c9;border-radius:16px; } .logo.account { width:170px;margin:0px auto;padding-bottom:10px; } #thankyou-box { display:none;clear:both;height:100%;/* background:#FFFFFF url('images/bg-registered.jpg');background-repeat:no-repeat;background-size:100% auto;background-position:center bottom; */ } input:focus, select:focus, button:focus { outline:none !important; outline-width: 0 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* Cambio publicidad */ .top-bar { /* display:block; */display:none;clear:both;padding:15px 0px;text-align:center;-webkit-transition:height 0.7s; transition:height 0.7s;overflow:hidden; } #expanded { display:block;clear:both;width:970px;height:0px;-webkit-transition: all 0.3s; transition: all 0.3s;margin:0px auto;opacity:0; } /* Main list articles */ main { display:block;clear:both;width:100%;max-width:100%;height:auto;overflow-x:hidden !important;} main.home { margin:0px 0px;padding:0px 0px;display:block;clear:both;width:100%;max-width:100%;height:auto;overflow-x:hidden !important; height:auto; overflow-y:hidden !important; } main.inside { margin:0px 0px;padding:0px 0px;display:block;clear:both;width:100%;max-width:100%;height:auto;overflow-x:hidden !important; } main.detail { margin:0px auto;padding:0px 15px;width:100%; } main section article { position:relative;display:block;clear:both;height:auto;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ededed; } main section article.last { border-bottom:none; } main.detail section article { margin-bottom:0px;padding-bottom:0x;border-bottom:none; } main.detail section .banner-300x250 { margin-bottom:0px;padding-bottom:0x;border-bottom:none; } #content-top section article, #content-hot section article, #content-pop section article { margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ededed; } main.opinion section article { border-bottom:1px solid #dedede;margin-bottom:24px;padding-bottom:10px; } main section.full-width article { position:relative;display:inline-block;clear:none;float:left;width:31.3%;height:auto;min-height:360px;max-height:420px;overflow:hidden;margin:20px 1%;padding-bottom:15px;border-bottom:1px solid #ededed; } .column-abc.subsections { padding:10px 0px 10px 0px;width:31%; } .column-abc.subsections.middle { padding:10px 3.5% 10px 3.5%;width:31%; } section.subsections article.wphoto { padding-bottom:20px;margin-top:0px; } section.subsections article.wphoto h1 { margin-bottom:0px;line-height:1.0; } section.subsections article.wphoto h1 a { font-size:15px;line-height:1.25; } section.subsections article.wphoto h2 { margin-bottom:7px;line-height:1.0; } section.subsections article.wphoto h2 a { font-size:15px;line-height:1.0; } section.subsections article .detail-content { margin-bottom:0px; } main section article .detail-content p { font-family:var(--second-font);font-size:12.5px;line-height:1.45;color:#666666;font-weight:normal;letter-spacing: -0.01em;margin:5px 0px 5px 0px; } .detail-content p { font-family:var(--second-font);font-size:12.5px;line-height:1.45;color:#666666;font-weight:normal;letter-spacing: -0.01em;margin:5px 0px 5px 0px; } main section article .detail-content p span.source { font-family:var(--first-font);color:#000000 !important;font-weight:600; } .detail-content { padding:0px 0px;z-index:10; } .column-ab section article.secondary .detail-content p { margin-bottom:0px; } .detail-content h1 { margin:7px 0px 7px 0px;color:#000000;line-height: 1.3; } .detail-content h1 a { font-family:var(--first-font);color:#000000;font-size:17.5px;font-weight:600; } .detail-content h1 a span { color:#006cb8; } .detail-content h1 a:hover { text-decoration:none;color:#006cb8; } .detail-content h2 { margin:7px 0px 7px 0px;color:#000000;line-height: 1.1; } .detail-content h2 a { font-family:var(--first-font);color:#000000;font-size:17.5px;font-weight:600; } .detail-content h2 a span { color:#006cb8; } .detail-content h2 a:hover { text-decoration:none;color:#006cb8; } .extra-data { position:relative;display:block;clear:both;height:auto;font-family:var(--first-font);font-weight:400; } .extra-data.inside { padding:0px 0px;margin-bottom:20px; } .swiper-slide .extra-data { margin-bottom:10px; } .extra-data p { font-family:var(--first-font);font-size:10px !important;color:#555555; } .extra-data:hover { display:block;clear:both; } .share-buttons { display:inline-block;clear:none;width:18px;background:rgba(0,0,0,0);margin:0px 0px;overflow:hidden;padding:0px 0px;z-index:11; } .share-buttons span { display:none;width:33.333%;text-align:center; } .share-buttons:hover { float:left;position:absolute;display:block;clear:both;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,1),rgba(255,255,255,1));width:100%;left:0px;height:24px;bottom:0px;padding:30px 0px 38px 0px; } .share-buttons:hover span { display:inline-block; } .share-buttons:hover span a { margin-top:-10px; } .share-buttons span.share-button { display:inline-block;width:18px;height:18px;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;background-position:-220px -157px;position:absolute;bottom:0px; }p.info-article { clear:both;display:block;font-family:var(--first-font);font-weight:400;text-transform:uppercase;width:100%;height:auto;min-height:16px;font-size:10px;color:#555555;text-align:left;z-index:5;line-height:1.45;margin:8px 0px 0px 0px !important;letter-spacing:0.04em !important; } p.info-article strong { font-weight:400; } p.info-article span.time { display:inline-block;line-height:0.9;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;padding-right:5px;padding-left:5px;margin-right:3px; } p.info-article span.time strong { color:#000000;font-weight:600;display:inline; } p.info-article span.the-author strong { width:auto;color:#006cb8;padding-right:5px;font-weight:400; } main section article.secondary .detail-content .extra-data .share-buttons { margin-bottom:-1px; } main section article.secondary .detail-content .extra-data .share-buttons span.share-button { bottom:-4px; } .share-buttons:hover span.share-button { display:none !important; } ul.news-related { list-style-type:disc;margin:10px 0px 0px 16px; } .detail-content ul.news-related { margin:10px 0px 5px 16px; } ul.news-related li { line-height:1.2;padding:0px 0px 10px 0px; } ul.news-related li a { color:#000000;text-decoration:none;font-weight:600;font-size:14px; } ul.news-related li a:hover { text-decoration:none;color:#006cb8; } section article .detail-content ul.news-related li { padding-bottom:0px; } .media-item { position:relative;display:block;clear:both;width:100%;height:auto; } .media-item span.type-video { display: block;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);width:36px;height:36px;opacity:1.0;border-radius:50%;background:#ffffff url('https://cdn-pro.elsalvador.com/escom_the_one/images/icons.png');background-position:-142px -59px;background-repeat:no-repeat; } .media-item span.type-video:hover { filter:invert(100%); } .media-item span.type-photo { display: block;position: absolute;top:calc(50% - 18px);left: calc(50% - 18px);width:36px;height:36px;opacity:1.0;border-radius:50%;background:#ffffff url('https://cdn-pro.elsalvador.com/escom_the_one/images/icons.png');background-position:-100px -59px;background-repeat:no-repeat; } .media-item span.type-photo:hover { filter:invert(100%); } .media-item span.type-video.big { top:calc(50% - 30px);left: calc(50% - 30px);width:60px;height:60px;background-position:-39px -56px; } .media-item span.type-photo.big { top:calc(50% - 30px);left: calc(50% - 30px);width:60px;height:60px;background-position:10px -56px; } /* Widgets */ .widget-block { display:block;clear:both;margin:0px 0px 20px 0px; } .column-c .widget-block { min-width:300px; } .widget-block.more-articles .widget-content { padding-left:0px;padding-right:0px; } .widget-content { display:block;clear:both;background-color:#ffffff;margin:0px 0px; padding:15px 15px;color:#333333;border-bottom:1px solid #dedede;border-top:1px solid #dedede; } .widget-block h3 { font-family:'Poppins',var(--first-font),Serif;display:block;clear:both;margin:0px 0px; padding:0px 0px;text-transform:uppercase;color:#000000;font-size:15px;line-height:2.0;font-weight:600 !important;border-top:3px solid #000000; } .widget-block.more-articles h3 { text-align:center; } /* BLocks */ h2.title-block-section { color:#333333;text-transform:uppercase;font-size:17px;font-weight:600;margin:0px 15px;padding:6px 0px 6px 0px;border-bottom:1px solid #dedede;border-top:1px solid #dedede;text-align:center; } h2.title-block-section span.current { color:#006cb5; } h2.title-block-section a { color:#333333; } h2.title-block-section a:hover { color:#006cb5; } .column-ab h2.title-block-section { margin:10px 0px 20px 0px; } .home-videos h2.title-block-section { margin:0px auto 20px auto; } .home-photos h2.title-block-section { margin:0px auto 20px auto; } /* Top - Hot - Trending */ #top-content-box { display:block;clear:both;width:100%;height:auto; } #hot-content-box, #trending-content-box { display:none;clear:both;width:100%;height:auto; } #top-link { opacity:1.0; } .list-item { display:block;clear:both;margin:0px 0px 8px 0px; padding:8px 0px 16px 0px;border-bottom:1px dotted #cccccc;min-height:60px;line-height:1.3; } .list-item.last { border-bottom:none; margin:0px 0px 0px 0px; } .list-item img { float:left;margin:0px 8px 0px 0px; } /* Links */ a.category-name { display:block;clear:both;margin:0px 0px -9px 0px; text-transform:uppercase;color:#000000;font-size:14px;line-height:2.0;font-weight:600; } a.category-name.video-detail { margin-top:5px; } .media-item.wphoto a.category-name { display:inline-block;position:relative;width:auto;margin:0px 0px -7px 0px; } a.category-name:hover { text-decoration:none;color:#006cb8; } .media-item.wphoto a.category-name { margin:0px 0px -14px 0px; } a.link-recommended { font-family:var(--first-font);display:block;clear:both;margin:5px 0px;font-size:17px;font-weight:600; } a.link-video { display:block;clear:both;margin:5px 0px;font-family:var(--first-font);font-size:20px;font-weight:600; } a.button-link { display:block;clear:both;padding:15px 25px;border:1px solid var(--border-color);font-family:var(--first-font);line-height:1.3;border-radius:var(--border-radius);text-align:center;text-transform:uppercase;color:#000000;margin:10px auto;font-weight:700;font-size:104%; } button.button-link { display:block;clear:both;padding:15px 25px;border:1px solid var(--border-color);font-family:var(--first-font);line-height:1.3;border-radius:var(--border-radius);text-align:center;text-transform:uppercase;color:#000000;margin:10px auto;font-weight:700;font-size:104%; } a.button-link:hover { text-decoration:none;background-color:var(--bg-link-hover) !important;color:#FFFFFF !important; } button.button-link:hover { text-decoration:none;background-color:var(--bg-link-hover) !important;color:#FFFFFF !important; } a.mini-button-link { display:inline-block;clear:both;width:auto;padding:7px 16px;border:1px solid var(--border-color);font-family:var(--first-font);line-height:1.2;border-radius:16px;text-align:center;text-transform:uppercase;color:#000000;margin:0px auto;font-weight:700;font-size:84%; } a.mini-button-link:hover { text-decoration:none;background-color:var(--bg-link-hover) !important;color:#FFFFFF !important; } .a-link { font-weight:700;color: var(--first-color);cursor:pointer; } a.blue-link { color:#006cb8;font-weight:700; } a.blue-light-link { color:#006cb8; } p.recommended { font-size:13px;line-height:1.3;margin:0px 0px 15px 0px;color:#555555; } /* Swiper */ .swiper-pagination { position:relative;display:block;clear:both;margin:10px 0px -10px 0px; } .swiper-pagination-bullet { width:10px;height:10px; } .swiper-pagination-bullet-active { background: #006cb8; } .swiper-wrapper.photogallery .swiper-slide a { text-decoration:none; } .swiper-wrapper.photogallery .swiper-slide a:hover { text-decoration:none; } .swiper-wrapper.photogallery .swiper-slide a h2 { font-family:var(--second-font);font-weight:600;font-size:22px;color:#000000;margin:5px 0px; } .swiper-wrapper.photogallery .swiper-slide a p { color:#555555;margin:0px 0px 20px 0px;line-height:1.25;font-size:15px; } .swiper-container-ruz { width:100%;max-width:640px;margin:0px auto; } .swiper-container.swiper-container-promoslide.swiper-container-horizontal { display:block;clear:both;height:auto;max-height:500px; } .swiper-pagination-promoslide { position:absolute;bottom:20px;text-align:center; } .swiper-pagination-promoslide .swiper-pagination-bullet { width:10px;height:10px;background:#ffffff;opacity:0.6; } .swiper-pagination-promoslide .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#006cb8 !important;opacity:1.0; } /* Search */ select { display:block;clear:both;width:100%;max-width:320px;padding:7px 12px;border:1px solid #c9c9c9;border-radius:8px;font-size:15px;margin:10px 0px; } button[type="submit"] { display:block;clear:both;width:auto;padding:5px 15px;background-color:#000000;color:#FFFFFF;font-size:13px;text-transform:uppercase;border-radius:6px;border:none;margin-top:10px; } button[type="submit"]:hover { background-color:#555555; } .search-message { text-align:center;margin:-15px 0px 30px 0px;padding:0px 0px 5px 0px;border-bottom:1px solid #dedede; } /* Home video & Photogallery */ .home-videos { position:relative;width:calc(100% - 30px);max-width:1280px;height:auto;z-index:10;margin:0px auto;padding:0px 15px; } .home-photos { position:relative;width:calc(100% - 30px);max-width:1280px;height:auto;z-index:10;margin:0px auto;padding:0px 15px; } .item-video { display:block;width:100%;padding:0px 0px;position:relative;vertical-align: text-top; } .item-video img { width:100%;max-width:100%;height:auto; } .item-video h3 { font-family:var(--first-font);font-weight:600;font-size:16px;line-height:1.2;display:block;clear:both;max-width:100%; } .item-photo { display:block;width:100%;padding:0px 0px;position:relative;vertical-align: text-top; } .item-photo img { width:100%;max-width:100%;height:auto; } .item-photo h3 { font-family:var(--first-font);font-weight:600;font-size:16px;line-height:1.2;display:block;clear:both;max-width:100%; } #home-videos { display:block;z-index:15; } .home-play { position:absolute;width:32px;height:32px;border:3px solid #f7f7f7;background:url('https://cdn-pro.elsalvador.com/escom_the_one/images/type-video.png');background-size:32px 32px;top:-44px;left:calc(50% - 15px);border-radius:50%;z-index:22; } .home-photo { position:absolute;width:32px;height:32px;border:3px solid #f7f7f7;background:url('https://cdn-pro.elsalvador.com/escom_the_one/images/type-photo.png');background-size:32px 32px;top:-44px;left:calc(50% - 15px);border-radius:50%;z-index:22; } .thumb-media-item { display:block;clear:both;position:relative; } .thumb-media-item span.type-video { display: block;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);width:36px;height:36px;opacity:1.0;border-radius:50%;background:#ffffff url('https://cdn-pro.elsalvador.com/escom_the_one/images/icons.png');background-position:-142px -59px;background-repeat:no-repeat; } .thumb-media-item span.type-video:hover { filter:invert(100%); } .thumb-media-item span.type-photo { display: block;position: absolute;top:calc(50% - 18px);left: calc(50% - 18px);width:36px;height:36px;opacity:1.0;border-radius:50%;background:#ffffff url('https://cdn-pro.elsalvador.com/escom_the_one/images/icons.png');background-position:-100px -59px;background-repeat:no-repeat; } .thumb-media-item span.type-photo:hover { filter:invert(100%); } .thumb-media-item span.type-video.big { top:calc(50% - 30px);left: calc(50% - 30px);width:60px;height:60px;background-position:-39px -56px; } .thumb-media-item span.type-photo.big { top:calc(50% - 30px);left: calc(50% - 30px);width:60px;height:60px;background-position:10px -56px; } /* Share in list contents */ a.share-facebook,a.share-twitter,a.share-whatsapp,a.share-telegram,a.share-messenger,a.icon-link,a.icon-comment { display:inline-block;width:42px;height:42px;margin-right:3px;background:url('https://recursos.elsalvador.com/images/escom/icons/logos-icons.svg');background-repeat:no-repeat; } a.share-facebook { background-position:-10px -350px; } a.share-twitter { background-position:-56px -350px; } a.share-whatsapp { background-position:-102px -350px; } a.share-telegram { background-position:-148px -350px; } a.share-messenger { background-position:-196px -350px; } a.icon-link { background-position:-242px -350px; } a.icon-comment { background-position:-288px -350px; } .copytip {position: relative;display: inline-block;} .copytip .copytiptext {visibility: hidden;width: 140px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 5px;position: absolute;z-index: 1;bottom: 150%;left: 50%;margin-left: -75px;opacity: 0;transition: opacity 0.3s;} .copytip .copytiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;} .copytip:hover .copytiptext {visibility: visible;opacity: 1;} /* Footer */ footer { display:block;clear:both;width:100%;height:auto;background-color:#ffffff;color:#666666;padding:15px 0px; text-align:center;border-top:1px solid #c9c9c9; } footer img.logo { max-width:190px;margin:0px auto; } footer p { font-size:12px;margin:7px auto -3px auto; } footer a { color:#006cb8; } footer a:hover { text-decoration:underline; } p.bottom-menu a { position:relative;margin:0px 5px 0px 5px; } p.bottom-menu a span { display:inline-block;width:18px;height:18px;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');margin-right:3px;opacity:1.0; } p.bottom-menu a span.link-legal { background-position:-10px -157px; } p.bottom-menu a span.link-email { background-position:-40px -157px; } p.bottom-menu a span.link-faq { background-position:-70px -157px; } p.bottom-menu a span.link-kit { background-position:-130px -157px; } p.bottom-menu a span.link-newsletter { background-position:-100px -157px; } .widget-block.related-sites { width:100%;max-width:768px;margin:20px auto -20px auto;display:block;clear:both;max-width:600px;border-top:1px solid #dcdcdc;padding-top:20px;color:#076fb9; } .widget-block.related-sites a { display:inline-block;height:30px;width:auto; } .widget-block.related-sites a img { display:block;width:auto;height:25px;opacity:0.6;margin:0px 10px; } .widget-block.related-sites a:hover img { opacity:1.0; } #disclaimer { position:fixed;bottom:-300px;left:0px;width:calc(100% - 20px);border-top:1px solid #045084;background:#006cb7;display:none;clear:both;padding:10px 10px;font-size:12px;color:#ffffff;font-weight:300;text-align:center;-webkit-transition: all 1s; transition: all 1s;z-index:3000; } #disclaimer p { margin-bottom:15px; } #disclaimer a.old-link { color:#FFFFFF;font-weight:700;text-decoration:underline; } #disclaimer a.button-link { background:#FFFFFF; } #disclaimer a.button-link:hover { background:#004f85 !important;color:#FFFFFF !important; } #cookie_accept { position:fixed;bottom:-300px;left:0px;width:calc(100% - 20px);border-top:1px solid #045084;background:#006cb7;display:block;clear:both;padding:10px 10px;font-size:12px;color:#ffffff;font-weight:300;text-align:center;-webkit-transition: all 1s; transition: all 1s;z-index:3000; } #cookie_accept p { margin-bottom:15px; } #cookie_accept a.old-link { color:#FFFFFF;font-weight:700;text-decoration:underline; } #cookie_accept a.button-link { background:#FFFFFF; } #cookie_accept a.button-link:hover { background:#004f85 !important;color:#FFFFFF !important; } /* Article detail */ h1.title { font-family:var(--second-font); text-align:left; font-size:36px; color:#000000; font-weight:700;text-transform:none; margin-top:8px;margin-bottom:0px;line-height: 1.3;letter-spacing:-0.01em; } h1.title.video-detail { font-size:28px;margin:10px 0px 12px 0px; } h1.title.cartoon-detail { font-size:28px;margin:10px 0px 12px 0px; } main article .entry-content p { font-family:var(--third-font);color:#343434;font-size:17.5px;line-height:1.4;margin-bottom:25px; } p.summary { font-family:var(--first-font);font-size:17px;margin:15px 0px;line-height:1.4; } p.summary.video-detail { font-family:var(--first-font);font-size:14.5px;margin:10px 0px 30px 0px; } p.summary.cartoon-detail { font-family:var(--first-font);font-size:14.5px;margin:10px 0px 30px 0px; } p.author { font-size:13px;display: inline-block;padding-right:7px;margin:5px 0px;line-height:0.8;text-transform:uppercase; } p.author a { color:#006cb8;font-weight:600;text-transform:uppercase; } p.author a:hover { text-decoration:underline; } p.published { font-size:13px;line-height:0.8;display: inline-block; border-left: 1px solid #444444; padding-left:10px;margin:5px 0px;text-transform:uppercase; } .search-category-name { font-family:var(--first-font);border-left:none;color:#333333;font-size:13.5px; font-weight:600;padding-top:0px;padding-bottom:0px;line-height:0.6; } main.detail section article figure { display:block;clear:both;width:100%;margin-bottom:20px; } article.detail figure { display:block;clear:both;margin-bottom:25px; } figcaption { padding:7px 0px 20px 0px;border-bottom:1px dotted #cdcdcd;color:#686868;font-size:13px; } figcaption span { font-weight:bold;color:#000000; } figure.photogallery figcaption { font-size:100%;border-bottom:none; } figure.photogallery figcaption p { margin-top:2px !important;margin-bottom:2px !important; } figure.photogallery-item { position:relative;border-bottom:none;overflow:hidden; } figure.photogallery-item .icon-link{display:none !important;} figure.photogallery-item figcaption { display:block;clear:both;width:260px;position:absolute;right:0px;bottom:0px;padding:15px 15px 0px 15px;color:#cccccc; background: rgba(0,0,0,0.7);font-size:12.5px;border-bottom:none; } figure.photogallery-item figcaption span { font-weight:300;color:#cccccc; } figure.photogallery-item figcaption p.info-article { display:block;position:absolute;left:15px;bottom:10px;filter:invert(100%); } figure.photogallery-item figcaption p.info-article:hover { left:0px;bottom:0px; } figure.photogallery-item figcaption p.info-article:hover span { width:100%;filter:invert(100%); } figure.photogallery-item figcaption p.info-article .share-buttons:hover { background:none !important; } figure.photogallery-item figcaption p.info-article .share-buttons:hover a { display:inline-block;margin:0px 8px; } .news-separator { display:block;clear:both;width:100%;height:0px;border-top:1px solid #ededed;border-bottom:1px solid #cccccc;margin:10px 0px 40px 0px; } .about-article .item { position:relative;display:block;clear:both;width:100%;height:auto;margin:10px 0px; } .item span.label { display:inline-block;width:88px;padding:4px 10px;background-color:#000000;color:#FFFFFF;text-transform:uppercase; font-size:11px;text-align:right;margin-right:10px; } .item span.about-detail { display:block;clear:both;width:100%; } .item span.about-detail a { color:#000000;font-weight:bold; } .item span.about-detail a.tags { font-weight:normal; } .wp-caption { display:block;clear:both;width:100%;max-width:100%; } img.img-responsive { display:block;clear:both;width:100% !important;max-width:100%;height:auto; } article.more-articles { display:inline-block;float:left;clear:none;width:calc(33.333% - 20px);padding:0px 0px 25px 0px;border-bottom: 1px solid #ededed;margin:0px 10px;min-height:240px; } article.more-articles.opinion { min-height:auto;padding-bottom:25px; } article.more-articles.middle { width:calc(33.333% - 22px); } article.more-articles .detail-content p.author { font-size:12px; } article.more-articles .detail-content p.author a { font-size:13px; } article.more-articles .detail-content h1 { line-height:1.0; } article.more-articles .detail-content h1 a { font-size:16px;line-height:1.2; } article.more-articles .detail-content h2 { line-height:1.0; } article.more-articles .detail-content h2 a { font-size:16px;line-height:1.2; } .swiper-wrapper.videos .extra-data { margin:0px 0px 10px 0px; } section.list-videos article.more-articles { padding-bottom:15px;min-height:290px;margin-bottom:20px;border-bottom:1px solid #ededed; } section.list-photos article.more-articles { padding-bottom:15px;min-height:265px;margin-bottom:20px;border-bottom:1px solid #ededed; } section.list-videos article.more-articles .detail-content { max-height:72px;overflow:hidden; } section.list-photos article.more-articles .detail-content { max-height:72px;overflow:hidden; } article.more-ruz { display:inline-block;float:left;clear:none;width:calc(33.333% - 20px);padding:0px 0px 20px 0px;border-bottom: 1px solid #ededed;margin:0px 10px 20px 10px;min-height:570px; } article.more-ruz .media-item img.responsive { width:100%;height:450px; } /* About article */ .about-article .item.share { margin-bottom:15px; } .about-article .item.share a { margin:0px 15px 0px 0px; } .about-article .item span.tags, .about-article .item span.comments { display:inline-block;width:18px;height:18px;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;margin-right:6px;cursor:pointer; } .about-article .item span.tags { background-position:-190px -157px; } .about-article .item span.comments { background-position:-160px -157px; } /* Comments */ #comments { display:none;clear:both;width:calc(100% - 22px);border:1px solid #dcdcdc;padding:10px; } #no-comments { display:none; } .content-box { display:block;clear:both;width:100%;height:calc(100vh - 180px);border-top:1px solid #c9c9c9;padding:15px 0px 25px 0px;margin:35px auto;overflow-y:scroll; } .invert { filter:invert(100%); } .bg-first-color { background:var(--first-color);color:white !important; } .bg-second-color { background:var(--second-color);color:white !important; } .bg-third-color { background:var(--third-color);color:white !important; } .first-font { font-family:var(--first-font); } .second-font { font-family:var(--second-font); } /* Others contents in articles */ .other-content { position:relative;display:block;clear:both;padding:10px;background-color:#ececec;margin:25px auto;border-top:3px solid #000000; } .other-content img.thumb { float:left;display:inline-block;width:25%;height:auto;max-width:300px;margin-right:10px; } .other-content p { font-family:var(--first-font);font-weight:400 !important;margin-top:5px;margin-bottom:5px !important;font-size:14px !important; } .other-content a.content-link { display:block;font-family:'Poppins',Helvetica,Arial,Verdana,'Droid Sans','Times New Roman',Times;font-weight:600;margin:16px 0px 5px 0px !important;font-size:18px !important; } .other-content a.content-link:hover { color:#026db7; } span.related-title { width:auto;color:#ffffff !important;text-transform:uppercase;font-size:80%;padding:5px 7px 3px 7px; } p.photo-info { font-family:'Poppins',Arial,verdana !important;text-transform:uppercase;font-size:10px !important; margin-top:-2px !important; } .other-content.photogallery { padding:0px; } .photogallery-text { position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,0.7);padding:5px 15px; } .photogallery-text h2, .photogallery-text h2 a { color:#ffffff !important;font-size:22px !important; } .photogallery-text p { color:#cdcdcd !important;font-size:14px !important; } .photogallery-text p strong { color:#FFFFFF; } /* Aditional content */ .additional-content { display:inline-block;width:300px;float:right;margin-left:20px; } .additional-content.full-width { display:block;clear:both;width:100%;float:none;margin-left:0px;margin:40px auto 10px auto; } .additional-content.full-width.related-content .detail-content { border-bottom:none;padding-bottom:0px;margin-bottom:10px;background-color:#FFFFFF; } .additional-content h2 { font-family:var(--first-font); font-size:15px; text-transform:uppercase; text-align:center;font-weight:600; border-top:4px solid #000000; padding:7px 0px;margin:0px 0px; } .additional-content .detail-content { display:block;clear:both;background-color:#f7f7f7;padding:15px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;margin-bottom:20px; } .additional-content .detail-content p { font-family:var(--first-font);font-weight:400;font-size:14px !important;color:#333333;line-height:1.35 !important; } .additional-content .detail-content p.centered { margin:5px 0px; } .additional-content .detail-content span.the-number { display:block;clear:both;font-family:var(--first-font);text-align:center;font-weight:600;font-size:32px; } span.the-cite { display:block;clear:both;width:100%;font-size:19px;font-style:oblique;text-align:center;font-family:var(--second-font); } img.img-cite { display:block;clear:both;width:80px;height:80px;margin:0px auto;border-radius:50%; } p.author-cite { text-align:center;margin:15px 0px 15px 0px !important; } p.author-cite strong { font-size:16px;font-weight:600; } .additional-content .detail-content p.personage { font-weight:600 !important;font-size:20px !important;color:#000000; } .detail-content.personage p { margin-bottom:7px !important; } .additional-content.full-width p.author-cite { text-align:center; } .additional-content.full-width .detail-content.personage img.img-responsive { width:100%;min-width:100%; } /* Columnist */ .author-columnist { display:block;clear:both;width:100%;height:60px; } img.img-columnist { display:inline-block;float:left;margin-right:7px;width:60px;height:60px;border-radius:50%;border:1px solid #999999; } img.img-columnist.home { width:40px;height:40px;margin-top:-4px; } .author-columnist p.author { margin:8px 0px 0px 0px; } .author-columnist p.published { border-left:none;padding-left:0px;margin-top:0px;line-height:0.5; } .columnist { display:block;clear:both;border-bottom:1px solid #ededed;height:90px;padding-top:7px;margin:15px auto 20px auto; } .opinion-avatar { display:inline-block;float:left;width:90px;height:auto;margin-right:10px; } .columnist p { display:inline-block;float:left;width:auto;font-size:11.5px;padding-top:35px; text-transform:uppercase; } .columnist p .columnist-name { font-weight:700; } .columnist p .columnist-name a { color:#006cb8;font-weight:600;font-size:12.5px; } .columnist p .columnist-name a:hover { text-decoration:underline; } span.published { font-family:var(--first-font);font-size:13px;line-height:0.8;display: inline-block;text-transform:uppercase;font-weight:600; } /* Infographics */ p.infographic { display:block; clear:both; width:100% !important; max-width:480px; margin-top:25px; margin-bottom:35px; text-align:center; margin-left:auto !important; margin-right:auto !important; } p.infographic img { width:100% !important; max-width:755px !important; margin-left:auto !important; margin-right:auto !important; } /* Others */ figure { display:block;clear:both;width:100%;height:auto;margin:15px auto; } img.responsive { display:block;clear:both;width:100%;height:auto; } .top03px { position:absolute;top:-3px; } .micro-spacer { display:block;clear:both;width:100%;height:1px; } .mini-spacer { display:block;clear:both;width:100%;height:10px; } .spacer { display:block;clear:both;width:100%;height:20px; } .small-spacer { display:block;clear:both;width:100%;height:40px; } .medium-spacer { display:block;clear:both;width:100%;height:100px; } .big-spacer { display:block;clear:both;width:100%;height:150px; } .bbottom { border-bottom:1px solid #000000; } .bg-lightgray { background-color:#eeeeee; } .bg-white { background-color:#ffffff; } .bg-darkgray { background-color:#444444; } .text-white { color:#ffffff !important; } .mt-20px { margin-top:-30px !important; } .mt-15 { margin-top:-15px !important; } .mt5 { margin-top:5px !important; } .block { display:block !important; } .mr10 { margin-right:10px !important; } .mini-text { font-size:14px !important; } .micro-text { font-size:13px !important; } .light-text { color:#c9c9c9; } .text-white { color:#ffffff !important; } .text-right { text-align:right !important; } .align-right { text-align:right !important; } .mini-text-gray { text-transform:uppercase;color:#666666;font-weight:700;font-size:86%; } .centered { text-align:center; } .center-box { display:block;clear:both;width:90%;max-width:400px;height:auto;margin:15px auto; } .spacer30 { display:block;clear:both;width:100%;height:30px; } .spacer40 { display:block;clear:both;width:100%;height:40px; } .spacer-top { display:block;clear:both;width:100%;height:90px; } .spacer-top-home { display:block;clear:both;width:100%;height:204px; } .horizontal-spacer { margin:0px 7px; } .no-border { border-top:none !important;border-bottom:none !important; } .small-letters { display:block;clear:both;margin:8px auto;color:#666666;font-size:11.5px; } .w80pct { width:80% !important; } .w25 { width:25px; } .fleft { float:left; } .spotlight-box { line-height:0.9 !important;margin-top:3px; } .spotlight-mark { display:inline-block;width:auto;color:#FF0000;line-height:1;font-weight:700;font-size:80%;text-transform:uppercase; } .spotlight-mark::before { display:inline-block;width:12px;height:12px;margin:0px 5px 0px 0px;content: url(''); } .spotlight-box a { display:block;clear:both;margin-top:2px;color:black; } .fleft { float:left !important; } /* Spacer */ .spacer01 { display:block;clear:both;height:1px;margin-top:0px;margin-bottom:0px; } .spacer05 { display:block;clear:both;height:5px;margin-top:0px;margin-bottom:0px; } .spacer10 { display:block;clear:both;height:10px;margin-top:0px;margin-bottom:0px; } .spacer20 { display:block;clear:both;height:20px;margin-top:0px;margin-bottom:0px; } .spacer30 { display:block;clear:both;height:30px;margin-top:0px;margin-bottom:0px; } .spacer50 { display:block;clear:both;height:50px;margin-top:0px;margin-bottom:0px; } /* Banners */ .banner-300x50 { display:block;clear:both;width:300px;height:50px;margin:15px auto; } .banner-300x250 { display:block;clear:both;width:100%;height:250px;margin:25px auto;padding-bottom:25px;border-bottom:1px solid #ededed;text-align:center; } .column-c .banner-300x250 { padding-bottom:0px;border-bottom:none; } .banner-300x600 { display:block;clear:both;width:300px;height:600px;margin:0px auto 20px auto;text-align:center; } .banner-970x90 { display:block;clear:both;width:970px;margin:0px auto 10px auto; } .banner-728x90 { display:block;clear:both;width:728px;height:90px;margin:15px auto 0px auto; } .middle-separator { padding-left:10px;padding-right:10px; } /* Home */ .detail-content.opinion article { border-bottom:1px solid #cdcdcd;padding-bottom:20px;margin-bottom:15px; } .detail-content.opinion article.last { border-bottom:none;padding-bottom:0px;margin-bottom:0px; } .detail-content.opinion article a.category-name { margin:0px 0px 0px 0px; } /* Promos */ .promos { display:block;clear:both;width:calc(100% - 32px);margin:20px 15px; } .promo { display:block;clear:both;padding:15px;border:1px dashed #333333; } .wmax50 { max-width:50% !important;margin:0px auto; } .wmax80 { max-width:80% !important;margin:0px auto; } .text-shadow { text-shadow:0px 0px 2px #000000; } a.button-link { font-family:var(--first-font);display:block;clear:both;width:260px;font-size:15px;padding:5px 10px 4px 10px;text-align:center;text-transform:uppercase;color:#000000;margin:10px auto;border:1px solid #c9c9c9;padding:10px 20px; } button.button-link { font-family:var(--first-font);display:block;clear:both;width:260px;font-size:15px;padding:5px 10px 4px 10px;text-align:center;text-transform:uppercase;color:#000000;margin:10px auto;border:1px solid #c9c9c9;padding:10px 20px; } a.button-link:hover { text-decoration:none;background-color:#000000 !important;color:#FFFFFF !important; } button.button-link:hover { text-decoration:none;background-color:#000000 !important;color:#FFFFFF !important; } a.button-link.lavoz { font-weight:bold;background-color:#0cf6f5;font-size:13px; } a.button-link.general { clear:none;font-weight:bold;background-color:#000000;font-size:14px;width:auto;max-width:200px;padding:12px 15px;color:#FFFFFF;float:left;margin:0px 0px 30px 0px;border-radius:8px; } input.button-link.general { display:block;clear:both;font-weight:bold;background-color:#000000;font-size:13px;width:auto;max-width:280px;padding:10px 10px;color:#FFFFFF;float:left;margin:0px 0px 30px 0px;border-radius:8px;border:none;text-transform:uppercase;text-align:center; } input.button-link.general:hover { background-color:#444444; } .websites { display:block;clear:both;width:100%;max-width:1200px;margin:20px auto -20px auto;vertical-align:middle; } .web { display:inline-block;float:left;width:25%;padding:0px;text-align:center;padding:30px 0px;height:auto;vertical-align:middle; } .web img { display:block;clear:both;width:auto;max-width:200px;max-height:80px;margin:0px auto;vertical-align:middle; } .bg-gray01 { background-color:#f2f2f2; } .bg-gray02 { background-color:#ececec; } /* NEW ADS */ .crawling-300x250 { display:block;clear:both;position:fixed;bottom:-500px;width:calc(100% - 30px);height:250px;padding:15px;background:rgba(255,255,255,1.0);z-index:1000; -webkit-transition: bottom 2s; transition: bottom 2s; } .crawling-300x250 .container { display:block;clear:both;width:300px;height:250px;margin:0px auto; } span.close-crawling { position:absolute;background:rgba(255,255,255,1.0);width:32px;height:32px;right:0px;top:-25px;border-radius:50%;padding:5px; } /* Modules */ .team-row { display:block;clear:both;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eeeeee;color:#444444;font-size:12.5px;padding-top:3px; } .team-col02 { display:inline-block;width:calc(52% - 8px);padding-left:8px; } .team-col01, .team-col03,.team-col04,.team-col05, .team-col06, .team-col07 { display:inline-block;text-align:center;width:8%; } .team-col01.head,.team-col02.head,.team-col03.head,.team-col04.head,.team-col05.head, .team-col06.head, .team-col07.head { font-weight:bold;color:#000000;text-transform:uppercase;font-size:12px; } img.icon-team { display:inline;float:left;width:24px;height:24px;margin-right:8px;margin-top:-3px; } .team-row.last { padding-bottom:0px;margin-bottom:0px;border-bottom:0px; } /* Search */ .column-ab section article.secondary { display:block;clear:both;margin-bottom:20px;padding-bottom:20px; } .column-ab section article.secondary .media-item { width:25%;float:left; } .column-ab section article.secondary .detail-content { position:relative;width:calc(75% - 10px);float:left;margin-left:10px; } .column-ab section article.secondary .detail-content a.category-name { position:relative;display:block;margin-bottom:-7px !important; } /* Last modufy */ p.bottom-menu a.only-desktop { display:inline-block; } /* SINGLE PAGE */ article.detail .entry-content > p > a { color:#016cb7; } article.detail .entry-content > p > a:hover { text-decoration:underline; } article.detail p.author { color:#006cb8; } .detail.row.news.loaded { margin-top:45px;margin-top:45px !important;padding-top:30px;border-top:1px solid #cdcdcd; } p.wp-caption-text { font-family:'Poppins',Helvetica,Arial,Verdana,'Droid Sans',Sans !important;font-size:100% !important;margin:7px 0px 15px 0px !important;padding-bottom:10px !important;color:#666666;border-bottom:1px solid #ededed; } .swiper-container-sections { display: block; margin: auto; width: 100%; height: auto; padding: 0px; margin-top: 30px; margin-bottom: 20px; box-sizing: border-box; overflow-x: hidden; } .container-up-carrusel { display: block; margin: auto; width: 100%; height: auto; padding: 0px; margin-top: 30px; margin-bottom: 20px; box-sizing: border-box; overflow-x: hidden; } .thumb-video-up { width:220px;height:320px;border-radius:20px;box-sizing:border-box;position:relative;border-radius:20px 20px 20px 20px;overflow:hidden; } .thumb-carrusel { width:220px;height:320px; } .box-shadow-txt-thumbs { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0)); position: absolute; left: 0; bottom: 0; padding:40px 20px 20px 20px; box-sizing: border-box; color: white; border-radius: 0 0 20px 20px; font-size: 15px; line-height: 1.3; } .play-icon { width: 25%; position: absolute; top: 10px; left: 10px; } .swiper-slide .detail-content h2 { line-height:1.0 !important; } .swiper-slide .detail-content h2 a { font-size:16px !important; } .container-fixed-videos-top { display: flex; margin: auto; width: 100%; height: auto; } .small-box, .normal-box { box-sizing: border-box; margin: 10px; position: relative; } .row { /*display: flex;*/ } .col-1-1 { width: 66.67%; } .col-1-2 { width: 33.33%; } .box-shadow-txt { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0)); position: absolute; bottom: 0; padding: 20px; color: white; font-family: 'Poppins',Arial,Verdana,Tahoma,Helvetica,sans; font-size: 24px; font-weight: 600; line-height: 24px; } .box-shadow-txt-small { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0)); position: absolute; bottom: 0; padding: 20px; color: white; font-family: 'Poppins',Arial,Verdana,Tahoma,Helvetica,sans; font-size: 18px; font-weight: 600; line-height: 22px; } .box-shadow-txt a { color: white; } .box-shadow-txt-small a { color: white; } .box-shadow-txt-thumbs a { color: white; } h2.title-block-section-video { color: #333333; text-transform: uppercase; font-size: 17px; font-weight: 600; margin: 0px 15px; padding: 6px 0px 6px 0px; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; text-align: left; } .column-ab h2.title-block-section-video { margin: 0px 0px 20px 0px; } .more-articles-video { /*width: 80%;*/ margin-right: 20px;border-bottom:none !important;margin-bottom:0px !important; /* height: 280px; */ } /* Other*/ article figure blockquote { margin:0px 0px !important; } article blockquote { margin:0px 0px !important; } .play-icon img { width:55px;height:55px; } /* FORMS */ input[type="text"],input[type="password"],input[type="date"],input[type="email"], select { display:block;clear:both;width:100%;max-width:400px;padding:15px 20px;margin:10px auto 15px auto;border:1px solid var(--border-color);font-family:var(--first-font);font-size:99%;line-height:1.3;border-radius:var(--border-radius); } input[type="radio" i] { width:20px;height:20px; } input[type="radio" i].radio-package { width:28px;height:28px; } input.short { max-width:200px;margin:10px 0px 15px 0px; } input.mini-short { max-width:100px;margin:10px 0px 15px 0px; } select { font-family:var(--first-font);font-size:13px; } select.mini { width:65px;margin-right:5px;padding:8px 5px; } label { display:block;font-size:88%;color:black;text-transform:uppercase;font-weight:700;margin-bottom:-8px; } #current-password-box { display:none; } #change-password-box { display:none; } #the-search { display:inline;position:absolute;top:-6px; } #searching { display:none; } #searching input[type="text"]#s { display: inline; width: 150px; max-width: 200px; padding:5px 20px 5px 14px; border: 1px solid #333333; font-family: var(--first-font); font-size: 90%; margin:0px 0px 0px -10px; line-height: 1.4; border-radius:var(--border-radius); background:#ffffff url('https://cdn-pro.elsalvador.com/escom_the_one/images/icon-search.png');background-repeat:no-repeat;background-position:92% 4px;background-size:20px 20px; z-index:50000; } /* SPECIAL BAR */ #special-bar{display:flex;clear:both;height:70px;padding:5px 8px;background:#005175;overflow:auto;font-family:Poppins,Arial,Verdana,Sans !important} #special-bar .block-home { display:flex; align-items: center;justify-content: center; } #special-bar div.headline{display:inline-block;padding:6px 5px 2px 5px;width:auto;min-width:148px;margin:0px 0px;} #special-bar .bar-title{display:block;clear:both;color:white;font-size:27px;font-weight:700;line-height:0.65;text-transform:uppercase;margin:5px 0px 0px 0px !important} #special-bar div a{color:white !important;} #special-bar .bar-title span{font-size:16px;color:white;} #special-bar .item-data{width:auto;min-width:auto;color:#fff;font-size:12px;text-transform:uppercase;padding:0px 7px;text-align:center;font-weight:700;line-height:0.95;white-space:nowrap} #special-bar .item-data span{font-weight:700;font-size:18px;display:inline-block;clear:both;background:white;color:#005175;border-radius:18px;width:auto;text-align:center;line-height:1;margin:0px auto 2px auto;padding:5px 10px} .vertical-division{display:inline-block;width:1px;padding:0px 10px 0px 0px;margin-left:10px;border-left:1px dotted rgba(255,255,255,0.7)} #special-bar .content .updated{font-size:11px;margin-top:-4px} /* Panels and button close */ #open-menu,.icon-search,.icon-user,#icon-search,.button-close { display:block;clear:both;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;width:24px;height:24px;margin:0px auto;cursor:pointer; } #open-menu { display:none;background-position:-10px -57px; } .icon-user { background-position:-46px -57px;display:inline-block;margin-right:3px;vertical-align:middle; } #icon-user2 { margin-top:-5px;display:none; } .my-account { display:inline;cursor:pointer; } #user-block-login { display:block; } #user-block-forgot { display:none; } #account-block-profile { display:block; } #account-block-payment { display:none; } #account-block-package { display:none; } #icon-search { background-position:-82px -59px;display:inline-block;margin:5px 0px 0px 0px;vertical-align:middle; } .icon-search { background-position:-10px -57px;margin-top:4px; } .button-close { position:absolute;top:10px;right:15px;background-position:-118px -57px;z-index:21; } #top-header { display:flex;width:96%;max-width:1260px;margin:0px auto;position:relative; } /* COLS */ .col-sm-1,.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-10,.col-sm-11,.col-sm-12 { display:inline-block;float:left; } .col-sm-1 { width:8.333%; } .col-sm-2 { width:16.666%; } .col-sm-3 { width:25%; } .col-sm-4 { width:33.333%; } .col-sm-5 { width:41.667%; } .col-sm-6 { width:50%; } .col-sm-7 { width:58.333%; } .col-sm-8 { width:66.666%; } .col-sm-9 { width:75%; } .col-sm-10 { width:83.333%; } .col-sm-11 { width:91.667%; } .col-sm-12 { width:100%; } #top-header .col-sm-6,#top-header .col-sm-4,#top-header .col-sm-3 { padding:0px 10px;vertical-align:middle; } .banner-newsletter{display:block;clear:both;width:100%;max-width:470px;height:63px;margin:20px auto;background:url("https://recursos.elsalvador.com/images/escom/link-newsletter.png");background-size:auto 63px;background-position:top center} .banner-whatsapp{display:block;clear:both;width:100%;max-width:470px;height:63px;margin:20px auto;background:url("https://recursos.elsalvador.com/images/escom/link-whatsapp.png");background-size:auto 63px;background-position:top center} a.link-to-document{display:block;clear:both;font-size:16px;margin:24px auto;padding:10px 10px 10px 48px;line-height:1.3;color:black;font-weight:700;font-family:Poppins !important;border:1px solid #cdcdcd;background:#f9f9f9 url("https://recursos.elsalvador.com/images/escom/icons/icon-pdf.png");background-repeat:no-repeat;background-position:10px center} p.recommended { font-size: 12.5px; font-family: var(--second-font);line-height: 1.45; } .widget-block span.title-module { font-family: 'Poppins',var(--first-font),Serif;display:block;clear:both;margin:0px 0px;padding:0px 0px;text-transform:uppercase;color:#000000;font-size:15px;line-height:2.0;font-weight:600 !important;border-top:3px solid #000000; } .widget-content .list-item { line-height:1.2; } .widget-content .list-item a { font-size:88%; } /* Paywall */ h1.title-subscribe { text-align:left;font-weight:700;text-transform:uppercase;font-size:18px;line-height:2.2;margin-bottom:10px; } h1.title-subscribe span { color:var(--first-color); } .subscribe-main-title { font-family:var(--second-font);font-weight:700;font-size:28px;color:black; } .vertical-four-steps { display:flex;height:168px;justify-content:center;flex-wrap:wrap;margin-top:30px;width:calc(100% - 25px); } .vertical-four-steps span { display:block;clear:both;line-height:1.6;width:100%;padding-left:7px; } #warning-articles-box { display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;max-width:100%;max-height:100vh;right:-150%;padding:0px 0px;top:0px;right:-150%;z-index:20000;-webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #warning-articles-box > div { display:block;width:85%;max-width:480px;height:auto;flex-wrap:wrap; } #suscribe-box { display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;max-width:100%;max-height:100vh;right:-150%;padding:0px 0px;top:0px;right:-150%;z-index:20000;-webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #suscribe-box > div { display:block;width:85%;max-width:480px;height:auto;flex-wrap:wrap; } .header-popup { position:relative;display:block;clear:both;font-family:var(--second-font);font-weight:700;font-size:17px;padding:10px 20px;background:var(--first-color);line-height:1.6;color:white; } .content-popup { background:rgba(255,255,255,1);padding:30px 30px;font-size:90%; } .articles-left0,.articles-left1,.articles-left2,.articles-left3,.articles-left4 { display:block;clear:both;margin:20px auto;width:182px;height:25px;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat; } .articles-left4 { background-position:-608px -13px; } .articles-left3 { background-position:-608px -42px; } .articles-left2 { background-position:-608px -71px; } .articles-left1 { background-position:-608px -99px; } .articles-left0 { background-position:-608px -128px; } #suscribe-bottom-bar { display:block;clear:both;width:100%;color:white !important;position:fixed;bottom:0px;left:0px;text-align:center; } #suscribe-bottom-bar div div { padding:12px 0px; } .suscribe-price { display:block;clear:both;font-family:var(--first-font);font-weight:700;font-size:44px;letter-spacing:-0.04em;line-height:0.9;margin-bottom:5px; } .suscribe-package { display:block;clear:both;font-family:var(--second-font);font-size:25px;color:black; } .note-after-suscribe-price { display:block;clear:both;font-size:13px;color:#666666; } .package-box { display:block;clear:both; } .the-package-name { background:white;padding:15px 15px;border-radius:15px 15px 0px 0px;border:1px solid #cccccc; } .the-package-details { background:#efefef;padding:15px 15px;border-radius:0px 0px 15px 15px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc; } .the-package-details a.button-link { width:100%;max-width:100%; } .the-package-details ul.points li { text-align:left; } .package-digital,.package-print-digital { display:block;clear:both;width:150px;height:95px;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;margin:10px auto; } .package-digital { background-position:-440px -12px; } .package-print-digital { background-position:-440px -120px; } .profile-nav { display:block;clear:both;width:100%;margin:7px 0px 25px 0px; } .item-profile-nav { display:inline-block;width:100%;max-width:150px;margin:10px 0px;font-weight:700;text-transform:uppercase;color:#9c9c9c;font-size:104%;cursor:pointer; } .item-active { color:black;border-bottom:2px solid black; } #link-show-suscribe { cursor:pointer; } #link-login { cursor:pointer; } article.subscribe,article.my-profile { display:block;clear:both;width:90%;max-width:900px;margin:15px auto; } article.my-profile { max-width:800px; } article.subscribe .row > .col-sm-4,article.subscribe .row > .col-sm-8,article.my-profile .row > .col-sm-4,article.my-profile .row > .col-sm-8 { padding:15px 15px; } article.subscribe form input,article.my-profile form input { margin: 10px 0px 15px 0px; } article.subscribe form .button-link,article.my-profile form .button-link { margin:10px 0px; } article.subscribe .button-link,article.my-profile .button-link { margin:10px 0px; } .step1-4,.step2-4,.step3-4,.step4-4 { display:inline-block;width:25px;height:168px;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;margin-top:25px; } .step1-4 { background-position:-821px -10px; } .step2-4 { background-position:-856px -10px; } .step3-4 { background-position:-890px -10px; } .step4-4 { background-position:-926px -10px; } #block-accounts .row .col-sm-5 { width:75% !important; } #block-accounts .row .col-sm-2 { width:25% !important;padding-right:15px; } /* Switch checkboxes */ .switch{position:relative;display:inline-block;width:46px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#006cb6}input:focus+.slider{box-shadow:0 0 1px #006cb6}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:12px}.slider.round:before{border-radius:50%} .row.heading { display:flex;background:#006cb6;padding:10px 0px 10px 15px;font-weight:700;color:white !important;text-transform:uppercase;border-radius:8px !important; } .row.heading div { color:white !important; } .row.items { display:flex;font-size:13px;padding:16px 0px;border-bottom:1px solid #cccccc; } #conditions-box { display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;max-width:100%;max-height:100vh;right:-150%;padding:0px 0px;top:0px;right:-150%;z-index:20000;-webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #conditions-box > div { display:block;width:85%;max-width:480px;height:80%;flex-wrap:wrap;padding-bottom:20px;background:white; } #conditions-box > div .content-popup { height:calc(100% - 42px);overflow-y:auto; } #conditions-box > div .content-popup p { margin-bottom:15px; } .arrow-down,.arrow-up { display:inline-block;width:25px;height:25px;cursor:pointer;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;margin-right:2px;position:absolute;bottom:0px; } .arrow-down { background-position:-310px -152px;bottom:0px; } .arrow-up { background-position:-280px -152px;bottom:0px; } #show-change-password { display:inline-block; } #hide-change-password { display:none; } @media screen and (min-width:768px) { article.full { position:relative;display:block;clear:both;margin:0px 0px 15px 0px; } article.full .detail-content { position:absolute;bottom:5%;left:0px;padding:8px 15px;width:380px;background:rgba(0,0,0,0.7); } article.full .detail-content a.category-name { position:relative;display:inline-block;color:#FFFFFF; } article.full .detail-content h1 a { font-size:28px;color:#FFFFFF; } article.full .detail-content h2 a { font-size:28x;color:#FFFFFF; } article.full .detail-content p { color:#c9c9c9; } article.full .detail-content h1 a:hover { color:#006cb8; } article.full .detail-content h2 a:hover { color:#006cb8; } article.full .detail-content .extra-data:hover { display:block;clear:both; } article.full .detail-content .extra-data p.info-article { line-height:0.5; } article.full .detail-content .extra-data p.info-article span.time strong { color:#c9c9c9 !important; } article.full .detail-content .extra-data .share-buttons { filter:invert(100%); } article.full .detail-content .extra-data .share-buttons span.share-button { top:4px; } .column-ab section article.secondary .detail-content h1 { margin:-4px 0px 7px 0px; } .column-ab section article.secondary .detail-content h2 { margin:-4px 0px 7px 0px; } ul.mainmenu li.menu-item-has-children:hover > ul.submenu { overflow:visible;background-color:#f7f7f7;border:1px solid #ededed;display:block;clear:both;position:absolute;left:0px;top:23px;padding:5px 5px;width:auto;min-width:168px; } ul.mainmenu li.menu-item-has-children:hover > ul.submenu::before { content: url('https://cdn-pro.elsalvador.com/escom_the_one/images/submenu-arrow.png');position:absolute;top:-12px;left:20px; } ul.mainmenu li.menu-item-has-children:hover > ul.submenu li { display:block;clear:both;padding:7px 5px;text-align:left;border-bottom:1px solid #ededed;font-size:13px; } ul.mainmenu li.menu-item-has-children:hover > ul.submenu li.last { border-bottom:none;padding:7px 5px 2px 5px; } ul.mainmenu li.menu-item-has-children:hover > ul.submenu li a { font-size:13px; } ul.mainmenu li.menu-item-has-children:hover > ul.submenu li a:hover { color:#006cb8; } #full-menu { display:none; } #partial-menu { display:none; } .only-desktop { display:block;clear:both; } .only-mobile { display:none; } } @media screen and (max-width:1279px) { #FixTower01 { display:none !important;top:-4000px; } #FixTower02 { display:none !important;top:-4000px; } } @media screen and (min-width:1024px) and (max-width:1140px) { .column-a2 article.secondary .detail-content .extra-data p.info-article span.time { display:none; } #top-header > .col-sm-6 { width:40%; } #top-header > .col-sm-3 { width:30%; } } @media screen and (min-width:768px) and (max-width:1023px) { /* Header */ header .col-sm-2 a.promo-header { left: 5px;top:-2px; } header .col-sm-2 a.promo-header img { width:170px;height:auto;} #searching { right:5px; } #searching input[type="text"] { max-width:120px; } input[type="text"]#s { position:absolute;width:110px;max-width:200px;right:5px;top:0px; } .block-home.first { margin:15px auto 15px auto; } .column-ab { display:block;clear:both;float:none;width:100%;padding:0px 0px; } .column-c { display:block;clear:both;float:none;width:100%;padding:0px 0px;max-width:500px;margin:0px auto; } .column-a { width:calc(100% - 320px);padding:15px 0px; } .column-b { width:300px;padding:15px 0px 15px 20px; } .column-ab2 { width: calc((100% - 60px)/2); } article.more-articles { min-height:212px; } .column-ab section article.secondary { padding-bottom:20px; } h2.title-block-section { margin:0px 0px 15px 0px; } main section.full-width article { position:relative;display:inline-block;clear:none;float:left;width:48%;height:auto;min-height:360px;max-height:420px;overflow:hidden;margin:20px 1%;padding-bottom:15px;border-bottom:1px solid #ededed; } /* Temp */ .banner-970x90 { max-width:728px;margin-left:auto;margin-right:auto;height:auto; } .banner-970x90 img { display:block;clear:both;width:100%;height:auto; } .banner-300x600 { display:none; } /* Videos in home */ .item-video { display:block;width:100% !important;padding:0px 0px; } .item-video.first { display:block;clear:both;width:100% !important;padding:0px 0px; } .item-video.first h3 { padding-left:15px; } .item-photo { display:block;width:100% !important;padding:0px 0px; } .item-photo.first { display:block;clear:both;width:100% !important;padding:0px 0px; } .item-photo.first h3 { padding-left:15px; } figure.photogallery-item { margin-bottom:15px; } figure.photogallery-item figcaption { position:relative;width:100%;padding:5px 0px 5px 0px;margin-bottom:15px;background:rgba(255,255,255,1);color:#555555;font-size:14.5px; } figure.photogallery-item figcaption > span { display:inline-block;color:#000000;font-weight:bold;margin-bottom:15px; } figure.photogallery-item figcaption p.share-buttons { left:0px;bottom:0px; } figure.photogallery-item figcaption p.share-buttons span { filter:invert(0%); } /* Photogallery & Videos & More articles */ section.list-videos article.more-articles { min-height:230px;overflow:hidden;max-height:230px; } section.list-videos article.more-articles .extra-data p.info-article span.time { display:none; } section.list-photos article.more-articles { min-height:230px;overflow:hidden;max-height:230px; } section.list-photos article.more-articles .extra-data p.info-article span.time { display:none; } section.subsections article.wphoto h2 a { line-height:0.85; } /* span.time */ article.more-articles .detail-content h2 { line-height:0.85; } article.more-articles .detail-content h2 a { font-size:15px;line-height:0.85; } article.more-articles .detail-content .extra-data p.info-article span.time { display:none; } article.more-articles .extra-data p.info-article span.time { display:none; } section.subsections article .extra-data p.info-article span.time { display:none; } /* Others */ p.recommended { font-size:14.5px; } .list-item { font-size:15.5px;line-height:1.4; } article.more-ruz .extra-data p.info-article span.time { display:none; } .no-tablet { display:none !important; } .team-row { font-size:15px; } .subcategory-menu { padding:0px 0px 10px 0px; } .row { display:block;width:100%; } .col-1-1 { display:block;clear:both;width:100%; } .col-1-2 { display:block;clear:both;width:100%;margin-bottom:30px; } .col-1-2 .small-box { display:inline-block;width:calc(50% - 22px);margin:0px 10px; } #top-header .col-sm-6, #top-header .col-sm-4, #top-header .col-sm-3 { padding:0px 0px; } .spotlight-box a { display:inline;clear:both;margin-top:0px;margin-left:4px; } } @media screen and (max-width:767px) { body { color:#444444; } body > main.inside { margin-top:36px !important; } a.menu { display:block; } a.search { display:block; } /* Aditional content */ .additional-content { display:block;clear:both;width:100%;margin:20px auto; } .additional-content.full-width { display:block;clear:both;width:100% !important;max-width:100% !important;margin:30px auto; } .additional-content h2 { font-family:var(--first-font);font-size:15px; color:#000000; text-transform:uppercase;text-align:center;font-weight:600; border-top:4px solid #000000; padding:7px 0px;margin:0px 0px; } .additional-content.full-width h2 { width:100% !important; } .additional-content .detail-content { display:block;clear:both;background-color:#f7f7f7;padding:15px;margin-bottom:0px; } .additional-content.full-width.related-content .detail-content { padding:15px 0px 0px 0px; } .additional-content .detail-content p.centered { margin:5px 0px; } .additional-content .detail-content span.the-number { display:block;clear:both;text-align:center;font-weight:bold;font-size:25px;color:#000000; } span.the-cite { display:block;clear:both;width:100%;font-size:19px;font-style:oblique;text-align:center;font-family:var(--second-font); } img.img-cite { display:block;clear:both;width:80px;height:80px;margin:0px auto;border-radius:50%; } p.author-cite { margin-bottom:-10px !important;padding-bottom:16px;text-align:center; } p.author-cite strong { font-size:16px;font-weight:bold; } .additional-content .detail-content p.personage { font-weight:bold !important;font-size:20px !important;color:#000000; } .detail-content.personage p { margin-bottom:7px !important;; } .additional-content.full-width p.author-cite { text-align:center; } .additional-content.full-width .detail-content.personage img.img-responsive { width:100%;min-width:100%; } .about-article .item a.tags { font-size:14px;color:#000000; } .about-article .item a.tags:hover { color:#006cb8; } .banner-300x600 { display:none; } .banner-970x90 { display:none; } .subcategory-menu { margin-top:-17px; } .subcategory-menu a.main-links { display:inline-block;float:none;clear:none;font-size:12px;color:#000000;padding:0px 3px 0px 3px;text-transform:uppercase;margin-bottom:10px; } /* Header */ header#header { position:fixed;display:flex;top:0px;width:100%;height:50px;background-color:#FFFFFF;color:#FFFFFF;padding:8px 0px 8px 0px;border-bottom:1px solid #c9c9c9;z-index:20;overflow:hidden; } .col-sm-2 { display:inline-block;float:left;width:16.66666667%; } img.logo { display:block;clear:both;width:100%;max-width:210px;margin:3px auto 0px auto; } #mini-logo { display:none;margin-top:-3px; } img#mini-logo { height:16px !important;width:auto;margin-right:20px;vertical-align:middle; } header#header .col-sm-3 { width:32px !important;padding:0px 0px; } header#header .col-sm-6 { width:calc(100% - 64px) !important;padding:0px 0px; } #searching { display:none;right:5px;width:calc(100vw - 58px);max-width:500px; } input[type="text"]#s { display:block;clear:both;width:82%;max-width:82%;padding:4px 32px 4px 8px;border:1px solid #c9c9c9;border-radius:8px;font-size:15px;background:#f7f7f7 url('https://cdn-pro.elsalvador.com/escom_the_one/images/icon-search.png');background-repeat:no-repeat no-repeat;background-position:96% 4px;background-size:20px 20px; } .promo-header { display:none; } #site-menu { position:fixed;top:0px;left:-150%;display:block;clear:both;width:100%;padding:50px 20px 30px 20px;margin:0px 0px;height:100%;background-color:#FFFFFF;z-index:30;-webkit-transition: all 0.25s;text-transform:none; text-align:left; } #the-search { top:-25px; } a.close { display:block; } a.main-links { display: block;clear: both;color: #000000;font-size: 20px;padding:15px 0px 15px 15px;margin-top: 0px;margin-bottom: 0px;line-height:1.1; } .block-home { display:block;clear:both;width:100%;margin:40px auto !important;padding:0px 0px; } .block-home.first { margin:2px auto 15px auto; } .column-ab { display:block;float:none;width:100%;padding:0px 0px; } .column-ab2 { display:block;clear:both;;float:none;width:100%;padding:0px 0px; } .column-a { display:block;clear:both;;float:none;width:100%;padding:0px 0px; } .column-a2 { display:block;clear:both;;float:none;width:100%;padding:0px 0px; } .column-b { display:block;clear:both;;float:none;width:100%;padding:0px 0px; } .column-b2 { display:block;clear:both;;float:right;width:100%;padding:0px 0px; } .column-c { display:block;clear:both;;float:none;width:100%;padding:0px 0px; } .column-abc { display:block;clear:both;;float:none;width:100%;padding:0px 0px; } .block-home.full { display:block;clear:both;width:100%;max-width:100%;margin:0px auto;padding:10px 0px; } .bg-black { background-color:#000000;color:#cdcdcd; } .bg-dark { background-color:#333333;color:#cdcdcd; } .home-videos { margin:0px auto 30px auto; } .home-videos > h3 { position:absolute;top:-43px;left:calc(50% - 100px);display:inline-block;text-transform:uppercase;font-size:13px;padding:4px 10px;width:180px;background-color:#FFFFFF;border:1px solid #333333;text-align:center; } .home-photos { margin:0px auto 30px auto; } .home-photos > h3 { position:absolute;top:-43px;left:calc(50% - 100px);display:inline-block;text-transform:uppercase;font-size:13px;padding:4px 10px;width:180px;background-color:#FFFFFF;border:1px solid #333333;text-align:center; } .column-a2 section article.secondary .media-item { display:inline-block;width:44%;padding:0px 0px; } .column-a2 section article.secondary .detail-content { display:inline-block;width:54%;padding:0px 0px;margin-left:1%;vertical-align:top; } .column-a2 section article.secondary .detail-content .category-name { position:relative;display:inline-block;clear:none; } .detail-content { padding:0px 15px; } a.category-name { margin-left:0px;margin-top:5px;margin-bottom:-5px; } .detail-content h1 { font-size:19px;line-height:1.2;margin:10px 0px 7px 0px; } .detail-content h1 a { font-size:19px;line-height:1.2; } .detail-content h2 { font-size:19px;line-height:1.1;margin:10px 0px 7px 0px; } .detail-content h2 a { font-size:19px;line-height:1.1; } article.more-articles .detail-content h1 a { font-size:19px; } article.more-articles .detail-content h2 a { font-size:19px; } section.subsections article .detail-content p { margin-bottom:15px; } .swiper-wrapper.videos .detail-content p { margin:10px 0px 10px 0px; } p.summary.video-detail { padding-bottom:25px; } p.summary.cartoon-detail { padding-bottom:25px; } section.subsections article.wphoto.last { border-bottom:none;margin-bottom:-10px; } section.subsections article.wphoto h1 { margin-bottom:13px; } section.subsections article.wphoto h1 a { font-size:16px; } section.subsections article.wphoto h2 { margin-bottom:13px; } section.subsections article.wphoto h2 a { font-size:16px; } main section article .detail-content p { font-size:14.5px;line-height:1.35;margin-bottom:10px;margin-top:10px;color:#666666; } section article .detail-content ul.news-related { display:none; } ul.news-related li a { font-family:var(--first-font);font-weight:600; } article.detail .entry-content { margin-top:-8px; } main section article.last { border-bottom:1px solid #ededed; } main section article { padding-bottom: 20px; } .column-ab section article.secondary { padding-bottom: 20px; } .column-ab section article.secondary .media-item { display:block;clear:both;width:100%; } .column-ab section article.secondary .detail-content { display:block;clear:both;width:100%;padding:0px 15px;width:calc(100% - 30px);margin-left:0px; } .column-ab section article.secondary .detail-content a.category-name { position:relative;margin-left:0px;top:0px;left:0px; } .column-abc.subsections { display:block;clear:both;width:100%; } .column-abc.subsections.middle { display:block;clear:both;width:100%;padding-left:0px;margin:15px 0px; } .media-item.wphoto a.category-name { margin-left:15px; } .extra-data { padding:0px 15px;width:calc(100% - 30px); } .extra-data:hover { display:block;clear:both;height:22px; } section article.secondary .extra-data { padding:0px 0px;width:100%; } section article.secondary .extra-data:hover { display:block;clear:both;position:relative;height:29px; } article.full .detail-content .extra-data:hover { height:40px; } .column-ab section article.secondary .detail-content p { margin-bottom:0px; } .more-articles .widget-content section article.more-articles .extra-data { padding:0px 0px;width:100%; } article.more-articles .extra-data { padding:0px 0px;width:100%; } .detail-content .extra-data { padding:0px 0px;width:100%; } main section article.secondary .detail-content .extra-data p.share-buttons span.share-button { top:12px; } main section.full-width article { position:relative;display:block;clear:both;float:none;width:100%;height:auto;min-height:auto;max-height:auto;overflow:auto;margin:20px 0%;padding-bottom:20px;border-bottom:1px solid #ededed; } p.share-buttons { left:15px;bottom:11px; } p.share-buttons:hover { left:0px; } p.info-article { left:30px;bottom:23px;color:#555555;font-size:12px !important; } p.info-article span.the-author strong a { font-family:var(--first-font);font-size:12px; } p.info-article span.time { border-left: 1px solid #555555;border-right: 1px solid #555555;font-size:12px; } .column-ab section article.secondary { padding-bottom:20px; } .widget-block h3 { padding-left:15px; } .item-video { display:block;clear:both;width:100%;margin:20px auto;padding:0px 0px; } .item-photo { display:block;clear:both;width:100%;margin:20px auto;padding:0px 0px; } h2.title-block-section { font-size:16px;margin:-15px 0px 15px 0px; } .home-videos h2.title-block-section { margin:0px 0px 0px 0px; } .home-photos h2.title-block-section { margin:0px 0px 0px 0px; } main.inside .block-home .column-ab section h2.title-block-section { margin:-15px 0px 15px 0px; } article.full { margin-bottom:25px;padding-bottom:20px;border-bottom: 1px solid #ededed; } article.full .detail-content a.category-name { position:relative;display:block;clear:both;width:auto;max-width:82px;margin-top:-22px;margin-left:0px; } article.detail { width:100%; padding:0px 15px; } article.detail a.category-name { margin-left:0px; } main article .entry-content p { font-size:16px;line-height:1.35;margin:15px 0px; } article.more-articles { width:calc(100% - 30px); padding:0px 15px 15px 15px;height:auto;margin:10px 0px; } article.more-articles .detail-content { padding:0px 0px; } section.list-videos article.more-articles { width:100%;padding:0px 0px 25px 0px; } section.list-videos article.more-articles .detail-content { padding:0px 15px;min-height:auto; } section.list-photos article.more-articles { width:100%;padding:0px 0px 25px 0px; } section.list-photos article.more-articles .detail-content { padding:0px 15px;min-height:auto; } section.list-videos article.more-articles .extra-data { padding:0px 15px;width:calc(100% - 30px); } section.list-photos article.more-articles .extra-data { padding:0px 15px;width:calc(100% - 30px); } article.more-ruz { display:block;float:none;clear:both;width:100%;padding:0px 15px 20px 15px;margin-bottom:30px;height:auto; } article.more-ruz .media-item img.responsive { width:100%;height:auto; } section.list-cartoons article.more-ruz { padding:0px 0px 20px 0px;margin: 0px 0px 30px 0px; } .more-articles article.more-ruz { width:calc(100% - 30px);margin:0px 0px 20px 0px;height:auto;min-height:auto;padding-bottom:20px; } .more-articles article.more-alecus { width:calc(100% - 30px);margin:0px 0px 20px 0px;height:auto;min-height:auto; } .more-articles article.more-ruz .detail-content { padding:0px 0px; } .more-articles article.more-alecus .detail-content { padding:0px 0px; } .more-articles article.more-ruz .extra-data { padding:0px 0px;width:100%; } .more-articles article.more-alecus .extra-data { padding:0px 0px;width:100%; } section article.full .detail-content .extra-data { margin-top:-18px; } section article.full .detail-content .extra-data p.share-buttons span.share-button { top:22px; } section .widget-block.more-articles .widget-content { border-bottom:none; } h1.title { font-family: var(--first-font);text-align: left;font-size: 22px; color: #000000;font-weight:600;text-transform: none; margin-top:-15px;line-height: 1.2;letter-spacing: -0.02em; } h1.title.video-detail { font-size: 22px; } h1.title.cartoon-detail { font-size: 22px; } p.summary { font-family: var(--first-font);font-size: 14.75px;margin:10px 0px 15px 0px;line-height:1.3 } .spacer-top { height:42px; } .widget-block.related-sites a img { max-height:18px; } figcaption { font-size:14px; } article.more-articles.opinion { padding-bottom:20px; } article.more-articles.middle { width:calc(100% - 30px);} figure.photogallery-item { margin-bottom:15px; } figure.photogallery-item figcaption { display:block;clear:both;position:relative;width:100%;padding:5px 0px 5px 0px;margin-bottom:15px;background:none;color:#555555; } figure.photogallery-item figcaption p.info-article { display:block;clear:both;width:100%;position:relative;left:0px;bottom:0px;filter:invert(0%); } figure.photogallery-item figcaption span { color:#555555; } figure.photogallery-item figcaption p.info-article:hover span { width:100%;filter:invert(0%);margin-top:0px;overflow:visible; } figure.photogallery-item figcaption p.info-article .share-buttons:hover { background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,1),rgba(255,255,255,1)) !important; } figure.photogallery-item figcaption p.info-article .share-buttons:hover a { display:inline-block; } .only-mobile { display:block;clear:both; } .only-desktop { display:none; } p.recommended { font-size:14px; } .search-message { padding:5px 0px 5px 0px;margin:-15px 0px 15px 0px; } /* Main Menu */ ul.mainmenu > li { display:block;clear:both;font-size:15px;text-transform:uppercase;padding:10px 0px;border-bottom:1px solid #ededed; } ul.mainmenu > li a { padding-left:15px; } ul.submenu li { border-top:1px solid #ededed;padding:10px 0px;font-size:14px; } ul.submenu li a { padding-left:30px;color:#999999; font-size:14px; } ul.submenu > li.first { margin-top:10px; } ul.submenu > li.last { margin-bottom:-10px; } #site-menu { overflow-y:auto; } /* Last modufy */ p.bottom-menu a.only-desktop { display:none; } .no-mobile { display:none !important; } #escom-logo { display:block !important;clear:both !important;margin:4px auto 0px auto !important;width:230px !important;height:24px !important;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;background-position:-10px -13px !important; } #open-menu { display:block;margin:7px 0px 0px 0px; } #special-bar { display:none; } #icon-search { display:none; } #searching { display:block; } #searching input[type="text"]#s { display:inline;width:100%;max-width:300px;padding:10px 40px 10px 20px;background-position:92% 8px; } .side-panel { max-width:100%; } } @media screen and (max-width:520px) { main article.my-profile > .row > .col-sm-4, main article.my-profile > .row > .col-sm-8 { display:block !important;clear:both !important;width:100% !important;float:none !important;padding:20px 0px !important; } .item-profile-nav { display:inline-block;float:left;width:33.333% !important;max-width:33.333% !important; } main article.my-profile .row .col-sm-8 .package-box { margin:0px auto !important; } main article.subscribe > .row > .col-sm-4, main article.subscribe > .row > .col-sm-8 { display:block !important;clear:both !important;width:100% !important;float:none !important;padding:20px 0px !important; } } @media screen and (max-width:320px) { a.button-link { width:230px; } p.info-article span.time { display:none !important; } } .list-item > img { width: 60px; height: 60px; } .page-link { display: inline; } /*SHORTCODE*/ .bg-hardnews { background-color:#026db7 !important; } /**********SUSCRIBE STYLE***********/ h1.centered-suscribe { text-align: center; font-size: 36px; } /* New Mailing Page 20170518 */ .newsletter-box { display:block;clear:both;background-color:#ededed; border:1px solid #cecece; padding:25px;width:100%; max-width:800px; margin-left:auto; margin-right:auto; } .btn-suscribe { background: #03527f none repeat scroll 0 0;border: medium none;border-radius: 0.25em;box-shadow: none;color: #ffffff;cursor: pointer;font-family:"PreloSlabMedium","Roboto",serif;font-size: 1.8rem;margin:10px 0px;padding: 0.7em 2.4em; } .btn-suscribe:hover { background:#026db7; } .newsletter-box input[type="email"] { display:block;clear:both;width:75%;padding:4px 12px; font-size:16px; color:#343434; background-color:#FFFFFF; margin-bottom:16px; border:1px solid #c9c9c9; } .newsletter-box input[type="checkbox"] { width:20px;height:20px; border:1px solid #cecece;`:middle; margin:0px 0px 0px 0px; } .newsletter-box form select { display:block;clear:both;width:75%;padding:4px 12px; font-size:16px; color:#999999; background-color:#FFFFFF; margin-bottom:16px; border:1px solid #c9c9c9; } .newsletter-box p { font-family:var(--second-font);font-size:17px; line-height:1.6em; } .newsletter-box p.optional-field { font-size:13px; color:#999999; line-height:1.2; } ul.rtl_func{ columns: 2; -webkit-columns: 2; -moz-columns: 2; } ul.rtl_func > li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /*********FIN SUSCRIBE STYLE***********/ .trc_rbox_header.trc_rbox_border_elm { display:none !important; } .top-bar .banner-970x90 { margin:0px auto 0px auto; } /********************************CANCHA ESTILOS************************************************/ .photo-detail { background: #fee600; color: #000; text-align: center; font-weight: bold; font-size: 14px; display: inline-block; margin-bottom: 10px; padding: 5px 10px; text-transform: uppercase; } .container-box-cancha { display: flex; flex-wrap: wrap; width: 100%; height: auto; justify-content: space-around; margin: 0 auto; } .box-cancha-1 { flex-basis: 50%; height: auto; padding: 10px; box-sizing: border-box; } .category-cancha-logo { width: 100%; height: auto; background: rgb(0,0,0); } .category-cancha-logo div { width: 20%; height: auto; } .category-cancha-logo img { width: 100%; height: auto; display: block; max-width: 150px; } .primary-cancha-tittle { font-size: 23px; line-height:1.25; margin:0;font-weight:700; } .second-cancha-tittle { font-size: 16px; line-height: 18px; margin:0;font-weight:700; } .primary-cancha-p { font-size: 16px;margin-top:10px; } article.full-width { display:block;clear:both;width:100%;height:auto;padding:0;margin-top: 10px; } figure { margin: 0; } .padding-0 { padding-bottom: 0; margin: 0; } section.container-box-cancha article { display:inline-block;width:48%;margin:5px 1%;padding-bottom:10px;border-bottom:none; } section.container-box-cancha article a:hover { color:#80809f; } section.container-box-cancha article.full-width { display:block;clear:both;width:100%;margin:20px 0px 10px 0px; } .diagonal-text { color: white; background: url(https://cdn-pro.elsalvador.com/escom_the_one/images/cancha/short-diagonal.png); background-repeat: no-repeat; width: 300px; overflow: hidden; padding: 0px 20px; text-transform: uppercase; font-size:14px !important; font-weight: 600; line-height: 2.4; font-size: 100%; } .number-season-table { font-size: 20px; font-weight: bold; } .mini-lmf-team { width: 45px; height: 45px; display: block; } .line { width: 100%; border-top: 1px solid #dcdcdc; margin: 5px 0px 5px 0px; } tr.tr-gray td { background: #dadada;padding:4px 5px;height:12px; } .title-position-table { font-weight:700; } table.lmf-posiciones { height:auto;margin-top:-1px;margin-left:-1px; } table.lmf-posiciones td { padding:8px 0px; } .medium-text-bold { font-size:15px !important;font-weight:700;color:black;margin-bottom:8px; } a.icon-comment { display:inline-block;} .mt-15 { margin-top:-15px !important; } /*********** VIDEO CATEGORY PAGE **********/ #top-content-box .list-item { position:relative !important;padding-right:12px; } .bg-top { display:block;color:rgba(0,0,0,0.2);font-weight:700;font-size:50px;z-index:2;position:absolute;top:-10px;right:-20px; } .play-video { cursor:pointer; } /* Player de video */ .jw-icon-rewind { display:none !important; } .jw-icon-fullscreen { display:none !important; } .jw-icon-settings { display:none !important; } #top_videos .swiper-button-prev, #top_videos .swiper-button-next { filter:brightness(900%) saturate(0%); } #top_videos a.close-videos { top:15px;right:15px; } .box-slide-ad { position:absolute;top:0px;left:0px;display:block;clear:both;width:100vw !important ;height:100vh !important ;border:none !important ;background:rgba(0,0,0,1) !important ; } iframe.carrouselAds { display:block;clear:both;width:100%;height:100vh !important;background:rgba(0,0,0,1) !important;border:none !important;z-index:10000 !important; } /* T A B O O L A */ [data-feed-main-container-id="taboola-below-article"] { margin-top: -38px !important; padding-top: 0px !important; margin-bottom: 20px !important; } [data-feed-main-container-id="taboola-below-article"] .tbl-feed-header { padding: 0px 5px 15px 5px !important; } .video-label.video-title { font-family: Poppins !important; font-size: 15px !important; line-height: 1.25; } .thumbs-feed-01 .videoCube .video-label-box .video-title { line-height: 1.25; } .video-label.video-title.trc_ellipsis { line-height: 1.25; } .branding .branding-inner { font-family: Poppins !important; color: #000000 !important; } [data-feed-main-container-id="taboola-below-article"].tbl-feed-frame-DIVIDER .tbl-feed-card { box-shadow: 0 0px #e6ecf0 !important; } [data-feed-main-container-id="taboola-below-article"] .tbl-feed-card .video-label-box .video-description { display: none !important; } .branding { font-family: Poppins !important; } @media screen and (min-width:768px) { .trc_related_container { width: 100%; } .trc_related_container>.trc_related_container { display: inline-block; clear: none; float: left; width: calc(32% - 10px); height: 240px; overflow: hidden; margin: 5px 0px 5px 1%; } .trc_related_container>.trc_related_container.trc_elastic_thumbs-feed-01-a { display: inline-block; clear: none; float: left; width: 66%; } .trc_related_container>.trc_related_container.trc_elastic_organic-thumbs-feed-01-c { display: inline-block; clear: none; float: left; width: 66%; } } @media screen and (min-width:768px) and (max-width:1366px) { .trc_related_container>.trc_related_container { height: 220px; } } @media screen and (max-width:767px) { .trc_related_container { width: 100%; } .trc_related_container>.trc_related_container { display: inline-block; clear: none; float: left; width: 49%; margin: 0px 0.5%; } .trc_related_container>.trc_related_container.trc_elastic_thumbs-feed-01-a { display: block; clear: both; float: none; width: 100%; } .trc_related_container>.trc_related_container.trc_elastic_organic-thumbs-feed-01-c { display: block; clear: both; float: none; width: 100%; } } @media screen and (min-width:481px) and (max-width:767px) { .trc_elastic .trc_rbox .trc_rbox_div { height: 360px !important; overflow: hidden; } } @media screen and (min-width:376px) and (max-width:480px) { .trc_elastic .trc_rbox .trc_rbox_div { height: 250px !important; overflow: hidden; } } @media screen and (max-width:375px) { .trc_elastic .trc_rbox .trc_rbox_div { height: 180px !important; overflow: hidden; } } .container-epaper-cols{width:100%;max-width:1366px;height:auto;display:flex;justify-content:space-around;padding:20px 0;margin:10px auto 30px auto; } .col-sm-1,.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-10,.col-sm-11,.col-sm-12 { display:inline-block;float:left;} .row.epapers { display:block;clear:both;width:100%; } .epaper-link { display:block;clear:both;border:1px solid #cccccc;box-shadow:0px 0px 5px #9c9c9c; } .epaper-col-a,.epaper-col-b,.epaper-col-c{box-sizing:border-box;padding:0%} .epaper-col-a {width:30%;height:auto} .epaper-col-b{width:50%;height:auto} .epaper-col-c{width:20%;height:auto} .epaper-title{ text-transform:uppercase;font-weight:normal;font-size:30px;color:black;border-bottom:1px solid #ededed;border-top:1px solid #ededed;padding:5px 0 5px;display:block;text-align:center; } a.epaper-menu { font-size:14px;margin-left:10px; } .epaper-title span { text-transform:none; } .epaper-resume{font-size:16px;font-weight:normal;text-align:center} .epaper-resume a {margin-top:10px;font-size:18px;font-weight:normal;text-align:center;display:block} .box-tablet-bg{width:75%;margin:0 auto} .box-tablet-bg{width:100%;margin:0 auto} .paper{width:60%;height:auto;margin-bottom:20px;text-align:center} .data-epaper{font-weight:bold;margin-top:5px;font-size:16px;display:block} .data-epaper-carrusel {font-size:16px;font-weight:normal;margin-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(0, 0, 0, 0.2);margin-bottom:30px;display:block;color:black;text-transform:uppercase;text-align:center;margin:20px auto;width:70%; } .swiper-button-next{position:absolute;top:0%;width:80px;height:100%;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;background-color:#ffffffba;right:0}.swiper-button-prev{position:absolute;top:0%;width:80px;height:100%;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;background-color:#ffffffba;left:0}.epaper-container{position:relative}.box-ipad{position:relative}.box-news-paper{position:absolute;top:46%;width:80%;left:50%;transform:translate(-50%, -50%);z-index:1000} .epaper-menu { text-align:center; } .epaper-menu a { display:inline-block;font-weight:600;text-transform:uppercase;color:#777777;font-size:13px;padding:10px 7px; } .epaper-menu a.active { border-top:4px solid #006cb7;color:black; } .epaper-menu a:hover { color:black; } .epaper-content { display:flex;width:100%;padding:20px;border:1px solid #d8d8d8;background-color:#f9f9f9;min-height:500px; } .epaper-content p { vertical-align:middle;text-align:center;margin:auto auto;font-size:18px; } .epaper-title span { font-size:24px; } .epaper-resume{font-size:15.5px;line-height:1.4;font-weight:normal;text-align:center;color:#777777;} .epaper-resume a {margin-top:10px;font-size:18px;font-weight:normal;text-align:center;display:block} .form-group { padding-top:15px; } .form-group label { font-size:13px !important; } .check-block label { font-size:13px !important; } .forgot-pass{text-align:right;padding:10px 0 10px} .container-epaper-cols .login{padding:20px;box-sizing:border-box;background-color:#f2f0f1} .btn-epaper-send{ background-color:#666;border:0;width:75%;padding:10px 5px;text-align:center;color:white;font-size:15px;font-family:Poppins;text-transform:uppercase;font-weight:700;margin:20px auto;display:block;cursor:pointer;} .form-control{font-size:14.5px;letter-spacing:0.025em;border:1px solid #d8d8d8;padding:10px;box-sizing:border-box;width:100%;margin-bottom:20px} .box-tablet-bg{width:85%;margin:0 auto;position:relative} .paper{width:60%;height:auto;margin-bottom:20px;text-align:center} .data-epaper{font-weight:normal;margin-top:8px;font-size:14px;display:block;text-transform:uppercase;border-bottom:1px solid #0000003b;padding-bottom:10px} .box-tablet-paper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%} @media screen and (max-width:1024px){ .data-epaper{font-size:12px} } @media screen and (max-width:768px){ .container-epaper-cols{width:100%;height:auto;display:flex;justify-content:space-around;padding:20px 0;flex-wrap:wrap} .epaper-col-a{width:50%;height:auto} .epaper-col-b{width:50%;height:auto} .epaper-col-c{width:100%;height:auto;display:flex;justify-content:space-around;margin-top:30px; } .paper{width:30%;height:auto;margin-bottom:20px;text-align:center} .epaper-resume{font-size:14px;font-weight:normal;text-align:center} .data-epaper{font-size:14px} } @media screen and (min-width:481px) and (max-width:1080px){ .row.epapers .col-sm-3 { width:50%;margin:0px 0px !important; } } @media screen and (max-width:480px){ .container-epaper-cols{width:100%;height:auto;display:flex;justify-content:space-around;padding:0px 20px 20px 20px;flex-wrap:wrap;box-sizing:border-box} .epaper-col-a{width:100%;height:auto} .epaper-col-b{width:100%;height:auto;margin-bottom:30px} .epaper-col-c{width:100%;height:auto;display:flex;justify-content:center;flex-wrap:wrap} .paper {width:70%;height:auto;margin-bottom:20px;text-align:center} .epaper-resume{font-size:14px;font-weight:normal;text-align:center;margin-top:30px;} .data-epaper{font-size:14px} .row.epapers { display:flex;clear:none;white-space:nowrap;overflow:auto; } .row.epapers .col-sm-3 { width:260px !important;min-width:260px;padding:15px 10px; } .epaper-title { margin-top:15px; } .epaper-title.movil { margin-top:50px; } } @media screen and (max-width:320px){ .row.epapers .col-sm-3 { width:230px !important;min-width:230px;padding:15px 10px; } } #navlist li { display: inline; list-style-type: none; padding-right: 20px; a:link {color:#FF0000;} a:visited {color:#00FF00;} a:hover {color:#FF00FF;} a:active {color:#0000FF;} } #navlist li a { padding-left: 32px; /* Create padding on the left where the icon goes */ padding-top:10px; padding-bottom:10px; } #pageNums { text-decoration: none; color: #333; text-shadow: 1px 1px 1px #ccc; } #footerepaper{ position:fixed;left:0px;bottom: 30px;width:100%;background: #ffffff !important;line-height:19.5px;height:50px;color:#ffffff;text-align:center;z-index: 999999;padding-top: 5px; } /* Epaper detail */ .epaper-detail-bar { display:block;position:fixed;bottom:80px;right:10px;z-index:10000000; } .epaper-detail-bar span { cursor:pointer;display:inline-block;width:48px;height:48px;background:#FFFFFF url('https://cdn-pro.elsalvador.com/img/icons.svg');margin-right:5px;opacity:1.0;background-repeat:no-repeat;padding:24px 24px;border-radius:50%;border:1px solid #c9c9c9; } .epaper-detail-bar span.calendar { background-position:-601px -167px; } .epaper-detail-bar span.print { background-position:-665px -167px; } .epaper-detail-bar span.download { background-position:-729px -167px; } .epaper-detail-bar span.fullscreen { background-position:-793px -167px; } .epaper-detail-bar span.zoom { background-position:-857px -167px; } #content-messages{position:fixed;top:0px;right:-150%;display:flex;align-items:center;width:100%;height:100%;background:rgba(0,108,182,0.8);opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;z-index:50000} #the-message{position:relative;display:block;width:86%;height:auto;padding:20px 20px;margin:0px auto;max-width:480px;background:white;border-radius:16px; } .title-message{font-size:17px;font-weight:700;text-align:left} .epaper-detail-calendar { display:block;position:absolute;bottom:-370px;right:10px;z-index:10000000; } /*the container must be positioned relative:*/ .custom-select { position: relative; font-family: Arial; } .custom-select select { display: none; /*hide original SELECT element:*/ } .select-selected { background-color: white; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #000000 transparent transparent transparent; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { border-color: transparent transparent #000000 transparent; top: 7px; } /*style the items (options), including the selected item:*/ .select-items div,.select-selected { color: #000000; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } /*style items (options):*/ .select-items { position: absolute; background-color: white; top: 100%; left: 0; right: 0; z-index: 99; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } #work-in-progress { position: fixed; margin-left: 93%; margin-top: 5%; font-size: 150px; text-align: center; vertical-align: middle; color: #000000; z-index: 1; } .work-spinner { background-color: rgba(0,0,0,0); border: 9px solid rgba(27,61,226,0.9); opacity: .9; border-left: 5px solid rgba(0,0,0,0); border-radius: 120px; -webkit-box-shadow: 0 0 35px #1B3DE2; box-shadow: 0 0 35px #1B3DE2; width: 30px; height: 30px; margin: 0 auto; -moz-animation: spin .5s infinite linear; -webkit-animation: spin .5s infinite linear; -o-animation: spin .5s infinite linear; animation: spin .5s infinite linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .react-calendar { width: 350px; max-width: 100%; background: white; border: 1px solid #a0a096; font-family: Arial, Helvetica, sans-serif; line-height: 1.125em; } .react-calendar--doubleView { width: 700px; } .react-calendar--doubleView .react-calendar__viewContainer { display: flex; margin: -0.5em; } .react-calendar--doubleView .react-calendar__viewContainer > * { width: 50%; margin: 0.5em; } .react-calendar, .react-calendar *, .react-calendar *:before, .react-calendar *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .react-calendar button { margin: 0; border: 0; outline: none; } .react-calendar button:enabled:hover { cursor: pointer; } .react-calendar__navigation { height: 44px; margin-bottom: 1em; } .react-calendar__navigation button { min-width: 44px; background: none; } .react-calendar__navigation button:enabled:hover, .react-calendar__navigation button:enabled:focus { background-color: #e6e6e6; } .react-calendar__navigation button[disabled] { background-color: #f0f0f0; } .react-calendar__month-view__weekdays { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 0.75em; } .react-calendar__month-view__weekdays__weekday { padding: 0.5em; } .react-calendar__month-view__weekNumbers { font-weight: bold; } .react-calendar__month-view__weekNumbers .react-calendar__tile { display: flex; align-items: center; justify-content: center; font-size: 0.75em; padding: calc(0.75em / 0.75) calc(0.5em / 0.75); } .react-calendar__month-view__days__day--weekend { color: #d10000; } .react-calendar__month-view__days__day--neighboringMonth { color: #757575; } .react-calendar__year-view .react-calendar__tile, .react-calendar__decade-view .react-calendar__tile, .react-calendar__century-view .react-calendar__tile { padding: 2em 0.5em; } .react-calendar__tile { max-width: 100%; text-align: center; padding: 0.75em 0.5em; background: none; } .react-calendar__tile:disabled { background-color: #f0f0f0; } .react-calendar__tile:enabled:hover, .react-calendar__tile:enabled:focus { background-color: #e6e6e6; } .react-calendar__tile--now { background: #ffff76; } .react-calendar__tile--now:enabled:hover, .react-calendar__tile--now:enabled:focus { background: #ffffa9; } .react-calendar__tile--hasActive { background: #76baff; } .react-calendar__tile--hasActive:enabled:hover, .react-calendar__tile--hasActive:enabled:focus { background: #a9d4ff; } .react-calendar__tile--active { background: #006edc; color: white; } .react-calendar__tile--active:enabled:hover, .react-calendar__tile--active:enabled:focus { background: #1087ff; } .react-calendar--selectRange .react-calendar__tile--hover { background-color: #e6e6e6; } .ok-message,.error-message { display:block;padding:15px 15px;text-align:center;border:2px dashed var(--first-color);font-size:13px;margin:25px auto; } .error404 { left: 0; line-height: 200px; margin-top: -100px; position: absolute; text-align: center; top: 50%; width: 100%; } #dataNacionalidad { margin-left: 0px; } @media screen and (min-width:768px) and (max-width:1366px) { .magazine .page img { max-width: 100%; height: 100%; } #navlist li { display: inline; list-style-type: none; padding-right: 20px; } } @media screen and (min-width:481px) and (max-width:768px){ .magazine .page img { max-width: 90%; height: 90%; } #navlist li { display: inline; list-style-type: none; padding-right: 20px; } } @media screen and (max-width:480px){ .magazine .page img { max-width: 100vw; /* height: 90%; */ } #navlist li { display: inline; list-style-type: none; padding-right: 0px; } #work-in-progress { position: fixed; margin-left: 87%; margin-top: 15%; font-size: 150px; text-align: center; vertical-align: middle; color: #000000; z-index: 1; } } @media screen and (max-width:375px){ .magazine .page img { max-width: 90%; height: 90%; } } @media screen and (max-width:320px){ .magazine .page img { max-width: 85%; height: 85%; } #navlist li { display: inline; list-style-type: none; padding-right: 0px; } #work-in-progress { position: fixed; margin-left: 87%; margin-top: 15%; font-size: 150px; text-align: center; vertical-align: middle; color: #000000; z-index: 1; } } img#mini-logo22 { height:16px !important;width:auto;margin-right:20px;vertical-align:middle; } .dateselect {width: 100px !important;} /* Main list articles */ main.detail2 { position:relative;display:block;clear:both;width:100%;max-width:100%;height:calc(100vh - 72px);overflow:hidden !important;background-color:#f6f6f6;padding:34px auto; } h1,h2,h3,h4,h5,h6 { font-weight:700;color:#000000;line-height:1; } strong { font-weight:700; } ul { list-style-type:none;padding-left: 0px; } a { text-decoration:none;color:#000000;line-height:1.1; } a:hover { text-decoration:none;color:#006cb8; } a:hover strong { color:#006cb8; } a.link-more-media { display:block;clear:both;width:100%;padding:5px 0px;text-align:center;max-width:420px;background-color:#000000;color:#FFFFFF;margin:20px auto; } a:active, a:active * { outline: none !important; -moz-outline-style: none !important; } a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; } h3 { font-size:20px;margin-top:0px; } h5 { font-size:14px;margin:0px 0px 4px 0px;text-transform:uppercase;color:#000000; } /* Nav */ nav { display:block;position:fixed;width:100%;border-top:2px solid #000000;height:calc(100% - 10px);left:-125%;top:0px;background-color:#fefefe;color:#000000;-webkit-transition: all 0.25s; transition: all 0.25s;padding:15px 0px 25px 0px;overflow-x:hidden;overflow-y:auto;z-index:200; } ul.mainmenu2 { position:relative;display:block;clear:both;margin:10px 0px 0px 0px; } ul.mainmenu2 > li { display:inline-block;color:#000000;font-size:12.5px;padding:0px 7px 15px 7px;text-align:left; } ul.submenu2 > li { font-size:12.5px; } ul.submenu2 > li a { font-size:12.5px; } ul.mainmenu2 > li a { color:#000000; } ul.mainmenu2 > li a:hover { text-decoration:none;color:#006cb8; } ul.mainmenu2 > li.menu-item-has-children { position:relative; } ul.submenu2 { display:none; } #the-search { top:-25px; } a.close { display:block; } a.main-links { display: block;clear: both;color: #000000;font-size: 20px;padding:15px 0px 15px 15px;margin-top: 0px;margin-bottom: 0px;line-height:1.1; } /* Main Menu */ ul.mainmenu2 > li { display:block;clear:both;font-size:15px;text-transform:uppercase;padding:10px 0px;border-bottom:1px solid #ededed; } ul.mainmenu2 > li a { padding-left:15px; } ul.submenu2 li { border-top:1px solid #ededed;padding:10px 0px;font-size:14px; } ul.submenu2 li a { padding-left:30px;color:#999999; font-size:14px; } ul.submenu2 > li.first { margin-top:10px; } ul.submenu2 > li.last { margin-bottom:-10px; } #site-menu2 { overflow-y:auto; } #full-menu2 { display:block; } #partial-menu2 { display:none; } /* Header */ header#header2 { position:fixed;display:flex;clear:both;top:0px;left:0px;width:100%;height:auto;background-color:#FFFFFF;color:#000000;padding:4px 0px;border-bottom:1px solid #ededed;border-top:1px solid #ededed;z-index:1000000000; } .top-header2 { display:block;clear:both; } #top-header2 { max-width:1280px;margin:0px auto;position:relative; } img#mini-logo { height:16px !important;width:auto;margin-right:20px;vertical-align:middle; } img.logo.mini { max-width:140px; } #escom-logo { display: block;clear: both;margin: 0px auto;width:320px;height:32px;background: url(https://cdn-pro.elsalvador.com/img/icons.svg); background-repeat: no-repeat;background-position:-10px -192px; } /* Panels and button close */ #open-menu2,.icon-search,.icon-user,#icon-search,.button-close2 { display:block;clear:both;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');background-repeat:no-repeat;width:24px;height:24px;cursor:pointer; } #open-menu2 { background-position:-10px -57px; } .icon-user { background-position:-46px -57px;display:inline-block;vertical-align:middle;float:right; } #icon-user2 { margin-top:-5px;display:none; } .my-account { display:inline;cursor:pointer; } #user-block-login { display:block; } #user-block-forgot { display:none; } #account-block-profile { display:block; } #account-block-payment { display:none; } #account-block-package { display:none; } #icon-search { background-position:-82px -59px;display:inline-block;margin:5px 0px 0px 0px;vertical-align:middle; } .icon-search { background-position:-10px -57px;margin-top:4px; } #searching input[type="text"]#s { display: inline;width: 100%;max-width: 300px;border: 1px solid #333333;font-family: var(--first-font); font-size: 90%;margin: 0px 0px 0px -10px;line-height: 1.4;border-radius: var(--border-radius);background: #ffffff url(https://cdn-pro.elsalvador.com/escom_the_one/images/icon-search.png); background-repeat: no-repeat; padding: 10px 40px 10px 20px;background-position: 92% 8px; background-size: 20px 20px;z-index: 50000; } .button-close2 { position:absolute;top:10px;right:15px;background-position:-118px -57px;z-index:21; } #top-header2 { display:flex;width:96%;max-width:1260px;margin:0px auto;position:relative; } #site-menu2 { position:fixed;top:23px;left:-150%;display:block;clear:both;text-transform:uppercase;font-size:15px;background-color:#FFFFFF !important;color:#333333;text-align:center;padding:30px 20px 100px 20px;border-right:1px solid #ededed;width:100%;max-width:420px;height:100%;border-right:1px solid #ededed;-webkit-transition: all 0.4s; transition: all 0.4s; } .block-home { display:block;clear:both;width:96%;max-width:1280px;margin:15px auto;padding:0px 0px; } .block-home.first { margin:2px auto 15px auto; } a.main-links { display:inline-block;font-size:13px;color:#000000;padding:10px 7px 0px 7px;text-transform:uppercase; } a.main-links.current { border-bottom:3px solid #006cb8; } a.main-links.current:hover { text-decoration:none; } .subcategory-menu { text-align:center;padding:0px 0px;margin:-20px 0px 20px 0px; } /* Cambios para login */ .side-panel2 { display:block;clear:both;position:fixed;width:100%;height:100%;background:#ffffff;max-width:400px;max-height:100%;right:-150%;padding:20px 20px 20px 20px;top:34px;z-index:100000000;-webkit-transition: all 0.4s; transition: all 0.4s;border-left:1px solid #ededed; } .box-padding20 { display:block;clear:both;padding:25px 25px; } #login-box.side-panel2 { overflow-y:auto; } #site-menu2.side-panel2 { overflow-y:auto; } #content-messages{position:fixed;top:0px;right:-150%;display:flex;align-items:center;width:100%;height:100%;background:rgba(0,108,182,0.8);opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;z-index:50000} #the-message{position:relative;display:block;width:86%;height:auto;padding:20px 20px;margin:0px auto;max-width:480px;background:white;border-radius:16px; } .title-message{font-size:17px;font-weight:700;text-align:left} .title-panel { font-weight:700;font-size:var(--title-panel-size);text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid black;margin-bottom:20px; } input.login-text { display:block;clear:both;width:calc(100% - 26px) !important;max-width:100% !important;margin:15px 0px;font-family:Lato,Arial,Verdana,Tahoma,Helvetica,Sans;font-size:14px;padding:6px 12px;border-radius:7px;border:1px solid #cccccc; } .half-left { display:inline-block;float:left; } .half-right { display:inline-block;float:right; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .btn-session { background:#006cb7 !important;color:#FFFFFF !important;border-radius:8px !important;border:none !important; } a.button-link2 { font-family: var(--first-font); display: block;clear: both;width: 260px;font-size: 15px;padding: 5px 10px 4px 10px;text-align: center; text-transform: uppercase;color: #000000;margin: 10px auto;border: 1px solid #c9c9c9;padding: 10px 20px; line-height: 1.3;border-radius: var(--border-radius); } a.button-link2.btn-session:hover { background:#ffffff !important;color:#333333 !important;border:1px solid #cecece !important; } .block-create-account { display:block;clear:both;padding-top:20px;margin-top:55px;border-top:1px solid #cecece; } .link-bold { font-weight:700;text-transform:uppercase; } .account-content { display:block;clear:both;width:100%;height:100%;max-width:480px;margin:0px auto;overflow-y:auto; } .account-content p { margin:15px 0px; } .account-content a { font-weight:700;color:var(--first-color);text-decoration:none; } .account-content ul,ul.points { list-style:none;list-style-color:var(--first-color);margin-left:20px; } ul.points { margin:10px 0px; } .account-content ul li,ul.points li { margin-bottom:5px; } .account-content ul li::before,ul.points li::before { display:inline-block;width:8px;height:8px;background:var(--first-color);margin:0px 7px 0px 0px;content:" ";border-radius:3px; } .account-content ul.user-menu li { text-align:right;text-transform:uppercase;padding:8px 0px;border-bottom:1px solid #ededed; } .account-content ul.user-menu li a { color:black; font-weight:400; } .account-content ul.user-menu li::before { display:none; } #waiting { display:none; } #registered-box { display:none;clear:both;height:100%;/* background:#FFFFFF url('images/bg-registered.jpg');background-repeat:no-repeat;background-size:100% auto;background-position:center bottom; */ } ul.with-login { list-style-type:square;margin-left:20px; } ul.with-login li { margin:7px 0px;font-size:14px;line-height:1.35; } .box-form-boxes { padding:2px 10px;border:1px solid #c9c9c9;border-radius:16px; } .logo.account { width:170px;margin:0px auto;padding-bottom:10px; } #thankyou-box { display:none;clear:both;height:100%;/* background:#FFFFFF url('images/bg-registered.jpg');background-repeat:no-repeat;background-size:100% auto;background-position:center bottom; */ } input:focus, select:focus, button:focus { outline:none !important; outline-width: 0 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* Cambio publicidad */ .top-bar { /* display:block; */display:none;clear:both;padding:15px 0px;text-align:center;-webkit-transition:height 0.7s; transition:height 0.7s;overflow:hidden; } #expanded { display:block;clear:both;width:970px;height:0px;-webkit-transition: all 0.3s; transition: all 0.3s;margin:0px auto;opacity:0; } /* COLS */ .col-sm-1,.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-10,.col-sm-11,.col-sm-12 { display:inline-block;float:left; } .col-sm-1 { width:8.333%; }.col-sm-2 { width:16.666%; }.col-sm-3 { width:25%; }.col-sm-4 { width:33.333%; }.col-sm-5 { width:41.667%; } .col-sm-6 { width:50%; }.col-sm-7 { width:58.333%; }.col-sm-8 { width:66.666%; }.col-sm-9 { width:75%; }.col-sm-10 { width:83.333%; }.col-sm-11 { width:91.667%; }.col-sm-12 { width:100%; } /* Footer */ footer.visor { position:fixed;bottom:0px;left:0px;display:flex;clear:both;width:100%;height:auto;background-color:#ffffff;color:#666666;padding:5px 0px; text-align:center;border-top:1px solid #c9c9c9;z-index:1000000000; } footer.visor p { font-size:13px;margin:0px auto;line-height:2.2; } footer.visor a { color:#006cb8; } footer.visor a:hover { text-decoration:underline; } p.bottom-menu a { position:relative;margin:0px 8px 0px 0px; } p.bottom-menu a span { display:inline-block;width:18px;height:18px;background:url('https://cdn-pro.elsalvador.com/img/icons.svg');margin-right:3px;opacity:1.0; } p.bottom-menu a span.link-legal { background-position:-10px -157px; } p.bottom-menu a span.link-email { background-position:-40px -157px; } p.bottom-menu a span.link-faq { background-position:-70px -157px; } p.bottom-menu a span.link-kit { background-position:-130px -157px; } p.bottom-menu a span.link-newsletter { background-position:-100px -157px; } /* OTHERS */ .no-padding { padding:0px 0px !important; } .fleft { float:left; } .fright { float:right; } .spacer20 { display:block;clear:both;height:20px; } .align-right { text-align:right !important; } ul.mainmenu2 li.menu-item-has-children2:hover > ul.submenu2 { content:none !important; } ul.mainmenu2 li.menu-item-has-children2:hover > ul.submenu2::before { content:none !important; } ul.mainmenu2 li.menu-item-has-children2:hover > ul.submenu2 li.last { content:none !important; } ul.mainmenu2 li.menu-item-has-children2:hover > ul.submenu2 li a { content:none !important; } ul.mainmenu2 li.menu-item-has-children2:hover > ul.submenu2 li a:hover { color:#006cb8; } .fullhd { will-change: transform !important; } div.gallery { margin: 5px; border: 1px solid #ccc; float: left; width: 125px; } div.gallery:hover { border: 1px solid #777; } div.gallery img { width: 100%; height: auto; } #miniatura { width:100%;height:100%;overflow-y:scroll;max-height:calc(100vh - 120px); } @media screen and (max-width:481px) { .popup-content{text-align: center;margin:auto;background:#fff;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px rgba(0,0,0,.16);border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px} .popup-content .span_img{ margin-left: 10px; } .popup-content img{ border: 1px solid #777; } .popup-content .close { cursor: pointer; position: absolute; display: block; padding: 2px 5px; line-height: 20px; right: 0px; top: -10px; font-size: 24px; background: #ffffff; border-radius: 18px; border: 1px solid #cfcece; } } @media screen and (min-width:482px) { .popup-content{text-align: center; margin:auto;background:#fff;padding:10px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px rgba(0,0,0,.16);border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px} .popup-content span{ margin-left: 20px; } .popup-content img{ border: 1px solid #777; } .popup-content .close { cursor: pointer; position: absolute; display: block; padding: 2px 5px; line-height: 20px; right: 0px; top: -10px; font-size: 24px; background: #ffffff; border-radius: 18px; border: 1px solid #cfcece; } }