/*! start: reset.scss */ * { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0; -webkit-tap-highlight-color: transparent; } h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; } ul, li { list-style: none; } ol li { list-style: auto; } a { text-decoration: none; color: #a12c33; } img { vertical-align: bottom; } /*! end: reset.scss */ /*! start: main.scss */ main { clear: both; background-color: #fff; padding-top: 52px; min-height: calc(100vh - 80px); } @media all and (min-width: 1024px) { main { padding-top: 153px; /* ocupa toda la web y deja el footer fuera */ } } svg { display: block; } body { -webkit-font-smoothing: antialiased; color: #000; font-family: "Roboto", sans-serif; background-color: #a12c33; font-size: 14px; line-height: 20px; } @media all and (min-width: 768px) { body { font-size: 15px; line-height: 22px; } } @media all and (min-width: 1024px) { body { font-size: 16px; line-height: 24px; } } .wrapper { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 10px; } @media all and (min-width: 1190px) { .wrapper { padding-left: 0px; padding-right: 0px; } } .clearfix { clear: both; overflow: hidden; } .nowrap { white-space: nowrap; } .btn, .btn-link { color: #fff !important; background-color: #a12c33; text-align: center; display: inline-block; line-height: 22px; padding: 11px 10px 9px 10px; width: 100%; text-transform: uppercase; } .btn:hover, .btn-link:hover { color: #ffc300 !important; } .btn-link { width: auto; padding-left: 24px; padding-right: 24px; font-family: "Raleway", sans-serif; font-weight: bold; margin-top: 6px; margin-bottom: 6px; } .color-white { color: #fff !important; } .color { color: #a12c33 !important; } .color-secondary { color: #ffc300 !important; } .bg-color { background-color: #a12c33 !important; } .bg-color-secondary { background-color: #ffc300 !important; } input[type=text], input[type=password], input[type=email], input[type=tel], input[type=file], input[type=number], input[type=search], input[type=url], select, textarea { border: 1px solid #ccc; width: 100%; line-height: 26px; height: 44px; padding: 10px 15px 8px 10px; outline: none; } textarea { resize: none; height: auto; min-height: 132px; } section { background-color: #fff; } #spinner { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); top: 0px; left: 0px; z-index: 99999; } #spinner img { position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; } .spinner { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; color: #a12c33 !important; } .spinner.secondary { color: #ffc300 !important; } .spinner:after { content: ""; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @keyframes spinner-border { to { transform: rotate(360deg); } } #modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.70); display: none; } #modal .modal-times { position: absolute; top: 2px; right: 7px; font-size: 28px; font-weight: bold; color: #999; } #modal .modal-times:hover { color: #a12c33; } #modal .modal-times:before { content: "\00d7"; } #modal .modal-dialog { width: 726px; margin: 30px auto; position: relative; } #modal .modal-dialog .modal-content { position: relative; background-color: #fff; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; } #modal .modal-dialog .modal-content .modal-header { padding: 0 20px; } #modal .modal-dialog .modal-content .modal-body { padding: 7px 20px 8px 20px; } #modal .modal-dialog .modal-content .modal-logo { margin: 20px auto 0px auto; display: block; max-height: 71px; display: block; } #modal .modal-video { width: calc(100% - 20px); max-width: 1238px; margin: 30px auto; position: relative; } #modal .modal-video .modal-times { font-size: 58px; color: #fff; } #modal .modal-video .modal-times:hover { color: #a12c33; } #modal .modal-video .modal-youtube { width: 100% !important; margin-top: 35px; } @media all and (max-width: 1025px) { #modal .modal-dialog { width: calc(100% - 16px); max-width: 726px; } #modal .modal-dialog .modal-header { padding: 0 10px; } #modal .modal-dialog .modal-body { padding: 10px; } #modal .modal-dialog .modal-content .modal-logo { max-width: 100%; } } @media print { .news-detail-info, header .menu, section { display: none !important; } } .border-grey { border: 1px solid #ccc; } /*! end: main.scss */ /*! start: inside.scss */ .inside { /* Texto corto centrado */ } .inside .h1 { font-size: 18px; line-height: 21px; text-align: center; text-transform: uppercase; color: #a12c33; font-family: "Raleway", sans-serif; font-weight: normal; padding-top: 16px; padding-bottom: 17px; } @media all and (min-width: 768px) { .inside .h1 { font-size: 26px; line-height: 32px; } } @media all and (min-width: 1024px) { .inside .h1 { font-size: 35px; line-height: 41px; padding-bottom: 52px; padding-top: 19px; } } .inside-body { padding-top: 15px; padding-bottom: 40px; } @media all and (min-width: 1024px) { .inside-body { padding-top: 20px; padding-bottom: 60px; } } .inside-body h1, .inside-body .title { font-size: 20px; line-height: 24px; font-weight: normal; letter-spacing: 0.15px; padding-top: 0px; clear: both; overflow: hidden; } @media all and (min-width: 768px) { .inside-body h1, .inside-body .title { font-size: 28px; line-height: 32px; } } @media all and (min-width: 1024px) { .inside-body h1, .inside-body .title { font-size: 35px; line-height: 41px; padding-top: 23px; } } .inside-body h2, .inside-body .subtitle { font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: -7px; padding-top: 27px; clear: both; overflow: hidden; } @media all and (min-width: 768px) { .inside-body h2, .inside-body .subtitle { font-size: 19px; } } @media all and (min-width: 1024px) { .inside-body h2, .inside-body .subtitle { font-size: 22px; padding-top: 40px; } } .inside-body h1 + h2, .inside-body h1 + .subtitle, .inside-body .title + h2, .inside-body .title + .subtitle { padding-top: 13px !important; } @media all and (min-width: 1024px) { .inside-body h1 + h2, .inside-body h1 + .subtitle, .inside-body .title + h2, .inside-body .title + .subtitle { padding-top: 27px !important; } } .inside-body h2:first-child, .inside-body .subtitle:first-child { padding-top: 0px !important; } @media all and (min-width: 768px) { .inside-body h2:first-child, .inside-body .subtitle:first-child { padding-top: 5px !important; } } @media all and (min-width: 1024px) { .inside-body h2:first-child, .inside-body .subtitle:first-child { padding-top: 36px !important; } } .inside-body p, .inside-body ul, .inside-body ol { padding-top: 22px; } @media all and (min-width: 1024px) { .inside-body p, .inside-body ul, .inside-body ol { padding-top: 26px; } } .inside-body p img { display: block; max-width: 100%; margin: 4px 0; } .inside-body li { margin-left: 14px; position: relative; } .inside-body li:before { content: ""; background-color: #a12c33; width: 4px; height: 4px; position: absolute; left: -14px; top: 8px; } @media all and (min-width: 1024px) { .inside-body li:before { top: 9px; } } .inside-body li + li { padding-top: 5px; } .inside-body li + li:before { top: 13px; } @media all and (min-width: 1024px) { .inside-body li + li:before { top: 18px; } } @media all and (min-width: 1024px) { .inside-body li + li { padding-top: 9px; } } .inside-body ol li { margin-left: 27px; } .inside-body ol li:before { display: none; } .inside-body blockquote { color: #8a8a8a; font-size: 18px; line-height: 24px; font-weight: 300; } @media all and (min-width: 1024px) { .inside-body blockquote { font-size: 24px; line-height: 32px; } } .inside-body hr { clear: both; } .inside-body ul.anchors { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding-top: 14px; } @media all and (min-width: 768px) { .inside-body ul.anchors { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .inside-body ul.anchors.unique { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media all and (min-width: 1024px) { .inside-body ul.anchors { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; padding-top: 18px; } .inside-body ul.anchors.double { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .inside-body ul.anchors.unique { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .inside-body ul.anchors li { padding-top: 5px; margin-bottom: 6px; } .inside-body ul.anchors li:before { display: none; } .inside-body ul.anchors li:after { content: ""; background-image: url(../img/arrow-red.svg); background-repeat: no-repeat; background-position: top left; background-size: 4px 7px; width: 4px; height: 7px; position: absolute; left: -14px; top: 12px; } @media all and (min-width: 1024px) { .inside-body ul.anchors li { padding-top: 9px; } .inside-body ul.anchors li:after { top: 15px; width: 6px; height: 10px; background-size: 6px 10px; } } .inside-body #primeros-clubs-afiliados, .inside-body .return-anchor { padding-right: 26px; clear: both; overflow: hidden; } .inside-body #primeros-clubs-afiliados:after, .inside-body .return-anchor:after, .inside-body #primeros-clubs-afiliados::after, .inside-body .return-anchor::after { content: ""; float: right; transform: rotate(180deg); background-size: 100%; cursor: pointer; background-image: url(../img/down.svg); margin-top: 7px; margin-right: -26px; width: 14px; height: 10px; } @media all and (min-width: 768px) { .inside-body #primeros-clubs-afiliados:after, .inside-body .return-anchor:after, .inside-body #primeros-clubs-afiliados::after, .inside-body .return-anchor::after { width: 16px; height: 12px; margin-top: 5px; } } @media all and (min-width: 1024px) { .inside-body #primeros-clubs-afiliados:after, .inside-body .return-anchor:after, .inside-body #primeros-clubs-afiliados::after, .inside-body .return-anchor::after { margin-top: 6px; } } .inside-body .photo { max-width: 471px; width: 100%; margin-top: 30px; } .inside-body .photo img { border: 1px solid #ccc; width: 100%; } .inside-body .photo figcaption { font-style: italic; font-size: 12px; line-height: 18px; padding: 10px 0 0 0; } @media all and (min-width: 768px) { .inside-body .photo { width: 41%; float: left; clear: left; margin-right: 30px; } .inside-body .photo figcaption { font-size: 14px; line-height: 24px; padding: 12px 0; } } @media all and (min-width: 768px) { .inside-body .photo.double { width: calc(50% - 15px); clear: none; margin-right: 15px; } .inside-body .photo.double + .double { float: right; margin-left: 15px; margin-right: 0px; } } .inside-body p iframe { display: block; border: 1px solid #ccc; margin: 5px auto; width: 100%; } .inside-menu { display: none; width: 238px; margin: 30px 30px 40px 0; float: left; } .inside-menu a { color: #8a8a8a; } .inside-menu a:hover { color: #a12c33; } .inside-menu > ul > li { border-bottom: 1px solid #ccc; line-height: 21px; padding: 15px 0 15px 10px; position: relative; } .inside-menu > ul > li a { display: block; width: 100%; } .inside-menu > ul > li a.sibblings { padding-right: 27px; } .inside-menu > ul > li a.sibblings:after { content: ""; background-image: url(../img/arrow-grey.svg); background-repeat: no-repeat; background-position: top left; background-size: 6px 10px; width: 6px; height: 10px; position: absolute; right: 11px; top: 20px; transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } .inside-menu > ul > li a.sibblings:hover:after { background-image: url(../img/arrow-red.svg); } .inside-menu > ul > li.active a.sibblings:after { background-image: url(../img/arrow-red.svg); transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .inside-menu > ul > li ul { padding-left: 10px; padding-top: 15px; } .inside-menu > ul > li ul li { line-height: 21px; padding-bottom: 10px; } .inside-menu > ul > li ul li:last-of-type { padding-bottom: 0px; } .inside-menu li.active > a { color: #a12c33; } @media all and (min-width: 1024px) { .inside-menu { display: block; } } @media all and (min-width: 1190px) { .inside-menu { margin-right: 60px; width: 268px; } } .inside-menu + .inside-body { float: none; width: 100%; } @media all and (min-width: 1024px) { .inside-menu + .inside-body { float: left; width: calc(100% - 238px - 30px); } } @media all and (min-width: 1190px) { .inside-menu + .inside-body { width: calc(100% - 268px - 60px); } } .inside figure.image { padding: 26px 0 4px 0; } @media all and (min-width: 1024px) { .inside figure.image { padding-top: 30px; } } .inside figure.image img { width: 100%; display: block; } .inside figure.image p { margin: 0px !important; padding: 0px !important; } .inside #breadcrumbs { display: none; } @media all and (min-width: 1024px) { .inside #breadcrumbs { display: block; } } .inside #breadcrumbs .breadcrumbs { clear: both; overflow: hidden; padding-top: 17px; padding-bottom: 5px; font-size: 14px; line-height: 16px; color: #8a8a8a; } .inside #breadcrumbs .breadcrumbs li:last-of-type a { color: #8a8a8a; } .inside #breadcrumbs .breadcrumbs * { float: left; } .inside .page-content { clear: both; overflow: hidden; } .inside #page-content { border-top: 1px solid #ccc; } .inside .generic-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-top: 10px; } @media all and (min-width: 1024px) { .inside .generic-list { padding-top: 14px; } } .inside .generic-list ul { float: left; margin: 0 15px; width: calc(100% - 30px); padding-top: 0px; } .inside .generic-list ul li { padding: 9px 48px 7px 26px; margin-bottom: 0px; margin-left: 0px; max-width: 570px; } .inside .generic-list ul li:before { display: none; } .inside .generic-list ul li:after { content: ""; background-image: url(../img/arrow-red.svg); background-repeat: no-repeat; background-position: top left; background-size: 4px 7px; width: 4px; height: 7px; position: absolute; left: 12px; top: 16px; } .inside .generic-list ul li.active:before, .inside .generic-list ul li:hover:before { display: block; left: auto; top: 13px; right: 15px; width: 17px; height: 12px; background-color: transparent; background-image: url(../img/arrow-large-black.svg); background-size: 100% 100%; } @media all and (min-width: 1024px) { .inside .generic-list ul li.active:before, .inside .generic-list ul li:hover:before { top: 18px; } } @media all and (min-width: 1024px) { .inside .generic-list ul li { padding: 13px 20px 11px 36px; } .inside .generic-list ul li:after { top: 19px; width: 6px; height: 10px; background-size: 6px 10px; } } .inside .generic-list ul li.active, .inside .generic-list ul li:hover { background-color: #f2f2f2; } .inside .generic-list ul li.active a, .inside .generic-list ul li:hover a { color: #000; } .inside .generic-list ul li.active:after, .inside .generic-list ul li:hover:after { background-image: url(../img/arrow-black.20191024121800.svg); background-repeat: no-repeat; background-position: top left; } @media all and (min-width: 768px) { .inside .generic-list.double ul { width: calc((100% / 2) - 30px); } } @media all and (min-width: 768px) { .inside .generic-list.triple ul { width: calc((100% / 3) - 30px); } } .inside .more-list li { margin-left: 0px; padding-left: 11px; } .inside .more-list li:before { display: none; } .inside .more-list li:after { content: ""; background-image: url(../img/arrow-red.svg); background-repeat: no-repeat; background-position: top left; background-size: 4px 7px; width: 4px; height: 7px; position: absolute; left: 0px; top: 7px; } @media all and (min-width: 1024px) { .inside .more-list li { padding-left: 15px; } .inside .more-list li:after { top: 6px; width: 6px; height: 10px; background-size: 6px 10px; } } .inside .more-list li:hover:after { background-image: url(../img/arrow-black.201910241731.svg); } .inside .more-list li:hover a { color: #000; } .inside .rfet-other-documents .documents-list ul li:only-child { border-bottom: 1px solid #ccc; padding-left: 53px; } .inside .rfet-other-documents .documents-list ul li:only-child:before { left: 10px; } @media all and (min-width: 768px) { .inside .rfet-other-documents .documents-list ul li:only-child:before { top: 8px; } } .inside .rfet-other-documents p:only-child { border-bottom: 1px solid #ccc; padding-bottom: 19px; margin-bottom: 5px; } .inside .documents-list { padding-bottom: 5px; } .inside .documents-list ul li { border-bottom: 1px solid #ccc; margin-left: 0px !important; padding-bottom: 13px; padding-left: 53px; padding-top: 16px; clear: both; overflow: hidden; } .inside .documents-list ul li:before { top: 6px; left: 10px; background-color: transparent; width: 30px; height: 35px; background-image: url(../img/ico-default.123456.svg); background-size: 30px 35px; } @media all and (min-width: 768px) { .inside .documents-list ul li:before { top: 8px; } } .inside .documents-list ul li:only-child { border-bottom: 0 none; padding-left: 43px; } .inside .documents-list ul li:only-child:before { left: 0px; } .inside .documents-list ul li .date { float: none; margin-top: -2px; margin-bottom: 2px; } @media all and (min-width: 768px) { .inside .documents-list ul li .date { float: left; width: 100px; margin: 0px; } } .inside .documents-list ul li .date + .doc { float: none; } @media all and (min-width: 768px) { .inside .documents-list ul li .date + .doc { float: left; max-width: calc(100% - 100px); } } .inside .documents-list ul li .desc { display: block; padding: 3px 0 0 0; } .inside .documents-list ul li .desc p { padding-top: 6px !important; } .inside .documents-list ul li.link:before { background-image: url(../img/ico-link.123456.svg); } .inside .documents-list ul li.pdf:before { background-image: url(../img/ico-pdf.123456.svg); } .inside .documents-list ul li.excel:before { background-image: url(../img/ico-excel.123456.svg); } .inside .documents-list ul li.zip:before { background-image: url(../img/ico-zip.123456.svg); } .inside .location-map-image + .documents-list ul { padding-top: 0px; } .inside .contratos-adjudicados .championship-table { border-bottom: 0 none !important; } .inside .contratos-adjudicados .championship-table .documents-list ul { padding-top: 11px !important; } .inside .contratos-adjudicados .championship-table + .championship-table { padding-top: 11px !important; } .inside .accordion-list { padding-top: 15px; } .inside .accordion-list-title { margin-bottom: 4px; line-height: 22px; font-size: 14px; } .inside .accordion-list-title a { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #eaeaea; padding: 14px 53px 15px 15px; font-weight: bold; color: inherit; display: block; position: relative; } @media all and (min-width: 1024px) { .inside .accordion-list-title a { padding: 14px 68px 15px 30px; } } .inside .accordion-list-title a:after { content: ""; width: 23px; height: 12px; background-image: url(../img/accordion.svg); background-size: 23px 12px; position: absolute; top: 20px; right: 15px; } @media all and (min-width: 1024px) { .inside .accordion-list-title a:after { right: 30px; } } .inside .accordion-list-title a:hover { background-color: #ccc; } .inside .accordion-list-data { margin-bottom: 10px; } .inside .accordion-list-data p:first-of-type, .inside .accordion-list-data ul:first-of-type { padding-top: 9px; } .inside .accordion-list-data p, .inside .accordion-list-data ul { line-height: 24px; padding-top: 12px; } .inside .accordion-list-data p:last-of-type, .inside .accordion-list-data ul:last-of-type { padding-bottom: 9px; } @media all and (min-width: 1024px) { .inside .accordion-list-data { border: 1px solid #ccc; padding: 11px 29px; } } .inside .accordion-list-block:not(.active) .accordion-list-data { display: none; } .inside .accordion-list-block.active .accordion-list-title a { background-color: #ccc; } .inside .accordion-list-block.active .accordion-list-title a:after { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); } .inside .go a:after { content: ""; background-image: url(../img/arrow-large.201910241545.svg); background-repeat: no-repeat; background-position: top left; background-size: 19px 13px; width: 19px; height: 13px; display: inline-block; margin: 0 0 0 12px; position: relative; top: 2px; } @media all and (min-width: 768px) { .inside .go a:after { top: 1px; } } .inside .go a:hover { color: #000; } .inside .go a:hover:after { background-image: url(../img/arrow-large-black.201910241545.svg); } .inside-back { width: 80px; text-align: right; padding-top: 7px; float: right; font-size: 14px; display: none; } .inside-back a:before { content: ""; background-image: url(../img/arrow-large.201910241545.svg); background-repeat: no-repeat; background-position: top left; background-size: 19px 13px; width: 19px; height: 13px; display: inline-block; margin: 0px 12px 0 0; position: relative; top: 1px; transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .inside-back a:hover { color: #000; } .inside-back a:hover:before { background-image: url(../img/arrow-large-black.201910241545.svg); } @media all and (min-width: 768px) { .inside-back { display: block; } } @media all and (min-width: 1024px) { .inside-back { padding-top: 30px; } } .inside-bottom-back { clear: both; overflow: hidden; width: 100%; border-top: 1px solid #ccc; text-align: left; display: block; padding-top: 16px; padding-bottom: 16px; margin-top: 26px; } @media all and (min-width: 768px) { .inside-bottom-back { display: none; } } .inside .link-back { text-align: right; font-size: 14px; } .inside .link-back:before { content: ""; background-image: url(../img/arrow-large.201910241545.svg); background-repeat: no-repeat; background-position: top left; background-size: 19px 13px; width: 19px; height: 13px; display: inline-block; margin: 0px 12px 0 0; position: relative; top: 1px; transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .inside .link-back:hover { color: #000; } .inside .link-back:hover:before { background-image: url(../img/arrow-large-black.201910241545.svg); } .inside .pagination { clear: both; overflow: hidden; padding: 33px 0 0 0; } .inside .pagination-list { float: left; } .inside .pagination-list:not(:only-child) { padding-top: 12px; } .inside .pagination .current { font-size: 14px; line-height: 15px; padding: 0 28px 0 30px; float: left; } .inside .pagination .arrows { float: left; } .inside .pagination .arrows .prev, .inside .pagination .arrows .next { display: block; width: 8px; height: 14px; background-size: 8px 14px; } .inside .pagination .arrows a.prev { background-image: url(../img/arrow-black.svg); transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .inside .pagination .arrows a.prev:hover { background-image: url(../img/arrow-red.svg); } .inside .pagination .arrows span.prev { background-image: url(../img/arrow-grey.svg); transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); opacity: 0.5; } .inside .pagination .arrows a.next { background-image: url(../img/arrow-black.svg); } .inside .pagination .arrows a.next:hover { background-image: url(../img/arrow-red.svg); } .inside .pagination .arrows span.next { background-image: url(../img/arrow-grey.svg); opacity: 0.5; } .inside .pagination-nums { clear: both; overflow: hidden; } .inside .pagination-nums-list { clear: both; overflow: hidden; padding-top: 30px; padding-bottom: 30px; } .inside .pagination-nums-list .num { float: left; width: 20px; height: 20px; border: 1px solid #000; color: #000; text-align: center; font-size: 11px; line-height: 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .inside .pagination-nums-list .num + .num { margin-left: 10px; } .inside .pagination-nums-list .num:hover, .inside .pagination-nums-list .num.active { color: #a12c33; border-color: #a12c33; font-weight: bold; } .inside .pagination-nums-list .arrows { float: left; } .inside .pagination-nums-list .arrows .prev, .inside .pagination-nums-list .arrows .next { display: block; width: 20px; height: 20px; background-size: 20px 20px; } .inside .pagination-nums-list .arrows .prev { background-image: url(../img/arrow-btn.svg); margin-right: 10px; } .inside .pagination-nums-list .arrows .prev:hover { background-image: url(../img/arrow-btn-active.svg); } .inside .pagination-nums-list .arrows .prev.inactive { background-image: url(../img/arrow-btn-inactive.svg) !important; } .inside .pagination-nums-list .arrows .next { background-image: url(../img/arrow-btn.svg); margin-left: 10px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .inside .pagination-nums-list .arrows .next:hover { background-image: url(../img/arrow-btn-active.svg); } .inside .pagination-nums-list .arrows .next.inactive { background-image: url(../img/arrow-btn-inactive.svg) !important; } .inside .pagination-select { float: right; } .inside .pagination-select .label { float: left; width: 70px; font-size: 14px; line-height: 36px; display: none; } @media all and (min-width: 480px) { .inside .pagination-select .label { display: block; } } .inside .pagination-select .special-select { float: right; width: 70px; height: 38px; } .inside .pagination-select .special-select .selected span { font-size: 14px; color: #999; line-height: 36px; padding-left: 11px; padding-right: 23px; } .inside .pagination-select .special-select .selected i { top: 12px; right: 12px; opacity: 0.6; } .inside-pre-logo { text-align: center; padding: 13px; border: 1px solid #d8d8d8; margin: 5px 0 16px 0; } @media all and (min-width: 1024px) { .inside-pre-logo { margin: 20px 0 9px 0; } } .inside-pre-logo img { display: block; margin: 0 auto; max-height: 92px; max-width: calc(100% - 26px); } .page-rfet-saluda .inside-body, .page-afiliacion-rfet .inside-body { max-width: 770px; margin-left: auto; margin-right: auto; } .location-map { height: 280px; border-top: 1px solid #ccc; margin-bottom: -18px; /* Special Select */ } @media all and (min-width: 1024px) { .location-map { height: 630px; margin-bottom: -24px; } } .location-map iframe { display: block; width: 100%; height: 100%; } .special-select { width: 100%; height: 44px; position: relative; } .special-select select { position: relative; color: #000; background-color: #fff; outline: 0; width: 100%; height: 100%; cursor: pointer; z-index: 10; } .special-select .selected { cursor: pointer; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; width: 100%; height: 100%; background-color: #fff; border: 1px solid #ccc; } .special-select .selected span { line-height: 44px; text-align: left; font-weight: normal; width: 100%; display: block; background-color: #fff; padding: 0 38px 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; } @media all and (min-width: 768px) { .special-select .selected span { font-size: 15px; } } @media all and (min-width: 1024px) { .special-select .selected span { font-size: 16px; } } .special-select .selected i { position: absolute; top: 15px; right: 15px; width: 8px; height: 14px; text-align: center; background-image: url("../img/arrow-grey.123456.svg"); background-size: 8px 14px; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .special-select select[disabled] + .selected span { color: #999; } @media all and (min-width: 1024px) { .inside-menu + .inside-body h2:first-child, .inside-menu + .inside-body .subtitle:first-child { padding-top: 24px !important; } } .ico-link { padding-left: 43px; padding-bottom: 0px; padding-top: 6.5px; margin-bottom: 4px; margin-top: 8px; display: inline-block; width: 100%; position: relative; min-height: 35px; clear: both; overflow: hidden; } .ico-link:before { content: ""; position: absolute; top: 0px; left: 0px; background-color: transparent; width: 30px; height: 35px; background-image: url(../img/ico-link.123456.svg); background-size: 30px 35px; } .ico-link:first-child { margin-top: 6.5px; } .page-rfet-federaciones-territoriales .tooltip-map { top: 10px !important; left: 10px !important; border: 0 none; font-weight: bold; } @media all and (min-width: 1024px) { .page-rfet-federaciones-territoriales .tooltip-map { top: 20px !important; left: 20px !important; } .page-rfet-federaciones-territoriales .tooltip-map .text { font-size: 15px; padding: 10px 15px !important; } } .tooltip-map { background-color: #fff; border: 1px solid #000; border-radius: 10px; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 3; } .tooltip-map .text { padding: 5px 10px; font-size: 11px; } @media all and (min-width: 1024px) { .tooltip-map .text { font-size: 16px; padding: 21px 28px 17px 28px; } } .tooltip-map .text .total { padding-bottom: 6px; } @media all and (min-width: 1024px) { .tooltip-map .text .total { padding-bottom: 16px; } } .tooltip-map .text .autonomy { font-weight: bold; padding-bottom: 2px; } @media all and (min-width: 1024px) { .tooltip-map .text .autonomy { font-size: 17px; } } .tooltip-map .text .provinces a + a:before { content: "-"; display: inline-block; color: #000; padding-right: 4px; } .searcher-sticky { display: none; padding: 11px 0; background-color: #f2f2f2; border-bottom: 1px solid #ccc; } @media all and (min-width: 768px) { .searcher-sticky { padding-bottom: 26px; } } .searcher-sticky-show { font-weight: bold; color: inherit; } .searcher-sticky-show:before { content: ""; background-image: url(../img/lens.svg); background-position: 3.5px 3.5px; background-repeat: no-repeat; background-size: 11px 11px; background-color: #a12c33; float: left; margin: 0 10px 0 0; height: 14px; width: 14px; padding: 3px; border-radius: 11px; } .searcher-sticky-show:hover { color: #a12c33; } .searcher-sticky { display: block; } @media all and (min-width: 768px) { .searcher-sticky { display: none !important; } } .red-banner { background-color: #a12c33; color: #fff; padding: 9px 15px; margin: 26px 0 4px 0; } @media all and (min-width: 768px) { .red-banner { padding-bottom: 14px; } } @media all and (min-width: 1024px) { .red-banner { padding: 0px 30px 24px 30px; } } .red-banner a, .red-banner .color { color: #fff !important; } /*! end: inside.scss */ /*! start: footer.scss */ .footer { background-color: #f2f2f2; color: #000; text-align: center; } @media all and (min-width: 1024px) { .footer { padding-top: 30px; } } .footer .rrss { clear: both; overflow: hidden; padding-top: 30px; } .footer .rrss a { display: inline-block; padding: 0 10px; } .footer .rrss a svg { height: 19px !important; width: auto; } .footer .rrss a svg * { fill: #000 !important; } @media all and (min-width: 1024px) { .footer .rrss a svg { height: 21px !important; } } .footer .rrss a:hover svg * { fill: #a12c33 !important; } .footer .links { clear: both; overflow: hidden; padding-bottom: 23px; font-size: 10px; line-height: 21px; text-transform: uppercase; } .footer .links ul { display: inline-block; margin: 0 10.5px; } .footer .links ul li { text-align: left; } .footer .links span { display: inline-block; } @media all and (min-width: 768px) { .footer .links { font-size: 12px; } .footer .links ul { margin: 0; } .footer .links ul li { display: inline-block; margin: 0 20px; } } @media all and (min-width: 1024px) { .footer .links { font-size: 14px; line-height: 34px; padding-bottom: 48px; } .footer .links ul li { margin: 0 26px; } } .footer a { color: inherit; } .footer a:hover { color: #a12c33; } .footer .rrss + .links { margin-top: 13px; } @media all and (min-width: 1024px) { .footer .rrss + .links { margin-top: 30px; } } footer { color: #fff; } footer a { color: #fff; } footer .wrapper { font-size: 10px; line-height: 14px; padding-top: 17px; padding-bottom: 17px; clear: both; overflow: hidden; } @media all and (min-width: 768px) { footer .wrapper { padding-top: 36px; padding-bottom: 36px; font-size: 12px; line-height: 18px; } } @media all and (min-width: 1190px) { footer .wrapper { font-size: 14px; line-height: 22px; } } footer .wrapper .copyright { float: left; width: 50%; } @media all and (min-width: 1024px) { footer .wrapper .copyright { width: 490px; } } footer .wrapper .copyright .sign { padding-top: 8px; } @media all and (min-width: 768px) { footer .wrapper .copyright .sign { padding-top: 0px; } } footer .wrapper .links { float: right; width: 50%; text-align: right; } @media all and (min-width: 1024px) { footer .wrapper .links { width: calc(100% - 490px); } } footer .wrapper .links span { display: block; } footer .wrapper .links span + span { padding-left: 16px; } @media all and (min-width: 768px) { footer .wrapper .links span { display: inline-block; } } footer .wrapper .links a { font-weight: bold; } footer .wrapper .links a:hover { color: #ffc300; } /*! end: footer.scss */ /*! start: header.scss */ header { border-bottom: 1px solid #ccc; position: fixed; width: 100%; top: 0px; left: 0px; z-index: 10; } header .push-top { background-color: #a12c33; } header .push-top .wrapper { clear: both; overflow: hidden; padding-top: 13px; padding-bottom: 9px; color: #fff; font-size: 12px; line-height: 18px; display: none; } @media all and (min-width: 1024px) { header .push-top .wrapper { display: block; } } header .push-top .wrapper .date, header .push-top .wrapper .langs { float: left; } header .push-top .wrapper .langs { padding-left: 55px; } header .push-top .wrapper .langs a, header .push-top .wrapper .langs span { display: inline-block; color: inherit; font-weight: bold; margin-left: 9px; } header .push-top .wrapper .langs svg { float: left; margin: 1px 9px 0 0; } header .push-top .wrapper .langs svg * { fill: #fff !important; } header .push-top .wrapper .langs a:hover { color: #ffc300; } header .push-top .wrapper .langs a:hover svg * { fill: #ffc300 !important; } header .push-top .wrapper .rrss, header .push-top .wrapper .links { float: right; text-align: right; margin-left: 35px; } header .push-top .wrapper .rrss { padding-top: 1px; } header .push-top .wrapper .rrss a { float: left; margin: 0 7.5px; } header .push-top .wrapper .rrss a svg { display: block; height: 13px !important; width: auto; } header .push-top .wrapper .rrss a svg * { fill: #fff !important; } header .push-top .wrapper .rrss a:hover svg * { fill: #ffc300 !important; } header .push-top .wrapper .links { position: relative; top: -2px; padding-left: 7px; } header .push-top .wrapper .links a, header .push-top .wrapper .links span { display: inline-block; color: inherit; font-weight: bold; margin-left: 9px; } header .push-top .wrapper .links svg * { fill: #fff !important; } header .push-top .wrapper .links a:hover { color: #ffc300; } header .push-top .wrapper .links a:hover svg * { fill: #ffc300 !important; } header .push-top .wrapper .links .lens { top: 3px; position: relative; margin-left: 15px; } header .push-top .wrapper .links .user svg { float: left; margin-right: 9px; margin-top: 1px; } header .push-top .wrapper .links .user svg * { fill: #fff !important; } header .push-top .wrapper .links .user:hover svg * { fill: #ffc300 !important; } header .push-top .wrapper .links .isquad svg { float: left; margin-right: 9px; margin-top: 1px; } header .push-top .wrapper .links .isquad svg * { fill: #fff !important; } header .push-top .wrapper .links .isquad:hover svg * { fill: #ffc300 !important; } header .nav-top { background-color: #fff; padding-top: 10px; padding-bottom: 10px; } @media all and (min-width: 1024px) { header .nav-top { padding-top: 20px; padding-bottom: 0px; } } header .nav-top .wrapper { height: 31px; position: relative; } @media all and (min-width: 1024px) { header .nav-top .wrapper { height: 91px; } } header .nav-top .wrapper .logos { float: left; height: 31px; } @media all and (min-width: 1024px) { header .nav-top .wrapper .logos { height: 71px; margin-bottom: 20px; } } header .nav-top .wrapper .logos .rfet, header .nav-top .wrapper .logos .mapfre { float: left; height: 100%; margin-right: 10px; position: relative; } header .nav-top .wrapper .logos .rfet img, header .nav-top .wrapper .logos .mapfre img { display: block; max-height: 100%; } @media all and (min-width: 1024px) { header .nav-top .wrapper .logos .rfet, header .nav-top .wrapper .logos .mapfre { margin-right: 22px; } } header .nav-top .wrapper .logos .mapfre { margin-top: 4.5px; } @media all and (min-width: 1024px) { header .nav-top .wrapper .logos .mapfre { margin-top: 12px; } } header .nav-top .wrapper .logos .mapfre img { position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); max-height: 21px; } @media all and (min-width: 1024px) { header .nav-top .wrapper .logos .mapfre img { max-height: 48px; } } header .nav-top .wrapper nav { position: absolute; text-align: right; bottom: 0px; right: 10px; display: none; } @media all and (min-width: 1190px) { header .nav-top .wrapper nav { right: 0px; } } header .nav-top .wrapper nav ul.main-nav > li { float: left; text-transform: uppercase; color: #000; font-family: "Raleway", sans-serif; font-weight: bold; border-bottom: 8px solid transparent; font-size: 14px; line-height: 22px; padding-bottom: 7px; } @media (max-width: 1140px) { header .nav-top .wrapper nav ul.main-nav > li:first-child { display: none; } } @media (max-width: 1085px) { header .nav-top .wrapper nav ul.main-nav > li > a { font-size: 12.5px; } } header .nav-top .wrapper nav ul.main-nav > li.active, header .nav-top .wrapper nav ul.main-nav > li:hover { border-color: #a12c33; } header .nav-top .wrapper nav ul.main-nav > li.more { position: relative; } header .nav-top .wrapper nav ul.main-nav > li.more:after { content: ""; width: 8px; height: 6px; float: right; margin: 6px 10px 0 -5px; background-image: url(../img/down.svg); } header .nav-top .wrapper nav ul.main-nav > li.more .colum { visibility: hidden; position: absolute; background-color: #ededed; border-top: 1px solid #a12c33; top: 37px; text-transform: none; padding: 20px 0; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.39); font-family: "Roboto", sans-serif; width: 300px; right: -60px; } header .nav-top .wrapper nav ul.main-nav > li.more .colum.long { left: 0px; min-height: 249px; } header .nav-top .wrapper nav ul.main-nav > li.more .colum.long .news { position: absolute; top: 0px; right: 0px; width: calc(100% - 180px); padding: 15px 0 0 0; } header .nav-top .wrapper nav ul.main-nav > li.more .colum.long .news .item { float: right; width: calc(100% / 4); padding: 0 20px 0 0; } header .nav-top .wrapper nav ul.main-nav > li.more .colum.long .news .item img { display: block; width: 100%; } header .nav-top .wrapper nav ul.main-nav > li.more .colum.long .news .item span { display: block; padding-top: 4px; } header .nav-top .wrapper nav ul.main-nav > li.more .colum.long .news .item span a { display: block; overflow: hidden; /* 66px*/ max-height: 44px; } header .nav-top .wrapper nav ul.main-nav > li.more .colum.long .news .item a { margin-left: 0px; margin-right: 0px; font-weight: bold; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li { text-align: left; display: block; border-top: 4px solid rgba(255, 255, 255, 0.01); border-bottom: 4px solid rgba(255, 255, 255, 0.01); } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.active > a { color: #a12c33; font-weight: bold; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li a { margin-left: 30px; margin-right: 30px; font-weight: normal; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li a:hover { color: #a12c33; font-weight: bold; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.row > a { display: block; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.row > a:after { content: ""; width: 17px; height: 12px; float: right; margin: 5px 0 0 0; background-image: url(../img/arrow-large.svg); background-size: 100% 100%; display: none; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.row > a:hover:after { display: block; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.row.active > a:after { display: block; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.row:hover > ul { visibility: visible; top: -1px; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.row:hover > ul:before { content: ""; position: absolute; width: 11px; background-color: #ededed; height: 100%; left: -5px; top: 0px; } header .nav-top .wrapper nav ul.main-nav > li.more .colum li.row:hover > ul:after { content: ""; position: absolute; background-color: #ccc; left: 1px; top: 29px; bottom: 29px; width: 1px; height: calc(100% - 58px); } header .nav-top .wrapper nav ul.main-nav > li.more .colum:hover { visibility: visible; } header .nav-top .wrapper nav ul.main-nav > li.more.colum-right ul li { text-align: right; } header .nav-top .wrapper nav ul.main-nav > li.more.colum-right ul li.row > a:after { float: left; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); } header .nav-top .wrapper nav ul.main-nav > li.more.colum-right ul li.row:hover > ul:before { left: auto; right: -5px; } header .nav-top .wrapper nav ul.main-nav > li.more.colum-right ul li.row:hover > ul:after { left: auto; right: -1px; } header .nav-top .wrapper nav ul.main-nav > li.more:hover > ul { visibility: visible; } header .nav-top .wrapper nav ul.main-nav > li a { color: inherit; display: inline-block; margin: 0 10px; } header .nav-top .wrapper nav ul.main-nav > li:last-of-type a { margin-right: 0px; } header .nav-top .wrapper nav ul.main-nav > li:last-of-type.more:after { margin-right: 0px; margin-left: 6px; } @media all and (min-width: 1024px) { header .nav-top .wrapper nav { display: block; /* quitar active cuando hay 2 activos */ } } header .nav-top .wrapper nav:hover ul.main-nav > li.active:not(:hover) { border-color: transparent; } header .nav-top .wrapper .menu { float: right; margin-top: 9px; } header .nav-top .wrapper .menu a { float: left; } header .nav-top .wrapper .menu a svg { display: block; } header .nav-top .wrapper .menu a svg * { fill: #a12c33 !important; } header .nav-top .wrapper .menu a + a { margin-left: 12px; } header .nav-top .wrapper .menu a:hover svg * { fill: #000 !important; } @media all and (min-width: 1024px) { header .nav-top .wrapper .menu { display: none; } } header .nav-top .wrapper .menu-btn { float: left; margin-left: 12px; } header .nav-top .wrapper .menu-btn .off { display: none; } header .nav-top .wrapper .menu-btn.open .off { display: block; } header .nav-top .wrapper .menu-btn.open .on { display: none; } header .langs-mobile { float: left; margin-right: 13px; position: relative; } header .langs-mobile .langs { display: none; position: absolute; background-color: #a12c33; padding: 9px 12px; z-index: 1; top: 32px; left: 50%; margin-left: -47px; } header .langs-mobile .langs:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 7px 14px 7px; border-color: transparent transparent #a12c33 transparent; position: absolute; top: -14px; left: 50%; margin-left: -7px; } header .langs-mobile .langs a { display: block; float: none !important; text-align: center; color: #fff; } header .langs-mobile .langs a:hover { color: #ffc300; } header .langs-mobile .langs.active { display: block; } header .langs-mobile .langs.active svg, header .langs-mobile .langs.active span { display: none !important; } header .langs-mobile .langs .lang-trigger-js { padding-bottom: 6px; } /*! end: header.scss */ /*! start: responsive-nav.scss */ .responsive-menu { display: none; z-index: 10; position: absolute; width: 100%; left: 0px; top: 0px; background-color: #fff; -webkit-box-shadow: inset 0px 6px 4px -4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 6px 4px -4px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 6px 4px -4px rgba(0, 0, 0, 0.2); } @media all and (min-width: 1024px) { .responsive-menu { display: none !important; } } .responsive-menu.open { display: block; } .responsive-menu li { display: block; text-align: center; line-height: 24px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #ccc; } .responsive-menu li a { float: none; } .responsive-menu li.normal { font-size: 12px; font-weight: bold; } .responsive-menu li.normal > a { color: #000; font-family: "Raleway", sans-serif; text-transform: uppercase; } .responsive-menu li.normal > a:hover { color: #a12c33; } .responsive-menu li.normal.active > a { color: #a12c33; } .responsive-menu li.normal.active > a:after { background-image: url(../img/down-red.svg); } .responsive-menu li.more > a:after { content: ""; width: 8px; height: 6px; float: right; margin: 8px 15px 0 -23px; background-image: url(../img/down.svg); } .responsive-menu li.more > a:hover:after { background-image: url(../img/down-red.svg); } .responsive-menu li.more .submenu { display: none; margin-top: 11px; margin-bottom: -13px; border-top: 1px solid #ccc; background-color: #f2f2f2; } .responsive-menu li.more .submenu li { padding-top: 7px; padding-bottom: 7px; } .responsive-menu li.more .submenu li.active a { color: #a12c33; } .responsive-menu li.more .submenu a { font-weight: normal; color: #000; } .responsive-menu li.more .submenu a:hover { color: #a12c33; } .responsive-menu li.more .open + .submenu { display: block; } .responsive-menu.subcontents li { background-color: #f2f2f2; } .responsive-menu.subcontents li.parent { background-color: transparent; } .responsive-menu.subcontents li.parent span { color: #a12c33; } .responsive-menu.subcontents li.parent a { content: ""; position: absolute; top: 19px; right: 13px; width: 9px; height: 9px; background-image: url(../img/x.svg); background-size: 100% 100%; } .responsive-menu.subcontents li a { text-transform: none !important; font-family: "Roboto", sans-serif !important; font-weight: normal; } .responsive-menu.subcontents li a:hover { font-weight: bold; } .responsive-menu.subcontents li.active > a { font-weight: bold; } .responsive-menu.subcontents li .submenu { background-color: #9b9b9b; } .responsive-menu.subcontents li .submenu li { background-color: #9b9b9b; border-bottom: 0 none; } .responsive-menu.subcontents li .submenu li + li { border-top: 1px solid #fff; } .responsive-menu.subcontents li .submenu li a { color: #fff; } /*! end: responsive-nav.scss */ /*! start: home.scss */ .home:after { content: ""; display: block; clear: both; overflow: hidden; /* avisos */ } .home-avisos { padding: 11px 0 9px 0; /* slider */ } @media all and (min-width: 768px) { .home-avisos { padding: 15px 0; } } @media all and (min-width: 1024px) { .home-avisos { padding: 19px 0 20px 0; } } .home-avisos-badget { width: 41px; color: #fff; background-color: #a12c33; text-align: center; font-weight: bold; margin: 0 5px 0 0; float: left; font-size: 8px; line-height: 16px; font-family: "Raleway", sans-serif; border-radius: 3px; text-transform: uppercase; } @media all and (min-width: 768px) { .home-avisos-badget { width: 87px; font-size: 10px; line-height: 19px; margin-right: 6.5px; } } @media all and (min-width: 1024px) { .home-avisos-badget { width: 113px; font-size: 12px; line-height: 22px; margin-right: 8px; } } .home-avisos-badget a { color: inherit; } .home-avisos-list { float: left; width: calc(100% - 46px); font-size: 10px; line-height: 16px; color: #8a8a8a; position: relative; height: 16px; } @media all and (min-width: 768px) { .home-avisos-list { width: calc(100% - 93.5px); font-size: 12px; line-height: 19px; height: 19px; } } @media all and (min-width: 1024px) { .home-avisos-list { width: calc(100% - 141px); font-size: 14px; line-height: 22px; height: 22px; } } .home-avisos-list-nav { display: none; } @media all and (min-width: 768px) { .home-avisos-list-nav { float: left; width: 40px; margin-right: 9px; display: block; } } @media all and (min-width: 1024px) { .home-avisos-list-nav { width: 46px; } } .home-avisos-list-prev, .home-avisos-list-next { float: left; background-image: url(../img/arrow-btn.svg); background-size: 100% 100%; width: 19px; height: 19px; } @media all and (min-width: 1024px) { .home-avisos-list-prev, .home-avisos-list-next { width: 22px; height: 22px; } } .home-avisos-list-prev:hover, .home-avisos-list-next:hover { background-image: url(../img/arrow-btn-active.svg); } .home-avisos-list-prev { margin-right: 2px; } .home-avisos-list-next { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -mso-transform: rotate(180deg); } .home-avisos-list-items { float: left; position: relative; width: 100%; } @media all and (min-width: 768px) { .home-avisos-list-items { width: calc(100% - 49px); } } @media all and (min-width: 1024px) { .home-avisos-list-items { width: calc(100% - 55px); } } .home-avisos-list-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 2; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; } .home-avisos-list-item.active { z-index: 4; opacity: 1; } .home-avisos-list-item.last-active { z-index: 3; } .home-avisos-list-item a { color: inherit; } .home-slider { clear: both; overflow: hidden; position: relative; /* js */ } .home-slider .owl-slider .owl-item { float: left; } .home-slider .owl-slider .owl-item:not(.center) figure:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } .home-slider .owl-slider .owl-item:not(.center) .info { visibility: hidden; } .home-slider .owl-slider figure { position: relative; } .home-slider .owl-slider figure img { width: 100%; vertical-align: middle; display: block; } .home-slider .owl-slider .owl-dots { display: none; } .home-slider .owl-slider .owl-nav { position: absolute; width: 100%; height: 100%; } .home-slider .owl-slider .owl-nav .disabled, .home-slider .owl-slider .owl-nav.disabled { display: none; } .home-slider .owl-slider .owl-nav .owl-prev, .home-slider .owl-slider .owl-nav .owl-next { z-index: 9; background: transparent; position: absolute; height: 35px; width: 50px; top: calc(50% - (35px / 2)); cursor: pointer; } @media (max-width: 767px) { .home-slider .owl-slider .owl-nav .owl-prev, .home-slider .owl-slider .owl-nav .owl-next { width: 30px; height: 21px; top: calc(-21px / 2); } } .home-slider .owl-slider .owl-nav .owl-prev span, .home-slider .owl-slider .owl-nav .owl-next span { content: ""; display: block; width: 100%; height: 100%; background-image: url("../img/arrow-big.123456.svg"); background-size: 100% 100%; margin: 0 auto; font-size: 0px; opacity: 0.6; } @media (max-width: 767px) { .home-slider .owl-slider .owl-nav .owl-prev span, .home-slider .owl-slider .owl-nav .owl-next span { opacity: 0.8; } } .home-slider .owl-slider .owl-nav .owl-prev:hover span, .home-slider .owl-slider .owl-nav .owl-next:hover span { opacity: 1; } .home-slider .owl-slider .owl-nav .owl-prev { left: 30px; } @media (max-width: 1189px) { .home-slider .owl-slider .owl-nav .owl-prev { left: 10px; } } .home-slider .owl-slider .owl-nav .owl-next { right: 30px; } @media (max-width: 1189px) { .home-slider .owl-slider .owl-nav .owl-next { right: 10px; } } .home-slider .owl-slider .owl-nav .owl-next span { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -mso-transform: rotate(180deg); -o-transform: rotate(180deg); } .home-slider .owl-slider .item { position: relative; } .home-slider .owl-slider .item .info { position: absolute; bottom: 0px; width: 100%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); height: 270px; } @media (max-width: 767px) { .home-slider .owl-slider .item .info { position: static; background: none; height: auto; } } .home-slider .owl-slider .item .info .data { position: absolute; bottom: 0px; width: 100%; padding: 26px 50px; } @media (max-width: 1086px) { .home-slider .owl-slider .item .info .data { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .home-slider .owl-slider .item .info .data { padding-bottom: 0px; padding-top: 0px; position: static; } } .home-slider .owl-slider .item .info .title { font-size: 30px; line-height: 40px; color: #fff; } .home-slider .owl-slider .item .info .title a { color: inherit; } .home-slider .owl-slider .item .info .title a:hover { color: #a12c33; } @media (max-width: 767px) { .home-slider .owl-slider .item .info .title { font-size: 20px; line-height: 26px; color: #000; padding-top: 14px; } } .home-slider .owl-slider .item .info .date { display: none; text-transform: capitalize; } @media all and (min-width: 768px) { .home-slider .owl-slider .item .info .date { font-size: 12px; line-height: 18px; display: block; margin-top: 20px; font-weight: 500; color: #fff; } .home-slider .owl-slider .item .info .date:before { float: left; content: ""; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url("../img/clock-white.svg"); background-size: 100% 100%; } } @media all and (min-width: 1024px) { .home-slider .owl-slider .item .info .date { font-size: 13px; line-height: 18px; } } .home .mosaic { display: flex; justify-content: space-between; position: relative; /* noticias en listado */ } .home .mosaic .owl-item { float: left; } .home .mosaic .owl-dots { display: none; } .home .mosaic .owl-nav { position: absolute; width: 100%; height: 100%; } .home .mosaic .owl-nav .disabled, .home .mosaic .owl-nav.disabled { display: none !important; } .home .mosaic .owl-nav .owl-prev, .home .mosaic .owl-nav .owl-next { display: none; z-index: 9; position: absolute; height: 100%; background-color: rgba(0, 0, 0, 0.4); width: 62px; top: 0px; cursor: pointer; } .home .mosaic .owl-nav .owl-prev span, .home .mosaic .owl-nav .owl-next span { content: ""; display: block; width: 17px; height: 31px; background-image: url("../img/arrow.svg"); background-size: 100% 100%; margin: 0 auto; font-size: 0px; } .home .mosaic .owl-nav .owl-prev { left: 0px; } .home .mosaic .owl-nav .owl-prev span { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -mso-transform: rotate(180deg); -o-transform: rotate(180deg); } .home .mosaic .owl-nav .owl-next { right: 0px; } @media (max-width: 1189px) { .home .mosaic .owl-nav .owl-next { right: -10px; } } .home .mosaic.initial .owl-prev { display: none !important; } .home .mosaic:hover .owl-prev, .home .mosaic:hover .owl-next { display: block; } .home-news { /* videos */ } .home-news .item { background-color: #f2f2f2; position: relative; height: 336px; max-width: 290px; } @media all and (min-width: 768px) { .home-news .item { height: 421px; max-width: 337px; } } @media all and (min-width: 1024px) { .home-news .item { height: 505px; max-width: 383px; } } .home-news .item .image img { width: 100%; vertical-align: middle; display: block; } .home-news .item .info { padding: 14px 17px; } @media all and (min-width: 768px) { .home-news .item .info { padding: 18px 21px; } } @media all and (min-width: 1024px) { .home-news .item .info { padding: 22px 25px; } } .home-news .item .category { text-transform: uppercase; font-family: "Raleway", sans-serif; font-size: 12px; line-height: 12px; padding: 5px 0 8px 0; } .home-news .item .category a:hover { color: #000; } @media all and (min-width: 768px) { .home-news .item .category { font-size: 13px; line-height: 13px; padding-top: 3px; } } @media all and (min-width: 1024px) { .home-news .item .category { font-size: 14px; line-height: 14px; padding-top: 1px; } } .home-news .item .title { font-size: 16px; line-height: 22px; max-height: 88px; font-weight: 400; overflow: hidden; } .home-news .item .title a { color: #000; } .home-news .item .title a:hover { color: #a12c33; } @media all and (min-width: 768px) { .home-news .item .title { font-size: 18px; line-height: 24px; max-height: 96px; } } @media all and (min-width: 1024px) { .home-news .item .title { font-size: 20px; line-height: 26px; max-height: 130px; } } .home-news .item .date { display: none; text-transform: capitalize; } @media all and (min-width: 768px) { .home-news .item .date { font-size: 12px; line-height: 18px; display: block; position: absolute; bottom: 25px; font-weight: 500; color: #4a4a4a; } .home-news .item .date:before { float: left; content: ""; margin: 0 5px 0 0; width: 16px; height: 16px; background-image: url("../img/clock.svg"); background-size: 100% 100%; } } @media all and (min-width: 1024px) { .home-news .item .date { font-size: 13px; line-height: 18px; } } .home-videos { /* photo gallery */ } .home-videos .item { background-color: #f2f2f2; position: relative; height: 303px; max-width: 290px; } @media all and (min-width: 768px) { .home-videos .item { height: 329px; max-width: 337px; } } @media all and (min-width: 1024px) { .home-videos .item { height: 355px; max-width: 383px; } } .home-videos .item .image { position: relative; text-align: center; } .home-videos .item .image img { width: 100%; vertical-align: middle; display: block; } .home-videos .item .image a:after { content: ""; display: block; position: absolute; background-image: url(../img/play.svg); background-size: 100% 100%; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; height: 30px; width: 30px; } @media all and (min-width: 768px) { .home-videos .item .image a:after { height: 36px; width: 36px; margin-top: -18px; margin-left: -18px; } } @media all and (min-width: 1024px) { .home-videos .item .image a:after { height: 42px; width: 42px; margin-top: -21px; margin-left: -21px; } } .home-videos .item .image a:hover:after { background-image: url(../img/play-active.svg); } .home-videos .item .info { padding: 14px 17px; } @media all and (min-width: 768px) { .home-videos .item .info { padding: 18px 21px; } } @media all and (min-width: 1024px) { .home-videos .item .info { padding: 22px 25px; } } .home-videos .item .title { font-size: 16px; line-height: 22px; max-height: 88px; font-weight: bold; overflow: hidden; } .home-videos .item .title a { color: #000; } .home-videos .item .title a:hover { color: #a12c33; } @media all and (min-width: 768px) { .home-videos .item .title { font-size: 17px; line-height: 23px; max-height: 92px; } } @media all and (min-width: 1024px) { .home-videos .item .title { font-size: 18px; line-height: 24px; max-height: 96px; } } .home-gallery { /* top banner */ } .home-gallery .owl-gallery .spinner { margin: 0 auto; } .home-gallery .owl-stage-outer { overflow: hidden; margin: 0 auto; } .home-gallery .image { height: calc((100% - 10px) / 2); } @media (max-width: 404px) { .home-gallery .image { height: calc((100% - 6px) / 2); } } .home-gallery .image img { height: 100%; width: auto; display: block; } .home-gallery .image + .image { margin-top: 10px; } @media (max-width: 404px) { .home-gallery .image + .image { margin-top: 6px; } } .home-gallery .item { height: 320px; } @media all and (min-width: 768px) { .home-gallery .item { height: 481px; } } @media all and (min-width: 1024px) { .home-gallery .item { height: 642px; } } .home-top-banner { clear: both; overflow: hidden; } .home-top-banner .wrapper { padding-left: 0; padding-right: 0; } .home-top-banner-item { text-align: center; } .home-top-banner-item img { display: block; width: 100%; margin: 0 auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } @media all and (min-width: 1024px) { .home-top-banner-item img { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } } .home-top-banner-item + .home-top-banner-item { padding-top: 20px; } .home-top-banner-3 { /* banners */ } .home-top-banner-3 .wrapper { padding-left: 10px; padding-right: 10px; } @media all and (min-width: 1024px) { .home-top-banner-3 .wrapper { padding-left: 0px; padding-right: 0px; } } .home-top-banner-3 img { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .home-banners { clear: both; overflow: hidden; padding-top: 20px; } .home-banners-items { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; text-align: center; } @media (max-width: 1170px) { .home-banners-items { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } } .home-banners-item { margin: 10px 15px 0 15px; float: left; } .home-banners-item-image img { display: block; border: 1px solid #ccc; width: 100%; } @media (min-width: 593px) { .home-banners-item { width: calc((100% / 2) - 30px); } } @media (max-width: 1170px) { .home-banners-item { margin-left: 5px; margin-right: 5px; width: calc((100% / 2) - 10px); } } @media (max-width: 592px) { .home-banners-item { width: calc(100% - 10px); } } @media all and (min-width: 768px) { .home-banners { padding-top: 35px; } } @media all and (min-width: 1024px) { .home-banners { padding-top: 50px; } } .home-top-banner + .home-banners { padding-top: 0px; /* mas tenis */ } @media all and (min-width: 1024px) { .home-top-banner + .home-banners { padding-top: 20px; } } .home-mastenis { /* destacados */ } .home-mastenis .item { background-color: #f2f2f2; position: relative; height: 295px; max-width: 290px; } @media all and (min-width: 768px) { .home-mastenis .item { height: 328px; max-width: 337px; } } @media all and (min-width: 1024px) { .home-mastenis .item { height: 370px; max-width: 383px; } } .home-mastenis .item .image { position: relative; text-align: center; } .home-mastenis .item .image img { width: 100%; vertical-align: middle; display: block; } .home-mastenis .item .info { padding: 18px 14px 0px 14px; } @media all and (min-width: 1024px) { .home-mastenis .item .info { padding: 15px 20px 0px 20px; } } .home-mastenis .item .title { font-size: 16px; line-height: 22px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-mastenis .item .title a { color: #000; } .home-mastenis .item .title a:hover { color: #a12c33; } @media all and (min-width: 768px) { .home-mastenis .item .title { font-size: 17px; line-height: 23px; } } @media all and (min-width: 1024px) { .home-mastenis .item .title { font-size: 18px; line-height: 24px; } } .home-mastenis .item .subtitle { font-size: 14px; line-height: 20px; margin-top: 8px; max-height: 40px; overflow: hidden; } @media all and (min-width: 768px) { .home-mastenis .item .subtitle { line-height: 21px; max-height: 42px; } } @media all and (min-width: 1024px) { .home-mastenis .item .subtitle { line-height: 22px; max-height: 44px; } } .home-destacados { /* carousel */ } .home-destacados-select { color: #666; } .home-destacados-select .selected { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } @media all and (min-width: 768px) { .home-destacados-select { display: none; } } .home-destacados-banners { display: none; } @media all and (min-width: 768px) { .home-destacados-banners { display: block; float: left; width: calc(100% - 400px); } .home-destacados-banners-items { clear: both; overflow: hidden; margin-left: -8px; margin-right: -8px; width: calc(100% + 16px); } .home-destacados-banners-items-item { float: left; width: calc((100% / 2) - 16px); margin: 0 8px 16px 8px; } .home-destacados-banners-items-item .picture { display: table; width: 100%; } .home-destacados-banners-items-item .picture .image { border: 1px solid #ccc; height: 115px; text-align: center; /*display: table-cell; padding: 18px;*/ vertical-align: middle; display: block; position: relative; } .home-destacados-banners-items-item .picture .image img { display: block; max-width: 100%; /*margin: 0 auto;*/ max-height: 100%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; padding: 18px; } .home-destacados-banners-items-item .name { margin-top: 5px; background-color: #f2f2f2; padding: 0 14px; text-transform: uppercase; font-size: 16px; line-height: 37px; } .home-destacados-banners-items-item .name a { display: block; color: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .home-destacados-banners-items-item .name a:hover { color: #a12c33; } .home-destacados-banners-items-item .name a:after { content: ""; float: right; width: 19px; height: 14px; background-image: url(../img/arrow-large.svg); background-size: 100% 100%; margin-top: 11px; } } @media all and (min-width: 768px) and (min-width: 1024px) { .home-destacados-banners { width: calc(100% - 415px); } } @media all and (min-width: 768px) and (min-width: 1024px) { .home-destacados-banners-items-item { width: calc((100% / 3) - 16px); } } @media all and (min-width: 768px) and (max-width: 1164px) { .home-destacados-banners-items-item .name { font-size: 15px; } } @media all and (min-width: 768px) and (max-width: 1120px) { .home-destacados-banners-items-item .name { font-size: 14px; } } @media all and (min-width: 768px) and (max-width: 1090px) { .home-destacados-banners-items-item .name { font-size: 13px; } } @media all and (min-width: 768px) and (max-width: 1054px) { .home-destacados-banners-items-item .name { font-size: 12px; } } @media all and (min-width: 768px) and (max-width: 812px) { .home-destacados-banners-items-item .name { font-size: 11px; } } @media all and (min-width: 768px) and (max-width: 790px) { .home-destacados-banners-items-item .name { font-size: 10px; } } .home-destacados-list { display: none; } @media all and (min-width: 768px) { .home-destacados-list { display: block; background-color: #f2f2f2; padding: 16px 29px; float: right; width: 385px; margin: 0 0 16px 0; } } .home-destacados-list-item { font-size: 16px; line-height: 42px; text-transform: uppercase; } .home-destacados-list-item a { display: block; color: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .home-destacados-list-item a:hover { color: #a12c33; } .home-destacados-list-item a:after { content: ""; float: right; width: 19px; height: 14px; background-image: url(../img/arrow-large.svg); background-size: 100% 100%; margin-top: 14px; } .home-destacados-list-item + .item { border-top: 1px solid #c6c6c6; } .home-carousel { background-color: #f2f2f2; padding: 20px 0; /* margen final */ } @media all and (min-width: 768px) { .home-carousel { padding-top: 40px; padding-bottom: 40px; } } @media all and (min-width: 1024px) { .home-carousel { padding-top: 60px; padding-bottom: 60px; } } .home-carousel-banners { position: relative; padding-left: 34px; padding-right: 34px; } @media all and (min-width: 1024px) { .home-carousel-banners { padding-left: 45px; padding-right: 45px; } } .home-carousel .owl-stage-outer { overflow: hidden; position: relative; z-index: 1; } .home-carousel .owl-item { float: left; } .home-carousel .item { text-align: center; } .home-carousel .item figure { padding: 0 5px; } @media all and (min-width: 1024px) { .home-carousel .item figure { padding: 0 7.5px; } } .home-carousel .item figure a { background-color: #fff; border: 1px solid #ccc; display: block; } .home-carousel .item figure img { display: block; width: 100%; margin: auto; } .home-carousel .owl-nav { position: absolute; width: 100%; height: 100%; top: 0px; margin-left: -34px; } @media all and (min-width: 1024px) { .home-carousel .owl-nav { margin-left: -45px; } } .home-carousel .owl-nav .disabled, .home-carousel .owl-nav.disabled { display: none; } .home-carousel .owl-nav .owl-prev, .home-carousel .owl-nav .owl-next { z-index: 9; position: absolute; height: 100%; background-color: transparent; width: 16px; top: 0px; outline: 0; cursor: pointer; } .home-carousel .owl-nav .owl-prev { left: 0px; } .home-carousel .owl-nav .owl-next { right: 0px; } .home-carousel .owl-nav .owl-prev span, .home-carousel .owl-nav .owl-next span { display: none; } .home-carousel .owl-nav .owl-prev:before, .home-carousel .owl-nav .owl-next:before { content: ""; width: 14px; height: 26px; background-image: url(../img/left.123456.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; display: block; opacity: 0.3; } .home-carousel .owl-nav .owl-prev:hover:before, .home-carousel .owl-nav .owl-next:hover:before { opacity: 1; } .home-carousel .owl-nav .owl-next:before { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -mso-transform: rotate(180deg); -o-transform: rotate(180deg); } .home-carousel .owl-dots { display: none; } .home > div:last-child:not(.home-carousel) { margin-bottom: 30px; } @media all and (min-width: 768px) { .home > div:last-child:not(.home-carousel) { margin-bottom: 45px; } } @media all and (min-width: 1024px) { .home > div:last-child:not(.home-carousel) { margin-bottom: 60px; } } .page-index .newsletter-form-main { border-top: 0 none; } /*! end: home.scss */ /*! start: newsletter.scss */ .newsletter-form-main { clear: both; overflow: hidden; border-top: 1px solid #ccc; padding: 26px 0 30px 0; } @media (min-width: 1122px) { .newsletter-form-main { padding-top: 44px; padding-bottom: 55px; } } .newsletter-form-main .text { line-height: 19px; } @media (min-width: 1122px) { .newsletter-form-main .text { float: left; width: calc(100% - 480px - 14px - 174px - 27px); margin-right: 27px; margin-top: 12px; font-size: 18px; line-height: 26px; } } .newsletter-form-main .input { font-size: 14px; line-height: 26px; margin-top: 16px; height: 43px; padding-top: 7px; } @media all and (min-width: 768px) { .newsletter-form-main .input { width: calc(100% - 174px - 14px); float: left; font-size: 16px; padding-left: 25px; padding-right: 25px; } } @media (min-width: 1122px) { .newsletter-form-main .input { width: 480px; margin-right: 14px; } } .newsletter-form-main .btn { font-size: 12px; line-height: 22px; font-weight: bold; margin-top: 10px; cursor: pointer; font-family: "Raleway", sans-serif; } @media all and (min-width: 768px) { .newsletter-form-main .btn { width: 174px; float: right; margin-top: 16px; font-size: 14px; letter-spacing: normal; } } .banners + .newsletter-form-main { border-top: 0 none; } /*! end: newsletter.scss */ /*! start: photo-header.scss */ .photo-header { border-top: 1px solid #ccc; position: relative; clear: both; overflow: hidden; } .photo-header img { width: calc(100% + 200px); margin: 0 -100px; display: block; } @media (max-width: 693px) { .photo-header img { height: 220px; width: auto; margin: 0 auto; left: 50%; margin-left: -447px; position: relative; } } .photo-header .banner .pill { padding-top: 13px; } .photo-header .banner .title { font-size: 20px; line-height: 26px; color: #a12c33; } .photo-header .banner .subtitle { font-size: 18px; line-height: 26px; color: #a12c33; font-weight: 200; } .photo-header .banner .content { padding-top: 7px; } .photo-header .banner .more { padding-top: 12px; } .photo-header .banner .more a:after { content: ""; width: 19px; height: 14px; background-image: url(../img/arrow-large.svg); display: inline-block; top: 2px; position: relative; margin-left: 9px; } .photo-header .banner .more a:hover { color: #000; } .photo-header .banner .more a:hover:after { background-image: url(../img/arrow-large-black.svg); } @media all and (min-width: 1024px) { .photo-header .banner .pill { height: 410px; position: relative; padding-top: 33px; padding-bottom: 39px; padding-left: 40px; padding-right: 40px; } .photo-header .banner .title { font-size: 28px; line-height: 35px; } .photo-header .banner .subtitle { font-size: 28px; line-height: 35px; } .photo-header .banner .content { font-size: 14px; line-height: 22px; color: #8a8a8a; padding-top: 27px; } .photo-header .banner .more { font-size: 14px; line-height: 16px; position: absolute; bottom: 39px; } .photo-header .banner .more a:after { float: right; } } @media all and (min-width: 1024px) { .photo-header { height: 630px; } .photo-header img { width: auto; height: 100%; position: relative; left: 50%; margin-left: -1280px; } .photo-header .banner { position: absolute; width: 100%; bottom: 50px; } .photo-header .banner .pill { width: 410px; background-color: #fff; } } .photo-header.svg-map { height: auto !important; max-height: 630px; width: auto; position: relative; } .photo-header.svg-map svg { margin: 0 auto; height: 100%; width: auto; max-height: 630px; position: relative; } @media (max-width: 1460px) { .photo-header.svg-map svg { width: 100%; height: auto; } } @media all and (max-width: 640px) { .photo-header.svg-map svg { display: none; margin-bottom: -27px; } } .photo-header + #page-content { border-top: 0 none; } .player-detail-photo { border-top: 1px solid #ccc; position: relative; clear: both; overflow: hidden; max-width: 1440px; margin: 0 auto; } .player-detail-photo img { width: 100%; display: block; } .player-detail-photo + #page-content { border-top: 0 none; } .player-detail-photo:has(.player-detail-header) img { width: calc(100% + 200px); margin: 0 -100px; } /*! end: photo-header.scss */ /*! start: en-juego.scss */ .home-enjuego .partner { display: flex; align-items: center; flex-direction: column; row-gap: 10px; padding-bottom: 22px; } .home-enjuego .partner h5 { align-self: flex-start; margin-bottom: 20px; order: 1; } .home-enjuego .partner a { order: 3; } .home-enjuego .partner img { width: auto; } .home-enjuego .partner .extra-title { font-size: 19px; font-weight: bold; order: 4; } .home-enjuego .partner .go { order: 2; margin-bottom: 20px; align-self: flex-end; margin-top: -55px; padding: 0; } @media all and (min-width: 1024px) { .home-enjuego .partner { flex-direction: row; column-gap: 10px; padding-bottom: 0px; } .home-enjuego .partner h5, .home-enjuego .partner img, .home-enjuego .partner .extra-title, .home-enjuego .partner .go, .home-enjuego .partner a { margin: 0; order: 0; } .home-enjuego .partner img { width: 197px; } .home-enjuego .partner .go { margin-left: auto; } .home-enjuego .partner h5 { margin-right: 20px; } } .owl-calendar { position: relative; padding-left: 65px; padding-right: 65px; margin-top: -2px; text-align: center; /* buscador */ } .owl-calendar .spinner { margin: 0 auto; } @media all and (min-width: 1024px) { .owl-calendar { margin-top: 28px; } } .owl-calendar .owl-stage-outer { overflow: hidden; position: relative; z-index: 1; } .owl-calendar .owl-item { float: left; } .owl-calendar .owl-item.active + .active .item:before { content: ""; width: 2px; height: 48px; background-color: #ffc300; position: absolute; top: 0px; left: -1px; } .owl-calendar .item { text-align: center; padding-left: 20px; padding-right: 20px; position: relative; font-size: 14px; cursor: pointer; } @media all and (min-width: 1024px) { .owl-calendar .item { font-size: 18px; } } .owl-calendar .item .days, .owl-calendar .item .months { color: #ffc300; } .owl-calendar .item .days { font-size: 26px; clear: both; overflow: hidden; } @media all and (min-width: 1024px) { .owl-calendar .item .days { font-size: 30px; font-weight: 300; } } .owl-calendar .item .months { font-size: 16px; font-weight: bold; padding-top: 5px; clear: both; overflow: hidden; } @media all and (min-width: 1024px) { .owl-calendar .item .months { font-size: 20px; } } .owl-calendar .item .category { text-transform: uppercase; } .owl-calendar .item .location { line-height: 18px; font-weight: bold; padding-top: 2px; } @media all and (min-width: 1024px) { .owl-calendar .item .location { padding-top: 4px; line-height: 22px; } } .owl-calendar .item .dates { padding-bottom: 9px; } .owl-calendar .item .dates span { display: inline-block; width: 56px; text-align: center; } .owl-calendar .owl-dots { display: none; } .owl-calendar .owl-nav { position: absolute; width: 100%; height: 100%; top: 0px; margin-left: -65px; } .owl-calendar .owl-nav .disabled, .owl-calendar .owl-nav.disabled { display: none; } .owl-calendar .owl-nav .owl-prev, .owl-calendar .owl-nav .owl-next { z-index: 9; position: absolute; height: 100%; background-color: transparent; width: 16px; top: 0px; outline: 0; cursor: pointer; } .owl-calendar .owl-nav .owl-prev { left: 0px; } .owl-calendar .owl-nav .owl-next { right: 0px; } .owl-calendar .owl-nav .owl-prev span, .owl-calendar .owl-nav .owl-next span { display: none; } .owl-calendar .owl-nav .owl-prev:before, .owl-calendar .owl-nav .owl-next:before { content: ""; width: 16px; height: 30px; background-image: url(../img/arrow.svg); background-repeat: no-repeat; background-size: 16px 30px; background-position: 0 0; display: block; } .owl-calendar .owl-nav .owl-prev:before { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .enjuego-searcher { background-color: #f2f2f2; padding: 11px 0 0 0; display: none; } @media all and (min-width: 768px) { .enjuego-searcher { display: block; } } .enjuego-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .enjuego-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } .enjuego-searcher-form .col:last-of-type { padding-bottom: 15px; width: 100%; } @media all and (min-width: 768px) { .enjuego-searcher-form .col { width: calc((100% - 374px) / 2); margin-left: 10px; margin-right: 10px; } .enjuego-searcher-form .col:first-of-type { width: 270px; margin-left: 0px; } .enjuego-searcher-form .col:last-of-type { width: 44px; margin-right: 0px; } } .enjuego-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .enjuego-searcher-form .col input, .enjuego-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .enjuego-searcher-form .col input, .enjuego-searcher-form .col select { font-size: 16px; float: left; } } .enjuego-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } .enjuego-searcher-form .col .btn { width: 100%; height: 44px; cursor: pointer; text-align: center; padding: 12px 0; } .enjuego-searcher-form .col .btn:after { content: ""; margin: 0 auto; display: block; width: 20px; height: 20px; background-image: url("../img/lens.1234.svg"); background-size: 100% 100%; } .enjuego-searcher-form .col .btn:hover:after { background-image: url("../img/search.1234.svg"); } @media all and (min-width: 768px) { .enjuego-searcher { padding: 26px 30px 0 30px; } .enjuego-searcher-form .col:last-of-type { padding-bottom: 30px; } } h2 + .enjuego-searcher, .subtitle + .enjuego-searcher { margin-top: 25px; } @media all and (min-width: 1024px) { h2 + .enjuego-searcher, .subtitle + .enjuego-searcher { margin-top: 30px; } } /*! end: en-juego.scss */ /*! start: presidentes.scss */ .presidents-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-top: 2px; } .presidents-list-item { float: left; width: calc((100% / 4) - 30px); margin-left: 15px; margin-right: 15px; text-align: center; padding-top: 31px; } .presidents-list-item:nth-child(4n+1) { clear: left; } .presidents-list-item-image img { display: block; width: 100%; } .presidents-list-item-period { line-height: 24px; font-size: 20px; font-weight: bold; padding-top: 13px; } @media all and (min-width: 1024px) { .presidents-list-item-period { line-height: 28px; } } .presidents-list-item-name { line-height: 24px; padding-top: 3px; } @media all and (min-width: 1024px) { .presidents-list-item-name { line-height: 28px; } } @media (max-width: 870px) { .presidents-list { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .presidents-list-item { width: calc((100% / 3) - 20px); margin-left: 10px; margin-right: 10px; padding-top: 20px; } .presidents-list-item:nth-child(4n+1) { clear: none; } .presidents-list-item:nth-child(3n+1) { clear: left; } } @media (max-width: 580px) { .presidents-list-item { width: calc((100% / 2) - 20px); } .presidents-list-item-period { font-size: 18px; } .presidents-list-item-name { line-height: 20px; } .presidents-list-item:nth-child(3n+1) { clear: none; } .presidents-list-item:nth-child(2n+1) { clear: left; } } .escudos-list-item-image { border: 1px solid #ccc; } /*! end: presidentes.scss */ /*! start: federaciones.scss */ .page-rfet-federaciones-territoriales .svg-map { background-color: #d9ebec; } .federation-detail { padding-bottom: 0px !important; } .federation-detail h1 { width: 100%; float: none; } @media all and (min-width: 768px) { .federation-detail h1 { width: calc(100% - 80px); float: left; } } .federation-detail-profile { padding-top: 27px; clear: both; overflow: hidden; } .federation-detail-profile-logo { float: left; margin: 4px 30px 26px 0; } .federation-detail-profile-logo-image { border: 1px solid #ccc; text-align: center; display: table-cell; width: 270px; } .federation-detail-profile-logo img { padding: 10px; display: block; margin: 0 auto; height: auto; max-height: 248px; max-width: 248px; } .federation-detail-profile-data { float: left; width: 100%; } .federation-detail-profile-data p:first-of-type { padding-top: 0px; } .federation-detail-profile-logo + .federation-detail-profile-data { width: calc(100% - 270px - 30px); } @media all and (max-width: 860px) { .federation-detail-profile { padding-top: 22px; } .federation-detail-profile-data { width: 100% !important; } } .federation-detail-map { padding-top: 27px; position: absolute; width: 100%; height: 597px; left: 0px; } @media all and (min-width: 768px) { .federation-detail-map { padding-top: 33px; } } .federation-detail-map iframe { width: 100%; height: 100%; display: block; } .federation-detail-map + .delegations-list { margin-top: 597px; } .delegations-list-label:before { height: 21px; content: ""; display: block; } @media all and (min-width: 1024px) { .delegations-list-label:before { display: none; } } .delegations-list-items-item { padding-top: 21px; } @media all and (min-width: 1024px) { .delegations-list-items-item { padding-top: 0px; } } .delegations-list-items-item-title { color: #8a8a8a; } .delegation-map { padding-top: 13px; padding-bottom: 12px; height: 250px; } .delegation-map iframe { width: 100%; height: 100%; display: block; } /*! end: federaciones.scss */ /*! start: landing.scss */ .landing-page { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; margin-top: -10px; padding-bottom: 80px; display: flex; flex-wrap: wrap; } .landing-page-item { float: left; width: calc((100% / 3) - 30px); margin-left: 15px; margin-right: 15px; margin-top: 30px; background-color: #f2f2f2; } .landing-page-item-image { border: 1px solid #d8d8d8; } .landing-page-item-image img { display: block; width: 100%; } .landing-page-item-video { border: 1px solid #d8d8d8; position: relative; } .landing-page-item-video img { display: block; width: 100%; visibility: hidden; } .landing-page-item-video iframe { display: block; width: 100%; height: 100%; position: absolute; } .landing-page-item-contents { padding: 15px 20px 27px 20px; } .landing-page-item-title { line-height: 24px; font-size: 18px; } .landing-page-item-title a { color: inherit; } .landing-page-item-subtitle { line-height: 22px; font-size: 14px; padding-top: 8px; } .landing-page-item:nth-child(1), .landing-page-item:nth-child(2) { width: calc((100% / 2) - 30px); } .landing-page-item:nth-child(1) .landing-page-item-contents, .landing-page-item:nth-child(2) .landing-page-item-contents { padding: 26px 30px 25px 30px; } .landing-page-item:nth-child(1) .landing-page-item-title, .landing-page-item:nth-child(2) .landing-page-item-title { line-height: 28px; font-size: 22px; } .landing-page-item:nth-child(1) .landing-page-item-subtitle, .landing-page-item:nth-child(2) .landing-page-item-subtitle { line-height: 26px; font-size: 18px; padding-top: 13px; } @media (max-width: 840px) { .landing-page { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; padding-bottom: 50px; } .landing-page-item { width: calc((100% / 2) - 20px) !important; margin-left: 10px !important; margin-right: 10px !important; margin-top: 20px !important; } .landing-page-item-contents { padding: 14px 15px 15px 15px !important; } .landing-page-item-title { line-height: 24px !important; font-size: 18px !important; } .landing-page-item-subtitle { line-height: 20px !important; font-size: 14px !important; padding-top: 9px !important; } } @media (max-width: 840px) and (max-width: 570px) { .landing-page { padding-bottom: 30px; } .landing-page-item { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; } } /*! end: landing.scss */ /*! start: enlaces.scss */ .enlaces-block-list { margin-top: -13px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; clear: both; overflow: hidden; } .enlaces-block-list .item { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; float: left; } @media (max-width: 760px) { .enlaces-block-list .item { width: calc(100% - 20px); } } /*! end: enlaces.scss */ /*! start: patrocinadores.scss */ .patrocinadores { border-top: 1px solid #ccc; clear: both; overflow: hidden; } .patrocinadores-section-items { clear: both; overflow: hidden; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; padding: 2px 0 0 0; } .patrocinadores-section-item { float: left; border: 1px solid #ccc; border-radius: 8px; width: calc((100% / 2) - 20px); margin: 20px 10px 0px 10px; } @media all and (min-width: 768px) { .patrocinadores-section-item { width: calc((100% / 3) - 20px); } } @media all and (min-width: 1024px) { .patrocinadores-section-item { width: calc((100% / 4) - 20px); } } .patrocinadores-section-item figure { width: 100%; display: table; text-align: center; } .patrocinadores-section-item figure a { vertical-align: middle; /*display: table-cell; padding: 8px;*/ height: 91px; position: relative; display: block; } .patrocinadores-section-item img { display: block; max-width: 100%; /*margin: auto;*/ max-height: 100%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; padding: 8px; } .patrocinadores-section-item.main-sponsor { margin: 0px; border: 0 none; width: calc(100% - 20px) !important; } @media all and (min-width: 1024px) { .patrocinadores-section-item.main-sponsor { width: calc((100% / 2) - 20px) !important; } } .patrocinadores-section-item.main-sponsor img { height: 100%; width: 450px; margin-left: 0px; margin-right: 0px; } .patrocinadores-section:first-child h2, .patrocinadores-section:first-child .subtitle { padding-top: 0px !important; } @media all and (min-width: 768px) { .patrocinadores-section:first-child h2, .patrocinadores-section:first-child .subtitle { padding-top: 5px !important; } } @media all and (min-width: 1024px) { .patrocinadores-section:first-child h2, .patrocinadores-section:first-child .subtitle { padding-top: 36px !important; } } .patrocinadores-section + .patrocinadores-section { padding-top: 18px; } @media all and (min-width: 768px) { .patrocinadores-section + .patrocinadores-section { padding-top: 0px; } } .patrocinadores-main { text-align: center; padding: 20px 0; } @media all and (min-width: 1024px) { .patrocinadores-main { padding: 40px 0; } } .patrocinadores-main img { height: 36px; width: auto; margin: 0 auto; display: block; } .patrocinadores-list { text-align: center; padding: 20px 0; border-top: 1px solid #ccc; } .patrocinadores-list .owl-patrocinadores { position: relative; } .patrocinadores-list .owl-stage-outer { overflow: hidden; position: relative; z-index: 1; } .patrocinadores-list .owl-item { float: left; } .patrocinadores-list .owl-item .item { display: table; width: 100%; } .patrocinadores-list figure { text-align: center; vertical-align: middle; /*display: table-cell;*/ height: 51px; display: block; position: relative; } @media all and (min-width: 1024px) { .patrocinadores-list figure { height: 85px; } } .patrocinadores-list img { max-height: 100%; max-width: calc(100% - 10px); width: auto; /*margin: 0 auto;*/ display: block; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } @media all and (min-width: 1024px) { .patrocinadores-list { padding: 38px 0; } } .patrocinadores-list .owl-dots, .patrocinadores-list .owl-nav { display: none; } .patrocinadores-list #patrocinadores-list-docencia, .patrocinadores-list #patrocinadores-list-6-2, .patrocinadores-list #patrocinadores-list-2-3, .patrocinadores-list #patrocinadores-list-4-5, .patrocinadores-list #patrocinadores-list-2, .patrocinadores-list #patrocinadores-list-3, .patrocinadores-list #patrocinadores-list-4, .patrocinadores-list #patrocinadores-list-5 { display: flex; flex-flow: row wrap; justify-content: center; flex-wrap: wrap; } .patrocinadores-list #patrocinadores-list-docencia .item, .patrocinadores-list #patrocinadores-list-6-2 .item, .patrocinadores-list #patrocinadores-list-2-3 .item, .patrocinadores-list #patrocinadores-list-4-5 .item, .patrocinadores-list #patrocinadores-list-2 .item, .patrocinadores-list #patrocinadores-list-3 .item, .patrocinadores-list #patrocinadores-list-4 .item, .patrocinadores-list #patrocinadores-list-5 .item { display: table; padding: 15px 0; } .patrocinadores-list #patrocinadores-list-docencia img, .patrocinadores-list #patrocinadores-list-6-2 img, .patrocinadores-list #patrocinadores-list-2-3 img, .patrocinadores-list #patrocinadores-list-4-5 img, .patrocinadores-list #patrocinadores-list-2 img, .patrocinadores-list #patrocinadores-list-3 img, .patrocinadores-list #patrocinadores-list-4 img, .patrocinadores-list #patrocinadores-list-5 img { max-width: calc(100% - 20px); } .patrocinadores-list #patrocinadores-list-docencia .item { width: calc(100% / 4); } .patrocinadores-list #patrocinadores-list-docencia figure { height: 65px !important; } .patrocinadores-list #patrocinadores-list-6-2 .item, .patrocinadores-list #patrocinadores-list-2-3 .item, .patrocinadores-list #patrocinadores-list-2 .item, .patrocinadores-list #patrocinadores-list-3 .item { width: calc(100% / 5); } @media all and (min-width: 1024px) { .patrocinadores-list #patrocinadores-list-6-2 .item, .patrocinadores-list #patrocinadores-list-2-3 .item, .patrocinadores-list #patrocinadores-list-2 .item, .patrocinadores-list #patrocinadores-list-3 .item { width: calc(100% / 9); } } .patrocinadores-list #patrocinadores-list-6-2 figure, .patrocinadores-list #patrocinadores-list-2-3 figure, .patrocinadores-list #patrocinadores-list-2 figure, .patrocinadores-list #patrocinadores-list-3 figure { height: 45px !important; } .patrocinadores-list #patrocinadores-list-4-5 .item, .patrocinadores-list #patrocinadores-list-4 .item, .patrocinadores-list #patrocinadores-list-5 .item { width: calc(100% / 4); } @media all and (min-width: 480px) { .patrocinadores-list #patrocinadores-list-4-5 .item, .patrocinadores-list #patrocinadores-list-4 .item, .patrocinadores-list #patrocinadores-list-5 .item { width: calc(100% / 6); } } @media all and (min-width: 1024px) { .patrocinadores-list #patrocinadores-list-4-5 .item, .patrocinadores-list #patrocinadores-list-4 .item, .patrocinadores-list #patrocinadores-list-5 .item { width: calc(100% / 11); } } .patrocinadores-list #patrocinadores-list-4-5 figure, .patrocinadores-list #patrocinadores-list-4 figure, .patrocinadores-list #patrocinadores-list-5 figure { height: 28px !important; } @media all and (min-width: 1024px) { .patrocinadores-list #patrocinadores-list-4-5 figure, .patrocinadores-list #patrocinadores-list-4 figure, .patrocinadores-list #patrocinadores-list-5 figure { height: 36px !important; } } .patrocinadores-list-double { padding: 5px 0px !important; } @media all and (min-width: 768px) { .patrocinadores-list-double { padding: 10px 0px !important; } } @media all and (min-width: 1024px) { .patrocinadores-list-double { padding: 15px 0px !important; } } .patrocinadores-list-double .wrapper { padding: 0px !important; } h1 + .patrocinadores-section, .title + .patrocinadores-section { padding-top: 28px; /* Casos especiales para adaptar logos */ } @media all and (min-width: 1024px) { h1 + .patrocinadores-section, .title + .patrocinadores-section { padding-top: 0px; } } .patrocinadores-list #patrocinadores-list-4-5 #patro-quironsalud { padding: 0px !important; } .patrocinadores-list #patrocinadores-list-4-5 #patro-quironsalud figure { height: 53px !important; } @media all and (min-width: 768px) { .patrocinadores-list #patrocinadores-list-4-5 #patro-quironsalud { padding: 3px 0 0 0 !important; } .patrocinadores-list #patrocinadores-list-4-5 #patro-quironsalud figure { height: 48px !important; } } @media all and (min-width: 1024px) { .patrocinadores-list #patrocinadores-list-4-5 #patro-quironsalud { padding: 8px 0 0 0 !important; } .patrocinadores-list #patrocinadores-list-4-5 #patro-quironsalud figure { height: 45px !important; } } /*! end: patrocinadores.scss */ /*! start: memorias.scss */ .current-memoria ul li { border-bottom: 0 none !important; padding-left: 43px !important; } .current-memoria ul li:before { left: 0px !important; } .current-memoria figure { margin-top: 9px; } .current-memoria figure img { display: block; max-width: 100%; } .memories-list ul { clear: both; overflow: hidden; } .memories-list ul li { clear: none !important; } @media all and (min-width: 1024px) { .memories-list ul li { float: left; width: calc(50% - 20px); } .memories-list ul li:nth-child(even) { float: right; } } /*! end: memorias.scss */ /*! start: junta.scss */ .junta-list { clear: both; overflow: hidden; } @media all and (min-width: 1024px) { .junta-list { padding-top: 10px; } } .junta-list-category { color: #8a8a8a; text-transform: uppercase; font-size: 16px; line-height: 19px; border-bottom: 1px solid #ccc; margin: 21px 0 20px 0; padding: 6px 0; font-family: "Raleway", sans-serif; font-weight: 800; clear: both; overflow: hidden; } @media all and (min-width: 1024px) { .junta-list-category { font-size: 22px; padding: 8px 0; margin-bottom: 30px; } } .junta-list-items { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .junta-list-items-item { float: left; width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; } .junta-list-items-item-image { float: left; width: 120px; margin-right: 15px; } .junta-list-items-item-image img { display: block; width: 100%; } .junta-list-items-item-position { float: left; width: calc(100% - 15px - 120px); font-size: 14px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #8a8a8a; padding-bottom: 13px; } .junta-list-items-item-name { float: left; width: calc(100% - 15px - 120px); font-size: 14px; line-height: 20px; font-weight: bold; padding-bottom: 1px; } .junta-list-items-item-name a { color: #a12c33; } .junta-list-items-item-name a:hover { text-decoration: underline; } .junta-list-items-item-area { float: left; width: calc(100% - 15px - 120px); font-size: 14px; line-height: 20px; } .junta-list-items-item + .junta-list-items-item { margin-top: 20px; } @media all and (min-width: 768px) { .junta-list-items-item { width: calc((100% / 2) - 30px); } .junta-list-items-item + .junta-list-items-item { margin-top: 0px; } .junta-list-items-item:nth-child(2n+1) { clear: left; } .junta-list-items-item:nth-child(n+3) { margin-top: 20px; } } @media all and (min-width: 1024px) { .junta-list-items-item { width: calc((100% / 3) - 30px); padding-bottom: 5px; } .junta-list-items-item:nth-child(2n+1) { clear: none; } .junta-list-items-item:nth-child(n+3) { margin-top: 0px; } .junta-list-items-item:nth-child(3n+1) { clear: left; } .junta-list-items-item:nth-child(n+4) { margin-top: 20px; } .junta-list-items-item-image { width: 100%; float: none; margin-right: 0px; margin-bottom: 10px; } .junta-list-items-item-image img { margin: 0 auto; width: 200px; } .junta-list-items-item-position, .junta-list-items-item-name, .junta-list-items-item-area { float: none; width: 100%; text-align: center; } .junta-list-items-item-position { font-size: 14px; line-height: 30px; padding-bottom: 0px; } .junta-list-items-item-name { font-size: 18px; line-height: 30px; } .junta-list-items-item-area { font-size: 16px; line-height: 20px; } } /*! end: junta.scss */ /*! start: perfiles-profesionales.scss */ .perfiles-profesionales-list { padding-top: 0px; } .perfiles-profesionales-list-category { font-family: "Roboto", sans-serif; color: inherit; text-transform: none; border-bottom: 0 none; margin: 31px 0 20px 0; } .perfiles-profesionales-list-category:first-of-type { margin-top: 24px; } .perfil-profesional-back { margin-top: 1px; } .perfil-profesional-title { width: 100%; float: none; } @media all and (min-width: 768px) { .perfil-profesional-title { width: calc(100% - 80px); float: left; } } .perfil-profesional-subtitle { font-size: 16px; line-height: 22px; color: #8a8a8a; padding-top: 5px; } @media all and (min-width: 768px) { .perfil-profesional-subtitle { font-size: 20px; line-height: 26px; padding-top: 10px; } } .perfil-profesional-profile { clear: both; overflow: hidden; padding-top: 7px; } .perfil-profesional-profile-image { float: left; width: 300px; margin: 27px 30px 30px 0; } @media all and (max-width: 860px) { .perfil-profesional-profile-image { float: none; margin: 14px 0px 0px 0; } } .perfil-profesional-profile-data { width: calc(100% - 300px - 30px); float: left; } @media all and (max-width: 860px) { .perfil-profesional-profile-data { width: 100%; } } .perfil-profesional-profile-data li:before { background-color: #000; } /*! end: perfiles-profesionales.scss */ /*! start: comites.scss */ .comites-detail-back { margin-top: 1px; } .comites-detail-title { width: 100%; float: none; } @media all and (min-width: 768px) { .comites-detail-title { width: calc(100% - 80px); float: left; } } .comites-detail-profile { clear: both; overflow: hidden; } /*! end: comites.scss */ /*! start: contact.scss */ .contact-responsables-list { padding-top: 19px; } @media all and (min-width: 1024px) { .contact-responsables-list { margin-bottom: -7px; } } .contact-responsables-list-item { line-height: 22px; padding-top: 11px; } @media all and (min-width: 768px) { .contact-responsables-list-item { line-height: 39px; padding-top: 0px; } } .contact-responsables-list-item span { font-weight: bold; display: block; } @media all and (min-width: 768px) { .contact-responsables-list-item span { display: inline-block; padding-right: 40px; } } /*! end: contact.scss */ /*! start: forms.scss */ .form-default { width: 100%; max-width: 672px; } .form-default fieldset { margin-bottom: 6px; padding-left: 20px; clear: both; overflow: hidden; } .form-default label { font-size: 16px; line-height: 22px; margin-bottom: 6px; margin-top: 13px; width: 200px; float: left; padding-left: 11px; } .form-default label.mandatory { padding-left: 0px; } .form-default label.mandatory:before { content: "*"; color: #a12c33; display: inline-block; margin: 0 4px 0 0; } .form-default input, .form-default textarea, .form-default select { box-sizing: border-box; display: block; width: calc(100% - 200px); float: left; } .form-default input, .form-default textarea, .form-default select { border: 1px solid #ccc; box-sizing: border-box; padding: 8px; font-family: inherit; font-size: 16px; } .form-default textarea { height: 100px; margin-bottom: 0; } .form-default select { height: 42px; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50%; border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .form-default .error { border: 1px solid #f00 !important; background-color: #fff2f4 !important; } .form-default .errors { display: none; color: #f00; font-size: 11px; padding-top: 3px; clear: both; overflow: hidden; font-weight: normal !important; font-style: normal !important; } .form-default .clausula-rgpd { font-size: 10px; margin-left: 200px; margin-top: 20px; } .form-default .clausula-rgpd p { margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 13px !important; } .form-default .clausula-rgpd ul { margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 13px !important; } .form-default .clausula-rgpd ul li { padding-top: 0 !important; } .form-default .clausula-rgpd ul li:before { top: 5px !important; } .form-default .clausula-rgpd p + p, .form-default .clausula-rgpd ul + p, .form-default .clausula-rgpd p + ul, .form-default .clausula-rgpd ul + ul { margin-top: 6px !important; } .form-default .g-recaptcha { margin-left: 200px; margin-top: 32px; } .form-default .check-block { position: relative; padding-top: 9px; padding-bottom: 7px; cursor: pointer; margin-left: 200px; } .form-default .check-block input[type=checkbox], .form-default .check-block input[type=radio] { float: left; position: relative; top: 3px; left: 1px; width: auto; } .form-default .check-block label { float: none; width: 100%; display: block; padding-left: 0px; font-size: 14px; margin-top: 5px; margin-bottom: 0px; clear: both; overflow: hidden; } .form-default .check-block span { padding-left: 22px; margin-top: -15px; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; } @media (max-width: 544px) { .form-default fieldset { padding-left: 0px; } .form-default fieldset + fieldset { margin-top: 14px; } .form-default label, .form-default input, .form-default textarea, .form-default select { float: none; width: 100%; font-size: 14px; } .form-default label { padding-left: 0px; display: block; margin-bottom: 4px; } .form-default .g-recaptcha { margin-top: 26px; } .form-default .g-recaptcha, .form-default .form-contact-btn, .form-default .check-block { margin-left: 0px; } .form-default .form-contact-btn { padding-left: 0px; padding-right: 0px; padding-top: 20px; } .form-default .form-contact-btn .btn { width: 100%; } .form-default .clausula-rgpd { margin-left: 0px; } } .form-contact-btn { margin-left: 200px; padding: 40px 20px 58px 20px; } .form-contact-btn .btn { font-size: 14px; line-height: 22px; font-weight: bold; cursor: pointer; font-family: "Raleway", sans-serif; border: 0 none; width: 174px; height: 42px; } .form-note-info { margin-bottom: 20px; /* complience */ } #form-complience .errors, #form-complience .legend { padding-left: 200px; } @media (max-width: 544px) { #form-complience .errors, #form-complience .legend { padding-left: 0px; } } #form-complience #Politica .errors { padding-left: 0px !important; } #form-complience .legend { font-size: 11px; padding-top: 3px; clear: both; overflow: hidden; font-weight: normal !important; font-style: italic !important; } /*! end: forms.scss */ /*! start: resources.scss */ .resources-logos-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-top: 7px; } .resources-logos-list-item { float: left; margin-left: 15px; margin-right: 15px; margin-top: 20px; width: calc((100% / 4) - 30px); } @media (max-width: 890px) { .resources-logos-list-item { width: calc((100% / 3) - 30px); } } @media (max-width: 590px) { .resources-logos-list-item { width: calc((100% / 2) - 30px); } } @media (max-width: 420px) { .resources-logos-list-item { width: calc(100% - 30px); } } .resources-logos-list-item-title { font-weight: bold; font-size: 14px; } @media all and (min-width: 768px) { .resources-logos-list-item-title { font-size: 18px; } } .resources-logos-list-item-docs { padding-top: 8px !important; } @media all and (min-width: 768px) { .resources-logos-list-item-docs { padding-top: 22px !important; } } .resources-logos-list-item-image { margin: 4px 0 12px 0; } @media all and (min-width: 768px) { .resources-logos-list-item-image { margin-bottom: 27px; } } .resources-logos-list-item-image img { display: block; border: 1px solid #ccc; width: 100%; } /*! end: resources.scss */ /*! start: faqs.scss */ .faqs-list-answers { padding-top: 11px; } .faqs-list-answers-item-question { font-weight: bold; padding-left: 16px; margin-bottom: -8px; background-image: url(../img/arrow-black.svg); background-repeat: no-repeat; background-position: 0px 26px; background-size: 6px 10px; } @media all and (min-width: 768px) { .faqs-list-answers-item-question { background-position: 0px 27px; } } @media all and (min-width: 1024px) { .faqs-list-answers-item-question { background-position: 0px 32px; } } .faqs-list-answers-item-answer { padding-left: 16px; } p + .faqs-list, ul + .faqs-list { margin-top: 24px; } @media all and (min-width: 1024px) { p + .faqs-list, ul + .faqs-list { margin-top: 0px; } } /*! end: faqs.scss */ /*! start: press.scss */ .press-inscription { border-bottom: 1px solid #ccc; padding-bottom: 13px; } .press-inscription .more { float: right; margin: -18px 18px 0 0; } .press-inscription .more a { width: 10px; height: 17px; display: block; background-image: url("../img/arrow-black.svg"); background-size: 10px 17px; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .press-inscription .more a:hover { background-image: url("../img/arrow-red.svg"); } .press-inscription p { max-width: calc(100% - 40px); } .press-inscription-form { display: none; background-color: #f2f2f2; padding: 40px 15px 34px 15px; margin-bottom: 7px; margin-top: 20px; clear: both; overflow: hidden; } @media (max-width: 767px) { .press-inscription-form { padding: 16px 20px 14px 20px; } } .press-inscription-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; max-width: 680px; margin: 0 auto; } @media (max-width: 767px) { .press-inscription-form .col { max-width: none; } .press-inscription-form .col + .col { margin-top: 6px; } } .press-inscription-form label { width: 185px; float: left; line-height: 44px; } @media (max-width: 767px) { .press-inscription-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .press-inscription-form input[type=text], .press-inscription-form input[type=email], .press-inscription-form select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .press-inscription-form input[type=text], .press-inscription-form input[type=email], .press-inscription-form select { font-size: 16px; float: left; } } .press-inscription-form label + .label-for { width: calc(100% - 185px); float: left; } @media (max-width: 767px) { .press-inscription-form label + .label-for { width: 100%; float: none; } } .press-inscription-form-btn { margin-top: 22px !important; padding-left: 185px !important; } @media (max-width: 767px) { .press-inscription-form-btn { padding-left: 0px !important; } } .press-inscription-form-btn .btn { cursor: pointer; font-weight: bold; font-family: "Raleway", sans-serif; font-size: 14px; line-height: 22px; width: 174px; } .press-inscription-form-recaptcha { margin-top: 22px !important; } @media all and (min-width: 768px) { .press-inscription-form-recaptcha { padding-left: 185px !important; } } .press-inscription-form-check-block { margin-top: 12px !important; margin-bottom: 28px !important; position: relative; } .press-inscription-form-check-block label { cursor: pointer; width: 100%; display: block; line-height: 24px; clear: both; overflow: hidden; } .press-inscription-form-check-block input[type=checkbox], .press-inscription-form-check-block input[type=radio] { float: left; position: relative; top: 3px; left: 1px; width: auto; } .press-inscription-form-check-block span { padding-left: 22px; margin-top: -15px; float: left; width: 100%; cursor: pointer; font-size: 12px; } @media all and (min-width: 768px) { .press-inscription-form-check-block span { font-size: 14px; } } @media all and (min-width: 768px) { .press-inscription-form-check-block { padding-left: 185px !important; } } .press-inscription-form .clausula-rgpd { font-size: 10px; margin-bottom: 20px; } .press-inscription-form .clausula-rgpd p { margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 13px !important; max-width: auto !important; } .press-inscription-form .clausula-rgpd ul { margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 13px !important; } .press-inscription-form .clausula-rgpd ul li { padding-top: 0 !important; } .press-inscription-form .clausula-rgpd ul li:before { top: 5px !important; } .press-inscription-form .clausula-rgpd p + p, .press-inscription-form .clausula-rgpd ul + p, .press-inscription-form .clausula-rgpd p + ul, .press-inscription-form .clausula-rgpd ul + ul { margin-top: 6px !important; } .press-inscription .error { border: 1px solid #f00 !important; background-color: #fff2f4 !important; } .press-inscription .errors { display: none; color: #f00; font-size: 11px; padding-top: 3px; clear: both; overflow: hidden; font-weight: normal !important; font-style: normal !important; } .press-searcher { background-color: #f2f2f2; padding: 11px 10px 0 10px; margin-bottom: 4px; margin-top: 20px; display: none; } @media all and (min-width: 768px) { .press-searcher { display: block; } } .press-searcher-form { clear: both; overflow: hidden; max-width: 652px; margin: 0 auto; } .press-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } @media all and (min-width: 768px) { .press-searcher-form .col { width: calc(100% - 290px); } .press-searcher-form .col:first-of-type { width: 270px; margin-right: 20px; } } .press-searcher-form .col:last-of-type { padding-bottom: 15px; } .press-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .press-searcher-form .col input, .press-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .press-searcher-form .col input, .press-searcher-form .col select { font-size: 16px; float: left; } } .press-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } @media all and (min-width: 768px) { .press-searcher { padding: 26px 30px 0 30px; } .press-searcher-form .col:last-of-type { padding-bottom: 30px; } } .press-searcher + .searcher-sticky { border-bottom: 0 none; margin-bottom: 4px; margin-top: 20px; } .press-list { padding-bottom: 40px; padding-top: 26px; } @media all and (min-width: 768px) { .press-list { padding-top: 16px; } } @media all and (min-width: 1024px) { .press-list { padding-top: 0px; } } .press-list-more { padding-top: 30px; max-width: 270px; margin-left: auto; margin-right: auto; } @media all and (min-width: 1024px) { .press-list-more { padding-top: 60px; } } .press-list-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .press-list-year { padding-bottom: 22px; } .press-list-item { padding-top: 8px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .press-list-item-date { color: #8a8a8a; font-weight: 500; padding-bottom: 7px; padding-top: 7px; } .press-list-item-title { font-size: 20px; line-height: 28px; padding-bottom: 3px; } .press-list-item-title a { color: inherit; } .press-list-item-title a:hover { color: #a12c33; } .press-list-item + .press-list-year { padding-top: 38px; } .press-detail-info-abstract { color: #8a8a8a; padding-top: 23px; } .press-detail-info-date, .press-detail-info-content { font-size: 14px; line-height: 20px; } .press-detail-info h2:not(:first-child), .press-detail-info .subtitle:not(:first-child) { margin-top: -4px; margin-bottom: -2px; } @media all and (min-width: 768px) { .press-detail-info-date, .press-detail-info-content { font-size: 15px; line-height: 22px; } .press-detail-info-abstract { font-size: 20px; line-height: 30px; } } @media all and (min-width: 1024px) { .press-detail-info-date { font-size: 18px; line-height: 24px; } .press-detail-info-content { font-size: 18px; line-height: 28px; } .press-detail-info h2:not(:first-child), .press-detail-info .subtitle:not(:first-child) { margin-top: -9px; } } .acreditaciones-list:not(:first-child) { padding-top: 27px; } @media all and (min-width: 1024px) { .acreditaciones-list:not(:first-child) { padding-top: 16px; } } .press-unsuscribe-texto { margin: 0 auto; } .press-unsuscribe-buttons { clear: both; overflow: hidden; padding-bottom: 20px; padding-top: 34px; max-width: 470px; margin: 0 auto; } .press-unsuscribe-buttons .btn { float: left; width: calc(50% - 10px); line-height: 22px; font-weight: bold; font-family: "Raleway", sans-serif; } .press-unsuscribe-buttons .btn + .btn { float: right; } .press-unsuscribe-buttons .btn.cancel { background-color: #666; } /*! end: press.scss */ /*! start: news.scss */ /* buscador */ .news-searcher { background-color: #f2f2f2; padding: 11px 0 0 0; display: none; /* listado */ } @media all and (min-width: 768px) { .news-searcher { display: block; } } .news-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .news-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } .news-searcher-form .col:last-of-type { padding-bottom: 15px; width: 100%; } @media all and (min-width: 768px) { .news-searcher-form .col { width: calc((100% - 374px) / 2); margin-left: 10px; margin-right: 10px; } .news-searcher-form .col:first-of-type { width: 270px; margin-left: 0px; } .news-searcher-form .col:last-of-type { width: 44px; margin-right: 0px; } } .news-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .news-searcher-form .col input, .news-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .news-searcher-form .col input, .news-searcher-form .col select { font-size: 16px; float: left; } } .news-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } .news-searcher-form .col .btn { width: 100%; height: 44px; cursor: pointer; text-align: center; padding: 12px 0; } .news-searcher-form .col .btn:after { content: ""; margin: 0 auto; display: block; width: 20px; height: 20px; background-image: url("../img/lens.1234.svg"); background-size: 100% 100%; } .news-searcher-form .col .btn:hover:after { background-image: url("../img/search.1234.svg"); } @media all and (min-width: 768px) { .news-searcher { padding: 26px 30px 0 30px; } .news-searcher-form .col:last-of-type { padding-bottom: 30px; } } .news-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 0 0 56px 0; } .news-list-item { float: left; margin: 0 15px; padding: 0 0 31px 0; } @media all and (min-width: 768px) { .news-list-item { padding-bottom: 28px; } } .news-list-item-image { padding: 4px 0; } .news-list-item-image img { display: block; width: 100%; border: 1px solid #ccc; } .news-list-item-category { font-family: "Raleway", sans-serif; text-transform: uppercase; padding-top: 13px; font-size: 12px; line-height: 16px; } @media all and (min-width: 768px) { .news-list-item-category { font-size: 14px; padding-top: 18px; } } .news-list-item-category a:hover { color: #000; } .news-list-item-title { font-weight: 400; font-size: 16px; line-height: 22px; padding-top: 6px; } @media all and (min-width: 768px) { .news-list-item-title { font-size: 20px; line-height: 26px; } } .news-list-item-title a { color: inherit; } .news-list-item-title a:hover { color: #a12c33; } .news-list-item-date { color: #8a8a8a; font-weight: 500; padding-top: 4px; } @media all and (min-width: 768px) { .news-list-item-date { font-size: 13px; padding-top: 18px; } } .news-list-item-abstract { display: none; } @media all and (min-width: 480px) { .news-list-item { width: calc((100% / 2) - 30px); } .news-list-item:nth-child(2n+1) { clear: left; } } @media all and (min-width: 768px) { .news-list-item { width: calc((100% / 3) - 30px); } .news-list-item:nth-child(1), .news-list-item:nth-child(2) { width: calc((100% / 2) - 30px); } .news-list-item:nth-child(1) .category, .news-list-item:nth-child(2) .category { padding-top: 24px; padding-bottom: 5px; } .news-list-item:nth-child(1) .caption, .news-list-item:nth-child(2) .caption { font-weight: bold; font-size: 26px; line-height: 36px; } .news-list-item:nth-child(1) .summary, .news-list-item:nth-child(2) .summary { padding-top: 16px; margin-bottom: -3px; display: block; } .news-list-item:nth-child(1) .date, .news-list-item:nth-child(2) .date { margin-bottom: 1px; } .news-list-item:nth-child(2n+1) { clear: none; } .news-list-item:nth-child(3n) { clear: left; } } .news-list-more { clear: both; overflow: hidden; padding-top: 24px; padding-bottom: 4px; max-width: 270px; margin-left: auto; margin-right: auto; } @media all and (min-width: 768px) { .news-list-more { max-width: calc((100% / 3) - 30px); } } .news-list-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .news-list-press .block-row { margin-top: -4px !important; } .news-list-press-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 14px 0 30px 0; display: flex; flex-direction: row; flex-wrap: wrap; } @media all and (min-width: 1024px) { .news-list-press-list { padding-top: 0px; } } .news-list-press-list-item { float: left; background-color: #f2f2f2; padding: 16px 20px 14px 20px; margin: 0 15px 30px 15px; width: calc(100% - 30px); } @media all and (min-width: 480px) { .news-list-press-list-item { width: calc((100% / 2) - 30px); } } @media all and (min-width: 768px) { .news-list-press-list-item { width: calc((100% / 3) - 30px); } } @media all and (min-width: 1024px) { .news-list-press-list-item { padding: 26px 30px 24px 30px; } } .news-list-press-list-item-date { font-size: 13px; color: #8a8a8a; font-weight: 500; padding-bottom: 6px; } .news-list-press-list-item-title { font-weight: bold; } .news-list-press-list-item-title a { color: #000; } .news-list-press-list-item-title a:hover { color: #a12c33; } @media all and (min-width: 768px) { .news-list-press-list-item-title { font-size: 15px; line-height: 22px; } } @media all and (min-width: 1024px) { .news-list-press-list-item-title { font-size: 16px; line-height: 24px; } } .news-list-alert { padding: 33px 0 22px 0; clear: both; overflow: hidden; } .news-results, .archive-results { padding-top: 13px; padding-bottom: 12px; font-weight: bold; } .archive-results { display: none; padding-top: 23px; } h1 + .news-list, .title + .news-list h2 + .news-list, .subtitle + .news-list { padding-top: 26px; } .news-list:first-child { padding-top: 17px; /* detalle */ } .news-detail { border-top: 1px solid #ccc; margin-top: 10px; /* galeria */ } .news-detail-body { clear: both; overflow: hidden; padding-top: 11px !important; /* titulo */ } @media all and (min-width: 1024px) { .news-detail-body { padding-top: 16px !important; } } .news-detail-title { padding-top: 14px; /* fecha + rrss */ } .news-detail-title .pretitle { color: #a12c33; text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; font-size: 12px; line-height: 12px; padding-top: 4px; padding-bottom: 1px; } @media all and (min-width: 768px) { .news-detail-title .pretitle { font-size: 14px; line-height: 14px; padding-top: 6px; padding-bottom: 6px; } } @media all and (min-width: 1024px) { .news-detail-title .pretitle { font-size: 16px; line-height: 16px; padding-top: 8px; padding-bottom: 8px; } } .news-detail-title .h1 { text-align: left; text-transform: none; font-size: 20px; line-height: 26px; color: #000; font-family: "Roboto", sans-serif; padding-top: 0px; padding-bottom: 0px; } @media all and (min-width: 768px) { .news-detail-title .h1 { font-size: 26px; line-height: 34px; padding-top: 0px; padding-bottom: 0px; } } @media all and (min-width: 1024px) { .news-detail-title .h1 { font-size: 32px; line-height: 42px; padding-top: 0px; padding-bottom: 0px; } } .news-detail-title .subtitle { color: #8a8a8a; font-size: 16px; line-height: 22px; padding-top: 13px; } @media all and (min-width: 768px) { .news-detail-title .subtitle { font-size: 18px; line-height: 26px; padding-top: 18px; } } @media all and (min-width: 1024px) { .news-detail-title .subtitle { font-size: 20px; line-height: 30px; padding-top: 23px; } } .news-detail-title + #page-content { border-top: 0 none; } .news-detail-info { clear: both; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 13px; font-size: 12px; line-height: 30px; font-weight: bold; color: #8a8a8a; } @media all and (min-width: 768px) { .news-detail-info { font-size: 14px; line-height: 35px; } } @media all and (min-width: 1024px) { .news-detail-info { font-size: 16px; line-height: 40px; padding-bottom: 15px; } } .news-detail-date { float: left; display: none; } @media all and (min-width: 768px) { .news-detail-date { display: block; padding-top: 4px; } } @media all and (min-width: 1024px) { .news-detail-date { padding-top: 0px; } } .news-detail-rrss { float: left; } .news-detail-rrss a { float: left; } .news-detail-rrss a + a { margin-left: 9px; } .news-detail-rrss a img { display: block; height: 32px; } @media all and (min-width: 768px) { .news-detail-rrss a img { height: 36px; } } @media all and (min-width: 1024px) { .news-detail-rrss a img { height: 40px; } } @media all and (min-width: 768px) { .news-detail-rrss { float: right; } } .news-detail-share { float: right; border: 1px solid #e2e2e2; background-color: #fff; border-radius: 18px; height: 36px; margin-left: 20px; width: 135px; text-align: center; } .news-detail-share a { width: 21px; height: 21px; display: inline-block; margin: 0 6px; } @media all and (min-width: 768px) { .news-detail-share a { width: 23.5px; height: 23.5px; } } @media all and (min-width: 1024px) { .news-detail-share a { width: 26px; height: 26px; } } .news-detail-share a img { max-width: 100%; max-height: 100%; display: block; vertical-align: middle; } .news-detail-share a:hover { opacity: 0.6; } @media all and (min-width: 768px) { .news-detail-share { height: 40.5px; border-radius: 20.25px; width: 145px; } } @media all and (min-width: 1024px) { .news-detail-share { height: 45px; border-radius: 22.5px; width: 155px; } } .news-detail-share .button-linkedin { position: relative; top: 5.5px; } @media all and (min-width: 768px) { .news-detail-share .button-linkedin { top: 7px; } } @media all and (min-width: 1024px) { .news-detail-share .button-linkedin { top: 8.5px; } } .news-detail-share .button-email { position: relative; top: 10px; } @media all and (min-width: 768px) { .news-detail-share .button-email { top: 11.5px; } } @media all and (min-width: 1024px) { .news-detail-share .button-email { top: 13px; } } .news-detail-share .button-print { position: relative; top: 6.5px; } @media all and (min-width: 768px) { .news-detail-share .button-print { top: 8px; } } @media all and (min-width: 1024px) { .news-detail-share .button-print { top: 9.5px; } } .news-detail-data { padding-top: 10px; } @media all and (min-width: 1024px) { .news-detail-data { padding-top: 15px; } } .news-detail-photo { max-width: 770px; padding-top: 10px; } @media all and (min-width: 768px) { .news-detail-photo { padding-top: 12px; } } @media all and (min-width: 1024px) { .news-detail-photo { padding-top: 25px; } } .news-detail-photo img { display: block; width: 100%; border: 1px solid #ccc; } .news-detail-photo figcaption { font-size: 12px; line-height: 14px; padding-top: 13px; } @media all and (min-width: 1024px) { .news-detail-photo figcaption { font-size: 14px; line-height: 24px; padding-top: 14px; } } .news-detail-abstract .news-detail-date { color: #8a8a8a; font-weight: bold; font-size: 14px; line-height: 40px; float: none; padding-top: 12px; margin-bottom: -22px; display: block !important; } @media all and (min-width: 768px) { .news-detail-abstract .news-detail-date { display: none !important; } } .news-detail-abstract p, .news-detail-abstract li { font-size: 16px; line-height: 26px; } @media all and (min-width: 768px) { .news-detail-abstract p, .news-detail-abstract li { font-size: 17px; line-height: 27px; } } @media all and (min-width: 1024px) { .news-detail-abstract p, .news-detail-abstract li { font-size: 18px; line-height: 28px; } } .news-detail-abstract h2 { font-size: 18px; line-height: 28px; } @media all and (min-width: 768px) { .news-detail-abstract h2 { font-size: 20px; line-height: 28px; } } @media all and (min-width: 1024px) { .news-detail-abstract h2 { font-size: 22px; line-height: 28px; } } .news-detail-moreinfo p { margin-top: 4px; } .news-detail-documents .documents-list { margin-top: -13px; } .news-detail-documents .documents-list ul li:last-of-type { border-bottom: 0 none; } .news-gallery { border-top: 1px solid #ccc; margin-top: 22px; /* relacionadas */ } .news-gallery-header { clear: both; overflow: hidden; padding: 1px 0 14px 0; } .news-gallery-title { font-size: 18px; line-height: 30px; text-transform: uppercase; color: #4a4a4a; font-family: "Raleway", sans-serif; padding-top: 24px; float: left; clear: left; } @media all and (min-width: 768px) { .news-gallery-title { font-size: 25px; padding-top: 29px; padding-bottom: 5px; } } @media all and (min-width: 1024px) { .news-gallery-title { font-size: 26px; padding-top: 34px; padding-bottom: 10px; } } .news-gallery-link { float: right; font-size: 14px; line-height: 20px; padding-top: 30px; } @media all and (min-width: 768px) { .news-gallery-link { padding-top: 43px; } } .news-gallery-link a:after { content: ""; width: 17px; height: 12px; float: right; margin: 5px 0 0 10px; background-image: url(../img/arrow-large.20191211.svg); background-size: 100% 100%; } .news-gallery .owl-gallery .spinner { margin: 0 auto; } .news-gallery .owl-stage-outer { overflow: hidden; margin: 0 auto; } .news-gallery .image { height: calc((100% - 10px) / 2); padding: 0px !important; } @media (max-width: 404px) { .news-gallery .image { height: calc((100% - 6px) / 2); } } .news-gallery .image img { height: 100%; width: auto !important; display: block; } .news-gallery .image + .image { margin-top: 10px; } @media (max-width: 404px) { .news-gallery .image + .image { margin-top: 6px; } } .news-gallery .item { height: 320px; } @media all and (min-width: 768px) { .news-gallery .item { height: 334px; } } @media all and (min-width: 1024px) { .news-gallery .item { height: 348px; } } .news-gallery .mosaic { display: flex; justify-content: space-between; position: relative; } .news-gallery .mosaic .owl-item { float: left; } .news-gallery .mosaic .owl-dots { display: none; } .news-gallery .mosaic .owl-nav { position: absolute; width: 100%; height: 100%; } .news-gallery .mosaic .owl-nav .disabled, .news-gallery .mosaic .owl-nav.disabled { display: none !important; } .news-gallery .mosaic .owl-nav .owl-prev, .news-gallery .mosaic .owl-nav .owl-next { display: none; z-index: 9; position: absolute; height: 100%; background-color: rgba(0, 0, 0, 0.4); width: 62px; top: 0px; cursor: pointer; } .news-gallery .mosaic .owl-nav .owl-prev span, .news-gallery .mosaic .owl-nav .owl-next span { content: ""; display: block; width: 17px; height: 31px; background-image: url("../img/arrow.svg"); background-size: 100% 100%; margin: 0 auto; font-size: 0px; } .news-gallery .mosaic .owl-nav .owl-prev { left: 0px; } .news-gallery .mosaic .owl-nav .owl-prev span { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -mso-transform: rotate(180deg); -o-transform: rotate(180deg); } .news-gallery .mosaic .owl-nav .owl-next { right: 0px; } .news-gallery .mosaic.initial .owl-prev { display: none !important; } .news-gallery .mosaic:hover .owl-prev, .news-gallery .mosaic:hover .owl-next { display: block; } .news-gallery .gallery-detail-list-sizer { width: calc(100% / 2); } @media all and (min-width: 480px) { .news-gallery .gallery-detail-list-sizer { width: calc(100% / 3); } } @media all and (min-width: 768px) { .news-gallery .gallery-detail-list-sizer { width: calc(100% / 4); } } @media all and (min-width: 1024px) { .news-gallery .gallery-detail-list-sizer { width: calc(100% / 3); } } .news-gallery .gallery-detail-list-item { width: calc(100% / 2); } @media all and (min-width: 480px) { .news-gallery .gallery-detail-list-item { width: calc(100% / 3); } } @media all and (min-width: 768px) { .news-gallery .gallery-detail-list-item { width: calc(100% / 4); } } @media all and (min-width: 1024px) { .news-gallery .gallery-detail-list-item { width: calc(100% / 3); } } .news-related { border-top: 1px solid #ccc; margin-top: 22px; } .news-related-title { font-size: 18px; line-height: 30px; text-transform: uppercase; color: #4a4a4a; font-family: "Raleway", sans-serif; padding-top: 24px; } @media all and (min-width: 768px) { .news-related-title { font-size: 25px; padding-top: 29px; padding-bottom: 5px; } } @media all and (min-width: 1024px) { .news-related-title { font-size: 26px; padding-top: 34px; padding-bottom: 10px; } } .news-related-list-item { margin-top: 16px; padding-left: 17px; padding-bottom: 2px; background-image: url(../img/arrow-black.svg); background-repeat: no-repeat; background-position: 0px 7px; background-size: 6px 10px; } @media all and (min-width: 768px) { .news-related-list-item { margin-top: 11.5px; } } @media all and (min-width: 1024px) { .news-related-list-item { background-position: 0px 8px; margin-top: 7px; } } .news-related-list-item-title { font-size: 16px; line-height: 26px; font-weight: bold; } @media all and (min-width: 768px) { .news-related-list-item-title { font-size: 17px; line-height: 27px; } } @media all and (min-width: 1024px) { .news-related-list-item-title { font-size: 18px; line-height: 28px; } } .news-related-list-item-title a { color: inherit; } .news-related-list-item-title a:hover { color: #a12c33; } .news-gallery + .news-related { border-top: 0 none; margin-top: 1px; /* ultimas */ } .news-latest-list { background-color: #f2f2f2; padding-bottom: 10px; margin-top: 13px; /* channels icons */ } .news-latest-list-item { padding: 11px 14px 14px 14px; } @media all and (min-width: 1024px) { .news-latest-list-item { padding-right: 19px; padding-left: 14px; } } .news-latest-list-item-date { color: #8a8a8a; font-size: 13px; line-height: 30px; margin-bottom: 4px; font-weight: 500; } .news-latest-list-item-title { font-weight: normal; font-size: 14px; line-height: 22px; } .news-latest-list-item-title a { color: inherit; } .news-latest-list-item-title a:hover { color: #a12c33; } .news-latest-list-item + .news-latest-list-item { border-top: 1px solid #ccc; } .news-channels-icons { /* videos relacionados */ } .news-channels-icons-item { clear: both; overflow: hidden; } @media all and (min-width: 1024px) { .news-channels-icons-item { padding-left: 19px; padding-right: 19px; } } .news-channels-icons-item a { color: inherit; } .news-channels-icons-item a:hover { color: #a12c33; } .news-channels-icons-item img { float: left; max-width: 56px; max-height: 56px; display: block; } .news-channels-icons-item span { float: left; margin-left: 19px; margin-top: 6px; font-size: 18px; line-height: 22px; } .news-channels-icons-item + .news-channels-icons-item { margin-top: 20px; } .news-videos-related { /* hemeroteca */ } .news-videos-related-list-item { max-width: 570px; padding: 14px 0 6px 0; } .news-videos-related-list-item-image { position: relative; text-align: center; } .news-videos-related-list-item-image img { display: block; width: 100%; border: 1px solid #ccc; } .news-videos-related-list-item-image a:after { content: ""; display: block; position: absolute; background-image: url(../img/play.svg); background-size: 100% 100%; top: 50%; left: 50%; height: 55px; width: 55px; margin-top: -27.5px; margin-left: -27.5px; } .news-videos-related-list-item-image a:hover:after { background-image: url(../img/play-active.svg); } .news-videos-related-list-item-info { padding-top: 8px; } .news-videos-related-list-item-title a { color: inherit; } .news-videos-related-list-item-title a:hover { text-decoration: underline; color: #a12c33; } .archive-searcher { background-color: #f2f2f2; padding: 11px 10px 0 10px; margin-bottom: 4px; margin-top: 30px; display: none; } .archive-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .archive-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } .archive-searcher-form .col:last-of-type { padding-bottom: 15px; width: 100%; } @media all and (min-width: 768px) { .archive-searcher-form .col { width: calc((100% - 374px) / 2); margin-left: 10px; margin-right: 10px; } .archive-searcher-form .col:first-of-type { width: 270px; margin-left: 0px; } .archive-searcher-form .col:last-of-type { width: 44px; margin-right: 0px; } } .archive-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .archive-searcher-form .col input, .archive-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .archive-searcher-form .col input, .archive-searcher-form .col select { font-size: 16px; float: left; } } .archive-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } .archive-searcher-form .col .btn { width: 100%; height: 44px; cursor: pointer; text-align: center; padding: 12px 0; } .archive-searcher-form .col .btn:after { content: ""; margin: 0 auto; display: block; width: 20px; height: 20px; background-image: url("../img/lens.1234.svg"); background-size: 100% 100%; } .archive-searcher-form .col .btn:hover:after { background-image: url("../img/search.1234.svg"); } @media all and (min-width: 768px) { .archive-searcher { padding: 26px 30px 0 30px; display: block; } .archive-searcher-form .col:last-of-type { padding-bottom: 30px; } } .archive-searcher .date { width: calc(50% - 1px); } .archive-searcher .date + .date { margin-left: 2px; } .archive-searcher + .news-list { padding-top: 28px; } #archive-results + .news-list-more { display: none; } #archive-results .news-list-alert { margin: 0 15px; padding-top: 0px !important; } .archive-searcher + .searcher-sticky { margin-top: 30px; border-bottom: 0 none; margin-bottom: 24px; } /*! end: news.scss */ /*! start: blocks.scss */ .block-row { clear: both; overflow: hidden; margin: 25px 0 0 0; } @media all and (min-width: 1024px) { .block-row { margin-top: 55px; } } .block-row .block-header { padding: 0 0 16px 0; clear: both; overflow: hidden; color: #a12c33; } @media all and (min-width: 1024px) { .block-row .block-header { padding-bottom: 23px; } } .block-row .block-header h5 { text-transform: uppercase; float: left; font-size: 18px; line-height: 24px; font-family: "Raleway", sans-serif; } @media all and (min-width: 1024px) { .block-row .block-header h5 { font-size: 28px; line-height: 34px; } } .block-row .block-header p { float: left; clear: left; padding-top: 4px; line-height: 18px; } @media all and (min-width: 1024px) { .block-row .block-header p { padding-top: 8px; line-height: 24px; max-width: calc(100% - 200px); } } .block-row .block-header h6 { float: right; padding-top: 6px; font-size: 14px; display: none; } @media all and (min-width: 1024px) { .block-row .block-header h6 { display: block; } } .block-row .block-header h6 a { color: inherit; font-weight: normal; } .block-row .block-header h6 a:after { content: ""; width: 17px; height: 12px; float: right; margin: 5px 0 0 10px; background-image: url(../img/arrow-large.20191211.svg); background-size: 100% 100%; } @media all and (min-width: 768px) { .block-row .block-header h6 a:after { margin-top: 6px; } } @media all and (min-width: 1024px) { .block-row .block-header h6 a:after { margin-top: 7px; } } .block-red { background-color: #a12c33; color: #fff; padding: 24px 0 26px 0; margin-top: 30px; } @media all and (min-width: 1024px) { .block-red { padding-top: 64px; padding-bottom: 67px; margin-top: 60px; } } .block-red .block-header { color: #fff; } .block-red .block-header h6 { display: block; padding-top: 4px; font-size: 12px; } @media all and (min-width: 1024px) { .block-red .block-header h6 { font-size: 14px; padding-top: 3px; } } .block-red .block-header h6 a:after { background-image: url(../img/arrow-large-white.20191211.svg); } .form-alert { padding-top: 21px; } .form-alert .buttons { text-align: center; padding-bottom: 21px; } .form-alert .buttons .btn { font-weight: bold; font-family: "Raleway", sans-serif; cursor: pointer; } .alert { padding: 10px 15px; margin-bottom: 18px; margin-top: 13px; border: 1px solid #ccc; border-radius: 4px; background-color: #ededed; color: #666; } .alert:first-of-type { margin-top: 3px; } .alert.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert a { font-weight: bold; color: inherit; } .alert a:hover { text-decoration: underline; } /*! end: blocks.scss */ /*! start: sidebar.scss */ .sidebar { width: 100%; float: none; border-top: 1px solid #ccc; margin-top: 22px; padding-top: 34px; } @media all and (min-width: 1024px) { .sidebar { width: 336px; float: right; border-top: 0 none; margin-top: 0px; padding-top: 20px; } } .sidebar .block .title { text-transform: uppercase; font-family: "Raleway", sans-serif; color: #4a4a4a; font-weight: 400; padding-top: 0px; font-size: 18px; line-height: 21px; } @media all and (min-width: 768px) { .sidebar .block .title { font-size: 26px; line-height: 30px; } } .sidebar .block + .block { margin-top: 28px; } @media all and (min-width: 1024px) { .sidebar .block + .block { margin-top: 34px; } } .inside-body-with-sidebar { width: 100%; float: none; padding-bottom: 0px; } @media all and (min-width: 1024px) { .inside-body-with-sidebar { width: calc(100% - 336px - 64px); float: left; } } /*! end: sidebar.scss */ /*! start: videos.scss */ /* Buscador */ .videos-searcher { background-color: #f2f2f2; padding: 11px 0 0 0; display: none; /* listado */ } @media all and (min-width: 768px) { .videos-searcher { display: block; } } .videos-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .videos-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } .videos-searcher-form .col:last-of-type { padding-bottom: 15px; width: 100%; } @media all and (min-width: 768px) { .videos-searcher-form .col { width: calc((100% - 374px) / 2); margin-left: 10px; margin-right: 10px; } .videos-searcher-form .col:first-of-type { width: 270px; margin-left: 0px; } .videos-searcher-form .col:last-of-type { width: 44px; margin-right: 0px; } } .videos-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .videos-searcher-form .col input, .videos-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .videos-searcher-form .col input, .videos-searcher-form .col select { font-size: 16px; float: left; } } .videos-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } .videos-searcher-form .col .btn { width: 100%; height: 44px; cursor: pointer; text-align: center; padding: 12px 0; } .videos-searcher-form .col .btn:after { content: ""; margin: 0 auto; display: block; width: 20px; height: 20px; background-image: url("../img/lens.1234.svg"); background-size: 100% 100%; } .videos-searcher-form .col .btn:hover:after { background-image: url("../img/search.1234.svg"); } @media all and (min-width: 768px) { .videos-searcher { padding: 26px 30px 0 30px; } .videos-searcher-form .col:last-of-type { padding-bottom: 30px; } } .videos-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 0 0 56px 0; } .videos-list-item { float: left; margin: 0 15px; padding: 0 0 31px 0; } @media all and (min-width: 768px) { .videos-list-item { padding-bottom: 28px; } } .videos-list-item-image { position: relative; text-align: center; padding: 4px 0; } .videos-list-item-image img { display: block; width: 100%; border: 1px solid #ccc; } .videos-list-item-image a:after { content: ""; display: block; position: absolute; background-image: url(../img/play.svg); background-size: 100% 100%; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; height: 30px; width: 30px; } @media all and (min-width: 768px) { .videos-list-item-image a:after { height: 26px; width: 26px; margin-top: -13px; margin-left: -13px; } } @media all and (min-width: 1024px) { .videos-list-item-image a:after { height: 55px; width: 55px; margin-top: -27.5px; margin-left: -27.5px; } } .videos-list-item-image a:hover:after { background-image: url(../img/play-active.svg); } .videos-list-item-title { font-weight: 400; font-size: 16px; line-height: 22px; padding-top: 10px; padding-bottom: 2px; } @media all and (min-width: 768px) { .videos-list-item-title { font-size: 20px; line-height: 26px; } } .videos-list-item-title a { color: inherit; } .videos-list-item-title a:hover { color: #a12c33; } .videos-list-item:nth-child(odd) { clear: left; } @media all and (min-width: 768px) { .videos-list-item:nth-child(odd) { clear: none; } } @media all and (min-width: 480px) { .videos-list-item { width: calc((100% / 2) - 30px); } } @media all and (min-width: 768px) { .videos-list-item { width: calc((100% / 3) - 30px); } .videos-list-item:nth-child(1), .videos-list-item:nth-child(2), .videos-list-item:nth-child(3), .videos-list-item:nth-child(4) { width: calc((100% / 2) - 30px); } .videos-list-item:nth-child(1) .caption, .videos-list-item:nth-child(2) .caption, .videos-list-item:nth-child(3) .caption, .videos-list-item:nth-child(4) .caption { font-weight: bold; font-size: 22px; line-height: 32px; margin-top: 9px; margin-bottom: -3px; } .videos-list-item:nth-child(3n-1), .videos-list-item:nth-child(1), .videos-list-item:nth-child(3) { clear: left; } .videos-list-item:nth-child(2) { clear: none; } } @media all and (min-width: 768px) { .videos-list-item:nth-child(1) a:after, .videos-list-item:nth-child(2) a:after, .videos-list-item:nth-child(3) a:after, .videos-list-item:nth-child(4) a:after { height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; } } @media all and (min-width: 1024px) { .videos-list-item:nth-child(1) a:after, .videos-list-item:nth-child(2) a:after, .videos-list-item:nth-child(3) a:after, .videos-list-item:nth-child(4) a:after { height: 80px; width: 80px; margin-top: -40px; margin-left: -40px; } } .videos-list-more { clear: both; overflow: hidden; padding-top: 24px; padding-bottom: 4px; max-width: 270px; margin-left: auto; margin-right: auto; } @media all and (min-width: 768px) { .videos-list-more { max-width: calc((100% / 3) - 30px); } } .videos-list-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .videos-list-alert { padding: 33px 0 22px 0; } .videos-results { padding-top: 13px; padding-bottom: 12px; font-weight: bold; /* relacionados */ } .videos-related { border-top: 1px solid #ccc; /* detalle */ } .videos-related-title { font-size: 24px; line-height: 30px; text-transform: uppercase; color: #4a4a4a; font-family: "Raleway", sans-serif; padding-top: 24px; } @media all and (min-width: 768px) { .videos-related-title { font-size: 25px; padding-top: 29px; } } @media all and (min-width: 1024px) { .videos-related-title { font-size: 26px; padding-top: 34px; } } .videos-related-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 20px 0 2px 0; } @media all and (min-width: 768px) { .videos-related-list { padding-bottom: 22px; padding-top: 25px; } } @media all and (min-width: 1024px) { .videos-related-list { padding-bottom: 32px; padding-top: 30px; } } .videos-related-list-item { float: left; margin: 0 15px; padding: 0 0 31px 0; } @media all and (min-width: 768px) { .videos-related-list-item { padding-bottom: 28px; } } .videos-related-list-item-image { position: relative; text-align: center; padding: 4px 0; } .videos-related-list-item-image img { display: block; width: 100%; border: 1px solid #ccc; } .videos-related-list-item-image a:after { content: ""; display: block; position: absolute; background-image: url(../img/play.svg); background-size: 100% 100%; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; height: 30px; width: 30px; } @media all and (min-width: 768px) { .videos-related-list-item-image a:after { height: 26px; width: 26px; margin-top: -13px; margin-left: -13px; } } @media all and (min-width: 1024px) { .videos-related-list-item-image a:after { height: 55px; width: 55px; margin-top: -27.5px; margin-left: -27.5px; } } .videos-related-list-item-image a:hover:after { background-image: url(../img/play-active.svg); } .videos-related-list-item-title { font-weight: 400; font-size: 16px; line-height: 22px; padding-top: 10px; padding-bottom: 2px; } @media all and (min-width: 768px) { .videos-related-list-item-title { font-size: 20px; line-height: 26px; } } .videos-related-list-item-title a { color: inherit; } .videos-related-list-item-title a:hover { color: #a12c33; } @media all and (min-width: 480px) { .videos-related-list-item { width: calc((100% / 2) - 30px); } .videos-related-list-item:nth-child(2n+1) { clear: left; } } @media all and (min-width: 768px) { .videos-related-list-item { width: calc((100% / 3) - 30px); } .videos-related-list-item:nth-child(2n+1) { clear: none; } .videos-related-list-item:nth-child(3n+1) { clear: left; } } .videos-detail { clear: both; overflow: hidden; max-width: 1030px; margin: 20px auto 8px auto; } .videos-detail-title { padding-top: 14px; margin-top: 9px; } .videos-detail-title .h1 { text-transform: none; font-size: 20px; line-height: 26px; color: #000; font-family: "Roboto", sans-serif; padding-top: 0px; padding-bottom: 0px; } @media all and (min-width: 768px) { .videos-detail-title .h1 { font-size: 26px; line-height: 34px; padding-top: 0px; padding-bottom: 0px; } } @media all and (min-width: 1024px) { .videos-detail-title .h1 { font-size: 32px; line-height: 42px; padding-top: 0px; padding-bottom: 0px; } } .videos-detail-title + #page-content { border-top: 0 none; } @media all and (min-width: 768px) { .videos-detail { margin-top: 25px; } } @media all and (min-width: 1024px) { .videos-detail { margin-top: 30px; } } .videos-detail-photo { padding-bottom: 25px; text-align: center; position: relative; } @media all and (min-width: 768px) { .videos-detail-photo { padding-bottom: 28px; } } @media all and (min-width: 1024px) { .videos-detail-photo { padding-bottom: 32px; } } .videos-detail-photo img { display: block; margin: 0 auto; } .videos-detail-photo a:after { content: ""; display: block; position: absolute; background-image: url(../img/play.svg); background-size: 100% 100%; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; height: 30px; width: 30px; } @media all and (min-width: 768px) { .videos-detail-photo a:after { height: 26px; width: 26px; margin-top: -13px; margin-left: -13px; } } @media all and (min-width: 1024px) { .videos-detail-photo a:after { height: 55px; width: 55px; margin-top: -27.5px; margin-left: -27.5px; } } .videos-detail-photo a:hover:after { background-image: url(../img/play-active.svg); } .videos-detail-source { padding-bottom: 25px; text-align: center; } @media all and (min-width: 768px) { .videos-detail-source { padding-bottom: 28px; } } @media all and (min-width: 1024px) { .videos-detail-source { padding-bottom: 32px; } } .videos-detail-source iframe { display: block; margin: 0 auto; } .videos-detail-link, .videos-detail-abstract { padding-bottom: 17px; } @media all and (min-width: 768px) { .videos-detail-link, .videos-detail-abstract { font-size: 16px; line-height: 24px; padding-bottom: 20px; } } @media all and (min-width: 1024px) { .videos-detail-link, .videos-detail-abstract { font-size: 18px; line-height: 28px; padding-bottom: 24px; } } .videos-detail-link { text-align: center; } /*! end: videos.scss */ /*! start: gallery.scss */ /* Buscador */ .gallery-searcher { background-color: #f2f2f2; padding: 11px 0 0 0; display: none; /* listado */ } @media all and (min-width: 768px) { .gallery-searcher { display: block; } } .gallery-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .gallery-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } .gallery-searcher-form .col:last-of-type { padding-bottom: 15px; width: 100%; } @media all and (min-width: 768px) { .gallery-searcher-form .col { width: calc((100% - 374px) / 2); margin-left: 10px; margin-right: 10px; } .gallery-searcher-form .col:first-of-type { width: 270px; margin-left: 0px; } .gallery-searcher-form .col:last-of-type { width: 44px; margin-right: 0px; } } .gallery-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .gallery-searcher-form .col input, .gallery-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .gallery-searcher-form .col input, .gallery-searcher-form .col select { font-size: 16px; float: left; } } .gallery-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } .gallery-searcher-form .col .btn { width: 100%; height: 44px; cursor: pointer; text-align: center; padding: 12px 0; } .gallery-searcher-form .col .btn:after { content: ""; margin: 0 auto; display: block; width: 20px; height: 20px; background-image: url("../img/lens.1234.svg"); background-size: 100% 100%; } .gallery-searcher-form .col .btn:hover:after { background-image: url("../img/search.1234.svg"); } @media all and (min-width: 768px) { .gallery-searcher { padding: 26px 30px 0 30px; } .gallery-searcher-form .col:last-of-type { padding-bottom: 30px; } } .gallery-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 0 0 56px 0; } .gallery-list-item { float: left; margin: 0 15px; padding: 0 0 31px 0; } @media all and (min-width: 768px) { .gallery-list-item { padding-bottom: 28px; } } .gallery-list-item-image { padding: 4px 0; } .gallery-list-item-image img { display: block; width: 100%; } .gallery-list-item-title { font-weight: 400; font-size: 16px; line-height: 22px; padding-top: 11px; padding-bottom: 2px; } @media all and (min-width: 768px) { .gallery-list-item-title { font-size: 20px; line-height: 26px; } } .gallery-list-item-title a { color: inherit; } .gallery-list-item-title a:hover { color: #a12c33; } .gallery-list-item-date { font-weight: 400; font-size: 14px; line-height: 20px; padding-top: 10px; padding-bottom: 3px; } @media all and (min-width: 768px) { .gallery-list-item-date { font-size: 16px; line-height: 22px; } } .gallery-list-item:nth-child(odd) { clear: left; } @media all and (min-width: 768px) { .gallery-list-item:nth-child(odd) { clear: none; } } @media all and (min-width: 480px) { .gallery-list-item { width: calc((100% / 2) - 30px); } } @media all and (min-width: 768px) { .gallery-list-item { width: calc((100% / 3) - 30px); } .gallery-list-item:nth-child(1), .gallery-list-item:nth-child(2) { width: calc((100% / 2) - 30px); } .gallery-list-item:nth-child(1) .caption, .gallery-list-item:nth-child(2) .caption { font-weight: bold; font-size: 26px; line-height: 36px; margin-top: 6.5px; } .gallery-list-item:nth-child(1) .date, .gallery-list-item:nth-child(2) .date { margin-top: -9px; font-size: 20px; line-height: 36px; } .gallery-list-item:nth-child(3n), .gallery-list-item:nth-child(1) { clear: left; } .gallery-list-item:nth-child(2) { clear: none; } } .gallery-list-more { clear: both; overflow: hidden; padding-top: 24px; padding-bottom: 4px; max-width: 270px; margin-left: auto; margin-right: auto; } @media all and (min-width: 768px) { .gallery-list-more { max-width: calc((100% / 3) - 30px); } } .gallery-list-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .gallery-list-alert { padding: 33px 0 22px 0; } .gallery-results { padding-top: 13px; padding-bottom: 12px; font-weight: bold; /* detalle */ } .gallery-detail { /* boton atras */ position: relative; } .gallery-detail-back { padding-top: 2px; /* titulo */ } @media all and (min-width: 768px) { .gallery-detail-back { padding-top: 4px; } } .gallery-detail-title { padding-top: 14px; } .gallery-detail-title .pretitle { color: #a12c33; text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; font-size: 12px; line-height: 12px; padding-top: 4px; padding-bottom: 1px; } @media all and (min-width: 768px) { .gallery-detail-title .pretitle { font-size: 14px; line-height: 14px; padding-top: 6px; padding-bottom: 6px; } } @media all and (min-width: 1024px) { .gallery-detail-title .pretitle { font-size: 16px; line-height: 16px; padding-top: 8px; padding-bottom: 8px; } } .gallery-detail-title .h1 { text-align: left; text-transform: none; font-size: 20px; line-height: 26px; color: #000; font-family: "Roboto", sans-serif; padding-top: 0px; padding-bottom: 0px; } @media all and (min-width: 768px) { .gallery-detail-title .h1 { font-size: 26px; line-height: 34px; padding-top: 0px; padding-bottom: 0px; } } @media all and (min-width: 1024px) { .gallery-detail-title .h1 { font-size: 32px; line-height: 42px; padding-top: 0px; padding-bottom: 0px; } } .gallery-detail-title .subtitle { color: #8a8a8a; font-size: 16px; line-height: 22px; padding-top: 13px; } @media all and (min-width: 768px) { .gallery-detail-title .subtitle { font-size: 18px; line-height: 26px; padding-top: 18px; } } @media all and (min-width: 1024px) { .gallery-detail-title .subtitle { font-size: 20px; line-height: 30px; padding-top: 23px; } } .gallery-detail-title + #page-content { border-top: 0 none; } .gallery-detail-list { clear: both; overflow: hidden; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; margin-top: -10px; } .gallery-detail-list-sizer { width: calc(100% / 2); } @media all and (min-width: 768px) { .gallery-detail-list-sizer { width: calc(100% / 3); } } @media all and (min-width: 1024px) { .gallery-detail-list-sizer { width: calc(100% / 4); } } .gallery-detail-list-gutter { width: 0px; } .gallery-detail-list-item { float: left; margin-top: 10px; width: calc(100% / 2); } @media all and (min-width: 768px) { .gallery-detail-list-item { width: calc(100% / 3); } } @media all and (min-width: 1024px) { .gallery-detail-list-item { width: calc(100% / 4); } } .gallery-detail-list-item-image { padding: 0 5px; } .gallery-detail-list-item-image img { width: 100%; display: block; } .gallery-detail-list-more { clear: both; overflow: hidden; padding-top: 30px; padding-bottom: 4px; max-width: 270px; margin-left: auto; margin-right: auto; } @media all and (min-width: 768px) { .gallery-detail-list-more { max-width: calc((100% / 3) - 30px); } } .gallery-detail-list-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .gallery-detail-list-alert { padding: 33px 0 22px 0; } /*! end: gallery.scss */ /*! start: tenisinfo.scss */ .tenisinfo-latest { background-color: #f2f2f2; margin: 33px 0 7px 0; padding: 0 15px 2px 15px; /* listado de tenis info */ } @media all and (min-width: 1024px) { .tenisinfo-latest { padding: 0 30px 17px 30px; } } .tenisinfo-latest .documents-list { padding-bottom: 0px; } .tenisinfo-latest .documents-list ul { padding-top: 8px; } @media all and (min-width: 1024px) { .tenisinfo-latest .documents-list ul { padding-top: 22px; } } .tenisinfo-latest .documents-list ul li { margin-top: -4px; font-size: 14px; font-weight: bold; } @media all and (min-width: 768px) { .tenisinfo-latest .documents-list ul li { font-size: 16px; } } @media all and (min-width: 1024px) { .tenisinfo-latest .documents-list ul li { font-size: 18px; } } .tenisinfo-latest .documents-list ul li .date { width: 90px; display: inline-block; } @media all and (min-width: 768px) { .tenisinfo-latest .documents-list ul li .date { width: 105px; } } @media all and (min-width: 1024px) { .tenisinfo-latest .documents-list ul li .date { width: 120px; } } .tenisinfo-list { /* buscador */ } .tenisinfo-list + .tenisinfo-list { padding-top: 21px; /*ul { @include clearfix; li { clear: none!important; @include tablet { float: left; width: calc(50% - 20px); &:nth-child(even) { float: right; } } .date { width: 85px; display: inline-block; @include tablet { width: 95px; } @include pc { width: 105px; } } } }*/ } @media all and (min-width: 1024px) { .tenisinfo-list + .tenisinfo-list { padding-top: 0px; } } .tenisinfo-searcher { background-color: #f2f2f2; padding: 11px 10px 0 10px; margin-bottom: 4px; margin-top: 30px; display: none; /* resultados */ } .tenisinfo-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .tenisinfo-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } .tenisinfo-searcher-form .col:last-of-type { padding-bottom: 15px; width: 100%; } @media all and (min-width: 768px) { .tenisinfo-searcher-form .col { width: calc(100% - 40px - 270px - 44px); margin-left: 10px; margin-right: 10px; } .tenisinfo-searcher-form .col:first-of-type { width: 270px; margin-left: 0px; } .tenisinfo-searcher-form .col:last-of-type { width: 44px; margin-right: 0px; } } .tenisinfo-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .tenisinfo-searcher-form .col input, .tenisinfo-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .tenisinfo-searcher-form .col input, .tenisinfo-searcher-form .col select { font-size: 16px; float: left; } } .tenisinfo-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } .tenisinfo-searcher-form .col .btn { width: 100%; height: 44px; cursor: pointer; text-align: center; padding: 12px 0; } .tenisinfo-searcher-form .col .btn:after { content: ""; margin: 0 auto; display: block; width: 20px; height: 20px; background-image: url("../img/lens.1234.svg"); background-size: 100% 100%; } .tenisinfo-searcher-form .col .btn:hover:after { background-image: url("../img/search.1234.svg"); } @media all and (min-width: 768px) { .tenisinfo-searcher { padding: 26px 30px 0 30px; display: block; } .tenisinfo-searcher-form .col:last-of-type { padding-bottom: 30px; } } .tenisinfo-searcher + .searcher-sticky { border-bottom: 0px; margin-bottom: 4px; margin-top: 30px; } .tenisinfo-results { /* suscribir */ } .tenisinfo-results-alert { padding: 33px 0 22px 0; } .tenisinfo-unsuscribe { clear: both; overflow: hidden; padding: 7px 0 6px 0; /* desuscribir */ } @media all and (min-width: 768px) { .tenisinfo-unsuscribe { padding-top: 17px; } } .tenisinfo-unsuscribe .text { line-height: 19px; display: none; } @media all and (min-width: 768px) { .tenisinfo-unsuscribe .text { float: left; width: 55px; margin-right: 10px; margin-top: 12px; padding-top: 16px; display: block; } } .tenisinfo-unsuscribe .input { font-size: 14px; line-height: 26px; margin-top: 16px; height: 44px; padding-top: 7px; width: 100%; } @media all and (min-width: 768px) { .tenisinfo-unsuscribe .input { width: calc(100% - 55px - 10px - 20px - 210px); float: left; font-size: 16px; padding-left: 25px; padding-right: 25px; } .tenisinfo-unsuscribe .input::-moz-placeholder { color: transparent; } .tenisinfo-unsuscribe .input::-webkit-input-placeholder { color: transparent; } .tenisinfo-unsuscribe .input:-moz-placeholder { color: transparent; } .tenisinfo-unsuscribe .input:-ms-input-placeholder { color: transparent; } } .tenisinfo-unsuscribe .btn { font-size: 12px; line-height: 22px; font-weight: bold; margin-top: 10px; cursor: pointer; font-family: "Raleway", sans-serif; } @media all and (min-width: 768px) { .tenisinfo-unsuscribe .btn { width: 210px; float: right; margin-top: 16px; font-size: 14px; line-height: 24px; letter-spacing: normal; } } .tenisinfo-suscribe { padding: 13px 0 8px 0; } .tenisinfo-suscribe-form { background-color: #f2f2f2; padding: 40px 15px 34px 15px; margin-bottom: 7px; margin-top: 20px; clear: both; overflow: hidden; } @media (max-width: 767px) { .tenisinfo-suscribe-form { padding: 16px 20px 14px 20px; } } .tenisinfo-suscribe-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .tenisinfo-suscribe-form .col { max-width: none; } .tenisinfo-suscribe-form .col + .col { margin-top: 6px; } } .tenisinfo-suscribe-form label { width: 128px; float: left; line-height: 44px; } @media (max-width: 767px) { .tenisinfo-suscribe-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .tenisinfo-suscribe-form input[type=text], .tenisinfo-suscribe-form input[type=email], .tenisinfo-suscribe-form select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .tenisinfo-suscribe-form input[type=text], .tenisinfo-suscribe-form input[type=email], .tenisinfo-suscribe-form select { font-size: 16px; float: left; } } .tenisinfo-suscribe-form label + .label-for { width: calc(100% - 128px); float: left; } @media (max-width: 767px) { .tenisinfo-suscribe-form label + .label-for { width: 100%; float: none; } } .tenisinfo-suscribe-form-btn { margin-top: 22px !important; padding-left: 128px !important; } @media (max-width: 767px) { .tenisinfo-suscribe-form-btn { padding-left: 0px !important; } } .tenisinfo-suscribe-form-btn .btn { cursor: pointer; font-weight: bold; font-family: "Raleway", sans-serif; font-size: 14px; line-height: 22px; width: 174px; } .tenisinfo-suscribe-form-recaptcha { margin-top: 22px !important; } @media all and (min-width: 768px) { .tenisinfo-suscribe-form-recaptcha { padding-left: 128px !important; } } .tenisinfo-suscribe-form-check-block { margin-top: 22px !important; margin-bottom: 28px !important; position: relative; } .tenisinfo-suscribe-form-check-block label { cursor: pointer; width: 100%; display: block; line-height: 24px; clear: both; overflow: hidden; } .tenisinfo-suscribe-form-check-block input[type=checkbox], .tenisinfo-suscribe-form-check-block input[type=radio] { float: left; position: relative; top: 3px; left: 1px; width: auto; } .tenisinfo-suscribe-form-check-block span { padding-left: 22px; margin-top: -15px; float: left; width: 100%; cursor: pointer; font-size: 12px; } @media all and (min-width: 768px) { .tenisinfo-suscribe-form-check-block span { font-size: 14px; } } @media all and (min-width: 768px) { .tenisinfo-suscribe-form-check-block { padding-left: 128px !important; } } .tenisinfo-suscribe .clausula-rgpd { font-size: 10px; margin-bottom: 20px; } .tenisinfo-suscribe .clausula-rgpd p { margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 13px !important; max-width: auto !important; } .tenisinfo-suscribe .clausula-rgpd ul { margin: 0 !important; padding: 0 !important; font-size: 10px !important; line-height: 13px !important; } .tenisinfo-suscribe .clausula-rgpd ul li { padding-top: 0 !important; } .tenisinfo-suscribe .clausula-rgpd ul li:before { top: 5px !important; } .tenisinfo-suscribe .clausula-rgpd p + p, .tenisinfo-suscribe .clausula-rgpd ul + p, .tenisinfo-suscribe .clausula-rgpd p + ul, .tenisinfo-suscribe .clausula-rgpd ul + ul { margin-top: 6px !important; } .tenisinfo-suscribe .error { border: 1px solid #f00 !important; background-color: #fff2f4 !important; } .tenisinfo-suscribe .errors { display: none; color: #f00; font-size: 11px; padding-top: 3px; clear: both; overflow: hidden; font-weight: normal !important; font-style: normal !important; } /*! end: tenisinfo.scss */ /*! start: championship.scss */ .championship { position: relative; } .championship-scroll { position: relative; overflow-x: auto; width: calc(100% + 10px); } .championship:after { background-image: linear-gradient(to left, #fff, transparent); position: absolute; top: 0; right: -10px; height: calc(100% - 1px); width: 10px; z-index: 3; content: ""; display: none; } @media all and (max-width: 540px) { .championship:after { display: block; } } .championship-table { padding: 26px 0 4px 0; width: 100%; padding-right: 10px; min-width: calc(540px - 20px); border-bottom: 1px solid #ccc; } .championship-table tr { vertical-align: top; } .championship-table .col { font-size: 14px; line-height: 16px; padding: 15px 7.5px 17px 7.5px; text-align: center; } .championship-table .col:last-of-type { text-align: right; padding-right: 15px; } .championship-table .col:first-of-type { text-align: left; padding-left: 15px; } .championship-table .col.sede { text-align: left; } .championship-table-header { background-color: #f5f5f5; } .championship-table-header tr { border: 1px solid #d8d8d8; } .championship-table-header .col { color: #8a8a8a; font-weight: bold; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .championship-table-header .col:last-of-type { border-right: 1px solid #d8d8d8; } .championship-table-header .col:first-of-type { border-left: 1px solid #d8d8d8; } .championship-table-header .col.sede { text-align: left; } @media all and (max-width: 540px) { .championship-table-header .col:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; border-right: 1px solid #ccc; background-color: #fff; background-color: #f5f5f5; } } .championship-table-title { text-transform: uppercase; } .championship-table-title .col { text-align: left !important; padding: 0px !important; } .championship-table-title .col:first-child { white-space: nowrap; } @media all and (max-width: 540px) { .championship-table-title .col:first-child { /*max-width: 150px;*/ position: -webkit-sticky; position: sticky; left: 0; z-index: 2; border-right: 1px solid #ccc; background-color: #fff; width: 34%; border-right: 0 none; white-space: normal; } } @media all and (max-width: 540px) { .championship-table-title .col .week b, .championship-table-title .col .week strong, .championship-table-title .col .week em, .championship-table-title .col .week i { display: none; } } .championship-table-title span { display: block; color: #fff; font-weight: bold; background-color: #a12c33; padding: 11px 15px 12px 15px; border-top: 10px solid #fff; font-size: 14px; line-height: 19px; } @media all and (min-width: 768px) { .championship-table-title span { font-size: 15px; } } @media all and (min-width: 1024px) { .championship-table-title span { font-size: 16px; } } .championship-table-row + .championship-table-title .col, .championship-table-row + .championship-table-row .col { border-top: 1px solid #ccc; } .championship-table-row .col { font-size: 14px; line-height: 23px; padding: 20px 7.5px 14px 7.5px; } @media all and (min-width: 768px) { .championship-table-row .col { font-size: 15px; } } @media all and (max-width: 540px) { .championship-table-row .col:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; border-right: 1px solid #ccc; background-color: #fff; } } .championship-table-row-more { clear: both; overflow: hidden; } .championship-table-row-more .col { border-top: 0 none !important; padding-top: 25px !important; text-align: center; } @media all and (min-width: 768px) { .championship-table-row-more { max-width: calc((100% / 3) - 30px); } } .championship-table-row-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; max-width: 270px; display: block; margin: 0 auto; } .championship-table .torneo span { display: inline-block; font-weight: bold; } .championship-table .torneo span a { color: inherit; } .championship-normal { /* listado basico */ } .championship-normal:after { display: none !important; width: 100%; } .championship-normal .championship-table { padding-right: 0px; min-width: auto; } .championship-normal .championship-table-header .col:first-child, .championship-normal .championship-table-data .col:first-child { position: static !important; } .championship-basic { /* Select year */ } .championship-basic-block { padding: 30px 0 0 0; } .championship-basic-month { color: #fff; background-color: #a12c33; padding: 9px 15px; font-weight: bold; text-transform: uppercase; } .championship-basic-line-info { padding: 13px 0 0 0; } .championship-basic-line-info .name { font-weight: bold; font-size: 16px; line-height: 24px; } @media all and (min-width: 768px) { .championship-basic-line-info .name { font-size: 18px; line-height: 26px; } } .championship-basic-line-data { background-color: #f2f2f2; display: flex; flex-wrap: wrap; margin: 15px 0 0 0; padding: 5px 10px 10px 10px; } @media all and (min-width: 1024px) { .championship-basic-line-data { padding: 10px 10px 20px 10px; } } .championship-basic-line-data .item { line-height: 35px; padding: 5px 10px 0 10px; font-size: 14px; } @media all and (min-width: 1024px) { .championship-basic-line-data .item { padding: 10px 10px 0 10px; font-size: 15px; } } .championship-basic-line-data .item select { background-color: #fff; height: 33px; width: 158px; font-size: inherit; padding: 0px 15px 0px 5px !important; } .championship-basic-line + .championship-basic-line { border-top: 1px solid #ccc; margin-top: 20px; } .championship-basic.historical .championship-basic-month, .championship-basic.historical .championship-table-title span { background-color: #666; /* Torneos Internacionales */ } .championship-basic .championship-table-header .col { white-space: nowrap; } .championship-basic .championship-table-header .col.dotacion { width: 92px; } .championship-basic .championship-table-header .col.semana { width: 92px; } .championship-basic .championship-table-header .col.web { width: 96px; } .championship-basic .championship-table-header .col.ordenjuego { width: 100px; } .championship-basic .championship-table-header .col.factsheet { width: 87px; } .championship-basic .championship-table-header .col.entrylist { width: 80px; } .championship-basic .championship-table-row .col select { height: 33px; font-size: inherit; background-color: #fff; position: relative; top: -6px; padding: 0px 15px 0px 5px !important; } .championship-basic .championship-table-row .col.cuadros select { width: 98px; } .championship-basic .championship-table-row .col.masinfo select { width: 156px; } .championship-selectyear { clear: both; overflow: hidden; padding: 30px 0 0 0; /* Banners */ } .championship-selectyear .label { float: left; padding-right: 10px; line-height: 44px; } .championship-selectyear .select { float: left; height: 44px; width: 120px; } @media all and (min-width: 768px) { .championship-selectyear .select { width: 244px; } } .championship-banners { clear: both; overflow: hidden; padding: 10px 0; width: calc(100% + 15px); margin-left: -7.5px; margin-right: -7.5px; /* buscador */ } @media all and (min-width: 1024px) { .championship-banners { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } } .championship-banners-item { float: left; margin-top: 15px; margin-left: 7.5px; margin-right: 7.5px; width: calc((100% / 2) - 15px); } @media (min-width: 575px) { .championship-banners-item { width: calc((100% / 3) - 15px); } } @media all and (min-width: 1024px) { .championship-banners-item { margin-top: 30px; margin-left: 15px; margin-right: 15px; width: calc((100% / 3) - 30px); } } .championship-banners-item-image { border: 1px solid #ccc; } .championship-banners-item-image img { display: block; width: 100%; } .championship-searcher { background-color: #f2f2f2; padding: 11px 10px 0 10px; margin-bottom: 4px; margin-top: 30px; display: none; } .championship-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .championship-searcher-form .col { float: left; width: 100%; padding-bottom: 10px; } .championship-searcher-form .col:last-of-type { padding-bottom: 15px; width: 100%; } @media all and (min-width: 768px) { .championship-searcher-form .col { width: calc(100% - 40px - 270px - 44px); margin-left: 10px; margin-right: 10px; } .championship-searcher-form .col:first-of-type { width: 270px; margin-left: 0px; } .championship-searcher-form .col:last-of-type { width: 44px; margin-right: 0px; } } .championship-searcher-form .col label { font-weight: bold; width: 90px; float: left; line-height: 44px; } .championship-searcher-form .col input, .championship-searcher-form .col select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .championship-searcher-form .col input, .championship-searcher-form .col select { font-size: 16px; float: left; } } .championship-searcher-form .col label + .label-for { width: calc(100% - 92px); float: left; } .championship-searcher-form .col .btn { width: 100%; height: 44px; cursor: pointer; text-align: center; padding: 12px 0; } .championship-searcher-form .col .btn:after { content: ""; margin: 0 auto; display: block; width: 20px; height: 20px; background-image: url("../img/lens.1234.svg"); background-size: 100% 100%; } .championship-searcher-form .col .btn:hover:after { background-image: url("../img/search.1234.svg"); } @media all and (min-width: 768px) { .championship-searcher { padding: 26px 30px 0 30px; display: block; } .championship-searcher-form .col:last-of-type { padding-bottom: 30px; } } .championship-searcher + .searcher-sticky { margin-top: 30px; border-bottom: 0 none; margin-bottom: 24px; } .master-list { padding-top: 21px; /* .cuadros-honor-veteranos-equipos { .masc + .masc, .fem + .fem { clear: both !important; width: 100% !important; @include tablet { width: calc(50% - 20px) !important; } } .masc + .masc { float: left !important; } .fem + .fem { float: right !important; } } */ } @media all and (min-width: 1024px) { .master-list { padding-top: 31px; } } .championship-historical-list { padding-top: 15px; } .mundo-europa-tournament hr { height: 1px; background-color: #ccc; margin-top: 24px; } @media all and (min-width: 1024px) { .mundo-europa-tournament hr { margin-top: 35px; } } .mundo-europa-tournament hr:first-of-type { display: none; } /*! end: championship.scss */ /*! start: clubs.scss */ .page-encuentra-club .svg-map { background-color: #d9ebec; } .clubs-body { clear: both; overflow: hidden; } .clubs-body h2 { padding-top: 0px; } @media all and (min-width: 768px) { .clubs-body h2 { padding-top: 8px; } } @media all and (min-width: 1024px) { .clubs-body h2 { padding-top: 16px; } } @media all and (min-width: 1024px) { .clubs-body .sidebar .block { margin-top: 9px; } } .clubs-body .federations-list { display: none; } .clubs-body .pagination { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 16px; padding-bottom: 16px; } .clubs-body .pagination-bottom { border-bottom: 0 none; } .clubs-searcher { display: none; } @media all and (min-width: 768px) { .clubs-searcher { display: block; } } .clubs-searcher-form { background-color: #f2f2f2; padding: 40px 20px 34px 20px; margin-bottom: 39px; margin-top: 23px; clear: both; overflow: hidden; } @media (max-width: 767px) { .clubs-searcher-form { padding: 16px 10px 14px 10px; } } .clubs-searcher-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .clubs-searcher-form .col { max-width: none; } .clubs-searcher-form .col + .col { margin-top: 6px; } } .clubs-searcher-form label { width: 128px; float: left; line-height: 44px; } @media (max-width: 767px) { .clubs-searcher-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .clubs-searcher-form input[type=text], .clubs-searcher-form input[type=email], .clubs-searcher-form select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .clubs-searcher-form input[type=text], .clubs-searcher-form input[type=email], .clubs-searcher-form select { font-size: 16px; float: left; } } .clubs-searcher-form label + .label-for { width: calc(100% - 128px); float: left; } @media (max-width: 767px) { .clubs-searcher-form label + .label-for { width: 100%; float: none; } } .clubs-searcher-form-btn { margin-top: 22px !important; padding-left: 128px !important; text-align: center; } @media (max-width: 767px) { .clubs-searcher-form-btn { padding-left: 0px !important; } } .clubs-searcher-form-btn .btn { cursor: pointer; font-weight: bold; font-family: "Raleway", sans-serif; font-size: 14px; line-height: 22px; width: 174px; margin: 0 auto; } @media (max-width: 440px) { .clubs-searcher-form-btn .btn { width: 100% !important; } } .clubs-searcher + .searcher-sticky { margin-bottom: 39px; margin-top: 23px; border-bottom: 0px; } .clubs-stats-form { background-color: #f2f2f2; padding: 20px 20px 14px 20px; margin-bottom: 7px; margin-top: 14px; clear: both; overflow: hidden; } @media (max-width: 767px) { .clubs-stats-form { padding: 16px 20px 14px 20px; } } .clubs-stats-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .clubs-stats-form .col { max-width: none; } .clubs-stats-form .col + .col { margin-top: 6px; } } .clubs-stats-form label { width: 86px; float: left; line-height: 40px; } @media (max-width: 767px) { .clubs-stats-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .clubs-stats-form select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .clubs-stats-form select { font-size: 16px; float: left; } } .clubs-stats-form label + .label-for { width: calc(100% - 86px); float: left; } @media (max-width: 767px) { .clubs-stats-form label + .label-for { width: 100%; float: none; } } .clubs-province { margin-top: 26px; } @media all and (min-width: 1024px) { .clubs-province { margin-top: -9px; } } .clubs-results { padding-bottom: 12px; } .clubs-results-header { clear: both; overflow: hidden; padding-top: 5px; margin-bottom: -7px; } .clubs-results-header span { float: left; width: calc(100% - 319px); font-weight: bold; font-size: 14px; line-height: 20px; padding-top: 24px; } @media all and (min-width: 768px) { .clubs-results-header span { font-size: 16px; } } @media all and (min-width: 1024px) { .clubs-results-header span { width: calc(100% - 289px); font-size: 18px; } } .clubs-results-header span + span { float: right; width: 319px; } @media all and (min-width: 1024px) { .clubs-results-header span + span { width: 289px; } } @media (max-width: 642px) { .clubs-results-header { display: none; } } .clubs-results .generic-list ul li { max-width: none; } .clubs-results .generic-list ul li a { clear: both; overflow: hidden; display: block; } .clubs-results .generic-list ul li a span { float: left; width: calc(100% - 279px); } .clubs-results .generic-list ul li a span + span { float: right; width: 269px; padding-right: 20px; color: #000; } @media (max-width: 642px) { .clubs-results .generic-list ul li a span { float: none; width: 100%; display: block; padding-right: 0px; } .clubs-results .generic-list ul li a span + span { float: none; width: 100%; display: block; padding-right: 0px; } } .club-detail { padding-bottom: 0px !important; } .club-detail h1 { width: 100%; float: none; } @media all and (min-width: 768px) { .club-detail h1 { width: calc(100% - 80px); float: left; } } .club-detail-profile { padding-top: 27px; clear: both; overflow: hidden; } .club-detail-profile-logo { float: left; margin: 4px 30px 26px 0; } .club-detail-profile-logo-image { border: 1px solid #ccc; text-align: center; display: table-cell; width: 270px; } .club-detail-profile-logo img { padding: 10px; display: block; margin: 0 auto; height: auto; max-height: 248px; max-width: 248px; } .club-detail-profile-data { float: left; width: 100%; } .club-detail-profile-data p:first-of-type { padding-top: 0px; } .club-detail-profile-logo + .club-detail-profile-data { width: calc(100% - 270px - 30px); } @media all and (max-width: 860px) { .club-detail-profile { padding-top: 22px; } .club-detail-profile-data { width: 100% !important; } } .club-detail-map { padding-top: 27px; position: absolute; width: 100%; height: 597px; left: 0px; } @media all and (min-width: 768px) { .club-detail-map { padding-top: 33px; } } .club-detail-map iframe { width: 100%; height: 100%; display: block; } .club-detail-map + .club-detail-final { margin-top: 597px; } .clubs-searcher + .clubs-province { margin-top: -18px; } @media all and (min-width: 768px) { .clubs-searcher + .clubs-province { margin-top: -9px; } } .clubs-searcher + .clubs-province h2, .clubs-searcher + .clubs-province .title { padding-top: 0px !important; } /*! end: clubs.scss */ /*! start: licencias.scss */ .licencias-body { clear: both; overflow: hidden; } @media all and (min-width: 1024px) { .licencias-body .sidebar .block { margin-top: 9px; } } .licencias-stats-form { background-color: #f2f2f2; padding: 20px 20px 14px 20px; margin-bottom: 7px; margin-top: 14px; clear: both; overflow: hidden; } @media (max-width: 767px) { .licencias-stats-form { padding: 16px 20px 14px 20px; } } .licencias-stats-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .licencias-stats-form .col { max-width: none; } .licencias-stats-form .col + .col { margin-top: 6px; } } .licencias-stats-form label { width: 86px; float: left; line-height: 40px; } @media (max-width: 767px) { .licencias-stats-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .licencias-stats-form select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .licencias-stats-form select { font-size: 16px; float: left; } } .licencias-stats-form label + .label-for { width: calc(100% - 86px); float: left; } @media (max-width: 767px) { .licencias-stats-form label + .label-for { width: 100%; float: none; } } /*! end: licencias.scss */ /*! start: ranking.scss */ .ranking-searcher-form { background-color: #f2f2f2; padding: 30px 30px 8px 30px; margin-bottom: 39px; margin-top: 32px; clear: both; overflow: hidden; } @media (max-width: 650px) { .ranking-searcher-form { padding: 16px 15px 14px 15px; } } .ranking-searcher-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; margin: 0 auto; } .ranking-searcher-form .col + .col { border-top: 1px solid #ccc; padding-top: 30px; margin-top: 7px; } @media (max-width: 650px) { .ranking-searcher-form .col { max-width: none; } .ranking-searcher-form .col + .col { padding-top: 11px; margin-top: 10px; } } .ranking-searcher-form label { width: 102px; float: left; line-height: 44px; font-weight: bold; } @media (max-width: 650px) { .ranking-searcher-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .ranking-searcher-form input[type=text] { float: left; background-color: #fff; } @media all and (min-width: 768px) { .ranking-searcher-form input[type=text] { font-size: 16px; float: left; } } .ranking-searcher-form input[type=text].half { width: calc(50% - 9px); } .ranking-searcher-form input[type=text].half + .half { margin-left: 18px; } @media (max-width: 650px) { .ranking-searcher-form input[type=text].half { width: calc(50% - 4px); } .ranking-searcher-form input[type=text].half + .half { margin-left: 8px; } } .ranking-searcher-form label + .label-for { width: calc(100% - 102px - 192px); float: left; } @media (max-width: 650px) { .ranking-searcher-form label + .label-for { width: 100%; float: none; } } .ranking-searcher-form label + .label-for label { font-weight: normal; cursor: pointer; position: relative; top: -1px; } .ranking-searcher-form label + .label-for label input { margin-right: 8px; position: relative; top: -1px; } .ranking-searcher-form label + .label-for label + label { margin-left: 14px; } @media (max-width: 650px) { .ranking-searcher-form label + .label-for label { top: 2px; left: 1px; width: auto; display: inline-block; padding-top: 11px; } } .ranking-searcher-form-btn { float: right; width: 192px; padding-left: 18px; } @media (max-width: 650px) { .ranking-searcher-form-btn { float: none; width: 100%; padding-left: 0px; padding-top: 11px; } } .ranking-searcher-form-btn .btn { cursor: pointer; font-weight: bold; font-family: "Raleway", sans-serif; font-size: 14px; line-height: 24px; width: 100%; margin: 0 auto; } .ranking-searcher-form .error { display: none; } .ranking-ficha-link { border-bottom: 1px solid #ccc; padding-bottom: 33px; margin-top: -9px; margin-bottom: -3px; } .ranking-ficha-link .btn { font-weight: bold; font-family: "Raleway", sans-serif; font-size: 13.5px; line-height: 25px; width: auto; padding-left: 20px; padding-right: 20px; margin-top: 6px; margin-bottom: 7px; } @media all and (min-width: 480px) { .ranking-ficha-link .btn { margin-right: 10px; } .ranking-ficha-link .btn:last-of-type { margin-right: 0px; } } .ranking-results { padding-top: 16px; position: relative; } .ranking-results-back { position: absolute; right: 0px; top: 18px; } @media all and (min-width: 768px) { .ranking-results-back { top: 22px; } } @media all and (min-width: 1024px) { .ranking-results-back { top: 40px; } } .ranking-results-search { float: left; width: calc(100% - 85px); } .ranking-results-search span { color: #999; } .ranking-results-search + .championship { padding-top: 16px; } .ranking-results .pagination-top { margin-top: -5px; margin-bottom: 1px; } .ranking-results .pagination-bottom { margin-top: -12px; } .ranking-results .championship-table-header tr, .ranking-results .championship-table-header td, .ranking-results .championship-table-header th { border: 0 none !important; } .ranking-results .championship-table-header .col { color: #000 !important; font-size: 15px; } @media (max-width: 540px) { .ranking-results .championship-table-header .col { font-size: 14px; } } .ranking-results .championship-table .licencia { color: #8a8a8a; } .rankings-banners { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-bottom: 20px; padding-top: 3px; display: flex; flex-wrap: wrap; } .rankings-banners-item { float: left; width: calc((100% / 3) - 30px); margin-left: 15px; margin-right: 15px; margin-top: 30px; background-color: #f2f2f2; } .rankings-banners-item-image { border-bottom: 10px solid #fff; } .rankings-banners-item-image img { display: block; width: 100%; border: 1px solid #ccc; } .rankings-banners-item-contents { padding: 14px 20px 15px 20px; } .rankings-banners-item-title { line-height: 24px; font-size: 18px; } .rankings-banners-item-title a { display: block; padding-right: 45px; background-image: url(../img/arrow-large.svg); background-size: 25px 18px; background-position: right 3px; background-repeat: no-repeat; } .rankings-banners-item-title a:hover { color: #000; background-image: url(../img/arrow-large-black.svg); } @media (max-width: 840px) { .rankings-banners { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; padding-bottom: 50px; } .rankings-banners-item { width: calc((100% / 2) - 20px) !important; margin-left: 10px !important; margin-right: 10px !important; margin-top: 20px !important; } .rankings-banners-item-contents { padding-left: 15px !important; padding-right: 15px !important; } .rankings-banners-item-title { line-height: 24px !important; font-size: 18px !important; } } @media (max-width: 840px) and (max-width: 570px) { .rankings-banners { padding-bottom: 30px; } .rankings-banners-item { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; } .rankings-banners-item-title a { font-size: 16px; } } /*! end: ranking.scss */ /*! start: hall-of-fame.scss */ .hall-of-fame { clear: both; overflow: hidden; } @media all and (min-width: 1024px) { .hall-of-fame .sidebar .block { margin-top: 6px; } } .hall-of-fame-list { background-color: #f2f2f2; padding: 15px 20px 19px 20px; margin-top: 13px; } .hall-of-fame-list .category { font-size: 16px; font-weight: bold; line-height: 50px; } @media all and (min-width: 768px) { .hall-of-fame-list .category { font-size: 17px; } } @media all and (min-width: 1024px) { .hall-of-fame-list .category { font-size: 18px; } } .hall-of-fame-list ul { padding-top: 6px; padding-bottom: 5px; } .hall-of-fame-list ul li { margin-left: 16px; } .hall-of-fame-list ul li:before { width: 6px; height: 10px; background-color: transparent; background-image: url(../img/arrow-red.svg); background-repeat: no-repeat; background-position: 0 0; left: -16px; top: 5px; } @media all and (min-width: 1024px) { .hall-of-fame-list ul li:before { top: 6px; } } .hall-of-fame-list ul li + li { padding-top: 4px; } .hall-of-fame-list ul li + li:before { top: 9px; } @media all and (min-width: 1024px) { .hall-of-fame-list ul li + li:before { top: 10px; } } .hall-of-fame-list ul li a:hover { color: #000; } .hall-of-fame-detail { padding: 2px 0 0 0; } .hall-of-fame-detail-content { clear: both; overflow: hidden; padding-top: 2px; } .hall-of-fame-detail-content figure { float: left; margin: 28px 0 4px 0; } @media (min-width: 564px) { .hall-of-fame-detail-content figure { width: 262px; margin-right: 36px; } } .hall-of-fame-detail-content figure img { display: block; width: 100%; } .hall-of-fame-detail-content-text { float: left; } @media (min-width: 564px) { .hall-of-fame-detail-content-text { width: calc(100% - 262px - 36px); } } .hall-of-fame-detail-content-text ul li:before { width: 6px; height: 10px; background-color: transparent; background-image: url(../img/arrow-black.svg); background-repeat: no-repeat; background-position: 0 0; top: 5px; } @media all and (min-width: 1024px) { .hall-of-fame-detail-content-text ul li:before { top: 6px; } } .hall-of-fame-detail-content-text ul li + li { padding-top: 5px; } .hall-of-fame-detail-content-text ul li + li:before { top: 10px; } @media all and (min-width: 1024px) { .hall-of-fame-detail-content-text ul li + li:before { top: 11px; } } /*! end: hall-of-fame.scss */ /*! start: players.scss */ .players { text-align: center; /* Detail */ } .players-tabs { clear: both; overflow: hidden; max-width: 630px; margin: -4px auto 0 auto; } @media all and (min-width: 768px) { .players-tabs { margin-top: -2px; } } @media all and (min-width: 1024px) { .players-tabs { padding: 20px 0 0 0; margin-top: 0px; } } .players-tabs a { display: block; width: 100%; text-align: center; background-color: #f2f2f2; color: inherit; border-radius: 8px; height: 55px; line-height: 55px; font-weight: bold; font-size: 16px; margin: 10px 0 0 0; } @media (min-width: 650px) { .players-tabs a { float: left; width: calc((100% / 2) - 15px); } .players-tabs a + a { float: right; } } .players-tabs a:hover { color: #a12c33; } .players-tabs a.active { background-color: #a12c33; color: #ffc300; } .players-tabs a.active:hover { color: #ffc300; } .players-list { padding: 20px 0 0 0; } .players-list-type { padding-bottom: 60px; } .players-list-type:last-of-type { padding-bottom: 10px; } .players-list-items { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 11px 0 0 0; } .players-list-items-item { float: left; margin: 30px 15px 0 15px; width: calc(100% - 30px); font-size: 18px; line-height: 24px; } @media (min-width: 397px) { .players-list-items-item { width: calc((100% / 2) - 30px); font-size: 14px; line-height: 20px; } } @media (min-width: 520px) { .players-list-items-item { font-size: 18px; line-height: 24px; } } @media (min-width: 804px) { .players-list-items-item { width: calc((100% / 3) - 30px); } } @media (min-width: 952px) { .players-list-items-item { font-size: 26px; line-height: 30px; } } @media (min-width: 1100px) { .players-list-items-item { font-size: 30px; line-height: 38px; } } .players-list-items-item figure { position: relative; } .players-list-items-item-image { position: relative; display: block; cursor: pointer; overflow: hidden; background: #181733; } .players-list-items-item-image:before { content: ""; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent 50%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .players-list-items-item-image figcaption { position: absolute; top: 0; bottom: 15px; left: 0; right: 0; display: block; z-index: 3; } .players-list-items-item-image img { width: 100%; display: block; } .players-list-items-item-image:hover .stats { opacity: 1; height: auto; } .players-list-items-item-name { text-align: center; padding: 22px 0 4px 0; font-size: 19.5px !important; line-height: 24px !important; } @media all and (min-width: 768px) { .players-list-items-item-name { font-size: 25.5px !important; } } .players-list-items-item-name a { color: inherit; } .players-list-items-item-name a:hover { color: #a12c33; } .players-list-items-item-info { text-align: center; color: #fff; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translateY(0); transform: translateY(0); position: absolute; bottom: 0px; left: 0px; right: 0px; } .players-list-items-item-info-name { font-weight: bold; padding: 0 5px 6px 5px; } .players-list-items-item-info-stats { transition: opacity 0.5s linear; opacity: 0; height: 0; } .players-list-items-item-info-stats .feats { clear: both; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.5); padding: 12px 0 0 0; font-size: 12px; line-height: 14px; margin: 1px 0 -6px 0; } .players-list-items-item-info-stats .feat { float: left; width: 50%; padding: 0 5px; text-align: center; font-weight: bold; } .players-list-items-item-info-stats .feat .stat { text-transform: uppercase; display: block; padding-bottom: 6px; } .players-list-items-item-info-stats .feat .value { font-size: 24px; line-height: 28px; display: block; } .player { /* Tenis en Silla */ } .player-select-form { background-color: #f2f2f2; padding: 20px 20px 14px 20px; margin-bottom: 7px; margin-top: 14px; clear: both; overflow: hidden; } @media (max-width: 767px) { .player-select-form { padding: 16px 20px 14px 20px; } } .player-select-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .player-select-form .col { max-width: none; } .player-select-form .col + .col { margin-top: 6px; } } .player-select-form label { width: 86px; float: left; line-height: 40px; } @media (max-width: 767px) { .player-select-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .player-select-form select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .player-select-form select { font-size: 16px; float: left; } } .player-select-form label + .label-for { width: calc(100% - 86px); float: left; } @media (max-width: 767px) { .player-select-form label + .label-for { width: 100%; float: none; } } .player-detail { clear: both; overflow: hidden; padding: 4px 0 153px 0; position: relative; } .player-detail-header { border-bottom: 1px solid #ccc; padding: 19px 0; } .player-detail-header .title { font-size: 22px; line-height: 28px; font-weight: bold; } .player-detail-header .content { padding-top: 9px; } .player-detail-header .content .feat { display: inline-block; } .player-detail-header .content .feat + .feat { margin-left: 10px; } .player-detail-header .content .feat .stat:after { content: ":"; display: inline-block; } @media all and (min-width: 1024px) { .player-detail-header { position: absolute; bottom: 0px; width: 100%; border-bottom: 0 none; color: #fff; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent 87%); } .player-detail-header .title { font-size: 60px; line-height: 70px; padding-top: 42px; padding-bottom: 10px; } .player-detail-header .content { clear: both; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.5); padding-top: 21px; padding-bottom: 12px; } .player-detail-header .content .feat { float: left; text-align: center; font-weight: bold; } .player-detail-header .content .feat + .feat { margin-left: 50px; } .player-detail-header .content .feat .stat { text-transform: uppercase; font-size: 16px; line-height: 19px; padding-bottom: 8px; display: block; } .player-detail-header .content .feat .stat:after { display: none; } .player-detail-header .content .feat .value { font-size: 35px; line-height: 41px; display: block; } } @media all and (min-width: 768px) { .player-detail { padding-bottom: 166px; } } @media all and (min-width: 1024px) { .player-detail { padding-top: 25px; padding-bottom: 0px; } } .player-detail .alongside { float: left; width: 100%; } @media all and (min-width: 1024px) { .player-detail .alongside { width: calc(100% - 40px - 700px); } } .player-detail .alongside .block .title { text-transform: uppercase; font-family: "Raleway", sans-serif; color: #4a4a4a; font-weight: 400; padding-top: 0px; font-size: 18px; line-height: 21px; } @media all and (min-width: 768px) { .player-detail .alongside .block .title { font-size: 26px; line-height: 30px; } } .player-detail .alongside .block + .block { margin-top: 28px; } @media all and (min-width: 1024px) { .player-detail .alongside .block + .block { margin-top: 34px; } } .player-detail-info { background-color: #f2f2f2; margin: 14px 0 0 0; padding: 6px 15px 13px 15px; } @media (min-width: 1180px) { .player-detail-info { padding: 26px 30px 35px 30px; } } .player-detail-info-columns-row { clear: both; overflow: hidden; padding: 9px 0 8px 0; } @media all and (min-width: 1024px) { .player-detail-info-columns-row { font-size: 15px; } } .player-detail-info-columns-row + .player-detail-info-columns-row { border-top: 1px solid #ccc; } .player-detail-info-columns-row .left { float: left; font-weight: bold; padding-right: 10px; white-space: nowrap; } .player-detail-info-columns-row .right { float: none; } @media (min-width: 1180px) { .player-detail-info-columns-row .right { float: right; } } .player-detail-info-text { margin-top: 18px; } @media all and (min-width: 1024px) { .player-detail-info-text { margin-top: -4px; } } .player-detail-info-text p { margin-top: 1px; } .player-detail-data { width: 100%; float: right; padding: 27px 0 0 0; } @media all and (min-width: 1024px) { .player-detail-data { width: 700px; padding-top: 45px; } } .player-detail-tabs { clear: both; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 17px; line-height: 22px; font-weight: bold; margin: 0 0 1px 0; padding: 16px 0 15px 0; } @media (max-width: 680px) { .player-detail-tabs { padding: 9px 0 8px 0; } } .player-detail-tabs .tab { color: inherit; float: left; } .player-detail-tabs .tab:hover, .player-detail-tabs .tab.active { color: #a12c33; } .player-detail-tabs .tab + .tab:before { content: "|"; float: left; color: #8a8a8a; margin: 0 15px; } @media (max-width: 680px) { .player-detail-tabs .tab { float: none; display: block; } .player-detail-tabs .tab + .tab { border-top: 1px solid #ccc; margin-top: 6px; padding-top: 6px; } .player-detail-tabs .tab + .tab:before { display: none; } } .player-detail-content { padding-top: 24px; } @media all and (min-width: 1024px) { .player-detail-content { padding-top: 0px; } } .player-detail-content-section { display: none; } .player-detail-content-section.active { display: block; } .player-detail-content-section .abstract { padding: 9px 0 0 0; } .player-detail-content-section .abstract br { content: ""; display: block; height: 12px; } .player-detail-content .championship-table { margin-top: 9px; padding-top: 0px; } @media all and (min-width: 1024px) { .player-detail-content .championship-table { margin-top: 13px; padding-top: 26px; } } .player-detail-content .championship-table-row .col { padding-left: 0px !important; padding-right: 0px !important; } .player-detail-content .championship-table-row .col:first-of-type { white-space: nowrap; font-weight: bold; padding-right: 10px !important; } .player-detail-content .championship-table-row .col:last-of-type { text-align: center; } .player-detail-content .gallery-detail-list { padding-top: 10px; } @media all and (min-width: 1024px) { .player-detail-content .gallery-detail-list { padding-top: 40px; } } .player-detail-content .gallery-detail-list-item, .player-detail-content .gallery-detail-list-sizer { width: calc(100% / 2); } @media all and (min-width: 768px) { .player-detail-content .gallery-detail-list-item, .player-detail-content .gallery-detail-list-sizer { width: calc(100% / 3); } } .player-detail-content .accordion-list { margin-top: 18px; } .player-detail-content .accordion-list-title { font-size: 18px; line-height: 31px; } .player-detail-content .accordion-list-title a:after { right: 20px; top: 25px; } .player-detail-content .accordion-list-block.active .accordion-list-title a:after { top: 22px; } .player-detail-content .accordion-list-data p:first-of-type { margin-top: 5px; } .player-detail-content .accordion-list-data p:last-of-type { margin-bottom: 23px; } .player-detail #player-select { position: absolute; bottom: 0px; width: 100%; } @media all and (min-width: 1024px) { .player-detail #player-select { position: static; } } .players-silla .players-list-items-item-image:before { display: none; } .player-detail-silla { padding-top: 0px !important; } .player-detail-silla-profile { clear: both; overflow: hidden; padding: 0 0 7px 0; } @media all and (min-width: 768px) { .player-detail-silla-profile { padding-top: 3px; } } @media all and (min-width: 1024px) { .player-detail-silla-profile { padding-top: 34px; } } .player-detail-silla-profile-image { float: left; margin: 6px 30px 33px 0; } .player-detail-silla-profile-image img { display: block; width: 100%; } @media all and (min-width: 768px) { .player-detail-silla-profile-image { width: 260px; } } @media all and (min-width: 768px) { .player-detail-silla-profile-data { float: left; width: calc(100% - 260px - 30px); } } .player-detail-silla-profile-data .title { padding-top: 0px !important; margin-bottom: 25px; } .player-detail-silla-profile-data .data { width: 100%; padding: 0 0 17px 0; } .player-detail-silla-profile-data .data .line { display: table-row; } .player-detail-silla-profile-data .data .line b, .player-detail-silla-profile-data .data .line strong { display: table-cell; padding-bottom: 9px; position: relative; padding-right: 10px; padding-left: 12px; } @media all and (min-width: 768px) { .player-detail-silla-profile-data .data .line b, .player-detail-silla-profile-data .data .line strong { padding-right: 25px; } } @media all and (min-width: 1024px) { .player-detail-silla-profile-data .data .line b, .player-detail-silla-profile-data .data .line strong { padding-right: 40px; padding-left: 15px; } } .player-detail-silla-profile-data .data .line b:before, .player-detail-silla-profile-data .data .line strong:before { content: ""; position: absolute; background-image: url(../img/arrow-black.svg); background-repeat: no-repeat; background-size: 6px 10px; width: 6px; height: 10px; left: 0px; top: 5px; } @media all and (min-width: 1024px) { .player-detail-silla-profile-data .data .line b:before, .player-detail-silla-profile-data .data .line strong:before { top: 6px; } } .player-detail-silla-profile-data .data .line span { display: table-cell; padding-bottom: 9px; } /*! end: players.scss */ /*! start: jjoo.scss */ .simple-columns { width: 100%; } .simple-columns .row { display: table-row; } .simple-columns .row .col { display: table-cell; padding-bottom: 13px; padding-top: 13px; border-top: 1px solid #ccc; padding-right: 20px; } .simple-columns .row .col:first-of-type { font-weight: bold; } .simple-columns .row .col:last-of-type { padding-right: 0px; } .simple-columns .row:first-of-type .col { border-top: 0 none; } .simple-columns .row:last-of-type .col { border-bottom: 1px solid #ccc; } .simple-columns.no-borders .row .col { border: 0 none; } .simple-columns.no-borders .row:first-of-type .col { padding-top: 0px; } .res-columns { width: 100%; } .res-columns .row { display: table-row; } .res-columns .row .col { display: table-cell; padding-right: 30px; padding-top: 1px; } .res-columns .row .col:last-of-type { padding-right: 0px; } .res-columns .row.phase b, .res-columns .row.phase strong, .res-columns .row.phase span { display: block; padding-top: 26px; } .res-columns .row.tournament b, .res-columns .row.tournament strong, .res-columns .row.tournament span { display: block; padding-top: 25px; padding-bottom: 1px; } @media all and (min-width: 1024px) { .res-columns .row.tournament b, .res-columns .row.tournament strong, .res-columns .row.tournament span { font-size: 18px; line-height: 24px; } } .tabs { padding: 5px 0 0 0; margin-bottom: -4px; } .tabs .tab { font-size: 16px; line-height: 44px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; font-weight: bold; text-align: center; padding: 2px 20px 0 20px; position: relative; z-index: 1; } @media all and (min-width: 768px) { .tabs .tab { font-size: 19px; line-height: 49px; } } @media all and (min-width: 1024px) { .tabs .tab { font-size: 22px; line-height: 54px; } } .tabs .tab a { color: inherit; } .tabs .tab.active { border-bottom: 1px solid #fff; } .tabs .tab.active a { color: #a12c33; } .tabs .tab + .tab { border-left: 0 none; } .tabs .subtabs { clear: both; overflow: hidden; border: 1px solid #ccc; position: relative; top: -1px; z-index: 0; padding-top: 5px; } .tabs .subtabs .subtab { clear: both; overflow: hidden; display: none; padding: 14px 20px 4px 20px; } @media all and (min-width: 1024px) { .tabs .subtabs .subtab { font-size: 18px; line-height: 22px; } } .tabs .subtabs .subtab.active { display: block; } .tabs .subtabs .subtab a { float: left; white-space: nowrap; font-weight: bold; padding: 0 0 10px 0; color: inherit; width: calc(100% / 2); /*text-align: center; &:nth-child(2n+1) { text-align: left; } &:nth-child(2n) { text-align: right; }*/ text-align: left; } @media all and (min-width: 768px) { .tabs .subtabs .subtab a { /*&:nth-child(2n+1) { text-align: center; } &:nth-child(2n) { text-align: center; } &:last-of-type { text-align: right; } &:nth-child(3n+1) { text-align: left; } &:nth-child(3n) { text-align: right; }*/ width: calc(100% / 3); } } @media all and (min-width: 1024px) { .tabs .subtabs .subtab a { /*&:nth-child(3n+1) { text-align: center; } &:nth-child(3n) { text-align: center; } &:nth-child(4n+1) { text-align: left; } &:nth-child(4n) { text-align: right; }*/ width: calc(100% / 4); } } .tabs .subtabs .subtab a.active, .tabs .subtabs .subtab a:hover { color: #a12c33; } .tabs-results { display: none; padding-top: 26px; } @media all and (min-width: 1024px) { .tabs-results { padding-top: 16px; } } .tabs-results.active { display: block; } /*! end: jjoo.scss */ /*! start: cookies.scss */ .popup-cookies-texto { padding-top: 34px; max-width: 470px; margin: 0 auto; } .popup-cookies-buttons { clear: both; overflow: hidden; padding-bottom: 20px; padding-top: 34px; max-width: 470px; margin: 0 auto; } .popup-cookies-buttons .btn { float: left; width: calc(50% - 10px); line-height: 22px; font-weight: bold; font-family: "Raleway", sans-serif; } .popup-cookies-buttons .btn + .btn { float: right; } .popup-cookies-buttons .btn.cancel { background-color: #666; } /*! end: cookies.scss */ /*! start: calendars.scss */ .calendars-mosaic { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; padding-top: 2px; padding-bottom: 7px; } .calendars-mosaic-item { float: left; margin-left: 15px; margin-right: 15px; background-color: #f2f2f2; margin-top: 30px; width: calc((100% / 4) - 30px); } .calendars-mosaic-item-image { border-bottom: 10px solid #fff; } .calendars-mosaic-item-image a { background-color: #fff; border: 1px solid #d8d8d8; text-align: center; display: block; height: 180px; width: 100%; position: relative; } .calendars-mosaic-item-image a img { padding: 25px; display: block; margin: auto; height: auto; max-height: 100%; max-width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } @media (max-width: 1190px) { .calendars-mosaic-item { width: calc((100% / 3) - 30px); } } @media (max-width: 890px) { .calendars-mosaic-item { width: calc((100% / 2) - 30px); } .calendars-mosaic-item-image a img { padding: 15px; } } @media (max-width: 590px) { .calendars-mosaic-item { width: calc((100% / 2) - 20px); margin-left: 10px; margin-right: 10px; margin-top: 20px; } .calendars-mosaic-item-image a { height: 100px; } .calendars-mosaic-item-image a img { padding: 10px; } } .calendars-mosaic-item-contents { padding: 14px 20px; text-align: center; } .calendars-mosaic-item-contents ul { padding-top: 0px !important; } .calendars-mosaic-item-contents ul li { font-weight: bold; font-size: 14px; line-height: 18px; margin-left: 0px !important; } .calendars-mosaic-item-contents ul li:before { display: none; } @media all and (min-width: 768px) { .calendars-mosaic-item-contents ul li { font-size: 16px; line-height: 22px; } } @media all and (min-width: 1024px) { .calendars-mosaic-item-contents ul li { font-size: 18px; line-height: 26px; } } .calendars-mosaic-item-contents ul li a { color: inherit; } .calendars-mosaic-item-contents ul li a:hover { color: #a12c33; } @media (max-width: 590px) { .calendars-mosaic { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } } /*! end: calendars.scss */ /*! start: grand-slam.scss */ .grandslam-profile { clear: both; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 33px; } .grandslam-profile-sidebar { width: 250px; margin: 0 30px 0 0; } @media all and (min-width: 768px) { .grandslam-profile-sidebar { float: left; } } .grandslam-profile-image { border: 1px solid #ccc; height: 250px; text-align: center; position: relative; margin-top: 31px; } .grandslam-profile-image img { display: block; width: 180px; height: 180px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .grandslam-profile-links ul li { padding-top: 5px; margin-bottom: 6px; } .grandslam-profile-links ul li:before { display: none; } .grandslam-profile-links ul li:after { content: ""; background-image: url(../img/arrow-red.svg); background-repeat: no-repeat; background-position: top left; background-size: 4px 7px; width: 4px; height: 7px; position: absolute; left: -14px; top: 12px; } @media all and (min-width: 1024px) { .grandslam-profile-links ul li { padding-top: 9px; } .grandslam-profile-links ul li:after { top: 15px; width: 6px; height: 10px; background-size: 6px 10px; } } @media all and (min-width: 1024px) { .grandslam-profile-content { padding-top: 1px; } } @media all and (min-width: 768px) { .grandslam-profile-content { float: left; width: calc(100% - 250px - 30px); padding-top: 4px; } } .grandslam-profile-content:only-child { width: 100% !important; } .grandslam-profile-sidebar + .grandslam-profile-content { margin-top: -12px; } @media all and (min-width: 768px) { .grandslam-profile-sidebar + .grandslam-profile-content { margin-top: 0px; } } .grandslam-results { padding-top: 13px; } .grandslam-tabs { clear: both; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; padding: 16px 0 15px 0; margin: 24px 0 1px 0; font-size: 16px; line-height: 22px; } @media all and (min-width: 768px) { .grandslam-tabs { font-size: 17px; line-height: 23px; } } @media all and (min-width: 1024px) { .grandslam-tabs { margin-top: 42px; font-size: 18px; line-height: 24px; } } .grandslam-tabs .tab { color: inherit; float: left; } .grandslam-tabs .tab:hover, .grandslam-tabs .tab.active { color: #a12c33; } .grandslam-tabs .tab + .tab:before { content: "|"; float: left; color: #8a8a8a; margin: 0 15px; } .grandslam-content-section { display: none; } .grandslam-content-section.active { display: block; } .grandslam-content-section-title { font-weight: bold; color: #999; font-size: 18px; line-height: 22px; padding-top: 15px; } p + .grandslam-content-section-title { margin-top: 11px; } .grandslam-searcher { background-color: #f2f2f2; padding: 10px 20px 20px 20px; margin-bottom: 4px; margin-top: 4px; } .grandslam-searcher-form { clear: both; overflow: hidden; margin: 0 auto; } .grandslam-searcher-form .col { float: left; width: 100%; padding-top: 10px; } @media (min-width: 660px) { .grandslam-searcher-form .col { width: calc(50% - 67px); padding-right: 20px; } } .grandslam-searcher-form .col:last-of-type { padding-right: 0px; width: 100%; } @media (min-width: 660px) { .grandslam-searcher-form .col:last-of-type { width: 134px; } } .grandslam-searcher-form .col select { float: left; background-color: #fff; } @media (min-width: 660px) { .grandslam-searcher-form .col select { font-size: 16px; } } .grandslam-searcher-form .col .btn { line-height: 24px; font-weight: bold; font-family: "Raleway", sans-serif; } .grandslam .news-related { border-top: 0 none; margin-top: 10px; } .grandslam .grandslam-results + .news-related { margin-top: 3px; } /*! end: grand-slam.scss */ /*! start: daviscup.scss */ .davis-tabs { margin-top: 26px !important; } @media all and (min-width: 1024px) { .davis-tabs { margin-top: 36px !important; } } .davis-tabs .subtabs .subtab a { width: auto !important; text-align: left !important; } .davis-tabs .subtabs .subtab a + a { margin-left: 10px; } @media all and (min-width: 768px) { .davis-tabs .subtabs .subtab a + a { margin-left: 20px; } } @media all and (min-width: 1024px) { .davis-tabs .subtabs .subtab a + a { margin-left: 40px; } } .davis-results .res-lines + .res-lines { border-top: 1px solid #ccc; margin-top: 24px; } .davis-results .res-columns .row .col { vertical-align: bottom; } .davis-next-location-map { width: 100%; height: 350px; display: block; margin: 23px 0 6px 0; } @media all and (min-width: 1024px) { .davis-next-location-map { margin-top: 43px; } } .davis-next-players { clear: both; overflow: hidden; width: calc(100% + 20px); margin: 0 -10px; padding: 22px 0 0 0; } @media all and (min-width: 768px) { .davis-next-players { padding-top: 36px; } } .davis-next-players-item { float: left; margin: 0 10px; text-align: center; font-size: 16px; line-height: 20px; width: calc((100% / 2) - 20px); } .davis-next-players-item:nth-child(2n+1) { clear: left; } @media (min-width: 340px) { .davis-next-players-item { width: calc((100% / 3) - 20px); } .davis-next-players-item:nth-child(2n+1) { clear: none; } .davis-next-players-item:nth-child(3n+1) { clear: left; } } @media (min-width: 510px) { .davis-next-players-item { width: calc((100% / 4) - 20px); } } @media (min-width: 700px) { .davis-next-players-item { font-size: 18px; line-height: 22px; width: calc((100% / 5) - 20px); } .davis-next-players-item:nth-child(3n+1) { clear: none; } } .davis-next-players-item-photo img { width: 100%; display: block; } .davis-next-players-item-name { padding: 16px 0; } .davis-next-players-item-name a { color: inherit; font-weight: normal; } @media (min-width: 700px) { .davis-next-players-item-name a { font-weight: bold; } } .davis-next-players-item-name a:hover { color: #a12c33; } .inside-body-banner { padding: 31px 0; } @media all and (min-width: 1024px) { .inside-body-banner { padding: 31px 0 45px 0; } } .inside-body-banner img { display: block; width: 100%; } .inside-body-banner + h2, .inside-body-banner + .subtitle, .inside-body-banner + .anchors { padding-top: 0px !important; } .inside-menu-banner { padding: 20px 0; } .inside-menu-banner img { display: block; width: 100%; } /*! end: daviscup.scss */ /*! start: predictive.scss */ body.search-open { padding-top: 43px; } body.search-open header { top: 43px; } body.search-open #predictive-res { display: block !important; } .header-search { top: -43px; left: 0px; width: 100%; background-color: #a12c33; padding-top: 10px; position: absolute; display: none; } .header-search .wrapper { position: relative; } @media all and (min-width: 1024px) { .header-search { padding-top: 13px; } } .header-search form { margin: 0 auto; width: 100%; max-width: 749px; } .header-search form input[type=text] { border: 0 none; padding: 1px 10px; height: 23px; width: 100%; outline: 0; margin: 0 0 10px 0; } @media all and (min-width: 1024px) { .header-search form input[type=text] { height: 30px; margin-bottom: 0px; } } .header-search.open { display: block; } #predictive-res { display: none; position: absolute; width: calc(100% - 18px); max-width: 751px; z-index: 501; top: 23px; margin: 0 9px; left: 0px; } @media all and (min-width: 1024px) { #predictive-res { top: 30px; } } @media all and (min-width: 769px) { #predictive-res { left: 50%; margin-right: auto; margin-left: -375.5px; width: 100%; } } #predictive-res .predictive-block { clear: both; overflow: hidden; background-color: #fff; border-right: 1px solid #a12c33; border-left: 1px solid #a12c33; border-bottom: 1px solid #a12c33; } #predictive-res .predictive-block .predictive-res { background-color: #ccc; padding: 7px 0 6px 0; } #predictive-res .predictive-block .predictive-left { width: 158px; min-height: 510px; border-right: 1px solid #ccc; background-color: #f3f3f3; display: block; float: left; } #predictive-res .predictive-block .predictive-left .predictive-res { background-color: #aeaeae; color: #fff; padding-left: 10px; padding-right: 10px; font-weight: 500; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item { border-top: 1px dotted #ccc; padding: 5px 10px; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item:first-of-type { border: 0; margin-top: 1px; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item.active { background-color: #ccc; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item span { float: left; font-weight: normal; width: calc(100% - 35px); } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item b { float: right; width: 35px; text-align: right; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item a { color: #a12c33; font-size: 14px; } #predictive-res .predictive-block .predictive-right { width: calc(100% - 158px); overflow: hidden; display: block; float: left; } #predictive-res .predictive-block .predictive-right .predictive-res { padding-left: 10px; padding-right: 10px; font-weight: 500; } #predictive-res .predictive-block .predictive-right .predictive-list { overflow: hidden; overflow-y: auto; height: 477px; } @media all and (min-width: 768px) { #predictive-res .predictive-block .predictive-right .predictive-list { height: 475px; } } @media all and (min-width: 1024px) { #predictive-res .predictive-block .predictive-right .predictive-list { height: 473px; } } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items p:only-child { padding: 6px 10px; font-style: italic; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item { clear: both; overflow: hidden; padding: 6px 0px 5px 0px; margin: 0 10px; border-top: 1px dotted #e9e7e7; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item:first-of-type { border-top: 0 none; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item h5 { font-size: 14px; line-height: 18px; padding-top: 1px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item h5 a { color: inherit; font-weight: bold; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item a { color: #a12c33; font-weight: bold; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item p { padding: 7px 0 0 0; font-size: 12px; line-height: 17px; overflow: hidden; max-height: 58px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .item-foto { float: left; margin: 4px 10px 5px 0; width: 92px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .item-foto img { border: 1px solid #ccc; width: 100%; display: block; padding: 5px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .item-desc { display: inline-block; width: calc(100% - 107px); } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .masinfo { color: #a12c33; display: block; font-size: 10px; font-weight: bold; line-height: 12px; padding-bottom: 4px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .date { font-size: 12px; line-height: 17px; color: #666; display: block; padding-top: 7px; } #predictive-res .predictive-block .predictive-right .predictive-list .predictive-items .predictive-item .date + p { padding-top: 0px; max-height: 51px; } #predictive-res .predictive-block .predictive-right .predictive-list-more { clear: both; overflow: hidden; } #predictive-res .predictive-block .predictive-right .predictive-list-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; margin: 20px 10px 10px 10px; width: calc(100% - 20px); } @media all and (max-width: 570px) { #predictive-res .predictive-block .predictive-left { width: 100%; float: none; min-height: auto; } #predictive-res .predictive-block .predictive-left .predictive-items { clear: both; overflow: hidden; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item { float: left; width: 50%; clear: none; border-top: 0 none; border-bottom: 1px dotted #ccc; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item:first-of-type { margin-top: 0px; } #predictive-res .predictive-block .predictive-left .predictive-items .predictive-item a { font-size: 13px; } #predictive-res .predictive-block .predictive-right { width: 100%; float: none; position: relative; top: -1px; } } /*! end: predictive.scss */ /*! start: docencia.scss */ .docencia-banners { padding-top: 0px !important; } @media (min-width: 593px) { .docencia-banners-item { width: calc((100% / 3) - 30px); } } @media (max-width: 1189px) { .docencia-banners .home-banners-items-4 { width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; } } @media (max-width: 1170px) { .docencia-banners .home-banners-items-4 { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } } @media (min-width: 593px) { .docencia-banners .home-banners-items-4 .home-banners-item { width: calc((100% / 4) - 30px) !important; } } @media (max-width: 1170px) { .docencia-banners .home-banners-items-4 .home-banners-item { width: calc((100% / 4) - 20px) !important; margin-left: 10px; margin-right: 10px; } } @media (max-width: 840px) { .docencia-banners .home-banners-items-4 .home-banners-item { width: calc((100% / 2) - 20px) !important; } } @media (max-width: 390px) { .docencia-banners .home-banners-items-4 .home-banners-item { width: calc(100% - 20px) !important; } } .docencia-news-searcher { margin: 22px 0 26px 0; } @media all and (min-width: 768px) { .docencia-news-searcher { margin: 32px 0 36px 0; } } @media all and (min-width: 768px) { .docencia-news-searcher .col:nth-child(2) { width: calc(100% - 354px); } } .docencia-news-searcher + .searcher-sticky { margin-top: 22px; border-bottom: 0 none; margin-bottom: 26px; } .docencia-tecnicos-searcher-form { background-color: #f2f2f2; padding: 40px 15px 34px 15px; margin-bottom: 39px; margin-top: 23px; clear: both; overflow: hidden; } @media (max-width: 767px) { .docencia-tecnicos-searcher-form { padding: 16px 20px 14px 20px; } } .docencia-tecnicos-searcher-form .col { clear: both; overflow: hidden; width: 100%; padding-bottom: 6px; max-width: 600px; margin: 0 auto; } @media (max-width: 767px) { .docencia-tecnicos-searcher-form .col { max-width: none; } .docencia-tecnicos-searcher-form .col + .col { margin-top: 6px; } } .docencia-tecnicos-searcher-form label { width: 128px; float: left; line-height: 44px; } @media (max-width: 767px) { .docencia-tecnicos-searcher-form label { width: 100%; float: none; line-height: 22px; padding-bottom: 4px; display: block; } } .docencia-tecnicos-searcher-form input[type=text], .docencia-tecnicos-searcher-form input[type=email], .docencia-tecnicos-searcher-form select { float: left; background-color: #fff; } @media all and (min-width: 768px) { .docencia-tecnicos-searcher-form input[type=text], .docencia-tecnicos-searcher-form input[type=email], .docencia-tecnicos-searcher-form select { font-size: 16px; float: left; } } .docencia-tecnicos-searcher-form label + .label-for { width: calc(100% - 128px); float: left; } @media (max-width: 767px) { .docencia-tecnicos-searcher-form label + .label-for { width: 100%; float: none; } } .docencia-tecnicos-searcher-form-btn { margin-top: 22px !important; padding-left: 128px !important; text-align: center; } @media (max-width: 767px) { .docencia-tecnicos-searcher-form-btn { padding-left: 0px !important; } } .docencia-tecnicos-searcher-form-btn .btn { cursor: pointer; font-weight: bold; font-family: "Raleway", sans-serif; font-size: 14px; line-height: 22px; width: 174px; margin: 0 auto; } @media (max-width: 440px) { .docencia-tecnicos-searcher-form-btn .btn { width: 100% !important; } } .docencia-cursos { padding-top: 10px; } @media all and (min-width: 1024px) { .docencia-cursos { padding-top: 20px; } } .docencia-cursos-items { clear: both; overflow: hidden; margin-left: -6px; margin-right: -6px; width: calc(100% + 12px); display: flex; flex-wrap: wrap; } .docencia-cursos-items .item { width: calc((100% / 2) - 12px); float: left; margin-left: 6px; margin-right: 6px; margin-top: 12px; background-color: #f2f2f2; text-align: center; padding: 10px; display: table; font-size: 14px; line-height: 20px; min-height: 110px; } @media (min-width: 640px) { .docencia-cursos-items .item { width: calc((100% / 3) - 12px); font-size: 18px; line-height: 24px; padding: 15px; min-height: 148px; } } .docencia-cursos-items .item a { color: #fff; font-weight: bold; display: table-cell; vertical-align: middle; } .docencia-cursos-items .item:hover { background-color: #000 !important; } .docencia-cursos-items .item:hover a { text-decoration: none; } .docencia-cursos-items .item.docencia-cursos-item-banner { border: 1px solid #ccc; padding: 2px; background-color: #fff !important; } @media (min-width: 640px) { .docencia-cursos-items .item.docencia-cursos-item-banner { padding: 5px; } } .docencia-cursos-items .item.docencia-cursos-item-banner img { max-width: 100%; display: block; margin: auto; } .docencia-curso-detail-banner { margin-top: 28px; margin-bottom: 10px; display: table; min-height: 110px; width: calc((100% / 2) - 6px); background-color: #f2f2f2; text-align: center; padding: 10px; font-size: 14px; line-height: 20px; } @media all and (min-width: 1024px) { .docencia-curso-detail-banner { margin-top: 32px; } } @media (min-width: 640px) { .docencia-curso-detail-banner { width: calc((100% / 3) - 6px); font-size: 18px; line-height: 24px; padding: 15px; min-height: 148px; } } .docencia-curso-detail-banner a { color: #fff; font-weight: bold; display: table-cell; vertical-align: middle; } .docencia-curso-detail-banner:hover { background-color: #000 !important; } .docencia-curso-detail-banner:hover a { text-decoration: none; } .docencia-curso-detail-video { margin-bottom: 4px; } .docencia-curso-detail-back { width: 100%; text-align: left; float: none; clear: both; overflow: hidden; display: block !important; padding-top: 17px; } @media all and (min-width: 1024px) { .docencia-curso-detail-back { font-size: 16px; padding-top: 27px; } } @media all and (min-width: 768px) { .docencia-curso-detail-back { font-size: 15px; } } .docencia-curso-detail h2:first-child, .docencia-curso-detail .subtitle:first-child { margin-top: 16px; } .docencia-curso-detail-profesores { border-bottom: 1px solid #ccc; padding: 11px 0 26px 0; } .page-docencia .landing-page { padding-bottom: 50px !important; } .page-docencia-revista-digital .simple-columns { padding-top: 22px; } @media all and (min-width: 1024px) { .page-docencia-revista-digital .simple-columns { padding-top: 26px; } } .page-docencia-revista-digital .simple-columns:last-of-type .row .col { border-bottom: 0 none; } .page-docencia-noticias .news-detail { margin-top: 20px; } @media all and (min-width: 1024px) { .page-docencia-noticias .news-detail { margin-top: 30px; } } /*! end: docencia.scss */ /*! start: avisos.scss */ .alerts-list { padding-bottom: 20px; padding-top: 10px; } @media all and (min-width: 768px) { .alerts-list { padding-bottom: 40px; padding-top: 0px; } } .alerts-list-more { padding-top: 30px; max-width: 270px; margin-left: auto; margin-right: auto; } @media all and (min-width: 1024px) { .alerts-list-more { padding-top: 60px; } } .alerts-list-more .btn { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .alerts-list-item { padding-top: 11px; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 7px; } @media all and (min-width: 768px) { .alerts-list-item { padding-top: 21px; padding-bottom: 30px; } } .alerts-list-item-date { color: #8a8a8a; padding-bottom: 18px; padding-top: 7px; font-size: 18px; line-height: 24px; } @media all and (min-width: 768px) { .alerts-list-item-date { font-size: 20px; padding-bottom: 28px; } } .alerts-list-item-title { font-size: 16px; line-height: 24px; padding-bottom: 3px; padding-left: 45px; position: relative; } .alerts-list-item-title:before { content: ""; width: 29px; height: 29px; position: absolute; background-image: url(../img/alert.svg); background-repeat: no-repeat; background-position: 0 0; background-size: 29px 29px; left: 0px; top: -3px; } .alerts-list-item-title a { color: inherit; } .alerts-list-item-title a:hover { color: #a12c33; } /*! end: avisos.scss */ /*! start: tienda-online.scss */ .tienda-online .block-row { margin-top: 55px !important; } .tienda-online .block-row:first-of-type { margin-top: 5px !important; } @media all and (min-width: 768px) { .tienda-online .block-row { margin-top: 60px !important; } .tienda-online .block-row:first-of-type { margin-top: 10px !important; } } @media all and (min-width: 1024px) { .tienda-online .block-row { margin-top: 80px !important; } .tienda-online .block-row:first-of-type { margin-top: 30px !important; } } .tienda-online-items { display: flex; flex-flow: row wrap; align-items: flex-start; gap: 26px 0px; width: calc(100% + 15px); margin-left: -7.5px; margin-right: -7.5px; } @media all and (min-width: 480px) { .tienda-online-items { gap: 36px 0px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } } @media all and (min-width: 768px) { .tienda-online-items { gap: 46px 0px; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } } .tienda-online-items-product { width: calc((100% / 2) - 15px); margin-left: 7.5px; margin-right: 7.5px; } @media all and (min-width: 480px) { .tienda-online-items-product { width: calc((100% / 2) - 20px); margin-left: 10px; margin-right: 10px; } } @media all and (min-width: 768px) { .tienda-online-items-product { width: calc((100% / 3) - 30px); margin-left: 15px; margin-right: 15px; } } .tienda-online-items-product-image img { width: 100%; border: 1px solid #ccc; } .tienda-online-items-product-info { padding-top: 10px; font-size: 15px; line-height: 21px; } @media all and (min-width: 480px) { .tienda-online-items-product-info { font-size: 16px; line-height: 22px; } } @media all and (min-width: 768px) { .tienda-online-items-product-info { padding-top: 15px; font-size: 18px; line-height: 24px; } } @media all and (min-width: 1024px) { .tienda-online-items-product-info { padding-top: 20px; font-size: 20px; line-height: 26px; } } .tienda-online-items-product-title a { color: inherit; } .tienda-online-items-product-title a:hover { color: #a12c33; } .tienda-online-items-product-price { color: #8a8a8a; padding-top: 8px; } .tienda-online-items-product-price .old { text-decoration: line-through; color: #aaa; font-weight: 200; display: inline-block; margin-right: 4px; } .tienda-online-items-product-price .offer { color: #a12c33; } @media all and (min-width: 768px) { .tienda-online-items-product-price { padding-top: 12px; } } @media all and (min-width: 1024px) { .tienda-online-items-product-price { padding-top: 17px; } } .tienda-online-items-more { align-self: flex-end; width: 100%; padding-top: 1px; } .tienda-online-items-more a { margin: 0 auto; display: block; width: calc((100% / 2) - 15px); } @media all and (min-width: 480px) { .tienda-online-items-more a { width: calc((100% / 2) - 30px); } } @media all and (min-width: 768px) { .tienda-online-items-more a { width: calc((100% / 3) - 30px); } } .tienda-online-banner { margin-top: 55px; } @media all and (min-width: 768px) { .tienda-online-banner { margin-top: 60px; } } @media all and (min-width: 1024px) { .tienda-online-banner { margin-top: 80px; } } .tienda-online-banner img { width: 100%; border: 1px solid #ccc; } /*! end: tienda-online.scss */