* { margin: 0; padding: 0; border: 0; font-family: "Lato", sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 24px; color: #000; } h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; } ul, li { list-style: none; } a { text-decoration: none; color: #c10a27; font-weight: bold; } a:hover { color: #000; } img { vertical-align: bottom; } main { clear: both; min-height: calc(100vh - 493px); } .color { color: #c10a27 !important; } .wrapper { width: 1238px; margin: 0 auto; } @media all and (max-width: 1251px) { .wrapper { width: 1002px; } } @media all and (max-width: 1025px) { .wrapper { width: 746px; } main { min-height: calc(100vh - 416px); } } @media all and (max-width: 769px) { .wrapper { width: 100%; max-width: 746px; padding-left: 10px !important; padding-right: 10px !important; /* with mobile first */ } } .inside { padding: 43px 0 0 0; } .inside h1.title { color: #c10a27; font-size: 40px; line-height: 46px; text-align: center; font-weight: bold; padding-bottom: 20px; font-family: "Montserrat", sans-serif; } @media all and (max-width: 1025px) { .inside h1.title { font-size: 30px; line-height: 36px; } } @media all and (max-width: 769px) { .inside h1.title { padding-bottom: 10px; } } .inside .page-content { padding: 20px 0 0 0; clear: both; } .inside .image-fluid { max-width: 100%; display: block; margin: 5px auto; } .inside .inside-menu { text-align: center; padding-bottom: 30px; } .inside .inside-menu .item { font-size: 20px; line-height: 36px; font-weight: 500; margin: 0 10px; display: inline-block; } .inside .inside-menu .item a { color: #000; } .inside .inside-menu .item a:hover { color: #c10a27; } .inside .inside-menu .item h1.title { border-bottom: 2px solid; font-size: 30px; line-height: 36px; position: relative; padding-bottom: 0px; } .inside .inside-menu .item h1.title:after { content: ""; position: absolute; left: 50%; top: 100%; margin-top: 6px; margin-left: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 13px solid #c10a27; clear: both; } .inside .inside-menu.inside-watch-menu { margin-bottom: 15px; } .inside .inside-body p { line-height: 26px; font-size: 17px; padding: 12px 0 12px 0; clear: both; } .inside .inside-body p:first-child { padding-top: 0px; } .inside .inside-body p:last-child { margin-bottom: 40px; } .inside .inside-body p .content-image { border: 1px solid #ccc; margin: 4px auto 16px auto; width: calc(50% - 10px); float: left; } .inside .inside-body p .content-image:nth-child(even) { float: right; } .inside .inside-body p .content-image:only-child { width: 100%; max-width: 800px; float: none; display: block; } @media (max-width: 622px) { .inside .inside-body p .content-image { width: 100% !important; float: none !important; display: block !important; } } .inside .inside-body ul { line-height: 26px; font-size: 17px; padding: 12px 0 6px 0; } .inside .inside-body ul:first-child { padding-top: 0px; } .inside .inside-body ul li { padding-bottom: 6px; padding-left: 15px; position: relative; } .inside .inside-body ul li:before { content: ""; float: left; background-color: #c10a27; width: 5px; height: 5px; position: absolute; left: 0px; top: 10px; border-radius: 3px; } .inside .inside-body ul:last-child { margin-bottom: 40px; } .inside .inside-body-title { /*border-bottom: 1px solid #CCC;*/ font-size: 26px; font-weight: 800; line-height: 32px; font-family: "Montserrat", sans-serif; } .inside .inside-body-gallery { padding-top: 12px; padding-bottom: 20px; margin-top: 10px; } .inside .inside-body-gallery .items { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; clear: both; overflow: hidden; margin-top: 20px; } .inside .inside-body-gallery .items img { float: left; width: calc(33.333333333% - 10px); margin: 0 5px 10px 5px; border: 1px solid #ccc; } .inside .inside-body-gallery .items.no-sidebar img { width: calc(25% - 10px); } .inside .inside-body-gallery .more { text-align: center; padding: 10px 0 0 0; } .inside .inside-body-gallery .more a { display: inline-block; margin: 0 auto; padding: 16px; min-width: 194px; color: #fff; background-color: #c10a27; border-radius: 6px; text-transform: uppercase; line-height: 12px; font-size: 18px; font-weight: bold; } .inside .inside-body-gallery .more a:hover { background-color: #000; } .pagination { border-top: 1px solid #000; clear: both; overflow: hidden; text-align: center; } .pagination .pagination-list { padding-top: 30px; padding-bottom: 50px; display: inline-block; } .pagination .pagination-list a { float: left; width: 45px; height: 45px; line-height: 42px; border: 1px solid #ccc; color: #ccc; box-sizing: border-box; font-weight: bold; font-size: 20px; } .pagination .pagination-list a + a { margin-left: 10px; } .pagination .pagination-list a:hover, .pagination .pagination-list a.active { color: #c10a27; border-color: #c10a27; } .pagination .pagination-list a.arrows { line-height: 38px; } .pagination .pagination-list a.arrows span { border: solid #ccc; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .pagination .pagination-list a.arrows span.prev { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .pagination .pagination-list a.arrows span.prev:first-of-type { margin-left: 4px; margin-right: -2px; } .pagination .pagination-list a.arrows span.next { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .pagination .pagination-list a.arrows span.next:last-of-type { margin-left: -2px; margin-right: 2px; } .pagination .pagination-list a.arrows:hover span { border-color: #c10a27; } .styled-select { background-color: #edecec; background-position: calc(100% - 8px); background-repeat: no-repeat; background-image: url(../img/select.png); height: 28px; overflow: hidden; width: 240px; position: relative; } .styled-select select { background: transparent; border: none; font-size: 16px; padding: 0 10px; height: 100%; width: calc(100% + 16px); outline: 0; -webkit-appearance: none; cursor: pointer; } @media all and (max-width: 769px) { .inside { padding-top: 33px; } .inside .inside-menu { position: relative; clear: both; overflow: hidden; padding-bottom: 0px; } .inside .inside-menu .item.option { display: block; margin-top: 4px; font-size: 18px !important; line-height: 26px !important; } .inside .inside-menu .item.option:first-of-type { margin-top: 36px; } .inside .inside-menu .item.title { position: absolute; left: 10px; top: -5px; text-align: center; width: calc(100% - 35px); } .inside .inside-menu .item.title h1.title { display: inline-block; border-bottom: none; } .inside .inside-menu .item.title h1.title:after { display: none; } } .sidebar { position: absolute; top: 0px; right: 0px; width: 302px; } .sidebar img { width: 100%; } .sidebar .item { margin-bottom: 10px; } .sidebar .item + .item .box-section h6 { padding-top: 12px; } .sidebar .bann { border: 1px solid #ccc; } .sidebar .box-section h6 { font-size: 26px; line-height: 32px; font-weight: bold; } .sidebar .box-section .table { border: 1px solid #ccc; margin-top: 0px !important; } .sidebar .box-section .table .tr { clear: both; overflow: hidden; } .sidebar .box-section .table .td { float: left; } .sidebar .box-section .table .thead { text-transform: uppercase; } .sidebar .box-section .results { padding: 12px 19px 14px 19px; } .sidebar .box-section .results .thead { border-bottom: 1px solid #ccc; } .sidebar .box-section .results .thead .tr { padding-bottom: 4px; } .sidebar .box-section .results .tbody .tr { padding-top: 3px; padding-bottom: 1px; } .sidebar .box-section .results .tbody .tr:last-of-type { padding-bottom: 0px; } .sidebar .box-section .results .tr .td:nth-child(1) { width: 15%; } .sidebar .box-section .results .tr .td:nth-child(2) { width: 39%; } .sidebar .box-section .results .tr .td:nth-child(3) { width: 23%; text-align: center; } .sidebar .box-section .results .tr .td:nth-child(4) { width: 23%; text-align: right; } .sidebar .box-section .results .tbody .tr .td:nth-child(1) { font-weight: bold; padding-left: 8px; } .sidebar .box-section .results .tbody .tr .td:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar .box-section .results .tbody .tr .td:nth-child(4) { padding-right: 8px; color: #c10a27; font-weight: bold; } .sidebar .box-section .career .season { padding: 8px 20px 9px 20px; } .sidebar .box-section .career .season:nth-child(even) { background-color: #edecec; } .sidebar .box-section .career .season:first-of-type { padding-top: 13px; } .sidebar .box-section .career .season:last-of-type { padding-bottom: 14px; } .sidebar .box-section .career .season .year { font-weight: bold; color: #c10a27; } .sidebar .box-section .career .season .team { font-style: italic; } .sidebar .box-section + .box-section { margin-top: 10px; } .next-race { background-color: #000; color: #fff; text-transform: uppercase; text-align: center; border: 1px solid ; font-size: 22px; padding: 13px 0 13px 0; font-weight: bold; } .next-race a { color: #fff; } .next-race .title { display: block; color: inherit; } .next-race .countdown { padding: 12px 0 12px 0; margin: 0 auto; width: 270px; clear: both; overflow: hidden; } .next-race .countdown div { width: 70px; float: left; margin: 2px 10px 0px 10px; font-size: 12px; line-height: 20px; } .next-race .countdown div span { display: block; font-size: 55px; background-image: url(../img/sprite.png); background-position: 0px 0px; background-repeat: no-repeat; height: 65px; width: 70px; padding-top: 20px; letter-spacing: -1px; } #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; } .inside-body .profile-social:before { content: ""; display: block; height: 9px; } .inside-body .profile-social:after { content: ""; display: block; height: 9px; clear: both; } .inside-body .profile-social a { float: left; background-color: #000; text-align: center; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 32px; border-radius: 7px; padding: 0 15px; min-width: 162px; margin-right: 10px; margin-bottom: 10px; } .inside-body .profile-social a:last-of-type { margin-right: 0px; } .inside-body .profile-social a:hover { background: #000 !important; } .inside-body .profile-social a svg { height: 16px; width: 16px; margin: 0 8px 0 0; position: relative; top: 4px; } .inside-body .profile-social a svg * { fill: #fff; } .inside-body .profile-social .tw { background-color: #64cff3; } .inside-body .profile-social .fb { background-color: #4267b2; } .inside-body .profile-social .ig { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888',GradientType=1); } .inside-image { padding: 20px 0; text-align: center; clear: both; overflow: hidden; } .inside-image img { display: block; max-width: 100%; margin: 0 auto; } .inside-image:first-of-type { padding-top: 5px; } .inside-image + .inside-body { padding-top: 12px; } .inside-body h2 { font-size: 26px; font-weight: 800; /*border-bottom: 1px solid #CCC;*/ line-height: 32px; padding-bottom: 0; margin-bottom: 12px; padding-top: 12px; } .inside-body h2:first-child { padding-top: 0px; } .inside-body h3 { font-size: 22px; font-weight: 800; line-height: 29px; padding-bottom: 0; margin-bottom: 12px; padding-top: 12px; } .inside-body h3:first-child { padding-top: 0px; } #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: 0px; right: 5px; font-size: 28px; font-weight: bold; color: #999; } #modal .modal-times:hover { color: #c10a27; } #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; } #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: #c10a27; } #modal .modal-video .modal-youtube { width: 100% !important; margin-top: 35px; } @media all and (max-width: 1025px) { .sidebar-results { width: 100% !important; } #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 all and (max-width: 769px) { .sidebar-results .thead { display: block !important; } } .inside .inside-photo-header { /*background-color: #000000;*/ margin: 24px 0 3px 0; color: #fff; text-align: center; position: relative; overflow: hidden; } .inside .inside-photo-header .bg { width: 100%; max-width: 1400px; } .live-results-banner { display: block; width: 100%; padding: 41px 10px; border: 1px solid #ccc; text-align: center; vertical-align: middle; text-transform: uppercase; font-weight: bold; background-color: #390; color: #fff; font-size: 31px; line-height: 34px; } .live-results-banner i { width: 34px; height: 34px; border-radius: 17px; background-color: #fff; display: inline-block; margin-left: 13px; } .live-results-banner i:before { content: ""; width: 0; height: 0; display: inline-block; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 13px solid #390; position: relative; top: -2px; left: 0px; } .live-results-banner:hover { color: #390; background-color: #fff; } .live-results-banner:hover i { background-color: #390; } .live-results-banner:hover i:before { border-left-color: #fff; } html[lang="es"] .live-results-banner { padding-bottom: 38px; } html[lang="es"] .live-results-banner span { font-size: 22px; position: relative; top: -3px; } .nowrap { white-space: nowrap; } .documents-list { padding-bottom: 5px; } .documents-list .title { padding-bottom: 5px; font-size: 18px; } .documents-list ul li { border-bottom: 1px solid #ccc; margin-left: 0px !important; padding-bottom: 13px; padding-left: 53px; padding-top: 16px; position: relative; clear: both; overflow: hidden; } .documents-list ul li:before { content: ""; position: absolute; top: 6px; left: 10px; background-color: transparent; width: 30px; height: 34px; background-image: url(../img/ico-default.svg); background-size: 30px 34px; } @media all and (max-width: 1025px) { .documents-list ul li:before { top: 8px; } } .documents-list ul li:only-child { border-bottom: 0 none; padding-left: 43px; } .documents-list ul li:only-child:before { left: 0px; } .documents-list ul li .date { float: none; margin-top: -2px; margin-bottom: 2px; } @media all and (max-width: 1025px) { .documents-list ul li .date { float: left; width: 100px; margin: 0px; } } .documents-list ul li .date + .doc { float: none; } @media all and (max-width: 1025px) { .documents-list ul li .date + .doc { float: left; max-width: calc(100% - 100px); } } .documents-list ul li .desc { display: block; padding: 3px 0 0 0; } .documents-list ul li .desc p { padding-top: 6px !important; } .documents-list ul li.link:before { background-image: url(../img/ico-link.svg); } .documents-list ul li.pdf:before { background-image: url(../img/ico-pdf.svg); } .documents-list ul li.excel:before { background-image: url(../img/ico-excel.svg); } .documents-list ul li.zip:before { background-image: url(../img/ico-zip.svg); } .button, .btn, .bt { text-transform: uppercase; display: inline-block; text-align: center; margin: 0 auto; min-width: 154px; line-height: 44px; height: 44px; padding: 0 20px; color: #fff; background-color: #c10a27; border-radius: 5px; font-size: 18px; font-weight: bold; cursor: pointer; font-family: "Montserrat", sans-serif; } .button:hover, .btn:hover, .bt:hover { background-color: #000; color: #fff; text-decoration: none; } main { margin-top: 161px; } @media all and (max-width: 1251px) { main { margin-top: 133px; } } main.page-with-tickets { margin-top: 221px; } @media all and (max-width: 1251px) { main.page-with-tickets { margin-top: 193px; } } @media all and (max-width: 1025px) { main.page-with-tickets { margin-top: 0px; } } header { z-index: 40; position: fixed; top: 0px; left: 0px; width: 100%; border-bottom: 1px solid #ccc; } header.page-with-tickets { border-bottom: 0 none; } header .pill-tickets { text-align: center; color: #fff; background-color: #c10a27; height: 60px; } header .pill-tickets a { color: inherit; display: inline-block; line-height: 60px; font-family: "Montserrat", sans-serif; } header .pill-tickets a:before { content: ""; display: inline-block; width: 27px; height: 27px; background: url(../img/tickets.svg); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; margin-right: 10px; position: relative; top: 4px; } header .pill-tickets a:hover { color: #000; } header .pill-tickets a:hover:before { background: url(../img/tickets-h.svg); } @media all and (max-width: 1025px) { header .pill-tickets { height: 30px; position: fixed; width: 100%; left: 0px; top: 52px; z-index: 3; } header .pill-tickets a { line-height: 30px; font-size: 12px; } header .pill-tickets a:before { margin-right: 5px; top: 1px; width: 14px; height: 14px; } header .pill-tickets a:hover:before { width: 14px; height: 14px; background-size: 100% 100%; } } header .top { background-color: #fff; border-bottom: 1px solid #ccc; height: 36px; line-height: 35px; text-transform: uppercase; font-size: 13px; font-weight: 500; } header .top .links { float: left; position: relative; } header .top .links .inactive { display: none; } header .top .links .bt { text-align: center; display: inline-block; color: #fff; background-color: #000; float: left; min-width: 75px; padding: 0 10px; } header .top .links .bt.login { background-color: #c10a27; } header .top .links .bt + .bt { margin-left: 1px; } header .top .links .bt:hover { background-color: #666; } header .top .links .myaccount svg { margin-right: 8px; width: 13px; height: 13px; top: 2px; position: relative; } header .top .links .myaccount svg * { fill: #fff; } header .top .links .myaccount:hover .inactive { display: block; position: absolute; z-index: 1000; width: 173px; top: 36px; border: 1px solid #ccc; background-color: #fff; } header .top .links .myaccount:hover .inactive a { color: #000; padding: 0 8px; display: block; } header .top .links .myaccount:hover .inactive a + a { border-top: 1px solid #ccc; } header .top .links .myaccount:hover .inactive a:hover { color: #c10a27; } header .top .links .myaccount .bt { max-width: 173px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; } header .top .links + .langs { margin-left: 1px; } header .top .langs { float: left; border-right: 1px solid #c3c3c3; min-width: 120px; text-align: center; position: relative; padding: 0 10px; } header .top .langs span, header .top .langs a { font-family: "Montserrat", sans-serif; } header .top .langs:first-child { border-left: 1px solid #c3c3c3; font-weight: 600; } header .top .langs li { cursor: pointer; color: #c10a27; } header .top .langs li + li { display: none; } header .top .langs li:hover { color: #000; } header .top .langs li:first-child:after { content: ""; display: inline; position: relative; top: 12px; margin-left: 10px; width: 0px; height: 0px; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 8px solid #c10a27; } header .top .langs li:first-child:hover:after { border-top-color: #000; } header .top .langs li.inactive a { color: #000; } header .top .langs li.inactive a:hover { color: #c10a27; } header .top .langs li svg { display: none; } header .top .langs:hover li:not(:first-child) { position: absolute; top: 35px; left: -1px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; z-index: 2; display: block; width: calc(100% + 2px); background-color: #fff; } header .top .langs:hover li:not(:first-child) + li { margin-top: 36px; } header .top .langs:hover li:last-child { border-bottom: 1px solid #c3c3c3; } header .top .search { float: left; border-right: 1px solid #c3c3c3; } header .top .search .lens { padding: 0 20px; } header .top .search .lens svg { height: 11px; width: auto; } header .top .search .lens svg * { fill: #000; } header .top .search .lens:hover svg * { fill: #c10a27; } header .top .social { float: right; margin-left: 20px; } header .top .social li { float: left; margin-top: 6px; } header .top .social li + li { margin-left: 10px; } header .top .social li a { background-color: #c10a27; text-align: center; width: 24px; height: 24px; display: block; border-radius: 12px; } header .top .social li a:hover { background-color: #000; } header .top .social li a svg { height: 14px; width: 14px; position: relative; top: -3px; } header .top .social li a svg * { fill: #fff; } header .pill { clear: both; /*border-bottom: 1px solid #CCC;*/ background-color: #fff; height: 125px; position: relative; } header .pill .toggle-menu { display: none; } header .pill .logo { float: left; } header .pill .logo svg, header .pill .logo img { height: 88px; width: 103px; margin-top: 18.5px; display: block; } header .pill .logo-atp { float: left; margin-left: 24px; } header .pill .logo-atp svg, header .pill .logo-atp img { height: 50px; width: 107px; margin-top: 37.5px; } header .pill .logo-rfet { float: right; } header .pill .logo-rfet svg, header .pill .logo-rfet img { height: 79px; width: 126px; margin-top: 23px; } header .pill .nav { float: left; /*width: calc(100% - #{$header-logo-width + $header-logo-atp-width + $header-logo-sep + $header-logo-rfet-width} - 22px);*/ text-align: center; width: calc(100% - 468px - 22px); margin-left: 11px; margin-right: 11px; } header .pill .nav nav { display: inline-block; margin-top: 5px; } @media all and (max-width: 1251px) { header .pill .nav nav { margin-top: -16.5px; } } header .pill .nav nav ul { float: left; } header .pill .nav nav ul li { float: left; } header .pill .nav nav ul li a { line-height: 26px; display: block; } header .pill .nav nav ul li a:hover, header .pill .nav nav ul li a.active { color: #000; } header .pill .nav nav ul.fixed { position: absolute; background-color: #c10a27; border-radius: 8px; left: 50%; top: 52px; height: 60px; /*width: 100%;*/ margin-left: calc((1238px / 2) - 140px); } header .pill .nav nav ul.fixed li { /*text-align: right;*/ width: 140px; text-align: center; } header .pill .nav nav ul.fixed li a { color: #fff; font-weight: bold; /*margin-top: 12px;*/ line-height: 34px; margin-top: 9px; } header .pill .nav nav ul.fixed li a:before { content: ""; display: inline-block; width: 27px; height: 27px; background: url(../img/tickets.svg); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; margin-right: 10px; position: relative; top: 4px; } header .pill .nav nav ul.fixed li a:hover { color: #c10a27; } header .pill .nav nav ul.fixed li a:hover:before { background-image: url(../img/tickets-h.svg); } header .pill .nav nav ul.dynamic ul a { font-family: "Montserrat", sans-serif; } header .pill .nav nav ul.dynamic ul.primary { font-weight: 500; width: 100%; display: flex; flex-flow: row; flex-wrap: wrap; justify-content: center; align-content: center; padding-top: 70px; } header .pill .nav nav ul.dynamic ul.primary li { margin: 0 12.5px; float: none; } header .pill .nav nav ul.dynamic ul.primary li ul { display: none; } header .pill .nav nav ul.dynamic ul.secondary { background-color: #fff; float: none; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; clear: both; overflow: hidden; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; text-align: center; /* Submenu functionality */ } header .pill .nav nav ul.dynamic ul.secondary li { float: none; display: inline-block; padding: 0 13px; } header .pill .nav nav ul.dynamic ul.secondary li a { line-height: 111px; } header .pill .nav nav ul.dynamic ul.secondary li a:hover, header .pill .nav nav ul.dynamic ul.secondary li a.active { color: #c10a27; } header .pill .nav nav ul.dynamic ul.primary > li { position: relative; } header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu { margin-right: 20.5px; } header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu > a { position: relative; } header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu > a:after { content: ""; position: absolute; top: 50%; right: -12px; transform: translateY(-50%); width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #c10a27; } header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu > a:hover:after, header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu > a.active:after { border-top: 8px solid #000; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu { text-align: left; position: absolute; top: 24px; background-color: #fff; display: none; width: max-content; padding-top: 26px; z-index: 2; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu .submenu-item { margin: 0; width: 100%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu .submenu-item .submenu-link { background-color: #fff; width: 100%; display: block; padding: 15px 20px; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu .submenu-item:first-child { border-top: 1px solid #ccc; } header .pill .nav nav ul.dynamic ul.primary > li:hover > .submenu { display: block !important; } .nav-sidr { display: none; width: 260px; height: 100%; position: fixed; top: 0px; left: 0px; overflow-y: auto; z-index: 40; background: #333; color: #fff; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-box-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } .nav-sidr .block { padding: 11px 15px; font-size: 15px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #4d4d4d; text-transform: uppercase; font-weight: bold; clear: both; overflow: hidden; } .nav-sidr .block a { color: #fff; } .nav-sidr .block .login + .register { margin-left: 15px; } .nav-sidr .block.indent { padding-left: 39px; } .nav-sidr .block .bt svg { width: 11px; height: 11px; margin-right: 10px; position: relative; top: -7px; } .nav-sidr .block .bt svg * { fill: #fff; } .nav-sidr .block .bt span { max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .nav-sidr .block .lang svg { width: 18px; height: 18px; margin-right: 4px; top: 4px; position: relative; } .nav-sidr .block .lang svg * { fill: #fff; } .nav-sidr .block li { float: left; } .nav-sidr .block li svg { width: 18px; height: 18px; } .nav-sidr .block li svg * { fill: #fff; } .nav-sidr .block li + li { margin-left: 20px; } .nav-sidr .block .search { float: left; margin-right: 15px; margin-top: 2px; } .nav-sidr .block .search svg { width: 20px; height: 20px; } .nav-sidr .block .search svg * { fill: #fff; } .nav-sidr .block .social { float: left; } .nav-sidr .block .social li { margin-left: 10px; float: left; } .nav-sidr .block .social li a { background-color: #fff; text-align: center; width: 24px; height: 24px; display: block; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .nav-sidr .block .social li a svg { height: 12px; width: 12px; position: relative; top: 0px; } .nav-sidr .block .social li a svg * { fill: #000; } .nav-sidr .block .social li a:hover { background-color: #c10a27; } .nav-sidr .block .social li a:hover svg * { fill: #fff; } .nav-sidr .block ul { padding-left: 39px; padding-top: 8px; } .nav-sidr .block ul li { float: none; } .nav-sidr .block ul li + li { margin-left: 0px; } @media all and (max-width: 1251px) { header .pill { height: 97px; } header .pill .logo svg, header .pill .logo img { width: 60px; height: 60px; margin-top: 18.5px; } header .pill .logo-rfet svg, header .pill .logo-rfet img { width: 96px; height: 60px; margin-top: 18.5px; } header .pill .logo-atp { margin-left: 13px; } header .pill .logo-atp svg, header .pill .logo-atp img { width: 64px; height: 30px; margin-top: 33.5px; } header .pill .nav { width: calc(100% - 274px - 20px); margin-left: 10px; margin-right: 10px; } header .pill .nav nav ul.dynamic ul.primary { padding-top: 65px; } header .pill .nav nav ul.dynamic ul.primary li { margin: 0 7px; font-size: 14px; } header .pill .nav nav ul.fixed { margin-left: calc((1002px / 2) - 110px); top: 44px; } header .pill .nav nav ul.fixed li { width: 110px; } } @media all and (max-width: 1025px) { main { margin-top: 0px; } header { height: 52px; position: static; } header.page-with-tickets { height: 82px; } header .top { display: none; } header .pill { height: 52px; position: fixed; top: 0px; left: auto; width: 100%; z-index: 30; } header .pill .nav { width: calc(100% - 55px); height: 52px; z-index: 3; } header .pill .nav nav ul.dynamic { display: none; } header .pill .nav nav ul.fixed { top: 8px; margin-left: calc((746px / 2) - 120px); width: 120px; height: 35px; z-index: 4; } header .pill .nav nav ul.fixed li { width: 100%; text-align: center; } header .pill .nav nav ul.fixed li a { line-height: 35px; font-size: 12px; margin-top: 0px; } header .pill .nav nav ul.fixed li a:before { width: 16px; height: 16px; top: 2px; } header .pill .logos { position: absolute; z-index: 1; width: 108px; margin-left: -54px; left: 50%; } header .pill .logo { width: 47px; } header .pill .logo svg, header .pill .logo img { height: 40px; width: 47px; margin-top: 6px; margin-left: auto; margin-right: auto; } header .pill .logo-atp { margin-top: 14px; margin-left: 10px; } header .pill .logo-atp svg, header .pill .logo-atp img { height: 24px; width: 51px; margin-top: 0px; } header .pill .logo-rfet { width: 48px; position: relative; z-index: 1; margin-top: -41px; } header .pill .logo-rfet svg, header .pill .logo-rfet img { height: 30px; width: 48px; margin-top: 0px; } header .pill .toggle-menu { display: block; float: left; margin-top: 16px; position: relative; z-index: 2; } header .pill .toggle-menu span { width: 20px; height: 2px; background-color: #c10a27; margin: 6px 0; transition: 0.4s; display: block; } header .pill .toggle-menu span:first-of-type { margin-top: 0px; } header .pill .toggle-menu span:last-of-type { margin-bottom: 0px; } header .pill .toggle-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 11px; left: 0px; } header .pill .toggle-menu.open span:nth-child(2) { opacity: 0; } header .pill .toggle-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; bottom: 1px; right: 0px; } header:not(.page-with-tickets) .pill { border-bottom: 1px solid #ccc; } body.sidr { position: absolute; left: 260px; overflow: hidden; top: auto; } body.sidr .nav-sidr { display: block; } } @media all and (max-width: 769px) { header .pill .nav nav ul.fixed { margin-left: 0px; left: auto; right: 10px; /*.logo { width: calc(100% - 20px); }*/ } } @media all and (max-width: 480px) { header .pill .nav nav ul.fixed { width: 75px; height: 31px; top: 10px; } header .pill .nav nav ul.fixed li a { line-height: 31px; font-size: 11px; } header .pill .nav nav ul.fixed li a:before { width: 15px; height: 15px; margin-right: 5px; } } .social-media:after { content: ""; display: block; height: 44px; } .social-media .wrapper { border-top: 10px solid #c10a27; padding-top: 10px; } .social-media .timeline { clear: both; overflow: hidden; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .social-media .timeline .timeline-col { float: left; margin: 0 5px; min-height: 302px; } .social-media .timeline .timeline-tw { width: 302px; } .social-media .timeline .timeline-tw iframe { border: 1px solid #e9ebee !important; } .social-media .timeline .timeline-fb { width: 302px; float: right; } .social-media .timeline .timeline-ig { width: calc(100% - (302px + 10px) - (302px + 10px) - 10px); /*height: 481px;*/ border: 1px solid #e9ebee; } .social-media .timeline .timeline-ig .timeline-ig-header { border-bottom: 1px solid #e9ebee; height: 68px; padding: 10px; clear: both; overflow: hidden; } .social-media .timeline .timeline-ig .timeline-ig-header a { float: left; line-height: 43px; color: #000; } .social-media .timeline .timeline-ig .timeline-ig-header a:hover { color: #c10a27; } .social-media .timeline .timeline-ig .timeline-ig-header a + a { margin-left: 10px; } .social-media .timeline .timeline-ig .timeline-ig-header svg { width: 47px; height: 47px; } .social-media .timeline .timeline-ig .timeline-ig-header svg * { fill: #c10a27; } .social-media .timeline .timeline-ig .timeline-ig-items { padding: 11px 10px; overflow-y: auto; height: calc(100% - 68px); } .social-media .timeline .timeline-ig .items { overflow: hidden; clear: both; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .social-media .timeline .timeline-ig .items .item { width: calc(33.333333% - 10px); float: left; margin: 0px 5px 10px 5px; } .social-media .timeline .timeline-ig .items .item img { display: block; width: 100%; } footer { background-color: #c10a27; color: #fff; font-size: 16px; line-height: 34px; overflow: hidden; } footer:before { content: ""; display: block; height: 60px; background-color: #fff; } footer .sponsors { background-color: #c10a27; color: #fff; text-align: center; padding: 30px 0 40px 0; } @media all and (max-width: 640px) { footer .sponsors { padding: 20px 0 30px 0; } } footer .sponsors .line .flex { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 80px; } footer .sponsors .line .flex-num-5 { grid-template-columns: repeat(5, 1fr); } footer .sponsors .line .flex-num-7 { grid-template-columns: repeat(7, 1fr); grid-column-gap: 20px; } footer .sponsors .line .flex-num-8 { grid-template-columns: repeat(8, 1fr); grid-column-gap: 20px; } @media all and (max-width: 1025px) { footer .sponsors .line .flex { grid-column-gap: 20px !important; } } @media all and (max-width: 640px) { footer .sponsors .line .flex { grid-column-gap: 9px !important; } } @media all and (max-width: 480px) { footer .sponsors .line .flex-num-6 { grid-template-columns: repeat(6, auto); } } footer .sponsors .line .flex img { max-width: 100%; max-height: 100px; width: auto; display: block; margin-top: 10px; } footer .sponsors .line .flex img.patro-gijon, footer .sponsors .line .flex img.patro-renault { max-height: 65px !important; } @media all and (max-width: 1251px) { footer .sponsors .line .flex img.patro-renault { max-height: 50px !important; } } @media all and (max-width: 1025px) { footer .sponsors .line .flex img { max-height: 60px !important; } footer .sponsors .line .flex img.patro-renault { max-height: 40px !important; } } @media all and (max-width: 640px) { footer .sponsors .line .flex img { max-height: 40px !important; } footer .sponsors .line .flex img.patro-gijon { max-height: 40px !important; } footer .sponsors .line .flex img.patro-renault { max-height: 30px !important; } } footer .sponsors .line .flex img.horitzontal { max-height: 80px; } footer .sponsors .line .flex a { align-self: center; justify-self: center; } footer .sponsors .line-category-2 .flex { grid-column-gap: 50px; } @media all and (max-width: 1025px) { footer .sponsors .line-category-2 .flex { grid-column-gap: 40px !important; } } footer .sponsors .line-category-2 .flex img { max-height: 76px !important; } footer .sponsors .line-category-2 .flex img.patro-total-energies { max-height: 67px !important; } footer .sponsors .line-category-2 .flex img.patro-nh-hoteles { max-height: 58px !important; } @media all and (max-width: 1025px) { footer .sponsors .line-category-2 .flex img { max-height: 54px !important; } footer .sponsors .line-category-2 .flex img.patro-total-energies, footer .sponsors .line-category-2 .flex img.patro-nh-hoteles { max-height: 49px !important; } } @media all and (max-width: 640px) { footer .sponsors .line-category-2 .flex { grid-column-gap: 14px !important; } footer .sponsors .line-category-2 .flex img { max-height: 34px !important; } footer .sponsors .line-category-2 .flex img.patro-total-energies, footer .sponsors .line-category-2 .flex img.patro-nh-hoteles { max-height: 29px !important; } } footer .sponsors .line + .line:before { content: ""; display: block; height: 70px; } @media all and (max-width: 1025px) { footer .sponsors .line + .line:before { height: 30px; } } footer .links { text-align: left; border-top: 2px solid #fff; padding-top: 32px; padding-bottom: 34px; } footer .links .flex { display: flex; flex-flow: row wrap; justify-content: center; width: calc(100% + 44px) !important; margin-left: -22px; margin-right: -22px; margin-top: 10px !important; } footer .links .flex li { margin-left: 22px; margin-right: 22px; margin-top: 9px; } footer .links a { color: #fff; } footer .links span { text-transform: uppercase; color: #c10a27; font-size: 18px; } footer .links ul { margin-top: 19px; margin-right: 30px; width: 100%; } footer .links ul:last-child { margin-right: 0px; } footer .links ul li { line-height: 24px; } footer .terms { text-align: center; color: #fff; background-color: #000; border-top: 1px solid #fff; padding: 19px 0 31px 0; } footer .terms a { line-height: 24px !important; color: #c10a27; display: inline-block; white-space: nowrap; margin: 0 11px; } footer .terms p { line-height: 24px; padding-top: 19px; } footer .terms p a { font-weight: normal; } footer .terms span { margin-top: 2px; display: block; } footer .terms .powered-design { line-height: 24px; } footer .terms .powered-design a { margin: 0; } footer a:hover { color: #fff !important; } footer .social { display: flex; justify-content: center; margin-bottom: 34px; } footer .social li + li { margin-left: 15px !important; } footer .social a { display: block; width: 30px; height: 30px; line-height: 30px; background-color: #c10a27; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; } footer .social a:hover { background-color: #000; } footer .social a svg { position: relative; top: 2px; max-width: 16px; max-height: 16px; } footer .social a svg * { fill: #c10a27; } @media all and (max-width: 1251px) { footer .links ul { margin-right: 20px; } footer .links ul li + li { margin-left: 25px; } .social-media .timeline .timeline-ig .items .item { width: calc(50% - 10px); } } @media all and (max-width: 1025px) { footer .links { text-align: center; } .social-media .timeline .timeline-tw { margin-left: 52px; margin-bottom: 10px; } .social-media .timeline .timeline-fb { margin-right: 52px; margin-bottom: 10px; } .social-media .timeline .timeline-ig { /*height: 506px;*/ width: 652px; margin-left: auto; margin-right: auto; float: none; clear: both; } .social-media .timeline .timeline-ig .items .item { width: calc(33.33333333333% - 10px); } } @media all and (max-width: 769px) { footer .links { width: 100%; margin-left: 0; margin-right: 0; } footer .links .flex { flex-direction: column; justify-content: center; } footer .links .flex li { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; } footer .terms { font-size: 12px; line-height: 18px; } footer .terms p { line-height: 18px; } .social-media .timeline .timeline-tw { margin-left: 5px; margin-bottom: 5px; } .social-media .timeline .timeline-fb { margin-right: 5px; margin-bottom: 5px; } .social-media .timeline .timeline-ig { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; } } @media all and (max-width: 633px) { .social-media .timeline .timeline-col { float: none; clear: both; margin-right: auto !important; margin-left: auto !important; width: 300px !important; } .social-media .timeline .timeline-ig { margin-top: 10px; } .social-media .timeline .timeline-ig .items .item { width: calc(50% - 10px); } } .home { overflow: hidden; } .home .calendar { background-color: #c10a27; border-top: 1px solid #fff; } .home .calendar .bx-viewport { background-color: #c10a27 !important; } .home .calendar .carrousel { position: relative; padding: 0 66px; } .home .calendar .carrousel .items .item { color: #fff; width: 221px; float: left; height: 200px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .home .calendar .carrousel .items .item + .item { border-left: 1px solid #ccc; } .home .calendar .carrousel .items .item .goto { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } .home .calendar .carrousel .items .item .date { font-size: 16px; font-weight: 500; line-height: 19px; color: #fff f; } .home .calendar .carrousel .items .item .game { width: 100%; margin-bottom: 10px; line-height: 1.2; } .home .calendar .carrousel .items .item .game .player { font-size: 18px; font-weight: bold; } .home .calendar .carrousel .items .item .game.doubles .player { font-size: 16px; } .home .calendar .carrousel .items .item .results { width: 100%; display: flex; justify-content: center; font-size: 14px; gap: 15px; margin-bottom: 10px; } .home .calendar .carrousel .items .item .place { font-size: 16px; padding-top: 5px; background-color: #000; color: #fff; padding: 2px 15px 3px 15px; font-size: 14px; border-radius: 6px; margin-top: 14px; min-width: 110px; } .home .calendar .carrousel .items .item .tickets { background-color: #c10a27; color: #fff; /*min-width: 110px;*/ padding: 2px 15px 3px 15px; font-size: 14px; border-radius: 6px; display: inline-block; font-weight: 500; margin-top: 14px; position: relative; z-index: 2; } .home .calendar .carrousel .items .item .tickets.passed { background-color: #999; } .home .calendar .carrousel .items .item .tickets.live { background-color: #390; } .home .calendar .carrousel .items .item .tickets:hover { background-color: #000 !important; } .home .calendar .carrousel .arrow { position: absolute; top: 73px; width: 15px; height: 27px; left: 0px; } .home .calendar .carrousel .arrow.next { left: auto; right: 0px; } .home .calendar .carrousel .arrow.prev { transform: rotate(180deg); } .home .calendar .carrousel .arrow svg { width: 100%; height: 100%; } .home .calendar .carrousel .arrow svg * { fill: #fff; } .home .calendar-pill { color: #000; text-transform: uppercase; font-size: 13px; text-align: center; font-weight: 700; border-top: 1px solid #fff; } .home .calendar-pill a { color: inherit; font-weight: 600; } .home .calendar-pill a:hover { color: #c10a27; } .home .calendar-pill .links { line-height: 33px; background-color: #c7c7c7; width: 100%; width: 664px; margin: 0 auto; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .home .calendar-pill .links span { display: inline-block; margin: 0 3px; font-size: 12px; position: relative; top: -1px; } .home .calendar-pill.close { border-top: 1px solid #c10a27; } .home .featured { margin-top: 20px; background-color: #000; position: relative; overflow: hidden; /*max-height: 699px;*/ margin-bottom: 10px; max-height: 933px; } .home .featured:before { z-index: 2; content: ""; display: block; position: absolute; width: 616px; height: 100%; top: 0px; left: 50%; margin-left: -700px; background: url(../img/degradee.png) repeat-y 0 0; } .home .featured img { width: 100%; z-index: 1; position: relative; max-width: 1400px; left: 50%; transform: translate(-50%, 0%); } .home .featured .news { position: absolute; z-index: 4; height: 100%; width: 1238px; left: 50%; top: 0px; margin-left: -619px; } .home .featured .news .content { position: absolute; left: 0; top: 0; width: 620px; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; } .home .featured .news .content h3 { font-size: 80px; line-height: 72px; text-transform: uppercase; font-family: "Montserrat", sans-serif; } .home .featured .news .content h3 a { font-family: inherit; color: inherit; } .home .featured .news .content h3 a:hover { color: #999; } .home .featured .news .content .date { display: block; font-size: 20px; margin-top: 7px; } .home .featured .news .content .subtitle { font-size: 24px; line-height: 30px; margin-top: 26px; } .home .featured .news .content .more { display: block; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; } .home .featured .news .content .more a:hover { color: #999; } .home .advertising:before { content: ""; display: block; height: 20px; } .home .advertising img { border: 1px solid #ccc; display: block; width: 100%; } .home .advertising .adv-mb { display: none; } .home .cell { float: left; border: 1px solid #ccc; box-sizing: border-box; margin: 0 5px 10px 5px; z-index: 1; } .home .cell figure { position: relative; z-index: 0; height: 201px; overflow: hidden; border-bottom: 1px solid #ccc; } .home .cell figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; transform: translate(-50%, 0%); } .home .cell figure .play { z-index: 2; position: absolute; top: 19px; left: 19px; width: 40px; height: 40px; } .home .cell figure .play svg { width: auto; height: 100%; } .home .cell .info { background-color: #fff; color: #000; z-index: 2; padding: 14px 19px 13px 19px; height: 123px; position: relative; } .home .cell .info h4 { color: #fff; background-color: #c10a27; text-transform: uppercase; font-size: 18px; border-top-right-radius: 6px; position: absolute; left: 0px; height: 32px; line-height: 32px; margin-top: -46px; padding: 0 18px; font-family: "Montserrat", sans-serif; } .home .cell .info h3 { color: #c10a27; font-size: 18px; line-height: 24px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 6px; margin-top: -4px; font-family: "Montserrat", sans-serif; } .home .cell .info h3 a { font-family: inherit; color: #c10a27; } .home .cell .info h3 a:hover { color: #000 !important; } .home .cell .info .date { display: block; } .home .cell .info div { font-size: 18px; line-height: 24px; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .home .cell .info .more { display: block; text-transform: unset; font-size: 16px; line-height: 18px; font-weight: 500; margin-top: 16px; } .home .cell .info .more a:hover { color: #000 !important; } .home .cell.cell-width-block { width: calc(25% - 10px); } .home .cell.cell-width-double { width: calc((100% / 3) - 10px); } .home .cell.cell-width-double figure { height: 270px; } @media all and (max-width: 1251px) { .home .cell.cell-width-double figure { height: 218px; } } @media all and (max-width: 1025px) { .home .cell.cell-width-double { width: calc((100% / 2) - 10px); } .home .cell.cell-width-double figure { height: 245px; } } .home .cell.cell-width-mini { width: 302px; } .home .cell.cell-video .info { background-color: #fff; color: #000; } .home .cell.cell-video .info h3 { font-family: "Montserrat", sans-serif; font-family: inherit; } .home .cell.cell-video .info h3 a { color: #000; } .home .cell.cell-publi img { display: block; width: 100%; } .home .cell.cell-banner img { display: block; width: 100%; } .home .cell.cell-width-big { margin-left: 10px; width: 614px; } .home .cell.cell-width-big figure { height: 408px; } .home .cell.cell-width-big figure .play { width: 64px; height: 64px; } .home .cell.cell-width-big .info { padding-top: 17px; height: 252px; } .home .cell.cell-width-big .info h4 { margin-top: -49px; font-family: "Montserrat", sans-serif; } .home .cell.cell-width-big .info h3 { color: #c10a27; font-size: 24px; line-height: 32px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0px; font-family: "Montserrat", sans-serif; } .home .cell.cell-width-big .info h3 a { font-family: inherit; } .home .cell.cell-width-big .info .date { margin-top: 3px; } .home .main { padding-top: 10px; clear: both; overflow: hidden; } .home .main:before { content: ""; display: block; height: 10px; } .home .main .col-results { float: left; width: 302px; } .home .main .col-results .standings .title { display: block; text-transform: unset; color: #fff; background-color: #c10a27; border: 1px solid #c10a27; text-align: center; font-weight: 500; margin-top: 0px; margin-bottom: 4px; font-size: 18px; line-height: 26px; padding: 10px 20px; } .home .main .col-results .standings .standings-block { padding: 15px 20px; border-bottom: 1px solid #ccc; } .home .main .col-results .standings .standings-block__title { font-size: 16px; line-height: 1.5; font-weight: 500; text-align: center; } .home .main .col-results .standings-list { margin-top: 11px; } .home .main .col-results .standings-list__row + div { margin-top: 11px; } .home .main .col-results .standings-team__flag img, .home .main .col-results .standings-team__flag svg { max-width: 37px; max-height: 23px; margin-right: 10px; border: 1px solid #ccc; } .home .main .col-results .standings-team__name { font-size: 16px; line-height: 1.5; } .home .main .col-results .standings ul { margin-top: 4px; overflow-y: auto; border: 1px solid #ccc; height: 592px; overflow-y: scroll; } .home .main .col-results .standings ul li:last-of-type .standings-block { border-bottom: none; } .home .main .col-results .standings:only-child { margin-top: 0px; } .home .main .col-results .next-race + .standings ul { height: 419px; } .home .main .col-news { float: right; width: 312px; margin-left: -5px; margin-right: -5px; } .home .mosaic { border-top: 10px solid #c10a27; padding-top: 20px; margin-top: 20px; } .home .mosaic .grid { width: calc(100% + 10px); margin-left: -5px; } .home .live-results-banner { border-color: #390; margin: 0 auto -10px auto; max-width: 664px; border-radius: 6px; padding: 14px 10px 9px 10px !important; line-height: 20px !important; } .home .live-results-banner span { font-size: 18px !important; top: -5px !important; position: relative; } .home .live-results-banner i { width: 20px; height: 20px; margin-left: 7px; } .home .live-results-banner i:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #390; top: -5px; } .home .live-results-banner:hover i:before { border-left-color: #fff; } .home-video { padding-top: 20px; } .home-video .wrapper { border: 1px solid #ccc; } .home-video iframe { display: block; } @media all and (max-width: 1251px) { .home .calendar .carrousel { padding-left: 58px; padding-right: 58px; } .home .calendar-pill .links { width: 443px; } .home .cell figure { height: 161px; } .home .cell.cell-width-big { width: 477px; } .home .cell.cell-width-big figure { height: 328px; } .home .cell.cell-width-mini { width: 243px; } .home .main .col-results { width: 262px; } .home .main .col-results .next-race .countdown { width: 240px; } .home .main .col-results .next-race .countdown div { margin-left: 5px; margin-right: 5px; } .home .main .col-news { width: 253px; } .home .featured:before { margin-left: 0px; left: 0px; } .home .featured .news { width: calc(100% - 20px); left: 10px; margin-left: 0px; } .home .live-results-banner { max-width: 443px; } } @media all and (max-width: 1025px) { .home .calendar .carrousel { padding-left: 41px; padding-right: 41px; } .home .calendar-pill .links { width: 664px; } .home .featured { max-height: none; } .home .featured:after, .home .featured:before { display: none; } .home .featured img { position: static; left: auto; transform: none; } .home .featured .news { height: auto; width: auto; position: static; } .home .featured .news .content { position: static; width: 100%; display: block; padding-top: 30px; padding-bottom: 30px !important; } .home .featured .news .content h3 { font-size: 34px; line-height: 38px; } .home .featured .news .content .date { margin-top: 10px; } .home .featured .news .content .subtitle { font-size: 20px; line-height: 26px; } .home .cell.cell-width-big { width: 474px; margin-right: 0px; } .home .cell.cell-width-mini { width: calc(50% - 5px); margin-left: 10px; margin-right: 0px; } .home .cell.cell-width-mini figure { height: 244px; } .home .cell.cell-width-mini:first-of-type { margin-left: 0px; } .home .cell.cell-width-block { width: calc(50% - 10px); } .home .cell.cell-width-block figure { height: 244px; } .home .cell.cell-video figure { background-color: #000; } .home .main .col-news { width: 100%; margin-left: 0px; margin-right: 0px; } .home .live-results-banner { max-width: 664px; } .home .advertising .adv-mb { display: block; } .home .advertising .adv-pc { display: none; } } @media all and (max-width: 769px) { .home .calendar { margin-top: 0px; } .home .calendar .carrousel { padding-left: 29px !important; padding-right: 29px !important; max-width: 722px !important; } .home .calendar .carrousel .arrow.prev { left: 5px; } .home .calendar .carrousel .arrow.next { right: 5px; } .home .calendar-pill .links { width: calc(100% - 58px); } .home .cell.cell-width-big { width: calc(100% - 262px - 10px); } .home .cell.cell-width-big .info h3 { font-size: 18px; line-height: 24px; } .home .cell.cell-width-big .info .more { display: none; } .home .live-results-banner { width: calc(100% - 58px); max-width: 100%; } .home .calendar-home { background-color: #fff; width: 100%; position: static; } .home .calendar-home.fixed { position: fixed; z-index: 50; left: 0px; } .home .calendar-home.fixed .live-results-banner { width: calc(100% - 20px); margin-bottom: 10px; } } @media all and (max-width: 553px) { .home .main .col-results { width: 100%; } .home .main .col-results .standings ul li .longname { display: inline-block; } .home .main .col-results .standings ul li .shortname { display: none; } .home .main .col-results .standings ul li .rider .pts { right: auto; left: 52px; } .home .cell { margin-left: auto !important; margin-right: auto !important; width: 100% !important; } .home .cell figure { height: auto !important; } .home .cell figure img { position: relative; width: 100%; height: auto; left: 0px; transform: none; z-index: 0; transform: none; } .home .cell .info { height: auto !important; padding-bottom: 17px !important; } .home .cell .info h3 { margin-top: 0px !important; } .home .cell .info div { display: none; } .home .cell .info .more { display: none; } .home .cell.cell-width-big { margin-top: 10px; } .home .cell.cell-banner { text-align: center; border: 0 none; } .home .cell.cell-banner img { max-width: 366px; margin: 0 auto; display: block; border: 1px solid #ccc; } .home .cell.cell-video figure img { height: 100%; width: auto; } .home .mosaic { border-top: 0 none; padding-top: 0px; } .home .mosaic .grid { width: 100%; margin-left: 0px; } } @media all and (max-width: 480px) { .home .featured .news .content { padding-top: 16px !important; padding-bottom: 16px !important; } .home .featured .news .content h3 { font-size: 28px !important; line-height: 32px !important; } .home .featured .news .content .date { font-size: 16px !important; } .home .featured .news .content .subtitle { font-size: 16px !important; line-height: 22px !important; margin-top: 12px !important; } .home .featured .news .content .more { font-size: 14px !important; margin-top: 7px !important; } } .form-note { font-style: italic; font-size: 12px; line-height: 16px; padding: 0 0 11px 0; } .form .mandatory { color: #c10a27; } .form label { display: block; padding-bottom: 2px; } .form fieldset { clear: both; overflow: hidden; padding: 6px 0; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .form fieldset .col { float: left; width: calc(50% - 20px); margin: 0 10px; } .form fieldset .col:only-child { width: calc(100% - 20px); } .form fieldset .select-text { border: 1px solid #ccc; height: 32px; padding: 0 8px; width: 100%; outline: 0; font-size: 14px; color: #333; line-height: 100%; } .form fieldset .select-text.error { background-color: #fff2f5 !important; } .form fieldset .input-text { border: 1px solid #ccc; height: 32px; padding: 0 8px; width: 100%; outline: 0; font-size: 14px; color: #333; line-height: 100%; } .form fieldset .input-text.error { background-color: #fff2f5 !important; } .form fieldset .multiupload { width: 100%; border: 1px solid #ccc; line-height: 32px; height: 32px; padding: 0 4px; } .form fieldset .multiupload.error { background-color: #fff2f5 !important; } .form fieldset .multiupload-block { position: relative; margin-bottom: 2px; } .form fieldset .multiupload-block .multiupload { visibility: hidden; } .form fieldset .multiupload-block .multiupload-file { width: 100%; border: 1px solid #ccc; line-height: 32px; font-size: 12px; position: absolute; top: 0px; left: 0px; padding: 0 8px; color: #c10a27; cursor: pointer; } .form fieldset .multiupload-block .message { color: #008000 !important; font-weight: bold; text-align: right; position: absolute; right: 8px; top: 0px; } .form fieldset .textarea { resize: none; border: 1px solid #ccc; height: 132px; padding: 6px 8px; width: 100%; outline: 0; font-size: 14px; color: #333; line-height: 24px; } .form fieldset .textarea.error { background-color: #fff2f5 !important; } .form fieldset .radio-type, .form fieldset .checkbox-type { margin: 0 8px 0 2px; } .form fieldset .radio-group label { cursor: pointer; } .form fieldset .errors { display: none; color: #f00; font-size: 11px; line-height: 14px; padding-top: 2px; } .form fieldset .info { color: #999; font-size: 11px; line-height: 14px; padding-top: 2px; font-style: italic; } .form fieldset .styled-select { background-color: #fff; border: 1px solid #ccc; width: 100%; height: 32px; } .form fieldset .styled-select select.error { background-color: #fff2f5 !important; } .form fieldset.wide-content { width: 100%; font-size: 10px; line-height: 16px; } .form fieldset.wide-content .radio-type, .form fieldset.wide-content .checkbox-type { position: relative; top: 2px; margin-right: 4px; margin-left: 0px; } .form fieldset.wide-content label { margin-top: 5px; } .form fieldset.wide-content p { font-size: inherit; line-height: inherit; padding: inherit; margin: inherit; } .form fieldset + fieldset { margin-top: 12px; } .form .alert { padding: 10px; margin-bottom: 12px; margin-top: 13px; border: 1px solid #ccc; border-radius: 4px; background-color: #ededed; color: #666; } .form .alert:first-of-type { margin-top: 3px; } .form .alert.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .form .alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .form .alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .form .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .form .alert a { font-weight: bold; color: inherit; } .form .alert a:hover { text-decoration: underline; } .form h6 + fieldset { margin-top: 12px; } .form fieldset + h6 { margin-top: 16px; } .form .submit { text-transform: uppercase; display: inline-block; text-align: center; margin: 0 auto; min-width: 154px; line-height: 44px; height: 44px; padding: 0 20px; color: #fff; background-color: #c10a27; border-radius: 5px; font-size: 18px; font-weight: bold; cursor: pointer; font-family: "Montserrat", sans-serif; } .form .submit:hover { background-color: #000; } .form-alert { text-align: center; padding-top: 17px; padding-bottom: 17px; } .form-alert .buttons { padding-top: 8px; } .form-login { padding-top: 17px; padding-bottom: 10px; max-width: 500px; margin: 0 auto; } .form-login .note { text-align: center; padding: 6px 0; } .form-login .remember { text-align: center; } .form-login .remember hr { height: 1px; background-color: #ccc; margin: 15px auto 11px auto; max-width: 50%; } .form-login .remember hr + a { font-size: 12px; } .form-login .buttons { padding-top: 8px; text-align: center; } .pass-form { padding: 4px 0 40px 0; margin: 0 auto; max-width: 564px; } .pass-form-note { padding-bottom: 16px; color: #c10a27; } .pass-form fieldset { margin-left: auto; margin-right: auto; width: 100%; } .pass-form fieldset .col { margin: 0px !important; width: 100% !important; } .pass-form .buttons { padding-top: 18px; text-align: center; } .pass-form .representante-block { background-color: #efefef; padding: 6px 10px; margin: 14px 0; } .pass-form .representante-block + .representante-block { margin-top: -14px; padding-bottom: 10px; } .inside-body .pass-form { max-width: none; border: 10px solid #ededed; padding: 10px; margin: 21px 0; } @media all and (max-width: 769px) { .inside-body .pass-form { padding: 21px 0px; border-left: 0px; border-right: 0px; } } .form-accreditation { max-width: 320px; } .form-accreditation-list { margin: 15px auto 11px auto; border: 1px solid #ccc; border-radius: 5px; padding-left: 15px; padding-right: 15px; } .form-accreditation-list fieldset:first-of-type { padding-top: 11px; } .form-accreditation-list fieldset:last-of-type { padding-bottom: 11px; } .form-accreditation-list fieldset label { cursor: pointer; } .form-accreditation-close { border-top: 1px solid #ccc; padding: 16px 0; text-align: center; margin-top: 16px; } .form-accreditation .buttons { padding-left: 10px; padding-right: 10px; } .form-accreditation .buttons .submit { width: 100%; } #policy-form { max-height: calc(100vh - 220px); overflow-y: auto; margin-top: 11px; } #policy-form h2 { text-transform: uppercase; } #policy-form p { line-height: 20px; font-size: 13px; padding: 12px 0 12px 0; } #policy-form p:first-child { padding-top: 0px; } #policy-form p:last-child { margin-bottom: 40px; } #policy-form ul { line-height: 20px; font-size: 13px; padding: 12px 0 6px 0; } #policy-form ul:first-child { padding-top: 0px; } #policy-form ul li { padding-bottom: 6px; padding-left: 15px; position: relative; } #policy-form ul li:before { content: ""; float: left; background-color: #c10a27; width: 5px; height: 5px; position: absolute; left: 0px; top: 10px; border-radius: 3px; } #policy-form ul:last-child { margin-bottom: 40px; } .multiupload-documents .item { background-color: #eeeef1; margin-top: 4px; padding: 4px 8px; font-size: 12px; clear: both; overflow: hidden; } .multiupload-documents .item:first-child { margin-top: 8px; } .multiupload-documents .item:last-child { margin-bottom: 4px; } .multiupload-documents .item span { float: left; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 100px - 100px); overflow: hidden; } .multiupload-documents .item a { float: left; margin-left: 5px; width: 95px; text-align: center; } .multiupload-documents .item a.delete { color: #c00; } .news-filters { clear: both; overflow: hidden; text-align: center; padding: 5px 0; height: 60px; } .news-filters .news-filters-list { display: inline-block; } .news-filters .news-filters-list .styled-select { float: left; width: 302px; } .news-filters .news-filters-list .styled-select + .styled-select { margin-left: 10px; } @media all and (max-width: 1025px) { .news-filters { height: 36px; margin-top: -20px; } .news-filters .news-filters-list .styled-select { width: 300px; } } .news-list { width: calc(100% + 10px); margin-left: -5px; margin-bottom: 25px; margin-top: 5px; clear: both; overflow: hidden; } .news-list .cell { float: left; border: 1px solid #ccc; box-sizing: border-box; margin: 0 5px 10px 5px; z-index: 1; } .news-list .cell figure { position: relative; z-index: 0; height: 201px; overflow: hidden; border-bottom: 1px solid #ccc; } .news-list .cell figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .news-list .cell .info { background-color: #fff; color: #000; padding: 14px 19px 13px 19px; z-index: 2; height: 133px; } .news-list .cell .info div, .news-list .cell .info .more { display: none; } .news-list .cell .info h3 { font-size: 18px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #c10a27; font-family: "Montserrat", sans-serif; } .news-list .cell .info h3 a { font-family: inherit; } .news-list .cell .info h3 a:hover { color: #000 !important; } .news-list .cell .info .date { display: block; margin-top: 4px; } .news-list .cell.cell-width-block { width: calc(25% - 10px); } .news-list .cell.cell-width { width: calc(50% - 10px); } .news-list .cell.cell-width .info { height: 272px; } .news-list .cell.cell-width .info div { display: block; font-size: 18px; font-weight: 500; margin: 21px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-list .cell.cell-width .info .more { display: block; font-size: 18px; font-weight: 500; } .news-list .cell.cell-width .info .more a:hover { color: #000; } .news-list .cell.cell-width .info h3 { color: #c10a27; font-size: 24px; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 2px 0 3px 0; font-family: "Montserrat", sans-serif; } .news-list .cell.cell-width .info h3 a { font-family: inherit; } .news-list .cell.cell-width figure { height: 408px; } .news-filters + .news-list { margin-top: 25px; } @media all and (max-width: 1025px) { .news-list .cell.cell-width-block { width: calc(33.333333333% - 10px); } .news-list .cell.cell-width { width: calc(33.333333333% - 10px); } .news-list .cell.cell-width figure { height: 201px; } .news-list .cell.cell-width .info { height: 133px !important; } .news-list .cell.cell-width .info h3 { font-size: 18px; line-height: 24px; margin: 0; } .news-list .cell.cell-width .info div { display: none; } .news-list .cell.cell-width .info .more { display: none; } } @media all and (max-width: 769px) { .page-news .page-content { max-width: 708px; } .news-list .cell.cell-width-block { width: calc(50% - 10px); } .news-list .cell.cell-width-block figure { height: 228px; } .news-list .cell.cell-width { width: calc(50% - 10px); } .news-list .cell.cell-width figure { height: 228px; } } @media all and (max-width: 514px) { .news-list .cell.cell-width-block { width: calc(100% - 10px); } .news-list .cell.cell-width-block figure { height: auto; } .news-list .cell.cell-width-block figure img { position: static; left: auto; transform: none; -webkit-transform: none; -ms-transform: none; width: 100%; } .news-list .cell.cell-width-block .info { padding-bottom: 34px; height: auto !important; } .news-list .cell.cell-width { width: calc(100% - 10px); } .news-list .cell.cell-width figure { height: auto; } .news-list .cell.cell-width figure img { position: static; left: auto; transform: none; -webkit-transform: none; -ms-transform: none; width: 100%; } .news-list .cell.cell-width .info { padding-bottom: 34px; height: auto !important; } } .page-noticias-detalle .inside h1.title { text-transform: none; } .news-detail .news-detail-editor { margin-left: 43px; float: left; margin-top: -4px; margin-bottom: -4px; } .news-detail .news-detail-editor svg { height: 42px; width: 50px; float: left; } .news-detail .news-detail-editor span { line-height: 42px; float: left; margin-left: 5px; } .news-detail .news-first-line { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 12px 0 30px 0; padding: 10px 10px 20px 10px; clear: both; overflow: hidden; } .news-detail .news-first-line .date { padding-top: 10px; float: left; } .news-detail .news-first-line .date svg { float: left; width: 34px !important; height: 34px !important; margin-right: 15px; } .news-detail .news-first-line .date span { float: left; line-height: 32px; } .news-detail .news-first-line .social { padding-top: 10px; margin-left: 10px; float: right; } .news-detail .news-first-line .social li { width: 34px; height: 34px; float: left; } .news-detail .news-first-line .social li + li { margin-left: 10px; } .news-detail .news-first-line .social li.fb { background-color: #3b5a95; border-radius: 17px; } .news-detail .news-first-line .social li.fb svg { height: 18px; width: 18px; margin-top: 7px; margin-left: 8px; } .news-detail .news-first-line .social li.fb svg * { fill: #fff; } .news-detail .news-first-line .social li.fb:hover { background-color: #000; } .news-detail .news-first-line .social li.tw { background-color: #2fa7cf; border-radius: 17px; } .news-detail .news-first-line .social li.tw svg { height: 18px; width: 18px; margin-top: 8px; margin-left: 8px; } .news-detail .news-first-line .social li.tw svg * { fill: #fff; } .news-detail .news-first-line .social li.tw:hover { background-color: #000; } .news-detail .news-first-line .social li.wa svg { height: 34px; width: 34px; } .news-detail .news-first-line .social li.wa:hover svg * { fill: #000; } .news-detail .news-body { position: relative; } .news-detail .news-body .news-info { width: calc(100% - 342px); } .news-detail .news-body .news-info:only-child { width: 100%; } .news-detail .news-body .news-info .news-photo { border: 1px solid #ccc; margin-bottom: 9px; max-width: 802px; } .news-detail .news-body .news-info .news-photo img { width: 100%; display: block; } .news-detail .news-body .news-detail-subtitle { max-width: 802px; font-family: "Montserrat", sans-serif; } .news-detail .news-body .news-detail-subtitle b, .news-detail .news-body .news-detail-subtitle strong { font-size: 18.5px; font-family: inherit; } .news-detail .sidebar { width: 302px; } .news-detail .news-body-centered { max-width: 800px; margin: 0 auto; } .news-detail .inside-body-gallery .inside-body-title { text-align: center; text-transform: uppercase; } .news-related { padding: 20px 0; } .news-related h6 { text-align: center; text-transform: uppercase; font-size: 26px; font-weight: bold; line-height: 38px; padding-bottom: 20px; font-family: "Montserrat", sans-serif; } @media all and (max-width: 1025px) { .news-related h6 { font-size: 22px; line-height: 30px; } } @media all and (max-width: 769px) { .news-related h6 { font-size: 18px; line-height: 24px; } } .news-related .news-list { margin-top: 0px; margin-bottom: 0px; clear: both; overflow: hidden; } .page-news-detail .inside h1.title { text-transform: none; } .page-news-detail .news-related { border-top: 1px solid #ccc; margin-top: 20px; } @media all and (max-width: 1025px) { .news-detail .news-body .news-info { width: 100%; } .news-detail .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-top: 12px; } .news-detail .sidebar .item { float: left; width: calc(50% - 5px); } .news-detail .sidebar .item:nth-child(even) { float: right; } .news-detail .news-first-line { padding-left: 0px; padding-right: 0px; font-size: 14px; } .news-detail .news-detail-editor { margin-left: 20px; } } @media all and (max-width: 600px) { .news-detail .sidebar .item { float: none !important; width: 100%; clear: both; overflow: hidden; max-width: 302px; margin-left: auto; margin-right: auto; } .news-detail .inside-body-gallery .items img { width: calc(50% - 10px); } } @media all and (max-width: 769px) { .news-detail .news-first-line .date span { line-height: 24px; } .news-detail .news-first-line .date svg { width: 24px !important; height: 24px !important; margin-right: 10px; } .news-detail .news-first-line .social li { width: 24px; height: 24px; } .news-detail .news-first-line .social li.fb svg { margin-top: 5px; margin-left: 6px; width: 13px !important; height: 13px !important; } .news-detail .news-first-line .social li.tw svg { margin-top: 6px; margin-left: 6px; width: 13px !important; height: 13px !important; } .news-detail .news-first-line .social li.wa svg { width: 24px !important; height: 24px !important; } .news-detail .news-detail-editor svg { height: 30px; width: 30px; } .news-detail .news-detail-editor span { line-height: 30px; } } @media all and (max-width: 550px) { /* @media all and (max-width: 450px){ .news-detail { .inside-body-gallery { .items { img { width: calc(100% - 10px); } } } } } */ .news-detail .news-first-line { margin-top: 0px; padding-top: 11px; padding-bottom: 11px; } .news-detail .news-first-line .date { clear: both; overflow: hidden; float: none; } .news-detail .news-first-line .news-detail-editor { clear: both; overflow: hidden; margin: 6px 0px !important; float: none; } .news-detail .news-first-line .news-detail-editor svg { width: 24px; height: 24px; margin-right: 5px; position: relative; top: 2px; } .news-detail .news-first-line .social { clear: both; overflow: hidden; margin: 0px !important; float: none; } } .riders-list-page { position: relative; margin-top: 26px; } .riders-list-page .sidebar { width: 302px; } .riders-list-page .inside-body-title { text-align: center; padding-bottom: 16px; color: #999; } .riders-list-page .inside-body-title + .inside-body-title { color: #000; } .rider { float: left; margin: 0 5px 30px 5px; width: calc((100% / 4) - 10px); height: 360px; border: 1px solid #ccc; position: relative; } .rider .rider-photo { border-bottom: 1px solid #ccc; } .rider .rider-photo img { width: 100%; display: block; } .rider .rider-info { padding: 16px 19px 0px 19px; clear: both; overflow: hidden; } .rider .rider-info-doubles { padding-top: 21px; } .rider .rider-flag { width: 59px; float: right; margin-top: 4px; } .rider .rider-flag img { border: 1px solid #ccc; max-width: 100%; max-height: 40px; float: right; } .rider .rider-name { float: left; width: calc(100% - 59px - 10px); } .rider .rider-name h3 { font-size: 21px; line-height: 22px; } .rider .rider-name a { color: #000; } .rider .rider-name a:hover { color: #c10a27; } .rider .rider-rank { clear: both; overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: 100%; padding-left: 19px; padding-right: 19px; padding-bottom: 13px; border-bottom: 10px solid #1e1e1e; } .rider .rider-rank span { float: left; text-align: center; font-size: 14px; line-height: 17px; width: 70px; } .rider .rider-rank span + span { float: right; width: auto; margin-top: 40px; } .rider .rider-rank span + span a { padding-left: 25px; background-image: url("../img/link.svg"); background-position: 0 0; background-repeat: no-repeat; } .rider .rider-rank span strong, .rider .rider-rank span b { font-size: 24px; display: block; padding-top: 10px; } .riders-list { clear: both; overflow: hidden; margin-left: -5px; margin-right: -5px; } @media all and (max-width: 1251px) { .rider { height: 320px; } } @media all and (max-width: 1025px) { .riders-list-page { margin-top: 0px; } .riders-list .rider { width: calc((100% / 3) - 10px); height: 310px; } .riders-list .rider .rider-name { width: calc(100% - 45px - 10px); } .riders-list .rider-flag { width: 45px; } .riders-list .rider-info { padding: 6px 10px 0px 10px; } .riders-list .rider-info-doubles { padding-top: 16px; } .riders-list .rider-rank { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } } @media all and (max-width: 640px) { .riders-list .rider { width: calc((100% / 2) - 10px); height: 350px; } } @media all and (max-width: 530px) { .riders-list .rider { width: calc(100% - 10px); height: auto; margin-bottom: 20px; } .riders-list .rider-rank { position: static; padding-top: 16px; } } .calendar-page { position: relative; margin-top: 3px; } .calendar-page .calendar-list { padding-bottom: 20px; width: calc(100% - 342px); } .calendar-page .calendar-list .calendar-item { margin-bottom: 10px; position: relative; clear: both; overflow: hidden; } .calendar-page .calendar-list .calendar-item .num { background-color: #000; color: #fff; position: absolute; width: 104px; height: 100%; top: 0px; left: 0px; } .calendar-page .calendar-list .calendar-item .num span { font-weight: bold; font-size: 56px; position: absolute; height: 36px; width: 70px; text-align: center; left: 50%; top: 50%; margin-left: -35px; margin-top: -18px; } .calendar-page .calendar-list .calendar-item .data { text-transform: uppercase; width: calc(100% - 106px); border: 1px solid #ccc; float: right; position: relative; } .calendar-page .calendar-list .calendar-item .data .info { text-align: center; width: calc(100% - 195px); } .calendar-page .calendar-list .calendar-item .data .info .city { padding-top: 10px; font-size: 40px; line-height: 44px; font-weight: bold; } .calendar-page .calendar-list .calendar-item .data .info .city a:hover { color: #666; } .calendar-page .calendar-list .calendar-item .data .info .country { font-size: 26px; color: #c10a27; } .calendar-page .calendar-list .calendar-item .data .info .place { margin-top: 5px; font-size: 26px; font-weight: bold; line-height: 38px; } .calendar-page .calendar-list .calendar-item .data .info .date { border-top: 1px solid #ccc; font-size: 22px; font-weight: bold; line-height: 54px; margin-top: 10px; } .calendar-page .calendar-list .calendar-item .data .links { position: absolute; width: 195px; height: 100%; border-left: 1px solid #ccc; top: 0px; right: 0px; padding: 0px 20px; } .calendar-page .calendar-list .calendar-item .data .links a { width: calc(100% - 40px); color: #fff; background-color: #c10a27; font-size: 18px; text-align: center; height: 44px; line-height: 44px; position: absolute; border-radius: 5px; font-weight: bold; left: auto; top: 50%; margin-top: -48px; } .calendar-page .calendar-list .calendar-item .data .links a + a { margin-top: 4px; } .calendar-page .calendar-list .calendar-item .data .links a:only-child { margin-top: -22px; } .calendar-page .calendar-list .calendar-item .data .links a:hover { background-color: #666 !important; } .calendar-page .calendar-list .calendar-item .data .links a.more { background-color: #000; } .calendar-page .calendar-list .calendar-item .data .links a.results { background-color: #999; } .calendar-page .calendar-list .calendar-item.passed .data .info * { color: #999; } @media all and (max-width: 1251px) { .calendar-page .calendar-list { width: calc(100% - 322px); } .calendar-page .calendar-list .calendar-item .num { width: 80px; } .calendar-page .calendar-list .calendar-item .data { width: calc(100% - 82px); } .calendar-page .calendar-list .calendar-item .data .info { width: calc(100% - 175px); } .calendar-page .calendar-list .calendar-item .data .links { width: 175px; padding: 0 10px; } .calendar-page .calendar-list .calendar-item .data .links a { width: calc(100% - 20px); } } @media all and (max-width: 1025px) { .calendar-page .calendar-list { width: 100%; } .calendar-page .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-left: 5px; padding-right: 5px; } .calendar-page .sidebar .item { float: left; width: calc(50% - 5px); } .calendar-page .sidebar .item:nth-child(even) { float: right; } } @media all and (max-width: 769px) { .calendar-page .calendar-list .calendar-item .data { padding-bottom: 84px; } .calendar-page .calendar-list .calendar-item .data .info { width: 100%; } .calendar-page .calendar-list .calendar-item .data .links { width: 100%; bottom: 0px; top: auto; left: 0px; height: 84px; border-left: 0px; border-top: 1px solid #ccc; text-align: center; } .calendar-page .calendar-list .calendar-item .data .links a { position: static; float: left; margin: 20px auto 0 auto !important; display: inline-block; width: calc(50% - 5px) !important; } .calendar-page .calendar-list .calendar-item .data .links a + a { float: right !important; } .calendar-page .calendar-list .calendar-item .data .links a:only-child { float: none !important; } } @media all and (max-width: 540px) { .calendar-page .calendar-list { padding-bottom: 0px; } .calendar-page .calendar-list .calendar-item { margin-bottom: 20px; } .calendar-page .calendar-list .calendar-item .num { width: 100%; position: static; margin-bottom: 2px; height: 36px; text-align: center; } .calendar-page .calendar-list .calendar-item .num span { position: static; margin: 0 auto; font-size: 26px; line-height: 36px; display: inline-block; } .calendar-page .calendar-list .calendar-item .data { width: 100%; } .calendar-page .calendar-list .calendar-item .data .info .city { font-size: 30px; line-height: 34px; padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .info .country { font-size: 22px; padding-top: 6px; padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .info .place { font-size: 22px; padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .info .date { padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .links a { font-size: 16px; } } @media all and (max-width: 633px) { .calendar-page .sidebar { padding-left: 0px; padding-right: 0px; } .calendar-page .sidebar .item { float: none !important; width: 100%; clear: both; overflow: hidden; max-width: 302px; margin-left: auto; margin-right: auto; } } .game-order { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; justify-content: center; } @media all and (max-width: 1025px) { .game-order { padding-top: 15px; } } @media all and (max-width: 769px) { .game-order { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } } .game-order-item { width: calc(100% / 2 - 30px); margin: 15px; border: 1px solid #ccc; padding: 25px 30px; } @media all and (max-width: 1025px) { .game-order-item { width: calc(100% / 2 - 30px); } } @media all and (max-width: 769px) { .game-order-item { flex-direction: column; margin: 10px; width: 100%; } } @media (max-width: 420px) { .game-order-item { padding: 25px 15px 10px 15px; } } .game-order-item__title { font-size: 18px; line-height: 24px; color: #c10a27; font-weight: 700; min-height: 48px; text-align: center; text-transform: uppercase; } @media all and (max-width: 769px) { .game-order-item__title { min-height: auto; } } .game-order-item__info { margin: 18px 0; font-size: 16px; line-height: 24px; } .game-order-item__info-element { margin-bottom: 15px; } .game-order-item__hour { font-weight: 700; } .game-order-item__game-type { font-style: italic; } .game-order-item__sup { color: #444; font-size: 10px; } @media all and (max-width: 1025px) { .page-orden-juego .news-filters, .page-cuadros .news-filters { margin-top: 10px; } } .results-banners { padding-top: 5px; padding-bottom: 35px; clear: both; overflow: hidden; text-align: center; } .results-banners .results-banner .next-race { border: 1px solid #ccc; margin-left: auto; margin-right: auto; width: 300px; } .results-banners .results-banner .live-results-banner { width: 300px; margin-left: auto; margin-right: auto; } .results-filters { clear: both; overflow: hidden; text-align: center; height: 60px; } .results-filters .results-filters-list { display: inline-block; } .results-filters .results-filters-list .styled-select { float: left; width: 302px; } .results-filters .results-filters-list .styled-select + .styled-select { margin-left: 50px; } .table.results { margin-top: 30px !important; } .results-lists { padding-bottom: 35px; } .results-lists .results-label { font-size: 16px; font-weight: 600; line-height: 19px; padding-bottom: 28px; padding-top: 8px; text-align: center; } .results-lists .caption { color: #c10a27; font-weight: bold; text-transform: uppercase; } .results-lists h6 { margin-bottom: 15px; } .results-lists h5 { text-transform: uppercase; font-size: 22px !important; line-height: 25px !important; margin-bottom: 15px; } .results-lists .results-clock { float: left; margin-right: 8px; } .results-lists .results-clock svg { width: 25px; height: 25px; } .results-lists .results-reload { color: #000; } .results-lists .results-reload:hover { color: #c10a27; } .results-standings { clear: both; overflow: hidden; } .results-standings .results-list { float: left; width: calc(50% - 25px); padding-top: 12px; } .results-standings .results-list + .results-list { float: right; } .results-list.complete-race { width: 100%; padding-bottom: 10px; } .results-list.complete-race .heat-container { margin-top: 50px; } .results-list.complete-race .heat-container.first { margin-top: 0; } .results-list.complete-race .tr { clear: both; overflow: hidden; } .results-list.complete-race .round { color: #fff; background-color: #c10a27; text-transform: uppercase; font-size: 22px; line-height: 40px; padding: 0 15px; font-weight: bold; margin-bottom: 10px; } .results-list.complete-race .round + .heat-container { margin-top: 0 !important; } .results-list.complete-race .td { float: left; text-align: center; } .results-list.complete-race .td.p { width: 100px; padding-left: 20px; font-weight: bold; } .results-list.complete-race .td.n { width: 110px; } .results-list.complete-race .td.q { width: 30px; } .results-list.complete-race .td.r { width: 324px; padding-left: 70px; text-align: left; font-weight: bold; } .results-list.complete-race .td.t { width: 200px; padding-left: 50px; padding-right: 20px; text-align: left; } .results-list.complete-race .td.s { width: 50px; } .results-list.complete-race .td.s b { display: none; } .results-list.complete-race .td.pos { display: block; width: 100px; margin-left: 45px; margin-right: 25px; } .results-list.complete-race .td.tot { width: 160px; padding-left: 70px; padding-right: 20px; text-align: center; font-weight: bold; } .results-list.complete-race .td.np { width: 50px; } .results-list.complete-race .td.np.nq { width: 30px; color: #fff; background-color: #c10a27; font-weight: bold; margin-left: 10px; margin-right: 10px; } .results-list.complete-race .td.nn { width: 150px; padding-left: 20px; text-align: left; font-weight: bold; } .results-list.complete-race .td.nf { width: 70px; } .results-list.complete-race .td.nr { width: 200px; padding-left: 20px; text-align: left; font-weight: bold; } .results-list.complete-race .td.nb { width: 150px; padding-left: 20px; text-align: left; } .results-list.complete-race .td.ns { width: 40px; } .results-list.complete-race .td.ns b { display: none; } .results-list.complete-race .td.nr1 { width: 70px; } .results-list.complete-race .td.nr2 { width: 70px; } .results-list.complete-race .td.nrf { width: 70px; } .results-list.complete-race .td.nrt { width: 80px; } .results-list.complete-race .td.ntm { width: 90px; } .results-list.complete-race .td .longname { display: inline-block; } .results-list.complete-race .td .shortname { display: none; } .results-list.complete-race .trn hr { height: 6px; } .results-list.complete-race .trn .npt { margin-top: 15px; } .results-list.complete-race .round1 .nr1 { font-weight: bold; color: #c10a27; } .results-list.complete-race .round1 .nr { margin-left: 188px; } .results-list.complete-race .round2 .nr2 { font-weight: bold; } .results-list.complete-race .round2 .nrt { font-weight: bold; color: #c10a27; } .results-list.complete-race .round2 .nr { margin-left: 38px; } .results-list.complete-race .round3 .nrf { font-weight: bold; } .results-list.complete-race .round3 .nrt { font-weight: bold; color: #c10a27; } .results-list.complete-race .round3 .nr { margin-left: 58px; } .results-list.complete-race .finalround .nrt { font-weight: bold; color: #c10a27; } .results-list.complete-race .finalround .nf { margin-left: 68px; } .results-list.complete-race .finalround .nr { margin-left: 130px; } .results-list.complete-race .finalround .nb { margin-left: 100px; } .results-list.complete-race .thead { font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 30px; border-bottom: 1px solid #ccc; margin-left: 15px; margin-right: 15px; } .results-list.complete-race .tbody { margin-left: 15px; margin-right: 15px; } .results-list.complete-race .tbody .tr { border-bottom: 1px solid #ccc; padding-bottom: 9px; padding-top: 8px; } .results-list.complete-race .tbody .td.tot { color: #c10a27; } .results-list.complete-race .tbody .td.z span { color: #c10a27; } .results-list.complete-race .tbody .td.q.pos { width: 30px; color: #fff; background-color: #c10a27; font-weight: bold; } .results-list.complete-race .tbody .td.q.h { white-space: nowrap; text-transform: uppercase; font-weight: bold; } .results-list.complete-race .ts { height: 7px; background-color: #ccc; } .results-list.complete-race .label { display: none; } @media all and (max-width: 1251px) { .results-list.complete-race .thead, .results-list.complete-race .tbody { margin-left: 0px; margin-right: 0px; } .results-list.complete-race .td.p { padding-left: 0px; } .results-list.complete-race .td.pos { margin-left: 30px; margin-right: 40px; } .results-list.complete-race .td.r { width: 190px; padding-left: 40px; } .results-list.complete-race .td.t { width: 170px; } .results-list.complete-race .tot { width: 130px !important; padding-left: 40px !important; padding-right: 0px !important; } .results-list.complete-race .td.nn { width: 130px; } .results-list.complete-race .td.nr { width: 170px; } .results-list.complete-race .td.nb { width: 90px; } .results-list.complete-race .td.ntm, .results-list.complete-race .td.nr1, .results-list.complete-race .td.nr2, .results-list.complete-race .td.nrf, .results-list.complete-race .td.nrt { width: 60px; } .results-list.complete-race .round1 .nr { margin-left: 12px; } .results-list.complete-race .round1 .nr1 { margin-left: 60px; } .results-list.complete-race .round1 .ntm { margin-left: 60px; } .results-list.complete-race .round2 .nr { margin-left: 12px; } .results-list.complete-race .round3 .nr { margin-left: 12px; } .results-list.complete-race .finalround .nf { margin-left: 0px; } .results-list.complete-race .finalround .nr { margin-left: 12px; } .results-list.complete-race .finalround .nb { margin-left: 0px; } .results-list.complete-race .finalround .nr1 { margin-left: 60px; } .results-list.complete-race .finalround .nr2 { margin-left: 60px; } .results-list.complete-race .finalround .nrf { margin-left: 60px; } .results-list.complete-race .finalround .nrt { margin-left: 60px; } } @media all and (max-width: 1025px) { .results-banners .results-banner { width: 298px; } .results-banners .xtrial { display: none; } .results-banners .live-scoring { width: calc(100% - 318px); } .results-filters .results-filters-list { width: 100%; } .results-filters .results-filters-list .styled-select { width: calc(50% - 25px); } .results-standings .results-list { float: none; width: 100%; } .results-standings .results-list + .results-list { margin-top: 10px; } .results-list.complete-race .td .longname { display: none; } .results-list.complete-race .td .shortname { display: inline-block; } .results-list.complete-race .td.r { padding-left: 36px; width: 130px; } .results-list.complete-race .td.t { padding-left: 15px; width: 116px; padding-right: 0px; } .results-list.complete-race .td.s { width: 40px; } .results-list.complete-race .td.p { width: 80px; } .results-list.complete-race .td.pos { margin-left: 25px !important; margin-right: 25px !important; } .results-list.complete-race .td.tot { width: 70px !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: 0 !important; } .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb, .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr, .results-list.complete-race .round1 .nr2, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2, .results-list.complete-race .finalround .nr2, .results-list.complete-race .round1 .nr1, .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .finalround .nr1, .results-list.complete-race .round1 .nrf, .results-list.complete-race .round2 .nrf, .results-list.complete-race .round3 .nrf, .results-list.complete-race .finalround .nrf, .results-list.complete-race .round1 .nrt, .results-list.complete-race .round2 .nrt, .results-list.complete-race .round3 .nrt, .results-list.complete-race .finalround .nrt, .results-list.complete-race .round1 .ntm, .results-list.complete-race .round2 .ntm, .results-list.complete-race .round3 .ntm, .results-list.complete-race .finalround .ntm { margin-left: 0px; } .results-list.complete-race .round1 .nn, .results-list.complete-race .round2 .nn, .results-list.complete-race .round3 .nn, .results-list.complete-race .finalround .nn { padding-left: 0px; } .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr, .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb { padding-left: 10px; } .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr { width: 110px; } .results-list.complete-race .round1 .nn, .results-list.complete-race .round2 .nn, .results-list.complete-race .round3 .nn, .results-list.complete-race .finalround .nn { width: 105px; } .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb { width: 80px; } .results-list.complete-race .round1 .nf, .results-list.complete-race .round2 .nf, .results-list.complete-race .round3 .nf, .results-list.complete-race .finalround .nf { width: 60px; } .results-list.complete-race .round1 .ntm, .results-list.complete-race .round2 .ntm, .results-list.complete-race .round3 .ntm, .results-list.complete-race .finalround .ntm, .results-list.complete-race .round1 .nrf, .results-list.complete-race .round2 .nrf, .results-list.complete-race .round3 .nrf, .results-list.complete-race .finalround .nrf, .results-list.complete-race .round1 .nrt, .results-list.complete-race .round2 .nrt, .results-list.complete-race .round3 .nrt, .results-list.complete-race .finalround .nrt { width: 50px; } .results-list.complete-race .round1 .nr1, .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .finalround .nr1, .results-list.complete-race .round1 .nr2, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2, .results-list.complete-race .finalround .nr2 { width: 40px; } .results-list.complete-race .round2 .ns, .results-list.complete-race .round3 .ns { width: 28px; } .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2 { width: 35px; } .results-list.complete-race .finalround .nf { width: 80px; } .results-list.complete-race .finalround .nr { width: 150px; } .results-list.complete-race .finalround .nb { width: 120px; } .results-list.complete-race .finalround .nr1, .results-list.complete-race .finalround .nr2, .results-list.complete-race .finalround .nrf, .results-list.complete-race .finalround .nrt { width: 60px; } } @media all and (max-width: 769px) { .results-banners .results-banner { float: none !important; margin-left: auto; margin-right: auto; width: 100% !important; } .results-banners .results-banner .counter { float: none; width: auto; } .results-banners .results-banner .counter .next-race { width: 100%; } .results-banners .results-banner.live-scoring { margin-top: 20px; } .results-list.complete-race .thead { display: none; } .results-list.complete-race .td.q { width: 100%; text-align: left; font-weight: bold; } .results-list.complete-race .td.n { width: 100%; padding-left: 0 !important; text-align: left; } .results-list.complete-race .td.r { width: 100%; padding-left: 0px; } .results-list.complete-race .td.t { width: 100%; padding-left: 0px; } .results-list.complete-race .td.s { width: 16.66667%; text-align: left; } .results-list.complete-race .td.s b { display: inline-block; } .results-list.complete-race .td.p { width: 100%; text-align: left; } .results-list.complete-race .td.pos { width: 100% !important; text-align: left; margin-left: 0 !important; } .results-list.complete-race .td.tot { width: 100% !important; text-align: left; padding-left: 0 !important; } .results-list.complete-race .td .longname { display: inline-block; } .results-list.complete-race .td .shortname { display: none; } .results-list.complete-race .label { display: inline-block; } .results-list.complete-race .tbody .td.q.pos { color: #c10a27; background-color: transparent; } .results-list.complete-race .round1 .nn, .results-list.complete-race .round2 .nn, .results-list.complete-race .round3 .nn, .results-list.complete-race .finalround .nn, .results-list.complete-race .round1 .np, .results-list.complete-race .round2 .np, .results-list.complete-race .round3 .np, .results-list.complete-race .finalround .np, .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb, .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr, .results-list.complete-race .round1 .nr2, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2, .results-list.complete-race .finalround .nr2, .results-list.complete-race .round1 .nr1, .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .finalround .nr1, .results-list.complete-race .round1 .nrf, .results-list.complete-race .round2 .nrf, .results-list.complete-race .round3 .nrf, .results-list.complete-race .finalround .nrf, .results-list.complete-race .round1 .nrt, .results-list.complete-race .round2 .nrt, .results-list.complete-race .round3 .nrt, .results-list.complete-race .finalround .nrt, .results-list.complete-race .round1 .ntm, .results-list.complete-race .round2 .ntm, .results-list.complete-race .round3 .ntm, .results-list.complete-race .finalround .ntm, .results-list.complete-race .round1 .npt, .results-list.complete-race .round2 .npt, .results-list.complete-race .round3 .npt, .results-list.complete-race .finalround .npt { width: 100%; text-align: left; padding-left: 0px; } .results-list.complete-race .round1 .ns, .results-list.complete-race .round2 .ns, .results-list.complete-race .round3 .ns, .results-list.complete-race .finalround .ns { display: none; } .results-list.complete-race .round1 .npt, .results-list.complete-race .round2 .npt, .results-list.complete-race .round3 .npt, .results-list.complete-race .finalround .npt { margin-top: 0px; } .results-list.complete-race .round1 .nq, .results-list.complete-race .round2 .nq, .results-list.complete-race .round3 .nq, .results-list.complete-race .finalround .nq { margin-left: 0px !important; margin-right: 0px !important; width: auto !important; color: #c10a27 !important; background-color: transparent !important; } .results-list.complete-race .round1 hr, .results-list.complete-race .round2 hr, .results-list.complete-race .round3 hr, .results-list.complete-race .finalround hr { height: 0px !important; } .results-list.season-standings.complete ul { width: 100%; float: none !important; } } @media all and (max-width: 540px) { /* CLASSIFICACIONS */ .results-filters { height: auto; } .results-filters .results-filters-list { padding-bottom: 5px; } .results-filters .results-filters-list .styled-select { width: 100%; } .results-filters .results-filters-list .styled-select + .styled-select { margin-left: 0px; margin-top: 10px; } } .results-list.classification, .results-list.classification2 { width: 100%; padding-bottom: 10px; } .results-list.classification .heat-container, .results-list.classification2 .heat-container { margin-top: 50px; } .results-list.classification .heat-container.first, .results-list.classification2 .heat-container.first { margin-top: 0; } .results-list.classification .tr, .results-list.classification2 .tr { clear: both; overflow: hidden; } .results-list.classification .round, .results-list.classification2 .round { color: #fff; background-color: #c10a27; text-transform: uppercase; font-size: 22px; line-height: 40px; padding: 0 15px; font-weight: bold; margin-bottom: 10px; } .results-list.classification .round + .heat-container, .results-list.classification2 .round + .heat-container { margin-top: 0 !important; } .results-list.classification .td, .results-list.classification2 .td { float: left; text-align: center; } .results-list.classification .td .longname, .results-list.classification2 .td .longname { display: inline-block; } .results-list.classification .td .shortname, .results-list.classification2 .td .shortname { display: none; } .results-list.classification .thead, .results-list.classification2 .thead { font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 30px; border-bottom: 1px solid #ccc; margin-left: 15px; margin-right: 15px; } .results-list.classification .tbody, .results-list.classification2 .tbody { margin-left: 15px; margin-right: 15px; } .results-list.classification .tbody .tr, .results-list.classification2 .tbody .tr { border-bottom: 1px solid #ccc; padding-bottom: 9px; padding-top: 8px; } .results-list.classification .ts, .results-list.classification2 .ts { height: 7px; background-color: #ccc; } .results-list.classification .label, .results-list.classification2 .label { display: none; } .results-list.classification .table + .table, .results-list.classification2 .table + .table { margin-top: 30px; } .results-list.classification2 { padding-bottom: 50px; } .results-list.classification2 a { color: #000; } .results-list.classification2 a:hover { color: #c10a27; } .results-list.classification2 .table.results { margin-top: 20px !important; } .results-list.classification { width: 100%; padding-bottom: 10px; } .results-list.classification .heat-container { margin-top: 50px; } .results-list.classification .heat-container.first { margin-top: 0; } .results-list.classification .tr { clear: both; overflow: hidden; } .results-list.classification .round { color: #fff; background-color: #c10a27; text-transform: uppercase; font-size: 22px; line-height: 40px; padding: 0 15px; font-weight: bold; margin-bottom: 10px; } .results-list.classification .td { float: left; text-align: center; } .results-list.classification .td.p { width: 30px !important; padding-left: 0px; font-weight: bold; } .results-list.classification .td.pos { width: 30px; margin-left: 0px; margin-right: 0px; } .results-list.classification .td.n { width: 110px; } .results-list.classification .td.q { width: 30px; } .results-list.classification .td.r { width: 324px; padding-left: 70px; text-align: left; font-weight: bold; } .results-list.classification .td.t { width: 200px; padding-left: 50px; padding-right: 20px; text-align: left; } .results-list.classification .td.s { width: 50px; } .results-list.classification .td.s b { display: none; } .results-list.classification .td.tot { width: 94px; padding-right: 20px; text-align: center; font-weight: bold; } .results-list.classification .tbody .td.tot { color: #c10a27; } .results-list.classification .tbody .td.t { text-align: left; } .results-list.classification .tbody .td.q.pos { width: 30px; color: #fff; background-color: #c10a27; font-weight: bold; } .results-list.classification .tbody .td.q.h { white-space: nowrap; text-transform: uppercase; font-weight: bold; } .results-list.classification .tbody .td.classification-round-reached { text-transform: uppercase; text-align: right; width: 150px; } .results-list.classification2 .td.longname { display: inline-block; } .results-list.classification2 .td.shortname { display: none; } .results-list.classification2 .td.p { width: 30px !important; padding-left: 0px; font-weight: bold; } .results-list.classification2 .td.pos { width: 30px; margin-left: 0px; margin-right: 0px; } .results-list.classification2 .td.n { width: 50px; } .results-list.classification2 .td.q { width: 30px; } .results-list.classification2 .td.r { width: 200px; padding-left: 40px; text-align: left; font-weight: bold; } .results-list.classification2 .td.t { width: 100px; padding-left: 30px; padding-right: 0px; text-align: left; } .results-list.classification2 .td.l { width: 90px; } .results-list.classification2 .td.tot { width: 80px; padding-left: 30px; padding-right: 0px; text-align: center; font-weight: bold; } .results-list.classification2 .tbody .td.tot { color: #c10a27; } .results-list.classification2 .tbody .td.q.pos { width: 30px; color: #fff; background-color: #c10a27; font-weight: bold; } .results-list.classification2 .tbody .td.q.h { white-space: nowrap; text-transform: uppercase; font-weight: bold; } @media all and (max-width: 1251px) { .results-list.classification .thead, .results-list.classification .tbody { margin-left: 0px; margin-right: 0px; } .results-list.classification .td.r { width: 200px; padding-left: 40px; } .results-list.classification .td.t { width: 162px; } .results-list.classification .td.classification-round-reached { width: 140px; } .results-list.classification .tot { width: 50px !important; padding-right: 0px !important; } .results-list.classification2 .thead, .results-list.classification2 .tbody { margin-left: 0px; margin-right: 0px; } .results-list.classification2 .td.t { width: 130px; } .results-list.classification2 .td.l { width: 60px; } .results-list.classification2 .td.l.longname { display: none; } .results-list.classification2 .td.l.shortname { display: inline-block; } } @media all and (max-width: 1025px) { .results-list.classification .td .longname { display: none; } .results-list.classification .td .shortname { display: inline-block; } .results-list.classification .td.r { padding-left: 36px; width: 135px; } .results-list.classification .td.n { padding-left: 0 !important; margin-left: 0 !important; width: 59px; } .results-list.classification .td.t { padding-left: 0px; width: 80px; padding-right: 0px; } .results-list.classification .td.s { width: 40px; } .results-list.classification .td.p { width: 80px; } .results-list.classification .td.tot { margin-left: 0px !important; margin-right: 0px !important; } .results-list.classification2 .td .longname { display: none; } .results-list.classification2 .td .shortname { display: inline-block; } .results-list.classification2 .td.r { padding-left: 15px; width: 120px; } .results-list.classification2 .td.p { width: 30px; } .results-list.classification2 .td.t { padding-left: 10px; width: 80px; padding-right: 0px; } .results-list.classification2 .td.l { width: 48px; } } @media all and (max-width: 769px) { .results-list.classification .td.classification-round-reached { text-align: left !important; } .results-list.classification .td.r { width: 130px; padding-left: 20px; } .results-list.classification .td.n { width: 80px; } .results-list.classification2 .td.l { width: 45px; padding-left: 10px; } .thead { display: none; } .results-standings .thead { display: inline; } .results-list.classification .td.q, .results-list.classification2 .td.q { width: 100%; text-align: left; font-weight: bold; } .results-list.classification .td.n, .results-list.classification2 .td.n { width: 100%; padding-left: 0 !important; text-align: left; } .results-list.classification .td.r, .results-list.classification2 .td.r { width: 100%; padding-left: 0px; } .results-list.classification .td.t, .results-list.classification2 .td.t { width: 100%; padding-left: 0px; } .results-list.classification .td.s, .results-list.classification2 .td.s { width: 16.66667%; text-align: left; } .results-list.classification .td.s b, .results-list.classification2 .td.s b { display: inline-block; } .results-list.classification .td.p, .results-list.classification2 .td.p { width: 50; text-align: left; } .results-list.classification .td.pos, .results-list.classification2 .td.pos { width: 100% !important; text-align: left; margin-left: 0 !important; } .results-list.classification .td.tot, .results-list.classification2 .td.tot { width: 100% !important; text-align: left; padding-left: 0 !important; } .results-list.classification .td .longname, .results-list.classification2 .td .longname { display: inline-block; } .results-list.classification .td .shortname, .results-list.classification2 .td .shortname { display: none; } .results-list.classification .label, .results-list.classification2 .label { display: inline-block; } .results-list.classification .tbody .td.q.pos, .results-list.classification2 .tbody .td.q.pos { color: #c10a27; background-color: transparent; } .results-list.classification2 .td.l { width: 200px; display: block; clear: both; padding-left: 0; text-align: right; } .results-list.classification2 .tbody .td.first { margin-top: 10px !important; } .results-list.classification2 .tbody .td.last { margin-bottom: 10px !important; } .results-list.classification2 .label { display: inline-block; float: left; } } .results-lists .more { text-align: center; } .results-lists .more a { display: inline-block; margin: 0 auto 15px auto; padding: 16px; min-width: 300px; color: #fff; background-color: #c10a27; border-radius: 6px; text-transform: uppercase; line-height: 12px; font-size: 18px; font-weight: bold; } .results-lists .more a:hover { background-color: #000; } .results-box { /* Cuadros */ } .results-box .no-results { padding: 20px; text-align: center; background-color: #ebe9e9; } .results-box .results-header { background: #c10a27; margin-bottom: 4px; } .results-box .results-header-title { font-family: "Montserrat", sans-serif; text-align: center; color: #fff; font-size: 18px; line-height: 26px; padding: 10px 20px; /* Dropdown style */ } .results-box .select-container { background: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; clear: both; overflow: hidden; } .results-box .container-icon { float: left; width: 185px; position: relative; } .results-box .container-icon + .container-icon { width: calc(100% - 185px); float: right; } @media all and (max-width: 1251px) { .results-box .container-icon { width: 160px; } .results-box .container-icon + .container-icon { width: calc(100% - 160px); } } .results-box .select-rounds, .results-box .select-type { outline: none; } .results-box .icon { z-index: 1; position: absolute; font-size: 16px; top: 50%; transform: translateY(-50%); width: 20px; pointer-events: none; } .results-box .icon.arrow { right: 8px; } .results-box .icon.bt-calendar { left: 8px; } .results-box .select-rounds, .results-box .select-type { background: #fff; position: relative; appearance: none; width: 100%; padding: 10px; text-align: left; font-weight: 500; font-size: 16px; line-height: 26px; font-weight: bold; } .results-box .select-rounds { text-align: center; } @media all and (max-width: 1251px) { .results-box .select-type { padding-left: 0px; } .results-box .select-rounds { text-align: left; } .results-box .bt-calendar { display: none; } } @media (max-width: 553px) { .results-box { /* Table player results */ } .results-box .container-icon { width: 185px; } .results-box .container-icon + .container-icon { width: calc(100% - 185px); } .results-box .select-type { text-align: right; padding-right: 30px; } .results-box .select-rounds { padding-left: 34px; } .results-box .bt-calendar { display: block; } } .results-box .container-grid { position: relative; border: 1px solid #ccc; height: 539px; overflow-y: scroll; } @media all and (max-width: 1251px) { .results-box .container-grid { height: 459px; } } @media (max-width: 553px) { .results-box .container-grid.empty-results { height: auto; } } .results-box .container-grid-players > .list-item { padding: 10px 15px; display: grid; grid-template-columns: 1fr auto; } .results-box .container-grid-players .list-item:nth-child(odd) { background-color: #ebe9e9; } .results-box .list-players, .results-box .list-points { display: grid; grid-template-rows: repeat(2, 1fr); row-gap: 10px; } .results-box .couples p:nth-of-type(1) { margin-bottom: 5px; } .results-box .live { display: flex; align-items: center; } .results-box .live .red-circle { width: 10px; height: 10px; background-color: #c10a27; border-radius: 50%; margin-right: 10px; box-shadow: 0px 0px 10px 0px #fb0000; } .results-box .player, .results-box .points { position: relative; font-family: "Lato", sans-serif; font-size: 15px; line-height: 17px; font-weight: 400; align-self: center; } .results-box .player-bye { color: #6d6a6a; font-style: italic; } .results-box .player-wildcat { position: absolute; top: -3px; font-size: 10px; padding-left: 5px; } .results-box .player-name { position: relative; } .results-box .player-seed { position: absolute; top: -3px; font-size: 10px; right: -24px; color: #6d6a6a; } .results-box .player-seed.q { right: -12px; } .results-box .player-seed.ll { right: -15px; } .results-box .player-seed.se { right: -17px; } .results-box .player-status { text-transform: uppercase; font-style: italic; padding-left: 5px; font-size: 0.7rem; } .results-box .points { width: 100%; display: grid; grid-template-columns: repeat(3, auto); justify-self: flex-end; gap: 15px; } .results-box .point { position: relative; } .results-box .point sup { position: absolute; top: -6px; font-size: 12px; right: -8px; } .results-box .point sup.super { font-size: 7px; } .results-box .player.winner { color: #c10a27; } .results-box .point.winner { font-weight: 700; } .results-box .loader { display: none; background-color: #fff; z-index: 20; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; justify-content: center; } .results-box .loader.active { display: flex; } .results-box .loader img { width: 100%; height: 100%; } #results { position: relative; /* Navigation Grid */ margin-top: 60px; } #results .nav { position: relative; display: grid; grid-template-columns: repeat(5, 247.6px); grid-column: 1/6; position: sticky; top: 0px; background-color: #fff; z-index: 1; border-bottom: 1px solid #ebe9e9; border-top: 1px solid #ebe9e9; } #results .nav-item { display: flex; justify-content: space-around; text-align: center; align-self: center; text-transform: uppercase; color: #c10a27; font-weight: bold; font-size: 12px; } #results .arrow-navigation { display: none; z-index: 1; justify-content: space-between; align-items: center; position: sticky; top: 0; left: 0; width: 100%; background-color: #fff; } #results .arrow-navigation button { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 100px; background-color: #c10a27; color: #fff; } #results .arrow-navigation .next.disabled, #results .arrow-navigation .prev.disabled { pointer-events: none; opacity: 0.5; } #results .arrow-navigation button img { filter: invert(1); width: 20px; height: 20px; } #results .arrow-navigation.sticky { position: fixed; background: transparent; } #results .arrow-navigation.sticky button.prev { margin-left: 10px; } #results .arrow-navigation.sticky button.next { margin-right: 10px; /* Table */ } #results .table-grid { position: relative; display: grid; grid-template-columns: repeat(5, 247.6px); grid-template-rows: 40px 40px auto; margin: 0 auto; height: 2060px; overflow: scroll; } #results .table-round { grid-row: 3/4; } #results .table-round-1 { display: grid; grid-template-rows: repeat(16, 1fr); } #results .table-round-2 { display: grid; grid-template-rows: repeat(8, 1fr); } #results .table-round-3 { display: grid; grid-template-rows: repeat(4, 1fr); grid-column: 3/4; } #results .table-round-4 { display: grid; grid-template-rows: repeat(2, 1fr); } #results .table-round-5 { display: grid; grid-template-rows: repeat(1, 1fr); } #results .table-row { position: relative; display: grid; grid-template-rows: repeat(2, 1fr); } #results .table-row::after { content: ""; position: absolute; right: 0; width: 1px; background: lightgray; } #results .table-row:nth-child(odd)::after { bottom: 0px; } #results .table-row:nth-child(even)::after { top: -1px; /* Round 1 */ } #results .table-row.round-1::after { height: 63px; /* Round 2 */ } #results .table-row.round-2::after { height: 124px; /* Round 3 */ } #results .table-row.round-3::after { height: 248px; /* Round 4 */ } #results .table-row.round-4::after { height: 495px; } #results .table-player { display: grid; grid-template-columns: auto auto; padding: 0px 15px 0 10px; } #results .table-player:nth-of-type(1) { grid-column: 1/3; grid-row: 1/2; align-self: flex-end; padding-bottom: 5px; border-bottom: 1px solid lightgrey; } #results .table-player:nth-of-type(2) { grid-column: 1/3; grid-row: 2/3; align-self: flex-start; padding-top: 5px; /* Points */ } #results .list-results { display: flex; gap: 15px; justify-content: flex-end; font-size: 0.8125rem; } #results .table-player:first-child .list-results { align-items: flex-end; } #results .point { opacity: 0.5; position: relative; display: inline-block; text-align: center; } #results .point.winner { opacity: 1; font-weight: 700; } #results .point sup { position: absolute; top: -6px; right: -8px; font-size: 0.7rem; /* Players */ } #results .point sup.super { font-size: 0.45rem; } #results .player-name { position: relative; font-size: 0.8125rem; } #results .player-name.winner { color: #c10a27; } #results .player-name span { position: relative; display: inline-block; } #results .player-seed { position: absolute; top: -6px; right: -25px; color: #6d6a6a; } #results .player-bye { color: #6d6a6a; font-style: italic; } #results .player-status { text-transform: uppercase; font-style: italic; padding-left: 5px; font-size: 0.7rem; /* Responsive @media (max-width: 768px) { .arrow-navigation { display: flex; } .nav { grid-template-columns: repeat(5, 1fr); } .table-grid { grid-template-columns: repeat(5, 100%); overflow-x: hidden; } } */ /* Responsive */ } @media (max-width: 768px) { #results { /* Casos de menos rondas */ } #results .nav { grid-template-columns: repeat(5, 1fr); } #results .table-grid { grid-template-columns: repeat(5, 100%); } } #results .table-row:empty::after { display: none; } #results .table-grid.max-rounds-4 { grid-template-columns: repeat(4, 309.5px); } #results .table-grid.max-rounds-4 .nav { grid-template-columns: repeat(4, 309.5px); /* Responsive */ } @media (max-width: 768px) { #results .table-grid.max-rounds-4 { grid-template-columns: repeat(4, 100%); } #results .table-grid.max-rounds-4 .nav { grid-template-columns: repeat(4, 1fr); } } #results .table-grid.max-rounds-4 .table-row.round-4:after { display: none; } #results .table-grid.max-rounds-4 .table-round-5, #results .table-grid.max-rounds-4 .nav-item-5 { display: none; } #results .table-grid.max-rounds-3 { grid-template-columns: repeat(3, 412.6px); } #results .table-grid.max-rounds-3 .nav { grid-template-columns: repeat(3, 412.6px); /* Responsive */ } @media (max-width: 768px) { #results .table-grid.max-rounds-3 { grid-template-columns: repeat(3, 100%); } #results .table-grid.max-rounds-3 .nav { grid-template-columns: repeat(3, 1fr); } } #results .table-grid.max-rounds-3 .table-round-4, #results .table-grid.max-rounds-3 .nav-item-4, #results .table-grid.max-rounds-3 .table-round-5, #results .table-grid.max-rounds-3 .nav-item-5 { display: none; } #results .table-grid.max-rounds-2 { grid-template-columns: repeat(2, 619px); } #results .table-grid.max-rounds-2 .nav { grid-template-columns: repeat(2, 619px); /* Responsive */ } @media (max-width: 768px) { #results .table-grid.max-rounds-2 { grid-template-columns: repeat(2, 100%); } #results .table-grid.max-rounds-2 .nav { grid-template-columns: repeat(2, 1fr); } } #results .table-grid.max-rounds-2 .table-round-3, #results .table-grid.max-rounds-2 .nav-item-3, #results .table-grid.max-rounds-2 .table-round-4, #results .table-grid.max-rounds-2 .nav-item-4, #results .table-grid.max-rounds-2 .table-round-5, #results .table-grid.max-rounds-2 .nav-item-5 { display: none; } .page-cuadros .documents-list { padding-bottom: 30px; } .partner-category { text-align: center; margin-top: 54px; } .partner-category:nth-child(1) { margin-top: -3px; } .partner-category .flex { display: flex; flex-flow: row wrap; justify-content: center; } .partner-category .flex .item { margin-top: 30px; } .partner-category .flex .item img { display: block; } .partner-category.title-sponsors .flex { width: calc(100% + 60px); margin-left: -30px; } .partner-category.title-sponsors .flex .item img { width: 543px; height: 61px; margin-left: 30px; margin-right: 30px; } .partner-category.event-partners .flex { width: calc(100% + 60px); margin-left: -30px; } .partner-category.event-partners .flex .item img { width: 543px; height: 61px; margin-left: 30px; margin-right: 30px; } .partner-category.main-sponsors .flex { width: calc(100% + 50px); margin-left: -25px; } .partner-category.main-sponsors .flex .item img { width: 458px; height: 51px; margin-left: 25px; margin-right: 25px; } .partner-category.official-partners .flex { width: calc(100% + 40px); margin-left: -20px; } .partner-category.official-partners .flex .item img { width: 372px; height: 42px; margin-left: 20px; margin-right: 20px; } .partner-category.official-supporters .flex { width: calc(100% + 30px); margin-left: -15px; } .partner-category.official-supporters .flex .item img { width: 286px; height: 32px; margin-left: 15px; margin-right: 15px; } .partner-category:last-of-type { margin-bottom: 50px; } @media all and (max-width: 1025px) { .partner-category .flex { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .partner-category .flex .item { width: 543px; } .partner-category .flex .item img { margin-left: auto !important; margin-right: auto !important; } } @media all and (max-width: 563px) { .partner-category .flex .item { width: 100%; } .partner-category.title-sponsors .flex .item img { width: 458px; height: 51px; } .partner-category.event-partners .flex .item img { width: 458px; height: 51px; } } @media all and (max-width: 478px) { .partner-category .flex .item img { width: 286px !important; height: 32px !important; } } /* listado */ .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; /* with legacy responsive */ } @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: 10px; 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: #c10a27; } .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(1), .gallery-list-item:nth-child(3) { 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: 1024px) { .gallery-list-more { max-width: calc((100% / 3) - 30px); } } .gallery-list-more .btn { font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .gallery-list-alert { padding: 33px 0 22px 0; } @media all and (max-width: 1025px) { .news-filters + .gallery-list { padding-top: 20px; } } .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: #c10a27; text-transform: uppercase; font-family: "Montserrat", 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: "Lato", 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: "Montserrat", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .gallery-detail-list-alert { padding: 33px 0 22px 0; } /* listado */ .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; /* with legacy responsive */ } @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: #c10a27; } .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) { width: calc((100% / 2) - 30px); } .videos-list-item:nth-child(1) .caption, .videos-list-item:nth-child(2) .caption { font-weight: bold; font-size: 22px; line-height: 32px; margin-top: 9px; margin-bottom: -3px; } .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 { 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 { 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: "Montserrat", sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; } .videos-list-alert { padding: 33px 0 22px 0; } @media all and (max-width: 1025px) { .news-filters + .videos-list { padding-top: 20px; } } .videos-results { padding-top: 13px; padding-bottom: 12px; font-weight: bold; /* relacionados */ } .videos-related { border-top: 1px solid #ccc; padding-top: 6px; margin-top: 26px; /* detalle */ } .videos-related-list { clear: both; overflow: hidden; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding: 0 0 2px 0; } @media all and (min-width: 768px) { .videos-related-list { padding-bottom: 22px; } } @media all and (min-width: 1024px) { .videos-related-list { padding-bottom: 32px; } } .videos-related-list-item { float: left; margin: 0 15px; padding: 0 0 31px 0; /* with legacy responsive */ } @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: #c10a27; } @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: "Lato", 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; } .page-account .inside-body { padding-top: 18px; } .page-account .inside-body p { text-align: center; } .page-account .inside-body p:last-child { margin-bottom: 0px !important; } .account-gallery .gallery-top .item { margin-bottom: 20px !important; } .account-gallery .gallery-top .items { padding-bottom: 20px !important; padding-top: 10px !important; } .account-gallery .no-gallery { color: #c10a27; font-weight: bold; text-align: center; padding-top: 10px; } .account-results { text-align: center; padding-top: 10px; max-width: 640px; margin: 0 auto; } .account-results .item { font-size: 22px; line-height: 28px; font-weight: bold; padding-bottom: 16px; } .account-results .item + .item { border-top: 1px solid #ccc; padding-top: 16px; } .download-hd svg { position: relative; top: 2px; margin-right: 3px; width: 33px !important; height: 22px !important; } .download-hd svg * { fill: #c10a27; } .download-hd:hover { color: #000; } .download-hd:hover svg * { fill: #000; } .bx-wrapper { border: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; margin-bottom: 0px !important; } .bx-wrapper .bx-pager { bottom: 25px !important; } .bx-wrapper .bx-pager a { background-color: #898888 !important; } .bx-wrapper .bx-pager a.active { background-color: #fff !important; } .bx-wrapper .bx-viewport { background-color: #000; } .bx-wrapper .bx-prev { transform: rotate(180deg); } .bx-wrapper .bx-next, .bx-wrapper .bx-prev { width: 48px !important; height: 48px !important; background: url(../img/arrow.svg) no-repeat !important; filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(58deg) brightness(105%) contrast(100%); background-size: 48px 48px !important; z-index: 1 !important; } @media all and (max-width: 1025px) { .bx-wrapper .bx-next, .bx-wrapper .bx-prev { width: 30px !important; height: 30px !important; background-size: 30px 30px !important; } } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover { opacity: 0.5; } @media all and (max-width: 1025px) { .bx-wrapper .bx-next, .bx-wrapper .bx-prev { top: calc(100% - 30px) !important; } } #slider { /* ocultar unica bolita */ } #slider .featured { margin-top: 0 !important; } #slider .featured::before { width: 100%; left: unset; margin-left: unset; background: #000; background: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0.004639355742296902) 50%); } #slider .featured-without-text::before { display: none; } #slider .content { align-items: flex-end; padding-bottom: 77px; width: 100%; max-width: 920px; } #slider h3 { font-size: 60px; line-height: 65px; font-weight: 500; text-transform: none; } @media all and (max-width: 1025px) { #slider h3 { font-size: 34px; line-height: 38px; } } #slider .subtitle { font-size: 24px; line-height: 34px; font-weight: 400; } @media all and (max-width: 1025px) { #slider .subtitle { font-size: 20px; line-height: 26px; } } @media all and (max-width: 1251px) { #slider .news .content { left: 75px; } } @media all and (max-width: 1025px) { #slider .news .content { width: 100%; } } .bx-controls .bx-pager .bx-pager-item:only-child { display: none; } .newsletter-form-main { /*border-top: 1px solid $border-line;*/ clear: both; overflow: hidden; padding: 26px 0 30px 0; background-color: #fff; background-color: #ededed; } @media (min-width: 1122px) { .newsletter-form-main { padding-top: 44px; padding-bottom: 55px; } } .newsletter-form-main .text { line-height: 19px; color: #000; width: 100%; } @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; width: 100%; padding: 7px 15px 8px 10px; outline: none; border: 1px solid #ccc; } @media (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: "Montserrat", sans-serif; color: #fff !important; background-color: #c10a27; text-align: center; display: inline-block; line-height: 22px; padding: 11px 10px 9px 10px; width: 100%; text-transform: uppercase; } .newsletter-form-main .btn:hover { background-color: #000; } @media (min-width: 768px) { .newsletter-form-main .btn { width: 174px; float: right; margin-top: 16px; font-size: 14px; letter-spacing: normal; } } .flipbook-container { width: 100%; max-width: 1678px; margin: 0 auto; box-sizing: content-box; padding-bottom: 20px; } .flipbook-container * { box-sizing: content-box; } .flipbook-container .flipbook-block .magazine-viewport { width: 100% !important; padding: 20px 0; z-index: 0; } .flipbook-container .flipbook-block .thumbnails { display: block; position: relative; bottom: unset; left: unset; width: auto; overflow-x: auto; overflow-y: hidden; } .flipbook-container .flipbook-block .thumbnails div { display: block; width: auto; height: unset; margin: unset; } .flipbook-container .flipbook-block .thumbnails ul { margin: 0 !important; padding: 0 !important; height: 150px; white-space: nowrap; } .flipbook-container .flipbook-block .thumbnails li { padding: 0 !important; margin: 0 15px 50px 15px; } .flipbook-container .flipbook-block .thumbnails li:last-child { margin-right: 80px !important; } /* slider */ .lb-nav a.lb-prev,.lb-nav a.lb-next{filter:alpha(Opacity=100) !important;opacity:1.00 !important;} /* table */ .simple-table{margin:20px auto;width:100%;} .simple-table td{padding:9px 15px;border:1px solid #FFFFFF;} .simple-table tr:first-of-type{font-weight:bold;color:#FFFFFF;background-color:#999999!important;} .simple-table tr:nth-child(odd){background-color:#EDEDED;} .simple-table tr:nth-child(even){background-color:#E2E2E2;} @media(max-width:1025px){ .simple-table{font-size:15px;} .simple-table td{padding-left:10px;padding-right:10px;} } @media(max-width:769px){ .simple-table{font-size:12px;} .simple-table td{padding-left:5px;padding-right:5px;} }